@burdenoff/microfe-subscriberbot 2026.624.1 → 2026.626.1

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

@@ -6,22 +6,23 @@ 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 { EmphasisPanel as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/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) => ({
+	}, ee = (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
 			};
 		});
-	}, $ = [
+	}, te = [
 		{
 			key: "profile",
 			label: "Profile Info",
@@ -130,7 +131,7 @@ function A() {
 			icon: l
 		}
 	];
-	return W ? /* @__PURE__ */ T(n, {
+	return K ? /* @__PURE__ */ T(n, {
 		title: "My Profile",
 		children: /* @__PURE__ */ E("div", {
 			className: "flex flex-col items-center justify-center py-16 text-center",
@@ -142,480 +143,488 @@ function A() {
 	}) : /* @__PURE__ */ E(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__ */ T(O, {
+				icon: /* @__PURE__ */ T(S, { className: "h-4 w-4" }),
+				className: "mb-6",
+				children: "Your account details and preferences in one place. Keep your name, contact info and delivery preferences current so orders reach you smoothly, and track the loyalty points you've earned. Use the tabs to manage your profile, addresses, payment methods and notification settings."
+			}),
+			/* @__PURE__ */ E(D, {
+				className: "flex flex-col items-center sm:flex-row sm:items-start gap-6",
 				children: [
-					P === "profile" && /* @__PURE__ */ E("div", {
-						className: "space-y-6",
+					/* @__PURE__ */ E("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ T("div", {
+							className: "h-24 w-24 rounded-full bg-bg-sunken overflow-hidden",
+							children: B.profilePicture ? /* @__PURE__ */ T("img", {
+								src: B.profilePicture,
+								alt: `${B.firstName} ${B.lastName}`,
+								className: "h-full w-full object-cover"
+							}) : /* @__PURE__ */ T("div", {
+								className: "flex h-full w-full items-center justify-center text-text-secondary",
+								children: /* @__PURE__ */ T(S, { className: "h-10 w-10" })
+							})
+						}), /* @__PURE__ */ T("button", {
+							type: "button",
+							className: "absolute bottom-0 right-0 flex h-8 w-8 items-center justify-center rounded-full bg-foreground text-background shadow-sm hover:opacity-90 transition-opacity",
+							children: /* @__PURE__ */ T(d, { className: "h-4 w-4" })
+						})]
+					}),
+					/* @__PURE__ */ E("div", {
+						className: "flex-1 text-center sm:text-left",
 						children: [
-							/* @__PURE__ */ E("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",
+							/* @__PURE__ */ E("h2", {
+								className: "text-xl font-semibold text-text-primary",
 								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")
-									})] })
+									V.firstName,
+									" ",
+									V.lastName
 								]
 							}),
-							/* @__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("p", {
+								className: "mt-1 text-sm text-text-secondary",
+								children: V.email
+							}),
+							/* @__PURE__ */ T("p", {
+								className: "mt-0.5 text-sm text-text-secondary",
+								children: V.phone
+							}),
+							/* @__PURE__ */ E("div", {
+								className: "flex flex-wrap items-center justify-center sm:justify-start gap-2 mt-2",
+								children: [/* @__PURE__ */ E("span", {
+									className: t("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium", B.isEmailVerified ? "bg-status-success-bg/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
+									children: [/* @__PURE__ */ T(f, { className: "h-3 w-3" }), B.isEmailVerified ? "Email Verified" : "Email Not Verified"]
+								}), /* @__PURE__ */ E("span", {
+									className: t("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium", B.isPhoneVerified ? "bg-status-success-bg/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
+									children: [/* @__PURE__ */ T(f, { className: "h-3 w-3" }), B.isPhoneVerified ? "Phone Verified" : "Phone Not Verified"]
 								})]
 							})
 						]
 					}),
-					P === "preferences" && /* @__PURE__ */ E("div", {
-						className: "space-y-8",
-						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",
-								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))
-							})] }),
-							/* @__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"]
-								})
-							})
-						]
-					}),
-					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__ */ E("div", {
+						className: "text-center sm:text-right",
+						children: [/* @__PURE__ */ T("p", {
+							className: "text-2xl font-bold text-text-primary",
+							children: G.loyaltyPoints
+						}), /* @__PURE__ */ T("p", {
+							className: "text-xs text-text-secondary",
+							children: "Loyalty Points"
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "mt-6 rounded-lg border border-border-seam bg-bg-surface",
+				children: [/* @__PURE__ */ T("div", {
+					className: "border-b border-border-seam",
+					children: /* @__PURE__ */ T("nav", {
+						className: "flex -mb-px overflow-x-auto",
+						children: te.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", I === e.key ? "border-b-2 border-foreground text-text-primary" : "text-text-secondary hover:text-text-primary"),
+								onClick: () => L(e.key),
+								children: [/* @__PURE__ */ T(n, { className: "h-4 w-4" }), e.label]
+							}, e.key);
+						})
+					})
+				}), /* @__PURE__ */ E("div", {
+					className: "p-5 md:p-6",
+					children: [
+						I === "profile" && /* @__PURE__ */ E("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"
+									className: "flex justify-between items-center",
+									children: [/* @__PURE__ */ T("h3", {
+										className: "text-lg font-semibold text-text-primary",
+										children: "Personal Information"
+									}), R ? /* @__PURE__ */ E("div", {
+										className: "flex gap-2",
+										children: [/* @__PURE__ */ E("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__ */ T(v, { className: "h-3 w-3" }), "Save"]
+										}), /* @__PURE__ */ E("button", {
+											type: "button",
+											onClick: J,
+											className: "flex items-center gap-1.5 rounded-lg border border-border-seam 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__ */ T("p", {
-										className: "text-3xl font-bold text-blue-600 dark:text-blue-400",
-										children: U.totalOrders
+									}) : /* @__PURE__ */ E("button", {
+										type: "button",
+										onClick: q,
+										className: "flex items-center gap-1.5 rounded-lg border border-border-seam 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: "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 })
-									})]
+									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: R ? U.firstName : V.firstName,
+											onChange: (e) => Z("firstName", e.target.value),
+											disabled: !R,
+											className: t("w-full rounded-lg border border-border-seam 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", { 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: R ? U.lastName : V.lastName,
+											onChange: (e) => Z("lastName", e.target.value),
+											disabled: !R,
+											className: t("w-full rounded-lg border border-border-seam 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", { children: [/* @__PURE__ */ T("label", {
+											className: "block text-sm font-medium text-text-primary mb-1.5",
+											children: "Email"
+										}), /* @__PURE__ */ T("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-seam 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", { children: [/* @__PURE__ */ T("label", {
+											className: "block text-sm font-medium text-text-primary mb-1.5",
+											children: "Phone"
+										}), /* @__PURE__ */ T("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-seam 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", { children: [/* @__PURE__ */ T("h4", {
+									className: "text-base font-semibold text-text-primary mb-3",
+									children: "Primary Address"
 								}), /* @__PURE__ */ E("div", {
-									className: "space-y-3",
+									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__ */ T("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__ */ T("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__ */ E("p", {
+											className: "text-sm text-text-secondary",
+											children: [
+												j[0].city,
+												", ",
+												j[0].state,
+												" - ",
+												j[0].pincode
+											]
+										}),
+										/* @__PURE__ */ E("button", {
+											type: "button",
+											onClick: () => M("/customer/addresses"),
+											className: "mt-2 flex items-center gap-1 text-xs font-medium text-text-secondary hover:text-text-primary transition-colors",
+											children: [
+												/* @__PURE__ */ T(_, { className: "h-3 w-3" }),
+												"Manage Addresses",
+												/* @__PURE__ */ T(p, { className: "h-3 w-3" })
+											]
 										})
 									]
-								})]
-							}), /* @__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", { 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: 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-seam 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", { children: [/* @__PURE__ */ T("label", {
+											className: "block text-sm font-medium text-text-primary mb-1.5",
+											children: "Phone"
+										}), /* @__PURE__ */ T("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-seam 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", { children: [/* @__PURE__ */ T("label", {
+											className: "block text-sm font-medium text-text-primary mb-1.5",
+											children: "Relationship"
+										}), /* @__PURE__ */ T("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-seam 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__ */ E("div", {
+									className: "flex gap-3 pt-4 border-t border-border-seam",
+									children: [/* @__PURE__ */ E("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__ */ T(v, { className: "h-4 w-4" }), "Save Changes"]
+									}), /* @__PURE__ */ T("button", {
+										type: "button",
+										onClick: J,
+										className: "flex items-center gap-2 rounded-lg border border-border-seam px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+										children: "Cancel"
+									})]
+								})
+							]
+						}),
+						I === "preferences" && /* @__PURE__ */ E("div", {
+							className: "space-y-8",
+							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",
 									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__ */ E("label", {
+										className: "flex items-center gap-3 cursor-pointer",
+										children: [/* @__PURE__ */ T("input", {
+											type: "checkbox",
+											checked: U.notifications[e.key],
+											onChange: (t) => ee(e.key, t.target.checked),
+											className: "h-4 w-4 rounded border-border-seam 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: k.map((e) => /* @__PURE__ */ E("label", {
+										className: "flex items-center gap-2 cursor-pointer",
+										children: [/* @__PURE__ */ T("input", {
+											type: "checkbox",
+											checked: U.dietary.includes(e),
+											onChange: (t) => $("dietary", e, t.target.checked),
+											className: "h-4 w-4 rounded border-border-seam 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: A.map((e) => /* @__PURE__ */ E("label", {
+										className: "flex items-center gap-2 cursor-pointer",
+										children: [/* @__PURE__ */ T("input", {
+											type: "checkbox",
+											checked: U.allergies.includes(e),
+											onChange: (t) => $("allergies", e, t.target.checked),
+											className: "h-4 w-4 rounded border-border-seam text-status-error-text focus:ring-destructive"
+										}), /* @__PURE__ */ T("span", {
+											className: "text-sm text-text-primary capitalize",
+											children: e
+										})]
+									}, e))
+								})] }),
+								/* @__PURE__ */ T("div", {
+									className: "pt-4 border-t border-border-seam",
+									children: /* @__PURE__ */ E("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__ */ T(v, { className: "h-4 w-4" }), "Save Preferences"]
+									})
+								})
+							]
+						}),
+						I === "stats" && /* @__PURE__ */ E("div", {
+							className: "space-y-8",
+							children: [/* @__PURE__ */ E("div", {
+								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+								children: [
+									/* @__PURE__ */ E("div", {
+										className: "rounded-lg bg-status-info-bg/10 p-5 border border-status-info-border/20",
+										children: [/* @__PURE__ */ E("div", {
+											className: "flex items-center gap-2 mb-2",
+											children: [/* @__PURE__ */ T(x, { className: "h-4 w-4 text-status-info-text" }), /* @__PURE__ */ T("h4", {
+												className: "text-sm font-medium text-status-info-text",
+												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__ */ T("p", {
+											className: "text-3xl font-bold text-status-info-text",
+											children: G.totalOrders
+										})]
+									}),
+									/* @__PURE__ */ E("div", {
+										className: "rounded-lg bg-status-success-bg/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__ */ 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__ */ T("p", {
+											className: "text-3xl font-bold text-status-success-text",
+											children: i(G.totalSpent, { minimumFractionDigits: 0 })
+										})]
+									}),
+									/* @__PURE__ */ E("div", {
+										className: "rounded-lg bg-accent-purple-subtle p-5 border border-accent-purple/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: G.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",
+									children: [/* @__PURE__ */ E("h4", {
+										className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
+										children: [/* @__PURE__ */ T(l, { className: "h-4 w-4 text-text-secondary" }), "Order Statistics"]
+									}), /* @__PURE__ */ E("div", {
+										className: "space-y-3",
+										children: [
+											/* @__PURE__ */ E("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ T("span", {
+													className: "text-sm text-text-secondary",
+													children: "Average Order Value"
+												}), /* @__PURE__ */ T("span", {
+													className: "text-sm font-medium text-text-primary",
+													children: i(G.avgOrderValue, { minimumFractionDigits: 0 })
+												})]
+											}),
+											/* @__PURE__ */ E("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ T("span", {
+													className: "text-sm text-text-secondary",
+													children: "Favorite Category"
+												}), /* @__PURE__ */ T("span", {
+													className: "text-sm font-medium text-text-primary",
+													children: G.favoriteCategory
+												})]
+											}),
+											/* @__PURE__ */ E("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ T("span", {
+													className: "text-sm text-text-secondary",
+													children: "Member Since"
+												}), /* @__PURE__ */ T("span", {
+													className: "text-sm font-medium text-text-primary",
+													children: a(G.memberSince, {
+														hour: void 0,
+														minute: void 0,
+														hour12: void 0
+													})
+												})]
+											})
+										]
+									})]
+								}), /* @__PURE__ */ E("div", {
+									className: "rounded-lg border border-border-seam bg-bg-surface p-5",
+									children: [/* @__PURE__ */ E("h4", {
+										className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
+										children: [/* @__PURE__ */ T(b, { className: "h-4 w-4 text-text-secondary" }), "Account Status"]
+									}), /* @__PURE__ */ E("div", {
+										className: "space-y-3",
+										children: [
+											/* @__PURE__ */ E("div", {
+												className: "flex justify-between items-center",
+												children: [/* @__PURE__ */ T("span", {
+													className: "text-sm text-text-secondary",
+													children: "Email Verification"
+												}), /* @__PURE__ */ T("span", {
+													className: t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", B.isEmailVerified ? "bg-status-success-bg/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
+													children: B.isEmailVerified ? "Verified" : "Not Verified"
+												})]
+											}),
+											/* @__PURE__ */ E("div", {
+												className: "flex justify-between items-center",
+												children: [/* @__PURE__ */ T("span", {
+													className: "text-sm text-text-secondary",
+													children: "Phone Verification"
+												}), /* @__PURE__ */ T("span", {
+													className: t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", B.isPhoneVerified ? "bg-status-success-bg/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
+													children: B.isPhoneVerified ? "Verified" : "Not Verified"
+												})]
+											}),
+											/* @__PURE__ */ E("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ T("span", {
+													className: "text-sm text-text-secondary",
+													children: "Last Updated"
+												}), /* @__PURE__ */ T("span", {
+													className: "text-sm font-medium text-text-primary",
+													children: a(B.updatedAt, {
+														hour: void 0,
+														minute: void 0,
+														hour12: void 0
+													})
+												})]
+											})
+										]
+									})]
 								})]
 							})]
-						})]
-					})
-				]
-			})]
-		})]
+						})
+					]
+				})]
+			})
+		]
 	});
 }
 //#endregion
-export { A as CustomerProfilePage };
+export { M as CustomerProfilePage };
 
 //# sourceMappingURL=CustomerProfilePage.js.map