@burdenoff/microfe-adaptercloud 2026.625.2 → 2026.628.1

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

@@ -1,623 +0,0 @@
-import { useAdapterCloud as e } from "../../context/AdapterCloudContext.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/useAdapterCloudApi.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 w, X as T } from "lucide-react";
-import { useParams as E } from "react-router-dom";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
-import { EmphasisPanel as A } from "@burdenoff/fe-libs/ui";
-//#region src/adaptercloud/pages/customer/CartDetailPage.tsx
-function j() {
-	let { cartId: j } = E(), { navigateTo: M } = e(), { data: N = [], isLoading: te } = a(), { data: P = [], isLoading: ne } = i(j), { data: F = [], isLoading: re } = ee(), I = l(() => N.find((e) => e.id === j), [N, j]), L = l(() => F.find((e) => e.cartId === j), [F, j]), [R, z] = u(""), [B, V] = u(""), [H, U] = u([]), [W, G] = u(!1), [K, q] = u(null), J = l(() => P.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
-	})), [P]), Y = l(() => [...new Set(J.map((e) => e.category))], [J]), X = l(() => {
-		let e = J;
-		if (B && (e = e.filter((e) => e.category === B)), R.trim()) {
-			let t = R.toLowerCase();
-			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.description.toLowerCase().includes(t));
-		}
-		return e;
-	}, [
-		J,
-		B,
-		R
-	]), Z = l(() => {
-		let e = {};
-		return X.forEach((t) => {
-			e[t.category] || (e[t.category] = []), e[t.category].push(t);
-		}), e;
-	}, [X]), ie = (e, t = 1, n) => {
-		U((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) => {
-		U((n) => n.map((n) => n.productId === e ? {
-			...n,
-			quantity: Math.max(0, n.quantity + t)
-		} : n).filter((e) => e.quantity > 0));
-	}, $ = (e) => {
-		U((t) => t.filter((t) => t.productId !== e));
-	}, ae = (e) => H.find((t) => t.productId === e)?.quantity ?? 0, oe = H.reduce((e, t) => e + t.price * t.quantity, 0), se = H.reduce((e, t) => e + t.quantity, 0), ce = (e) => {
-		q({
-			product: e,
-			quantity: 1,
-			specialInstructions: ""
-		}), G(!0);
-	};
-	return I ? /* @__PURE__ */ k(n, {
-		title: /* @__PURE__ */ k("div", {
-			className: "flex items-center gap-3",
-			children: [
-				/* @__PURE__ */ O("button", {
-					type: "button",
-					onClick: () => M("/customer/carts"),
-					className: "rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
-					children: /* @__PURE__ */ O(d, { className: "h-5 w-5" })
-				}),
-				/* @__PURE__ */ O("span", {
-					className: "truncate",
-					children: I.name
-				}),
-				I.isVerified && /* @__PURE__ */ O(p, { className: "h-5 w-5 text-accent-blue shrink-0" })
-			]
-		}),
-		description: I.category,
-		purpose: "See everything this cart offers and decide whether to order — its menu and prices, ratings and reviews, hours and location. Add items to your order, book a direct service, or save it to favorites for later.",
-		children: [
-			/* @__PURE__ */ k(A, {
-				className: "relative h-48 overflow-hidden p-0",
-				children: [/* @__PURE__ */ O("img", {
-					src: I.image,
-					alt: I.name,
-					className: "h-full w-full object-cover"
-				}), /* @__PURE__ */ O("div", {
-					className: "absolute bottom-0 inset-x-0 bg-gradient-to-t from-black/60 to-transparent p-4",
-					children: /* @__PURE__ */ k("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ O("span", {
-							className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", I.isOpen ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg-subtle/20 text-status-error-text"),
-							children: I.isOpen ? "Open Now" : "Closed"
-						}), /* @__PURE__ */ k("div", {
-							className: "flex items-center gap-1 text-white text-sm",
-							children: [
-								/* @__PURE__ */ O(C, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
-								/* @__PURE__ */ O("span", {
-									className: "font-medium",
-									children: I.rating
-								}),
-								/* @__PURE__ */ k("span", {
-									className: "text-white/70",
-									children: [
-										"(",
-										I.totalRatings,
-										")"
-									]
-								})
-							]
-						})]
-					})
-				})]
-			}),
-			!I.isOpen && /* @__PURE__ */ O("div", {
-				className: "mt-4 rounded-lg border border-status-warning-border/30 bg-status-warning-bg-subtle/10 p-3",
-				children: /* @__PURE__ */ k("p", {
-					className: "text-sm text-status-warning-text",
-					children: [/* @__PURE__ */ O("strong", { children: "This cart is currently closed." }), " You can browse the offerings but orders are not being accepted."]
-				})
-			}),
-			/* @__PURE__ */ k("div", {
-				className: "mt-4 grid grid-cols-1 gap-3 sm:grid-cols-3",
-				children: [
-					/* @__PURE__ */ k("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
-						children: [
-							/* @__PURE__ */ k("div", {
-								className: "flex items-center gap-2 text-text-secondary text-xs mb-1",
-								children: [/* @__PURE__ */ O(v, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ O("span", {
-									className: "font-medium uppercase tracking-wider",
-									children: "Location"
-								})]
-							}),
-							/* @__PURE__ */ O("p", {
-								className: "text-sm text-text-primary",
-								children: I.location.address
-							}),
-							/* @__PURE__ */ k("p", {
-								className: "text-xs text-text-secondary",
-								children: [s(I.distance), " away"]
-							})
-						]
-					}),
-					/* @__PURE__ */ k("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
-						children: [
-							/* @__PURE__ */ k("div", {
-								className: "flex items-center gap-2 text-text-secondary text-xs mb-1",
-								children: [/* @__PURE__ */ O(m, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ O("span", {
-									className: "font-medium uppercase tracking-wider",
-									children: "Estimated Time"
-								})]
-							}),
-							/* @__PURE__ */ O("p", {
-								className: "text-sm text-text-primary",
-								children: c(I.estimatedTime)
-							}),
-							I.averageOrderValue && /* @__PURE__ */ k("p", {
-								className: "text-xs text-text-secondary",
-								children: ["Avg ", o(I.averageOrderValue, { minimumFractionDigits: 0 })]
-							})
-						]
-					}),
-					/* @__PURE__ */ k("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
-						children: [
-							/* @__PURE__ */ k("div", {
-								className: "flex items-center gap-2 text-text-secondary text-xs mb-1",
-								children: [/* @__PURE__ */ O(C, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ O("span", {
-									className: "font-medium uppercase tracking-wider",
-									children: "Rating"
-								})]
-							}),
-							/* @__PURE__ */ k("p", {
-								className: "text-sm text-text-primary",
-								children: [I.rating, " / 5.0"]
-							}),
-							/* @__PURE__ */ k("p", {
-								className: "text-xs text-text-secondary",
-								children: [I.totalRatings, " reviews"]
-							})
-						]
-					})
-				]
-			}),
-			I.businessHours && Object.keys(I.businessHours).length > 0 && /* @__PURE__ */ k("section", {
-				className: "mt-6",
-				children: [/* @__PURE__ */ O("h2", {
-					className: "text-base font-semibold text-text-primary mb-2",
-					children: "Operating Hours"
-				}), /* @__PURE__ */ O("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
-					children: Object.entries(I.businessHours).map(([e, t]) => /* @__PURE__ */ k("div", {
-						className: "flex items-center justify-between px-4 py-2 border-b border-border-subtle last:border-b-0",
-						children: [/* @__PURE__ */ O("span", {
-							className: "text-sm font-medium text-text-primary capitalize",
-							children: e
-						}), t.isOpen ? /* @__PURE__ */ k("span", {
-							className: "text-sm text-text-secondary",
-							children: [
-								t.open,
-								" - ",
-								t.close
-							]
-						}) : /* @__PURE__ */ O("span", {
-							className: "text-sm text-status-error-text",
-							children: "Closed"
-						})]
-					}, e))
-				})]
-			}),
-			/* @__PURE__ */ k("div", {
-				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ k("div", {
-					className: "lg:col-span-2",
-					children: [
-						/* @__PURE__ */ k("div", {
-							className: "flex flex-col gap-3 sm:flex-row mb-4",
-							children: [/* @__PURE__ */ k("div", {
-								className: "relative flex-1",
-								children: [/* @__PURE__ */ O(x, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ O("input", {
-									type: "text",
-									placeholder: "Search offerings...",
-									value: R,
-									onChange: (e) => z(e.target.value),
-									className: "w-full rounded-lg border border-border-subtle 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__ */ k("select", {
-								value: B,
-								onChange: (e) => V(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__ */ O("option", {
-									value: "",
-									children: "All Categories"
-								}), Y.map((e) => /* @__PURE__ */ O("option", {
-									value: e,
-									children: e
-								}, e))]
-							})]
-						}),
-						/* @__PURE__ */ k("h2", {
-							className: "text-lg font-semibold text-text-primary mb-3",
-							children: [
-								"Menu & Services (",
-								X.length,
-								")"
-							]
-						}),
-						X.length === 0 ? /* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-8 text-center",
-							children: [/* @__PURE__ */ O(x, { className: "mx-auto h-10 w-10 text-text-secondary/50" }), /* @__PURE__ */ O("p", {
-								className: "mt-3 text-sm text-text-secondary",
-								children: "No offerings found"
-							})]
-						}) : /* @__PURE__ */ O("div", {
-							className: "space-y-6",
-							children: Object.entries(Z).map(([e, n]) => /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h3", {
-								className: "text-sm font-semibold text-text-primary mb-2 px-1",
-								children: e
-							}), /* @__PURE__ */ O("div", {
-								className: "space-y-2",
-								children: n.map((e) => {
-									let n = ae(e.id);
-									return /* @__PURE__ */ k("div", {
-										className: "flex gap-4 rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
-										children: [/* @__PURE__ */ O("div", {
-											className: "h-20 w-20 shrink-0 rounded-md bg-bg-sunken overflow-hidden",
-											children: /* @__PURE__ */ O("img", {
-												src: e.image,
-												alt: e.name,
-												className: "h-full w-full object-cover"
-											})
-										}), /* @__PURE__ */ k("div", {
-											className: "flex-1 min-w-0",
-											children: [
-												/* @__PURE__ */ k("div", {
-													className: "flex items-start justify-between gap-2",
-													children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
-														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ O("h4", {
-															className: "text-sm font-semibold text-text-primary",
-															children: e.name
-														}), e.isVeg && /* @__PURE__ */ O(_, { className: "h-3.5 w-3.5 text-status-success-text" })]
-													}), /* @__PURE__ */ O("p", {
-														className: "text-xs text-text-secondary mt-0.5",
-														children: e.category
-													})] }), /* @__PURE__ */ O("span", {
-														className: "text-sm font-bold text-text-primary whitespace-nowrap",
-														children: o(e.price, { minimumFractionDigits: 0 })
-													})]
-												}),
-												/* @__PURE__ */ O("p", {
-													className: "mt-1 text-xs text-text-secondary line-clamp-2",
-													children: e.description
-												}),
-												/* @__PURE__ */ k("div", {
-													className: "mt-2 flex flex-wrap items-center gap-2 text-[10px] text-text-secondary",
-													children: [
-														e.duration != null && e.duration > 0 && /* @__PURE__ */ k("span", {
-															className: "flex items-center gap-0.5",
-															children: [/* @__PURE__ */ O(m, { className: "h-3 w-3" }), c(e.duration)]
-														}),
-														e.serviceType && /* @__PURE__ */ O("span", {
-															className: "rounded bg-bg-sunken px-1.5 py-0.5 capitalize",
-															children: e.serviceType
-														}),
-														e.spiceLevel && /* @__PURE__ */ k("span", {
-															className: "flex items-center gap-0.5 rounded bg-bg-sunken px-1.5 py-0.5 capitalize",
-															children: [/* @__PURE__ */ O(h, { className: "h-3 w-3" }), e.spiceLevel]
-														})
-													]
-												}),
-												/* @__PURE__ */ O("div", {
-													className: "mt-2 flex justify-end",
-													children: n > 0 ? /* @__PURE__ */ k("div", {
-														className: "flex items-center gap-2",
-														children: [
-															/* @__PURE__ */ O("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__ */ O(y, { className: "h-3.5 w-3.5" })
-															}),
-															/* @__PURE__ */ O("span", {
-																className: "min-w-[2ch] text-center text-sm font-medium text-text-primary",
-																children: n
-															}),
-															/* @__PURE__ */ O("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__ */ O(b, { className: "h-3.5 w-3.5" })
-															}),
-															/* @__PURE__ */ O("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__ */ O(T, { className: "h-3.5 w-3.5" })
-															})
-														]
-													}) : /* @__PURE__ */ O("button", {
-														type: "button",
-														disabled: !I.isOpen,
-														onClick: () => ce(e),
-														className: t("rounded-lg px-4 py-1.5 text-xs font-medium transition-opacity", I.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-														children: "Add"
-													})
-												})
-											]
-										})]
-									}, e.id);
-								})
-							})] }, e))
-						})
-					]
-				}), /* @__PURE__ */ k("div", {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border-seam bg-bg-surface p-4 lg:sticky lg:top-6 bg-gloss-card shadow-pop",
-							children: [/* @__PURE__ */ k("h3", {
-								className: "text-base font-semibold text-text-primary mb-3 flex items-center gap-2",
-								children: [/* @__PURE__ */ O(S, { className: "h-4 w-4" }), "Your Order"]
-							}), H.length === 0 ? /* @__PURE__ */ k("div", {
-								className: "py-6 text-center",
-								children: [/* @__PURE__ */ O(S, { className: "mx-auto h-8 w-8 text-text-secondary/40" }), /* @__PURE__ */ O("p", {
-									className: "mt-2 text-sm text-text-secondary",
-									children: "Your cart is empty"
-								})]
-							}) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("div", {
-								className: "space-y-2 max-h-64 overflow-y-auto mb-3",
-								children: H.map((e) => /* @__PURE__ */ k("div", {
-									className: "flex items-center justify-between gap-2",
-									children: [/* @__PURE__ */ k("div", {
-										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ O("p", {
-											className: "text-sm font-medium text-text-primary truncate",
-											children: e.name
-										}), /* @__PURE__ */ k("p", {
-											className: "text-xs text-text-secondary",
-											children: [
-												o(e.price, { minimumFractionDigits: 0 }),
-												" x",
-												" ",
-												e.quantity
-											]
-										})]
-									}), /* @__PURE__ */ k("div", {
-										className: "flex items-center gap-1",
-										children: [
-											/* @__PURE__ */ O("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__ */ O("span", {
-												className: "min-w-[2ch] text-center text-xs font-medium",
-												children: e.quantity
-											}),
-											/* @__PURE__ */ O("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__ */ O("button", {
-												type: "button",
-												onClick: () => $(e.productId),
-												className: "ml-1 text-status-error-text hover:text-status-error-text/80",
-												children: /* @__PURE__ */ O(T, { className: "h-3.5 w-3.5" })
-											})
-										]
-									})]
-								}, e.id))
-							}), /* @__PURE__ */ k("div", {
-								className: "border-t border-border-subtle pt-3",
-								children: [/* @__PURE__ */ k("div", {
-									className: "flex justify-between items-center mb-3",
-									children: [/* @__PURE__ */ k("span", {
-										className: "text-sm font-semibold text-text-primary",
-										children: ["Total: ", o(oe, { minimumFractionDigits: 0 })]
-									}), /* @__PURE__ */ k("span", {
-										className: "text-xs text-text-secondary",
-										children: [se, " items"]
-									})]
-								}), /* @__PURE__ */ O("button", {
-									type: "button",
-									onClick: () => M("/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"
-								})]
-							})] })]
-						}),
-						I.serviceTypes?.includes("direct_service") && /* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-accent-purple-subtle/30 bg-accent-purple-subtle/10 p-4",
-							children: [
-								/* @__PURE__ */ k("h3", {
-									className: "text-sm font-semibold text-text-primary flex items-center gap-2 mb-2",
-									children: [/* @__PURE__ */ O(g, { className: "h-4 w-4 text-accent-purple" }), "Direct Service"]
-								}),
-								/* @__PURE__ */ O("p", {
-									className: "text-xs text-text-secondary mb-3",
-									children: "Cart comes to your location!"
-								}),
-								/* @__PURE__ */ O("button", {
-									type: "button",
-									onClick: () => M(`/customer/carts/${I.id}`),
-									className: "w-full rounded-lg bg-accent-purple-subtle py-2 text-xs font-medium text-white hover:bg-accent-purple-subtle transition-colors",
-									children: "Book Direct Service"
-								})
-							]
-						}),
-						I.serviceTypes?.includes("appointment") && /* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-accent-blue-subtle/30 bg-accent-blue-subtle/10 p-4",
-							children: [/* @__PURE__ */ k("h3", {
-								className: "text-sm font-semibold text-text-primary flex items-center gap-2 mb-2",
-								children: [/* @__PURE__ */ O(f, { className: "h-4 w-4 text-accent-blue" }), "Appointments Available"]
-							}), /* @__PURE__ */ O("p", {
-								className: "text-xs text-text-secondary",
-								children: "This service provider accepts appointments. Contact them to schedule."
-							})]
-						}),
-						L && /* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/10 p-4",
-							children: [
-								/* @__PURE__ */ k("h3", {
-									className: "text-sm font-semibold text-text-primary flex items-center gap-2 mb-2",
-									children: [/* @__PURE__ */ O(w, { className: "h-4 w-4 text-status-success-text" }), "Investment Opportunity"]
-								}),
-								/* @__PURE__ */ O("p", {
-									className: "text-xs text-text-secondary mb-2",
-									children: L.description
-								}),
-								/* @__PURE__ */ k("div", {
-									className: "space-y-1 text-xs text-text-secondary mb-3",
-									children: [
-										/* @__PURE__ */ k("p", { children: ["Target: ", o(L.targetAmount, { minimumFractionDigits: 0 })] }),
-										/* @__PURE__ */ k("p", { children: ["Raised: ", o(L.raisedAmount, { minimumFractionDigits: 0 })] }),
-										/* @__PURE__ */ k("p", { children: [
-											"Expected Returns: ",
-											L.expectedReturns,
-											"%"
-										] }),
-										/* @__PURE__ */ k("p", { children: [
-											"Min Investment:",
-											" ",
-											o(L.minimumInvestment, { minimumFractionDigits: 0 })
-										] })
-									]
-								}),
-								/* @__PURE__ */ O("button", {
-									type: "button",
-									onClick: () => alert("Navigate to investor section to fund this business."),
-									className: "w-full rounded-lg bg-status-success-bg-subtle py-2 text-xs font-medium text-white hover:bg-status-success-bg-subtle transition-colors",
-									children: "Fund This Business"
-								})
-							]
-						})
-					]
-				})]
-			}),
-			W && K && /* @__PURE__ */ O("div", {
-				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ O("div", {
-					className: "w-full max-w-md max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface",
-					children: /* @__PURE__ */ k("div", {
-						className: "p-5",
-						children: [
-							/* @__PURE__ */ k("div", {
-								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ O("h3", {
-									className: "text-lg font-semibold text-text-primary",
-									children: K.product.name
-								}), /* @__PURE__ */ O("button", {
-									type: "button",
-									onClick: () => {
-										G(!1), q(null);
-									},
-									className: "rounded-md p-1 text-text-secondary hover:text-text-primary",
-									children: /* @__PURE__ */ O(T, { className: "h-5 w-5" })
-								})]
-							}),
-							/* @__PURE__ */ O("p", {
-								className: "text-sm text-text-secondary mb-4",
-								children: K.product.description
-							}),
-							/* @__PURE__ */ O("p", {
-								className: "text-lg font-bold text-text-primary mb-4",
-								children: o(K.product.price, { minimumFractionDigits: 0 })
-							}),
-							/* @__PURE__ */ k("div", {
-								className: "mb-4",
-								children: [/* @__PURE__ */ O("label", {
-									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Quantity"
-								}), /* @__PURE__ */ k("div", {
-									className: "flex items-center gap-3",
-									children: [
-										/* @__PURE__ */ O("button", {
-											type: "button",
-											onClick: () => q((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__ */ O(y, { className: "h-4 w-4" })
-										}),
-										/* @__PURE__ */ O("span", {
-											className: "min-w-[2ch] text-center font-medium text-text-primary",
-											children: K.quantity
-										}),
-										/* @__PURE__ */ O("button", {
-											type: "button",
-											onClick: () => q((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__ */ O(b, { className: "h-4 w-4" })
-										})
-									]
-								})]
-							}),
-							/* @__PURE__ */ k("div", {
-								className: "mb-4",
-								children: [/* @__PURE__ */ O("label", {
-									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Special Instructions"
-								}), /* @__PURE__ */ O("textarea", {
-									value: K.specialInstructions,
-									onChange: (e) => q((t) => t && {
-										...t,
-										specialInstructions: e.target.value
-									}),
-									placeholder: "Any special requests...",
-									className: "w-full rounded-lg border border-border-subtle 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__ */ k("button", {
-								type: "button",
-								onClick: () => {
-									K && (ie(K.product, K.quantity, K.specialInstructions), G(!1), q(null), alert(`${K.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(K.product.price * K.quantity, { minimumFractionDigits: 0 })
-								]
-							})
-						]
-					})
-				})
-			})
-		]
-	}) : /* @__PURE__ */ O(n, {
-		title: "Cart Not Found",
-		children: /* @__PURE__ */ O(r, {
-			illustration: "empty-generic",
-			icon: /* @__PURE__ */ O(S, { className: "h-12 w-12" }),
-			title: "Cart not found",
-			description: `No cart found with ID"${j}".`,
-			action: /* @__PURE__ */ O("button", {
-				type: "button",
-				onClick: () => M("/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 { j as CartDetailPage };
-
-//# sourceMappingURL=CartDetailPage.js.map