function MainComponent() { const [email, setEmail] = React.useState(''); const [script, setScript] = React.useState(''); const [language, setLanguage] = React.useState(''); const handleEmailValidation = async ()=>{ const response = await fetch(`/integrations/email-check-2/v1/email/verify?email=${encodeURIComponent(email)}`, { method: 'GET' }); const data = await response.json(); console.log(data); }; const handleScriptUpload = async ()=>{ const formData = new FormData(); formData.append("source", JSON.stringify({ html: script })); const response = await fetch('/integrations/pdf-generation/pdf', { method: 'POST', body: formData }); const blob = await response.blob(); const url = window.URL.createObjectURL(blob); window.open(url); }; const handleImageSearch = async ()=>{ const response = await fetch(`/integrations/image-search/imagesearch?q=${encodeURIComponent('Film Set')}`, { method: 'GET' }); const data = await response.json(); console.log(data.items[0]); }; const handleScriptTranslation = async ()=>{ const response = await fetch('/integrations/google-translate/language/translate/v2', { method: 'POST', body: new URLSearchParams({ q: script, target: language }) }); const data = await response.json(); setScript(data.data.translations[0].translatedText); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f2f5] p-4", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl bg-white shadow-lg rounded-lg p-5", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl text-[#121212] mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "Film Script Breakdown & Management Tool"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#eceff1] p-4 rounded-lg", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#121212] mb-2", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "Script Breakdown"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm text-[#121212]", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Upload film scripts to analyze locations and cast members."), /*#__PURE__*/ React.createElement("button", { onClick: handleScriptUpload, className: "mt-3 bg-[#007bff] text-white font-roboto rounded px-4 py-2", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Upload Script")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#eceff1] p-4 rounded-lg", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#121212] mb-2", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Generate Call Sheets"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm text-[#121212]", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Automatically generate daily call sheets for your shoots."), /*#__PURE__*/ React.createElement("button", { onClick: handleImageSearch, className: "mt-3 bg-[#28a745] text-white font-roboto rounded px-4 py-2", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "Generate")), /*#__PURE__*/ React.createElement("div", { className: "col-span-1 md:col-span-2 bg-[#eceff1] p-4 rounded-lg", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#121212] mb-2", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "Shooting Schedule"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm text-[#121212]", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Plan your shooting schedule with an interactive calendar."), /*#__PURE__*/ React.createElement("button", { onClick: handleEmailValidation, className: "mt-3 bg-[#ffc107] text-white font-roboto rounded px-4 py-2", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Create Schedule")), /*#__PURE__*/ React.createElement("div", { className: "col-span-1 md:col-span-2 bg-[#eceff1] p-4 rounded-lg mt-4", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#121212]", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Script Translation"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm text-[#121212] mb-2", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Translate your script for international cast members."), /*#__PURE__*/ React.createElement("button", { onClick: handleScriptTranslation, className: "mt-3 bg-[#6f42c1] text-white font-roboto rounded px-4 py-2", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, "Translate Script"))))); }