@burdenoff/microfe-kadaikodi 2026.626.2 → 2026.704.2

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

@@ -2,407 +2,342 @@ import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { useOrders as r } from "../../hooks/useKadaikodiApi.js";
-import { formatCurrency as i, formatDate as a } from "../../utils/formatters.js";
-import { useState as o } from "react";
-import { AlertTriangle as s, Award as c, BarChart3 as l, Bell as u, Camera as d, CheckCircle2 as f, ChevronRight as p, Edit3 as m, Heart as h, IndianRupee as g, MapPin as _, Save as v, Settings as y, Shield as b, ShoppingBag as x, User as S, UserCircle as C, X as w } from "lucide-react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { GlassCard as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/kadaikodi/pages/customer/CustomerProfilePage.tsx
-var k = [
+var T = [
 	"vegetarian",
 	"vegan",
 	"jain",
 	"keto",
 	"gluten-free",
 	"low-carb"
-], A = [
+], E = [
 	"nuts",
 	"dairy",
 	"eggs",
 	"soy",
 	"shellfish",
 	"gluten"
-], j = [{
-	id: "addr-1",
-	label: "Home",
-	street: "123, MG Road",
-	area: "Near Central Mall",
-	city: "Bangalore",
-	state: "Karnataka",
-	pincode: "560001",
-	isDefault: !0
-}, {
-	id: "addr-2",
-	label: "Office",
-	street: "456 Tech Park Road",
-	area: "Whitefield",
-	city: "Bangalore",
-	state: "Karnataka",
-	pincode: "560066",
-	isDefault: !1
-}];
-function M() {
-	let { navigateTo: M, currentUser: N } = e(), { data: P = [], isLoading: F } = r({ customerId: N?.id }), [I, L] = o("profile"), [R, z] = o(!1), B = {
-		firstName: N?.firstName || N?.name?.split(" ")[0] || "Customer",
-		lastName: N?.lastName || N?.name?.split(" ").slice(1).join(" ") || "",
-		email: N?.email || "",
-		phone: "+91 98765 43210",
-		profilePicture: N?.avatar,
-		isEmailVerified: !0,
-		isPhoneVerified: !0,
-		createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-		updatedAt: (/* @__PURE__ */ new Date()).toISOString()
-	}, [V, H] = o({
-		firstName: B.firstName,
-		lastName: B.lastName,
-		email: B.email,
-		phone: B.phone,
+];
+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
+	}, [I, L] = a({
+		firstName: F.firstName,
+		lastName: F.lastName,
+		email: F.email,
+		phone: F.phone,
 		emergencyContact: {
-			name: "Priya Sharma",
-			phone: "+91 98765 43211",
-			relationship: "Spouse"
+			name: "",
+			phone: "",
+			relationship: ""
 		},
-		dietary: ["vegetarian"],
-		allergies: ["nuts", "dairy"],
+		dietary: [],
+		allergies: [],
 		notifications: {
 			orderUpdates: !0,
 			promotions: !0,
 			newsletter: !1,
 			sms: !0
 		}
-	}), [U, W] = o({ ...V }), G = {
-		totalOrders: P.length,
-		totalSpent: P.reduce((e, t) => e + t.total, 0),
-		loyaltyPoints: Math.floor(P.reduce((e, t) => e + t.total, 0) / 10),
-		avgOrderValue: P.length > 0 ? Math.floor(P.reduce((e, t) => e + t.total, 0) / P.length) : 0,
-		favoriteCategory: "South Indian",
-		memberSince: B.createdAt
-	}, K = F, q = () => {
-		W({ ...V }), z(!0);
-	}, J = () => {
-		W({ ...V }), z(!1);
-	}, Y = () => {
-		H({ ...U }), z(!1), alert("Profile updated successfully");
-	}, X = () => {
-		H({ ...U }), alert("Preferences saved successfully");
-	}, Z = (e, t) => {
-		W((n) => ({
+	}), [R, z] = a({ ...I }), B = k.reduce((e, t) => e + t.total, 0), V = {
+		totalOrders: k.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
 		}));
-	}, Q = (e, t) => {
-		W((n) => ({
+	}, J = (e, t) => {
+		z((n) => ({
 			...n,
 			emergencyContact: {
 				...n.emergencyContact,
 				[e]: t
 			}
 		}));
-	}, ee = (e, t) => {
-		W((n) => ({
+	}, Y = (e, t) => {
+		z((n) => ({
 			...n,
 			notifications: {
 				...n.notifications,
 				[e]: t
 			}
 		}));
-	}, $ = (e, t, n) => {
-		W((r) => {
+	}, X = (e, t, n) => {
+		z((r) => {
 			let i = r[e], a = n ? [...i, t] : i.filter((e) => e !== t);
 			return {
 				...r,
 				[e]: a
 			};
 		});
-	}, te = [
+	}, Z = [
 		{
 			key: "profile",
 			label: "Profile Info",
-			icon: C
+			icon: y
 		},
 		{
 			key: "preferences",
 			label: "Preferences",
-			icon: y
+			icon: g
 		},
 		{
 			key: "stats",
 			label: "My Stats",
-			icon: l
+			icon: s
 		}
 	];
-	return K ? /* @__PURE__ */ T(n, {
+	return H ? /* @__PURE__ */ x(n, {
 		title: "My Profile",
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "flex flex-col items-center justify-center py-16 text-center",
-			children: [/* @__PURE__ */ T("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-foreground mx-auto mb-4" }), /* @__PURE__ */ T("p", {
+			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", {
 				className: "text-sm text-text-secondary",
 				children: "Loading profile..."
 			})]
 		})
-	}) : /* @__PURE__ */ E(n, {
+	}) : /* @__PURE__ */ S(n, {
 		title: "My Profile",
 		description: "Manage your personal information and preferences",
 		children: [
-			/* @__PURE__ */ T(O, {
+			/* @__PURE__ */ x(w, {
 				className: "mb-6",
-				children: "Your account, your way — keep your contact details, delivery address and preferences up to date, check your loyalty rewards, and manage how Kadaikodi reaches you. Accurate details mean smoother orders and deliveries."
+				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__ */ E(D, {
+			/* @__PURE__ */ S(C, {
 				treatment: "glass",
 				glow: !0,
 				className: "flex flex-col items-center sm:flex-row sm:items-start gap-6 p-6",
-				children: [
-					/* @__PURE__ */ E("div", {
-						className: "relative",
-						children: [/* @__PURE__ */ T("div", {
-							className: "h-24 w-24 rounded-full bg-bg-sunken overflow-hidden",
-							children: B.profilePicture ? /* @__PURE__ */ T("img", {
-								src: B.profilePicture,
-								alt: `${B.firstName} ${B.lastName}`,
-								className: "h-full w-full object-cover"
-							}) : /* @__PURE__ */ T("div", {
-								className: "flex h-full w-full items-center justify-center text-text-secondary",
-								children: /* @__PURE__ */ T(S, { className: "h-10 w-10" })
-							})
-						}), /* @__PURE__ */ T("button", {
-							type: "button",
-							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__ */ T(d, { className: "h-4 w-4" })
-						})]
-					}),
-					/* @__PURE__ */ E("div", {
-						className: "flex-1 text-center sm:text-left",
-						children: [
-							/* @__PURE__ */ E("h2", {
-								className: "text-xl font-semibold text-text-primary",
-								children: [
-									V.firstName,
-									" ",
-									V.lastName
-								]
-							}),
-							/* @__PURE__ */ T("p", {
-								className: "mt-1 text-sm text-text-secondary",
-								children: V.email
-							}),
-							/* @__PURE__ */ T("p", {
-								className: "mt-0.5 text-sm text-text-secondary",
-								children: V.phone
-							}),
-							/* @__PURE__ */ E("div", {
-								className: "flex flex-wrap items-center justify-center sm:justify-start gap-2 mt-2",
-								children: [/* @__PURE__ */ E("span", {
-									className: t("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium", B.isEmailVerified ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
-									children: [/* @__PURE__ */ T(f, { className: "h-3 w-3" }), B.isEmailVerified ? "Email Verified" : "Email Not Verified"]
-								}), /* @__PURE__ */ E("span", {
-									className: t("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium", B.isPhoneVerified ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
-									children: [/* @__PURE__ */ T(f, { className: "h-3 w-3" }), B.isPhoneVerified ? "Phone Verified" : "Phone Not Verified"]
-								})]
-							})
-						]
-					}),
-					/* @__PURE__ */ E("div", {
-						className: "text-center sm:text-right",
-						children: [/* @__PURE__ */ T("p", {
-							className: "text-2xl font-bold text-text-primary",
-							children: G.loyaltyPoints
-						}), /* @__PURE__ */ T("p", {
-							className: "text-xs text-text-secondary",
-							children: "Loyalty Points"
-						})]
-					})
-				]
+				children: [/* @__PURE__ */ S("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ x("div", {
+						className: "h-24 w-24 rounded-full bg-bg-sunken overflow-hidden",
+						children: F.profilePicture ? /* @__PURE__ */ x("img", {
+							src: F.profilePicture,
+							alt: `${F.firstName} ${F.lastName}`,
+							className: "h-full w-full object-cover"
+						}) : /* @__PURE__ */ x("div", {
+							className: "flex h-full w-full items-center justify-center text-text-secondary",
+							children: /* @__PURE__ */ x(v, { className: "h-10 w-10" })
+						})
+					}), /* @__PURE__ */ x("button", {
+						type: "button",
+						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" })
+					})]
+				}), /* @__PURE__ */ S("div", {
+					className: "flex-1 text-center sm:text-left",
+					children: [
+						/* @__PURE__ */ S("h2", {
+							className: "text-xl font-semibold text-text-primary",
+							children: [
+								I.firstName,
+								" ",
+								I.lastName
+							]
+						}),
+						I.email && /* @__PURE__ */ x("p", {
+							className: "mt-1 text-sm text-text-secondary",
+							children: I.email
+						}),
+						I.phone && /* @__PURE__ */ x("p", {
+							className: "mt-0.5 text-sm text-text-secondary",
+							children: I.phone
+						})
+					]
+				})]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ S("div", {
 				className: "mt-6 rounded-lg border border-border-subtle bg-bg-surface",
-				children: [/* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ x("div", {
 					className: "border-b border-border-subtle",
-					children: /* @__PURE__ */ T("nav", {
+					children: /* @__PURE__ */ x("nav", {
 						className: "flex -mb-px overflow-x-auto",
-						children: te.map((e) => {
+						children: Z.map((e) => {
 							let n = e.icon;
-							return /* @__PURE__ */ E("button", {
+							return /* @__PURE__ */ S("button", {
 								type: "button",
-								className: t("flex items-center gap-2 py-3.5 px-5 text-sm font-medium whitespace-nowrap transition-colors", I === e.key ? "border-b-2 border-foreground text-text-primary" : "text-text-secondary hover:text-text-primary"),
-								onClick: () => L(e.key),
-								children: [/* @__PURE__ */ T(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", 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]
 							}, e.key);
 						})
 					})
-				}), /* @__PURE__ */ E("div", {
+				}), /* @__PURE__ */ S("div", {
 					className: "p-5 md:p-6",
 					children: [
-						I === "profile" && /* @__PURE__ */ E("div", {
+						j === "profile" && /* @__PURE__ */ S("div", {
 							className: "space-y-6",
 							children: [
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex justify-between items-center",
-									children: [/* @__PURE__ */ T("h3", {
+									children: [/* @__PURE__ */ x("h3", {
 										className: "text-lg font-semibold text-text-primary",
 										children: "Personal Information"
-									}), R ? /* @__PURE__ */ E("div", {
+									}), N ? /* @__PURE__ */ S("div", {
 										className: "flex gap-2",
-										children: [/* @__PURE__ */ E("button", {
+										children: [/* @__PURE__ */ S("button", {
 											type: "button",
-											onClick: Y,
+											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__ */ T(v, { className: "h-3 w-3" }), "Save"]
-										}), /* @__PURE__ */ E("button", {
+											children: [/* @__PURE__ */ x(h, { className: "h-3 w-3" }), "Save"]
+										}), /* @__PURE__ */ S("button", {
 											type: "button",
-											onClick: J,
+											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__ */ T(w, { className: "h-3 w-3" }), "Cancel"]
+											children: [/* @__PURE__ */ x(b, { className: "h-3 w-3" }), "Cancel"]
 										})]
-									}) : /* @__PURE__ */ E("button", {
+									}) : /* @__PURE__ */ S("button", {
 										type: "button",
-										onClick: q,
+										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__ */ T(m, { className: "h-3 w-3" }), "Edit Profile"]
+										children: [/* @__PURE__ */ x(d, { className: "h-3 w-3" }), "Edit Profile"]
 									})]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ S("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 gap-5",
 									children: [
-										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 											className: "block text-sm font-medium text-text-primary mb-1.5",
 											children: "First Name"
-										}), /* @__PURE__ */ T("input", {
+										}), /* @__PURE__ */ x("input", {
 											type: "text",
-											value: R ? U.firstName : V.firstName,
-											onChange: (e) => Z("firstName", e.target.value),
-											disabled: !R,
-											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)]", !R && "bg-bg-sunken cursor-not-allowed", R && "bg-bg-surface")
+											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")
 										})] }),
-										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 											className: "block text-sm font-medium text-text-primary mb-1.5",
 											children: "Last Name"
-										}), /* @__PURE__ */ T("input", {
+										}), /* @__PURE__ */ x("input", {
 											type: "text",
-											value: R ? U.lastName : V.lastName,
-											onChange: (e) => Z("lastName", e.target.value),
-											disabled: !R,
-											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)]", !R && "bg-bg-sunken cursor-not-allowed", R && "bg-bg-surface")
+											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")
 										})] }),
-										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 											className: "block text-sm font-medium text-text-primary mb-1.5",
 											children: "Email"
-										}), /* @__PURE__ */ T("input", {
+										}), /* @__PURE__ */ x("input", {
 											type: "email",
-											value: R ? U.email : V.email,
-											onChange: (e) => Z("email", e.target.value),
-											disabled: !R,
-											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)]", !R && "bg-bg-sunken cursor-not-allowed", R && "bg-bg-surface")
+											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")
 										})] }),
-										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 											className: "block text-sm font-medium text-text-primary mb-1.5",
 											children: "Phone"
-										}), /* @__PURE__ */ T("input", {
+										}), /* @__PURE__ */ x("input", {
 											type: "tel",
-											value: R ? U.phone : V.phone,
-											onChange: (e) => Z("phone", e.target.value),
-											disabled: !R,
-											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)]", !R && "bg-bg-sunken cursor-not-allowed", R && "bg-bg-surface")
+											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")
 										})] })
 									]
 								}),
-								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h4", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h4", {
 									className: "text-base font-semibold text-text-primary mb-3",
 									children: "Primary Address"
-								}), /* @__PURE__ */ E("div", {
+								}), /* @__PURE__ */ S("div", {
 									className: "rounded-lg bg-bg-sunken/50 p-4",
-									children: [
-										/* @__PURE__ */ T("p", {
-											className: "text-sm font-medium text-text-primary",
-											children: j[0].street
-										}),
-										/* @__PURE__ */ T("p", {
-											className: "text-sm text-text-secondary",
-											children: j[0].area
-										}),
-										/* @__PURE__ */ E("p", {
-											className: "text-sm text-text-secondary",
-											children: [
-												j[0].city,
-												", ",
-												j[0].state,
-												" - ",
-												j[0].pincode
-											]
-										}),
-										/* @__PURE__ */ E("button", {
-											type: "button",
-											onClick: () => M("/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__ */ T(_, { className: "h-3 w-3" }),
-												"Manage Addresses",
-												/* @__PURE__ */ T(p, { className: "h-3 w-3" })
-											]
-										})
-									]
+									children: [/* @__PURE__ */ x("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", {
+										type: "button",
+										onClick: () => D("/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" }),
+											"Manage Addresses",
+											/* @__PURE__ */ x(u, { className: "h-3 w-3" })
+										]
+									})]
 								})] }),
-								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h4", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("h4", {
 									className: "text-base font-semibold text-text-primary mb-3 flex items-center gap-2",
-									children: [/* @__PURE__ */ T(s, { className: "h-4 w-4 text-text-secondary" }), "Emergency Contact"]
-								}), /* @__PURE__ */ E("div", {
+									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__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 											className: "block text-sm font-medium text-text-primary mb-1.5",
 											children: "Name"
-										}), /* @__PURE__ */ T("input", {
+										}), /* @__PURE__ */ x("input", {
 											type: "text",
-											value: R ? U.emergencyContact.name : V.emergencyContact.name,
-											onChange: (e) => Q("name", e.target.value),
-											disabled: !R,
-											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)]", !R && "bg-bg-sunken cursor-not-allowed", R && "bg-bg-surface")
+											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__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 											className: "block text-sm font-medium text-text-primary mb-1.5",
 											children: "Phone"
-										}), /* @__PURE__ */ T("input", {
+										}), /* @__PURE__ */ x("input", {
 											type: "tel",
-											value: R ? U.emergencyContact.phone : V.emergencyContact.phone,
-											onChange: (e) => Q("phone", e.target.value),
-											disabled: !R,
-											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)]", !R && "bg-bg-sunken cursor-not-allowed", R && "bg-bg-surface")
+											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__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 											className: "block text-sm font-medium text-text-primary mb-1.5",
 											children: "Relationship"
-										}), /* @__PURE__ */ T("input", {
+										}), /* @__PURE__ */ x("input", {
 											type: "text",
-											value: R ? U.emergencyContact.relationship : V.emergencyContact.relationship,
-											onChange: (e) => Q("relationship", e.target.value),
-											disabled: !R,
-											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)]", !R && "bg-bg-sunken cursor-not-allowed", R && "bg-bg-surface")
+											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")
 										})] })
 									]
 								})] }),
-								R && /* @__PURE__ */ E("div", {
+								N && /* @__PURE__ */ S("div", {
 									className: "flex gap-3 pt-4 border-t border-border-subtle",
-									children: [/* @__PURE__ */ E("button", {
+									children: [/* @__PURE__ */ S("button", {
 										type: "button",
-										onClick: Y,
+										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__ */ T(v, { className: "h-4 w-4" }), "Save Changes"]
-									}), /* @__PURE__ */ T("button", {
+										children: [/* @__PURE__ */ x(h, { className: "h-4 w-4" }), "Save Changes"]
+									}), /* @__PURE__ */ x("button", {
 										type: "button",
-										onClick: J,
+										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"
 									})]
 								})
 							]
 						}),
-						I === "preferences" && /* @__PURE__ */ E("div", {
+						j === "preferences" && /* @__PURE__ */ S("div", {
 							className: "space-y-8",
 							children: [
-								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h3", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("h3", {
 									className: "text-lg font-semibold text-text-primary mb-4 flex items-center gap-2",
-									children: [/* @__PURE__ */ T(u, { className: "h-4 w-4 text-text-secondary" }), "Notification Preferences"]
-								}), /* @__PURE__ */ T("div", {
+									children: [/* @__PURE__ */ x(c, { className: "h-4 w-4 text-text-secondary" }), "Notification Preferences"]
+								}), /* @__PURE__ */ x("div", {
 									className: "space-y-3",
 									children: [
 										{
@@ -421,203 +356,112 @@ function M() {
 											key: "sms",
 											label: "SMS notifications"
 										}
-									].map((e) => /* @__PURE__ */ E("label", {
+									].map((e) => /* @__PURE__ */ S("label", {
 										className: "flex items-center gap-3 cursor-pointer",
-										children: [/* @__PURE__ */ T("input", {
+										children: [/* @__PURE__ */ x("input", {
 											type: "checkbox",
-											checked: U.notifications[e.key],
-											onChange: (t) => ee(e.key, t.target.checked),
+											checked: R.notifications[e.key],
+											onChange: (t) => Y(e.key, t.target.checked),
 											className: "h-4 w-4 rounded border-border-subtle text-text-primary focus:ring-[var(--color-focus-ring)]"
-										}), /* @__PURE__ */ T("span", {
+										}), /* @__PURE__ */ x("span", {
 											className: "text-sm text-text-primary",
 											children: e.label
 										})]
 									}, e.key))
 								})] }),
-								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h3", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("h3", {
 									className: "text-lg font-semibold text-text-primary mb-4 flex items-center gap-2",
-									children: [/* @__PURE__ */ T(h, { className: "h-4 w-4 text-text-secondary" }), "Dietary Preferences"]
-								}), /* @__PURE__ */ T("div", {
+									children: [/* @__PURE__ */ x(f, { className: "h-4 w-4 text-text-secondary" }), "Dietary Preferences"]
+								}), /* @__PURE__ */ x("div", {
 									className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3",
-									children: k.map((e) => /* @__PURE__ */ E("label", {
+									children: T.map((e) => /* @__PURE__ */ S("label", {
 										className: "flex items-center gap-2 cursor-pointer",
-										children: [/* @__PURE__ */ T("input", {
+										children: [/* @__PURE__ */ x("input", {
 											type: "checkbox",
-											checked: U.dietary.includes(e),
-											onChange: (t) => $("dietary", e, t.target.checked),
+											checked: R.dietary.includes(e),
+											onChange: (t) => X("dietary", e, t.target.checked),
 											className: "h-4 w-4 rounded border-border-subtle text-text-primary focus:ring-[var(--color-focus-ring)]"
-										}), /* @__PURE__ */ T("span", {
+										}), /* @__PURE__ */ x("span", {
 											className: "text-sm text-text-primary capitalize",
 											children: e
 										})]
 									}, e))
 								})] }),
-								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h3", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("h3", {
 									className: "text-lg font-semibold text-text-primary mb-4 flex items-center gap-2",
-									children: [/* @__PURE__ */ T(s, { className: "h-4 w-4 text-status-error-text" }), "Food Allergies"]
-								}), /* @__PURE__ */ T("div", {
+									children: [/* @__PURE__ */ x(o, { className: "h-4 w-4 text-status-error-text" }), "Food Allergies"]
+								}), /* @__PURE__ */ x("div", {
 									className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3",
-									children: A.map((e) => /* @__PURE__ */ E("label", {
+									children: E.map((e) => /* @__PURE__ */ S("label", {
 										className: "flex items-center gap-2 cursor-pointer",
-										children: [/* @__PURE__ */ T("input", {
+										children: [/* @__PURE__ */ x("input", {
 											type: "checkbox",
-											checked: U.allergies.includes(e),
-											onChange: (t) => $("allergies", e, t.target.checked),
+											checked: R.allergies.includes(e),
+											onChange: (t) => X("allergies", e, t.target.checked),
 											className: "h-4 w-4 rounded border-border-subtle text-status-error-text focus:ring-destructive"
-										}), /* @__PURE__ */ T("span", {
+										}), /* @__PURE__ */ x("span", {
 											className: "text-sm text-text-primary capitalize",
 											children: e
 										})]
 									}, e))
 								})] }),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ x("div", {
 									className: "pt-4 border-t border-border-subtle",
-									children: /* @__PURE__ */ E("button", {
+									children: /* @__PURE__ */ S("button", {
 										type: "button",
-										onClick: X,
+										onClick: K,
 										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__ */ T(v, { className: "h-4 w-4" }), "Save Preferences"]
+										children: [/* @__PURE__ */ x(h, { className: "h-4 w-4" }), "Save Preferences"]
 									})
 								})
 							]
 						}),
-						I === "stats" && /* @__PURE__ */ E("div", {
+						j === "stats" && /* @__PURE__ */ x("div", {
 							className: "space-y-8",
-							children: [/* @__PURE__ */ E("div", {
+							children: /* @__PURE__ */ S("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ S("div", {
 										className: "rounded-lg bg-[var(--color-accent-soft)] p-5 border border-border-focus/20",
-										children: [/* @__PURE__ */ E("div", {
+										children: [/* @__PURE__ */ S("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ T(x, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ T("h4", {
+											children: [/* @__PURE__ */ x(_, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ x("h4", {
 												className: "text-sm font-medium text-text-primary",
 												children: "Total Orders"
 											})]
-										}), /* @__PURE__ */ T("p", {
+										}), /* @__PURE__ */ x("p", {
 											className: "text-3xl font-bold text-text-primary",
-											children: G.totalOrders
+											children: V.totalOrders
 										})]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ S("div", {
 										className: "rounded-lg bg-status-success-bg-subtle p-5 border border-status-success-text/20",
-										children: [/* @__PURE__ */ E("div", {
+										children: [/* @__PURE__ */ S("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ T(g, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ T("h4", {
+											children: [/* @__PURE__ */ x(p, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ x("h4", {
 												className: "text-sm font-medium text-status-success-text",
 												children: "Total Spent"
 											})]
-										}), /* @__PURE__ */ T("p", {
+										}), /* @__PURE__ */ x("p", {
 											className: "text-3xl font-bold text-status-success-text",
-											children: i(G.totalSpent, { minimumFractionDigits: 0 })
+											children: i(V.totalSpent, { minimumFractionDigits: 0 })
 										})]
 									}),
-									/* @__PURE__ */ E("div", {
-										className: "rounded-lg bg-accent-purple-subtle p-5 border border-accent-purple/20",
-										children: [/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ S("div", {
+										className: "rounded-lg bg-bg-surface p-5 border border-border-subtle",
+										children: [/* @__PURE__ */ S("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ T(c, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ T("h4", {
+											children: [/* @__PURE__ */ x(s, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ x("h4", {
 												className: "text-sm font-medium text-text-primary",
-												children: "Loyalty Points"
+												children: "Avg Order Value"
 											})]
-										}), /* @__PURE__ */ T("p", {
+										}), /* @__PURE__ */ x("p", {
 											className: "text-3xl font-bold text-text-primary",
-											children: G.loyaltyPoints
+											children: i(V.avgOrderValue, { minimumFractionDigits: 0 })
 										})]
 									})
 								]
-							}), /* @__PURE__ */ E("div", {
-								className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-								children: [/* @__PURE__ */ E("div", {
-									className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-									children: [/* @__PURE__ */ E("h4", {
-										className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-										children: [/* @__PURE__ */ T(l, { className: "h-4 w-4 text-text-secondary" }), "Order Statistics"]
-									}), /* @__PURE__ */ E("div", {
-										className: "space-y-3",
-										children: [
-											/* @__PURE__ */ E("div", {
-												className: "flex justify-between",
-												children: [/* @__PURE__ */ T("span", {
-													className: "text-sm text-text-secondary",
-													children: "Average Order Value"
-												}), /* @__PURE__ */ T("span", {
-													className: "text-sm font-medium text-text-primary",
-													children: i(G.avgOrderValue, { minimumFractionDigits: 0 })
-												})]
-											}),
-											/* @__PURE__ */ E("div", {
-												className: "flex justify-between",
-												children: [/* @__PURE__ */ T("span", {
-													className: "text-sm text-text-secondary",
-													children: "Favorite Category"
-												}), /* @__PURE__ */ T("span", {
-													className: "text-sm font-medium text-text-primary",
-													children: G.favoriteCategory
-												})]
-											}),
-											/* @__PURE__ */ E("div", {
-												className: "flex justify-between",
-												children: [/* @__PURE__ */ T("span", {
-													className: "text-sm text-text-secondary",
-													children: "Member Since"
-												}), /* @__PURE__ */ T("span", {
-													className: "text-sm font-medium text-text-primary",
-													children: a(G.memberSince, {
-														hour: void 0,
-														minute: void 0,
-														hour12: void 0
-													})
-												})]
-											})
-										]
-									})]
-								}), /* @__PURE__ */ E("div", {
-									className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-									children: [/* @__PURE__ */ E("h4", {
-										className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-										children: [/* @__PURE__ */ T(b, { className: "h-4 w-4 text-text-secondary" }), "Account Status"]
-									}), /* @__PURE__ */ E("div", {
-										className: "space-y-3",
-										children: [
-											/* @__PURE__ */ E("div", {
-												className: "flex justify-between items-center",
-												children: [/* @__PURE__ */ T("span", {
-													className: "text-sm text-text-secondary",
-													children: "Email Verification"
-												}), /* @__PURE__ */ T("span", {
-													className: t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", B.isEmailVerified ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
-													children: B.isEmailVerified ? "Verified" : "Not Verified"
-												})]
-											}),
-											/* @__PURE__ */ E("div", {
-												className: "flex justify-between items-center",
-												children: [/* @__PURE__ */ T("span", {
-													className: "text-sm text-text-secondary",
-													children: "Phone Verification"
-												}), /* @__PURE__ */ T("span", {
-													className: t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", B.isPhoneVerified ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
-													children: B.isPhoneVerified ? "Verified" : "Not Verified"
-												})]
-											}),
-											/* @__PURE__ */ E("div", {
-												className: "flex justify-between",
-												children: [/* @__PURE__ */ T("span", {
-													className: "text-sm text-text-secondary",
-													children: "Last Updated"
-												}), /* @__PURE__ */ T("span", {
-													className: "text-sm font-medium text-text-primary",
-													children: a(B.updatedAt, {
-														hour: void 0,
-														minute: void 0,
-														hour12: void 0
-													})
-												})]
-											})
-										]
-									})]
-								})]
-							})]
+							})
 						})
 					]
 				})]
@@ -626,6 +470,6 @@ function M() {
 	});
 }
 //#endregion
-export { M as CustomerProfilePage };
+export { D as CustomerProfilePage };
 
 //# sourceMappingURL=CustomerProfilePage.js.map