function MainComponent({ handleChatGPTRequest, loading, response }) { const [input, setInput] = React.useState(''); const onSubmit = (e)=>{ e.preventDefault(); handleChatGPTRequest(input); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-orange-500 font-sans", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-start p-4 bg-orange-600 text-white space-x-4", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-lg", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-lg", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-lg", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "Videos")), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-8", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: onSubmit, className: "mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "message", value: input, onChange: (e)=>setInput(e.target.value), className: "w-full h-[200px] p-4 border-2", placeholder: "Type your message to ChatGPT...", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 px-4 py-2 bg-blue-600 text-white", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Send")), loading && /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 34, columnNumber: 21 }, __self: this }, "Loading..."), response && /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 35, columnNumber: 22 }, __self: this }, "Response: ", response))); } function StoryComponent() { const [loading, setLoading] = React.useState(false); const [response, setResponse] = React.useState(''); const handleChatGPTRequest = (message)=>{ setLoading(true); fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: message } ] }) }).then((res)=>res.json()).then((data)=>{ setResponse(data.choices[0].message.content); setLoading(false); }); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 62, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { handleChatGPTRequest: handleChatGPTRequest, loading: loading, response: response, __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this })); }