@burdenoff/microfe-adaptercloud 2026.624.1 → 2026.625.2

package/dist/adaptercloud/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 } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/customer/CustomerDashboard.tsx
-function T() {
+function D() {
 	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 O() {
+	let { navigateTo: O, currentUser: k } = e(), { t: A } = c(), { data: j = [], isLoading: M } = i({ customerId: k?.id }), { data: N = [], isLoading: P } = a(), { data: F, isLoading: I } = r(), L = M || P || I, R = s((e, t) => {
+		let n = A(e);
 		return n === e ? t : n;
-	}, [O]), L = D?.firstName ?? D?.name ?? "Customer", R = [
+	}, [A]), z = k?.firstName ?? k?.name ?? "Customer", B = [
 		{
 			id: "1",
 			type: "suggestion",
@@ -41,456 +42,484 @@ 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),
+	], V = j.slice(0, 3), H = N.slice(0, 3), U = {
+		totalOrders: j.length,
+		totalSpent: j.reduce((e, t) => e + t.total, 0),
 		favoriteCount: 6,
 		avgRating: 4.5
-	}, H = (e) => {
+	}, W = (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-subtle/20 text-status-success-text";
+			case "preparing": return "bg-status-warning-bg-subtle/20 text-status-warning-text";
+			case "out_for_delivery": return "bg-accent-blue-subtle/20 text-accent-blue";
+			case "confirmed": return "bg-accent-blue-subtle/20 text-accent-blue";
+			case "cancelled": return "bg-status-error-bg-subtle/20 text-status-error-text";
 			default: return "bg-bg-sunken text-text-secondary";
 		}
-	}, U = (e) => {
+	}, G = (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) => {
+	}, K = (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";
+			case "suggestion": return "bg-accent-blue-subtle/10 text-accent-blue border-accent-blue-subtle/20";
+			case "opportunity": return "bg-status-success-bg-subtle/10 text-status-success-text border-status-success-border/20";
+			case "trend": return "bg-status-warning-bg-subtle/10 text-status-warning-text border-status-warning-border/20";
 			default: return "bg-bg-sunken text-text-secondary border-border-subtle";
 		}
 	};
-	return F ? /* @__PURE__ */ C(n, {
-		title: I("adaptercloud.customerDashboard.title", "Dashboard"),
+	return L ? /* @__PURE__ */ C(n, {
+		title: R("adaptercloud.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("adaptercloud.customerDashboard.loading", "Loading your dashboard...")
+					children: R("adaptercloud.customerDashboard.loading", "Loading your dashboard...")
 				})]
 			})
 		})
 	}) : /* @__PURE__ */ w(n, {
-		title: I("adaptercloud.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("adaptercloud.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("adaptercloud.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("adaptercloud.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("adaptercloud.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: R("adaptercloud.customerDashboard.welcomeBack", "Welcome Back!"),
+		description: `${D()}, ${z}`,
+		purpose: "Your personal home for ordering on the marketplace — see your recent orders and spending at a glance, then jump straight to discovering carts, tracking a delivery, or revisiting your favorites.",
+		children: [
+			U && /* @__PURE__ */ C(T, { children: /* @__PURE__ */ w("div", {
+				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("adaptercloud.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("adaptercloud.customerDashboard.discoverCarts", "Discover Carts")
-									}), /* @__PURE__ */ C("p", {
-										className: "text-xs text-text-secondary",
-										children: I("adaptercloud.customerDashboard.findNearbyCarts", "Find nearby carts")
+					/* @__PURE__ */ C("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
+						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: U.totalOrders
+							}), /* @__PURE__ */ C("p", {
+								className: "text-xs text-text-secondary",
+								children: R("adaptercloud.customerDashboard.totalOrders", "Total Orders")
+							})] })]
+						})
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
+						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(U.totalSpent, { minimumFractionDigits: 0 })
+							}), /* @__PURE__ */ C("p", {
+								className: "text-xs text-text-secondary",
+								children: R("adaptercloud.customerDashboard.totalSpent", "Total Spent")
+							})] })]
+						})
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
+						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: U.favoriteCount
+							}), /* @__PURE__ */ C("p", {
+								className: "text-xs text-text-secondary",
+								children: R("adaptercloud.customerDashboard.favoriteCarts", "Favorite Carts")
+							})] })]
+						})
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
+						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: U.avgRating.toFixed(1)
+							}), /* @__PURE__ */ C("p", {
+								className: "text-xs text-text-secondary",
+								children: R("adaptercloud.customerDashboard.avgRatingGiven", "Avg Rating Given")
+							})] })]
+						})
+					})
+				]
+			}) }),
+			/* @__PURE__ */ C(E, {
+				storageKey: "adaptercloud-customer-dashboard",
+				className: "mt-6",
+				steps: [
+					{
+						id: "discover",
+						label: "Discover carts near you",
+						description: "Browse local shops and service providers and place your first order.",
+						onClick: () => O("/customer/discover")
+					},
+					{
+						id: "orders",
+						label: "Track your orders",
+						description: "Follow active deliveries and review past orders.",
+						onClick: () => O("/customer/orders")
+					},
+					{
+						id: "favorites",
+						label: "Save your favorites",
+						description: "Keep the carts you love a tap away.",
+						onClick: () => O("/customer/favorites")
+					}
+				]
+			}),
+			/* @__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: R("adaptercloud.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: () => O("/customer/carts"),
+									className: t("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 transition-colors text-left bg-gloss-card shadow-pop", "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-accent-blue-subtle/10",
+										children: /* @__PURE__ */ C(_, { className: "h-5 w-5 text-accent-blue" })
+									}), /* @__PURE__ */ w("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ C("p", {
+											className: "text-sm font-semibold text-text-primary",
+											children: R("adaptercloud.customerDashboard.discoverCarts", "Discover Carts")
+										}), /* @__PURE__ */ C("p", {
+											className: "text-xs text-text-secondary",
+											children: R("adaptercloud.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("adaptercloud.customerDashboard.orderHistory", "Order History")
-									}), /* @__PURE__ */ C("p", {
-										className: "text-xs text-text-secondary",
-										children: I("adaptercloud.customerDashboard.viewPastOrders", "View past orders")
+								}),
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => O("/customer/orders"),
+									className: t("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 transition-colors text-left bg-gloss-card shadow-pop", "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-subtle/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: R("adaptercloud.customerDashboard.orderHistory", "Order History")
+										}), /* @__PURE__ */ C("p", {
+											className: "text-xs text-text-secondary",
+											children: R("adaptercloud.customerDashboard.viewPastOrders", "View past orders")
+										})]
 									})]
-								})]
-							}),
-							/* @__PURE__ */ w("button", {
+								}),
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => O("/customer/favorites"),
+									className: t("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 transition-colors text-left bg-gloss-card shadow-pop", "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-subtle/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: R("adaptercloud.customerDashboard.favorites", "Favorites")
+										}), /* @__PURE__ */ C("p", {
+											className: "text-xs text-text-secondary",
+											children: R("adaptercloud.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: R("adaptercloud.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("adaptercloud.customerDashboard.favorites", "Favorites")
-									}), /* @__PURE__ */ C("p", {
-										className: "text-xs text-text-secondary",
-										children: I("adaptercloud.customerDashboard.savedCarts", "Saved carts")
+								onClick: () => O("/customer/orders"),
+								className: "flex items-center gap-1 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors",
+								children: [R("adaptercloud.common.viewAll", "View All"), /* @__PURE__ */ C(l, { className: "h-4 w-4" })]
+							})]
+						}), V.length > 0 ? /* @__PURE__ */ C("div", {
+							className: "space-y-3",
+							children: V.map((e) => /* @__PURE__ */ C("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
+								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", W(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: () => O(`/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: R("adaptercloud.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("adaptercloud.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("adaptercloud.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-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: R("adaptercloud.customerDashboard.noRecentOrders", "No recent orders")
+							})]
+						})] }),
+						/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
+							className: "text-lg font-semibold text-text-primary mb-4",
+							children: R("adaptercloud.customerDashboard.recommendedForYou", "Recommended for You")
+						}), /* @__PURE__ */ C("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: H.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: "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-subtle/20 text-status-success-text" : "bg-status-error-bg-subtle/20 text-status-error-text"),
+											children: e.isOpen ? R("adaptercloud.customerDashboard.open", "Open") : R("adaptercloud.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 && O(`/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 ? R("adaptercloud.customerDashboard.viewMenu", "View Menu") : R("adaptercloud.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 bg-gloss-card shadow-pop",
+							children: [/* @__PURE__ */ C("h3", {
+								className: "text-base font-semibold text-text-primary mb-4",
+								children: R("adaptercloud.customerDashboard.personalizedRecommendations", "Personalized Recommendations")
+							}), /* @__PURE__ */ C("div", {
+								className: "space-y-3",
+								children: B.map((e) => /* @__PURE__ */ C("div", {
+									className: t("rounded-lg border p-3", K(e.type)),
+									children: /* @__PURE__ */ w("div", {
+										className: "flex items-start gap-2",
+										children: [/* @__PURE__ */ C("div", {
+											className: "mt-0.5 shrink-0",
+											children: G(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("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("p", {
+													className: "mt-1 text-xs opacity-80 leading-relaxed",
+													children: e.description
+												}),
+												/* @__PURE__ */ C("button", {
+													type: "button",
+													onClick: () => O("/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("adaptercloud.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("adaptercloud.customerDashboard.noRecentOrders", "No recent orders")
-						})]
-					})] }),
-					/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
-						className: "text-lg font-semibold text-text-primary mb-4",
-						children: I("adaptercloud.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("adaptercloud.customerDashboard.open", "Open") : I("adaptercloud.customerDashboard.closed", "Closed")
+										})]
 									})
-								})]
+								}, e.id))
+							})]
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
+							children: [/* @__PURE__ */ C("h3", {
+								className: "text-base font-semibold text-text-primary mb-3",
+								children: R("adaptercloud.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: () => O("/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" }), R("adaptercloud.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: () => O("/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" }), R("adaptercloud.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("adaptercloud.customerDashboard.viewMenu", "View Menu") : I("adaptercloud.customerDashboard.currentlyClosed", "Currently Closed")
+										onClick: () => O("/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" }), R("adaptercloud.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("adaptercloud.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 bg-gloss-card shadow-pop",
+							children: [
+								/* @__PURE__ */ C("h3", {
+									className: "text-base font-semibold text-text-primary mb-3",
+									children: R("adaptercloud.customerDashboard.currentLocation", "Current Location")
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "flex items-start gap-3",
+									children: [/* @__PURE__ */ C(h, { className: "h-4 w-4 text-accent-blue 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: () => O("/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: R("adaptercloud.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("adaptercloud.customerDashboard.quickLinks", "Quick Links")
-						}), /* @__PURE__ */ w("div", {
-							className: "space-y-2",
+							]
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg bg-gradient-to-r from-accent-blue/10 to-accent-purple/10 border border-accent-blue-subtle/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("adaptercloud.customerDashboard.profileSettings", "Profile Settings")]
+								/* @__PURE__ */ C("h3", {
+									className: "text-base font-semibold text-text-primary mb-2",
+									children: R("adaptercloud.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("adaptercloud.customerDashboard.savedAddresses", "Saved Addresses")]
+								/* @__PURE__ */ C("p", {
+									className: "text-xs text-text-secondary mb-3 leading-relaxed",
+									children: R("adaptercloud.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("adaptercloud.customerDashboard.paymentMethods", "Payment Methods")]
+									onClick: () => O("/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: R("adaptercloud.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("adaptercloud.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("adaptercloud.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("adaptercloud.customerDashboard.specialOffers", "Special Offers")
-							}),
-							/* @__PURE__ */ C("p", {
-								className: "text-xs text-text-secondary mb-3 leading-relaxed",
-								children: I("adaptercloud.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("adaptercloud.customerDashboard.viewOffers", "View Offers")
-							})
-						]
-					})
-				]
-			})]
-		})]
+						})
+					]
+				})]
+			})
+		]
 	});
 }
 //#endregion
-export { E as CustomerDashboard };
+export { O as CustomerDashboard };
 
 //# sourceMappingURL=CustomerDashboard.js.map