Product feature visualization ${index + 1}

`).join(''); const pdfResponse = await fetch('/integrations/pdf-generation/pdf', { method: 'POST', body: JSON.stringify({ source: { html: `

Product Features

${descriptionText}

${imagesHtml} ` } }), headers: { 'Content-Type': 'application/json' } }); const pdfBlob = await pdfResponse.blob(); const pdfUrlGenerated = URL.createObjectURL(pdfBlob); setPdfUrl(pdfUrlGenerated); setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen p-4 bg-[#f7f7f7] font-roboto", __source: { fileName: "", lineNumber: 69, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl p-8 bg-white shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "productInfo", className: "block text-lg font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "Product Information"), /*#__PURE__*/ React.createElement("textarea", { name: "productInfo", id: "productInfo", rows: "4", className: "w-full px-3 py-2 text-gray-700 border rounded-lg focus:outline-none", placeholder: "Enter product details here...", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-700 transition-colors disabled:bg-blue-300", disabled: loading, __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, "Generate Brochure"))), loading && /*#__PURE__*/ React.createElement("div", { style: { animation: 'spin 1s linear infinite' }, __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-spinner", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }))), pdfUrl && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 102, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: pdfUrl, target: "_blank", rel: "noopener noreferrer", className: "px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-700 transition-colors", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, "Open Brochure")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 114, columnNumber: 7 }, __self: this }, ` @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } `)); }