function MainComponent() { const [isLoading, setIsLoading] = React.useState(false); const [messages, setMessages] = React.useState([]); async function handleSignUp(event) { event.preventDefault(); setIsLoading(true); const form = event.target; try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: "Instagram link https://www.instagram.com/8ight_posters?igsh=MzRlODBiNWFlZA==" } ], system_prompt: 'Sign Up Information' }) }); const data = await response.json(); if (data.status) { setMessages([ ...messages, { role: 'assistant', content: data.result } ]); } } catch (error) { setMessages([ ...messages, { role: 'system', content: 'An error occurred during sign up.' } ]); } setIsLoading(false); } const signUpForm = /*#__PURE__*/ React.createElement("form", { className: "flex flex-col space-y-4", onSubmit: handleSignUp, __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "bg-transparent border-b border-[#F3E3AC] text-[#2E3521] placeholder-[#726950] font-open-sans p-2", type: "text", name: "username", placeholder: "Username", required: true, __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "bg-transparent border-b border-[#F3E3AC] text-[#2E3521] placeholder-[#726950] font-open-sans p-2", type: "email", name: "email", placeholder: "Email", required: true, __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "bg-transparent border-b border-[#F3E3AC] text-[#2E3521] placeholder-[#726950] font-open-sans p-2", type: "password", name: "password", placeholder: "Password", required: true, __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#2E3521] text-[#F3E3AC] font-open-sans p-2 mt-4 hover:bg-[#333a29]", type: "submit", disabled: isLoading, __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, isLoading ? 'Loading...' : 'Sign Up')); return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex justify-center items-center p-4 bg-[#1D2115]", __source: { fileName: "", lineNumber: 62, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg grid grid-cols-1 md:grid-cols-2 bg-white rounded-lg overflow-hidden shadow-lg", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#F3E3AC] flex flex-col justify-center px-8 py-6", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-[#2E3521] text-3xl mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "font-open-sans text-2xl text-[#2E3521] mb-2", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("div", { className: "text-[#726950] font-open-sans", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, signUpForm), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-[#726950] font-open-sans text-xs", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "By signing up, you agree to our Terms & Conditions.")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center bg-cover bg-center w-full h-full", style: { backgroundImage: "url('https://source.unsplash.com/random')" }, __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, ` body { font-family: 'Open Sans', sans-serif; } `)); }