@burdenoff/microfe-kadaikodi 2026.719.4 → 2026.730.1

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

@@ -1,21 +1,21 @@
 import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
-import { useOrders as r } from "../../hooks/useKadaikodiApi.js";
-import { formatCurrency as i } from "../../utils/formatters.js";
-import { useState as a } from "react";
-import { AlertTriangle as o, BarChart3 as s, Bell as c, CheckCircle2 as l, ChevronRight as u, Heart as d, IndianRupee as f, MapPin as p, Save as m, Settings as h, Shield as g, ShoppingBag as _, User as v, UserCircle as y } from "lucide-react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useMyLoyaltyAccount as r, useMyLoyaltyTransactions as i, useOrders as a, useRedeemLoyaltyPoints as o } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as s } from "../../utils/formatters.js";
+import { useState as c } from "react";
+import { AlertTriangle as l, BarChart3 as u, Bell as ee, CheckCircle2 as d, ChevronRight as f, Gift as p, Heart as m, IndianRupee as h, Loader2 as g, MapPin as _, Save as v, Settings as te, Shield as y, ShoppingBag as ne, Sparkles as re, User as ie, UserCircle as ae } from "lucide-react";
+import { Fragment as oe, jsx as b, jsxs as x } from "react/jsx-runtime";
 import { GlassCard as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/customer/CustomerProfilePage.tsx
-var w = [
+var w = 100, se = [
 	"vegetarian",
 	"vegan",
 	"jain",
 	"keto",
 	"gluten-free",
 	"low-carb"
-], T = [
+], ce = [
 	"nuts",
 	"dairy",
 	"eggs",
@@ -23,20 +23,20 @@ var w = [
 	"shellfish",
 	"gluten"
 ];
-function E() {
-	let { navigateTo: E, currentUser: D } = e(), { data: O = [], isLoading: k } = r({ customerId: D?.id }), [A, j] = a("profile"), [M, N] = a(null), P = (e) => {
-		N(e), setTimeout(() => N(null), 3e3);
-	}, F = {
-		firstName: D?.firstName || D?.name?.split(" ")[0] || "Customer",
-		lastName: D?.lastName || D?.name?.split(" ").slice(1).join(" ") || "",
-		email: D?.email || "",
-		phone: D?.phone || "",
-		profilePicture: D?.avatar
-	}, [I, L] = a({
-		firstName: F.firstName,
-		lastName: F.lastName,
-		email: F.email,
-		phone: F.phone,
+function T() {
+	let { navigateTo: T, currentUser: E } = e(), { data: D = [], isLoading: O } = a({ customerId: E?.id }), { data: k, isLoading: A } = r(), { data: j = [], isLoading: le } = i(), M = o(), [N, P] = c(String(w)), [F, I] = c(null), [L, R] = c(null), [z, B] = c("profile"), [V, H] = c(null), U = (e) => {
+		H(e), setTimeout(() => H(null), 3e3);
+	}, W = {
+		firstName: E?.firstName || E?.name?.split(" ")[0] || "Customer",
+		lastName: E?.lastName || E?.name?.split(" ").slice(1).join(" ") || "",
+		email: E?.email || "",
+		phone: E?.phone || "",
+		profilePicture: E?.avatar
+	}, [G, ue] = c({
+		firstName: W.firstName,
+		lastName: W.lastName,
+		email: W.email,
+		phone: W.phone,
 		emergencyContact: {
 			name: "",
 			phone: "",
@@ -50,54 +50,75 @@ function E() {
 			newsletter: !1,
 			sms: !0
 		}
-	}), [R, z] = a({ ...I }), B = O.reduce((e, t) => e + t.total, 0), V = {
-		totalOrders: O.length,
-		totalSpent: B,
-		avgOrderValue: O.length > 0 ? Math.floor(B / O.length) : 0
-	}, H = k, U = () => E("/auth/security"), W = () => {
-		L({ ...R }), P("Preferences applied for this session. Saved profiles are coming soon.");
-	}, G = (e, t) => {
-		z((n) => ({
+	}), [K, q] = c({ ...G }), J = D.reduce((e, t) => e + t.total, 0), Y = {
+		totalOrders: D.length,
+		totalSpent: J,
+		avgOrderValue: D.length > 0 ? Math.floor(J / D.length) : 0
+	}, de = O, X = () => T("/auth/security"), Z = () => {
+		ue({ ...K }), U("Preferences applied for this session. Saved profiles are coming soon.");
+	}, Q = (e, t) => {
+		q((n) => ({
 			...n,
 			emergencyContact: {
 				...n.emergencyContact,
 				[e]: t
 			}
 		}));
-	}, K = (e, t) => {
-		z((n) => ({
+	}, fe = (e, t) => {
+		q((n) => ({
 			...n,
 			notifications: {
 				...n.notifications,
 				[e]: t
 			}
 		}));
-	}, q = (e, t, n) => {
-		z((r) => {
+	}, $ = (e, t, n) => {
+		q((r) => {
 			let i = r[e], a = n ? [...i, t] : i.filter((e) => e !== t);
 			return {
 				...r,
 				[e]: a
 			};
 		});
-	}, J = [
+	}, pe = async () => {
+		R(null), I(null);
+		let e = parseInt(N, 10);
+		if (!Number.isFinite(e) || e < w) {
+			R(`Enter at least ${w} points.`);
+			return;
+		}
+		try {
+			let t = await M.mutateAsync(e);
+			I({
+				discountAmount: t.discountAmount,
+				pointsRedeemed: t.pointsRedeemed
+			}), P(String(w));
+		} catch (e) {
+			R(e instanceof Error ? e.message : "Failed to redeem points. Please try again.");
+		}
+	}, me = [
 		{
 			key: "profile",
 			label: "Profile Info",
-			icon: y
+			icon: ae
 		},
 		{
 			key: "preferences",
 			label: "Preferences",
-			icon: h
+			icon: te
 		},
 		{
 			key: "stats",
 			label: "My Stats",
-			icon: s
+			icon: u
+		},
+		{
+			key: "rewards",
+			label: "Rewards",
+			icon: p
 		}
 	];
-	return H ? /* @__PURE__ */ b(n, {
+	return de ? /* @__PURE__ */ b(n, {
 		title: "My Profile",
 		children: /* @__PURE__ */ x("div", {
 			className: "flex flex-col items-center justify-center py-16 text-center",
@@ -114,11 +135,11 @@ function E() {
 				className: "mb-6",
 				children: "Your account, your way — keep your contact details, delivery address and preferences up to date, and manage how Kadaikodi reaches you. Accurate details mean smoother orders and deliveries."
 			}),
-			M && /* @__PURE__ */ x("div", {
+			V && /* @__PURE__ */ x("div", {
 				className: "mb-4 rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-3 flex items-center gap-2",
-				children: [/* @__PURE__ */ b(l, { className: "h-4 w-4 text-status-success-text shrink-0" }), /* @__PURE__ */ b("p", {
+				children: [/* @__PURE__ */ b(d, { className: "h-4 w-4 text-status-success-text shrink-0" }), /* @__PURE__ */ b("p", {
 					className: "text-sm text-status-success-text",
-					children: M
+					children: V
 				})]
 			}),
 			/* @__PURE__ */ x(S, {
@@ -129,20 +150,20 @@ function E() {
 					className: "relative",
 					children: [/* @__PURE__ */ b("div", {
 						className: "h-24 w-24 rounded-full bg-bg-sunken overflow-hidden",
-						children: F.profilePicture ? /* @__PURE__ */ b("img", {
-							src: F.profilePicture,
-							alt: `${F.firstName} ${F.lastName}`,
+						children: W.profilePicture ? /* @__PURE__ */ b("img", {
+							src: W.profilePicture,
+							alt: `${W.firstName} ${W.lastName}`,
 							className: "h-full w-full object-cover"
 						}) : /* @__PURE__ */ b("div", {
 							className: "flex h-full w-full items-center justify-center text-text-secondary",
-							children: /* @__PURE__ */ b(v, { className: "h-10 w-10" })
+							children: /* @__PURE__ */ b(ie, { className: "h-10 w-10" })
 						})
 					}), /* @__PURE__ */ b("button", {
 						type: "button",
-						onClick: U,
+						onClick: X,
 						title: "Manage your photo in Account Security",
 						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__ */ b(g, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ b(y, { className: "h-4 w-4" })
 					})]
 				}), /* @__PURE__ */ x("div", {
 					className: "flex-1 text-center sm:text-left",
@@ -150,18 +171,18 @@ function E() {
 						/* @__PURE__ */ x("h2", {
 							className: "text-xl font-semibold text-text-primary",
 							children: [
-								I.firstName,
+								G.firstName,
 								" ",
-								I.lastName
+								G.lastName
 							]
 						}),
-						I.email && /* @__PURE__ */ b("p", {
+						G.email && /* @__PURE__ */ b("p", {
 							className: "mt-1 text-sm text-text-secondary",
-							children: I.email
+							children: G.email
 						}),
-						I.phone && /* @__PURE__ */ b("p", {
+						G.phone && /* @__PURE__ */ b("p", {
 							className: "mt-0.5 text-sm text-text-secondary",
-							children: I.phone
+							children: G.phone
 						})
 					]
 				})]
@@ -172,12 +193,12 @@ function E() {
 					className: "border-b border-border-subtle",
 					children: /* @__PURE__ */ b("nav", {
 						className: "flex -mb-px overflow-x-auto",
-						children: J.map((e) => {
+						children: me.map((e) => {
 							let n = e.icon;
 							return /* @__PURE__ */ x("button", {
 								type: "button",
-								className: t("flex items-center gap-2 py-3.5 px-5 text-sm font-medium whitespace-nowrap transition-colors", A === e.key ? "border-b-2 border-foreground text-text-primary" : "text-text-secondary hover:text-text-primary"),
-								onClick: () => j(e.key),
+								className: t("flex items-center gap-2 py-3.5 px-5 text-sm font-medium whitespace-nowrap transition-colors", z === e.key ? "border-b-2 border-foreground text-text-primary" : "text-text-secondary hover:text-text-primary"),
+								onClick: () => B(e.key),
 								children: [/* @__PURE__ */ b(n, { className: "h-4 w-4" }), e.label]
 							}, e.key);
 						})
@@ -185,7 +206,7 @@ function E() {
 				}), /* @__PURE__ */ x("div", {
 					className: "p-5 md:p-6",
 					children: [
-						A === "profile" && /* @__PURE__ */ x("div", {
+						z === "profile" && /* @__PURE__ */ x("div", {
 							className: "space-y-6",
 							children: [
 								/* @__PURE__ */ x("div", {
@@ -195,9 +216,9 @@ function E() {
 										children: "Personal Information"
 									}), /* @__PURE__ */ x("button", {
 										type: "button",
-										onClick: U,
+										onClick: X,
 										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__ */ b(g, { className: "h-3 w-3" }), "Manage in Account Security"]
+										children: [/* @__PURE__ */ b(y, { className: "h-3 w-3" }), "Manage in Account Security"]
 									})]
 								}),
 								/* @__PURE__ */ b("p", {
@@ -212,7 +233,7 @@ function E() {
 											children: "First Name"
 										}), /* @__PURE__ */ b("input", {
 											type: "text",
-											value: I.firstName,
+											value: G.firstName,
 											disabled: !0,
 											readOnly: !0,
 											className: "w-full rounded-lg border border-border-subtle bg-bg-sunken px-3 py-2.5 text-sm text-text-primary cursor-not-allowed"
@@ -222,7 +243,7 @@ function E() {
 											children: "Last Name"
 										}), /* @__PURE__ */ b("input", {
 											type: "text",
-											value: I.lastName,
+											value: G.lastName,
 											disabled: !0,
 											readOnly: !0,
 											className: "w-full rounded-lg border border-border-subtle bg-bg-sunken px-3 py-2.5 text-sm text-text-primary cursor-not-allowed"
@@ -232,7 +253,7 @@ function E() {
 											children: "Email"
 										}), /* @__PURE__ */ b("input", {
 											type: "email",
-											value: I.email,
+											value: G.email,
 											disabled: !0,
 											readOnly: !0,
 											className: "w-full rounded-lg border border-border-subtle bg-bg-sunken px-3 py-2.5 text-sm text-text-primary cursor-not-allowed"
@@ -242,7 +263,7 @@ function E() {
 											children: "Phone"
 										}), /* @__PURE__ */ b("input", {
 											type: "tel",
-											value: I.phone,
+											value: G.phone,
 											disabled: !0,
 											readOnly: !0,
 											className: "w-full rounded-lg border border-border-subtle bg-bg-sunken px-3 py-2.5 text-sm text-text-primary cursor-not-allowed"
@@ -259,19 +280,19 @@ function E() {
 										children: "You haven't saved a delivery address yet. Add one to speed up checkout."
 									}), /* @__PURE__ */ x("button", {
 										type: "button",
-										onClick: () => E("/customer/addresses"),
+										onClick: () => T("/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__ */ b(p, { className: "h-3 w-3" }),
+											/* @__PURE__ */ b(_, { className: "h-3 w-3" }),
 											"Manage Addresses",
-											/* @__PURE__ */ b(u, { className: "h-3 w-3" })
+											/* @__PURE__ */ b(f, { className: "h-3 w-3" })
 										]
 									})]
 								})] }),
 								/* @__PURE__ */ x("div", { children: [
 									/* @__PURE__ */ x("h4", {
 										className: "text-base font-semibold text-text-primary mb-1 flex items-center gap-2",
-										children: [/* @__PURE__ */ b(o, { className: "h-4 w-4 text-text-secondary" }), "Emergency Contact"]
+										children: [/* @__PURE__ */ b(l, { className: "h-4 w-4 text-text-secondary" }), "Emergency Contact"]
 									}),
 									/* @__PURE__ */ b("p", {
 										className: "mb-3 text-xs text-text-secondary",
@@ -285,8 +306,8 @@ function E() {
 												children: "Name"
 											}), /* @__PURE__ */ b("input", {
 												type: "text",
-												value: R.emergencyContact.name,
-												onChange: (e) => G("name", e.target.value),
+												value: K.emergencyContact.name,
+												onChange: (e) => Q("name", e.target.value),
 												className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 											})] }),
 											/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
@@ -294,8 +315,8 @@ function E() {
 												children: "Phone"
 											}), /* @__PURE__ */ b("input", {
 												type: "tel",
-												value: R.emergencyContact.phone,
-												onChange: (e) => G("phone", e.target.value),
+												value: K.emergencyContact.phone,
+												onChange: (e) => Q("phone", e.target.value),
 												className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 											})] }),
 											/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
@@ -303,8 +324,8 @@ function E() {
 												children: "Relationship"
 											}), /* @__PURE__ */ b("input", {
 												type: "text",
-												value: R.emergencyContact.relationship,
-												onChange: (e) => G("relationship", e.target.value),
+												value: K.emergencyContact.relationship,
+												onChange: (e) => Q("relationship", e.target.value),
 												className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 											})] })
 										]
@@ -314,19 +335,19 @@ function E() {
 									className: "flex gap-3 pt-4 border-t border-border-subtle",
 									children: /* @__PURE__ */ x("button", {
 										type: "button",
-										onClick: W,
+										onClick: Z,
 										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__ */ b(m, { className: "h-4 w-4" }), "Save for this session"]
+										children: [/* @__PURE__ */ b(v, { className: "h-4 w-4" }), "Save for this session"]
 									})
 								})
 							]
 						}),
-						A === "preferences" && /* @__PURE__ */ x("div", {
+						z === "preferences" && /* @__PURE__ */ x("div", {
 							className: "space-y-8",
 							children: [
 								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("h3", {
 									className: "text-lg font-semibold text-text-primary mb-4 flex items-center gap-2",
-									children: [/* @__PURE__ */ b(c, { className: "h-4 w-4 text-text-secondary" }), "Notification Preferences"]
+									children: [/* @__PURE__ */ b(ee, { className: "h-4 w-4 text-text-secondary" }), "Notification Preferences"]
 								}), /* @__PURE__ */ b("div", {
 									className: "space-y-3",
 									children: [
@@ -350,8 +371,8 @@ function E() {
 										className: "flex items-center gap-3 cursor-pointer",
 										children: [/* @__PURE__ */ b("input", {
 											type: "checkbox",
-											checked: R.notifications[e.key],
-											onChange: (t) => K(e.key, t.target.checked),
+											checked: K.notifications[e.key],
+											onChange: (t) => fe(e.key, t.target.checked),
 											className: "h-4 w-4 rounded border-border-subtle text-text-primary focus:ring-[var(--color-focus-ring)]"
 										}), /* @__PURE__ */ b("span", {
 											className: "text-sm text-text-primary",
@@ -361,15 +382,15 @@ function E() {
 								})] }),
 								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("h3", {
 									className: "text-lg font-semibold text-text-primary mb-4 flex items-center gap-2",
-									children: [/* @__PURE__ */ b(d, { className: "h-4 w-4 text-text-secondary" }), "Dietary Preferences"]
+									children: [/* @__PURE__ */ b(m, { className: "h-4 w-4 text-text-secondary" }), "Dietary Preferences"]
 								}), /* @__PURE__ */ b("div", {
 									className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3",
-									children: w.map((e) => /* @__PURE__ */ x("label", {
+									children: se.map((e) => /* @__PURE__ */ x("label", {
 										className: "flex items-center gap-2 cursor-pointer",
 										children: [/* @__PURE__ */ b("input", {
 											type: "checkbox",
-											checked: R.dietary.includes(e),
-											onChange: (t) => q("dietary", e, t.target.checked),
+											checked: K.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__ */ b("span", {
 											className: "text-sm text-text-primary capitalize",
@@ -379,15 +400,15 @@ function E() {
 								})] }),
 								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("h3", {
 									className: "text-lg font-semibold text-text-primary mb-4 flex items-center gap-2",
-									children: [/* @__PURE__ */ b(o, { className: "h-4 w-4 text-status-error-text" }), "Food Allergies"]
+									children: [/* @__PURE__ */ b(l, { className: "h-4 w-4 text-status-error-text" }), "Food Allergies"]
 								}), /* @__PURE__ */ b("div", {
 									className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3",
-									children: T.map((e) => /* @__PURE__ */ x("label", {
+									children: ce.map((e) => /* @__PURE__ */ x("label", {
 										className: "flex items-center gap-2 cursor-pointer",
 										children: [/* @__PURE__ */ b("input", {
 											type: "checkbox",
-											checked: R.allergies.includes(e),
-											onChange: (t) => q("allergies", e, t.target.checked),
+											checked: K.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__ */ b("span", {
 											className: "text-sm text-text-primary capitalize",
@@ -399,14 +420,14 @@ function E() {
 									className: "pt-4 border-t border-border-subtle",
 									children: /* @__PURE__ */ x("button", {
 										type: "button",
-										onClick: W,
+										onClick: Z,
 										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__ */ b(m, { className: "h-4 w-4" }), "Save Preferences"]
+										children: [/* @__PURE__ */ b(v, { className: "h-4 w-4" }), "Save Preferences"]
 									})
 								})
 							]
 						}),
-						A === "stats" && /* @__PURE__ */ b("div", {
+						z === "stats" && /* @__PURE__ */ b("div", {
 							className: "space-y-8",
 							children: /* @__PURE__ */ x("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
@@ -415,43 +436,181 @@ function E() {
 										className: "rounded-lg bg-[var(--color-accent-soft)] p-5 border border-border-focus/20",
 										children: [/* @__PURE__ */ x("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ b(_, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ b("h4", {
+											children: [/* @__PURE__ */ b(ne, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ b("h4", {
 												className: "text-sm font-medium text-text-primary",
 												children: "Total Orders"
 											})]
 										}), /* @__PURE__ */ b("p", {
 											className: "text-3xl font-bold text-text-primary",
-											children: V.totalOrders
+											children: Y.totalOrders
 										})]
 									}),
 									/* @__PURE__ */ x("div", {
 										className: "rounded-lg bg-status-success-bg-subtle p-5 border border-status-success-text/20",
 										children: [/* @__PURE__ */ x("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ b(f, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ b("h4", {
+											children: [/* @__PURE__ */ b(h, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ b("h4", {
 												className: "text-sm font-medium text-status-success-text",
 												children: "Total Spent"
 											})]
 										}), /* @__PURE__ */ b("p", {
 											className: "text-3xl font-bold text-status-success-text",
-											children: i(V.totalSpent, { minimumFractionDigits: 0 })
+											children: s(Y.totalSpent, { minimumFractionDigits: 0 })
 										})]
 									}),
 									/* @__PURE__ */ x("div", {
 										className: "rounded-lg bg-bg-surface p-5 border border-border-subtle",
 										children: [/* @__PURE__ */ x("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ b(s, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ b("h4", {
+											children: [/* @__PURE__ */ b(u, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ b("h4", {
 												className: "text-sm font-medium text-text-primary",
 												children: "Avg Order Value"
 											})]
 										}), /* @__PURE__ */ b("p", {
 											className: "text-3xl font-bold text-text-primary",
-											children: i(V.avgOrderValue, { minimumFractionDigits: 0 })
+											children: s(Y.avgOrderValue, { minimumFractionDigits: 0 })
 										})]
 									})
 								]
 							})
+						}),
+						z === "rewards" && /* @__PURE__ */ b("div", {
+							className: "space-y-8",
+							children: A ? /* @__PURE__ */ b("div", {
+								className: "flex h-32 items-center justify-center",
+								children: /* @__PURE__ */ b(g, { className: "h-6 w-6 animate-spin text-text-secondary" })
+							}) : /* @__PURE__ */ x(oe, { children: [
+								/* @__PURE__ */ x("div", {
+									className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+									children: [
+										/* @__PURE__ */ x("div", {
+											className: "rounded-lg bg-[var(--color-accent-soft)] p-5 border border-border-focus/20",
+											children: [/* @__PURE__ */ x("div", {
+												className: "flex items-center gap-2 mb-2",
+												children: [/* @__PURE__ */ b(p, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ b("h4", {
+													className: "text-sm font-medium text-text-primary",
+													children: "Points Balance"
+												})]
+											}), /* @__PURE__ */ b("p", {
+												className: "text-3xl font-bold text-text-primary",
+												children: k?.pointsBalance ?? 0
+											})]
+										}),
+										/* @__PURE__ */ x("div", {
+											className: "rounded-lg bg-status-success-bg-subtle p-5 border border-status-success-text/20",
+											children: [/* @__PURE__ */ x("div", {
+												className: "flex items-center gap-2 mb-2",
+												children: [/* @__PURE__ */ b(re, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ b("h4", {
+													className: "text-sm font-medium text-status-success-text",
+													children: "Lifetime Earned"
+												})]
+											}), /* @__PURE__ */ b("p", {
+												className: "text-3xl font-bold text-status-success-text",
+												children: k?.lifetimePointsEarned ?? 0
+											})]
+										}),
+										/* @__PURE__ */ x("div", {
+											className: "rounded-lg bg-bg-surface p-5 border border-border-subtle",
+											children: [/* @__PURE__ */ x("div", {
+												className: "flex items-center gap-2 mb-2",
+												children: [/* @__PURE__ */ b(h, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ b("h4", {
+													className: "text-sm font-medium text-text-primary",
+													children: "Lifetime Redeemed"
+												})]
+											}), /* @__PURE__ */ b("p", {
+												className: "text-3xl font-bold text-text-primary",
+												children: k?.lifetimePointsRedeemed ?? 0
+											})]
+										})
+									]
+								}),
+								/* @__PURE__ */ x("div", {
+									className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
+									children: [
+										/* @__PURE__ */ b("h3", {
+											className: "text-base font-semibold text-text-primary mb-1",
+											children: "Redeem Points for a Discount"
+										}),
+										/* @__PURE__ */ x("p", {
+											className: "text-xs text-text-secondary mb-4",
+											children: [
+												"1 point = ₹0.50 discount. Minimum redemption is",
+												" ",
+												w,
+												" points. Redeeming debits your balance immediately — apply the resulting discount amount at checkout on your next order."
+											]
+										}),
+										/* @__PURE__ */ x("div", {
+											className: "flex flex-col sm:flex-row gap-3",
+											children: [/* @__PURE__ */ b("input", {
+												type: "number",
+												min: w,
+												step: 1,
+												value: N,
+												onChange: (e) => P(e.target.value),
+												className: "w-full sm:w-40 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+											}), /* @__PURE__ */ x("button", {
+												type: "button",
+												onClick: pe,
+												disabled: M.isPending || (k?.pointsBalance ?? 0) < w,
+												className: "flex items-center justify-center gap-2 rounded-lg bg-foreground px-4 py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed",
+												children: [M.isPending ? /* @__PURE__ */ b(g, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ b(p, { className: "h-4 w-4" }), "Redeem"]
+											})]
+										}),
+										L && /* @__PURE__ */ b("p", {
+											className: "mt-3 text-sm text-status-error-text",
+											children: L
+										}),
+										F && /* @__PURE__ */ x("div", {
+											className: "mt-3 rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-3 flex items-center gap-2",
+											children: [/* @__PURE__ */ b(d, { className: "h-4 w-4 text-status-success-text shrink-0" }), /* @__PURE__ */ x("p", {
+												className: "text-sm text-status-success-text",
+												children: [
+													"Redeemed ",
+													F.pointsRedeemed,
+													" points for a",
+													" ",
+													s(F.discountAmount, { minimumFractionDigits: 0 }),
+													" ",
+													"discount — enter this amount at checkout."
+												]
+											})]
+										})
+									]
+								}),
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
+									className: "text-base font-semibold text-text-primary mb-3",
+									children: "Points History"
+								}), le ? /* @__PURE__ */ b("div", {
+									className: "flex h-24 items-center justify-center",
+									children: /* @__PURE__ */ b(g, { className: "h-5 w-5 animate-spin text-text-secondary" })
+								}) : j.length > 0 ? /* @__PURE__ */ b("div", {
+									className: "space-y-2",
+									children: j.map((e) => /* @__PURE__ */ x("div", {
+										className: "flex items-center justify-between rounded-lg border border-border-subtle bg-bg-surface p-3",
+										children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+											className: "text-sm font-medium text-text-primary",
+											children: e.description || e.type
+										}), /* @__PURE__ */ b("p", {
+											className: "text-xs text-text-secondary",
+											children: new Date(e.createdAt).toLocaleDateString()
+										})] }), /* @__PURE__ */ x("p", {
+											className: t("text-sm font-semibold", e.points >= 0 ? "text-status-success-text" : "text-status-error-text"),
+											children: [
+												e.points >= 0 ? "+" : "",
+												e.points,
+												" pts"
+											]
+										})]
+									}, e.id))
+								}) : /* @__PURE__ */ b("div", {
+									className: "rounded-lg bg-bg-sunken/50 p-4",
+									children: /* @__PURE__ */ b("p", {
+										className: "text-sm text-text-secondary",
+										children: "No points activity yet — complete an order to start earning rewards."
+									})
+								})] })
+							] })
 						})
 					]
 				})]
@@ -460,6 +619,6 @@ function E() {
 	});
 }
 //#endregion
-export { E as CustomerProfilePage };
+export { T as CustomerProfilePage };
 
 //# sourceMappingURL=CustomerProfilePage.js.map