${inputText}

" `; const response = await fetch('/integrations/pdf-generation/pdf', { method: 'POST', body: { source } }); const pdfBlob = await response.blob(); setGeneratedPdf(URL.createObjectURL(pdfBlob)); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto bg-gradient-to-r from-[#f5f7fa] to-[#c3cfe2] min-h-screen flex", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/4 min-w-[200px] bg-white shadow-lg", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex flex-col text-gray-700", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { onClick: ()=>setCurrentTab('Upload'), className: "py-4 px-6 hover:bg-gray-100 cursor-pointer", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Upload"), /*#__PURE__*/ React.createElement("li", { onClick: ()=>setCurrentTab('Input'), className: "py-4 px-6 hover:bg-gray-100 cursor-pointer", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Input"), /*#__PURE__*/ React.createElement("li", { onClick: ()=>setCurrentTab('Output'), className: "py-4 px-6 hover:bg-gray-100 cursor-pointer", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Output"))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex justify-center items-start p-10", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-8 w-full max-w-[600px]", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, currentTab === 'Upload' && /*#__PURE__*/ React.createElement("div", { className: "upload-tab text-center", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "w-72 flex flex-col items-center mx-auto px-4 py-6 bg-gray-50 text-gray-700 rounded-lg shadow border cursor-pointer hover:bg-gray-100 transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cloud-upload-alt fa-3x", __source: { fileName: "", lineNumber: 44, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "mt-2 text-base leading-normal", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, "Select a file (PDF, PNG, JPEG)"), /*#__PURE__*/ React.createElement("input", { type: "file", className: "hidden", onChange: handleFileChange, accept: "application/pdf,image/png,image/jpeg", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }))), currentTab === 'Input' && /*#__PURE__*/ React.createElement(Typeform, { id: "exampleInput", placeholder: "Type here", onChange: handleInputChange, __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }), currentTab === 'Output' && generatedPdf && /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: generatedPdf, className: "bg-gray-700 hover:bg-gray-800 text-white font-bold py-2 px-4 rounded-lg transition duration-300 ease-in-out", download: "output.pdf", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, "Download PDF")), currentTab === 'Output' && !generatedPdf && /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: generatePdf, className: "bg-gray-700 hover:bg-gray-800 text-white font-bold py-2 px-4 rounded-lg transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, "Generate PDF"))))); }