@burdenoff/microfe-kadaikodi 2026.704.4 → 2026.710.1

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

@@ -2,443 +2,180 @@ import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
-import { formatCurrency as i, formatDate as a } from "../../utils/formatters.js";
-import { useCallback as o, useState as s } from "react";
-import { Clock as c, Heart as l, Leaf as u, RotateCcw as d, Search as f, ShoppingCart as p, Star as m, Utensils as h, X as g } from "lucide-react";
+import { useProviders as i } from "../../hooks/useKadaikodiApi.js";
+import { formatDistance as a } from "../../utils/formatters.js";
+import { RatingStars as o } from "../../components/viz/RatingStars.js";
+import "../../components/viz/index.js";
+import { ProviderImage as s, useFavorites as c } from "./shared.js";
+import { useMemo as l, useState as u } from "react";
+import { CheckCircle2 as d, Clock as f, Heart as p, MapPin as m, RotateCcw as h, Search as g } from "lucide-react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 import { EmphasisPanel as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/customer/FavoritesPage.tsx
 function x() {
-	let { navigateTo: x } = e(), S = [], C = [], [w, T] = s({
-		searchQuery: "",
-		type: "all",
-		category: "",
-		sortBy: "recent"
-	}), { carts: E, products: D } = o(() => {
-		let e = [...S], t = [...C];
-		if (w.searchQuery) {
-			let n = w.searchQuery.toLowerCase();
-			e = e.filter((e) => e.name.toLowerCase().includes(n) || e.description.toLowerCase().includes(n) || e.category.toLowerCase().includes(n)), t = t.filter((e) => e.name.toLowerCase().includes(n) || e.description.toLowerCase().includes(n) || e.category.toLowerCase().includes(n) || e.cartName.toLowerCase().includes(n));
+	let { navigateTo: x } = e(), { data: S = [], isLoading: C } = i(), w = c(), [T, E] = u(""), [D, O] = u("rating"), k = l(() => {
+		let e = S.filter((e) => w.has(e.id));
+		if (T.trim()) {
+			let t = T.toLowerCase();
+			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.category.toLowerCase().includes(t));
 		}
-		switch (w.category && (e = e.filter((e) => e.category === w.category), t = t.filter((e) => e.category === w.category)), w.sortBy) {
-			case "recent":
-				e.sort((e, t) => new Date(t.addedToFavorites).getTime() - new Date(e.addedToFavorites).getTime()), t.sort((e, t) => new Date(t.addedToFavorites).getTime() - new Date(e.addedToFavorites).getTime());
-				break;
-			case "name":
-				e.sort((e, t) => e.name.localeCompare(t.name)), t.sort((e, t) => e.name.localeCompare(t.name));
-				break;
-			case "rating":
-				e.sort((e, t) => t.rating - e.rating), t.sort((e, t) => t.rating - e.rating);
-				break;
-			case "orders":
-				e.sort((e, t) => t.totalOrders - e.totalOrders), t.sort((e, t) => t.orderCount - e.orderCount);
-				break;
-		}
-		return w.type === "carts" ? {
-			carts: e,
-			products: []
-		} : w.type === "products" ? {
-			carts: [],
-			products: t
-		} : {
-			carts: e,
-			products: t
-		};
+		return e.sort((e, t) => D === "name" ? e.name.localeCompare(t.name) : t.rating - e.rating), e;
 	}, [
 		S,
-		C,
-		w
-	])(), O = (e) => {
-		console.log("Remove cart:", e);
-	}, k = (e) => {
-		console.log("Remove product:", e);
-	}, A = S.reduce((e, t) => e + t.totalSpent, 0) + C.reduce((e, t) => e + t.price * t.orderCount, 0);
+		w,
+		T,
+		D
+	]), A = k.filter((e) => e.isOpen).length;
 	return /* @__PURE__ */ v(n, {
-		title: "My Favorites",
-		description: `${S.length} carts, ${C.length} products`,
+		title: "Your Favorites",
+		description: `${w.ids.length} saved`,
 		children: [
 			/* @__PURE__ */ _(b, {
 				className: "mb-6",
-				children: "Everything you've saved in one place — the carts you love and the dishes you keep coming back to. Reorder a favourite in a tap, or use the filters to find exactly what you saved."
+				children: "Every cart you've saved, in one place. Tap the heart on any cart while browsing to add it here, then reorder your go-to spots in a single tap."
 			}),
-			/* @__PURE__ */ _(y, {
+			w.ids.length > 0 && /* @__PURE__ */ _(y, {
 				className: "mb-6",
 				children: /* @__PURE__ */ v("div", {
 					className: "flex flex-wrap items-center gap-4 text-sm text-text-secondary",
-					children: [
-						/* @__PURE__ */ v("span", {
-							className: "flex items-center gap-1.5",
-							children: [
-								/* @__PURE__ */ _(p, { className: "h-3.5 w-3.5" }),
-								S.length,
-								" carts"
-							]
-						}),
-						/* @__PURE__ */ v("span", {
-							className: "flex items-center gap-1.5",
-							children: [
-								/* @__PURE__ */ _(h, { className: "h-3.5 w-3.5" }),
-								C.length,
-								" products"
-							]
-						}),
-						/* @__PURE__ */ v("span", {
-							className: "flex items-center gap-1.5",
-							children: [
-								/* @__PURE__ */ _(m, { className: "h-3.5 w-3.5" }),
-								"Total saved: ",
-								i(A, { minimumFractionDigits: 0 })
-							]
-						})
-					]
+					children: [/* @__PURE__ */ v("span", {
+						className: "flex items-center gap-1.5",
+						children: [
+							/* @__PURE__ */ _(p, { className: "h-3.5 w-3.5 fill-status-error-text text-status-error-text" }),
+							w.ids.length,
+							" saved"
+						]
+					}), /* @__PURE__ */ v("span", {
+						className: "flex items-center gap-1.5",
+						children: [
+							/* @__PURE__ */ _(d, { className: "h-3.5 w-3.5 text-status-success-text" }),
+							A,
+							" open now"
+						]
+					})]
 				})
 			}),
-			/* @__PURE__ */ _("div", {
-				className: "rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6",
-				children: /* @__PURE__ */ v("div", {
-					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
-					children: [
-						/* @__PURE__ */ v("div", {
-							className: "relative",
-							children: [/* @__PURE__ */ _(f, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ _("input", {
-								type: "text",
-								placeholder: "Search favorites...",
-								value: w.searchQuery,
-								onChange: (e) => T((t) => ({
-									...t,
-									searchQuery: e.target.value
-								})),
-								className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-9 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-							})]
-						}),
-						/* @__PURE__ */ v("select", {
-							value: w.type,
-							onChange: (e) => T((t) => ({
-								...t,
-								type: e.target.value
-							})),
-							className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: [
-								/* @__PURE__ */ _("option", {
-									value: "all",
-									children: "All Favorites"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "carts",
-									children: "Favorite Carts"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "products",
-									children: "Favorite Products"
-								})
-							]
-						}),
-						/* @__PURE__ */ v("select", {
-							value: w.category,
-							onChange: (e) => T((t) => ({
-								...t,
-								category: e.target.value
-							})),
-							className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: [
-								/* @__PURE__ */ _("option", {
-									value: "",
-									children: "All Categories"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "Food & Beverage",
-									children: "Food & Beverage"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "Street Food",
-									children: "Street Food"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "South Indian",
-									children: "South Indian"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "Beverages",
-									children: "Beverages"
-								})
-							]
-						}),
-						/* @__PURE__ */ v("select", {
-							value: w.sortBy,
-							onChange: (e) => T((t) => ({
-								...t,
-								sortBy: e.target.value
-							})),
-							className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: [
-								/* @__PURE__ */ _("option", {
-									value: "recent",
-									children: "Recently Added"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "name",
-									children: "Name A-Z"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "rating",
-									children: "Highest Rated"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "orders",
-									children: "Most Ordered"
-								})
-							]
-						})
-					]
-				})
+			w.ids.length > 0 && /* @__PURE__ */ v("div", {
+				className: "mb-6 grid grid-cols-1 gap-3 sm:grid-cols-3",
+				children: [/* @__PURE__ */ v("div", {
+					className: "relative sm:col-span-2",
+					children: [/* @__PURE__ */ _(g, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ _("input", {
+						type: "text",
+						placeholder: "Search favorites…",
+						value: T,
+						onChange: (e) => E(e.target.value),
+						className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-9 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+					})]
+				}), /* @__PURE__ */ v("select", {
+					value: D,
+					onChange: (e) => O(e.target.value),
+					className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+					children: [/* @__PURE__ */ _("option", {
+						value: "rating",
+						children: "Highest rated"
+					}), /* @__PURE__ */ _("option", {
+						value: "name",
+						children: "Name A–Z"
+					})]
+				})]
 			}),
-			E.length === 0 && D.length === 0 ? /* @__PURE__ */ _(r, {
+			C ? /* @__PURE__ */ _("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: Array.from({ length: 3 }).map((e, t) => /* @__PURE__ */ _("div", { className: "h-56 animate-pulse rounded-xl border border-border-subtle bg-bg-sunken" }, t))
+			}) : k.length === 0 ? /* @__PURE__ */ _(r, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ _(l, { className: "h-12 w-12" }),
-				title: "No favorites yet",
-				description: "You haven't saved any favorites yet. Once you save the carts and dishes you love, they'll show up here.",
-				action: /* @__PURE__ */ _("button", {
+				icon: /* @__PURE__ */ _(p, { className: "h-12 w-12" }),
+				title: w.ids.length === 0 ? "No favorites yet" : "No matches",
+				description: w.ids.length === 0 ? "Tap the heart on any cart while browsing and it'll show up here." : "No saved carts match your search.",
+				action: w.ids.length === 0 ? /* @__PURE__ */ _("button", {
 					type: "button",
 					onClick: () => x("/customer/discover"),
-					className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
+					className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg-hover transition-colors",
 					children: "Discover Carts"
-				})
-			}) : /* @__PURE__ */ v("div", {
-				className: "space-y-8",
-				children: [E.length > 0 && /* @__PURE__ */ v("section", { children: [/* @__PURE__ */ v("h3", {
-					className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-					children: [
-						/* @__PURE__ */ _(p, { className: "h-4 w-4 text-text-secondary" }),
-						"Favorite Carts (",
-						E.length,
-						")"
-					]
-				}), /* @__PURE__ */ _("div", {
-					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: E.map((e) => /* @__PURE__ */ v("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden",
-						children: [/* @__PURE__ */ v("div", {
-							className: "relative h-36 bg-bg-sunken",
-							children: [
-								/* @__PURE__ */ _("button", {
-									type: "button",
-									onClick: () => x(`/customer/cart/${e.id}`),
-									className: "block h-full w-full",
-									children: /* @__PURE__ */ _("img", {
-										src: e.image,
-										alt: e.name,
-										className: "h-full w-full object-cover"
-									})
-								}),
-								/* @__PURE__ */ _("button", {
-									type: "button",
-									onClick: () => O(e.id),
-									title: "Remove from favorites",
-									className: "absolute top-2 right-2 flex h-8 w-8 items-center justify-center rounded-full bg-bg-surface/80 backdrop-blur-sm text-status-error-text hover:bg-bg-surface transition-colors",
-									children: /* @__PURE__ */ _(l, { className: "h-4 w-4 fill-current" })
-								}),
-								/* @__PURE__ */ _("div", {
-									className: "absolute top-2 left-2",
-									children: /* @__PURE__ */ _("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 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
-										children: e.isOpen ? "Open" : "Closed"
-									})
-								})
-							]
-						}), /* @__PURE__ */ v("div", {
-							className: "p-4",
-							children: [
-								/* @__PURE__ */ v("div", {
-									className: "flex items-start justify-between gap-2 mb-2",
-									children: [/* @__PURE__ */ _("h4", {
-										className: "text-sm font-semibold text-text-primary truncate",
-										children: e.name
-									}), /* @__PURE__ */ v("div", {
-										className: "flex items-center gap-1 shrink-0",
-										children: [
-											/* @__PURE__ */ _(m, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
-											/* @__PURE__ */ _("span", {
-												className: "text-xs font-medium text-text-primary",
-												children: e.rating
-											}),
-											/* @__PURE__ */ v("span", {
-												className: "text-xs text-text-secondary",
-												children: [
-													"(",
-													e.reviewCount,
-													")"
-												]
-											})
-										]
-									})]
-								}),
-								/* @__PURE__ */ _("p", {
-									className: "text-xs text-text-secondary line-clamp-2 mb-3",
-									children: e.description
-								}),
-								/* @__PURE__ */ v("div", {
-									className: "space-y-1.5 text-xs text-text-secondary",
-									children: [
-										/* @__PURE__ */ v("div", {
-											className: "flex justify-between",
-											children: [/* @__PURE__ */ _("span", { children: "Added:" }), /* @__PURE__ */ _("span", { children: a(e.addedToFavorites, {
-												hour: void 0,
-												minute: void 0,
-												hour12: void 0
-											}) })]
-										}),
-										/* @__PURE__ */ v("div", {
-											className: "flex justify-between",
-											children: [/* @__PURE__ */ _("span", { children: "Total orders:" }), /* @__PURE__ */ _("span", { children: e.totalOrders })]
-										}),
-										/* @__PURE__ */ v("div", {
-											className: "flex justify-between",
-											children: [/* @__PURE__ */ _("span", { children: "Total spent:" }), /* @__PURE__ */ _("span", {
-												className: "font-medium",
-												children: i(e.totalSpent, { minimumFractionDigits: 0 })
-											})]
-										}),
-										e.lastOrdered && /* @__PURE__ */ v("div", {
-											className: "flex justify-between",
-											children: [/* @__PURE__ */ _("span", { children: "Last ordered:" }), /* @__PURE__ */ _("span", { children: a(e.lastOrdered, {
-												hour: void 0,
-												minute: void 0,
-												hour12: void 0
-											}) })]
-										})
-									]
-								}),
-								/* @__PURE__ */ v("div", {
-									className: "flex gap-2 mt-4",
-									children: [/* @__PURE__ */ v("button", {
-										type: "button",
-										onClick: () => x(`/customer/cart/${e.id}`),
-										className: "flex-1 flex items-center justify-center gap-1.5 rounded-lg bg-foreground px-3 py-2 text-xs font-medium text-background hover:opacity-90 transition-opacity",
-										children: [/* @__PURE__ */ _(d, { className: "h-3 w-3" }), "Order Again"]
-									}), /* @__PURE__ */ _("button", {
-										type: "button",
-										onClick: () => x(`/customer/cart/${e.id}`),
-										className: "flex-1 rounded-lg border border-border-subtle px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
-										children: "View Menu"
-									})]
-								})
-							]
-						})]
-					}, e.id))
-				})] }), D.length > 0 && /* @__PURE__ */ v("section", { children: [/* @__PURE__ */ v("h3", {
-					className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-					children: [
-						/* @__PURE__ */ _(h, { className: "h-4 w-4 text-text-secondary" }),
-						"Favorite Products (",
-						D.length,
-						")"
-					]
-				}), /* @__PURE__ */ _("div", {
-					className: "space-y-3",
-					children: D.map((e) => /* @__PURE__ */ _("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-						children: /* @__PURE__ */ v("div", {
-							className: "flex flex-col sm:flex-row sm:items-center gap-4",
-							children: [
-								/* @__PURE__ */ _("img", {
+				}) : void 0
+			}) : /* @__PURE__ */ _("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: k.map((e) => /* @__PURE__ */ v("div", {
+					className: "group flex flex-col overflow-hidden rounded-xl border border-border-subtle bg-bg-surface shadow-elevation-1 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-elevation-2",
+					children: [/* @__PURE__ */ v("div", {
+						className: "relative h-36 bg-bg-sunken",
+						children: [
+							/* @__PURE__ */ _("button", {
+								type: "button",
+								onClick: () => x(`/customer/cart/${e.id}`),
+								className: "block h-full w-full",
+								"aria-label": `Open ${e.name}`,
+								children: /* @__PURE__ */ _(s, {
 									src: e.image,
 									alt: e.name,
-									className: "w-20 h-20 rounded-lg object-cover shrink-0 mx-auto sm:mx-0"
-								}),
-								/* @__PURE__ */ v("div", {
-									className: "flex-1 min-w-0",
-									children: [
-										/* @__PURE__ */ v("div", {
-											className: "flex items-start justify-between gap-2 mb-1",
-											children: [/* @__PURE__ */ _("h4", {
-												className: "text-sm font-semibold text-text-primary",
-												children: e.name
-											}), /* @__PURE__ */ v("div", {
-												className: "flex items-center gap-2 shrink-0",
-												children: [/* @__PURE__ */ _("span", {
-													className: "text-base font-bold text-text-primary",
-													children: i(e.price, { minimumFractionDigits: 0 })
-												}), /* @__PURE__ */ _("button", {
-													type: "button",
-													onClick: () => k(e.id),
-													title: "Remove from favorites",
-													className: "rounded-md p-1 text-status-error-text hover:bg-status-error-bg/10 transition-colors",
-													children: /* @__PURE__ */ _(g, { className: "h-4 w-4" })
-												})]
-											})]
-										}),
-										/* @__PURE__ */ _("p", {
-											className: "text-xs text-text-secondary mb-2",
-											children: e.description
-										}),
-										/* @__PURE__ */ v("div", {
-											className: "flex flex-wrap items-center gap-2 text-xs text-text-secondary mb-2",
-											children: [
-												/* @__PURE__ */ v("span", { children: [
-													"From:",
-													" ",
-													/* @__PURE__ */ _("span", {
-														className: "font-medium text-text-primary",
-														children: e.cartName
-													})
-												] }),
-												/* @__PURE__ */ v("span", { children: [
-													"Ordered ",
-													e.orderCount,
-													" times"
-												] }),
-												/* @__PURE__ */ v("span", { children: [
-													"Added:",
-													" ",
-													a(e.addedToFavorites, {
-														hour: void 0,
-														minute: void 0,
-														hour12: void 0
-													})
-												] })
-											]
-										}),
-										/* @__PURE__ */ v("div", {
-											className: "flex flex-wrap items-center gap-2",
-											children: [
-												e.isVegetarian && /* @__PURE__ */ v("span", {
-													className: "inline-flex items-center gap-1 rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-[10px] font-medium text-status-success-text",
-													children: [/* @__PURE__ */ _(u, { className: "h-3 w-3" }), "Veg"]
-												}),
-												e.isVegan && /* @__PURE__ */ v("span", {
-													className: "inline-flex items-center gap-1 rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-[10px] font-medium text-status-success-text",
-													children: [/* @__PURE__ */ _(u, { className: "h-3 w-3" }), "Vegan"]
-												}),
-												/* @__PURE__ */ v("span", {
-													className: "inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] font-medium text-text-secondary",
-													children: [
-														/* @__PURE__ */ _(c, { className: "h-3 w-3" }),
-														e.preparationTime,
-														" min"
-													]
-												})
-											]
-										})
-									]
-								}),
-								/* @__PURE__ */ v("div", {
-									className: "flex sm:flex-col gap-2 shrink-0",
-									children: [/* @__PURE__ */ _("button", {
-										type: "button",
-										onClick: () => x(`/customer/cart/${e.cartId}`),
-										className: "flex-1 sm:flex-none rounded-lg bg-foreground px-4 py-2 text-xs font-medium text-background hover:opacity-90 transition-opacity whitespace-nowrap",
-										children: "Add to Cart"
-									}), /* @__PURE__ */ _("button", {
-										type: "button",
-										onClick: () => x(`/customer/cart/${e.cartId}`),
-										className: "flex-1 sm:flex-none rounded-lg border border-border-subtle px-4 py-2 text-xs font-medium text-text-primary hover:bg-accent transition-colors whitespace-nowrap",
-										children: "View Cart"
-									})]
+									seed: e.name
 								})
-							]
-						})
-					}, e.id))
-				})] })]
+							}),
+							/* @__PURE__ */ _("button", {
+								type: "button",
+								onClick: () => w.toggle(e.id),
+								"aria-label": "Remove from favorites",
+								className: "absolute top-2 right-2 flex h-8 w-8 items-center justify-center rounded-full bg-bg-surface/80 text-status-error-text backdrop-blur-sm transition-colors hover:bg-bg-surface",
+								children: /* @__PURE__ */ _(p, { className: "h-4 w-4 fill-current" })
+							}),
+							/* @__PURE__ */ v("span", {
+								className: t("absolute top-2 left-2 inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium backdrop-blur-sm", e.isOpen ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"),
+								children: [/* @__PURE__ */ _(f, { className: "h-3 w-3" }), e.isOpen ? "Open now" : "Closed"]
+							})
+						]
+					}), /* @__PURE__ */ v("div", {
+						className: "flex flex-1 flex-col p-4",
+						children: [
+							/* @__PURE__ */ _("h4", {
+								className: "truncate text-sm font-semibold text-text-primary",
+								children: e.name
+							}),
+							/* @__PURE__ */ _("span", {
+								className: "mt-1 inline-flex w-fit items-center rounded-full bg-bg-sunken px-2 py-0.5 text-[11px] font-medium text-text-secondary",
+								children: e.category
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "mt-2 flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ _(o, {
+										value: e.rating,
+										size: 14
+									}),
+									/* @__PURE__ */ _("span", {
+										className: "text-xs font-medium text-text-primary",
+										children: e.rating
+									}),
+									/* @__PURE__ */ v("span", {
+										className: "text-xs text-text-secondary",
+										children: [
+											"(",
+											e.totalRatings,
+											")"
+										]
+									})
+								]
+							}),
+							(e.distance != null || e.location?.address) && /* @__PURE__ */ v("div", {
+								className: "mt-1.5 flex items-center gap-1 text-xs text-text-secondary",
+								children: [/* @__PURE__ */ _(m, { className: "h-3 w-3" }), e.distance == null ? e.location.address.split(",")[0] : a(e.distance)]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "mt-auto flex gap-2 pt-4",
+								children: [/* @__PURE__ */ v("button", {
+									type: "button",
+									onClick: () => x(`/customer/cart/${e.id}`),
+									className: "flex flex-1 items-center justify-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-2 text-xs font-semibold text-action-primary-text hover:bg-action-primary-bg-hover transition-colors",
+									children: [/* @__PURE__ */ _(h, { className: "h-3 w-3" }), "Reorder"]
+								}), /* @__PURE__ */ _("button", {
+									type: "button",
+									onClick: () => x(`/customer/cart/${e.id}`),
+									className: "flex-1 rounded-lg border border-border-subtle px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
+									children: "View Menu"
+								})]
+							})
+						]
+					})]
+				}, e.id))
 			})
 		]
 	});