`); } }; const handleSubmit = async (e)=>{ e.preventDefault(); const moderationResult = await fetch('/integrations/text-moderation/', { method: 'POST', body: JSON.stringify({ input: textInput }), headers: { 'Content-Type': 'application/json' } }).then((res)=>res.json()); if (!moderationResult.results[0].flagged) { handleRequest(); } else { setOutput(""); } }; const handleTextInputChange = (e)=>{ setTextInput(e.target.value); }; const handleAPIChange = (e)=>{ setSelectedAPI(e.target.value); setOutput(""); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#F0F0F0] text-left", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-xl", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, "QueryMind")), /*#__PURE__*/ React.createElement("div", { className: "flex-grow p-4 flex flex-col justify-between", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "Output:"), /*#__PURE__*/ React.createElement("div", { id: "output", className: "w-full h-[200px] bg-white border border-gray-300 overflow-auto", dangerouslySetInnerHTML: { __html: output }, __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "border border-gray-300 p-2 mb-4", onChange: handleAPIChange, value: selectedAPI, __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "ChatGPT"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "Gemini"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "AI Image Generator")), /*#__PURE__*/ React.createElement("textarea", { name: "queryInput", className: "border border-gray-300 w-full mb-4 p-2", rows: "4", onChange: handleTextInputChange, value: textInput, __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white p-2 w-full", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "Submit")))); }