function MainComponent() { const [login, setLogin] = React.useState(''); const [password, setPassword] = React.useState(''); const [logoUrl, setLogoUrl] = React.useState(''); React.useEffect(()=>{ fetch('/integrations/stable-diffusion/?prompt=logo%2C+chat+p2p+for+ip+address', { method: 'GET' }).then((response)=>response.json()).then((data)=>setLogoUrl(data.data[0])); }, []); const handleLoginChange = (e)=>{ setLogin(e.target.value); }; const handlePasswordChange = (e)=>{ setPassword(e.target.value); }; const handleSubmit = (e)=>{ e.preventDefault(); fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "system", "content": `/login ${login} /password ${password}` } ], system_prompt: 'Authenticate user' }) }).then((response)=>response.json()).then((result)=>console.log(result.choices[0].message.content)); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen space-y-5", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "login", className: "block text-sm font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Login (IP address)"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "login", name: "login", value: login, onChange: handleLoginChange, className: "mt-1 w-full p-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-[#010101]", placeholder: "192.168.1.1", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", id: "password", name: "password", value: password, onChange: handlePasswordChange, className: "mt-1 w-full p-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-[#010101]", placeholder: "••••••••", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-3 bg-[#010101] text-white font-roboto rounded-md hover:bg-[#121212]", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, "Sign In")), /*#__PURE__*/ React.createElement("img", { src: logoUrl, alt: "Generated logo for chat p2p for IP address", className: "w-[200px] h-[200px] mx-auto", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this })); }