function UrlInputField({ name, value, onChange, placeholder }) { return /*#__PURE__*/ React.createElement("input", { type: "text", name: name, value: value, onChange: onChange, placeholder: placeholder, className: "w-full p-2 border border-gray-300 rounded mb-4 font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function UrlInputFieldStory() { const [url, setUrl] = React.useState(""); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(UrlInputField, { name: "url", value: url, onChange: (e)=>setUrl(e.target.value), placeholder: "Enter website URL", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this })); } function MainComponent() { const [url, setUrl] = React.useState(""); const [question, setQuestion] = React.useState(""); const [response, setResponse] = React.useState(""); const [loading, setLoading] = React.useState(false); const fetchContentFromUrl = async (url)=>{ const response = await fetch('/integrations/web-scraping/post', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url, getText: true }) }); const data = await response.text(); queryGPT(data); }; const queryGPT = async (text)=>{ setLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: `Based on this content: ${text}, answer the question: ${question}` } ] }) }); const result = await response.json(); const assistantResponse = result.choices[0].message.content; setResponse(assistantResponse); setLoading(false); }; const handleSubmit = (e)=>{ e.preventDefault(); if (url && question) { fetchContentFromUrl(url); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-cover bg-center p-4", style: { backgroundImage: "url('https://ucarecdn.com/9d4d5549-41e0-4863-a551-d35d177923c3/-/format/auto/')" }, __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-crimson-text mb-6 text-white", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, "Marauder's Interpreter"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "bg-white bg-opacity-70 p-6 rounded-lg shadow-lg max-w-[600px] text-left", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(UrlInputField, { name: "url", value: url, onChange: (e)=>setUrl(e.target.value), placeholder: "URL https://....", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(UrlInputField, { name: "question", value: question, onChange: (e)=>setQuestion(e.target.value), placeholder: "Your prompt ....", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 text-white bg-blue-500 rounded hover:bg-blue-700 font-roboto mt-4", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, "Summon Insights!")), loading && /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-blue-500 font-roboto", __source: { fileName: "", lineNumber: 64, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 64, columnNumber: 65 }, __self: this }), " Loading..."), response && /*#__PURE__*/ React.createElement("div", { className: "bg-white bg-opacity-70 p-6 rounded-lg shadow-lg max-w-[600px] text-left mt-6", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xl font-crimson-text text-[#333] whitespace-pre-line", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, response))); }