@burdenoff/microfe-atheletebridge 2026.625.1 → 2026.625.2

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

@@ -4,24 +4,25 @@ import { PageLayout as n } from "../../components/PageLayout.js";
 import { useOrders as r } from "../../hooks/useAthleteBridgeApi.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 ee, Camera as u, CheckCircle2 as d, ChevronRight as f, Edit3 as p, Heart as m, IndianRupee as h, MapPin as g, Save as _, Settings as v, Shield as y, ShoppingBag as b, User as x, UserCircle as S, X as C } 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/atheletebridge/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,60 +70,60 @@ 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",
-			icon: C
+			icon: S
 		},
 		{
 			key: "preferences",
 			label: "Preferences",
-			icon: y
+			icon: v
 		},
 		{
 			key: "stats",
@@ -130,492 +131,527 @@ 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-subtle bg-bg-surface 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: 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-green-500/20 text-green-600 dark:text-green-400" : "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-green-500/20 text-green-600 dark:text-green-400" : "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",
+				children: "Your account, your way. Keep your name and contact details up to date, verify your email and phone, manage notification preferences, and track your loyalty points and ordering stats — all from one place."
+			}),
+			/* @__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(x, { 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(u, { 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-green-500/20 text-green-600 dark:text-green-400" : "bg-status-error-bg/20 text-status-error-text"),
+									children: [/* @__PURE__ */ w(d, { 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-green-500/20 text-green-600 dark:text-green-400" : "bg-status-error-bg/20 text-status-error-text"),
+									children: [/* @__PURE__ */ w(d, { 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__ */ w(D, {
+				className: "mt-6",
+				storageKey: "atheletebridge-customer-profile",
+				steps: [
+					{
+						id: "verify",
+						label: "Verify your email & phone",
+						description: "Verified contacts keep your account secure and unlock order updates.",
+						icon: /* @__PURE__ */ w(d, { className: "h-4 w-4" }),
+						onClick: () => L("profile"),
+						done: B.isEmailVerified && B.isPhoneVerified
+					},
+					{
+						id: "preferences",
+						label: "Set your notification preferences",
+						description: "Choose which order updates and offers you want to hear about.",
+						icon: /* @__PURE__ */ w(v, { className: "h-4 w-4" }),
+						onClick: () => L("preferences")
+					},
+					{
+						id: "addresses",
+						label: "Manage your saved addresses",
+						description: "Keep delivery locations current for faster checkout.",
+						icon: /* @__PURE__ */ w(S, { className: "h-4 w-4" }),
+						onClick: () => M("/customer/addresses")
+					}
+				]
+			}),
+			/* @__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-blue-500/10 p-5 border border-blue-500/20",
-									children: [/* @__PURE__ */ E("div", {
-										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ T(x, { className: "h-4 w-4 text-blue-600 dark:text-blue-400" }), /* @__PURE__ */ T("h4", {
-											className: "text-sm font-medium text-blue-600 dark:text-blue-400",
-											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(_, { 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(C, { className: "h-3 w-3" }), "Cancel"]
 										})]
-									}), /* @__PURE__ */ T("p", {
-										className: "text-3xl font-bold text-blue-600 dark:text-blue-400",
-										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(p, { className: "h-3 w-3" }), "Edit Profile"]
 									})]
 								}),
-								/* @__PURE__ */ E("div", {
-									className: "rounded-lg bg-green-500/10 p-5 border border-green-500/20",
-									children: [/* @__PURE__ */ E("div", {
-										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ T(g, { className: "h-4 w-4 text-green-600 dark:text-green-400" }), /* @__PURE__ */ T("h4", {
-											className: "text-sm font-medium text-green-600 dark:text-green-400",
-											children: "Total Spent"
-										})]
-									}), /* @__PURE__ */ T("p", {
-										className: "text-3xl font-bold text-green-600 dark:text-green-400",
-										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-purple-500/10 p-5 border border-purple-500/20",
-									children: [/* @__PURE__ */ E("div", {
-										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ T(c, { className: "h-4 w-4 text-purple-600 dark:text-purple-400" }), /* @__PURE__ */ T("h4", {
-											className: "text-sm font-medium text-purple-600 dark:text-purple-400",
-											children: "Loyalty Points"
-										})]
-									}), /* @__PURE__ */ T("p", {
-										className: "text-3xl font-bold text-purple-600 dark:text-purple-400",
-										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-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",
+								/* @__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(g, { className: "h-3 w-3" }),
+												"Manage Addresses",
+												/* @__PURE__ */ w(f, { className: "h-3 w-3" })
+											]
 										})
 									]
-								})]
-							}), /* @__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", {
+								})] }),
+								/* @__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(_, { 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(ee, { 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-green-500/20 text-green-600 dark:text-green-400" : "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(m, { 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(_, { 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-blue-500/10 p-5 border border-blue-500/20",
+										children: [/* @__PURE__ */ T("div", {
+											className: "flex items-center gap-2 mb-2",
+											children: [/* @__PURE__ */ w(b, { className: "h-4 w-4 text-blue-600 dark:text-blue-400" }), /* @__PURE__ */ w("h4", {
+												className: "text-sm font-medium text-blue-600 dark:text-blue-400",
+												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-green-500/20 text-green-600 dark:text-green-400" : "bg-status-error-bg/20 text-status-error-text"),
-												children: R.isPhoneVerified ? "Verified" : "Not Verified"
+										}), /* @__PURE__ */ w("p", {
+											className: "text-3xl font-bold text-blue-600 dark:text-blue-400",
+											children: G.totalOrders
+										})]
+									}),
+									/* @__PURE__ */ T("div", {
+										className: "rounded-lg bg-green-500/10 p-5 border border-green-500/20",
+										children: [/* @__PURE__ */ T("div", {
+											className: "flex items-center gap-2 mb-2",
+											children: [/* @__PURE__ */ w(h, { className: "h-4 w-4 text-green-600 dark:text-green-400" }), /* @__PURE__ */ w("h4", {
+												className: "text-sm font-medium text-green-600 dark:text-green-400",
+												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-green-600 dark:text-green-400",
+											children: i(G.totalSpent, { minimumFractionDigits: 0 })
+										})]
+									}),
+									/* @__PURE__ */ T("div", {
+										className: "rounded-lg bg-purple-500/10 p-5 border border-purple-500/20",
+										children: [/* @__PURE__ */ T("div", {
+											className: "flex items-center gap-2 mb-2",
+											children: [/* @__PURE__ */ w(c, { className: "h-4 w-4 text-purple-600 dark:text-purple-400" }), /* @__PURE__ */ w("h4", {
+												className: "text-sm font-medium text-purple-600 dark:text-purple-400",
+												children: "Loyalty Points"
 											})]
-										})
-									]
+										}), /* @__PURE__ */ w("p", {
+											className: "text-3xl font-bold text-purple-600 dark:text-purple-400",
+											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-subtle bg-bg-surface p-5",
+									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-subtle bg-bg-surface p-5",
+									children: [/* @__PURE__ */ T("h4", {
+										className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
+										children: [/* @__PURE__ */ w(y, { 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-green-500/20 text-green-600 dark:text-green-400" : "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-green-500/20 text-green-600 dark:text-green-400" : "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