@burdenoff/microfe-coolandlovely 2026.625.1 → 2026.625.2

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

@@ -4,24 +4,25 @@ import { PageLayout as n } from "../../components/PageLayout.js";
 import { useOrders as r } from "../../hooks/useCoolAndLovelyApi.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 { 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 ee } from "lucide-react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { EmphasisPanel as E, NextSteps as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/customer/CustomerProfilePage.tsx
-var D = [
+var k = [
 	"vegetarian",
 	"vegan",
 	"jain",
 	"keto",
 	"gluten-free",
 	"low-carb"
-], O = [
+], A = [
 	"nuts",
 	"dairy",
 	"eggs",
 	"soy",
 	"shellfish",
 	"gluten"
-], k = [{
+], j = [{
 	id: "addr-1",
 	label: "Home",
 	street: "123, MG Road",
@@ -40,22 +41,22 @@ var D = [
 	pincode: "560066",
 	isDefault: !1
 }];
-function A() {
-	let { navigateTo: A, currentUser: j } = e(), { data: M = [], isLoading: N } = r({ customerId: j?.id }), [P, F] = o("profile"), [I, L] = o(!1), R = {
-		firstName: j?.firstName || j?.name?.split(" ")[0] || "Customer",
-		lastName: j?.lastName || j?.name?.split(" ").slice(1).join(" ") || "",
-		email: j?.email || "",
+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: j?.avatar,
+		profilePicture: N?.avatar,
 		isEmailVerified: !0,
 		isPhoneVerified: !0,
 		createdAt: (/* @__PURE__ */ new Date()).toISOString(),
 		updatedAt: (/* @__PURE__ */ new Date()).toISOString()
-	}, [z, B] = o({
-		firstName: R.firstName,
-		lastName: R.lastName,
-		email: R.email,
-		phone: R.phone,
+	}, [V, H] = o({
+		firstName: B.firstName,
+		lastName: B.lastName,
+		email: B.email,
+		phone: B.phone,
 		emergencyContact: {
 			name: "Priya Sharma",
 			phone: "+91 98765 43211",
@@ -69,51 +70,51 @@ function A() {
 			newsletter: !1,
 			sms: !0
 		}
-	}), [V, H] = o({ ...z }), U = {
-		totalOrders: M.length,
-		totalSpent: M.reduce((e, t) => e + t.total, 0),
-		loyaltyPoints: Math.floor(M.reduce((e, t) => e + t.total, 0) / 10),
-		avgOrderValue: M.length > 0 ? Math.floor(M.reduce((e, t) => e + t.total, 0) / M.length) : 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: R.createdAt
-	}, W = N, G = () => {
-		H({ ...z }), L(!0);
-	}, K = () => {
-		H({ ...z }), L(!1);
-	}, q = () => {
-		B({ ...V }), L(!1), alert("Profile updated successfully");
+		memberSince: B.createdAt
+	}, K = F, q = () => {
+		W({ ...V }), z(!0);
 	}, J = () => {
-		B({ ...V }), alert("Preferences saved successfully");
-	}, Y = (e, t) => {
-		H((n) => ({
+		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) => ({
 			...n,
 			[e]: t
 		}));
-	}, X = (e, t) => {
-		H((n) => ({
+	}, Q = (e, t) => {
+		W((n) => ({
 			...n,
 			emergencyContact: {
 				...n.emergencyContact,
 				[e]: t
 			}
 		}));
-	}, Z = (e, t) => {
-		H((n) => ({
+	}, te = (e, t) => {
+		W((n) => ({
 			...n,
 			notifications: {
 				...n.notifications,
 				[e]: t
 			}
 		}));
-	}, Q = (e, t, n) => {
-		H((r) => {
+	}, $ = (e, t, n) => {
+		W((r) => {
 			let i = r[e], a = n ? [...i, t] : i.filter((e) => e !== t);
 			return {
 				...r,
 				[e]: a
 			};
 		});
-	}, $ = [
+	}, ne = [
 		{
 			key: "profile",
 			label: "Profile Info",
@@ -130,492 +131,528 @@ function A() {
 			icon: l
 		}
 	];
-	return W ? /* @__PURE__ */ T(n, {
+	return K ? /* @__PURE__ */ w(n, {
 		title: "My Profile",
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ T("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__ */ w("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-foreground mx-auto mb-4" }), /* @__PURE__ */ w("p", {
 				className: "text-sm text-text-secondary",
 				children: "Loading profile..."
 			})]
 		})
-	}) : /* @__PURE__ */ E(n, {
+	}) : /* @__PURE__ */ T(n, {
 		title: "My Profile",
 		description: "Manage your personal information and preferences",
-		children: [/* @__PURE__ */ E("div", {
-			className: "flex flex-col items-center sm:flex-row sm:items-start gap-6 rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
-			children: [
-				/* @__PURE__ */ E("div", {
-					className: "relative",
-					children: [/* @__PURE__ */ T("div", {
-						className: "h-24 w-24 rounded-full bg-bg-sunken overflow-hidden",
-						children: R.profilePicture ? /* @__PURE__ */ T("img", {
-							src: R.profilePicture,
-							alt: `${R.firstName} ${R.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: [
-								z.firstName,
-								" ",
-								z.lastName
-							]
-						}),
-						/* @__PURE__ */ T("p", {
-							className: "mt-1 text-sm text-text-secondary",
-							children: z.email
-						}),
-						/* @__PURE__ */ T("p", {
-							className: "mt-0.5 text-sm text-text-secondary",
-							children: z.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", R.isEmailVerified ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
-								children: [/* @__PURE__ */ T(f, { className: "h-3 w-3" }), R.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", R.isPhoneVerified ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
-								children: [/* @__PURE__ */ T(f, { className: "h-3 w-3" }), R.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: U.loyaltyPoints
-					}), /* @__PURE__ */ T("p", {
-						className: "text-xs text-text-secondary",
-						children: "Loyalty Points"
-					})]
-				})
-			]
-		}), /* @__PURE__ */ E("div", {
-			className: "mt-6 rounded-lg border border-border-subtle bg-bg-surface",
-			children: [/* @__PURE__ */ T("div", {
-				className: "border-b border-border-subtle",
-				children: /* @__PURE__ */ T("nav", {
-					className: "flex -mb-px overflow-x-auto",
-					children: $.map((e) => {
-						let n = e.icon;
-						return /* @__PURE__ */ E("button", {
-							type: "button",
-							className: t("flex items-center gap-2 py-3.5 px-5 text-sm font-medium whitespace-nowrap transition-colors", P === e.key ? "border-b-2 border-foreground text-text-primary" : "text-text-secondary hover:text-text-primary"),
-							onClick: () => F(e.key),
-							children: [/* @__PURE__ */ T(n, { className: "h-4 w-4" }), e.label]
-						}, e.key);
-					})
-				})
-			}), /* @__PURE__ */ E("div", {
-				className: "p-5 md:p-6",
+		children: [
+			/* @__PURE__ */ w(O, {
+				className: "mb-6",
+				icon: /* @__PURE__ */ w(C, { className: "h-4 w-4" }),
+				children: "Your account hub. Keep your name, contact details and food preferences up to date so orders and recommendations fit you, verify your email and phone for account security, and track your loyalty points and lifetime stats."
+			}),
+			/* @__PURE__ */ w(D, {
+				className: "mb-6",
+				storageKey: "coolandlovely-customer-profile",
+				steps: [
+					{
+						id: "complete-profile",
+						label: "Complete your profile",
+						description: "Add your details so orders and delivery go smoothly.",
+						icon: /* @__PURE__ */ w(m, { className: "h-4 w-4" }),
+						onClick: () => L("profile")
+					},
+					{
+						id: "verify",
+						label: "Verify email & phone",
+						description: "Secure your account and unlock faster checkout.",
+						icon: /* @__PURE__ */ w(b, { className: "h-4 w-4" }),
+						onClick: () => L("profile"),
+						done: B.isEmailVerified && B.isPhoneVerified
+					},
+					{
+						id: "preferences",
+						label: "Set your preferences",
+						description: "Tell us your dietary needs and notification choices.",
+						icon: /* @__PURE__ */ w(h, { className: "h-4 w-4" }),
+						onClick: () => L("preferences")
+					}
+				]
+			}),
+			/* @__PURE__ */ T(E, {
+				className: "flex flex-col items-center sm:flex-row sm:items-start gap-6 p-6",
 				children: [
-					P === "profile" && /* @__PURE__ */ E("div", {
-						className: "space-y-6",
-						children: [
-							/* @__PURE__ */ E("div", {
-								className: "flex justify-between items-center",
-								children: [/* @__PURE__ */ T("h3", {
-									className: "text-lg font-semibold text-text-primary",
-									children: "Personal Information"
-								}), I ? /* @__PURE__ */ E("div", {
-									className: "flex gap-2",
-									children: [/* @__PURE__ */ E("button", {
-										type: "button",
-										onClick: q,
-										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", {
-										type: "button",
-										onClick: K,
-										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"]
-									})]
-								}) : /* @__PURE__ */ E("button", {
-									type: "button",
-									onClick: G,
-									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"]
-								})]
-							}),
-							/* @__PURE__ */ E("div", {
-								className: "grid grid-cols-1 md:grid-cols-2 gap-5",
-								children: [
-									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: "First Name"
-									}), /* @__PURE__ */ T("input", {
-										type: "text",
-										value: I ? V.firstName : z.firstName,
-										onChange: (e) => Y("firstName", e.target.value),
-										disabled: !I,
-										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)]", !I && "bg-bg-sunken cursor-not-allowed", I && "bg-bg-surface")
-									})] }),
-									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: "Last Name"
-									}), /* @__PURE__ */ T("input", {
-										type: "text",
-										value: I ? V.lastName : z.lastName,
-										onChange: (e) => Y("lastName", e.target.value),
-										disabled: !I,
-										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)]", !I && "bg-bg-sunken cursor-not-allowed", I && "bg-bg-surface")
-									})] }),
-									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: "Email"
-									}), /* @__PURE__ */ T("input", {
-										type: "email",
-										value: I ? V.email : z.email,
-										onChange: (e) => Y("email", e.target.value),
-										disabled: !I,
-										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)]", !I && "bg-bg-sunken cursor-not-allowed", I && "bg-bg-surface")
-									})] }),
-									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: "Phone"
-									}), /* @__PURE__ */ T("input", {
-										type: "tel",
-										value: I ? V.phone : z.phone,
-										onChange: (e) => Y("phone", e.target.value),
-										disabled: !I,
-										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)]", !I && "bg-bg-sunken cursor-not-allowed", I && "bg-bg-surface")
-									})] })
-								]
-							}),
-							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h4", {
-								className: "text-base font-semibold text-text-primary mb-3",
-								children: "Primary Address"
-							}), /* @__PURE__ */ E("div", {
-								className: "rounded-lg bg-bg-sunken/50 p-4",
-								children: [
-									/* @__PURE__ */ T("p", {
-										className: "text-sm font-medium text-text-primary",
-										children: k[0].street
-									}),
-									/* @__PURE__ */ T("p", {
-										className: "text-sm text-text-secondary",
-										children: k[0].area
-									}),
-									/* @__PURE__ */ E("p", {
-										className: "text-sm text-text-secondary",
-										children: [
-											k[0].city,
-											", ",
-											k[0].state,
-											" - ",
-											k[0].pincode
-										]
-									}),
-									/* @__PURE__ */ E("button", {
-										type: "button",
-										onClick: () => A("/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" })
-										]
-									})
-								]
-							})] }),
-							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("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", {
-								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
-								children: [
-									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: "Name"
-									}), /* @__PURE__ */ T("input", {
-										type: "text",
-										value: I ? V.emergencyContact.name : z.emergencyContact.name,
-										onChange: (e) => X("name", e.target.value),
-										disabled: !I,
-										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)]", !I && "bg-bg-sunken cursor-not-allowed", I && "bg-bg-surface")
-									})] }),
-									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: "Phone"
-									}), /* @__PURE__ */ T("input", {
-										type: "tel",
-										value: I ? V.emergencyContact.phone : z.emergencyContact.phone,
-										onChange: (e) => X("phone", e.target.value),
-										disabled: !I,
-										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)]", !I && "bg-bg-sunken cursor-not-allowed", I && "bg-bg-surface")
-									})] }),
-									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: "Relationship"
-									}), /* @__PURE__ */ T("input", {
-										type: "text",
-										value: I ? V.emergencyContact.relationship : z.emergencyContact.relationship,
-										onChange: (e) => X("relationship", e.target.value),
-										disabled: !I,
-										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)]", !I && "bg-bg-sunken cursor-not-allowed", I && "bg-bg-surface")
-									})] })
-								]
-							})] }),
-							I && /* @__PURE__ */ E("div", {
-								className: "flex gap-3 pt-4 border-t border-border-subtle",
-								children: [/* @__PURE__ */ E("button", {
-									type: "button",
-									onClick: q,
-									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", {
-									type: "button",
-									onClick: K,
-									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"
-								})]
+					/* @__PURE__ */ T("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ w("div", {
+							className: "h-24 w-24 rounded-full bg-bg-sunken overflow-hidden",
+							children: B.profilePicture ? /* @__PURE__ */ w("img", {
+								src: B.profilePicture,
+								alt: `${B.firstName} ${B.lastName}`,
+								className: "h-full w-full object-cover"
+							}) : /* @__PURE__ */ w("div", {
+								className: "flex h-full w-full items-center justify-center text-text-secondary",
+								children: /* @__PURE__ */ w(S, { className: "h-10 w-10" })
 							})
-						]
+						}), /* @__PURE__ */ w("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__ */ w(d, { className: "h-4 w-4" })
+						})]
 					}),
-					P === "preferences" && /* @__PURE__ */ E("div", {
-						className: "space-y-8",
+					/* @__PURE__ */ T("div", {
+						className: "flex-1 text-center sm:text-left",
 						children: [
-							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("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", {
-								className: "space-y-3",
+							/* @__PURE__ */ T("h2", {
+								className: "text-xl font-semibold text-text-primary",
 								children: [
-									{
-										key: "orderUpdates",
-										label: "Order status updates"
-									},
-									{
-										key: "promotions",
-										label: "Promotional offers and discounts"
-									},
-									{
-										key: "newsletter",
-										label: "Newsletter and food recommendations"
-									},
-									{
-										key: "sms",
-										label: "SMS notifications"
-									}
-								].map((e) => /* @__PURE__ */ E("label", {
-									className: "flex items-center gap-3 cursor-pointer",
-									children: [/* @__PURE__ */ T("input", {
-										type: "checkbox",
-										checked: V.notifications[e.key],
-										onChange: (t) => Z(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", {
-										className: "text-sm text-text-primary",
-										children: e.label
-									})]
-								}, e.key))
-							})] }),
-							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("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", {
-								className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3",
-								children: D.map((e) => /* @__PURE__ */ E("label", {
-									className: "flex items-center gap-2 cursor-pointer",
-									children: [/* @__PURE__ */ T("input", {
-										type: "checkbox",
-										checked: V.dietary.includes(e),
-										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__ */ T("span", {
-										className: "text-sm text-text-primary capitalize",
-										children: e
-									})]
-								}, e))
-							})] }),
-							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("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", {
-								className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3",
-								children: O.map((e) => /* @__PURE__ */ E("label", {
-									className: "flex items-center gap-2 cursor-pointer",
-									children: [/* @__PURE__ */ T("input", {
-										type: "checkbox",
-										checked: V.allergies.includes(e),
-										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__ */ T("span", {
-										className: "text-sm text-text-primary capitalize",
-										children: e
-									})]
-								}, e))
-							})] }),
+									V.firstName,
+									" ",
+									V.lastName
+								]
+							}),
+							/* @__PURE__ */ w("p", {
+								className: "mt-1 text-sm text-text-secondary",
+								children: V.email
+							}),
+							/* @__PURE__ */ w("p", {
+								className: "mt-0.5 text-sm text-text-secondary",
+								children: V.phone
+							}),
 							/* @__PURE__ */ T("div", {
-								className: "pt-4 border-t border-border-subtle",
-								children: /* @__PURE__ */ E("button", {
-									type: "button",
-									onClick: J,
-									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"]
-								})
+								className: "flex flex-wrap items-center justify-center sm:justify-start gap-2 mt-2",
+								children: [/* @__PURE__ */ T("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/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
+									children: [/* @__PURE__ */ w(f, { className: "h-3 w-3" }), B.isEmailVerified ? "Email Verified" : "Email Not Verified"]
+								}), /* @__PURE__ */ T("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/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
+									children: [/* @__PURE__ */ w(f, { className: "h-3 w-3" }), B.isPhoneVerified ? "Phone Verified" : "Phone Not Verified"]
+								})]
 							})
 						]
 					}),
-					P === "stats" && /* @__PURE__ */ E("div", {
-						className: "space-y-8",
-						children: [/* @__PURE__ */ E("div", {
-							className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+					/* @__PURE__ */ T("div", {
+						className: "text-center sm:text-right",
+						children: [/* @__PURE__ */ w("p", {
+							className: "text-2xl font-bold text-text-primary",
+							children: G.loyaltyPoints
+						}), /* @__PURE__ */ w("p", {
+							className: "text-xs text-text-secondary",
+							children: "Loyalty Points"
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "mt-6 rounded-lg border border-border-subtle bg-bg-surface",
+				children: [/* @__PURE__ */ w("div", {
+					className: "border-b border-border-subtle",
+					children: /* @__PURE__ */ w("nav", {
+						className: "flex -mb-px overflow-x-auto",
+						children: ne.map((e) => {
+							let n = e.icon;
+							return /* @__PURE__ */ T("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__ */ w(n, { className: "h-4 w-4" }), e.label]
+							}, e.key);
+						})
+					})
+				}), /* @__PURE__ */ T("div", {
+					className: "p-5 md:p-6",
+					children: [
+						I === "profile" && /* @__PURE__ */ T("div", {
+							className: "space-y-6",
 							children: [
-								/* @__PURE__ */ E("div", {
-									className: "rounded-lg bg-accent-blue-subtle/10 p-5 border border-accent-blue-subtle/20",
-									children: [/* @__PURE__ */ E("div", {
-										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ T(x, { className: "h-4 w-4 text-accent-blue" }), /* @__PURE__ */ T("h4", {
-											className: "text-sm font-medium text-accent-blue",
-											children: "Total Orders"
+								/* @__PURE__ */ T("div", {
+									className: "flex justify-between items-center",
+									children: [/* @__PURE__ */ w("h3", {
+										className: "text-lg font-semibold text-text-primary",
+										children: "Personal Information"
+									}), R ? /* @__PURE__ */ T("div", {
+										className: "flex gap-2",
+										children: [/* @__PURE__ */ T("button", {
+											type: "button",
+											onClick: Y,
+											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__ */ w(v, { className: "h-3 w-3" }), "Save"]
+										}), /* @__PURE__ */ T("button", {
+											type: "button",
+											onClick: J,
+											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__ */ w(ee, { className: "h-3 w-3" }), "Cancel"]
 										})]
-									}), /* @__PURE__ */ T("p", {
-										className: "text-3xl font-bold text-accent-blue",
-										children: U.totalOrders
+									}) : /* @__PURE__ */ T("button", {
+										type: "button",
+										onClick: q,
+										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__ */ w(m, { className: "h-3 w-3" }), "Edit Profile"]
 									})]
 								}),
-								/* @__PURE__ */ E("div", {
-									className: "rounded-lg bg-status-success-bg-subtle/10 p-5 border border-status-success-border/20",
-									children: [/* @__PURE__ */ E("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", {
-											className: "text-sm font-medium text-status-success-text",
-											children: "Total Spent"
-										})]
-									}), /* @__PURE__ */ T("p", {
-										className: "text-3xl font-bold text-status-success-text",
-										children: i(U.totalSpent, { minimumFractionDigits: 0 })
-									})]
+								/* @__PURE__ */ T("div", {
+									className: "grid grid-cols-1 md:grid-cols-2 gap-5",
+									children: [
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+											className: "block text-sm font-medium text-text-primary mb-1.5",
+											children: "First Name"
+										}), /* @__PURE__ */ w("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")
+										})] }),
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+											className: "block text-sm font-medium text-text-primary mb-1.5",
+											children: "Last Name"
+										}), /* @__PURE__ */ w("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")
+										})] }),
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+											className: "block text-sm font-medium text-text-primary mb-1.5",
+											children: "Email"
+										}), /* @__PURE__ */ w("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")
+										})] }),
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+											className: "block text-sm font-medium text-text-primary mb-1.5",
+											children: "Phone"
+										}), /* @__PURE__ */ w("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")
+										})] })
+									]
 								}),
-								/* @__PURE__ */ E("div", {
-									className: "rounded-lg bg-accent-purple-subtle/10 p-5 border border-accent-purple-subtle/20",
-									children: [/* @__PURE__ */ E("div", {
-										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ T(c, { className: "h-4 w-4 text-accent-purple" }), /* @__PURE__ */ T("h4", {
-											className: "text-sm font-medium text-accent-purple",
-											children: "Loyalty Points"
-										})]
-									}), /* @__PURE__ */ T("p", {
-										className: "text-3xl font-bold text-accent-purple",
-										children: U.loyaltyPoints
-									})]
-								})
-							]
-						}), /* @__PURE__ */ E("div", {
-							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ E("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
-								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",
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h4", {
+									className: "text-base font-semibold text-text-primary mb-3",
+									children: "Primary Address"
+								}), /* @__PURE__ */ T("div", {
+									className: "rounded-lg bg-bg-sunken/50 p-4",
 									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(U.avgOrderValue, { minimumFractionDigits: 0 })
-											})]
+										/* @__PURE__ */ w("p", {
+											className: "text-sm font-medium text-text-primary",
+											children: j[0].street
 										}),
-										/* @__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: U.favoriteCategory
-											})]
+										/* @__PURE__ */ w("p", {
+											className: "text-sm text-text-secondary",
+											children: j[0].area
 										}),
-										/* @__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(U.memberSince, {
-													hour: void 0,
-													minute: void 0,
-													hour12: void 0
-												})
-											})]
+										/* @__PURE__ */ T("p", {
+											className: "text-sm text-text-secondary",
+											children: [
+												j[0].city,
+												", ",
+												j[0].state,
+												" - ",
+												j[0].pincode
+											]
+										}),
+										/* @__PURE__ */ T("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__ */ w(_, { className: "h-3 w-3" }),
+												"Manage Addresses",
+												/* @__PURE__ */ w(p, { className: "h-3 w-3" })
+											]
 										})
 									]
-								})]
-							}), /* @__PURE__ */ E("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
-								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", {
+								})] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h4", {
+									className: "text-base font-semibold text-text-primary mb-3 flex items-center gap-2",
+									children: [/* @__PURE__ */ w(s, { className: "h-4 w-4 text-text-secondary" }), "Emergency Contact"]
+								}), /* @__PURE__ */ T("div", {
+									className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+									children: [
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+											className: "block text-sm font-medium text-text-primary mb-1.5",
+											children: "Name"
+										}), /* @__PURE__ */ w("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")
+										})] }),
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+											className: "block text-sm font-medium text-text-primary mb-1.5",
+											children: "Phone"
+										}), /* @__PURE__ */ w("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")
+										})] }),
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
+											className: "block text-sm font-medium text-text-primary mb-1.5",
+											children: "Relationship"
+										}), /* @__PURE__ */ w("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")
+										})] })
+									]
+								})] }),
+								R && /* @__PURE__ */ T("div", {
+									className: "flex gap-3 pt-4 border-t border-border-subtle",
+									children: [/* @__PURE__ */ T("button", {
+										type: "button",
+										onClick: Y,
+										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__ */ w(v, { className: "h-4 w-4" }), "Save Changes"]
+									}), /* @__PURE__ */ w("button", {
+										type: "button",
+										onClick: J,
+										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__ */ T("div", {
+							className: "space-y-8",
+							children: [
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h3", {
+									className: "text-lg font-semibold text-text-primary mb-4 flex items-center gap-2",
+									children: [/* @__PURE__ */ w(u, { className: "h-4 w-4 text-text-secondary" }), "Notification Preferences"]
+								}), /* @__PURE__ */ w("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", R.isEmailVerified ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
-												children: R.isEmailVerified ? "Verified" : "Not Verified"
+										{
+											key: "orderUpdates",
+											label: "Order status updates"
+										},
+										{
+											key: "promotions",
+											label: "Promotional offers and discounts"
+										},
+										{
+											key: "newsletter",
+											label: "Newsletter and food recommendations"
+										},
+										{
+											key: "sms",
+											label: "SMS notifications"
+										}
+									].map((e) => /* @__PURE__ */ T("label", {
+										className: "flex items-center gap-3 cursor-pointer",
+										children: [/* @__PURE__ */ w("input", {
+											type: "checkbox",
+											checked: U.notifications[e.key],
+											onChange: (t) => te(e.key, t.target.checked),
+											className: "h-4 w-4 rounded border-border-subtle text-text-primary focus:ring-[var(--color-focus-ring)]"
+										}), /* @__PURE__ */ w("span", {
+											className: "text-sm text-text-primary",
+											children: e.label
+										})]
+									}, e.key))
+								})] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h3", {
+									className: "text-lg font-semibold text-text-primary mb-4 flex items-center gap-2",
+									children: [/* @__PURE__ */ w(h, { className: "h-4 w-4 text-text-secondary" }), "Dietary Preferences"]
+								}), /* @__PURE__ */ w("div", {
+									className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3",
+									children: k.map((e) => /* @__PURE__ */ T("label", {
+										className: "flex items-center gap-2 cursor-pointer",
+										children: [/* @__PURE__ */ w("input", {
+											type: "checkbox",
+											checked: U.dietary.includes(e),
+											onChange: (t) => $("dietary", e, t.target.checked),
+											className: "h-4 w-4 rounded border-border-subtle text-text-primary focus:ring-[var(--color-focus-ring)]"
+										}), /* @__PURE__ */ w("span", {
+											className: "text-sm text-text-primary capitalize",
+											children: e
+										})]
+									}, e))
+								})] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h3", {
+									className: "text-lg font-semibold text-text-primary mb-4 flex items-center gap-2",
+									children: [/* @__PURE__ */ w(s, { className: "h-4 w-4 text-status-error-text" }), "Food Allergies"]
+								}), /* @__PURE__ */ w("div", {
+									className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3",
+									children: A.map((e) => /* @__PURE__ */ T("label", {
+										className: "flex items-center gap-2 cursor-pointer",
+										children: [/* @__PURE__ */ w("input", {
+											type: "checkbox",
+											checked: U.allergies.includes(e),
+											onChange: (t) => $("allergies", e, t.target.checked),
+											className: "h-4 w-4 rounded border-border-subtle text-status-error-text focus:ring-destructive"
+										}), /* @__PURE__ */ w("span", {
+											className: "text-sm text-text-primary capitalize",
+											children: e
+										})]
+									}, e))
+								})] }),
+								/* @__PURE__ */ w("div", {
+									className: "pt-4 border-t border-border-subtle",
+									children: /* @__PURE__ */ T("button", {
+										type: "button",
+										onClick: X,
+										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__ */ w(v, { className: "h-4 w-4" }), "Save Preferences"]
+									})
+								})
+							]
+						}),
+						I === "stats" && /* @__PURE__ */ T("div", {
+							className: "space-y-8",
+							children: [/* @__PURE__ */ T("div", {
+								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+								children: [
+									/* @__PURE__ */ T("div", {
+										className: "rounded-lg bg-accent-blue-subtle/10 p-5 border border-accent-blue-subtle/20",
+										children: [/* @__PURE__ */ T("div", {
+											className: "flex items-center gap-2 mb-2",
+											children: [/* @__PURE__ */ w(x, { className: "h-4 w-4 text-accent-blue" }), /* @__PURE__ */ w("h4", {
+												className: "text-sm font-medium text-accent-blue",
+												children: "Total Orders"
 											})]
-										}),
-										/* @__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", R.isPhoneVerified ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
-												children: R.isPhoneVerified ? "Verified" : "Not Verified"
+										}), /* @__PURE__ */ w("p", {
+											className: "text-3xl font-bold text-accent-blue",
+											children: G.totalOrders
+										})]
+									}),
+									/* @__PURE__ */ T("div", {
+										className: "rounded-lg bg-status-success-bg-subtle/10 p-5 border border-status-success-border/20",
+										children: [/* @__PURE__ */ T("div", {
+											className: "flex items-center gap-2 mb-2",
+											children: [/* @__PURE__ */ w(g, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ w("h4", {
+												className: "text-sm font-medium text-status-success-text",
+												children: "Total Spent"
 											})]
-										}),
-										/* @__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(R.updatedAt, {
-													hour: void 0,
-													minute: void 0,
-													hour12: void 0
-												})
+										}), /* @__PURE__ */ w("p", {
+											className: "text-3xl font-bold text-status-success-text",
+											children: i(G.totalSpent, { minimumFractionDigits: 0 })
+										})]
+									}),
+									/* @__PURE__ */ T("div", {
+										className: "rounded-lg bg-accent-purple-subtle/10 p-5 border border-accent-purple-subtle/20",
+										children: [/* @__PURE__ */ T("div", {
+											className: "flex items-center gap-2 mb-2",
+											children: [/* @__PURE__ */ w(c, { className: "h-4 w-4 text-accent-purple" }), /* @__PURE__ */ w("h4", {
+												className: "text-sm font-medium text-accent-purple",
+												children: "Loyalty Points"
 											})]
-										})
-									]
+										}), /* @__PURE__ */ w("p", {
+											className: "text-3xl font-bold text-accent-purple",
+											children: G.loyaltyPoints
+										})]
+									})
+								]
+							}), /* @__PURE__ */ T("div", {
+								className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+								children: [/* @__PURE__ */ T("div", {
+									className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
+									children: [/* @__PURE__ */ T("h4", {
+										className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
+										children: [/* @__PURE__ */ w(l, { className: "h-4 w-4 text-text-secondary" }), "Order Statistics"]
+									}), /* @__PURE__ */ T("div", {
+										className: "space-y-3",
+										children: [
+											/* @__PURE__ */ T("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ w("span", {
+													className: "text-sm text-text-secondary",
+													children: "Average Order Value"
+												}), /* @__PURE__ */ w("span", {
+													className: "text-sm font-medium text-text-primary",
+													children: i(G.avgOrderValue, { minimumFractionDigits: 0 })
+												})]
+											}),
+											/* @__PURE__ */ T("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ w("span", {
+													className: "text-sm text-text-secondary",
+													children: "Favorite Category"
+												}), /* @__PURE__ */ w("span", {
+													className: "text-sm font-medium text-text-primary",
+													children: G.favoriteCategory
+												})]
+											}),
+											/* @__PURE__ */ T("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ w("span", {
+													className: "text-sm text-text-secondary",
+													children: "Member Since"
+												}), /* @__PURE__ */ w("span", {
+													className: "text-sm font-medium text-text-primary",
+													children: a(G.memberSince, {
+														hour: void 0,
+														minute: void 0,
+														hour12: void 0
+													})
+												})]
+											})
+										]
+									})]
+								}), /* @__PURE__ */ T("div", {
+									className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
+									children: [/* @__PURE__ */ T("h4", {
+										className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
+										children: [/* @__PURE__ */ w(b, { className: "h-4 w-4 text-text-secondary" }), "Account Status"]
+									}), /* @__PURE__ */ T("div", {
+										className: "space-y-3",
+										children: [
+											/* @__PURE__ */ T("div", {
+												className: "flex justify-between items-center",
+												children: [/* @__PURE__ */ w("span", {
+													className: "text-sm text-text-secondary",
+													children: "Email Verification"
+												}), /* @__PURE__ */ w("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/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
+													children: B.isEmailVerified ? "Verified" : "Not Verified"
+												})]
+											}),
+											/* @__PURE__ */ T("div", {
+												className: "flex justify-between items-center",
+												children: [/* @__PURE__ */ w("span", {
+													className: "text-sm text-text-secondary",
+													children: "Phone Verification"
+												}), /* @__PURE__ */ w("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/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
+													children: B.isPhoneVerified ? "Verified" : "Not Verified"
+												})]
+											}),
+											/* @__PURE__ */ T("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ w("span", {
+													className: "text-sm text-text-secondary",
+													children: "Last Updated"
+												}), /* @__PURE__ */ w("span", {
+													className: "text-sm font-medium text-text-primary",
+													children: a(B.updatedAt, {
+														hour: void 0,
+														minute: void 0,
+														hour12: void 0
+													})
+												})]
+											})
+										]
+									})]
 								})]
 							})]
-						})]
-					})
-				]
-			})]
-		})]
+						})
+					]
+				})]
+			})
+		]
 	});
 }
 //#endregion
-export { A as CustomerProfilePage };
+export { M as CustomerProfilePage };
 
 //# sourceMappingURL=CustomerProfilePage.js.map