@burdenoff/microfe-subscriberbot 2026.624.1 → 2026.626.1

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

@@ -7,16 +7,17 @@ import { useCallback as s } from "react";
 import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { ArrowRight as l, Clock as u, CreditCard as d, Heart as f, Lightbulb as p, MapPin as m, Navigation as h, Package as g, Search as _, ShoppingBag as v, Star as y, TrendingUp as b, User as x, Zap as S } from "lucide-react";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmphasisPanel as T, NextSteps as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/customer/CustomerDashboard.tsx
-function T() {
+function O() {
 	let e = (/* @__PURE__ */ new Date()).getHours();
 	return e < 12 ? "Good morning" : e < 17 ? "Good afternoon" : "Good evening";
 }
-function E() {
-	let { navigateTo: E, currentUser: D } = e(), { t: O } = c(), { data: k = [], isLoading: A } = i({ customerId: D?.id }), { data: j = [], isLoading: M } = a(), { data: N, isLoading: P } = r(), F = A || M || P, I = s((e, t) => {
-		let n = O(e);
+function k() {
+	let { navigateTo: k, currentUser: A } = e(), { t: j } = c(), { data: M = [], isLoading: N } = i({ customerId: A?.id }), { data: P = [], isLoading: F } = a(), { data: I, isLoading: L } = r(), R = N || F || L, z = s((e, t) => {
+		let n = j(e);
 		return n === e ? t : n;
-	}, [O]), L = D?.firstName ?? D?.name ?? "Customer", R = [
+	}, [j]), B = A?.firstName ?? A?.name ?? "Customer", V = [
 		{
 			id: "1",
 			type: "suggestion",
@@ -41,456 +42,491 @@ function E() {
 			confidence: 88,
 			action: "View Carts"
 		}
-	], z = k.slice(0, 3), B = j.slice(0, 3), V = {
-		totalOrders: k.length,
-		totalSpent: k.reduce((e, t) => e + t.total, 0),
+	], H = M.slice(0, 3), U = P.slice(0, 3), W = {
+		totalOrders: M.length,
+		totalSpent: M.reduce((e, t) => e + t.total, 0),
 		favoriteCount: 6,
 		avgRating: 4.5
-	}, H = (e) => {
+	}, G = (e) => {
 		switch (e) {
-			case "delivered": return "bg-green-500/20 text-green-600 dark:text-green-400";
-			case "preparing": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
-			case "out_for_delivery": return "bg-blue-500/20 text-blue-600 dark:text-blue-400";
-			case "confirmed": return "bg-blue-500/20 text-blue-600 dark:text-blue-400";
-			case "cancelled": return "bg-red-500/20 text-red-600 dark:text-red-400";
+			case "delivered": return "bg-status-success-bg/20 text-status-success-text";
+			case "preparing": return "bg-status-warning-bg/20 text-status-warning-text";
+			case "out_for_delivery": return "bg-status-info-bg/20 text-status-info-text";
+			case "confirmed": return "bg-status-info-bg/20 text-status-info-text";
+			case "cancelled": return "bg-status-error-bg/20 text-status-error-text";
 			default: return "bg-bg-sunken text-text-secondary";
 		}
-	}, U = (e) => {
+	}, K = (e) => {
 		switch (e) {
 			case "suggestion": return /* @__PURE__ */ C(p, { className: "h-4 w-4" });
 			case "opportunity": return /* @__PURE__ */ C(b, { className: "h-4 w-4" });
 			case "trend": return /* @__PURE__ */ C(S, { className: "h-4 w-4" });
 			default: return /* @__PURE__ */ C(p, { className: "h-4 w-4" });
 		}
-	}, W = (e) => {
+	}, q = (e) => {
 		switch (e) {
-			case "suggestion": return "bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/20";
-			case "opportunity": return "bg-green-500/10 text-green-600 dark:text-green-400 border-green-500/20";
-			case "trend": return "bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20";
-			default: return "bg-bg-sunken text-text-secondary border-border-subtle";
+			case "suggestion": return "bg-status-info-bg/10 text-status-info-text border-status-info-border/20";
+			case "opportunity": return "bg-status-success-bg/10 text-status-success-text border-status-success-border/20";
+			case "trend": return "bg-status-warning-bg/10 text-status-warning-text border-status-warning-border/20";
+			default: return "bg-bg-sunken text-text-secondary border-border-seam";
 		}
 	};
-	return F ? /* @__PURE__ */ C(n, {
-		title: I("subscriberbot.customerDashboard.title", "Dashboard"),
+	return R ? /* @__PURE__ */ C(n, {
+		title: z("subscriberbot.customerDashboard.title", "Dashboard"),
 		children: /* @__PURE__ */ C("div", {
 			className: "flex items-center justify-center py-20",
 			children: /* @__PURE__ */ w("div", {
 				className: "text-center",
 				children: [/* @__PURE__ */ C("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-foreground" }), /* @__PURE__ */ C("p", {
 					className: "text-sm text-text-secondary",
-					children: I("subscriberbot.customerDashboard.loading", "Loading your dashboard...")
+					children: z("subscriberbot.customerDashboard.loading", "Loading your dashboard...")
 				})]
 			})
 		})
 	}) : /* @__PURE__ */ w(n, {
-		title: I("subscriberbot.customerDashboard.welcomeBack", "Welcome Back!"),
-		description: `${T()}, ${L}`,
-		children: [V && /* @__PURE__ */ w("div", {
-			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-			children: [
-				/* @__PURE__ */ C("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-					children: /* @__PURE__ */ w("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ C("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
-							children: /* @__PURE__ */ C(g, { className: "h-5 w-5 text-text-secondary" })
-						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-							className: "text-2xl font-bold text-text-primary",
-							children: V.totalOrders
-						}), /* @__PURE__ */ C("p", {
-							className: "text-xs text-text-secondary",
-							children: I("subscriberbot.customerDashboard.totalOrders", "Total Orders")
-						})] })]
-					})
-				}),
-				/* @__PURE__ */ C("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-					children: /* @__PURE__ */ w("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ C("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
-							children: /* @__PURE__ */ C(d, { className: "h-5 w-5 text-text-secondary" })
-						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-							className: "text-2xl font-bold text-text-primary",
-							children: o(V.totalSpent, { minimumFractionDigits: 0 })
-						}), /* @__PURE__ */ C("p", {
-							className: "text-xs text-text-secondary",
-							children: I("subscriberbot.customerDashboard.totalSpent", "Total Spent")
-						})] })]
-					})
-				}),
-				/* @__PURE__ */ C("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-					children: /* @__PURE__ */ w("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ C("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
-							children: /* @__PURE__ */ C(f, { className: "h-5 w-5 text-text-secondary" })
-						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-							className: "text-2xl font-bold text-text-primary",
-							children: V.favoriteCount
-						}), /* @__PURE__ */ C("p", {
-							className: "text-xs text-text-secondary",
-							children: I("subscriberbot.customerDashboard.favoriteCarts", "Favorite Carts")
-						})] })]
-					})
-				}),
-				/* @__PURE__ */ C("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-					children: /* @__PURE__ */ w("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ C("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
-							children: /* @__PURE__ */ C(y, { className: "h-5 w-5 text-text-secondary" })
-						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-							className: "text-2xl font-bold text-text-primary",
-							children: V.avgRating.toFixed(1)
-						}), /* @__PURE__ */ C("p", {
-							className: "text-xs text-text-secondary",
-							children: I("subscriberbot.customerDashboard.avgRatingGiven", "Avg Rating Given")
-						})] })]
-					})
-				})
-			]
-		}), /* @__PURE__ */ w("div", {
-			className: "mt-8 grid grid-cols-1 gap-8 lg:grid-cols-3",
-			children: [/* @__PURE__ */ w("div", {
-				className: "lg:col-span-2 space-y-8",
+		title: z("subscriberbot.customerDashboard.welcomeBack", "Welcome Back!"),
+		description: `${O()}, ${B}`,
+		titleGradient: !0,
+		children: [
+			/* @__PURE__ */ C(D, {
+				icon: /* @__PURE__ */ C(v, { className: "h-4 w-4" }),
+				className: "mb-6",
+				children: "Your personal hub as a customer. Reorder from carts you love, pick up where your last order left off, and keep tabs on what you've spent and the carts you've favourited. From here you can discover new services nearby, track active orders and leave reviews — everything you need in one place."
+			}),
+			/* @__PURE__ */ C(E, {
+				storageKey: "subscriberbot-customer-dashboard",
+				steps: [
+					{
+						id: "discover",
+						label: "Discover services near you",
+						description: "Browse local carts and find something new to try.",
+						icon: /* @__PURE__ */ C(_, { className: "h-4 w-4" }),
+						onClick: () => k("/customer/discover")
+					},
+					{
+						id: "track-orders",
+						label: "Track your orders",
+						description: "See the status of anything you have on the way.",
+						icon: /* @__PURE__ */ C(g, { className: "h-4 w-4" }),
+						onClick: () => k("/customer/orders")
+					},
+					{
+						id: "favorites",
+						label: "Revisit your favourites",
+						description: "Quickly reorder from carts you have saved.",
+						icon: /* @__PURE__ */ C(f, { className: "h-4 w-4" }),
+						onClick: () => k("/customer/favorites")
+					}
+				]
+			}),
+			W && /* @__PURE__ */ w(T, {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
-						className: "text-lg font-semibold text-text-primary mb-4",
-						children: I("subscriberbot.customerDashboard.quickActions", "Quick Actions")
-					}), /* @__PURE__ */ w("div", {
-						className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
-						children: [
-							/* @__PURE__ */ w("button", {
-								type: "button",
-								onClick: () => E("/customer/carts"),
-								className: t("flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
-								children: [/* @__PURE__ */ C("div", {
-									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-blue-500/10",
-									children: /* @__PURE__ */ C(_, { className: "h-5 w-5 text-blue-600 dark:text-blue-400" })
-								}), /* @__PURE__ */ w("div", {
-									className: "min-w-0",
-									children: [/* @__PURE__ */ C("p", {
-										className: "text-sm font-semibold text-text-primary",
-										children: I("subscriberbot.customerDashboard.discoverCarts", "Discover Carts")
-									}), /* @__PURE__ */ C("p", {
-										className: "text-xs text-text-secondary",
-										children: I("subscriberbot.customerDashboard.findNearbyCarts", "Find nearby carts")
+					/* @__PURE__ */ C("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4",
+						children: /* @__PURE__ */ w("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ C("div", {
+								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
+								children: /* @__PURE__ */ C(g, { className: "h-5 w-5 text-text-secondary" })
+							}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+								className: "text-2xl font-bold text-text-primary",
+								children: W.totalOrders
+							}), /* @__PURE__ */ C("p", {
+								className: "text-xs text-text-secondary",
+								children: z("subscriberbot.customerDashboard.totalOrders", "Total Orders")
+							})] })]
+						})
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4",
+						children: /* @__PURE__ */ w("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ C("div", {
+								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
+								children: /* @__PURE__ */ C(d, { className: "h-5 w-5 text-text-secondary" })
+							}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+								className: "text-2xl font-bold text-text-primary",
+								children: o(W.totalSpent, { minimumFractionDigits: 0 })
+							}), /* @__PURE__ */ C("p", {
+								className: "text-xs text-text-secondary",
+								children: z("subscriberbot.customerDashboard.totalSpent", "Total Spent")
+							})] })]
+						})
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4",
+						children: /* @__PURE__ */ w("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ C("div", {
+								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
+								children: /* @__PURE__ */ C(f, { className: "h-5 w-5 text-text-secondary" })
+							}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+								className: "text-2xl font-bold text-text-primary",
+								children: W.favoriteCount
+							}), /* @__PURE__ */ C("p", {
+								className: "text-xs text-text-secondary",
+								children: z("subscriberbot.customerDashboard.favoriteCarts", "Favorite Carts")
+							})] })]
+						})
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4",
+						children: /* @__PURE__ */ w("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ C("div", {
+								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
+								children: /* @__PURE__ */ C(y, { className: "h-5 w-5 text-text-secondary" })
+							}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+								className: "text-2xl font-bold text-text-primary",
+								children: W.avgRating.toFixed(1)
+							}), /* @__PURE__ */ C("p", {
+								className: "text-xs text-text-secondary",
+								children: z("subscriberbot.customerDashboard.avgRatingGiven", "Avg Rating Given")
+							})] })]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "mt-8 grid grid-cols-1 gap-8 lg:grid-cols-3",
+				children: [/* @__PURE__ */ w("div", {
+					className: "lg:col-span-2 space-y-8",
+					children: [
+						/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
+							className: "text-lg font-semibold text-text-primary mb-4",
+							children: z("subscriberbot.customerDashboard.quickActions", "Quick Actions")
+						}), /* @__PURE__ */ w("div", {
+							className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
+							children: [
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => k("/customer/carts"),
+									className: t("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
+									children: [/* @__PURE__ */ C("div", {
+										className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-status-info-bg/10",
+										children: /* @__PURE__ */ C(_, { className: "h-5 w-5 text-status-info-text" })
+									}), /* @__PURE__ */ w("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ C("p", {
+											className: "text-sm font-semibold text-text-primary",
+											children: z("subscriberbot.customerDashboard.discoverCarts", "Discover Carts")
+										}), /* @__PURE__ */ C("p", {
+											className: "text-xs text-text-secondary",
+											children: z("subscriberbot.customerDashboard.findNearbyCarts", "Find nearby carts")
+										})]
 									})]
-								})]
-							}),
-							/* @__PURE__ */ w("button", {
-								type: "button",
-								onClick: () => E("/customer/orders"),
-								className: t("flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
-								children: [/* @__PURE__ */ C("div", {
-									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-green-500/10",
-									children: /* @__PURE__ */ C(u, { className: "h-5 w-5 text-green-600 dark:text-green-400" })
-								}), /* @__PURE__ */ w("div", {
-									className: "min-w-0",
-									children: [/* @__PURE__ */ C("p", {
-										className: "text-sm font-semibold text-text-primary",
-										children: I("subscriberbot.customerDashboard.orderHistory", "Order History")
-									}), /* @__PURE__ */ C("p", {
-										className: "text-xs text-text-secondary",
-										children: I("subscriberbot.customerDashboard.viewPastOrders", "View past orders")
+								}),
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => k("/customer/orders"),
+									className: t("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
+									children: [/* @__PURE__ */ C("div", {
+										className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-status-success-bg/10",
+										children: /* @__PURE__ */ C(u, { className: "h-5 w-5 text-status-success-text" })
+									}), /* @__PURE__ */ w("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ C("p", {
+											className: "text-sm font-semibold text-text-primary",
+											children: z("subscriberbot.customerDashboard.orderHistory", "Order History")
+										}), /* @__PURE__ */ C("p", {
+											className: "text-xs text-text-secondary",
+											children: z("subscriberbot.customerDashboard.viewPastOrders", "View past orders")
+										})]
 									})]
-								})]
-							}),
-							/* @__PURE__ */ w("button", {
+								}),
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => k("/customer/favorites"),
+									className: t("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
+									children: [/* @__PURE__ */ C("div", {
+										className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-status-error-bg/10",
+										children: /* @__PURE__ */ C(f, { className: "h-5 w-5 text-status-error-text" })
+									}), /* @__PURE__ */ w("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ C("p", {
+											className: "text-sm font-semibold text-text-primary",
+											children: z("subscriberbot.customerDashboard.favorites", "Favorites")
+										}), /* @__PURE__ */ C("p", {
+											className: "text-xs text-text-secondary",
+											children: z("subscriberbot.customerDashboard.savedCarts", "Saved carts")
+										})]
+									})]
+								})
+							]
+						})] }),
+						/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ w("div", {
+							className: "flex items-center justify-between mb-4",
+							children: [/* @__PURE__ */ C("h2", {
+								className: "text-lg font-semibold text-text-primary",
+								children: z("subscriberbot.customerDashboard.recentOrders", "Recent Orders")
+							}), /* @__PURE__ */ w("button", {
 								type: "button",
-								onClick: () => E("/customer/favorites"),
-								className: t("flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
-								children: [/* @__PURE__ */ C("div", {
-									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-red-500/10",
-									children: /* @__PURE__ */ C(f, { className: "h-5 w-5 text-red-600 dark:text-red-400" })
-								}), /* @__PURE__ */ w("div", {
-									className: "min-w-0",
-									children: [/* @__PURE__ */ C("p", {
-										className: "text-sm font-semibold text-text-primary",
-										children: I("subscriberbot.customerDashboard.favorites", "Favorites")
-									}), /* @__PURE__ */ C("p", {
-										className: "text-xs text-text-secondary",
-										children: I("subscriberbot.customerDashboard.savedCarts", "Saved carts")
+								onClick: () => k("/customer/orders"),
+								className: "flex items-center gap-1 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors",
+								children: [z("subscriberbot.common.viewAll", "View All"), /* @__PURE__ */ C(l, { className: "h-4 w-4" })]
+							})]
+						}), H.length > 0 ? /* @__PURE__ */ C("div", {
+							className: "space-y-3",
+							children: H.map((e) => /* @__PURE__ */ C("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4",
+								children: /* @__PURE__ */ w("div", {
+									className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3",
+									children: [/* @__PURE__ */ w("div", {
+										className: "flex-1 min-w-0",
+										children: [
+											/* @__PURE__ */ w("div", {
+												className: "flex flex-wrap items-center gap-2 mb-1",
+												children: [/* @__PURE__ */ C("h3", {
+													className: "text-sm font-semibold text-text-primary",
+													children: e.cartName
+												}), /* @__PURE__ */ C("span", {
+													className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize", G(e.status)),
+													children: e.status.replace(/_/g, " ")
+												})]
+											}),
+											/* @__PURE__ */ C("p", {
+												className: "text-xs text-text-secondary mb-2 leading-relaxed",
+												children: e.items.map((e) => `${e.name} (${e.quantity})`).join(", ")
+											}),
+											/* @__PURE__ */ w("div", {
+												className: "flex flex-wrap items-center gap-3 text-xs text-text-secondary",
+												children: [
+													/* @__PURE__ */ C("span", {
+														className: "font-medium text-text-primary",
+														children: o(e.total, { minimumFractionDigits: 0 })
+													}),
+													/* @__PURE__ */ C("span", { children: new Date(e.orderDate).toLocaleDateString() }),
+													e.rating && /* @__PURE__ */ w("span", {
+														className: "flex items-center gap-1",
+														children: [/* @__PURE__ */ C(y, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), e.rating]
+													})
+												]
+											})
+										]
+									}), /* @__PURE__ */ C("button", {
+										type: "button",
+										onClick: () => k(`/customer/orders/${e.id}`),
+										className: "rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
+										children: z("subscriberbot.customerDashboard.viewDetails", "View Details")
 									})]
-								})]
-							})
-						]
-					})] }),
-					/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ w("div", {
-						className: "flex items-center justify-between mb-4",
-						children: [/* @__PURE__ */ C("h2", {
-							className: "text-lg font-semibold text-text-primary",
-							children: I("subscriberbot.customerDashboard.recentOrders", "Recent Orders")
-						}), /* @__PURE__ */ w("button", {
-							type: "button",
-							onClick: () => E("/customer/orders"),
-							className: "flex items-center gap-1 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors",
-							children: [I("subscriberbot.common.viewAll", "View All"), /* @__PURE__ */ C(l, { className: "h-4 w-4" })]
-						})]
-					}), z.length > 0 ? /* @__PURE__ */ C("div", {
-						className: "space-y-3",
-						children: z.map((e) => /* @__PURE__ */ C("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-							children: /* @__PURE__ */ w("div", {
-								className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3",
+								})
+							}, e.id))
+						}) : /* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-8 text-center",
+							children: [/* @__PURE__ */ C(v, { className: "mx-auto h-10 w-10 text-text-secondary/50" }), /* @__PURE__ */ C("p", {
+								className: "mt-3 text-sm text-text-secondary",
+								children: z("subscriberbot.customerDashboard.noRecentOrders", "No recent orders")
+							})]
+						})] }),
+						/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
+							className: "text-lg font-semibold text-text-primary mb-4",
+							children: z("subscriberbot.customerDashboard.recommendedForYou", "Recommended for You")
+						}), /* @__PURE__ */ C("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: U.map((e) => /* @__PURE__ */ w("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface overflow-hidden shadow-sm hover:shadow-md transition-shadow",
 								children: [/* @__PURE__ */ w("div", {
-									className: "flex-1 min-w-0",
+									className: "relative h-40",
+									children: [/* @__PURE__ */ C("img", {
+										src: e.image,
+										alt: e.name,
+										className: "h-full w-full object-cover"
+									}), /* @__PURE__ */ C("div", {
+										className: "absolute top-2 right-2",
+										children: /* @__PURE__ */ C("span", {
+											className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", e.isOpen ? "bg-status-success-bg/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
+											children: e.isOpen ? z("subscriberbot.customerDashboard.open", "Open") : z("subscriberbot.customerDashboard.closed", "Closed")
+										})
+									})]
+								}), /* @__PURE__ */ w("div", {
+									className: "p-4",
 									children: [
 										/* @__PURE__ */ w("div", {
-											className: "flex flex-wrap items-center gap-2 mb-1",
-											children: [/* @__PURE__ */ C("h3", {
-												className: "text-sm font-semibold text-text-primary",
-												children: e.cartName
-											}), /* @__PURE__ */ C("span", {
-												className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize", H(e.status)),
-												children: e.status.replace(/_/g, " ")
+											className: "flex items-start justify-between mb-2",
+											children: [/* @__PURE__ */ w("div", {
+												className: "min-w-0 flex-1",
+												children: [/* @__PURE__ */ C("h3", {
+													className: "text-sm font-semibold text-text-primary",
+													children: e.name
+												}), /* @__PURE__ */ C("p", {
+													className: "text-xs text-text-secondary",
+													children: e.category
+												})]
+											}), /* @__PURE__ */ w("div", {
+												className: "flex items-center gap-1 text-xs",
+												children: [/* @__PURE__ */ C(y, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), /* @__PURE__ */ C("span", {
+													className: "font-medium text-text-primary",
+													children: e.rating
+												})]
 											})]
 										}),
-										/* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary mb-2 leading-relaxed",
-											children: e.items.map((e) => `${e.name} (${e.quantity})`).join(", ")
-										}),
 										/* @__PURE__ */ w("div", {
-											className: "flex flex-wrap items-center gap-3 text-xs text-text-secondary",
+											className: "flex items-center gap-3 text-xs text-text-secondary mb-3",
+											children: [/* @__PURE__ */ w("span", {
+												className: "flex items-center gap-1",
+												children: [
+													/* @__PURE__ */ C(m, { className: "h-3 w-3" }),
+													e.distance,
+													"km away"
+												]
+											}), /* @__PURE__ */ w("span", {
+												className: "flex items-center gap-1",
+												children: [
+													/* @__PURE__ */ C(u, { className: "h-3 w-3" }),
+													e.estimatedTime,
+													" mins"
+												]
+											})]
+										}),
+										/* @__PURE__ */ C("button", {
+											type: "button",
+											disabled: !e.isOpen,
+											onClick: () => e.isOpen && k(`/customer/carts/${e.id}`),
+											className: t("w-full rounded-lg py-2 text-sm font-medium transition-opacity", e.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
+											children: e.isOpen ? z("subscriberbot.customerDashboard.viewMenu", "View Menu") : z("subscriberbot.customerDashboard.currentlyClosed", "Currently Closed")
+										})
+									]
+								})]
+							}, e.id))
+						})] })
+					]
+				}), /* @__PURE__ */ w("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5",
+							children: [/* @__PURE__ */ C("h3", {
+								className: "text-base font-semibold text-text-primary mb-4",
+								children: z("subscriberbot.customerDashboard.personalizedRecommendations", "Personalized Recommendations")
+							}), /* @__PURE__ */ C("div", {
+								className: "space-y-3",
+								children: V.map((e) => /* @__PURE__ */ C("div", {
+									className: t("rounded-lg border p-3", q(e.type)),
+									children: /* @__PURE__ */ w("div", {
+										className: "flex items-start gap-2",
+										children: [/* @__PURE__ */ C("div", {
+											className: "mt-0.5 shrink-0",
+											children: K(e.type)
+										}), /* @__PURE__ */ w("div", {
+											className: "flex-1 min-w-0",
 											children: [
-												/* @__PURE__ */ C("span", {
-													className: "font-medium text-text-primary",
-													children: o(e.total, { minimumFractionDigits: 0 })
+												/* @__PURE__ */ w("div", {
+													className: "flex items-center justify-between gap-2",
+													children: [/* @__PURE__ */ C("p", {
+														className: "text-xs font-semibold",
+														children: e.title
+													}), /* @__PURE__ */ w("span", {
+														className: "text-[10px] opacity-70",
+														children: [e.confidence, "%"]
+													})]
+												}),
+												/* @__PURE__ */ C("p", {
+													className: "mt-1 text-xs opacity-80 leading-relaxed",
+													children: e.description
 												}),
-												/* @__PURE__ */ C("span", { children: new Date(e.orderDate).toLocaleDateString() }),
-												e.rating && /* @__PURE__ */ w("span", {
-													className: "flex items-center gap-1",
-													children: [/* @__PURE__ */ C(y, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), e.rating]
+												/* @__PURE__ */ C("button", {
+													type: "button",
+													onClick: () => k("/customer/carts"),
+													className: "mt-2 text-[10px] font-semibold underline underline-offset-2",
+													children: e.action
 												})
 											]
-										})
-									]
-								}), /* @__PURE__ */ C("button", {
-									type: "button",
-									onClick: () => E(`/customer/orders/${e.id}`),
-									className: "rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
-									children: I("subscriberbot.customerDashboard.viewDetails", "View Details")
-								})]
-							})
-						}, e.id))
-					}) : /* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-8 text-center",
-						children: [/* @__PURE__ */ C(v, { className: "mx-auto h-10 w-10 text-text-secondary/50" }), /* @__PURE__ */ C("p", {
-							className: "mt-3 text-sm text-text-secondary",
-							children: I("subscriberbot.customerDashboard.noRecentOrders", "No recent orders")
-						})]
-					})] }),
-					/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
-						className: "text-lg font-semibold text-text-primary mb-4",
-						children: I("subscriberbot.customerDashboard.recommendedForYou", "Recommended for You")
-					}), /* @__PURE__ */ C("div", {
-						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-						children: B.map((e) => /* @__PURE__ */ w("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden shadow-sm hover:shadow-md transition-shadow",
-							children: [/* @__PURE__ */ w("div", {
-								className: "relative h-40",
-								children: [/* @__PURE__ */ C("img", {
-									src: e.image,
-									alt: e.name,
-									className: "h-full w-full object-cover"
-								}), /* @__PURE__ */ C("div", {
-									className: "absolute top-2 right-2",
-									children: /* @__PURE__ */ C("span", {
-										className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", e.isOpen ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-red-500/20 text-red-600 dark:text-red-400"),
-										children: e.isOpen ? I("subscriberbot.customerDashboard.open", "Open") : I("subscriberbot.customerDashboard.closed", "Closed")
+										})]
 									})
-								})]
+								}, e.id))
+							})]
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5",
+							children: [/* @__PURE__ */ C("h3", {
+								className: "text-base font-semibold text-text-primary mb-3",
+								children: z("subscriberbot.customerDashboard.quickLinks", "Quick Links")
 							}), /* @__PURE__ */ w("div", {
-								className: "p-4",
+								className: "space-y-2",
 								children: [
-									/* @__PURE__ */ w("div", {
-										className: "flex items-start justify-between mb-2",
-										children: [/* @__PURE__ */ w("div", {
-											className: "min-w-0 flex-1",
-											children: [/* @__PURE__ */ C("h3", {
-												className: "text-sm font-semibold text-text-primary",
-												children: e.name
-											}), /* @__PURE__ */ C("p", {
-												className: "text-xs text-text-secondary",
-												children: e.category
-											})]
-										}), /* @__PURE__ */ w("div", {
-											className: "flex items-center gap-1 text-xs",
-											children: [/* @__PURE__ */ C(y, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), /* @__PURE__ */ C("span", {
-												className: "font-medium text-text-primary",
-												children: e.rating
-											})]
-										})]
+									/* @__PURE__ */ w("button", {
+										type: "button",
+										onClick: () => k("/customer/profile"),
+										className: "flex w-full items-center gap-2 rounded-lg border border-border-seam px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
+										children: [/* @__PURE__ */ C(x, { className: "h-4 w-4 text-text-secondary" }), z("subscriberbot.customerDashboard.profileSettings", "Profile Settings")]
 									}),
-									/* @__PURE__ */ w("div", {
-										className: "flex items-center gap-3 text-xs text-text-secondary mb-3",
-										children: [/* @__PURE__ */ w("span", {
-											className: "flex items-center gap-1",
-											children: [
-												/* @__PURE__ */ C(m, { className: "h-3 w-3" }),
-												e.distance,
-												"km away"
-											]
-										}), /* @__PURE__ */ w("span", {
-											className: "flex items-center gap-1",
-											children: [
-												/* @__PURE__ */ C(u, { className: "h-3 w-3" }),
-												e.estimatedTime,
-												" mins"
-											]
-										})]
+									/* @__PURE__ */ w("button", {
+										type: "button",
+										onClick: () => k("/customer/addresses"),
+										className: "flex w-full items-center gap-2 rounded-lg border border-border-seam px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
+										children: [/* @__PURE__ */ C(m, { className: "h-4 w-4 text-text-secondary" }), z("subscriberbot.customerDashboard.savedAddresses", "Saved Addresses")]
 									}),
-									/* @__PURE__ */ C("button", {
+									/* @__PURE__ */ w("button", {
 										type: "button",
-										disabled: !e.isOpen,
-										onClick: () => e.isOpen && E(`/customer/carts/${e.id}`),
-										className: t("w-full rounded-lg py-2 text-sm font-medium transition-opacity", e.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-										children: e.isOpen ? I("subscriberbot.customerDashboard.viewMenu", "View Menu") : I("subscriberbot.customerDashboard.currentlyClosed", "Currently Closed")
+										onClick: () => k("/customer/payment-methods"),
+										className: "flex w-full items-center gap-2 rounded-lg border border-border-seam px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
+										children: [/* @__PURE__ */ C(d, { className: "h-4 w-4 text-text-secondary" }), z("subscriberbot.customerDashboard.paymentMethods", "Payment Methods")]
 									})
 								]
 							})]
-						}, e.id))
-					})] })
-				]
-			}), /* @__PURE__ */ w("div", {
-				className: "space-y-6",
-				children: [
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-						children: [/* @__PURE__ */ C("h3", {
-							className: "text-base font-semibold text-text-primary mb-4",
-							children: I("subscriberbot.customerDashboard.personalizedRecommendations", "Personalized Recommendations")
-						}), /* @__PURE__ */ C("div", {
-							className: "space-y-3",
-							children: R.map((e) => /* @__PURE__ */ C("div", {
-								className: t("rounded-lg border p-3", W(e.type)),
-								children: /* @__PURE__ */ w("div", {
-									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ C("div", {
-										className: "mt-0.5 shrink-0",
-										children: U(e.type)
-									}), /* @__PURE__ */ w("div", {
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5",
+							children: [
+								/* @__PURE__ */ C("h3", {
+									className: "text-base font-semibold text-text-primary mb-3",
+									children: z("subscriberbot.customerDashboard.currentLocation", "Current Location")
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "flex items-start gap-3",
+									children: [/* @__PURE__ */ C(h, { className: "h-4 w-4 text-status-info-text mt-0.5 shrink-0" }), /* @__PURE__ */ w("div", {
 										className: "flex-1 min-w-0",
 										children: [
-											/* @__PURE__ */ w("div", {
-												className: "flex items-center justify-between gap-2",
-												children: [/* @__PURE__ */ C("p", {
-													className: "text-xs font-semibold",
-													children: e.title
-												}), /* @__PURE__ */ w("span", {
-													className: "text-[10px] opacity-70",
-													children: [e.confidence, "%"]
-												})]
+											/* @__PURE__ */ C("p", {
+												className: "text-sm font-medium text-text-primary",
+												children: "Koramangala"
 											}),
 											/* @__PURE__ */ C("p", {
-												className: "mt-1 text-xs opacity-80 leading-relaxed",
-												children: e.description
+												className: "text-xs text-text-secondary",
+												children: "80 Feet Road, 6th Block"
 											}),
-											/* @__PURE__ */ C("button", {
-												type: "button",
-												onClick: () => E("/customer/carts"),
-												className: "mt-2 text-[10px] font-semibold underline underline-offset-2",
-												children: e.action
+											/* @__PURE__ */ C("p", {
+												className: "text-xs text-text-secondary",
+												children: "Bangalore, Karnataka"
 											})
 										]
 									})]
+								}),
+								/* @__PURE__ */ C("button", {
+									type: "button",
+									onClick: () => k("/customer/addresses"),
+									className: "mt-3 w-full rounded-lg border border-border-seam px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
+									children: z("subscriberbot.customerDashboard.updateLocation", "Update Location")
 								})
-							}, e.id))
-						})]
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-						children: [/* @__PURE__ */ C("h3", {
-							className: "text-base font-semibold text-text-primary mb-3",
-							children: I("subscriberbot.customerDashboard.quickLinks", "Quick Links")
-						}), /* @__PURE__ */ w("div", {
-							className: "space-y-2",
+							]
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg bg-gradient-to-r from-status-info-text/10 to-accent-purple/10 border border-status-info-border/20 p-5",
 							children: [
-								/* @__PURE__ */ w("button", {
-									type: "button",
-									onClick: () => E("/customer/profile"),
-									className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
-									children: [/* @__PURE__ */ C(x, { className: "h-4 w-4 text-text-secondary" }), I("subscriberbot.customerDashboard.profileSettings", "Profile Settings")]
+								/* @__PURE__ */ C("h3", {
+									className: "text-base font-semibold text-text-primary mb-2",
+									children: z("subscriberbot.customerDashboard.specialOffers", "Special Offers")
 								}),
-								/* @__PURE__ */ w("button", {
-									type: "button",
-									onClick: () => E("/customer/addresses"),
-									className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
-									children: [/* @__PURE__ */ C(m, { className: "h-4 w-4 text-text-secondary" }), I("subscriberbot.customerDashboard.savedAddresses", "Saved Addresses")]
+								/* @__PURE__ */ C("p", {
+									className: "text-xs text-text-secondary mb-3 leading-relaxed",
+									children: z("subscriberbot.customerDashboard.specialOffersDescription", "Get 25% off on your next order from featured carts")
 								}),
-								/* @__PURE__ */ w("button", {
+								/* @__PURE__ */ C("button", {
 									type: "button",
-									onClick: () => E("/customer/payment-methods"),
-									className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
-									children: [/* @__PURE__ */ C(d, { className: "h-4 w-4 text-text-secondary" }), I("subscriberbot.customerDashboard.paymentMethods", "Payment Methods")]
+									onClick: () => k("/customer/carts"),
+									className: "w-full rounded-lg bg-foreground px-3 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
+									children: z("subscriberbot.customerDashboard.viewOffers", "View Offers")
 								})
 							]
-						})]
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-						children: [
-							/* @__PURE__ */ C("h3", {
-								className: "text-base font-semibold text-text-primary mb-3",
-								children: I("subscriberbot.customerDashboard.currentLocation", "Current Location")
-							}),
-							/* @__PURE__ */ w("div", {
-								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ C(h, { className: "h-4 w-4 text-blue-500 mt-0.5 shrink-0" }), /* @__PURE__ */ w("div", {
-									className: "flex-1 min-w-0",
-									children: [
-										/* @__PURE__ */ C("p", {
-											className: "text-sm font-medium text-text-primary",
-											children: "Koramangala"
-										}),
-										/* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary",
-											children: "80 Feet Road, 6th Block"
-										}),
-										/* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary",
-											children: "Bangalore, Karnataka"
-										})
-									]
-								})]
-							}),
-							/* @__PURE__ */ C("button", {
-								type: "button",
-								onClick: () => E("/customer/addresses"),
-								className: "mt-3 w-full rounded-lg border border-border-subtle px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
-								children: I("subscriberbot.customerDashboard.updateLocation", "Update Location")
-							})
-						]
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg bg-gradient-to-r from-blue-500/10 to-purple-500/10 border border-blue-500/20 p-5",
-						children: [
-							/* @__PURE__ */ C("h3", {
-								className: "text-base font-semibold text-text-primary mb-2",
-								children: I("subscriberbot.customerDashboard.specialOffers", "Special Offers")
-							}),
-							/* @__PURE__ */ C("p", {
-								className: "text-xs text-text-secondary mb-3 leading-relaxed",
-								children: I("subscriberbot.customerDashboard.specialOffersDescription", "Get 25% off on your next order from featured carts")
-							}),
-							/* @__PURE__ */ C("button", {
-								type: "button",
-								onClick: () => E("/customer/carts"),
-								className: "w-full rounded-lg bg-foreground px-3 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
-								children: I("subscriberbot.customerDashboard.viewOffers", "View Offers")
-							})
-						]
-					})
-				]
-			})]
-		})]
+						})
+					]
+				})]
+			})
+		]
 	});
 }
 //#endregion
-export { E as CustomerDashboard };
+export { k as CustomerDashboard };
 
 //# sourceMappingURL=CustomerDashboard.js.map