@burdenoff/microfe-coolandlovely 2026.614.1

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

@@ -0,0 +1,621 @@
+import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { useOrders as r } from "../../hooks/useCoolAndLovelyApi.js";
+import { formatCurrency as i, formatDate as a } from "../../utils/formatters.js";
+import { useState as o } from "react";
+import { AlertTriangle as s, Award as c, BarChart3 as l, Bell as u, Camera as d, CheckCircle2 as f, ChevronRight as p, Edit3 as m, Heart as h, IndianRupee as g, MapPin as _, Save as v, Settings as y, Shield as b, ShoppingBag as x, User as S, UserCircle as C, X as w } from "lucide-react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region src/coolandlovely/pages/customer/CustomerProfilePage.tsx
+var D = [
+	"vegetarian",
+	"vegan",
+	"jain",
+	"keto",
+	"gluten-free",
+	"low-carb"
+], O = [
+	"nuts",
+	"dairy",
+	"eggs",
+	"soy",
+	"shellfish",
+	"gluten"
+], k = [{
+	id: "addr-1",
+	label: "Home",
+	street: "123, MG Road",
+	area: "Near Central Mall",
+	city: "Bangalore",
+	state: "Karnataka",
+	pincode: "560001",
+	isDefault: !0
+}, {
+	id: "addr-2",
+	label: "Office",
+	street: "456 Tech Park Road",
+	area: "Whitefield",
+	city: "Bangalore",
+	state: "Karnataka",
+	pincode: "560066",
+	isDefault: !1
+}];
+function 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 || "",
+		phone: "+91 98765 43210",
+		profilePicture: j?.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,
+		emergencyContact: {
+			name: "Priya Sharma",
+			phone: "+91 98765 43211",
+			relationship: "Spouse"
+		},
+		dietary: ["vegetarian"],
+		allergies: ["nuts", "dairy"],
+		notifications: {
+			orderUpdates: !0,
+			promotions: !0,
+			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,
+		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");
+	}, J = () => {
+		B({ ...V }), alert("Preferences saved successfully");
+	}, Y = (e, t) => {
+		H((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, X = (e, t) => {
+		H((n) => ({
+			...n,
+			emergencyContact: {
+				...n.emergencyContact,
+				[e]: t
+			}
+		}));
+	}, Z = (e, t) => {
+		H((n) => ({
+			...n,
+			notifications: {
+				...n.notifications,
+				[e]: t
+			}
+		}));
+	}, Q = (e, t, n) => {
+		H((r) => {
+			let i = r[e], a = n ? [...i, t] : i.filter((e) => e !== t);
+			return {
+				...r,
+				[e]: a
+			};
+		});
+	}, $ = [
+		{
+			key: "profile",
+			label: "Profile Info",
+			icon: C
+		},
+		{
+			key: "preferences",
+			label: "Preferences",
+			icon: y
+		},
+		{
+			key: "stats",
+			label: "My Stats",
+			icon: l
+		}
+	];
+	return W ? /* @__PURE__ */ T(n, {
+		title: "My Profile",
+		children: /* @__PURE__ */ E("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", {
+				className: "text-sm text-muted-foreground",
+				children: "Loading profile..."
+			})]
+		})
+	}) : /* @__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 bg-card p-6",
+			children: [
+				/* @__PURE__ */ E("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ T("div", {
+						className: "h-24 w-24 rounded-full bg-muted 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-muted-foreground",
+							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-foreground",
+							children: [
+								z.firstName,
+								" ",
+								z.lastName
+							]
+						}),
+						/* @__PURE__ */ T("p", {
+							className: "mt-1 text-sm text-muted-foreground",
+							children: z.email
+						}),
+						/* @__PURE__ */ T("p", {
+							className: "mt-0.5 text-sm text-muted-foreground",
+							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-destructive/20 text-destructive"),
+								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-destructive/20 text-destructive"),
+								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-foreground",
+						children: U.loyaltyPoints
+					}), /* @__PURE__ */ T("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Loyalty Points"
+					})]
+				})
+			]
+		}), /* @__PURE__ */ E("div", {
+			className: "mt-6 rounded-lg border border-border bg-card",
+			children: [/* @__PURE__ */ T("div", {
+				className: "border-b border-border",
+				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-foreground" : "text-muted-foreground hover:text-foreground"),
+							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: [
+					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-foreground",
+									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 px-3 py-1.5 text-xs font-medium text-foreground 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 px-3 py-1.5 text-xs font-medium text-foreground 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-foreground 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 px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring", !I && "bg-muted cursor-not-allowed", I && "bg-background")
+									})] }),
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										className: "block text-sm font-medium text-foreground 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 px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring", !I && "bg-muted cursor-not-allowed", I && "bg-background")
+									})] }),
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										className: "block text-sm font-medium text-foreground 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 px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring", !I && "bg-muted cursor-not-allowed", I && "bg-background")
+									})] }),
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										className: "block text-sm font-medium text-foreground 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 px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring", !I && "bg-muted cursor-not-allowed", I && "bg-background")
+									})] })
+								]
+							}),
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h4", {
+								className: "text-base font-semibold text-foreground mb-3",
+								children: "Primary Address"
+							}), /* @__PURE__ */ E("div", {
+								className: "rounded-lg bg-muted/50 p-4",
+								children: [
+									/* @__PURE__ */ T("p", {
+										className: "text-sm font-medium text-foreground",
+										children: k[0].street
+									}),
+									/* @__PURE__ */ T("p", {
+										className: "text-sm text-muted-foreground",
+										children: k[0].area
+									}),
+									/* @__PURE__ */ E("p", {
+										className: "text-sm text-muted-foreground",
+										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-muted-foreground hover:text-foreground 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-foreground mb-3 flex items-center gap-2",
+								children: [/* @__PURE__ */ T(s, { className: "h-4 w-4 text-muted-foreground" }), "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-foreground 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 px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring", !I && "bg-muted cursor-not-allowed", I && "bg-background")
+									})] }),
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										className: "block text-sm font-medium text-foreground 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 px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring", !I && "bg-muted cursor-not-allowed", I && "bg-background")
+									})] }),
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+										className: "block text-sm font-medium text-foreground 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 px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring", !I && "bg-muted cursor-not-allowed", I && "bg-background")
+									})] })
+								]
+							})] }),
+							I && /* @__PURE__ */ E("div", {
+								className: "flex gap-3 pt-4 border-t border-border",
+								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 px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+									children: "Cancel"
+								})]
+							})
+						]
+					}),
+					P === "preferences" && /* @__PURE__ */ E("div", {
+						className: "space-y-8",
+						children: [
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h3", {
+								className: "text-lg font-semibold text-foreground mb-4 flex items-center gap-2",
+								children: [/* @__PURE__ */ T(u, { className: "h-4 w-4 text-muted-foreground" }), "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 text-foreground focus:ring-ring"
+									}), /* @__PURE__ */ T("span", {
+										className: "text-sm text-foreground",
+										children: e.label
+									})]
+								}, e.key))
+							})] }),
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h3", {
+								className: "text-lg font-semibold text-foreground mb-4 flex items-center gap-2",
+								children: [/* @__PURE__ */ T(h, { className: "h-4 w-4 text-muted-foreground" }), "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 text-foreground focus:ring-ring"
+									}), /* @__PURE__ */ T("span", {
+										className: "text-sm text-foreground capitalize",
+										children: e
+									})]
+								}, e))
+							})] }),
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h3", {
+								className: "text-lg font-semibold text-foreground mb-4 flex items-center gap-2",
+								children: [/* @__PURE__ */ T(s, { className: "h-4 w-4 text-destructive" }), "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 text-destructive focus:ring-destructive"
+									}), /* @__PURE__ */ T("span", {
+										className: "text-sm text-foreground capitalize",
+										children: e
+									})]
+								}, e))
+							})] }),
+							/* @__PURE__ */ T("div", {
+								className: "pt-4 border-t border-border",
+								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",
+							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("p", {
+										className: "text-3xl font-bold text-blue-600 dark:text-blue-400",
+										children: U.totalOrders
+									})]
+								}),
+								/* @__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__ */ 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 bg-card p-5",
+								children: [/* @__PURE__ */ E("h4", {
+									className: "text-base font-semibold text-foreground mb-4 flex items-center gap-2",
+									children: [/* @__PURE__ */ T(l, { className: "h-4 w-4 text-muted-foreground" }), "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-muted-foreground",
+												children: "Average Order Value"
+											}), /* @__PURE__ */ T("span", {
+												className: "text-sm font-medium text-foreground",
+												children: i(U.avgOrderValue, { minimumFractionDigits: 0 })
+											})]
+										}),
+										/* @__PURE__ */ E("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ T("span", {
+												className: "text-sm text-muted-foreground",
+												children: "Favorite Category"
+											}), /* @__PURE__ */ T("span", {
+												className: "text-sm font-medium text-foreground",
+												children: U.favoriteCategory
+											})]
+										}),
+										/* @__PURE__ */ E("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ T("span", {
+												className: "text-sm text-muted-foreground",
+												children: "Member Since"
+											}), /* @__PURE__ */ T("span", {
+												className: "text-sm font-medium text-foreground",
+												children: a(U.memberSince, {
+													hour: void 0,
+													minute: void 0,
+													hour12: void 0
+												})
+											})]
+										})
+									]
+								})]
+							}), /* @__PURE__ */ E("div", {
+								className: "rounded-lg border border-border bg-card p-5",
+								children: [/* @__PURE__ */ E("h4", {
+									className: "text-base font-semibold text-foreground mb-4 flex items-center gap-2",
+									children: [/* @__PURE__ */ T(b, { className: "h-4 w-4 text-muted-foreground" }), "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-muted-foreground",
+												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-destructive/20 text-destructive"),
+												children: R.isEmailVerified ? "Verified" : "Not Verified"
+											})]
+										}),
+										/* @__PURE__ */ E("div", {
+											className: "flex justify-between items-center",
+											children: [/* @__PURE__ */ T("span", {
+												className: "text-sm text-muted-foreground",
+												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-destructive/20 text-destructive"),
+												children: R.isPhoneVerified ? "Verified" : "Not Verified"
+											})]
+										}),
+										/* @__PURE__ */ E("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ T("span", {
+												className: "text-sm text-muted-foreground",
+												children: "Last Updated"
+											}), /* @__PURE__ */ T("span", {
+												className: "text-sm font-medium text-foreground",
+												children: a(R.updatedAt, {
+													hour: void 0,
+													minute: void 0,
+													hour12: void 0
+												})
+											})]
+										})
+									]
+								})]
+							})]
+						})]
+					})
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { A as CustomerProfilePage };
+
+//# sourceMappingURL=CustomerProfilePage.js.map