function MainComponent() { const [formData, setFormData] = React.useState({ receiptId: '', productId: '' }); const handleChange = (event)=>{ const { name, value } = event.target; setFormData((prevState)=>({ ...prevState, [name]: value })); }; const handleSubmit = async (event)=>{ event.preventDefault(); try { const response = await fetch('https://example.com/verify-purchase', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ receiptId: formData.receiptId, productId: formData.productId }) }); const data = await response.json(); if (data.success) { alert('Purchase verified successfully!'); } else { alert('Purchase verification failed. Please check your details and try again.'); } } catch (error) { console.error('Error verifying purchase:', error); alert('An error occurred during purchase verification. Please try again later.'); } }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center my-10", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto text-[#121212] mb-4", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "Purchase Verification"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#666]", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, "Please enter your purchase details for verification."), /*#__PURE__*/ React.createElement("form", { className: "mt-6", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "receiptId", className: "block text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Receipt ID"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "receiptId", value: formData.receiptId, onChange: handleChange, className: "w-full border-[#ccc] border p-2 rounded", placeholder: "Enter receipt ID", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "productId", className: "block text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Product ID"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "productId", value: formData.productId, onChange: handleChange, className: "w-full border-[#ccc] border p-2 rounded", placeholder: "Enter product ID", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#4CAF50] text-white font-roboto py-2 px-4 rounded hover:bg-[#45a049]", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Verify Purchase")))); }