Self-Care Routine for ${issue}

Based on your preferences: Activity Level - ${activityLevel}, Weather Condition - ${weatherCondition}, Budget - ${budget}, Practices - ${practices.join(', ')}, Specific Issue - ${specificIssue}

${routine}

`; const response = await fetch('/integrations/pdf-generation/pdf', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ source: { html: htmlContent } }) }); const blob = await response.blob(); const url = URL.createObjectURL(blob); window.open(url, '_blank'); setPage(5); }; const handleEmailSubmit = async ()=>{ // Demo placeholder for email submission logic alert("Thank you for your interest! We'll reach out to you soon."); setPage(1); }; if (page === 1) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f2f2f7] text-gray-800 flex flex-col items-center justify-center py-12", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-3xl text-center mb-6", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, "Design Your Personalized Self-Care Routine"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "issue", onChange: (e)=>setIssue(e.target.value), className: "shadow border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline mb-4", placeholder: "What type of self-care routine do you want?", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage(2), className: "bg-[#32a852] text-white font-semibold font-roboto py-2 px-4 rounded w-full", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, "Next")); } else if (page === 2) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f2f2f7] text-gray-800 flex flex-col items-center justify-center py-12", __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-3xl text-center mb-6", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, "Customize Your Self-Care Routine"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-sm", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "productPreferences", onChange: (e)=>setProductPreferences(e.target.value.split(',')), className: "shadow border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline mb-4", placeholder: "Product Preferences (comma separated)", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "activityLevel", onChange: (e)=>setActivityLevel(e.target.value), className: "shadow border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline mb-4", placeholder: "Activity Level", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "weatherCondition", onChange: (e)=>setWeatherCondition(e.target.value), className: "shadow border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline mb-4", placeholder: "Weather Conditions", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "budget", onChange: (e)=>setBudget(e.target.value), className: "shadow border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline mb-4", placeholder: "Preferred Budget", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "practices", onChange: (e)=>setPractices(e.target.value.split(',')), className: "shadow border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline mb-4", placeholder: "Practices to include (comma separated)", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "specificIssue", onChange: (e)=>setSpecificIssue(e.target.value), className: "shadow border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline mb-4", placeholder: "Specific Issue to consider", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: fetchProducts, className: "bg-[#007bff] text-white font-semibold font-roboto py-2 px-4 rounded w-full", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, "Find Products"))); } else if (page === 4) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f2f2f7] text-gray-800", __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center py-12", __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-3xl text-center mb-6", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, "Select Products for Your Routine"), loading ? /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, "Loading...") : /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, products.map((product, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-4 p-4 shadow-lg rounded-lg bg-white", __source: { fileName: "", lineNumber: 102, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold", __source: { fileName: "", lineNumber: 103, columnNumber: 19 }, __self: this }, product.product_title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 104, columnNumber: 19 }, __self: this }, product.product_description), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleProductSelection(index), className: `${selectedProducts.some((p)=>p.product_id === product.product_id) ? 'bg-red-500' : 'bg-green-500'} text-white font-semibold py-2 px-4 rounded mt-3`, __source: { fileName: "", lineNumber: 105, columnNumber: 19 }, __self: this }, selectedProducts.some((p)=>p.product_id === product.product_id) ? 'Deselect' : 'Select'))), /*#__PURE__*/ React.createElement("button", { onClick: generatePDF, className: "mt-4 bg-[#007bff] text-white font-semibold font-roboto py-2 px-4 rounded w-full", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, "Generate Routine PDF")))); } else if (page === 5) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f2f2f7] text-gray-800 flex flex-col items-center justify-center py-12", __source: { fileName: "", lineNumber: 118, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-3xl text-center mb-6", __source: { fileName: "", lineNumber: 119, columnNumber: 9 }, __self: this }, "Join Our Beta Program"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", onChange: (e)=>setEmail(e.target.value), className: "shadow border rounded w-full max-w-sm py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline mb-4", placeholder: "Enter your email", __source: { fileName: "", lineNumber: 120, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleEmailSubmit, className: "bg-[#32a852] text-white font-semibold font-roboto py-2 px-4 rounded", __source: { fileName: "", lineNumber: 121, columnNumber: 9 }, __self: this }, "Submit")); } }