@burdenoff/microfe-kadaikodi 2026.704.2 → 2026.704.4

package/dist/kadaikodi/pages/customer/CustomerProfilePage.js

@@ -4,18 +4,18 @@ import { PageLayout as n } from "../../components/PageLayout.js";
 import { useOrders as r } from "../../hooks/useKadaikodiApi.js";
 import { formatCurrency as i } from "../../utils/formatters.js";
 import { useState as a } from "react";
-import { AlertTriangle as o, BarChart3 as s, Bell as c, Camera as l, ChevronRight as u, Edit3 as d, Heart as f, IndianRupee as p, MapPin as m, Save as h, Settings as g, ShoppingBag as _, User as v, UserCircle as y, X as b } from "lucide-react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { GlassCard as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
+import { AlertTriangle as o, BarChart3 as s, Bell as c, CheckCircle2 as l, ChevronRight as u, Heart as d, IndianRupee as f, MapPin as p, Save as m, Settings as h, Shield as g, ShoppingBag as _, User as v, UserCircle as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { GlassCard as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/customer/CustomerProfilePage.tsx
-var T = [
+var w = [
 	"vegetarian",
 	"vegan",
 	"jain",
 	"keto",
 	"gluten-free",
 	"low-carb"
-], E = [
+], T = [
 	"nuts",
 	"dairy",
 	"eggs",
@@ -23,13 +23,15 @@ var T = [
 	"shellfish",
 	"gluten"
 ];
-function D() {
-	let { navigateTo: D, currentUser: O } = e(), { data: k = [], isLoading: A } = r({ customerId: O?.id }), [j, M] = a("profile"), [N, P] = a(!1), F = {
-		firstName: O?.firstName || O?.name?.split(" ")[0] || "Customer",
-		lastName: O?.lastName || O?.name?.split(" ").slice(1).join(" ") || "",
-		email: O?.email || "",
-		phone: O?.phone || "",
-		profilePicture: O?.avatar
+function E() {
+	let { navigateTo: E, currentUser: D } = e(), { data: O = [], isLoading: k } = r({ customerId: D?.id }), [A, j] = a("profile"), [M, N] = a(null), P = (e) => {
+		N(e), setTimeout(() => N(null), 3e3);
+	}, F = {
+		firstName: D?.firstName || D?.name?.split(" ")[0] || "Customer",
+		lastName: D?.lastName || D?.name?.split(" ").slice(1).join(" ") || "",
+		email: D?.email || "",
+		phone: D?.phone || "",
+		profilePicture: D?.avatar
 	}, [I, L] = a({
 		firstName: F.firstName,
 		lastName: F.lastName,
@@ -48,24 +50,13 @@ function D() {
 			newsletter: !1,
 			sms: !0
 		}
-	}), [R, z] = a({ ...I }), B = k.reduce((e, t) => e + t.total, 0), V = {
-		totalOrders: k.length,
+	}), [R, z] = a({ ...I }), B = O.reduce((e, t) => e + t.total, 0), V = {
+		totalOrders: O.length,
 		totalSpent: B,
-		avgOrderValue: k.length > 0 ? Math.floor(B / k.length) : 0
-	}, H = A, U = () => {
-		z({ ...I }), P(!0);
-	}, W = () => {
-		z({ ...I }), P(!1);
-	}, G = () => {
-		L({ ...R }), P(!1), alert("Profile updated successfully");
-	}, K = () => {
-		L({ ...R }), alert("Preferences saved successfully");
-	}, q = (e, t) => {
-		z((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, J = (e, t) => {
+		avgOrderValue: O.length > 0 ? Math.floor(B / O.length) : 0
+	}, H = k, U = () => E("/auth/security"), W = () => {
+		L({ ...R }), P("Preferences applied for this session. Saved profiles are coming soon.");
+	}, G = (e, t) => {
 		z((n) => ({
 			...n,
 			emergencyContact: {
@@ -73,7 +64,7 @@ function D() {
 				[e]: t
 			}
 		}));
-	}, Y = (e, t) => {
+	}, K = (e, t) => {
 		z((n) => ({
 			...n,
 			notifications: {
@@ -81,7 +72,7 @@ function D() {
 				[e]: t
 			}
 		}));
-	}, X = (e, t, n) => {
+	}, q = (e, t, n) => {
 		z((r) => {
 			let i = r[e], a = n ? [...i, t] : i.filter((e) => e !== t);
 			return {
@@ -89,7 +80,7 @@ function D() {
 				[e]: a
 			};
 		});
-	}, Z = [
+	}, J = [
 		{
 			key: "profile",
 			label: "Profile Info",
@@ -98,7 +89,7 @@ function D() {
 		{
 			key: "preferences",
 			label: "Preferences",
-			icon: g
+			icon: h
 		},
 		{
 			key: "stats",
@@ -106,48 +97,57 @@ function D() {
 			icon: s
 		}
 	];
-	return H ? /* @__PURE__ */ x(n, {
+	return H ? /* @__PURE__ */ b(n, {
 		title: "My Profile",
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ x("div", {
 			className: "flex flex-col items-center justify-center py-16 text-center",
-			children: [/* @__PURE__ */ x("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-foreground mx-auto mb-4" }), /* @__PURE__ */ x("p", {
+			children: [/* @__PURE__ */ b("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-foreground mx-auto mb-4" }), /* @__PURE__ */ b("p", {
 				className: "text-sm text-text-secondary",
 				children: "Loading profile..."
 			})]
 		})
-	}) : /* @__PURE__ */ S(n, {
+	}) : /* @__PURE__ */ x(n, {
 		title: "My Profile",
 		description: "Manage your personal information and preferences",
 		children: [
-			/* @__PURE__ */ x(w, {
+			/* @__PURE__ */ b(C, {
 				className: "mb-6",
 				children: "Your account, your way — keep your contact details, delivery address and preferences up to date, and manage how Kadaikodi reaches you. Accurate details mean smoother orders and deliveries."
 			}),
-			/* @__PURE__ */ S(C, {
+			M && /* @__PURE__ */ x("div", {
+				className: "mb-4 rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-3 flex items-center gap-2",
+				children: [/* @__PURE__ */ b(l, { className: "h-4 w-4 text-status-success-text shrink-0" }), /* @__PURE__ */ b("p", {
+					className: "text-sm text-status-success-text",
+					children: M
+				})]
+			}),
+			/* @__PURE__ */ x(S, {
 				treatment: "glass",
 				glow: !0,
 				className: "flex flex-col items-center sm:flex-row sm:items-start gap-6 p-6",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ x("div", {
 					className: "relative",
-					children: [/* @__PURE__ */ x("div", {
+					children: [/* @__PURE__ */ b("div", {
 						className: "h-24 w-24 rounded-full bg-bg-sunken overflow-hidden",
-						children: F.profilePicture ? /* @__PURE__ */ x("img", {
+						children: F.profilePicture ? /* @__PURE__ */ b("img", {
 							src: F.profilePicture,
 							alt: `${F.firstName} ${F.lastName}`,
 							className: "h-full w-full object-cover"
-						}) : /* @__PURE__ */ x("div", {
+						}) : /* @__PURE__ */ b("div", {
 							className: "flex h-full w-full items-center justify-center text-text-secondary",
-							children: /* @__PURE__ */ x(v, { className: "h-10 w-10" })
+							children: /* @__PURE__ */ b(v, { className: "h-10 w-10" })
 						})
-					}), /* @__PURE__ */ x("button", {
+					}), /* @__PURE__ */ b("button", {
 						type: "button",
+						onClick: U,
+						title: "Manage your photo in Account Security",
 						className: "absolute bottom-0 right-0 flex h-8 w-8 items-center justify-center rounded-full bg-foreground text-background shadow-sm hover:opacity-90 transition-opacity",
-						children: /* @__PURE__ */ x(l, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ b(g, { className: "h-4 w-4" })
 					})]
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ x("div", {
 					className: "flex-1 text-center sm:text-left",
 					children: [
-						/* @__PURE__ */ S("h2", {
+						/* @__PURE__ */ x("h2", {
 							className: "text-xl font-semibold text-text-primary",
 							children: [
 								I.firstName,
@@ -155,189 +155,179 @@ function D() {
 								I.lastName
 							]
 						}),
-						I.email && /* @__PURE__ */ x("p", {
+						I.email && /* @__PURE__ */ b("p", {
 							className: "mt-1 text-sm text-text-secondary",
 							children: I.email
 						}),
-						I.phone && /* @__PURE__ */ x("p", {
+						I.phone && /* @__PURE__ */ b("p", {
 							className: "mt-0.5 text-sm text-text-secondary",
 							children: I.phone
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: "mt-6 rounded-lg border border-border-subtle bg-bg-surface",
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "border-b border-border-subtle",
-					children: /* @__PURE__ */ x("nav", {
+					children: /* @__PURE__ */ b("nav", {
 						className: "flex -mb-px overflow-x-auto",
-						children: Z.map((e) => {
+						children: J.map((e) => {
 							let n = e.icon;
-							return /* @__PURE__ */ S("button", {
+							return /* @__PURE__ */ x("button", {
 								type: "button",
-								className: t("flex items-center gap-2 py-3.5 px-5 text-sm font-medium whitespace-nowrap transition-colors", j === e.key ? "border-b-2 border-foreground text-text-primary" : "text-text-secondary hover:text-text-primary"),
-								onClick: () => M(e.key),
-								children: [/* @__PURE__ */ x(n, { className: "h-4 w-4" }), e.label]
+								className: t("flex items-center gap-2 py-3.5 px-5 text-sm font-medium whitespace-nowrap transition-colors", A === e.key ? "border-b-2 border-foreground text-text-primary" : "text-text-secondary hover:text-text-primary"),
+								onClick: () => j(e.key),
+								children: [/* @__PURE__ */ b(n, { className: "h-4 w-4" }), e.label]
 							}, e.key);
 						})
 					})
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ x("div", {
 					className: "p-5 md:p-6",
 					children: [
-						j === "profile" && /* @__PURE__ */ S("div", {
+						A === "profile" && /* @__PURE__ */ x("div", {
 							className: "space-y-6",
 							children: [
-								/* @__PURE__ */ S("div", {
-									className: "flex justify-between items-center",
-									children: [/* @__PURE__ */ x("h3", {
+								/* @__PURE__ */ x("div", {
+									className: "flex flex-wrap justify-between items-center gap-2",
+									children: [/* @__PURE__ */ b("h3", {
 										className: "text-lg font-semibold text-text-primary",
 										children: "Personal Information"
-									}), N ? /* @__PURE__ */ S("div", {
-										className: "flex gap-2",
-										children: [/* @__PURE__ */ S("button", {
-											type: "button",
-											onClick: G,
-											className: "flex items-center gap-1.5 rounded-lg bg-foreground px-3 py-1.5 text-xs font-medium text-background hover:opacity-90 transition-opacity",
-											children: [/* @__PURE__ */ x(h, { className: "h-3 w-3" }), "Save"]
-										}), /* @__PURE__ */ S("button", {
-											type: "button",
-											onClick: W,
-											className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
-											children: [/* @__PURE__ */ x(b, { className: "h-3 w-3" }), "Cancel"]
-										})]
-									}) : /* @__PURE__ */ S("button", {
+									}), /* @__PURE__ */ x("button", {
 										type: "button",
 										onClick: U,
 										className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
-										children: [/* @__PURE__ */ x(d, { className: "h-3 w-3" }), "Edit Profile"]
+										children: [/* @__PURE__ */ b(g, { className: "h-3 w-3" }), "Manage in Account Security"]
 									})]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ b("p", {
+									className: "-mt-3 text-xs text-text-secondary",
+									children: "Your name, email and phone come from your Kadaikodi account. Update them in Account Security."
+								}),
+								/* @__PURE__ */ x("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 gap-5",
 									children: [
-										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-sm font-medium text-text-primary mb-1.5",
 											children: "First Name"
-										}), /* @__PURE__ */ x("input", {
+										}), /* @__PURE__ */ b("input", {
 											type: "text",
-											value: N ? R.firstName : I.firstName,
-											onChange: (e) => q("firstName", e.target.value),
-											disabled: !N,
-											className: t("w-full rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", !N && "bg-bg-sunken cursor-not-allowed", N && "bg-bg-surface")
+											value: I.firstName,
+											disabled: !0,
+											readOnly: !0,
+											className: "w-full rounded-lg border border-border-subtle bg-bg-sunken px-3 py-2.5 text-sm text-text-primary cursor-not-allowed"
 										})] }),
-										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-sm font-medium text-text-primary mb-1.5",
 											children: "Last Name"
-										}), /* @__PURE__ */ x("input", {
+										}), /* @__PURE__ */ b("input", {
 											type: "text",
-											value: N ? R.lastName : I.lastName,
-											onChange: (e) => q("lastName", e.target.value),
-											disabled: !N,
-											className: t("w-full rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", !N && "bg-bg-sunken cursor-not-allowed", N && "bg-bg-surface")
+											value: I.lastName,
+											disabled: !0,
+											readOnly: !0,
+											className: "w-full rounded-lg border border-border-subtle bg-bg-sunken px-3 py-2.5 text-sm text-text-primary cursor-not-allowed"
 										})] }),
-										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-sm font-medium text-text-primary mb-1.5",
 											children: "Email"
-										}), /* @__PURE__ */ x("input", {
+										}), /* @__PURE__ */ b("input", {
 											type: "email",
-											value: N ? R.email : I.email,
-											onChange: (e) => q("email", e.target.value),
-											disabled: !N,
-											className: t("w-full rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", !N && "bg-bg-sunken cursor-not-allowed", N && "bg-bg-surface")
+											value: I.email,
+											disabled: !0,
+											readOnly: !0,
+											className: "w-full rounded-lg border border-border-subtle bg-bg-sunken px-3 py-2.5 text-sm text-text-primary cursor-not-allowed"
 										})] }),
-										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-sm font-medium text-text-primary mb-1.5",
 											children: "Phone"
-										}), /* @__PURE__ */ x("input", {
+										}), /* @__PURE__ */ b("input", {
 											type: "tel",
-											value: N ? R.phone : I.phone,
-											onChange: (e) => q("phone", e.target.value),
-											disabled: !N,
-											className: t("w-full rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", !N && "bg-bg-sunken cursor-not-allowed", N && "bg-bg-surface")
+											value: I.phone,
+											disabled: !0,
+											readOnly: !0,
+											className: "w-full rounded-lg border border-border-subtle bg-bg-sunken px-3 py-2.5 text-sm text-text-primary cursor-not-allowed"
 										})] })
 									]
 								}),
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h4", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h4", {
 									className: "text-base font-semibold text-text-primary mb-3",
 									children: "Primary Address"
-								}), /* @__PURE__ */ S("div", {
+								}), /* @__PURE__ */ x("div", {
 									className: "rounded-lg bg-bg-sunken/50 p-4",
-									children: [/* @__PURE__ */ x("p", {
+									children: [/* @__PURE__ */ b("p", {
 										className: "text-sm text-text-secondary",
 										children: "You haven't saved a delivery address yet. Add one to speed up checkout."
-									}), /* @__PURE__ */ S("button", {
+									}), /* @__PURE__ */ x("button", {
 										type: "button",
-										onClick: () => D("/customer/addresses"),
+										onClick: () => E("/customer/addresses"),
 										className: "mt-2 flex items-center gap-1 text-xs font-medium text-text-secondary hover:text-text-primary transition-colors",
 										children: [
-											/* @__PURE__ */ x(m, { className: "h-3 w-3" }),
+											/* @__PURE__ */ b(p, { className: "h-3 w-3" }),
 											"Manage Addresses",
-											/* @__PURE__ */ x(u, { className: "h-3 w-3" })
+											/* @__PURE__ */ b(u, { className: "h-3 w-3" })
 										]
 									})]
 								})] }),
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("h4", {
-									className: "text-base font-semibold text-text-primary mb-3 flex items-center gap-2",
-									children: [/* @__PURE__ */ x(o, { className: "h-4 w-4 text-text-secondary" }), "Emergency Contact"]
-								}), /* @__PURE__ */ S("div", {
-									className: "grid grid-cols-1 md:grid-cols-3 gap-4",
-									children: [
-										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
-											className: "block text-sm font-medium text-text-primary mb-1.5",
-											children: "Name"
-										}), /* @__PURE__ */ x("input", {
-											type: "text",
-											value: N ? R.emergencyContact.name : I.emergencyContact.name,
-											onChange: (e) => J("name", e.target.value),
-											disabled: !N,
-											className: t("w-full rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", !N && "bg-bg-sunken cursor-not-allowed", N && "bg-bg-surface")
-										})] }),
-										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
-											className: "block text-sm font-medium text-text-primary mb-1.5",
-											children: "Phone"
-										}), /* @__PURE__ */ x("input", {
-											type: "tel",
-											value: N ? R.emergencyContact.phone : I.emergencyContact.phone,
-											onChange: (e) => J("phone", e.target.value),
-											disabled: !N,
-											className: t("w-full rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", !N && "bg-bg-sunken cursor-not-allowed", N && "bg-bg-surface")
-										})] }),
-										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
-											className: "block text-sm font-medium text-text-primary mb-1.5",
-											children: "Relationship"
-										}), /* @__PURE__ */ x("input", {
-											type: "text",
-											value: N ? R.emergencyContact.relationship : I.emergencyContact.relationship,
-											onChange: (e) => J("relationship", e.target.value),
-											disabled: !N,
-											className: t("w-full rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", !N && "bg-bg-sunken cursor-not-allowed", N && "bg-bg-surface")
-										})] })
-									]
-								})] }),
-								N && /* @__PURE__ */ S("div", {
+								/* @__PURE__ */ x("div", { children: [
+									/* @__PURE__ */ x("h4", {
+										className: "text-base font-semibold text-text-primary mb-1 flex items-center gap-2",
+										children: [/* @__PURE__ */ b(o, { className: "h-4 w-4 text-text-secondary" }), "Emergency Contact"]
+									}),
+									/* @__PURE__ */ b("p", {
+										className: "mb-3 text-xs text-text-secondary",
+										children: "Applied for this session — persistent profile storage is coming soon."
+									}),
+									/* @__PURE__ */ x("div", {
+										className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+										children: [
+											/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+												className: "block text-sm font-medium text-text-primary mb-1.5",
+												children: "Name"
+											}), /* @__PURE__ */ b("input", {
+												type: "text",
+												value: R.emergencyContact.name,
+												onChange: (e) => G("name", e.target.value),
+												className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+											})] }),
+											/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+												className: "block text-sm font-medium text-text-primary mb-1.5",
+												children: "Phone"
+											}), /* @__PURE__ */ b("input", {
+												type: "tel",
+												value: R.emergencyContact.phone,
+												onChange: (e) => G("phone", e.target.value),
+												className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+											})] }),
+											/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+												className: "block text-sm font-medium text-text-primary mb-1.5",
+												children: "Relationship"
+											}), /* @__PURE__ */ b("input", {
+												type: "text",
+												value: R.emergencyContact.relationship,
+												onChange: (e) => G("relationship", e.target.value),
+												className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+											})] })
+										]
+									})
+								] }),
+								/* @__PURE__ */ b("div", {
 									className: "flex gap-3 pt-4 border-t border-border-subtle",
-									children: [/* @__PURE__ */ S("button", {
-										type: "button",
-										onClick: G,
-										className: "flex items-center gap-2 rounded-lg bg-foreground px-4 py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity",
-										children: [/* @__PURE__ */ x(h, { className: "h-4 w-4" }), "Save Changes"]
-									}), /* @__PURE__ */ x("button", {
+									children: /* @__PURE__ */ x("button", {
 										type: "button",
 										onClick: W,
-										className: "flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-										children: "Cancel"
-									})]
+										className: "flex items-center gap-2 rounded-lg bg-foreground px-4 py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity",
+										children: [/* @__PURE__ */ b(m, { className: "h-4 w-4" }), "Save for this session"]
+									})
 								})
 							]
 						}),
-						j === "preferences" && /* @__PURE__ */ S("div", {
+						A === "preferences" && /* @__PURE__ */ x("div", {
 							className: "space-y-8",
 							children: [
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("h3", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("h3", {
 									className: "text-lg font-semibold text-text-primary mb-4 flex items-center gap-2",
-									children: [/* @__PURE__ */ x(c, { className: "h-4 w-4 text-text-secondary" }), "Notification Preferences"]
-								}), /* @__PURE__ */ x("div", {
+									children: [/* @__PURE__ */ b(c, { className: "h-4 w-4 text-text-secondary" }), "Notification Preferences"]
+								}), /* @__PURE__ */ b("div", {
 									className: "space-y-3",
 									children: [
 										{
@@ -356,106 +346,106 @@ function D() {
 											key: "sms",
 											label: "SMS notifications"
 										}
-									].map((e) => /* @__PURE__ */ S("label", {
+									].map((e) => /* @__PURE__ */ x("label", {
 										className: "flex items-center gap-3 cursor-pointer",
-										children: [/* @__PURE__ */ x("input", {
+										children: [/* @__PURE__ */ b("input", {
 											type: "checkbox",
 											checked: R.notifications[e.key],
-											onChange: (t) => Y(e.key, t.target.checked),
+											onChange: (t) => K(e.key, t.target.checked),
 											className: "h-4 w-4 rounded border-border-subtle text-text-primary focus:ring-[var(--color-focus-ring)]"
-										}), /* @__PURE__ */ x("span", {
+										}), /* @__PURE__ */ b("span", {
 											className: "text-sm text-text-primary",
 											children: e.label
 										})]
 									}, e.key))
 								})] }),
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("h3", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("h3", {
 									className: "text-lg font-semibold text-text-primary mb-4 flex items-center gap-2",
-									children: [/* @__PURE__ */ x(f, { className: "h-4 w-4 text-text-secondary" }), "Dietary Preferences"]
-								}), /* @__PURE__ */ x("div", {
+									children: [/* @__PURE__ */ b(d, { className: "h-4 w-4 text-text-secondary" }), "Dietary Preferences"]
+								}), /* @__PURE__ */ b("div", {
 									className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3",
-									children: T.map((e) => /* @__PURE__ */ S("label", {
+									children: w.map((e) => /* @__PURE__ */ x("label", {
 										className: "flex items-center gap-2 cursor-pointer",
-										children: [/* @__PURE__ */ x("input", {
+										children: [/* @__PURE__ */ b("input", {
 											type: "checkbox",
 											checked: R.dietary.includes(e),
-											onChange: (t) => X("dietary", e, t.target.checked),
+											onChange: (t) => q("dietary", e, t.target.checked),
 											className: "h-4 w-4 rounded border-border-subtle text-text-primary focus:ring-[var(--color-focus-ring)]"
-										}), /* @__PURE__ */ x("span", {
+										}), /* @__PURE__ */ b("span", {
 											className: "text-sm text-text-primary capitalize",
 											children: e
 										})]
 									}, e))
 								})] }),
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("h3", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("h3", {
 									className: "text-lg font-semibold text-text-primary mb-4 flex items-center gap-2",
-									children: [/* @__PURE__ */ x(o, { className: "h-4 w-4 text-status-error-text" }), "Food Allergies"]
-								}), /* @__PURE__ */ x("div", {
+									children: [/* @__PURE__ */ b(o, { className: "h-4 w-4 text-status-error-text" }), "Food Allergies"]
+								}), /* @__PURE__ */ b("div", {
 									className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3",
-									children: E.map((e) => /* @__PURE__ */ S("label", {
+									children: T.map((e) => /* @__PURE__ */ x("label", {
 										className: "flex items-center gap-2 cursor-pointer",
-										children: [/* @__PURE__ */ x("input", {
+										children: [/* @__PURE__ */ b("input", {
 											type: "checkbox",
 											checked: R.allergies.includes(e),
-											onChange: (t) => X("allergies", e, t.target.checked),
+											onChange: (t) => q("allergies", e, t.target.checked),
 											className: "h-4 w-4 rounded border-border-subtle text-status-error-text focus:ring-destructive"
-										}), /* @__PURE__ */ x("span", {
+										}), /* @__PURE__ */ b("span", {
 											className: "text-sm text-text-primary capitalize",
 											children: e
 										})]
 									}, e))
 								})] }),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ b("div", {
 									className: "pt-4 border-t border-border-subtle",
-									children: /* @__PURE__ */ S("button", {
+									children: /* @__PURE__ */ x("button", {
 										type: "button",
-										onClick: K,
+										onClick: W,
 										className: "flex items-center gap-2 rounded-lg bg-foreground px-4 py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity",
-										children: [/* @__PURE__ */ x(h, { className: "h-4 w-4" }), "Save Preferences"]
+										children: [/* @__PURE__ */ b(m, { className: "h-4 w-4" }), "Save Preferences"]
 									})
 								})
 							]
 						}),
-						j === "stats" && /* @__PURE__ */ x("div", {
+						A === "stats" && /* @__PURE__ */ b("div", {
 							className: "space-y-8",
-							children: /* @__PURE__ */ S("div", {
+							children: /* @__PURE__ */ x("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ x("div", {
 										className: "rounded-lg bg-[var(--color-accent-soft)] p-5 border border-border-focus/20",
-										children: [/* @__PURE__ */ S("div", {
+										children: [/* @__PURE__ */ x("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ x(_, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ x("h4", {
+											children: [/* @__PURE__ */ b(_, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ b("h4", {
 												className: "text-sm font-medium text-text-primary",
 												children: "Total Orders"
 											})]
-										}), /* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ b("p", {
 											className: "text-3xl font-bold text-text-primary",
 											children: V.totalOrders
 										})]
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ x("div", {
 										className: "rounded-lg bg-status-success-bg-subtle p-5 border border-status-success-text/20",
-										children: [/* @__PURE__ */ S("div", {
+										children: [/* @__PURE__ */ x("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ x(p, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ x("h4", {
+											children: [/* @__PURE__ */ b(f, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ b("h4", {
 												className: "text-sm font-medium text-status-success-text",
 												children: "Total Spent"
 											})]
-										}), /* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ b("p", {
 											className: "text-3xl font-bold text-status-success-text",
 											children: i(V.totalSpent, { minimumFractionDigits: 0 })
 										})]
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ x("div", {
 										className: "rounded-lg bg-bg-surface p-5 border border-border-subtle",
-										children: [/* @__PURE__ */ S("div", {
+										children: [/* @__PURE__ */ x("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ x(s, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ x("h4", {
+											children: [/* @__PURE__ */ b(s, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ b("h4", {
 												className: "text-sm font-medium text-text-primary",
 												children: "Avg Order Value"
 											})]
-										}), /* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ b("p", {
 											className: "text-3xl font-bold text-text-primary",
 											children: i(V.avgOrderValue, { minimumFractionDigits: 0 })
 										})]
@@ -470,6 +460,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as CustomerProfilePage };
+export { E as CustomerProfilePage };
 
 //# sourceMappingURL=CustomerProfilePage.js.map