@burdenoff/microfe-coolandlovely 2026.614.1

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

@@ -0,0 +1,496 @@
+import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { useDashboardStats as r, useOrders as i, useProviders as a } from "../../hooks/useCoolAndLovelyApi.js";
+import { formatCurrency as o } from "../../utils/formatters.js";
+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";
+//#region src/coolandlovely/pages/customer/CustomerDashboard.tsx
+function T() {
+	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);
+		return n === e ? t : n;
+	}, [O]), L = D?.firstName ?? D?.name ?? "Customer", R = [
+		{
+			id: "1",
+			type: "suggestion",
+			title: "New Cart Nearby",
+			description: "Healthy Bowls cart just opened 0.2km from your location. They specialize in acai bowls and smoothies.",
+			confidence: 92,
+			action: "Explore Cart"
+		},
+		{
+			id: "2",
+			type: "opportunity",
+			title: "Special Offer Available",
+			description: "Your favorite Dosa Express is offering 20% off on orders above ₹300. Valid until tonight.",
+			confidence: 95,
+			action: "Order Now"
+		},
+		{
+			id: "3",
+			type: "trend",
+			title: "Peak Hours Alert",
+			description: "Order now to avoid lunch rush. Delivery times typically increase by 15-20 minutes after 12 PM.",
+			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),
+		favoriteCount: 6,
+		avgRating: 4.5
+	}, H = (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";
+			default: return "bg-muted text-muted-foreground";
+		}
+	}, U = (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) => {
+		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-muted text-muted-foreground border-border";
+		}
+	};
+	return F ? /* @__PURE__ */ C(n, {
+		title: I("coolandlovely.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-muted-foreground",
+					children: I("coolandlovely.customerDashboard.loading", "Loading your dashboard...")
+				})]
+			})
+		})
+	}) : /* @__PURE__ */ w(n, {
+		title: I("coolandlovely.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 bg-card 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-muted",
+							children: /* @__PURE__ */ C(g, { className: "h-5 w-5 text-muted-foreground" })
+						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+							className: "text-2xl font-bold text-foreground",
+							children: V.totalOrders
+						}), /* @__PURE__ */ C("p", {
+							className: "text-xs text-muted-foreground",
+							children: I("coolandlovely.customerDashboard.totalOrders", "Total Orders")
+						})] })]
+					})
+				}),
+				/* @__PURE__ */ C("div", {
+					className: "rounded-lg border border-border bg-card 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-muted",
+							children: /* @__PURE__ */ C(d, { className: "h-5 w-5 text-muted-foreground" })
+						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+							className: "text-2xl font-bold text-foreground",
+							children: o(V.totalSpent, { minimumFractionDigits: 0 })
+						}), /* @__PURE__ */ C("p", {
+							className: "text-xs text-muted-foreground",
+							children: I("coolandlovely.customerDashboard.totalSpent", "Total Spent")
+						})] })]
+					})
+				}),
+				/* @__PURE__ */ C("div", {
+					className: "rounded-lg border border-border bg-card 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-muted",
+							children: /* @__PURE__ */ C(f, { className: "h-5 w-5 text-muted-foreground" })
+						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+							className: "text-2xl font-bold text-foreground",
+							children: V.favoriteCount
+						}), /* @__PURE__ */ C("p", {
+							className: "text-xs text-muted-foreground",
+							children: I("coolandlovely.customerDashboard.favoriteCarts", "Favorite Carts")
+						})] })]
+					})
+				}),
+				/* @__PURE__ */ C("div", {
+					className: "rounded-lg border border-border bg-card 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-muted",
+							children: /* @__PURE__ */ C(y, { className: "h-5 w-5 text-muted-foreground" })
+						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+							className: "text-2xl font-bold text-foreground",
+							children: V.avgRating.toFixed(1)
+						}), /* @__PURE__ */ C("p", {
+							className: "text-xs text-muted-foreground",
+							children: I("coolandlovely.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-foreground mb-4",
+						children: I("coolandlovely.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 bg-card 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-foreground",
+										children: I("coolandlovely.customerDashboard.discoverCarts", "Discover Carts")
+									}), /* @__PURE__ */ C("p", {
+										className: "text-xs text-muted-foreground",
+										children: I("coolandlovely.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 bg-card 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-foreground",
+										children: I("coolandlovely.customerDashboard.orderHistory", "Order History")
+									}), /* @__PURE__ */ C("p", {
+										className: "text-xs text-muted-foreground",
+										children: I("coolandlovely.customerDashboard.viewPastOrders", "View past orders")
+									})]
+								})]
+							}),
+							/* @__PURE__ */ w("button", {
+								type: "button",
+								onClick: () => E("/customer/favorites"),
+								className: t("flex items-center gap-3 rounded-lg border border-border bg-card 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-foreground",
+										children: I("coolandlovely.customerDashboard.favorites", "Favorites")
+									}), /* @__PURE__ */ C("p", {
+										className: "text-xs text-muted-foreground",
+										children: I("coolandlovely.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-foreground",
+							children: I("coolandlovely.customerDashboard.recentOrders", "Recent Orders")
+						}), /* @__PURE__ */ w("button", {
+							type: "button",
+							onClick: () => E("/customer/orders"),
+							className: "flex items-center gap-1 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors",
+							children: [I("coolandlovely.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 bg-card 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-foreground",
+												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, " ")
+											})]
+										}),
+										/* @__PURE__ */ C("p", {
+											className: "text-xs text-muted-foreground 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-muted-foreground",
+											children: [
+												/* @__PURE__ */ C("span", {
+													className: "font-medium text-foreground",
+													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-yellow-400 text-yellow-400" }), e.rating]
+												})
+											]
+										})
+									]
+								}), /* @__PURE__ */ C("button", {
+									type: "button",
+									onClick: () => E(`/customer/orders/${e.id}`),
+									className: "rounded-lg border border-border px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent transition-colors",
+									children: I("coolandlovely.customerDashboard.viewDetails", "View Details")
+								})]
+							})
+						}, e.id))
+					}) : /* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-8 text-center",
+						children: [/* @__PURE__ */ C(v, { className: "mx-auto h-10 w-10 text-muted-foreground/50" }), /* @__PURE__ */ C("p", {
+							className: "mt-3 text-sm text-muted-foreground",
+							children: I("coolandlovely.customerDashboard.noRecentOrders", "No recent orders")
+						})]
+					})] }),
+					/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
+						className: "text-lg font-semibold text-foreground mb-4",
+						children: I("coolandlovely.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 bg-card 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("coolandlovely.customerDashboard.open", "Open") : I("coolandlovely.customerDashboard.closed", "Closed")
+									})
+								})]
+							}), /* @__PURE__ */ w("div", {
+								className: "p-4",
+								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-foreground",
+												children: e.name
+											}), /* @__PURE__ */ C("p", {
+												className: "text-xs text-muted-foreground",
+												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-foreground",
+												children: e.rating
+											})]
+										})]
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "flex items-center gap-3 text-xs text-muted-foreground 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 && 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-muted text-muted-foreground cursor-not-allowed"),
+										children: e.isOpen ? I("coolandlovely.customerDashboard.viewMenu", "View Menu") : I("coolandlovely.customerDashboard.currentlyClosed", "Currently Closed")
+									})
+								]
+							})]
+						}, e.id))
+					})] })
+				]
+			}), /* @__PURE__ */ w("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-5",
+						children: [/* @__PURE__ */ C("h3", {
+							className: "text-base font-semibold text-foreground mb-4",
+							children: I("coolandlovely.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", {
+										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: "mt-1 text-xs opacity-80 leading-relaxed",
+												children: e.description
+											}),
+											/* @__PURE__ */ C("button", {
+												type: "button",
+												onClick: () => E("/customer/carts"),
+												className: "mt-2 text-[10px] font-semibold underline underline-offset-2",
+												children: e.action
+											})
+										]
+									})]
+								})
+							}, e.id))
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-5",
+						children: [/* @__PURE__ */ C("h3", {
+							className: "text-base font-semibold text-foreground mb-3",
+							children: I("coolandlovely.customerDashboard.quickLinks", "Quick Links")
+						}), /* @__PURE__ */ w("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => E("/customer/profile"),
+									className: "flex w-full items-center gap-2 rounded-lg border border-border px-3 py-2.5 text-sm text-foreground hover:bg-accent transition-colors text-left",
+									children: [/* @__PURE__ */ C(x, { className: "h-4 w-4 text-muted-foreground" }), I("coolandlovely.customerDashboard.profileSettings", "Profile Settings")]
+								}),
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => E("/customer/addresses"),
+									className: "flex w-full items-center gap-2 rounded-lg border border-border px-3 py-2.5 text-sm text-foreground hover:bg-accent transition-colors text-left",
+									children: [/* @__PURE__ */ C(m, { className: "h-4 w-4 text-muted-foreground" }), I("coolandlovely.customerDashboard.savedAddresses", "Saved Addresses")]
+								}),
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => E("/customer/payment-methods"),
+									className: "flex w-full items-center gap-2 rounded-lg border border-border px-3 py-2.5 text-sm text-foreground hover:bg-accent transition-colors text-left",
+									children: [/* @__PURE__ */ C(d, { className: "h-4 w-4 text-muted-foreground" }), I("coolandlovely.customerDashboard.paymentMethods", "Payment Methods")]
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-5",
+						children: [
+							/* @__PURE__ */ C("h3", {
+								className: "text-base font-semibold text-foreground mb-3",
+								children: I("coolandlovely.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-foreground",
+											children: "Koramangala"
+										}),
+										/* @__PURE__ */ C("p", {
+											className: "text-xs text-muted-foreground",
+											children: "80 Feet Road, 6th Block"
+										}),
+										/* @__PURE__ */ C("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Bangalore, Karnataka"
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ C("button", {
+								type: "button",
+								onClick: () => E("/customer/addresses"),
+								className: "mt-3 w-full rounded-lg border border-border px-3 py-2 text-xs font-medium text-foreground hover:bg-accent transition-colors",
+								children: I("coolandlovely.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-foreground mb-2",
+								children: I("coolandlovely.customerDashboard.specialOffers", "Special Offers")
+							}),
+							/* @__PURE__ */ C("p", {
+								className: "text-xs text-muted-foreground mb-3 leading-relaxed",
+								children: I("coolandlovely.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("coolandlovely.customerDashboard.viewOffers", "View Offers")
+							})
+						]
+					})
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { E as CustomerDashboard };
+
+//# sourceMappingURL=CustomerDashboard.js.map

package/dist/coolandlovely/pages/customer/CustomerDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerDashboard.js","names":[],"sources":["../../../../src/coolandlovely/pages/customer/CustomerDashboard.tsx"],"sourcesContent":["/**\n * Customer Dashboard Page\n * @module coolandlovely/pages/customer\n *\n * Welcome dashboard with time-of-day greeting, AI insights panel,\n * stats grid, recent orders with per-item display, recommended carts,\n * quick links sidebar, current location card, and special offers.\n */\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  ShoppingBag,\n  Heart,\n  Star,\n  CreditCard,\n  ArrowRight,\n  Search,\n  Clock,\n  MapPin,\n  Package,\n  User,\n  Navigation,\n  Lightbulb,\n  TrendingUp,\n  Zap,\n} from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport { useOrders, useProviders, useDashboardStats } from '../../hooks/useCoolAndLovelyApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\n\ninterface RecommendedCart {\n  id: string;\n  name: string;\n  category: string;\n  rating: number;\n  distance: number;\n  estimatedTime: number;\n  image: string;\n  isOpen: boolean;\n}\n\ninterface CustomerStats {\n  totalOrders: number;\n  totalSpent: number;\n  favoriteCount: number;\n  avgRating: number;\n}\n\ninterface AIInsight {\n  id: string;\n  type: 'suggestion' | 'opportunity' | 'trend';\n  title: string;\n  description: string;\n  confidence: number;\n  action: string;\n}\n\nfunction getTimeOfDayGreeting(): string {\n  const hour = new Date().getHours();\n  if (hour < 12) return 'Good morning';\n  if (hour < 17) return 'Good afternoon';\n  return 'Good evening';\n}\n\nexport function CustomerDashboard() {\n  const { navigateTo, currentUser } = useCoolAndLovely();\n  const { t: translate } = useI18n();\n\n  const { data: orders = [], isLoading: isLoadingOrders } = useOrders({\n    customerId: currentUser?.id,\n  });\n  const { data: providers = [], isLoading: isLoadingProviders } = useProviders();\n  const { data: statsData, isLoading: isLoadingStats } = useDashboardStats();\n\n  const isLoading = isLoadingOrders || isLoadingProviders || isLoadingStats;\n\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  const firstName = currentUser?.firstName ?? currentUser?.name ?? 'Customer';\n\n  const aiInsights: AIInsight[] = [\n    {\n      id: '1',\n      type: 'suggestion',\n      title: 'New Cart Nearby',\n      description:\n        'Healthy Bowls cart just opened 0.2km from your location. They specialize in acai bowls and smoothies.',\n      confidence: 92,\n      action: 'Explore Cart',\n    },\n    {\n      id: '2',\n      type: 'opportunity',\n      title: 'Special Offer Available',\n      description:\n        'Your favorite Dosa Express is offering 20% off on orders above ₹300. Valid until tonight.',\n      confidence: 95,\n      action: 'Order Now',\n    },\n    {\n      id: '3',\n      type: 'trend',\n      title: 'Peak Hours Alert',\n      description:\n        'Order now to avoid lunch rush. Delivery times typically increase by 15-20 minutes after 12 PM.',\n      confidence: 88,\n      action: 'View Carts',\n    },\n  ];\n\n  const recentOrders = orders.slice(0, 3);\n  const recommendedCarts = providers.slice(0, 3);\n\n  const stats: CustomerStats = {\n    totalOrders: orders.length,\n    totalSpent: orders.reduce((acc, order) => acc + order.total, 0),\n    favoriteCount: 6, // Still mock as we don't have favorite hooks yet\n    avgRating: 4.5, // Still mock\n  };\n\n  const getStatusColor = (status: string) => {\n    switch (status) {\n      case 'delivered':\n        return 'bg-green-500/20 text-green-600 dark:text-green-400';\n      case 'preparing':\n        return 'bg-yellow-500/20 text-yellow-600 dark:text-yellow-400';\n      case 'out_for_delivery':\n        return 'bg-blue-500/20 text-blue-600 dark:text-blue-400';\n      case 'confirmed':\n        return 'bg-blue-500/20 text-blue-600 dark:text-blue-400';\n      case 'cancelled':\n        return 'bg-red-500/20 text-red-600 dark:text-red-400';\n      default:\n        return 'bg-muted text-muted-foreground';\n    }\n  };\n\n  const getInsightIcon = (type: string) => {\n    switch (type) {\n      case 'suggestion':\n        return <Lightbulb className=\"h-4 w-4\" />;\n      case 'opportunity':\n        return <TrendingUp className=\"h-4 w-4\" />;\n      case 'trend':\n        return <Zap className=\"h-4 w-4\" />;\n      default:\n        return <Lightbulb className=\"h-4 w-4\" />;\n    }\n  };\n\n  const getInsightColor = (type: string) => {\n    switch (type) {\n      case 'suggestion':\n        return 'bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/20';\n      case 'opportunity':\n        return 'bg-green-500/10 text-green-600 dark:text-green-400 border-green-500/20';\n      case 'trend':\n        return 'bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20';\n      default:\n        return 'bg-muted text-muted-foreground border-border';\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <PageLayout title={t('coolandlovely.customerDashboard.title', 'Dashboard')}>\n        <div className=\"flex items-center justify-center py-20\">\n          <div className=\"text-center\">\n            <div className=\"mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-foreground\" />\n            <p className=\"text-sm text-muted-foreground\">\n              {t('coolandlovely.customerDashboard.loading', 'Loading your dashboard...')}\n            </p>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={t('coolandlovely.customerDashboard.welcomeBack', 'Welcome Back!')}\n      description={`${getTimeOfDayGreeting()}, ${firstName}`}\n    >\n      {/* Stats Overview */}\n      {stats && (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          <div className=\"rounded-lg border border-border bg-card p-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-muted\">\n                <Package className=\"h-5 w-5 text-muted-foreground\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold text-foreground\">{stats.totalOrders}</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {t('coolandlovely.customerDashboard.totalOrders', 'Total Orders')}\n                </p>\n              </div>\n            </div>\n          </div>\n          <div className=\"rounded-lg border border-border bg-card p-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-muted\">\n                <CreditCard className=\"h-5 w-5 text-muted-foreground\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold text-foreground\">\n                  {formatCurrency(stats.totalSpent, { minimumFractionDigits: 0 })}\n                </p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {t('coolandlovely.customerDashboard.totalSpent', 'Total Spent')}\n                </p>\n              </div>\n            </div>\n          </div>\n          <div className=\"rounded-lg border border-border bg-card p-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-muted\">\n                <Heart className=\"h-5 w-5 text-muted-foreground\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold text-foreground\">{stats.favoriteCount}</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {t('coolandlovely.customerDashboard.favoriteCarts', 'Favorite Carts')}\n                </p>\n              </div>\n            </div>\n          </div>\n          <div className=\"rounded-lg border border-border bg-card p-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-muted\">\n                <Star className=\"h-5 w-5 text-muted-foreground\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold text-foreground\">{stats.avgRating.toFixed(1)}</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {t('coolandlovely.customerDashboard.avgRatingGiven', 'Avg Rating Given')}\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n\n      <div className=\"mt-8 grid grid-cols-1 gap-8 lg:grid-cols-3\">\n        {/* Main Content */}\n        <div className=\"lg:col-span-2 space-y-8\">\n          {/* Quick Actions */}\n          <section>\n            <h2 className=\"text-lg font-semibold text-foreground mb-4\">\n              {t('coolandlovely.customerDashboard.quickActions', 'Quick Actions')}\n            </h2>\n            <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-3\">\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/customer/carts')}\n                className={cn(\n                  'flex items-center gap-3 rounded-lg border border-border bg-card p-4 shadow-sm transition-colors text-left',\n                  'hover:bg-accent hover:shadow-md'\n                )}\n              >\n                <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-blue-500/10\">\n                  <Search className=\"h-5 w-5 text-blue-600 dark:text-blue-400\" />\n                </div>\n                <div className=\"min-w-0\">\n                  <p className=\"text-sm font-semibold text-foreground\">\n                    {t('coolandlovely.customerDashboard.discoverCarts', 'Discover Carts')}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {t('coolandlovely.customerDashboard.findNearbyCarts', 'Find nearby carts')}\n                  </p>\n                </div>\n              </button>\n\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/customer/orders')}\n                className={cn(\n                  'flex items-center gap-3 rounded-lg border border-border bg-card p-4 shadow-sm transition-colors text-left',\n                  'hover:bg-accent hover:shadow-md'\n                )}\n              >\n                <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-green-500/10\">\n                  <Clock className=\"h-5 w-5 text-green-600 dark:text-green-400\" />\n                </div>\n                <div className=\"min-w-0\">\n                  <p className=\"text-sm font-semibold text-foreground\">\n                    {t('coolandlovely.customerDashboard.orderHistory', 'Order History')}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {t('coolandlovely.customerDashboard.viewPastOrders', 'View past orders')}\n                  </p>\n                </div>\n              </button>\n\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/customer/favorites')}\n                className={cn(\n                  'flex items-center gap-3 rounded-lg border border-border bg-card p-4 shadow-sm transition-colors text-left',\n                  'hover:bg-accent hover:shadow-md'\n                )}\n              >\n                <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-red-500/10\">\n                  <Heart className=\"h-5 w-5 text-red-600 dark:text-red-400\" />\n                </div>\n                <div className=\"min-w-0\">\n                  <p className=\"text-sm font-semibold text-foreground\">\n                    {t('coolandlovely.customerDashboard.favorites', 'Favorites')}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {t('coolandlovely.customerDashboard.savedCarts', 'Saved carts')}\n                  </p>\n                </div>\n              </button>\n            </div>\n          </section>\n\n          {/* Recent Orders */}\n          <section>\n            <div className=\"flex items-center justify-between mb-4\">\n              <h2 className=\"text-lg font-semibold text-foreground\">\n                {t('coolandlovely.customerDashboard.recentOrders', 'Recent Orders')}\n              </h2>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/customer/orders')}\n                className=\"flex items-center gap-1 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors\"\n              >\n                {t('coolandlovely.common.viewAll', 'View All')}\n                <ArrowRight className=\"h-4 w-4\" />\n              </button>\n            </div>\n\n            {recentOrders.length > 0 ? (\n              <div className=\"space-y-3\">\n                {recentOrders.map((order) => (\n                  <div key={order.id} className=\"rounded-lg border border-border bg-card p-4\">\n                    <div className=\"flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3\">\n                      <div className=\"flex-1 min-w-0\">\n                        <div className=\"flex flex-wrap items-center gap-2 mb-1\">\n                          <h3 className=\"text-sm font-semibold text-foreground\">\n                            {order.cartName}\n                          </h3>\n                          <span\n                            className={cn(\n                              'inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize',\n                              getStatusColor(order.status)\n                            )}\n                          >\n                            {order.status.replace(/_/g, ' ')}\n                          </span>\n                        </div>\n                        <p className=\"text-xs text-muted-foreground mb-2 leading-relaxed\">\n                          {order.items.map((item) => `${item.name} (${item.quantity})`).join(', ')}\n                        </p>\n                        <div className=\"flex flex-wrap items-center gap-3 text-xs text-muted-foreground\">\n                          <span className=\"font-medium text-foreground\">\n                            {formatCurrency(order.total, { minimumFractionDigits: 0 })}\n                          </span>\n                          <span>{new Date(order.orderDate).toLocaleDateString()}</span>\n                          {order.rating && (\n                            <span className=\"flex items-center gap-1\">\n                              <Star className=\"h-3 w-3 fill-yellow-400 text-yellow-400\" />\n                              {order.rating}\n                            </span>\n                          )}\n                        </div>\n                      </div>\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`/customer/orders/${order.id}`)}\n                        className=\"rounded-lg border border-border px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent transition-colors\"\n                      >\n                        {t('coolandlovely.customerDashboard.viewDetails', 'View Details')}\n                      </button>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            ) : (\n              <div className=\"rounded-lg border border-border bg-card p-8 text-center\">\n                <ShoppingBag className=\"mx-auto h-10 w-10 text-muted-foreground/50\" />\n                <p className=\"mt-3 text-sm text-muted-foreground\">\n                  {t('coolandlovely.customerDashboard.noRecentOrders', 'No recent orders')}\n                </p>\n              </div>\n            )}\n          </section>\n\n          {/* Recommended Carts */}\n          <section>\n            <h2 className=\"text-lg font-semibold text-foreground mb-4\">\n              {t('coolandlovely.customerDashboard.recommendedForYou', 'Recommended for You')}\n            </h2>\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n              {recommendedCarts.map((cart) => (\n                <div\n                  key={cart.id}\n                  className=\"rounded-lg border border-border bg-card overflow-hidden shadow-sm hover:shadow-md transition-shadow\"\n                >\n                  <div className=\"relative h-40\">\n                    <img src={cart.image} alt={cart.name} className=\"h-full w-full object-cover\" />\n                    <div className=\"absolute top-2 right-2\">\n                      <span\n                        className={cn(\n                          'inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium',\n                          cart.isOpen\n                            ? 'bg-green-500/20 text-green-600 dark:text-green-400'\n                            : 'bg-red-500/20 text-red-600 dark:text-red-400'\n                        )}\n                      >\n                        {cart.isOpen\n                          ? t('coolandlovely.customerDashboard.open', 'Open')\n                          : t('coolandlovely.customerDashboard.closed', 'Closed')}\n                      </span>\n                    </div>\n                  </div>\n                  <div className=\"p-4\">\n                    <div className=\"flex items-start justify-between mb-2\">\n                      <div className=\"min-w-0 flex-1\">\n                        <h3 className=\"text-sm font-semibold text-foreground\">{cart.name}</h3>\n                        <p className=\"text-xs text-muted-foreground\">{cart.category}</p>\n                      </div>\n                      <div className=\"flex items-center gap-1 text-xs\">\n                        <Star className=\"h-3 w-3 fill-yellow-400 text-yellow-400\" />\n                        <span className=\"font-medium text-foreground\">{cart.rating}</span>\n                      </div>\n                    </div>\n                    <div className=\"flex items-center gap-3 text-xs text-muted-foreground mb-3\">\n                      <span className=\"flex items-center gap-1\">\n                        <MapPin className=\"h-3 w-3\" />\n                        {cart.distance}km away\n                      </span>\n                      <span className=\"flex items-center gap-1\">\n                        <Clock className=\"h-3 w-3\" />\n                        {cart.estimatedTime} mins\n                      </span>\n                    </div>\n                    <button\n                      type=\"button\"\n                      disabled={!cart.isOpen}\n                      onClick={() => cart.isOpen && navigateTo(`/customer/carts/${cart.id}`)}\n                      className={cn(\n                        'w-full rounded-lg py-2 text-sm font-medium transition-opacity',\n                        cart.isOpen\n                          ? 'bg-foreground text-background hover:opacity-90'\n                          : 'bg-muted text-muted-foreground cursor-not-allowed'\n                      )}\n                    >\n                      {cart.isOpen\n                        ? t('coolandlovely.customerDashboard.viewMenu', 'View Menu')\n                        : t('coolandlovely.customerDashboard.currentlyClosed', 'Currently Closed')}\n                    </button>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </section>\n        </div>\n\n        {/* Sidebar */}\n        <div className=\"space-y-6\">\n          {/* AI Insights Panel */}\n          <div className=\"rounded-lg border border-border bg-card p-5\">\n            <h3 className=\"text-base font-semibold text-foreground mb-4\">\n              {t(\n                'coolandlovely.customerDashboard.personalizedRecommendations',\n                'Personalized Recommendations'\n              )}\n            </h3>\n            <div className=\"space-y-3\">\n              {aiInsights.map((insight) => (\n                <div\n                  key={insight.id}\n                  className={cn('rounded-lg border p-3', getInsightColor(insight.type))}\n                >\n                  <div className=\"flex items-start gap-2\">\n                    <div className=\"mt-0.5 shrink-0\">{getInsightIcon(insight.type)}</div>\n                    <div className=\"flex-1 min-w-0\">\n                      <div className=\"flex items-center justify-between gap-2\">\n                        <p className=\"text-xs font-semibold\">{insight.title}</p>\n                        <span className=\"text-[10px] opacity-70\">{insight.confidence}%</span>\n                      </div>\n                      <p className=\"mt-1 text-xs opacity-80 leading-relaxed\">\n                        {insight.description}\n                      </p>\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo('/customer/carts')}\n                        className=\"mt-2 text-[10px] font-semibold underline underline-offset-2\"\n                      >\n                        {insight.action}\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {/* Quick Links */}\n          <div className=\"rounded-lg border border-border bg-card p-5\">\n            <h3 className=\"text-base font-semibold text-foreground mb-3\">\n              {t('coolandlovely.customerDashboard.quickLinks', 'Quick Links')}\n            </h3>\n            <div className=\"space-y-2\">\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/customer/profile')}\n                className=\"flex w-full items-center gap-2 rounded-lg border border-border px-3 py-2.5 text-sm text-foreground hover:bg-accent transition-colors text-left\"\n              >\n                <User className=\"h-4 w-4 text-muted-foreground\" />\n                {t('coolandlovely.customerDashboard.profileSettings', 'Profile Settings')}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/customer/addresses')}\n                className=\"flex w-full items-center gap-2 rounded-lg border border-border px-3 py-2.5 text-sm text-foreground hover:bg-accent transition-colors text-left\"\n              >\n                <MapPin className=\"h-4 w-4 text-muted-foreground\" />\n                {t('coolandlovely.customerDashboard.savedAddresses', 'Saved Addresses')}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/customer/payment-methods')}\n                className=\"flex w-full items-center gap-2 rounded-lg border border-border px-3 py-2.5 text-sm text-foreground hover:bg-accent transition-colors text-left\"\n              >\n                <CreditCard className=\"h-4 w-4 text-muted-foreground\" />\n                {t('coolandlovely.customerDashboard.paymentMethods', 'Payment Methods')}\n              </button>\n            </div>\n          </div>\n\n          {/* Current Location */}\n          <div className=\"rounded-lg border border-border bg-card p-5\">\n            <h3 className=\"text-base font-semibold text-foreground mb-3\">\n              {t('coolandlovely.customerDashboard.currentLocation', 'Current Location')}\n            </h3>\n            <div className=\"flex items-start gap-3\">\n              <Navigation className=\"h-4 w-4 text-blue-500 mt-0.5 shrink-0\" />\n              <div className=\"flex-1 min-w-0\">\n                <p className=\"text-sm font-medium text-foreground\">Koramangala</p>\n                <p className=\"text-xs text-muted-foreground\">80 Feet Road, 6th Block</p>\n                <p className=\"text-xs text-muted-foreground\">Bangalore, Karnataka</p>\n              </div>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/customer/addresses')}\n              className=\"mt-3 w-full rounded-lg border border-border px-3 py-2 text-xs font-medium text-foreground hover:bg-accent transition-colors\"\n            >\n              {t('coolandlovely.customerDashboard.updateLocation', 'Update Location')}\n            </button>\n          </div>\n\n          {/* Special Offers */}\n          <div className=\"rounded-lg bg-gradient-to-r from-blue-500/10 to-purple-500/10 border border-blue-500/20 p-5\">\n            <h3 className=\"text-base font-semibold text-foreground mb-2\">\n              {t('coolandlovely.customerDashboard.specialOffers', 'Special Offers')}\n            </h3>\n            <p className=\"text-xs text-muted-foreground mb-3 leading-relaxed\">\n              {t(\n                'coolandlovely.customerDashboard.specialOffersDescription',\n                'Get 25% off on your next order from featured carts'\n              )}\n            </p>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/customer/carts')}\n              className=\"w-full rounded-lg bg-foreground px-3 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n            >\n              {t('coolandlovely.customerDashboard.viewOffers', 'View Offers')}\n            </button>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/coolandlovely/pages/customer/CustomerProfilePage.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Customer Profile Page
+ * @module coolandlovely/pages/customer
+ *
+ * Full profile management with 3-tab interface (Profile Info, Preferences, My Stats),
+ * edit mode toggle, inline editable fields, emergency contact, dietary preferences,
+ * food allergies, and stats/loyalty display.
+ */
+export declare function CustomerProfilePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CustomerProfilePage.d.ts.map

package/dist/coolandlovely/pages/customer/CustomerProfilePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerProfilePage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/customer/CustomerProfilePage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAmFH,wBAAgB,mBAAmB,4CAooBlC"}