@burdenoff/microfe-atheletebridge 2026.625.1 → 2026.625.2

package/dist/atheletebridge/pages/cart-owner/CartOwnerDashboard.js

@@ -6,8 +6,9 @@ import { mockAdminAnalytics as i } from "../../mocks/data.js";
 import { useState as a } from "react";
 import { Activity as o, AlertCircle as s, ArrowRight as c, BarChart3 as l, Bell as u, CheckCircle as d, ChevronRight as f, Clock as p, Edit as m, Eye as h, Flame as g, IndianRupee as _, MapPin as v, Package as y, Plus as b, Settings as x, ShoppingCart as S, Star as C, TrendingDown as w, TrendingUp as T, UserCheck as E, Users as D } from "lucide-react";
 import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { EmphasisPanel as A, NextSteps as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/cart-owner/CartOwnerDashboard.tsx
-var A = {
+var N = {
 	totalRevenue: 45230,
 	dailyRevenue: 1850,
 	ordersToday: 23,
@@ -16,7 +17,7 @@ var A = {
 	averageOrderValue: 80,
 	customerCount: 342,
 	rating: 4.2
-}, j = [
+}, P = [
 	{
 		id: "ORD-001",
 		customerName: "Rahul Sharma",
@@ -61,7 +62,7 @@ var A = {
 		timestamp: "2 mins ago",
 		priority: "urgent"
 	}
-], M = [
+], F = [
 	{
 		name: "Masala Dosa",
 		quantity: 245,
@@ -87,7 +88,7 @@ var A = {
 		quantity: 98,
 		revenue: 8820
 	}
-], N = [
+], I = [
 	{
 		name: "Ramesh Kumar",
 		role: "Chef",
@@ -108,7 +109,7 @@ var A = {
 		role: "Manager",
 		status: "active"
 	}
-], P = [
+], L = [
 	{
 		id: "1",
 		message: "New order #ORD-004 received",
@@ -139,43 +140,48 @@ var A = {
 		type: "warning",
 		time: "1 hr ago"
 	}
-], F = i.orderTrends.slice(0, 7), I = () => {
+], R = i.orderTrends.slice(0, 7), z = () => {
 	let e = (/* @__PURE__ */ new Date()).getHours();
 	return e < 12 ? "Good Morning" : e < 17 ? "Good Afternoon" : "Good Evening";
-}, L = {
+}, B = {
 	pending: "bg-red-500/15 text-red-600 dark:text-red-400",
 	preparing: "bg-yellow-500/15 text-yellow-600 dark:text-yellow-400",
 	ready: "bg-blue-500/15 text-blue-600 dark:text-blue-400",
 	delivered: "bg-green-500/15 text-green-600 dark:text-green-400",
 	cancelled: "bg-bg-sunken text-text-secondary"
-}, R = {
+}, V = {
 	active: "bg-green-500",
 	"on-break": "bg-yellow-500",
 	"off-duty": "bg-muted-foreground"
-}, z = {
+}, H = {
 	info: "text-blue-500",
 	warning: "text-yellow-500",
 	success: "text-green-500"
-}, B = () => {
-	let { navigateTo: i } = e(), [B, V] = a(j), [H, U] = a({
+}, U = () => {
+	let { navigateTo: i } = e(), [U, W] = a(P), [G, K] = a({
 		isOpen: !0,
 		currentLocation: "Koramangala 5th Block, Near BDA Complex",
 		lastUpdate: (/* @__PURE__ */ new Date()).toLocaleTimeString(),
 		operatingHours: "9:00 AM - 9:00 PM"
-	}), W = (e) => {
-		V((t) => t.map((t) => t.id === e ? {
+	}), q = (e) => {
+		W((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "preparing"
 		} : t));
-	}, G = (e) => {
-		V((t) => t.map((t) => t.id === e ? {
+	}, J = (e) => {
+		W((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "ready"
 		} : t));
+	}, Y = () => {
+		K((e) => e && {
+			...e,
+			isOpen: !e.isOpen
+		});
 	};
 	return /* @__PURE__ */ O(n, {
 		title: /* @__PURE__ */ k("span", { children: [
-			I(),
+			z(),
 			", ",
 			/* @__PURE__ */ O("span", {
 				className: "text-text-secondary font-normal",
@@ -192,23 +198,51 @@ var A = {
 		children: /* @__PURE__ */ k("div", {
 			className: "space-y-6",
 			children: [
+				/* @__PURE__ */ O(M, { children: "Run your service business at a glance. Toggle whether you're open, accept and progress incoming orders, watch today's revenue and rating, and keep tabs on your best-selling items and staff. This is where you manage day-to-day operations." }),
+				/* @__PURE__ */ O(j, {
+					storageKey: "atheletebridge-cartowner-dashboard",
+					steps: [
+						{
+							id: "open",
+							label: G.isOpen ? "Your service is open" : "Open your service to take orders",
+							description: "Customers can only order while you are marked open.",
+							icon: /* @__PURE__ */ O(d, { className: "h-4 w-4" }),
+							onClick: Y,
+							done: G.isOpen
+						},
+						{
+							id: "offerings",
+							label: "Update your offerings & inventory",
+							description: "Add items, set prices and keep stock levels accurate.",
+							icon: /* @__PURE__ */ O(y, { className: "h-4 w-4" }),
+							onClick: () => i("/cart-owner/inventory")
+						},
+						{
+							id: "orders",
+							label: "Work through incoming orders",
+							description: "Accept pending orders and mark them ready for delivery.",
+							icon: /* @__PURE__ */ O(S, { className: "h-4 w-4" }),
+							onClick: () => i("/cart-owner/orders")
+						}
+					]
+				}),
 				/* @__PURE__ */ O("div", {
-					className: t("p-4 rounded-lg border-l-4", H.isOpen ? "border-green-500 bg-green-500/5" : "border-red-500 bg-red-500/5"),
+					className: t("p-4 rounded-lg border-l-4", G.isOpen ? "border-green-500 bg-green-500/5" : "border-red-500 bg-red-500/5"),
 					children: /* @__PURE__ */ k("div", {
 						className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4",
 						children: [/* @__PURE__ */ k("div", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ O("div", { className: t("w-3 h-3 rounded-full mt-1 shrink-0", H.isOpen ? "bg-green-500" : "bg-red-500") }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("h3", {
+							children: [/* @__PURE__ */ O("div", { className: t("w-3 h-3 rounded-full mt-1 shrink-0", G.isOpen ? "bg-green-500" : "bg-red-500") }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("h3", {
 								className: "font-semibold text-text-primary text-sm",
-								children: ["Service Status: ", H.isOpen ? "Open" : "Closed"]
+								children: ["Service Status: ", G.isOpen ? "Open" : "Closed"]
 							}), /* @__PURE__ */ k("div", {
 								className: "flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4 mt-1 text-xs text-text-secondary",
 								children: [/* @__PURE__ */ k("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ O(v, { className: "h-3 w-3 shrink-0" }), H.currentLocation]
+									children: [/* @__PURE__ */ O(v, { className: "h-3 w-3 shrink-0" }), G.currentLocation]
 								}), /* @__PURE__ */ k("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ O(p, { className: "h-3 w-3 shrink-0" }), H.operatingHours]
+									children: [/* @__PURE__ */ O(p, { className: "h-3 w-3 shrink-0" }), G.operatingHours]
 								})]
 							})] })]
 						}), /* @__PURE__ */ k("div", {
@@ -220,79 +254,77 @@ var A = {
 								children: [/* @__PURE__ */ O(v, { className: "h-3 w-3" }), "Update Location"]
 							}), /* @__PURE__ */ O("button", {
 								type: "button",
-								onClick: () => {
-									U((e) => e && {
-										...e,
-										isOpen: !e.isOpen
-									});
-								},
-								className: t("inline-flex items-center gap-1 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", H.isOpen ? "bg-red-500/10 text-red-600 hover:bg-red-500/20 dark:text-red-400" : "bg-green-500/10 text-green-600 hover:bg-green-500/20 dark:text-green-400"),
-								children: H.isOpen ? "Close Service" : "Open Service"
+								onClick: Y,
+								className: t("inline-flex items-center gap-1 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", G.isOpen ? "bg-red-500/10 text-red-600 hover:bg-red-500/20 dark:text-red-400" : "bg-green-500/10 text-green-600 hover:bg-green-500/20 dark:text-green-400"),
+								children: G.isOpen ? "Close Service" : "Open Service"
 							})]
 						})]
 					})
 				}),
-				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
-					className: "text-base font-semibold text-text-primary mb-3",
-					children: "Today's Performance"
-				}), /* @__PURE__ */ O("div", {
-					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-					children: [
-						{
-							label: "Daily Revenue",
-							value: r(A.dailyRevenue, { minimumFractionDigits: 0 }),
-							icon: _,
-							trend: "+15.2% vs yesterday",
-							trendUp: !0
-						},
-						{
-							label: "Orders Today",
-							value: String(A.ordersToday),
-							icon: S,
-							trend: "+8.5% vs yesterday",
-							trendUp: !0
-						},
-						{
-							label: "Avg Order Value",
-							value: r(A.averageOrderValue, { minimumFractionDigits: 0 }),
-							icon: T,
-							trend: "+3.2% vs last week",
-							trendUp: !0
-						},
-						{
-							label: "Service Rating",
-							value: A.rating.toFixed(1),
-							icon: C,
-							trend: "Based on 342 reviews",
-							trendUp: !0
-						}
-					].map((e) => {
-						let t = e.icon;
-						return /* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
-							children: [
-								/* @__PURE__ */ k("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ O("div", {
-										className: "rounded-md bg-accent p-2",
-										children: /* @__PURE__ */ O(t, { className: "h-5 w-5 text-text-secondary" })
-									}), /* @__PURE__ */ k("div", {
-										className: "flex items-center gap-1 text-xs text-text-secondary",
-										children: [e.trendUp ? /* @__PURE__ */ O(T, { className: "h-3 w-3 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ O(w, { className: "h-3 w-3 text-red-600 dark:text-red-400" }), /* @__PURE__ */ O("span", { children: e.trend })]
-									})]
-								}),
-								/* @__PURE__ */ O("p", {
-									className: "mt-3 text-2xl font-bold text-text-primary",
-									children: e.value
-								}),
-								/* @__PURE__ */ O("p", {
-									className: "mt-1 text-sm text-text-secondary",
-									children: e.label
-								})
-							]
-						}, e.label);
-					})
-				})] }),
+				/* @__PURE__ */ k(A, {
+					className: "p-5",
+					children: [/* @__PURE__ */ O("h2", {
+						className: "text-base font-semibold text-text-primary mb-3",
+						children: "Today's Performance"
+					}), /* @__PURE__ */ O("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+						children: [
+							{
+								label: "Daily Revenue",
+								value: r(N.dailyRevenue, { minimumFractionDigits: 0 }),
+								icon: _,
+								trend: "+15.2% vs yesterday",
+								trendUp: !0
+							},
+							{
+								label: "Orders Today",
+								value: String(N.ordersToday),
+								icon: S,
+								trend: "+8.5% vs yesterday",
+								trendUp: !0
+							},
+							{
+								label: "Avg Order Value",
+								value: r(N.averageOrderValue, { minimumFractionDigits: 0 }),
+								icon: T,
+								trend: "+3.2% vs last week",
+								trendUp: !0
+							},
+							{
+								label: "Service Rating",
+								value: N.rating.toFixed(1),
+								icon: C,
+								trend: "Based on 342 reviews",
+								trendUp: !0
+							}
+						].map((e) => {
+							let t = e.icon;
+							return /* @__PURE__ */ k("div", {
+								className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
+								children: [
+									/* @__PURE__ */ k("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ O("div", {
+											className: "rounded-md bg-accent p-2",
+											children: /* @__PURE__ */ O(t, { className: "h-5 w-5 text-text-secondary" })
+										}), /* @__PURE__ */ k("div", {
+											className: "flex items-center gap-1 text-xs text-text-secondary",
+											children: [e.trendUp ? /* @__PURE__ */ O(T, { className: "h-3 w-3 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ O(w, { className: "h-3 w-3 text-red-600 dark:text-red-400" }), /* @__PURE__ */ O("span", { children: e.trend })]
+										})]
+									}),
+									/* @__PURE__ */ O("p", {
+										className: "mt-3 text-2xl font-bold text-text-primary",
+										children: e.value
+									}),
+									/* @__PURE__ */ O("p", {
+										className: "mt-1 text-sm text-text-secondary",
+										children: e.label
+									})
+								]
+							}, e.label);
+						})
+					})]
+				}),
 				/* @__PURE__ */ k("div", {
 					className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
 					children: [/* @__PURE__ */ k("div", {
@@ -360,7 +392,7 @@ var A = {
 								})]
 							}), /* @__PURE__ */ O("div", {
 								className: "space-y-3",
-								children: B.map((e) => /* @__PURE__ */ O("div", {
+								children: U.map((e) => /* @__PURE__ */ O("div", {
 									className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
 									children: /* @__PURE__ */ k("div", {
 										className: "flex flex-col lg:flex-row lg:items-start lg:justify-between gap-3",
@@ -375,7 +407,7 @@ var A = {
 															children: ["#", e.id]
 														}),
 														/* @__PURE__ */ O("span", {
-															className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize", L[e.status] || "bg-bg-sunken text-text-secondary"),
+															className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize", B[e.status] || "bg-bg-sunken text-text-secondary"),
 															children: e.status
 														}),
 														e.priority === "urgent" && /* @__PURE__ */ O(s, { className: "h-4 w-4 text-red-500" })
@@ -411,13 +443,13 @@ var A = {
 												}),
 												e.status === "pending" && /* @__PURE__ */ k("button", {
 													type: "button",
-													onClick: () => W(e.id),
+													onClick: () => q(e.id),
 													className: "inline-flex items-center gap-1 rounded-md bg-green-500/10 px-3 py-1.5 text-xs font-medium text-green-600 hover:bg-green-500/20 dark:text-green-400 transition-colors",
 													children: [/* @__PURE__ */ O(d, { className: "h-3 w-3" }), "Accept"]
 												}),
 												e.status === "preparing" && /* @__PURE__ */ k("button", {
 													type: "button",
-													onClick: () => G(e.id),
+													onClick: () => J(e.id),
 													className: "inline-flex items-center gap-1 rounded-md bg-blue-500/10 px-3 py-1.5 text-xs font-medium text-blue-600 hover:bg-blue-500/20 dark:text-blue-400 transition-colors",
 													children: [/* @__PURE__ */ O(d, { className: "h-3 w-3" }), "Mark Ready"]
 												})
@@ -463,8 +495,8 @@ var A = {
 													children: "Trend"
 												})
 											]
-										}) }), /* @__PURE__ */ O("tbody", { children: F.map((e, t) => {
-											let n = Math.max(...F.map((e) => e.revenue)), i = e.revenue / n * 100;
+										}) }), /* @__PURE__ */ O("tbody", { children: R.map((e, t) => {
+											let n = Math.max(...R.map((e) => e.revenue)), i = e.revenue / n * 100;
 											return /* @__PURE__ */ k("tr", {
 												className: "border-b border-border-subtle last:border-0",
 												children: [
@@ -512,7 +544,7 @@ var A = {
 											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
 											children: [/* @__PURE__ */ O("div", {
 												className: "text-xl font-bold text-text-primary",
-												children: r(A.totalRevenue, { minimumFractionDigits: 0 })
+												children: r(N.totalRevenue, { minimumFractionDigits: 0 })
 											}), /* @__PURE__ */ O("div", {
 												className: "text-xs text-text-secondary mt-1",
 												children: "Total Revenue"
@@ -522,7 +554,7 @@ var A = {
 											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
 											children: [/* @__PURE__ */ O("div", {
 												className: "text-xl font-bold text-text-primary",
-												children: A.totalOrders
+												children: N.totalOrders
 											}), /* @__PURE__ */ O("div", {
 												className: "text-xs text-text-secondary mt-1",
 												children: "Total Orders"
@@ -532,7 +564,7 @@ var A = {
 											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
 											children: [/* @__PURE__ */ O("div", {
 												className: "text-xl font-bold text-text-primary",
-												children: A.customerCount
+												children: N.customerCount
 											}), /* @__PURE__ */ O("div", {
 												className: "text-xs text-text-secondary mt-1",
 												children: "Unique Customers"
@@ -554,13 +586,13 @@ var A = {
 										children: [/* @__PURE__ */ O(u, { className: "h-4 w-4" }), "Notifications"]
 									}), /* @__PURE__ */ O("span", {
 										className: "inline-flex items-center justify-center rounded-full bg-red-500 text-white text-[10px] font-bold h-5 w-5",
-										children: P.length
+										children: L.length
 									})]
 								}), /* @__PURE__ */ O("div", {
 									className: "space-y-3",
-									children: P.map((e) => /* @__PURE__ */ k("div", {
+									children: L.map((e) => /* @__PURE__ */ k("div", {
 										className: "flex items-start gap-2",
-										children: [/* @__PURE__ */ O(o, { className: t("h-4 w-4 mt-0.5 shrink-0", z[e.type]) }), /* @__PURE__ */ k("div", {
+										children: [/* @__PURE__ */ O(o, { className: t("h-4 w-4 mt-0.5 shrink-0", H[e.type]) }), /* @__PURE__ */ k("div", {
 											className: "min-w-0",
 											children: [/* @__PURE__ */ O("p", {
 												className: "text-xs text-text-primary leading-tight",
@@ -580,7 +612,7 @@ var A = {
 									children: [/* @__PURE__ */ O(g, { className: "h-4 w-4 text-orange-500" }), "Top Selling Items"]
 								}), /* @__PURE__ */ O("div", {
 									className: "space-y-3",
-									children: M.map((e, t) => /* @__PURE__ */ k("div", {
+									children: F.map((e, t) => /* @__PURE__ */ k("div", {
 										className: "flex items-center justify-between",
 										children: [/* @__PURE__ */ k("div", {
 											className: "flex items-center gap-2 min-w-0",
@@ -619,11 +651,11 @@ var A = {
 									})]
 								}), /* @__PURE__ */ O("div", {
 									className: "space-y-3",
-									children: N.map((e) => /* @__PURE__ */ k("div", {
+									children: I.map((e) => /* @__PURE__ */ k("div", {
 										className: "flex items-center justify-between",
 										children: [/* @__PURE__ */ k("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ O("div", { className: t("w-2 h-2 rounded-full", R[e.status]) }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+											children: [/* @__PURE__ */ O("div", { className: t("w-2 h-2 rounded-full", V[e.status]) }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
 												className: "text-xs font-medium text-text-primary",
 												children: e.name
 											}), /* @__PURE__ */ O("p", {
@@ -652,7 +684,7 @@ var A = {
 												children: "Active Offerings"
 											}), /* @__PURE__ */ O("span", {
 												className: "text-sm font-semibold text-text-primary",
-												children: A.activeOfferings
+												children: N.activeOfferings
 											})]
 										}),
 										/* @__PURE__ */ k("div", {
@@ -662,7 +694,7 @@ var A = {
 												children: "Customer Rating"
 											}), /* @__PURE__ */ k("span", {
 												className: "text-sm font-semibold text-text-primary flex items-center gap-1",
-												children: [/* @__PURE__ */ O(C, { className: "h-3 w-3 text-yellow-500 fill-yellow-500" }), A.rating]
+												children: [/* @__PURE__ */ O(C, { className: "h-3 w-3 text-yellow-500 fill-yellow-500" }), N.rating]
 											})]
 										}),
 										/* @__PURE__ */ k("div", {
@@ -672,7 +704,7 @@ var A = {
 												children: "Total Customers"
 											}), /* @__PURE__ */ O("span", {
 												className: "text-sm font-semibold text-text-primary",
-												children: A.customerCount
+												children: N.customerCount
 											})]
 										})
 									]
@@ -755,6 +787,6 @@ var A = {
 	});
 };
 //#endregion
-export { B as CartOwnerDashboard };
+export { U as CartOwnerDashboard };
 
 //# sourceMappingURL=CartOwnerDashboard.js.map