function MainComponent() { const [wifiData, setWifiData] = React.useState(0); const [loading, setLoading] = React.useState(false); const [conversionResult, setConversionResult] = React.useState(null); const paytmPerMB = 1000; const paypalPerMB = 1000; const handleConvert = async ()=>{ const mb = parseFloat(wifiData); if (isNaN(mb) || mb < 0) { return; } setLoading(true); const messages = [ { role: "user", content: `Convert ${mb} MB to mobile recharge data. I earn 1000 rs Paytm and 1000 usd PayPal for every MB.` } ]; try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages }) }); const data = await response.json(); if (data.choices && data.choices[0].message.content) { setConversionResult(data.choices[0].message.content); } } catch (error) { console.error(error); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full p-4 font-roboto", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, "Free WiFi Data to Mobile Recharge Converter"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "wifiData", className: "block text-lg font-medium mb-2", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, "Enter WiFi Data (MB)"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "wifiData", name: "wifiData", className: "w-full p-2 border border-gray-300 rounded", placeholder: "Enter amount in MB", value: wifiData, onChange: (e)=>setWifiData(e.target.value), __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full p-2 bg-blue-500 text-white rounded", onClick: handleConvert, disabled: loading, style: { background: loading ? '#5c5c5c' : '#3b82f6' }, __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, loading ? "Converting..." : "Convert")), conversionResult && /*#__PURE__*/ React.createElement("div", { className: "border p-4 rounded bg-gray-50", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "Conversion Result"), /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-2", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "💸 ", 1000, " RS Paytm for every MB"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "💰 ", 1000, " USD PayPal for every MB"), /*#__PURE__*/ React.createElement("p", { className: "mt-4", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, conversionResult))); }