function MainComponent() { const [environment, setEnvironment] = React.useState(null); const [market, setMarket] = React.useState(null); const [role, setRole] = React.useState(null); const [subRole, setSubRole] = React.useState(null); const [loading, setLoading] = React.useState(false); const [result, setResult] = React.useState(null); const environments = [ "Development", "Staging", "Production" ]; const markets = [ "Local", "Global" ]; const roles = { Local: [ "Admin", "User", "Guest" ], Global: [ "SuperAdmin", "Moderator", "Viewer" ] }; const subRoles = { Admin: [ "AdminSubRole1", "AdminSubRole2" ], SuperAdmin: [ "SuperAdminSubRole1", "SuperAdminSubRole2" ], User: [ "UserSubRole1", "UserSubRole2" ] }; const selectedRoles = roles[market] || []; const selectedSubRoles = subRoles[role] || []; const handleSubmit = async ()=>{ setLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: `Updated role to ${role}${subRole ? ` with subrole ${subRole}` : ""} in ${environment} environment for ${market} market` } ], system_prompt: 'Process this role update request' }) }); const data = await response.json(); setResult(data.choices[0].message.content); setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 47, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-xl mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "Update User Role"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Select Environment"), environments.map((env)=>/*#__PURE__*/ React.createElement("label", { key: env, className: "mr-2 font-roboto", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "environment", value: env, checked: env === environment, onChange: ()=>setEnvironment(env), __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }), env))), environment && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "Select Market"), markets.map((mkt)=>/*#__PURE__*/ React.createElement("label", { key: mkt, className: "mr-2 font-roboto", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "market", value: mkt, checked: mkt === market, onChange: ()=>setMarket(mkt), __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }), mkt))), market && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "Select Role"), /*#__PURE__*/ React.createElement("select", { name: "role", value: role, onChange: (e)=>setRole(e.target.value), className: "font-roboto p-2 border rounded", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, "Select Role"), selectedRoles.map((rl)=>/*#__PURE__*/ React.createElement("option", { key: rl, value: rl, __source: { fileName: "", lineNumber: 93, columnNumber: 17 }, __self: this }, rl)))), role && selectedSubRoles.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto", __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, "Select Sub Role"), selectedSubRoles.map((subRl)=>/*#__PURE__*/ React.createElement("label", { key: subRl, className: "mr-2 font-roboto", __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "subRole", value: subRl, checked: subRole === subRl, onChange: ()=>setSubRole(subRl), className: "mr-1", __source: { fileName: "", lineNumber: 105, columnNumber: 17 }, __self: this }), subRl))), role && /*#__PURE__*/ React.createElement("button", { onClick: handleSubmit, className: "bg-blue-500 text-white font-roboto p-2 rounded", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, loading ? "Loading..." : "Submit"), result && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-green-200 font-roboto rounded", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, result))); }