@burdenoff/microfe-subscriberbot 2026.626.1 → 2026.628.1

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

@@ -1,654 +0,0 @@
-import { useSubscriberBot as e } from "../../context/SubscriberBotContext.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 { useInvestmentOpportunities as ee, useOfferings as i, useProviders as a } from "../../hooks/useSubscriberBotApi.js";
-import { formatCurrency as o, formatDistance as s, formatDuration as c } from "../../utils/formatters.js";
-import { useMemo as l, useState as u } from "react";
-import { ArrowLeft as d, Calendar as f, CheckCircle2 as p, Clock as m, Flame as h, Home as g, Leaf as _, MapPin as v, Minus as y, Plus as b, Search as x, ShoppingCart as S, Star as C, TrendingUp as te, X as w } from "lucide-react";
-import { useParams as T } from "react-router-dom";
-import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
-import { EmphasisPanel as k, NextSteps as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
-//#region src/subscriberbot/pages/customer/CartDetailPage.tsx
-function M() {
-	let { cartId: M } = T(), { navigateTo: N } = e(), { data: P = [], isLoading: ne } = a(), { data: F = [], isLoading: re } = i(M), { data: I = [], isLoading: ie } = ee(), L = l(() => P.find((e) => e.id === M), [P, M]), R = l(() => I.find((e) => e.cartId === M), [I, M]), [z, B] = u(""), [V, H] = u(""), [U, W] = u([]), [G, K] = u(!1), [q, J] = u(null), Y = l(() => F.map((e) => ({
-		id: e.id,
-		name: e.name,
-		price: e.price,
-		description: e.description,
-		image: e.media?.[0] || "https://images.unsplash.com/photo-1567620905732-2d1ec7ab7445?w=400",
-		category: e.category,
-		isVeg: !0,
-		duration: e.durationMinutes,
-		serviceType: e.serviceType
-	})), [F]), X = l(() => [...new Set(Y.map((e) => e.category))], [Y]), Z = l(() => {
-		let e = Y;
-		if (V && (e = e.filter((e) => e.category === V)), z.trim()) {
-			let t = z.toLowerCase();
-			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.description.toLowerCase().includes(t));
-		}
-		return e;
-	}, [
-		Y,
-		V,
-		z
-	]), ae = l(() => {
-		let e = {};
-		return Z.forEach((t) => {
-			e[t.category] || (e[t.category] = []), e[t.category].push(t);
-		}), e;
-	}, [Z]), oe = (e, t = 1, n) => {
-		W((r) => r.find((t) => t.productId === e.id) ? r.map((n) => n.productId === e.id ? {
-			...n,
-			quantity: n.quantity + t
-		} : n) : [...r, {
-			id: `cart-${Date.now()}`,
-			productId: e.id,
-			name: e.name,
-			price: e.price,
-			quantity: t,
-			specialInstructions: n
-		}]);
-	}, Q = (e, t) => {
-		W((n) => n.map((n) => n.productId === e ? {
-			...n,
-			quantity: Math.max(0, n.quantity + t)
-		} : n).filter((e) => e.quantity > 0));
-	}, $ = (e) => {
-		W((t) => t.filter((t) => t.productId !== e));
-	}, se = (e) => U.find((t) => t.productId === e)?.quantity ?? 0, ce = U.reduce((e, t) => e + t.price * t.quantity, 0), le = U.reduce((e, t) => e + t.quantity, 0), ue = (e) => {
-		J({
-			product: e,
-			quantity: 1,
-			specialInstructions: ""
-		}), K(!0);
-	};
-	return L ? /* @__PURE__ */ O(n, {
-		title: /* @__PURE__ */ O("div", {
-			className: "flex items-center gap-3",
-			children: [
-				/* @__PURE__ */ D("button", {
-					type: "button",
-					onClick: () => N("/customer/carts"),
-					className: "rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
-					children: /* @__PURE__ */ D(d, { className: "h-5 w-5" })
-				}),
-				/* @__PURE__ */ D("span", {
-					className: "truncate",
-					children: L.name
-				}),
-				L.isVerified && /* @__PURE__ */ D(p, { className: "h-5 w-5 text-status-info-text shrink-0" })
-			]
-		}),
-		description: L.category,
-		children: [
-			/* @__PURE__ */ D(j, {
-				icon: /* @__PURE__ */ D(S, { className: "h-4 w-4" }),
-				className: "mb-6",
-				children: "Everything this cart offers, in one place. Browse the menu and services, add items to your cart and check out — or book a direct service if you need something bespoke. Check the rating, distance and whether it's open before you order so there are no surprises."
-			}),
-			/* @__PURE__ */ D(A, {
-				storageKey: "subscriberbot-cart-detail",
-				steps: [
-					{
-						id: "add-items",
-						label: "Add items to your cart",
-						description: "Pick what you want from the menu and services below.",
-						icon: /* @__PURE__ */ D(S, { className: "h-4 w-4" }),
-						onClick: () => {
-							document.getElementById("cart-menu")?.scrollIntoView({ behavior: "smooth" });
-						}
-					},
-					{
-						id: "book-direct",
-						label: "Book a direct service",
-						description: "Need something custom? Request a tailored booking.",
-						icon: /* @__PURE__ */ D(f, { className: "h-4 w-4" }),
-						onClick: () => N(`/customer/carts/${L.id}`)
-					},
-					{
-						id: "checkout",
-						label: "Review cart & checkout",
-						description: "Confirm your order and pay when you are ready.",
-						icon: /* @__PURE__ */ D(p, { className: "h-4 w-4" }),
-						onClick: () => N("/customer/checkout")
-					}
-				]
-			}),
-			/* @__PURE__ */ O(k, {
-				className: "relative h-48 overflow-hidden p-0",
-				children: [/* @__PURE__ */ D("img", {
-					src: L.image,
-					alt: L.name,
-					className: "h-full w-full object-cover"
-				}), /* @__PURE__ */ D("div", {
-					className: "absolute bottom-0 inset-x-0 bg-gradient-to-t from-black/60 to-transparent p-4",
-					children: /* @__PURE__ */ O("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ D("span", {
-							className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", L.isOpen ? "bg-status-success-bg/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
-							children: L.isOpen ? "Open Now" : "Closed"
-						}), /* @__PURE__ */ O("div", {
-							className: "flex items-center gap-1 text-text-inverse text-sm",
-							children: [
-								/* @__PURE__ */ D(C, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
-								/* @__PURE__ */ D("span", {
-									className: "font-medium",
-									children: L.rating
-								}),
-								/* @__PURE__ */ O("span", {
-									className: "text-text-inverse/70",
-									children: [
-										"(",
-										L.totalRatings,
-										")"
-									]
-								})
-							]
-						})]
-					})
-				})]
-			}),
-			!L.isOpen && /* @__PURE__ */ D("div", {
-				className: "mt-4 rounded-lg border border-status-warning-border/30 bg-status-warning-bg/10 p-3",
-				children: /* @__PURE__ */ O("p", {
-					className: "text-sm text-status-warning-text",
-					children: [/* @__PURE__ */ D("strong", { children: "This cart is currently closed." }), " You can browse the offerings but orders are not being accepted."]
-				})
-			}),
-			/* @__PURE__ */ O("div", {
-				className: "mt-4 grid grid-cols-1 gap-3 sm:grid-cols-3",
-				children: [
-					/* @__PURE__ */ O("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-3",
-						children: [
-							/* @__PURE__ */ O("div", {
-								className: "flex items-center gap-2 text-text-secondary text-xs mb-1",
-								children: [/* @__PURE__ */ D(v, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ D("span", {
-									className: "font-medium uppercase tracking-wider",
-									children: "Location"
-								})]
-							}),
-							/* @__PURE__ */ D("p", {
-								className: "text-sm text-text-primary",
-								children: L.location.address
-							}),
-							/* @__PURE__ */ O("p", {
-								className: "text-xs text-text-secondary",
-								children: [s(L.distance), " away"]
-							})
-						]
-					}),
-					/* @__PURE__ */ O("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-3",
-						children: [
-							/* @__PURE__ */ O("div", {
-								className: "flex items-center gap-2 text-text-secondary text-xs mb-1",
-								children: [/* @__PURE__ */ D(m, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ D("span", {
-									className: "font-medium uppercase tracking-wider",
-									children: "Estimated Time"
-								})]
-							}),
-							/* @__PURE__ */ D("p", {
-								className: "text-sm text-text-primary",
-								children: c(L.estimatedTime)
-							}),
-							L.averageOrderValue && /* @__PURE__ */ O("p", {
-								className: "text-xs text-text-secondary",
-								children: ["Avg ", o(L.averageOrderValue, { minimumFractionDigits: 0 })]
-							})
-						]
-					}),
-					/* @__PURE__ */ O("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-3",
-						children: [
-							/* @__PURE__ */ O("div", {
-								className: "flex items-center gap-2 text-text-secondary text-xs mb-1",
-								children: [/* @__PURE__ */ D(C, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ D("span", {
-									className: "font-medium uppercase tracking-wider",
-									children: "Rating"
-								})]
-							}),
-							/* @__PURE__ */ O("p", {
-								className: "text-sm text-text-primary",
-								children: [L.rating, " / 5.0"]
-							}),
-							/* @__PURE__ */ O("p", {
-								className: "text-xs text-text-secondary",
-								children: [L.totalRatings, " reviews"]
-							})
-						]
-					})
-				]
-			}),
-			L.businessHours && Object.keys(L.businessHours).length > 0 && /* @__PURE__ */ O("section", {
-				className: "mt-6",
-				children: [/* @__PURE__ */ D("h2", {
-					className: "text-base font-semibold text-text-primary mb-2",
-					children: "Operating Hours"
-				}), /* @__PURE__ */ D("div", {
-					className: "rounded-lg border border-border-seam bg-bg-surface overflow-hidden",
-					children: Object.entries(L.businessHours).map(([e, t]) => /* @__PURE__ */ O("div", {
-						className: "flex items-center justify-between px-4 py-2 border-b border-border-seam last:border-b-0",
-						children: [/* @__PURE__ */ D("span", {
-							className: "text-sm font-medium text-text-primary capitalize",
-							children: e
-						}), t.isOpen ? /* @__PURE__ */ O("span", {
-							className: "text-sm text-text-secondary",
-							children: [
-								t.open,
-								" - ",
-								t.close
-							]
-						}) : /* @__PURE__ */ D("span", {
-							className: "text-sm text-status-error-text",
-							children: "Closed"
-						})]
-					}, e))
-				})]
-			}),
-			/* @__PURE__ */ O("div", {
-				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ O("div", {
-					className: "lg:col-span-2",
-					children: [
-						/* @__PURE__ */ O("div", {
-							className: "flex flex-col gap-3 sm:flex-row mb-4",
-							children: [/* @__PURE__ */ O("div", {
-								className: "relative flex-1",
-								children: [/* @__PURE__ */ D(x, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ D("input", {
-									type: "text",
-									placeholder: "Search offerings...",
-									value: z,
-									onChange: (e) => B(e.target.value),
-									className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-								})]
-							}), /* @__PURE__ */ O("select", {
-								value: V,
-								onChange: (e) => H(e.target.value),
-								className: "rounded-lg border border-border-seam 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__ */ D("option", {
-									value: "",
-									children: "All Categories"
-								}), X.map((e) => /* @__PURE__ */ D("option", {
-									value: e,
-									children: e
-								}, e))]
-							})]
-						}),
-						/* @__PURE__ */ O("h2", {
-							id: "cart-menu",
-							className: "text-lg font-semibold text-text-primary mb-3 scroll-mt-6",
-							children: [
-								"Menu & Services (",
-								Z.length,
-								")"
-							]
-						}),
-						Z.length === 0 ? /* @__PURE__ */ D(r, {
-							illustration: "empty-search",
-							title: "No offerings found",
-							description: "No items match your search here. Try a different keyword or clear the filter to see everything this cart offers."
-						}) : /* @__PURE__ */ D("div", {
-							className: "space-y-6",
-							children: Object.entries(ae).map(([e, n]) => /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h3", {
-								className: "text-sm font-semibold text-text-primary mb-2 px-1",
-								children: e
-							}), /* @__PURE__ */ D("div", {
-								className: "space-y-2",
-								children: n.map((e) => {
-									let n = se(e.id);
-									return /* @__PURE__ */ O("div", {
-										className: "flex gap-4 rounded-lg border border-border-seam bg-bg-surface p-4",
-										children: [/* @__PURE__ */ D("div", {
-											className: "h-20 w-20 shrink-0 rounded-md bg-bg-sunken overflow-hidden",
-											children: /* @__PURE__ */ D("img", {
-												src: e.image,
-												alt: e.name,
-												className: "h-full w-full object-cover"
-											})
-										}), /* @__PURE__ */ O("div", {
-											className: "flex-1 min-w-0",
-											children: [
-												/* @__PURE__ */ O("div", {
-													className: "flex items-start justify-between gap-2",
-													children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("div", {
-														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ D("h4", {
-															className: "text-sm font-semibold text-text-primary",
-															children: e.name
-														}), e.isVeg && /* @__PURE__ */ D(_, { className: "h-3.5 w-3.5 text-status-success-text" })]
-													}), /* @__PURE__ */ D("p", {
-														className: "text-xs text-text-secondary mt-0.5",
-														children: e.category
-													})] }), /* @__PURE__ */ D("span", {
-														className: "text-sm font-bold text-text-primary whitespace-nowrap",
-														children: o(e.price, { minimumFractionDigits: 0 })
-													})]
-												}),
-												/* @__PURE__ */ D("p", {
-													className: "mt-1 text-xs text-text-secondary line-clamp-2",
-													children: e.description
-												}),
-												/* @__PURE__ */ O("div", {
-													className: "mt-2 flex flex-wrap items-center gap-2 text-[10px] text-text-secondary",
-													children: [
-														e.duration != null && e.duration > 0 && /* @__PURE__ */ O("span", {
-															className: "flex items-center gap-0.5",
-															children: [/* @__PURE__ */ D(m, { className: "h-3 w-3" }), c(e.duration)]
-														}),
-														e.serviceType && /* @__PURE__ */ D("span", {
-															className: "rounded bg-bg-sunken px-1.5 py-0.5 capitalize",
-															children: e.serviceType
-														}),
-														e.spiceLevel && /* @__PURE__ */ O("span", {
-															className: "flex items-center gap-0.5 rounded bg-bg-sunken px-1.5 py-0.5 capitalize",
-															children: [/* @__PURE__ */ D(h, { className: "h-3 w-3" }), e.spiceLevel]
-														})
-													]
-												}),
-												/* @__PURE__ */ D("div", {
-													className: "mt-2 flex justify-end",
-													children: n > 0 ? /* @__PURE__ */ O("div", {
-														className: "flex items-center gap-2",
-														children: [
-															/* @__PURE__ */ D("button", {
-																type: "button",
-																onClick: () => Q(e.id, -1),
-																className: "flex h-7 w-7 items-center justify-center rounded-full bg-bg-sunken text-text-primary hover:bg-accent",
-																children: /* @__PURE__ */ D(y, { className: "h-3.5 w-3.5" })
-															}),
-															/* @__PURE__ */ D("span", {
-																className: "min-w-[2ch] text-center text-sm font-medium text-text-primary",
-																children: n
-															}),
-															/* @__PURE__ */ D("button", {
-																type: "button",
-																onClick: () => Q(e.id, 1),
-																className: "flex h-7 w-7 items-center justify-center rounded-full bg-foreground text-background hover:opacity-90",
-																children: /* @__PURE__ */ D(b, { className: "h-3.5 w-3.5" })
-															}),
-															/* @__PURE__ */ D("button", {
-																type: "button",
-																onClick: () => $(e.id),
-																className: "ml-1 flex h-7 w-7 items-center justify-center rounded-full text-status-error-text hover:bg-status-error-bg/10",
-																children: /* @__PURE__ */ D(w, { className: "h-3.5 w-3.5" })
-															})
-														]
-													}) : /* @__PURE__ */ D("button", {
-														type: "button",
-														disabled: !L.isOpen,
-														onClick: () => ue(e),
-														className: t("rounded-lg px-4 py-1.5 text-xs font-medium transition-opacity", L.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-														children: "Add"
-													})
-												})
-											]
-										})]
-									}, e.id);
-								})
-							})] }, e))
-						})
-					]
-				}), /* @__PURE__ */ O("div", {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ O("div", {
-							className: "rounded-lg border border-border-seam bg-bg-surface p-4 lg:sticky lg:top-6",
-							children: [/* @__PURE__ */ O("h3", {
-								className: "text-base font-semibold text-text-primary mb-3 flex items-center gap-2",
-								children: [/* @__PURE__ */ D(S, { className: "h-4 w-4" }), "Your Order"]
-							}), U.length === 0 ? /* @__PURE__ */ O("div", {
-								className: "py-6 text-center",
-								children: [/* @__PURE__ */ D(S, { className: "mx-auto h-8 w-8 text-text-secondary/40" }), /* @__PURE__ */ D("p", {
-									className: "mt-2 text-sm text-text-secondary",
-									children: "Your cart is empty"
-								})]
-							}) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("div", {
-								className: "space-y-2 max-h-64 overflow-y-auto mb-3",
-								children: U.map((e) => /* @__PURE__ */ O("div", {
-									className: "flex items-center justify-between gap-2",
-									children: [/* @__PURE__ */ O("div", {
-										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ D("p", {
-											className: "text-sm font-medium text-text-primary truncate",
-											children: e.name
-										}), /* @__PURE__ */ O("p", {
-											className: "text-xs text-text-secondary",
-											children: [
-												o(e.price, { minimumFractionDigits: 0 }),
-												" x",
-												" ",
-												e.quantity
-											]
-										})]
-									}), /* @__PURE__ */ O("div", {
-										className: "flex items-center gap-1",
-										children: [
-											/* @__PURE__ */ D("button", {
-												type: "button",
-												onClick: () => Q(e.productId, -1),
-												className: "flex h-6 w-6 items-center justify-center rounded bg-bg-sunken text-text-primary text-xs",
-												children: "-"
-											}),
-											/* @__PURE__ */ D("span", {
-												className: "min-w-[2ch] text-center text-xs font-medium",
-												children: e.quantity
-											}),
-											/* @__PURE__ */ D("button", {
-												type: "button",
-												onClick: () => Q(e.productId, 1),
-												className: "flex h-6 w-6 items-center justify-center rounded bg-bg-sunken text-text-primary text-xs",
-												children: "+"
-											}),
-											/* @__PURE__ */ D("button", {
-												type: "button",
-												onClick: () => $(e.productId),
-												className: "ml-1 text-status-error-text hover:text-status-error-text/80",
-												children: /* @__PURE__ */ D(w, { className: "h-3.5 w-3.5" })
-											})
-										]
-									})]
-								}, e.id))
-							}), /* @__PURE__ */ O("div", {
-								className: "border-t border-border-seam pt-3",
-								children: [/* @__PURE__ */ O("div", {
-									className: "flex justify-between items-center mb-3",
-									children: [/* @__PURE__ */ O("span", {
-										className: "text-sm font-semibold text-text-primary",
-										children: ["Total: ", o(ce, { minimumFractionDigits: 0 })]
-									}), /* @__PURE__ */ O("span", {
-										className: "text-xs text-text-secondary",
-										children: [le, " items"]
-									})]
-								}), /* @__PURE__ */ D("button", {
-									type: "button",
-									onClick: () => N("/customer/checkout"),
-									className: "w-full rounded-lg bg-foreground py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity",
-									children: "Proceed to Checkout"
-								})]
-							})] })]
-						}),
-						L.serviceTypes?.includes("direct_service") && /* @__PURE__ */ O("div", {
-							className: "rounded-lg border border-accent-purple/30 bg-accent-purple-subtle p-4",
-							children: [
-								/* @__PURE__ */ O("h3", {
-									className: "text-sm font-semibold text-text-primary flex items-center gap-2 mb-2",
-									children: [/* @__PURE__ */ D(g, { className: "h-4 w-4 text-accent-purple" }), "Direct Service"]
-								}),
-								/* @__PURE__ */ D("p", {
-									className: "text-xs text-text-secondary mb-3",
-									children: "Cart comes to your location!"
-								}),
-								/* @__PURE__ */ D("button", {
-									type: "button",
-									onClick: () => N(`/customer/carts/${L.id}`),
-									className: "w-full rounded-lg bg-accent-purple py-2 text-xs font-medium text-text-inverse hover:bg-accent-purple transition-colors",
-									children: "Book Direct Service"
-								})
-							]
-						}),
-						L.serviceTypes?.includes("appointment") && /* @__PURE__ */ O("div", {
-							className: "rounded-lg border border-status-info-border/30 bg-status-info-bg/10 p-4",
-							children: [/* @__PURE__ */ O("h3", {
-								className: "text-sm font-semibold text-text-primary flex items-center gap-2 mb-2",
-								children: [/* @__PURE__ */ D(f, { className: "h-4 w-4 text-status-info-text" }), "Appointments Available"]
-							}), /* @__PURE__ */ D("p", {
-								className: "text-xs text-text-secondary",
-								children: "This service provider accepts appointments. Contact them to schedule."
-							})]
-						}),
-						R && /* @__PURE__ */ O("div", {
-							className: "rounded-lg border border-status-success-border/30 bg-status-success-bg/10 p-4",
-							children: [
-								/* @__PURE__ */ O("h3", {
-									className: "text-sm font-semibold text-text-primary flex items-center gap-2 mb-2",
-									children: [/* @__PURE__ */ D(te, { className: "h-4 w-4 text-status-success-text" }), "Investment Opportunity"]
-								}),
-								/* @__PURE__ */ D("p", {
-									className: "text-xs text-text-secondary mb-2",
-									children: R.description
-								}),
-								/* @__PURE__ */ O("div", {
-									className: "space-y-1 text-xs text-text-secondary mb-3",
-									children: [
-										/* @__PURE__ */ O("p", { children: ["Target: ", o(R.targetAmount, { minimumFractionDigits: 0 })] }),
-										/* @__PURE__ */ O("p", { children: ["Raised: ", o(R.raisedAmount, { minimumFractionDigits: 0 })] }),
-										/* @__PURE__ */ O("p", { children: [
-											"Expected Returns: ",
-											R.expectedReturns,
-											"%"
-										] }),
-										/* @__PURE__ */ O("p", { children: [
-											"Min Investment:",
-											" ",
-											o(R.minimumInvestment, { minimumFractionDigits: 0 })
-										] })
-									]
-								}),
-								/* @__PURE__ */ D("button", {
-									type: "button",
-									onClick: () => alert("Navigate to investor section to fund this business."),
-									className: "w-full rounded-lg bg-status-success-text py-2 text-xs font-medium text-text-inverse hover:bg-status-success-text transition-colors",
-									children: "Fund This Business"
-								})
-							]
-						})
-					]
-				})]
-			}),
-			G && q && /* @__PURE__ */ D("div", {
-				className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-canvas/50 p-4",
-				children: /* @__PURE__ */ D("div", {
-					className: "w-full max-w-md max-h-[90vh] overflow-y-auto rounded-lg border border-border-seam bg-bg-surface",
-					children: /* @__PURE__ */ O("div", {
-						className: "p-5",
-						children: [
-							/* @__PURE__ */ O("div", {
-								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ D("h3", {
-									className: "text-lg font-semibold text-text-primary",
-									children: q.product.name
-								}), /* @__PURE__ */ D("button", {
-									type: "button",
-									onClick: () => {
-										K(!1), J(null);
-									},
-									className: "rounded-md p-1 text-text-secondary hover:text-text-primary",
-									children: /* @__PURE__ */ D(w, { className: "h-5 w-5" })
-								})]
-							}),
-							/* @__PURE__ */ D("p", {
-								className: "text-sm text-text-secondary mb-4",
-								children: q.product.description
-							}),
-							/* @__PURE__ */ D("p", {
-								className: "text-lg font-bold text-text-primary mb-4",
-								children: o(q.product.price, { minimumFractionDigits: 0 })
-							}),
-							/* @__PURE__ */ O("div", {
-								className: "mb-4",
-								children: [/* @__PURE__ */ D("label", {
-									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Quantity"
-								}), /* @__PURE__ */ O("div", {
-									className: "flex items-center gap-3",
-									children: [
-										/* @__PURE__ */ D("button", {
-											type: "button",
-											onClick: () => J((e) => e && {
-												...e,
-												quantity: Math.max(1, e.quantity - 1)
-											}),
-											className: "flex h-8 w-8 items-center justify-center rounded-full bg-bg-sunken text-text-primary",
-											children: /* @__PURE__ */ D(y, { className: "h-4 w-4" })
-										}),
-										/* @__PURE__ */ D("span", {
-											className: "min-w-[2ch] text-center font-medium text-text-primary",
-											children: q.quantity
-										}),
-										/* @__PURE__ */ D("button", {
-											type: "button",
-											onClick: () => J((e) => e && {
-												...e,
-												quantity: e.quantity + 1
-											}),
-											className: "flex h-8 w-8 items-center justify-center rounded-full bg-bg-sunken text-text-primary",
-											children: /* @__PURE__ */ D(b, { className: "h-4 w-4" })
-										})
-									]
-								})]
-							}),
-							/* @__PURE__ */ O("div", {
-								className: "mb-4",
-								children: [/* @__PURE__ */ D("label", {
-									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Special Instructions"
-								}), /* @__PURE__ */ D("textarea", {
-									value: q.specialInstructions,
-									onChange: (e) => J((t) => t && {
-										...t,
-										specialInstructions: e.target.value
-									}),
-									placeholder: "Any special requests...",
-									className: "w-full rounded-lg border border-border-seam bg-bg-surface p-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-									rows: 3
-								})]
-							}),
-							/* @__PURE__ */ O("button", {
-								type: "button",
-								onClick: () => {
-									q && (oe(q.product, q.quantity, q.specialInstructions), K(!1), J(null), alert(`${q.product.name} added to cart`));
-								},
-								className: "w-full rounded-lg bg-foreground py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity",
-								children: [
-									"Add to Cart -",
-									" ",
-									o(q.product.price * q.quantity, { minimumFractionDigits: 0 })
-								]
-							})
-						]
-					})
-				})
-			})
-		]
-	}) : /* @__PURE__ */ D(n, {
-		title: "Cart Not Found",
-		children: /* @__PURE__ */ D(r, {
-			illustration: "empty-generic",
-			icon: /* @__PURE__ */ D(S, { className: "h-12 w-12" }),
-			title: "Cart not found",
-			description: `No cart found with ID "${M}".`,
-			action: /* @__PURE__ */ D("button", {
-				type: "button",
-				onClick: () => N("/customer/carts"),
-				className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
-				children: "Browse Carts"
-			})
-		})
-	});
-}
-//#endregion
-export { M as CartDetailPage };
-
-//# sourceMappingURL=CartDetailPage.js.map