function MainComponent() { const [phoneNumber, setPhoneNumber] = React.useState(''); const [isSubmitting, setIsSubmitting] = React.useState(false); const [pdfGenerated, setPdfGenerated] = React.useState(false); const handlePhoneNumberChange = (event)=>{ setPhoneNumber(event.target.value); }; const handleGeneratePdf = async (event)=>{ event.preventDefault(); setIsSubmitting(true); try { const response = await fetch('/integrations/pdf-generation/pdf', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ source: ` { "html": "

Your Phone Number:

${phoneNumber}

" } ` }) }); if (response.ok) { setPdfGenerated(true); } else { throw new Error('Failed to generate PDF'); } } catch (error) { console.error('Error generating PDF:', error); } finally{ setIsSubmitting(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f7f7f7] p-4", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white rounded shadow-md p-6", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleGeneratePdf, className: "space-y-4", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "phoneNumber", className: "block text-sm font-semibold text-[#333] mb-2", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Enter your phone number"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phoneNumber", id: "phoneNumber", value: phoneNumber, onChange: handlePhoneNumberChange, className: "w-full p-2 border border-[#ddd] rounded", placeholder: "123-456-7890", required: true, __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting, className: `w-full font-roboto py-2 px-4 rounded bg-[#007bff] text-white ${isSubmitting ? 'opacity-50' : 'hover:bg-[#0056b3]'}`, __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, isSubmitting ? 'Generating...' : 'Generate PDF'))), pdfGenerated && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-green-100 text-green-700 rounded", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "PDF has been generated successfully!"))); }