${msg.role}: ${msg.content}

`).join(''); const html = `${htmlContent}`; try { const response = await fetch('/integrations/pdf-generation/pdf', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ source: { html } }) }); const blob = await response.blob(); const url = URL.createObjectURL(blob); window.open(url, '_blank'); } finally{ setPdfLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f7f7f7] flex justify-center items-center px-4", __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[500px] bg-white shadow-lg rounded-lg p-6", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "2024 Fitness Goal Planner"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-white h-[400px] overflow-auto p-4 shadow-inner rounded-lg", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, messages.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `p-2 ${msg.role === 'assistant' ? 'text-right' : 'text-left'}`, __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, msg.content)), loading && /*#__PURE__*/ React.createElement("div", { className: "text-center p-2", __source: { fileName: "", lineNumber: 70, columnNumber: 25 }, __self: this }, "Loading...")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "message", value: message, onChange: handleChange, className: "w-full p-2 border border-gray-300 rounded-lg", placeholder: "Type your fitness goal here...", disabled: loading, __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 w-full bg-[#4F46E5] text-white py-2 rounded-lg", disabled: loading, __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, "Plan Goal"))), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handlePdfGeneration, className: "mt-4 w-full bg-[#10B981] text-white py-2 rounded-lg", disabled: pdfLoading, __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, "Generate Goal Plan PDF"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-4", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, "Powered by Create"))))); }