@burdenoff/microfe-coolandlovely 2026.625.2 → 2026.628.1

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

@@ -1,529 +0,0 @@
-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 { EmptyState as r } from "../../components/EmptyState.js";
-import { useOrders as i, usePlaceOrder as a } from "../../hooks/useCoolAndLovelyApi.js";
-import { formatCurrency as o } from "../../utils/formatters.js";
-import { useMemo as s, useState as c } from "react";
-import { AlertCircle as l, ArrowLeft as u, Banknote as d, CheckCircle2 as f, CreditCard as p, Heart as m, Loader2 as h, MapPin as g, ShoppingBag as _, Smartphone as v, Wallet as y } from "lucide-react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { EmphasisPanel as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
-//#region src/coolandlovely/pages/customer/CheckoutPage.tsx
-var w = [
-	{
-		id: "cash",
-		label: "Cash on Delivery",
-		icon: d,
-		description: "Pay when you receive"
-	},
-	{
-		id: "card",
-		label: "Credit / Debit Card",
-		icon: p,
-		description: "Visa, Mastercard, RuPay"
-	},
-	{
-		id: "upi",
-		label: "UPI",
-		icon: v,
-		description: "Google Pay, PhonePe, Paytm"
-	},
-	{
-		id: "wallet",
-		label: "Digital Wallet",
-		icon: y,
-		description: "CoolAndLovely Wallet Balance"
-	}
-], T = [
-	0,
-	10,
-	20,
-	30
-];
-function E() {
-	let { navigateTo: d, currentUser: v } = e(), { data: y = [], isLoading: E } = i({ customerId: v?.id }), D = a(), O = s(() => y.find((e) => e.status === "pending") || y[0], [y]), [k, A] = c({
-		addressLine1: "",
-		addressLine2: "",
-		city: "Bangalore",
-		state: "Karnataka",
-		pincode: ""
-	}), [j, M] = c("cash"), [N, P] = c({
-		cardNumber: "",
-		expiryDate: "",
-		cvv: "",
-		upiId: ""
-	}), [F, I] = c(0), [L, R] = c(""), [z, B] = c(""), [V, H] = c(!1), U = s(() => {
-		if (!O) return {
-			subtotal: 0,
-			deliveryFee: 0,
-			tax: 0,
-			total: 0
-		};
-		let e = O.subtotal, t = O.deliveryFee, n = O.taxes, r = O.discount ?? 0;
-		return {
-			subtotal: e,
-			deliveryFee: t,
-			tax: n,
-			discount: r,
-			total: e + t + n + F - r
-		};
-	}, [O, F]), W = s(() => O ? O.items.reduce((e, t) => e + t.quantity, 0) : 0, [O]), G = (e, t) => {
-		A((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, K = (e, t) => {
-		P((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, q = () => {
-		if (!k.addressLine1.trim()) return alert("Please enter delivery address"), !1;
-		if (!k.pincode.trim() || k.pincode.length !== 6) return alert("Please enter a valid 6-digit pincode"), !1;
-		if (j === "card") {
-			if (!N.cardNumber || N.cardNumber.length < 16) return alert("Please enter a valid 16-digit card number"), !1;
-			if (!N.expiryDate) return alert("Please enter card expiry date"), !1;
-			if (!N.cvv || N.cvv.length < 3) return alert("Please enter a valid 3-digit CVV"), !1;
-		}
-		return j === "upi" && !N.upiId.trim() ? (alert("Please enter UPI ID"), !1) : !0;
-	};
-	return E ? /* @__PURE__ */ b(n, {
-		title: "Checkout",
-		children: /* @__PURE__ */ b("div", {
-			className: "flex h-[60vh] items-center justify-center",
-			children: /* @__PURE__ */ b(h, { className: "h-8 w-8 animate-spin text-primary" })
-		})
-	}) : O ? /* @__PURE__ */ x(n, {
-		title: /* @__PURE__ */ x("div", {
-			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ b("button", {
-				type: "button",
-				onClick: () => d("/customer/carts"),
-				className: "rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
-				children: /* @__PURE__ */ b(u, { className: "h-5 w-5" })
-			}), /* @__PURE__ */ b("span", { children: "Checkout" })]
-		}),
-		description: "Review your order and complete payment",
-		children: [/* @__PURE__ */ b(C, {
-			className: "mb-6",
-			icon: /* @__PURE__ */ b(_, { className: "h-4 w-4" }),
-			children: "The final step before your order is placed. Confirm where it should go, choose how you want to pay, add a tip or special instructions, and review the full price breakdown on the right before you place the order."
-		}), /* @__PURE__ */ x("div", {
-			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-			children: [/* @__PURE__ */ x("div", {
-				className: "lg:col-span-2 space-y-6",
-				children: [
-					/* @__PURE__ */ x("section", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
-						children: [/* @__PURE__ */ x("h2", {
-							className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-							children: [/* @__PURE__ */ b(g, { className: "h-4 w-4 text-text-secondary" }), "Delivery Address"]
-						}), /* @__PURE__ */ x("div", {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("label", {
-									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["Address Line 1 ", /* @__PURE__ */ b("span", {
-										className: "text-status-error-text",
-										children: "*"
-									})]
-								}), /* @__PURE__ */ b("input", {
-									type: "text",
-									placeholder: "Building, Street, Area",
-									value: k.addressLine1,
-									onChange: (e) => G("addressLine1", e.target.value),
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-								})] }),
-								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: "Address Line 2"
-								}), /* @__PURE__ */ b("input", {
-									type: "text",
-									placeholder: "Apartment, Suite, Floor (Optional)",
-									value: k.addressLine2,
-									onChange: (e) => G("addressLine2", e.target.value),
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-								})] }),
-								/* @__PURE__ */ x("div", {
-									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["City ", /* @__PURE__ */ b("span", {
-											className: "text-status-error-text",
-											children: "*"
-										})]
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: k.city,
-										onChange: (e) => G("city", e.target.value),
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["State ", /* @__PURE__ */ b("span", {
-											className: "text-status-error-text",
-											children: "*"
-										})]
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: k.state,
-										onChange: (e) => G("state", e.target.value),
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] })]
-								}),
-								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("label", {
-									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["Pincode ", /* @__PURE__ */ b("span", {
-										className: "text-status-error-text",
-										children: "*"
-									})]
-								}), /* @__PURE__ */ b("input", {
-									type: "text",
-									placeholder: "560001",
-									maxLength: 6,
-									value: k.pincode,
-									onChange: (e) => G("pincode", e.target.value.replace(/\D/g, "")),
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-								})] })
-							]
-						})]
-					}),
-					/* @__PURE__ */ x("section", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
-						children: [
-							/* @__PURE__ */ x("h2", {
-								className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-								children: [/* @__PURE__ */ b(p, { className: "h-4 w-4 text-text-secondary" }), "Payment Method"]
-							}),
-							/* @__PURE__ */ b("div", {
-								className: "space-y-2",
-								children: w.map((e) => {
-									let n = e.icon;
-									return /* @__PURE__ */ x("button", {
-										type: "button",
-										onClick: () => M(e.id),
-										className: t("flex w-full items-center gap-4 rounded-lg border p-3 transition-colors text-left", j === e.id ? "border-foreground bg-accent" : "border-border-subtle bg-bg-surface hover:bg-accent"),
-										children: [
-											/* @__PURE__ */ b("div", {
-												className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-bg-sunken",
-												children: /* @__PURE__ */ b(n, { className: "h-4 w-4 text-text-secondary" })
-											}),
-											/* @__PURE__ */ x("div", {
-												className: "flex-1 min-w-0",
-												children: [/* @__PURE__ */ b("p", {
-													className: "text-sm font-medium text-text-primary",
-													children: e.label
-												}), /* @__PURE__ */ b("p", {
-													className: "text-xs text-text-secondary",
-													children: e.description
-												})]
-											}),
-											j === e.id && /* @__PURE__ */ b(f, { className: "h-5 w-5 text-text-primary shrink-0" })
-										]
-									}, e.id);
-								})
-							}),
-							j === "card" && /* @__PURE__ */ x("div", {
-								className: "mt-4 space-y-4 border-t border-border-subtle pt-4",
-								children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("label", {
-									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["Card Number ", /* @__PURE__ */ b("span", {
-										className: "text-status-error-text",
-										children: "*"
-									})]
-								}), /* @__PURE__ */ b("input", {
-									type: "text",
-									placeholder: "1234 5678 9012 3456",
-									maxLength: 16,
-									value: N.cardNumber,
-									onChange: (e) => K("cardNumber", e.target.value.replace(/\D/g, "")),
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-								})] }), /* @__PURE__ */ x("div", {
-									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["Expiry Date ", /* @__PURE__ */ b("span", {
-											className: "text-status-error-text",
-											children: "*"
-										})]
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										placeholder: "MM/YY",
-										maxLength: 5,
-										value: N.expiryDate,
-										onChange: (e) => {
-											let t = e.target.value.replace(/\D/g, "");
-											t.length >= 2 && (t = t.slice(0, 2) + "/" + t.slice(2, 4)), K("expiryDate", t);
-										},
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["CVV ", /* @__PURE__ */ b("span", {
-											className: "text-status-error-text",
-											children: "*"
-										})]
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										placeholder: "123",
-										maxLength: 3,
-										value: N.cvv,
-										onChange: (e) => K("cvv", e.target.value.replace(/\D/g, "")),
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] })]
-								})]
-							}),
-							j === "upi" && /* @__PURE__ */ x("div", {
-								className: "mt-4 border-t border-border-subtle pt-4",
-								children: [/* @__PURE__ */ x("label", {
-									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["UPI ID ", /* @__PURE__ */ b("span", {
-										className: "text-status-error-text",
-										children: "*"
-									})]
-								}), /* @__PURE__ */ b("input", {
-									type: "text",
-									placeholder: "user@paytm",
-									value: N.upiId,
-									onChange: (e) => K("upiId", e.target.value),
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-								})]
-							}),
-							j === "wallet" && /* @__PURE__ */ x("div", {
-								className: "mt-4 flex items-start gap-3 rounded-lg bg-accent-blue-subtle/10 p-4 border border-accent-blue-subtle/20",
-								children: [/* @__PURE__ */ b(l, { className: "h-4 w-4 text-accent-blue mt-0.5 shrink-0" }), /* @__PURE__ */ b("p", {
-									className: "text-sm text-accent-blue",
-									children: "Digital wallet integration coming soon. Please choose another payment method."
-								})]
-							})
-						]
-					}),
-					/* @__PURE__ */ x("section", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
-						children: [/* @__PURE__ */ x("h2", {
-							className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-							children: [/* @__PURE__ */ b(m, { className: "h-4 w-4 text-text-secondary" }), "Additional Options"]
-						}), /* @__PURE__ */ x("div", {
-							className: "space-y-5",
-							children: [/* @__PURE__ */ x("div", { children: [
-								/* @__PURE__ */ b("label", {
-									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Tip for delivery partner"
-								}),
-								/* @__PURE__ */ b("div", {
-									className: "flex flex-wrap gap-2 mb-3",
-									children: T.map((e) => /* @__PURE__ */ b("button", {
-										type: "button",
-										onClick: () => {
-											I(e), R("");
-										},
-										className: t("flex-1 min-w-[64px] rounded-lg px-3 py-2.5 text-sm font-medium transition-colors", F === e && L === "" ? "bg-foreground text-background" : "bg-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary"),
-										children: e === 0 ? "No Tip" : `₹${e}`
-									}, e))
-								}),
-								/* @__PURE__ */ b("input", {
-									type: "number",
-									placeholder: "Custom tip amount",
-									value: L,
-									onChange: (e) => {
-										let t = e.target.value;
-										R(t), I(parseInt(t) || 0);
-									},
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-								})
-							] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-								className: "block text-sm font-medium text-text-primary mb-2",
-								children: "Special Instructions"
-							}), /* @__PURE__ */ b("textarea", {
-								rows: 3,
-								placeholder: "Any special requests for your order...",
-								value: z,
-								onChange: (e) => B(e.target.value),
-								className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none"
-							})] })]
-						})]
-					})
-				]
-			}), /* @__PURE__ */ b("div", {
-				className: "lg:col-span-1",
-				children: /* @__PURE__ */ x(S, {
-					className: "sticky top-6 p-5",
-					children: [
-						/* @__PURE__ */ b("h2", {
-							className: "text-base font-semibold text-text-primary mb-4",
-							children: "Order Summary"
-						}),
-						/* @__PURE__ */ x("div", {
-							className: "flex items-center gap-3 mb-4 pb-4 border-b border-border-subtle",
-							children: [/* @__PURE__ */ b("div", {
-								className: "h-12 w-12 rounded-md bg-bg-sunken overflow-hidden",
-								children: /* @__PURE__ */ b("img", {
-									src: O.cartImage,
-									alt: O.cartName,
-									className: "h-full w-full object-cover"
-								})
-							}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-								className: "text-sm font-medium text-text-primary",
-								children: O.cartName
-							}), /* @__PURE__ */ x("p", {
-								className: "text-xs text-text-secondary",
-								children: [
-									O.items.length,
-									" item",
-									O.items.length === 1 ? "" : "s"
-								]
-							})] })]
-						}),
-						/* @__PURE__ */ b("div", {
-							className: "space-y-2 mb-4",
-							children: O.items.map((e) => /* @__PURE__ */ x("div", {
-								className: "flex justify-between items-start",
-								children: [/* @__PURE__ */ x("div", {
-									className: "flex-1 min-w-0",
-									children: [
-										/* @__PURE__ */ b("p", {
-											className: "text-sm text-text-primary",
-											children: e.name
-										}),
-										e.customizations && e.customizations.length > 0 && /* @__PURE__ */ b("p", {
-											className: "text-xs text-text-secondary mt-0.5",
-											children: e.customizations.join(", ")
-										}),
-										/* @__PURE__ */ x("p", {
-											className: "text-xs text-text-secondary",
-											children: [
-												o(e.price, { minimumFractionDigits: 0 }),
-												" x ",
-												e.quantity
-											]
-										})
-									]
-								}), /* @__PURE__ */ b("span", {
-									className: "text-sm font-medium text-text-primary",
-									children: o(e.price * e.quantity, { minimumFractionDigits: 0 })
-								})]
-							}, e.id))
-						}),
-						/* @__PURE__ */ x("div", {
-							className: "border-t border-border-subtle pt-4 space-y-2.5 text-sm",
-							children: [
-								/* @__PURE__ */ x("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ x("span", {
-										className: "text-text-secondary",
-										children: [
-											"Subtotal (",
-											W,
-											" items)"
-										]
-									}), /* @__PURE__ */ b("span", {
-										className: "text-text-primary",
-										children: o(U.subtotal, { minimumFractionDigits: 0 })
-									})]
-								}),
-								/* @__PURE__ */ x("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ b("span", {
-										className: "text-text-secondary",
-										children: "Delivery Fee"
-									}), /* @__PURE__ */ b("span", {
-										className: "text-text-primary",
-										children: U.deliveryFee === 0 ? "FREE" : o(U.deliveryFee, { minimumFractionDigits: 0 })
-									})]
-								}),
-								/* @__PURE__ */ x("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ b("span", {
-										className: "text-text-secondary",
-										children: "Tax"
-									}), /* @__PURE__ */ b("span", {
-										className: "text-text-primary",
-										children: o(U.tax, { minimumFractionDigits: 0 })
-									})]
-								}),
-								F > 0 && /* @__PURE__ */ x("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ b("span", {
-										className: "text-text-secondary",
-										children: "Tip"
-									}), /* @__PURE__ */ b("span", {
-										className: "text-text-primary",
-										children: o(F, { minimumFractionDigits: 0 })
-									})]
-								}),
-								U.discount && U.discount > 0 && /* @__PURE__ */ x("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ b("span", {
-										className: "text-status-success-text",
-										children: "Discount"
-									}), /* @__PURE__ */ x("span", {
-										className: "text-status-success-text",
-										children: ["-", o(U.discount, { minimumFractionDigits: 0 })]
-									})]
-								})
-							]
-						}),
-						/* @__PURE__ */ x("div", {
-							className: "mt-4 flex justify-between border-t border-border-subtle pt-4",
-							children: [/* @__PURE__ */ b("span", {
-								className: "text-base font-semibold text-text-primary",
-								children: "Total"
-							}), /* @__PURE__ */ b("span", {
-								className: "text-base font-bold text-text-primary",
-								children: o(U.total, { minimumFractionDigits: 0 })
-							})]
-						}),
-						/* @__PURE__ */ x("button", {
-							type: "button",
-							onClick: async () => {
-								if (!(!q() || !O)) try {
-									let e = await D.mutateAsync({
-										providerId: O.cartId,
-										customerId: v?.id,
-										items: O.items.map((e) => ({
-											offeringId: e.id,
-											quantity: e.quantity,
-											customizations: e.customizations
-										})),
-										deliveryAddress: `${k.addressLine1}, ${k.addressLine2}, ${k.city}, ${k.state} - ${k.pincode}`,
-										paymentMethod: j.toUpperCase(),
-										notes: z,
-										deliveryFee: U.deliveryFee,
-										tax: U.tax,
-										tip: F,
-										total: U.total
-									});
-									alert("Order placed successfully!"), d(`/customer/order/${e.id}`);
-								} catch {
-									alert("Failed to place order. Please try again.");
-								}
-							},
-							disabled: D.isPending,
-							className: t("mt-6 flex w-full items-center justify-center gap-2 rounded-lg py-3 text-sm font-medium transition-opacity", "bg-foreground text-background", D.isPending ? "opacity-60 cursor-not-allowed" : "hover:opacity-90"),
-							children: [D.isPending ? /* @__PURE__ */ b(h, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ b(_, { className: "h-4 w-4" }), D.isPending ? "Placing Order..." : `Place Order - ${o(U.total, { minimumFractionDigits: 0 })}`]
-						}),
-						/* @__PURE__ */ b("p", {
-							className: "mt-3 text-center text-xs text-text-secondary",
-							children: "By placing this order, you agree to our Terms of Service and Privacy Policy"
-						})
-					]
-				})
-			})]
-		})]
-	}) : /* @__PURE__ */ b(n, {
-		title: "Checkout",
-		children: /* @__PURE__ */ b(r, {
-			illustration: "empty-generic",
-			title: "Your cart is empty",
-			description: "Add some items to proceed with checkout.",
-			action: /* @__PURE__ */ b("button", {
-				type: "button",
-				onClick: () => d("/customer/carts"),
-				className: "rounded-lg bg-foreground px-6 py-3 text-sm font-medium text-background hover:opacity-90 transition-opacity",
-				children: "Browse Carts"
-			})
-		})
-	});
-}
-//#endregion
-export { E as CheckoutPage };
-
-//# sourceMappingURL=CheckoutPage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CheckoutPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/customer/CheckoutPage.tsx"],"sourcesContent":["/**\n * Checkout Page\n * @module coolandlovely/pages/customer\n *\n * Full checkout flow with delivery address form, payment method selection,\n * tip selection, special instructions, price breakdown, and Place Order CTA.\n */\n\nimport { useState, useEffect, useMemo } from'react';\nimport {\n  ArrowLeft,\n  MapPin,\n  CreditCard,\n  Wallet,\n  Banknote,\n  Smartphone,\n  CheckCircle2,\n  ShoppingBag,\n  Heart,\n  AlertCircle,\n  Loader2,\n} from'lucide-react';\nimport { EmphasisPanel, PagePurpose } from'@burdenoff/fe-libs/ui';\nimport { PageLayout } from'../../components/PageLayout';\nimport { EmptyState } from'../../components/EmptyState';\nimport { useCoolAndLovely } from'../../context/CoolAndLovelyContext';\nimport { useOrders, usePlaceOrder } from'../../hooks/useCoolAndLovelyApi';\nimport { cn } from'../../utils/cn';\nimport { formatCurrency } from'../../utils/formatters';\n\ntype PaymentMethod = 'cash' | 'card' | 'upi' | 'wallet';\n\ninterface DeliveryAddress {\n  addressLine1: string;\n  addressLine2: string;\n  city: string;\n  state: string;\n  pincode: string;\n}\n\ninterface PaymentDetails {\n  cardNumber: string;\n  expiryDate: string;\n  cvv: string;\n  upiId: string;\n}\n\nconst paymentMethods: Array<{\n  id: PaymentMethod;\n  label: string;\n  icon: typeof CreditCard;\n  description: string;\n}> = [\n  { id: 'cash', label: 'Cash on Delivery', icon: Banknote, description: 'Pay when you receive' },\n  {\n    id: 'card',\n    label: 'Credit / Debit Card',\n    icon: CreditCard,\n    description: 'Visa, Mastercard, RuPay',\n  },\n  { id: 'upi', label: 'UPI', icon: Smartphone, description: 'Google Pay, PhonePe, Paytm' },\n  { id: 'wallet', label: 'Digital Wallet', icon: Wallet, description: 'CoolAndLovely Wallet Balance' },\n];\n\nconst quickTips = [0, 10, 20, 30];\n\nexport function CheckoutPage() {\n  const { navigateTo, currentUser } = useCoolAndLovely();\n  const { data: allOrders = [], isLoading } = useOrders({ customerId: currentUser?.id });\n  const placeOrderMutation = usePlaceOrder();\n\n  // Use the first pending order as the\"current order\" being placed, or most recent\n  const order = useMemo(() => {\n    return allOrders.find((o) => o.status === 'pending') || allOrders[0];\n  }, [allOrders]);\n\n  const [deliveryAddress, setDeliveryAddress] = useState<DeliveryAddress>({\n    addressLine1: '',\n    addressLine2: '',\n    city: 'Bangalore',\n    state: 'Karnataka',\n    pincode: '',\n  });\n\n  const [selectedPayment, setSelectedPayment] = useState<PaymentMethod>('cash');\n  const [paymentDetails, setPaymentDetails] = useState<PaymentDetails>({\n    cardNumber: '',\n    expiryDate: '',\n    cvv: '',\n    upiId: '',\n  });\n\n  const [tip, setTip] = useState(0);\n  const [customTipInput, setCustomTipInput] = useState('');\n  const [specialInstructions, setSpecialInstructions] = useState('');\n  const [isPlacing, setIsPlacing] = useState(false);\n\n  // Calculate order summary dynamically\n  const orderSummary = useMemo(() => {\n    if (!order) return { subtotal: 0, deliveryFee: 0, tax: 0, total: 0 };\n    const subtotal = order.subtotal;\n    const deliveryFee = order.deliveryFee;\n    const tax = order.taxes;\n    const discount = order.discount ?? 0;\n    const total = subtotal + deliveryFee + tax + tip - discount;\n    return { subtotal, deliveryFee, tax, discount, total };\n  }, [order, tip]);\n\n  const totalItems = useMemo(() => {\n    if (!order) return 0;\n    return order.items.reduce((sum, item) => sum + item.quantity, 0);\n  }, [order]);\n\n  const handleAddressChange = (field: keyof DeliveryAddress, value: string) => {\n    setDeliveryAddress((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const handlePaymentDetailsChange = (field: keyof PaymentDetails, value: string) => {\n    setPaymentDetails((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const validateForm = (): boolean => {\n    if (!deliveryAddress.addressLine1.trim()) {\n      alert('Please enter delivery address');\n      return false;\n    }\n    if (!deliveryAddress.pincode.trim() || deliveryAddress.pincode.length !== 6) {\n      alert('Please enter a valid 6-digit pincode');\n      return false;\n    }\n    if (selectedPayment === 'card') {\n      if (!paymentDetails.cardNumber || paymentDetails.cardNumber.length < 16) {\n        alert('Please enter a valid 16-digit card number');\n        return false;\n      }\n      if (!paymentDetails.expiryDate) {\n        alert('Please enter card expiry date');\n        return false;\n      }\n      if (!paymentDetails.cvv || paymentDetails.cvv.length < 3) {\n        alert('Please enter a valid 3-digit CVV');\n        return false;\n      }\n    }\n    if (selectedPayment === 'upi' && !paymentDetails.upiId.trim()) {\n      alert('Please enter UPI ID');\n      return false;\n    }\n    return true;\n  };\n\n  const handlePlaceOrder = async () => {\n    if (!validateForm() || !order) return;\n\n    try {\n      const result = await placeOrderMutation.mutateAsync({\n        providerId: order.cartId,\n        customerId: currentUser?.id,\n        items: order.items.map((i) => ({\n          offeringId: i.id,\n          quantity: i.quantity,\n          customizations: i.customizations,\n        })),\n        deliveryAddress: `${deliveryAddress.addressLine1}, ${deliveryAddress.addressLine2}, ${deliveryAddress.city}, ${deliveryAddress.state} - ${deliveryAddress.pincode}`,\n        paymentMethod: selectedPayment.toUpperCase(),\n        notes: specialInstructions,\n        deliveryFee: orderSummary.deliveryFee,\n        tax: orderSummary.tax,\n        tip: tip,\n        total: orderSummary.total,\n      });\n\n      alert('Order placed successfully!');\n      navigateTo(`/customer/order/${result.id}`);\n    } catch (err) {\n      alert('Failed to place order. Please try again.');\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Checkout\">\n        <div className=\"flex h-[60vh] items-center justify-center\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-primary\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (!order) {\n    return (\n      <PageLayout title=\"Checkout\">\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"Your cart is empty\"\n          description=\"Add some items to proceed with checkout.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/customer/carts')}\n              className=\"rounded-lg bg-foreground px-6 py-3 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n            >\n              Browse Carts\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={\n        <div className=\"flex items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/customer/carts')}\n            className=\"rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors\"\n          >\n            <ArrowLeft className=\"h-5 w-5\" />\n          </button>\n          <span>Checkout</span>\n        </div>\n      }\n      description=\"Review your order and complete payment\"\n    >\n      <PagePurpose className=\"mb-6\" icon={<ShoppingBag className=\"h-4 w-4\" />}>\n        The final step before your order is placed. Confirm where it should go,\n        choose how you want to pay, add a tip or special instructions, and review\n        the full price breakdown on the right before you place the order.\n      </PagePurpose>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* Left: Checkout Form */}\n        <div className=\"lg:col-span-2 space-y-6\">\n          {/* Delivery Address */}\n          <section className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n            <h2 className=\"text-base font-semibold text-text-primary mb-4 flex items-center gap-2\">\n              <MapPin className=\"h-4 w-4 text-text-secondary\" />\n              Delivery Address\n            </h2>\n            <div className=\"space-y-4\">\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n                  Address Line 1 <span className=\"text-status-error-text\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  placeholder=\"Building, Street, Area\"\n                  value={deliveryAddress.addressLine1}\n                  onChange={(e) => handleAddressChange('addressLine1', e.target.value)}\n                  className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                />\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n                  Address Line 2\n                </label>\n                <input\n                  type=\"text\"\n                  placeholder=\"Apartment, Suite, Floor (Optional)\"\n                  value={deliveryAddress.addressLine2}\n                  onChange={(e) => handleAddressChange('addressLine2', e.target.value)}\n                  className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                />\n              </div>\n              <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                <div>\n                  <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n                    City <span className=\"text-status-error-text\">*</span>\n                  </label>\n                  <input\n                    type=\"text\"\n                    value={deliveryAddress.city}\n                    onChange={(e) => handleAddressChange('city', e.target.value)}\n                    className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n                    State <span className=\"text-status-error-text\">*</span>\n                  </label>\n                  <input\n                    type=\"text\"\n                    value={deliveryAddress.state}\n                    onChange={(e) => handleAddressChange('state', e.target.value)}\n                    className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                  />\n                </div>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n                  Pincode <span className=\"text-status-error-text\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  placeholder=\"560001\"\n                  maxLength={6}\n                  value={deliveryAddress.pincode}\n                  onChange={(e) =>\n                    handleAddressChange('pincode', e.target.value.replace(/\\D/g, ''))\n                  }\n                  className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                />\n              </div>\n            </div>\n          </section>\n\n          {/* Payment Method */}\n          <section className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n            <h2 className=\"text-base font-semibold text-text-primary mb-4 flex items-center gap-2\">\n              <CreditCard className=\"h-4 w-4 text-text-secondary\" />\n              Payment Method\n            </h2>\n            <div className=\"space-y-2\">\n              {paymentMethods.map((method) => {\n                const Icon = method.icon;\n                return (\n                  <button\n                    key={method.id}\n                    type=\"button\"\n                    onClick={() => setSelectedPayment(method.id)}\n                    className={cn(\n                      'flex w-full items-center gap-4 rounded-lg border p-3 transition-colors text-left',\n                      selectedPayment === method.id\n                        ? 'border-foreground bg-accent'\n                        : 'border-border-subtle bg-bg-surface hover:bg-accent'\n                    )}\n                  >\n                    <div className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-bg-sunken\">\n                      <Icon className=\"h-4 w-4 text-text-secondary\" />\n                    </div>\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"text-sm font-medium text-text-primary\">{method.label}</p>\n                      <p className=\"text-xs text-text-secondary\">{method.description}</p>\n                    </div>\n                    {selectedPayment === method.id && (\n                      <CheckCircle2 className=\"h-5 w-5 text-text-primary shrink-0\" />\n                    )}\n                  </button>\n                );\n              })}\n            </div>\n\n            {/* Card Payment Details */}\n            {selectedPayment === 'card' && (\n              <div className=\"mt-4 space-y-4 border-t border-border-subtle pt-4\">\n                <div>\n                  <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n                    Card Number <span className=\"text-status-error-text\">*</span>\n                  </label>\n                  <input\n                    type=\"text\"\n                    placeholder=\"1234 5678 9012 3456\"\n                    maxLength={16}\n                    value={paymentDetails.cardNumber}\n                    onChange={(e) =>\n                      handlePaymentDetailsChange('cardNumber', e.target.value.replace(/\\D/g, ''))\n                    }\n                    className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                  />\n                </div>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n                      Expiry Date <span className=\"text-status-error-text\">*</span>\n                    </label>\n                    <input\n                      type=\"text\"\n                      placeholder=\"MM/YY\"\n                      maxLength={5}\n                      value={paymentDetails.expiryDate}\n                      onChange={(e) => {\n                        let value = e.target.value.replace(/\\D/g, '');\n                        if (value.length >= 2) {\n                          value = value.slice(0, 2) + '/' + value.slice(2, 4);\n                        }\n                        handlePaymentDetailsChange('expiryDate', value);\n                      }}\n                      className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                    />\n                  </div>\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n                      CVV <span className=\"text-status-error-text\">*</span>\n                    </label>\n                    <input\n                      type=\"text\"\n                      placeholder=\"123\"\n                      maxLength={3}\n                      value={paymentDetails.cvv}\n                      onChange={(e) =>\n                        handlePaymentDetailsChange('cvv', e.target.value.replace(/\\D/g, ''))\n                      }\n                      className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                    />\n                  </div>\n                </div>\n              </div>\n            )}\n\n            {/* UPI ID */}\n            {selectedPayment === 'upi' && (\n              <div className=\"mt-4 border-t border-border-subtle pt-4\">\n                <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n                  UPI ID <span className=\"text-status-error-text\">*</span>\n                </label>\n                <input\n                  type=\"text\"\n                  placeholder=\"user@paytm\"\n                  value={paymentDetails.upiId}\n                  onChange={(e) => handlePaymentDetailsChange('upiId', e.target.value)}\n                  className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                />\n              </div>\n            )}\n\n            {/* Wallet notice */}\n            {selectedPayment === 'wallet' && (\n              <div className=\"mt-4 flex items-start gap-3 rounded-lg bg-accent-blue-subtle/10 p-4 border border-accent-blue-subtle/20\">\n                <AlertCircle className=\"h-4 w-4 text-accent-blue mt-0.5 shrink-0\" />\n                <p className=\"text-sm text-accent-blue\">\n                  Digital wallet integration coming soon. Please choose another payment method.\n                </p>\n              </div>\n            )}\n          </section>\n\n          {/* Tip and Special Instructions */}\n          <section className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n            <h2 className=\"text-base font-semibold text-text-primary mb-4 flex items-center gap-2\">\n              <Heart className=\"h-4 w-4 text-text-secondary\" />\n              Additional Options\n            </h2>\n            <div className=\"space-y-5\">\n              {/* Tip Selection */}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-2\">\n                  Tip for delivery partner\n                </label>\n                <div className=\"flex flex-wrap gap-2 mb-3\">\n                  {quickTips.map((amount) => (\n                    <button\n                      key={amount}\n                      type=\"button\"\n                      onClick={() => {\n                        setTip(amount);\n                        setCustomTipInput('');\n                      }}\n                      className={cn(\n                        'flex-1 min-w-[64px] rounded-lg px-3 py-2.5 text-sm font-medium transition-colors',\n                        tip === amount && customTipInput === ''\n                          ? 'bg-foreground text-background'\n                          : 'bg-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary'\n                      )}\n                    >\n                      {amount === 0 ? 'No Tip' : `₹${amount}`}\n                    </button>\n                  ))}\n                </div>\n                <input\n                  type=\"number\"\n                  placeholder=\"Custom tip amount\"\n                  value={customTipInput}\n                  onChange={(e) => {\n                    const val = e.target.value;\n                    setCustomTipInput(val);\n                    setTip(parseInt(val) || 0);\n                  }}\n                  className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                />\n              </div>\n\n              {/* Special Instructions */}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-2\">\n                  Special Instructions\n                </label>\n                <textarea\n                  rows={3}\n                  placeholder=\"Any special requests for your order...\"\n                  value={specialInstructions}\n                  onChange={(e) => setSpecialInstructions(e.target.value)}\n                  className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none\"\n                />\n              </div>\n            </div>\n          </section>\n        </div>\n\n        {/* Right: Order Summary & Place Order — primary emphasis zone */}\n        <div className=\"lg:col-span-1\">\n          <EmphasisPanel className=\"sticky top-6 p-5\">\n            <h2 className=\"text-base font-semibold text-text-primary mb-4\">Order Summary</h2>\n\n            {/* Cart Info */}\n            <div className=\"flex items-center gap-3 mb-4 pb-4 border-b border-border-subtle\">\n              <div className=\"h-12 w-12 rounded-md bg-bg-sunken overflow-hidden\">\n                <img\n                  src={order.cartImage}\n                  alt={order.cartName}\n                  className=\"h-full w-full object-cover\"\n                />\n              </div>\n              <div>\n                <p className=\"text-sm font-medium text-text-primary\">{order.cartName}</p>\n                <p className=\"text-xs text-text-secondary\">\n                  {order.items.length} item{order.items.length !== 1 ? 's' : ''}\n                </p>\n              </div>\n            </div>\n\n            {/* Cart Items */}\n            <div className=\"space-y-2 mb-4\">\n              {order.items.map((item) => (\n                <div key={item.id} className=\"flex justify-between items-start\">\n                  <div className=\"flex-1 min-w-0\">\n                    <p className=\"text-sm text-text-primary\">{item.name}</p>\n                    {item.customizations && item.customizations.length > 0 && (\n                      <p className=\"text-xs text-text-secondary mt-0.5\">\n                        {item.customizations.join(', ')}\n                      </p>\n                    )}\n                    <p className=\"text-xs text-text-secondary\">\n                      {formatCurrency(item.price, { minimumFractionDigits: 0 })} x {item.quantity}\n                    </p>\n                  </div>\n                  <span className=\"text-sm font-medium text-text-primary\">\n                    {formatCurrency(item.price * item.quantity, { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              ))}\n            </div>\n\n            {/* Price Breakdown */}\n            <div className=\"border-t border-border-subtle pt-4 space-y-2.5 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-text-secondary\">Subtotal ({totalItems} items)</span>\n                <span className=\"text-text-primary\">\n                  {formatCurrency(orderSummary.subtotal, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-text-secondary\">Delivery Fee</span>\n                <span className=\"text-text-primary\">\n                  {orderSummary.deliveryFee === 0\n                    ? 'FREE'\n                    : formatCurrency(orderSummary.deliveryFee, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-text-secondary\">Tax</span>\n                <span className=\"text-text-primary\">\n                  {formatCurrency(orderSummary.tax, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              {tip > 0 && (\n                <div className=\"flex justify-between\">\n                  <span className=\"text-text-secondary\">Tip</span>\n                  <span className=\"text-text-primary\">\n                    {formatCurrency(tip, { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              )}\n              {orderSummary.discount && orderSummary.discount > 0 && (\n                <div className=\"flex justify-between\">\n                  <span className=\"text-status-success-text\">Discount</span>\n                  <span className=\"text-status-success-text\">\n                    -{formatCurrency(orderSummary.discount, { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              )}\n            </div>\n\n            <div className=\"mt-4 flex justify-between border-t border-border-subtle pt-4\">\n              <span className=\"text-base font-semibold text-text-primary\">Total</span>\n              <span className=\"text-base font-bold text-text-primary\">\n                {formatCurrency(orderSummary.total, { minimumFractionDigits: 0 })}\n              </span>\n            </div>\n\n            <button\n              type=\"button\"\n              onClick={handlePlaceOrder}\n              disabled={placeOrderMutation.isPending}\n              className={cn(\n                'mt-6 flex w-full items-center justify-center gap-2 rounded-lg py-3 text-sm font-medium transition-opacity',\n                'bg-foreground text-background',\n                placeOrderMutation.isPending ? 'opacity-60 cursor-not-allowed' : 'hover:opacity-90'\n              )}\n            >\n              {placeOrderMutation.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <ShoppingBag className=\"h-4 w-4\" />\n              )}\n              {placeOrderMutation.isPending\n                ? 'Placing Order...'\n                : `Place Order - ${formatCurrency(orderSummary.total, { minimumFractionDigits: 0 })}`}\n            </button>\n\n            <p className=\"mt-3 text-center text-xs text-text-secondary\">\n              By placing this order, you agree to our Terms of Service and Privacy Policy\n            </p>\n          </EmphasisPanel>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA+CA,IAAM,IAKD;CACH;EAAE,IAAI;EAAQ,OAAO;EAAoB,MAAM;EAAU,aAAa;EAAwB;CAC9F;EACE,IAAI;EACJ,OAAO;EACP,MAAM;EACN,aAAa;EACd;CACD;EAAE,IAAI;EAAO,OAAO;EAAO,MAAM;EAAY,aAAa;EAA8B;CACxF;EAAE,IAAI;EAAU,OAAO;EAAkB,MAAM;EAAQ,aAAa;EAAgC;CACrG,EAEK,IAAY;CAAC;CAAG;CAAI;CAAI;CAAG;AAEjC,SAAgB,IAAe;CAC7B,IAAM,EAAE,eAAY,mBAAgB,GAAkB,EAChD,EAAE,MAAM,IAAY,EAAE,EAAE,iBAAc,EAAU,EAAE,YAAY,GAAa,IAAI,CAAC,EAChF,IAAqB,GAAe,EAGpC,IAAQ,QACL,EAAU,MAAM,MAAM,EAAE,WAAW,UAAU,IAAI,EAAU,IACjE,CAAC,EAAU,CAAC,EAET,CAAC,GAAiB,KAAsB,EAA0B;EACtE,cAAc;EACd,cAAc;EACd,MAAM;EACN,OAAO;EACP,SAAS;EACV,CAAC,EAEI,CAAC,GAAiB,KAAsB,EAAwB,OAAO,EACvE,CAAC,GAAgB,KAAqB,EAAyB;EACnE,YAAY;EACZ,YAAY;EACZ,KAAK;EACL,OAAO;EACR,CAAC,EAEI,CAAC,GAAK,KAAU,EAAS,EAAE,EAC3B,CAAC,GAAgB,KAAqB,EAAS,GAAG,EAClD,CAAC,GAAqB,KAA0B,EAAS,GAAG,EAC5D,CAAC,GAAW,KAAgB,EAAS,GAAM,EAG3C,IAAe,QAAc;AACjC,MAAI,CAAC,EAAO,QAAO;GAAE,UAAU;GAAG,aAAa;GAAG,KAAK;GAAG,OAAO;GAAG;EACpE,IAAM,IAAW,EAAM,UACjB,IAAc,EAAM,aACpB,IAAM,EAAM,OACZ,IAAW,EAAM,YAAY;AAEnC,SAAO;GAAE;GAAU;GAAa;GAAK;GAAU,OADjC,IAAW,IAAc,IAAM,IAAM;GACG;IACrD,CAAC,GAAO,EAAI,CAAC,EAEV,IAAa,QACZ,IACE,EAAM,MAAM,QAAQ,GAAK,MAAS,IAAM,EAAK,UAAU,EAAE,GAD7C,GAElB,CAAC,EAAM,CAAC,EAEL,KAAuB,GAA8B,MAAkB;AAC3E,KAAoB,OAAU;GAAE,GAAG;IAAO,IAAQ;GAAO,EAAE;IAGvD,KAA8B,GAA6B,MAAkB;AACjF,KAAmB,OAAU;GAAE,GAAG;IAAO,IAAQ;GAAO,EAAE;IAGtD,UAA8B;AAClC,MAAI,CAAC,EAAgB,aAAa,MAAM,CAEtC,QADA,MAAM,gCAAgC,EAC/B;AAET,MAAI,CAAC,EAAgB,QAAQ,MAAM,IAAI,EAAgB,QAAQ,WAAW,EAExE,QADA,MAAM,uCAAuC,EACtC;AAET,MAAI,MAAoB,QAAQ;AAC9B,OAAI,CAAC,EAAe,cAAc,EAAe,WAAW,SAAS,GAEnE,QADA,MAAM,4CAA4C,EAC3C;AAET,OAAI,CAAC,EAAe,WAElB,QADA,MAAM,gCAAgC,EAC/B;AAET,OAAI,CAAC,EAAe,OAAO,EAAe,IAAI,SAAS,EAErD,QADA,MAAM,mCAAmC,EAClC;;AAOX,SAJI,MAAoB,SAAS,CAAC,EAAe,MAAM,MAAM,IAC3D,MAAM,sBAAsB,EACrB,MAEF;;AA8DT,QA/BI,IAEA,kBAAC,GAAD;EAAY,OAAM;YAChB,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAS,WAAU,qCAAsC,CAAA;GACrD,CAAA;EACK,CAAA,GAIZ,IAsBH,kBAAC,GAAD;EACE,OACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,kBAAkB;IAC5C,WAAU;cAEV,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;IAC1B,CAAA,EACT,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA,CACjB;;EAER,aAAY;YAbd,CAeE,kBAAC,GAAD;GAAa,WAAU;GAAO,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;aAAE;GAI3D,CAAA,EAEd,kBAAC,OAAD;GAAK,WAAU;aAAf,CAEE,kBAAC,OAAD;IAAK,WAAU;cAAf;KAEE,kBAAC,WAAD;MAAS,WAAU;gBAAnB,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAd,CACE,kBAAC,GAAD,EAAQ,WAAU,+BAAgC,CAAA,EAAA,mBAE/C;UACL,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;SAAO,WAAU;mBAAjB,CAAsE,mBACrD,kBAAC,QAAD;UAAM,WAAU;oBAAyB;UAAQ,CAAA,CAC1D;YACR,kBAAC,SAAD;SACE,MAAK;SACL,aAAY;SACZ,OAAO,EAAgB;SACvB,WAAW,MAAM,EAAoB,gBAAgB,EAAE,OAAO,MAAM;SACpE,WAAU;SACV,CAAA,CACE,EAAA,CAAA;QACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;SAAO,WAAU;mBAAqD;SAE9D,CAAA,EACR,kBAAC,SAAD;SACE,MAAK;SACL,aAAY;SACZ,OAAO,EAAgB;SACvB,WAAW,MAAM,EAAoB,gBAAgB,EAAE,OAAO,MAAM;SACpE,WAAU;SACV,CAAA,CACE,EAAA,CAAA;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;UAAO,WAAU;oBAAjB,CAAsE,SAC/D,kBAAC,QAAD;WAAM,WAAU;qBAAyB;WAAQ,CAAA,CAChD;aACR,kBAAC,SAAD;UACE,MAAK;UACL,OAAO,EAAgB;UACvB,WAAW,MAAM,EAAoB,QAAQ,EAAE,OAAO,MAAM;UAC5D,WAAU;UACV,CAAA,CACE,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;UAAO,WAAU;oBAAjB,CAAsE,UAC9D,kBAAC,QAAD;WAAM,WAAU;qBAAyB;WAAQ,CAAA,CACjD;aACR,kBAAC,SAAD;UACE,MAAK;UACL,OAAO,EAAgB;UACvB,WAAW,MAAM,EAAoB,SAAS,EAAE,OAAO,MAAM;UAC7D,WAAU;UACV,CAAA,CACE,EAAA,CAAA,CACF;;QACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;SAAO,WAAU;mBAAjB,CAAsE,YAC5D,kBAAC,QAAD;UAAM,WAAU;oBAAyB;UAAQ,CAAA,CACnD;YACR,kBAAC,SAAD;SACE,MAAK;SACL,aAAY;SACZ,WAAW;SACX,OAAO,EAAgB;SACvB,WAAW,MACT,EAAoB,WAAW,EAAE,OAAO,MAAM,QAAQ,OAAO,GAAG,CAAC;SAEnE,WAAU;SACV,CAAA,CACE,EAAA,CAAA;QACF;SACE;;KAGV,kBAAC,WAAD;MAAS,WAAU;gBAAnB;OACE,kBAAC,MAAD;QAAI,WAAU;kBAAd,CACE,kBAAC,GAAD,EAAY,WAAU,+BAAgC,CAAA,EAAA,iBAEnD;;OACL,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAe,KAAK,MAAW;SAC9B,IAAM,IAAO,EAAO;AACpB,gBACE,kBAAC,UAAD;UAEE,MAAK;UACL,eAAe,EAAmB,EAAO,GAAG;UAC5C,WAAW,EACT,oFACA,MAAoB,EAAO,KACvB,gCACA,qDACL;oBATH;WAWE,kBAAC,OAAD;YAAK,WAAU;sBACb,kBAAC,GAAD,EAAM,WAAU,+BAAgC,CAAA;YAC5C,CAAA;WACN,kBAAC,OAAD;YAAK,WAAU;sBAAf,CACE,kBAAC,KAAD;aAAG,WAAU;uBAAyC,EAAO;aAAU,CAAA,EACvE,kBAAC,KAAD;aAAG,WAAU;uBAA+B,EAAO;aAAgB,CAAA,CAC/D;;WACL,MAAoB,EAAO,MAC1B,kBAAC,GAAD,EAAc,WAAU,sCAAuC,CAAA;WAE1D;YApBF,EAAO,GAoBL;UAEX;QACE,CAAA;OAGL,MAAoB,UACnB,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;SAAO,WAAU;mBAAjB,CAAsE,gBACxD,kBAAC,QAAD;UAAM,WAAU;oBAAyB;UAAQ,CAAA,CACvD;YACR,kBAAC,SAAD;SACE,MAAK;SACL,aAAY;SACZ,WAAW;SACX,OAAO,EAAe;SACtB,WAAW,MACT,EAA2B,cAAc,EAAE,OAAO,MAAM,QAAQ,OAAO,GAAG,CAAC;SAE7E,WAAU;SACV,CAAA,CACE,EAAA,CAAA,EACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;UAAO,WAAU;oBAAjB,CAAsE,gBACxD,kBAAC,QAAD;WAAM,WAAU;qBAAyB;WAAQ,CAAA,CACvD;aACR,kBAAC,SAAD;UACE,MAAK;UACL,aAAY;UACZ,WAAW;UACX,OAAO,EAAe;UACtB,WAAW,MAAM;WACf,IAAI,IAAQ,EAAE,OAAO,MAAM,QAAQ,OAAO,GAAG;AAI7C,WAHI,EAAM,UAAU,MAClB,IAAQ,EAAM,MAAM,GAAG,EAAE,GAAG,MAAM,EAAM,MAAM,GAAG,EAAE,GAErD,EAA2B,cAAc,EAAM;;UAEjD,WAAU;UACV,CAAA,CACE,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;UAAO,WAAU;oBAAjB,CAAsE,QAChE,kBAAC,QAAD;WAAM,WAAU;qBAAyB;WAAQ,CAAA,CAC/C;aACR,kBAAC,SAAD;UACE,MAAK;UACL,aAAY;UACZ,WAAW;UACX,OAAO,EAAe;UACtB,WAAW,MACT,EAA2B,OAAO,EAAE,OAAO,MAAM,QAAQ,OAAO,GAAG,CAAC;UAEtE,WAAU;UACV,CAAA,CACE,EAAA,CAAA,CACF;WACF;;OAIP,MAAoB,SACnB,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,SAAD;SAAO,WAAU;mBAAjB,CAAsE,WAC7D,kBAAC,QAAD;UAAM,WAAU;oBAAyB;UAAQ,CAAA,CAClD;YACR,kBAAC,SAAD;SACE,MAAK;SACL,aAAY;SACZ,OAAO,EAAe;SACtB,WAAW,MAAM,EAA2B,SAAS,EAAE,OAAO,MAAM;SACpE,WAAU;SACV,CAAA,CACE;;OAIP,MAAoB,YACnB,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAa,WAAU,4CAA6C,CAAA,EACpE,kBAAC,KAAD;SAAG,WAAU;mBAA2B;SAEpC,CAAA,CACA;;OAEA;;KAGV,kBAAC,WAAD;MAAS,WAAU;gBAAnB,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAd,CACE,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,EAAA,qBAE9C;UACL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAEE,kBAAC,OAAD,EAAA,UAAA;QACE,kBAAC,SAAD;SAAO,WAAU;mBAAmD;SAE5D,CAAA;QACR,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAU,KAAK,MACd,kBAAC,UAAD;UAEE,MAAK;UACL,eAAe;AAEb,WADA,EAAO,EAAO,EACd,EAAkB,GAAG;;UAEvB,WAAW,EACT,oFACA,MAAQ,KAAU,MAAmB,KACjC,kCACA,2EACL;oBAEA,MAAW,IAAI,WAAW,IAAI;UACxB,EAdF,EAcE,CACT;SACE,CAAA;QACN,kBAAC,SAAD;SACE,MAAK;SACL,aAAY;SACZ,OAAO;SACP,WAAW,MAAM;UACf,IAAM,IAAM,EAAE,OAAO;AAErB,UADA,EAAkB,EAAI,EACtB,EAAO,SAAS,EAAI,IAAI,EAAE;;SAE5B,WAAU;SACV,CAAA;QACE,EAAA,CAAA,EAGN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QAAO,WAAU;kBAAmD;QAE5D,CAAA,EACR,kBAAC,YAAD;QACE,MAAM;QACN,aAAY;QACZ,OAAO;QACP,WAAW,MAAM,EAAuB,EAAE,OAAO,MAAM;QACvD,WAAU;QACV,CAAA,CACE,EAAA,CAAA,CACF;SACE;;KACN;OAGN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAe,WAAU;eAAzB;MACE,kBAAC,MAAD;OAAI,WAAU;iBAAiD;OAAkB,CAAA;MAGjF,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,OAAD;SACE,KAAK,EAAM;SACX,KAAK,EAAM;SACX,WAAU;SACV,CAAA;QACE,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAyC,EAAM;QAAa,CAAA,EACzE,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAM,MAAM;SAAO;SAAM,EAAM,MAAM,WAAW,IAAU,KAAN;SACnD;UACA,EAAA,CAAA,CACF;;MAGN,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAM,MAAM,KAAK,MAChB,kBAAC,OAAD;QAAmB,WAAU;kBAA7B,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,KAAD;WAAG,WAAU;qBAA6B,EAAK;WAAS,CAAA;UACvD,EAAK,kBAAkB,EAAK,eAAe,SAAS,KACnD,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAK,eAAe,KAAK,KAAK;WAC7B,CAAA;UAEN,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACG,EAAe,EAAK,OAAO,EAAE,uBAAuB,GAAG,CAAC;YAAC;YAAI,EAAK;YACjE;;UACA;YACN,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAe,EAAK,QAAQ,EAAK,UAAU,EAAE,uBAAuB,GAAG,CAAC;SACpE,CAAA,CACH;UAfI,EAAK,GAeT,CACN;OACE,CAAA;MAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAhB;WAAsC;WAAW;WAAW;WAAc;aAC1E,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAe,EAAa,UAAU,EAAE,uBAAuB,GAAG,CAAC;UAC/D,CAAA,CACH;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAsB;UAAmB,CAAA,EACzD,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAa,gBAAgB,IAC1B,SACA,EAAe,EAAa,aAAa,EAAE,uBAAuB,GAAG,CAAC;UACrE,CAAA,CACH;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAsB;UAAU,CAAA,EAChD,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAe,EAAa,KAAK,EAAE,uBAAuB,GAAG,CAAC;UAC1D,CAAA,CACH;;QACL,IAAM,KACL,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAsB;UAAU,CAAA,EAChD,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAe,GAAK,EAAE,uBAAuB,GAAG,CAAC;UAC7C,CAAA,CACH;;QAEP,EAAa,YAAY,EAAa,WAAW,KAChD,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAA2B;UAAe,CAAA,EAC1D,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CAA2C,KACvC,EAAe,EAAa,UAAU,EAAE,uBAAuB,GAAG,CAAC,CAChE;YACH;;QAEJ;;MAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4C;QAAY,CAAA,EACxE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAe,EAAa,OAAO,EAAE,uBAAuB,GAAG,CAAC;QAC5D,CAAA,CACH;;MAEN,kBAAC,UAAD;OACE,MAAK;OACL,SAhba,YAAY;AAC/B,eAAC,GAAc,IAAI,CAAC,GAExB,KAAI;SACF,IAAM,IAAS,MAAM,EAAmB,YAAY;UAClD,YAAY,EAAM;UAClB,YAAY,GAAa;UACzB,OAAO,EAAM,MAAM,KAAK,OAAO;WAC7B,YAAY,EAAE;WACd,UAAU,EAAE;WACZ,gBAAgB,EAAE;WACnB,EAAE;UACH,iBAAiB,GAAG,EAAgB,aAAa,IAAI,EAAgB,aAAa,IAAI,EAAgB,KAAK,IAAI,EAAgB,MAAM,KAAK,EAAgB;UAC1J,eAAe,EAAgB,aAAa;UAC5C,OAAO;UACP,aAAa,EAAa;UAC1B,KAAK,EAAa;UACb;UACL,OAAO,EAAa;UACrB,CAAC;AAGF,SADA,MAAM,6BAA6B,EACnC,EAAW,mBAAmB,EAAO,KAAK;gBAC9B;AACZ,eAAM,2CAA2C;;;OAyZzC,UAAU,EAAmB;OAC7B,WAAW,EACT,6GACA,iCACA,EAAmB,YAAY,kCAAkC,mBAClE;iBARH,CAUG,EAAmB,YAClB,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,GAE5C,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA,EAEpC,EAAmB,YAChB,qBACA,iBAAiB,EAAe,EAAa,OAAO,EAAE,uBAAuB,GAAG,CAAC,GAC9E;;MAET,kBAAC,KAAD;OAAG,WAAU;iBAA+C;OAExD,CAAA;MACU;;IACZ,CAAA,CACF;KACK;MAhaX,kBAAC,GAAD;EAAY,OAAM;YAChB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,kBAAkB;IAC5C,WAAU;cACX;IAEQ,CAAA;GAEX,CAAA;EACS,CAAA"}