function MainComponent({ onSubmit, isLoading, result, onCopy, onOpenGmail }) { const [emailContent, setEmailContent] = React.useState(''); const handleEmailChange = (event)=>{ setEmailContent(event.target.value); }; const handleFormSubmit = (event)=>{ event.preventDefault(); onSubmit(emailContent); }; const buttonClasses = "px-4 py-2 font-roboto text-white rounded-md w-full sm:w-auto"; const loadingButtonClasses = "bg-[#cccccc] " + buttonClasses; const rewriteButton = isLoading ? /*#__PURE__*/ React.createElement("button", { type: "button", className: loadingButtonClasses, disabled: true, __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, "Rewriting...") : /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 " + buttonClasses, __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, "Rewrite Email"); const copyButton = result && /*#__PURE__*/ React.createElement("button", { onClick: onCopy, className: "bg-[#34d399] " + buttonClasses, __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, "Copy to Clipboard"); const openGmailButton = result && /*#__PURE__*/ React.createElement("button", { onClick: onOpenGmail, className: "bg-[#ea4335] " + buttonClasses, __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, "Open Gmail"); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center items-center min-h-screen bg-[#f7f7f7] p-4", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[800px]", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleFormSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 font-roboto border border-gray-300 rounded-md resize-none h-[200px] sm:h-[300px]", onChange: handleEmailChange, value: emailContent, name: "emailContent", placeholder: "Paste your unstructured email here", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-3 sm:flex-row sm:space-y-0 sm:space-x-3", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, rewriteButton)), result && /*#__PURE__*/ React.createElement("div", { className: "mt-6 space-y-4", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-2 font-roboto border border-gray-300 rounded-md whitespace-pre-wrap", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, result), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-3 sm:flex-row sm:space-y-0 sm:space-x-3", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, copyButton, openGmailButton)))); } function StoryComponent() { const [isLoading, setLoading] = React.useState(false); const [emailResult, setEmailResult] = React.useState(''); const handleSubmitEmail = async (content)=>{ setLoading(true); setEmailResult(''); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: content } ], system_prompt: 'Rewrite this email to be structured and grammatically correct' }) }); const data = await response.json(); if (data.status) { setEmailResult(data.result); } else { setEmailResult("Failed to rewrite the email. Please try again."); } } catch (error) { setEmailResult("An error occurred while processing your request."); } finally{ setLoading(false); } }; const handleCopyToClipboard = ()=>{ if (emailResult) { navigator.clipboard.writeText(emailResult); } }; const handleOpenGmail = ()=>{ window.open('https://mail.google.com/mail/u/0/#compose', '_blank'); }; return /*#__PURE__*/ React.createElement(MainComponent, { onSubmit: handleSubmitEmail, isLoading: isLoading, result: emailResult, onCopy: handleCopyToClipboard, onOpenGmail: handleOpenGmail, __source: { fileName: "", lineNumber: 114, columnNumber: 5 }, __self: this }); }