@burdenoff/microfe-kadaikodi 2026.704.4 → 2026.704.5

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

@@ -3,393 +3,441 @@ import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { useOrders as r, usePlaceOrder as i } from "../../hooks/useKadaikodiApi.js";
 import { formatCurrency as a } from "../../utils/formatters.js";
-import { useMemo as o, useState as s } from "react";
-import { AlertCircle as c, ArrowLeft as l, Banknote as u, CheckCircle2 as d, CreditCard as f, Heart as p, Loader2 as m, MapPin as h, ShoppingBag as g, Smartphone as _, Wallet as v } from "lucide-react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { GlassCard as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
+import { SegmentedTabs as o } from "../../components/viz/SegmentedTabs.js";
+import "../../components/viz/index.js";
+import { ProviderImage as s } from "./shared.js";
+import { useMemo as c, useState as l } from "react";
+import { AlertCircle as u, ArrowLeft as d, Banknote as f, CheckCircle2 as p, CreditCard as m, Heart as h, Loader2 as g, MapPin as _, ShoppingBag as v, Smartphone as y, Wallet as b } from "lucide-react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { GlassCard as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/customer/CheckoutPage.tsx
-var C = [
+var T = [
 	{
 		id: "cash",
 		label: "Cash on Delivery",
-		icon: u,
+		icon: f,
 		description: "Pay when you receive"
 	},
 	{
 		id: "card",
 		label: "Credit / Debit Card",
-		icon: f,
+		icon: m,
 		description: "Visa, Mastercard, RuPay"
 	},
 	{
 		id: "upi",
 		label: "UPI",
-		icon: _,
+		icon: y,
 		description: "Google Pay, PhonePe, Paytm"
 	},
 	{
 		id: "wallet",
 		label: "Digital Wallet",
-		icon: v,
+		icon: b,
 		description: "Kadaikodi Wallet Balance"
 	}
-], w = [
+], E = [
 	0,
 	10,
 	20,
 	30
 ];
-function T() {
-	let { navigateTo: u, currentUser: _ } = e(), { data: v = [], isLoading: T } = r({ customerId: _?.id }), E = i(), D = o(() => v.find((e) => e.status === "pending") || v[0], [v]), [O, k] = s({
+function D() {
+	let { navigateTo: f, currentUser: y } = e(), { data: b = [], isLoading: D } = r({ customerId: y?.id }), O = i(), k = c(() => b.find((e) => e.status === "pending") || b[0], [b]), [A, j] = l({
 		addressLine1: "",
 		addressLine2: "",
 		city: "",
 		state: "",
 		pincode: ""
-	}), [A, j] = s("cash"), [M, N] = s({
+	}), [M, N] = l("delivery"), [P, F] = l("cash"), [I, L] = l({
 		cardNumber: "",
 		expiryDate: "",
 		cvv: "",
 		upiId: ""
-	}), [P, F] = s(0), [I, L] = s(""), [R, z] = s(""), [B, V] = s(!1), H = o(() => {
-		if (!D) return {
+	}), [R, z] = l(0), [B, V] = l(""), [H, U] = l(""), [W, G] = l(!1), K = c(() => {
+		if (!k) return {
 			subtotal: 0,
 			deliveryFee: 0,
 			tax: 0,
 			total: 0
 		};
-		let e = D.subtotal, t = D.deliveryFee, n = D.taxes, r = D.discount ?? 0;
+		let e = k.subtotal, t = M === "delivery" ? k.deliveryFee : 0, n = k.taxes, r = k.discount ?? 0;
 		return {
 			subtotal: e,
 			deliveryFee: t,
 			tax: n,
 			discount: r,
-			total: e + t + n + P - r
+			total: e + t + n + R - r
 		};
-	}, [D, P]), U = o(() => D ? D.items.reduce((e, t) => e + t.quantity, 0) : 0, [D]), W = (e, t) => {
-		k((n) => ({
+	}, [
+		k,
+		R,
+		M
+	]), q = c(() => k ? k.items.reduce((e, t) => e + t.quantity, 0) : 0, [k]), J = (e, t) => {
+		j((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, G = (e, t) => {
-		N((n) => ({
+	}, Y = (e, t) => {
+		L((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, K = () => {
-		if (!O.addressLine1.trim()) return alert("Please enter delivery address"), !1;
-		if (!O.pincode.trim() || O.pincode.length !== 6) return alert("Please enter a valid 6-digit pincode"), !1;
-		if (A === "card") {
-			if (!M.cardNumber || M.cardNumber.length < 16) return alert("Please enter a valid 16-digit card number"), !1;
-			if (!M.expiryDate) return alert("Please enter card expiry date"), !1;
-			if (!M.cvv || M.cvv.length < 3) return alert("Please enter a valid 3-digit CVV"), !1;
+	}, X = () => {
+		if (M === "delivery") {
+			if (!A.addressLine1.trim()) return alert("Please enter delivery address"), !1;
+			if (!A.pincode.trim() || A.pincode.length !== 6) return alert("Please enter a valid 6-digit pincode"), !1;
+		}
+		if (P === "card") {
+			if (!I.cardNumber || I.cardNumber.length < 16) return alert("Please enter a valid 16-digit card number"), !1;
+			if (!I.expiryDate) return alert("Please enter card expiry date"), !1;
+			if (!I.cvv || I.cvv.length < 3) return alert("Please enter a valid 3-digit CVV"), !1;
 		}
-		return A === "upi" && !M.upiId.trim() ? (alert("Please enter UPI ID"), !1) : A === "wallet" ? (alert("Digital wallet integration is coming soon. Please choose another payment method."), !1) : !0;
+		return P === "upi" && !I.upiId.trim() ? (alert("Please enter UPI ID"), !1) : P === "wallet" ? (alert("Digital wallet integration is coming soon. Please choose another payment method."), !1) : !0;
 	};
-	return T ? /* @__PURE__ */ y(n, {
+	return D ? /* @__PURE__ */ x(n, {
 		title: "Checkout",
-		children: /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ x("div", {
 			className: "flex h-[60vh] items-center justify-center",
-			children: /* @__PURE__ */ y(m, { className: "h-8 w-8 animate-spin text-primary" })
+			children: /* @__PURE__ */ x(g, { className: "h-8 w-8 animate-spin text-primary" })
 		})
-	}) : D ? /* @__PURE__ */ b(n, {
-		title: /* @__PURE__ */ b("div", {
+	}) : k ? /* @__PURE__ */ S(n, {
+		title: /* @__PURE__ */ S("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ y("button", {
+			children: [/* @__PURE__ */ x("button", {
 				type: "button",
-				onClick: () => u("/customer/discover"),
+				onClick: () => f("/customer/discover"),
 				className: "rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
-				children: /* @__PURE__ */ y(l, { className: "h-5 w-5" })
-			}), /* @__PURE__ */ y("span", { children: "Checkout" })]
+				children: /* @__PURE__ */ x(d, { className: "h-5 w-5" })
+			}), /* @__PURE__ */ x("span", { children: "Checkout" })]
 		}),
 		description: "Review your order and complete payment",
-		children: [/* @__PURE__ */ y(S, {
+		children: [/* @__PURE__ */ x(w, {
 			className: "mb-6",
 			children: "The last step before your food is on its way — confirm where it's going, pick how you'd like to pay, add a tip or special instructions, and review the total. Everything checks out? Place your order from the summary on the right."
-		}), /* @__PURE__ */ b("div", {
+		}), /* @__PURE__ */ S("div", {
 			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-			children: [/* @__PURE__ */ b("div", {
+			children: [/* @__PURE__ */ S("div", {
 				className: "lg:col-span-2 space-y-6",
 				children: [
-					/* @__PURE__ */ b("section", {
+					/* @__PURE__ */ S("section", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-						children: [/* @__PURE__ */ b("h2", {
+						children: [
+							/* @__PURE__ */ x("h2", {
+								className: "text-base font-semibold text-text-primary mb-4",
+								children: "Fulfilment"
+							}),
+							/* @__PURE__ */ x(o, {
+								fill: !0,
+								"aria-label": "Fulfilment method",
+								tabs: [
+									{
+										id: "delivery",
+										label: "Delivery"
+									},
+									{
+										id: "pickup",
+										label: "Pickup"
+									},
+									{
+										id: "on_location",
+										label: "On-location"
+									}
+								],
+								value: M,
+								onChange: (e) => N(e)
+							}),
+							/* @__PURE__ */ x("p", {
+								className: "mt-3 text-xs text-text-secondary",
+								children: M === "delivery" ? "A delivery partner brings your order to the address below." : M === "pickup" ? "Collect your order from the cart — no delivery fee." : "The cart serves you at your location — no delivery fee."
+							})
+						]
+					}),
+					M === "delivery" && /* @__PURE__ */ S("section", {
+						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
+						children: [/* @__PURE__ */ S("h2", {
 							className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-							children: [/* @__PURE__ */ y(h, { className: "h-4 w-4 text-text-secondary" }), "Delivery Address"]
-						}), /* @__PURE__ */ b("div", {
+							children: [/* @__PURE__ */ x(_, { className: "h-4 w-4 text-text-secondary" }), "Delivery Address"]
+						}), /* @__PURE__ */ S("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["Address Line 1 ", /* @__PURE__ */ y("span", {
+									children: ["Address Line 1 ", /* @__PURE__ */ x("span", {
 										className: "text-status-error-text",
 										children: "*"
 									})]
-								}), /* @__PURE__ */ y("input", {
+								}), /* @__PURE__ */ x("input", {
 									type: "text",
 									placeholder: "Building, Street, Area",
-									value: O.addressLine1,
-									onChange: (e) => W("addressLine1", e.target.value),
+									value: A.addressLine1,
+									onChange: (e) => J("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__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: "Address Line 2"
-								}), /* @__PURE__ */ y("input", {
+								}), /* @__PURE__ */ x("input", {
 									type: "text",
 									placeholder: "Apartment, Suite, Floor (Optional)",
-									value: O.addressLine2,
-									onChange: (e) => W("addressLine2", e.target.value),
+									value: A.addressLine2,
+									onChange: (e) => J("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__ */ b("div", {
+								/* @__PURE__ */ S("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("label", {
 										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["City ", /* @__PURE__ */ y("span", {
+										children: ["City ", /* @__PURE__ */ x("span", {
 											className: "text-status-error-text",
 											children: "*"
 										})]
-									}), /* @__PURE__ */ y("input", {
+									}), /* @__PURE__ */ x("input", {
 										type: "text",
 										placeholder: "City",
-										value: O.city,
-										onChange: (e) => W("city", e.target.value),
+										value: A.city,
+										onChange: (e) => J("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__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+									})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("label", {
 										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["State ", /* @__PURE__ */ y("span", {
+										children: ["State ", /* @__PURE__ */ x("span", {
 											className: "text-status-error-text",
 											children: "*"
 										})]
-									}), /* @__PURE__ */ y("input", {
+									}), /* @__PURE__ */ x("input", {
 										type: "text",
 										placeholder: "State",
-										value: O.state,
-										onChange: (e) => W("state", e.target.value),
+										value: A.state,
+										onChange: (e) => J("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__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["Pincode ", /* @__PURE__ */ y("span", {
+									children: ["Pincode ", /* @__PURE__ */ x("span", {
 										className: "text-status-error-text",
 										children: "*"
 									})]
-								}), /* @__PURE__ */ y("input", {
+								}), /* @__PURE__ */ x("input", {
 									type: "text",
 									placeholder: "560001",
 									maxLength: 6,
-									value: O.pincode,
-									onChange: (e) => W("pincode", e.target.value.replace(/\D/g, "")),
+									value: A.pincode,
+									onChange: (e) => J("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__ */ b("section", {
+					/* @__PURE__ */ S("section", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
 						children: [
-							/* @__PURE__ */ b("h2", {
+							/* @__PURE__ */ S("h2", {
 								className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-								children: [/* @__PURE__ */ y(f, { className: "h-4 w-4 text-text-secondary" }), "Payment Method"]
+								children: [/* @__PURE__ */ x(m, { className: "h-4 w-4 text-text-secondary" }), "Payment Method"]
 							}),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ x("div", {
 								className: "space-y-2",
-								children: C.map((e) => {
+								children: T.map((e) => {
 									let n = e.icon;
-									return /* @__PURE__ */ b("button", {
+									return /* @__PURE__ */ S("button", {
 										type: "button",
-										onClick: () => j(e.id),
-										className: t("flex w-full items-center gap-4 rounded-lg border p-3 transition-colors text-left", A === e.id ? "border-foreground bg-accent" : "border-border-subtle bg-bg-surface hover:bg-accent"),
+										onClick: () => F(e.id),
+										className: t("flex w-full items-center gap-4 rounded-lg border p-3 transition-colors text-left", P === e.id ? "border-foreground bg-accent" : "border-border-subtle bg-bg-surface hover:bg-accent"),
 										children: [
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ x("div", {
 												className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-bg-sunken",
-												children: /* @__PURE__ */ y(n, { className: "h-4 w-4 text-text-secondary" })
+												children: /* @__PURE__ */ x(n, { className: "h-4 w-4 text-text-secondary" })
 											}),
-											/* @__PURE__ */ b("div", {
+											/* @__PURE__ */ S("div", {
 												className: "flex-1 min-w-0",
-												children: [/* @__PURE__ */ y("p", {
+												children: [/* @__PURE__ */ x("p", {
 													className: "text-sm font-medium text-text-primary",
 													children: e.label
-												}), /* @__PURE__ */ y("p", {
+												}), /* @__PURE__ */ x("p", {
 													className: "text-xs text-text-secondary",
 													children: e.description
 												})]
 											}),
-											A === e.id && /* @__PURE__ */ y(d, { className: "h-5 w-5 text-text-primary shrink-0" })
+											P === e.id && /* @__PURE__ */ x(p, { className: "h-5 w-5 text-text-primary shrink-0" })
 										]
 									}, e.id);
 								})
 							}),
-							A === "card" && /* @__PURE__ */ b("div", {
+							P === "card" && /* @__PURE__ */ S("div", {
 								className: "mt-4 space-y-4 border-t border-border-subtle pt-4",
-								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+								children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["Card Number ", /* @__PURE__ */ y("span", {
+									children: ["Card Number ", /* @__PURE__ */ x("span", {
 										className: "text-status-error-text",
 										children: "*"
 									})]
-								}), /* @__PURE__ */ y("input", {
+								}), /* @__PURE__ */ x("input", {
 									type: "text",
 									placeholder: "1234 5678 9012 3456",
 									maxLength: 16,
-									value: M.cardNumber,
-									onChange: (e) => G("cardNumber", e.target.value.replace(/\D/g, "")),
+									value: I.cardNumber,
+									onChange: (e) => Y("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__ */ b("div", {
+								})] }), /* @__PURE__ */ S("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("label", {
 										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["Expiry Date ", /* @__PURE__ */ y("span", {
+										children: ["Expiry Date ", /* @__PURE__ */ x("span", {
 											className: "text-status-error-text",
 											children: "*"
 										})]
-									}), /* @__PURE__ */ y("input", {
+									}), /* @__PURE__ */ x("input", {
 										type: "text",
 										placeholder: "MM/YY",
 										maxLength: 5,
-										value: M.expiryDate,
+										value: I.expiryDate,
 										onChange: (e) => {
 											let t = e.target.value.replace(/\D/g, "");
-											t.length >= 2 && (t = t.slice(0, 2) + "/" + t.slice(2, 4)), G("expiryDate", t);
+											t.length >= 2 && (t = t.slice(0, 2) + "/" + t.slice(2, 4)), Y("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__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+									})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("label", {
 										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["CVV ", /* @__PURE__ */ y("span", {
+										children: ["CVV ", /* @__PURE__ */ x("span", {
 											className: "text-status-error-text",
 											children: "*"
 										})]
-									}), /* @__PURE__ */ y("input", {
+									}), /* @__PURE__ */ x("input", {
 										type: "text",
 										placeholder: "123",
 										maxLength: 3,
-										value: M.cvv,
-										onChange: (e) => G("cvv", e.target.value.replace(/\D/g, "")),
+										value: I.cvv,
+										onChange: (e) => Y("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)]"
 									})] })]
 								})]
 							}),
-							A === "upi" && /* @__PURE__ */ b("div", {
+							P === "upi" && /* @__PURE__ */ S("div", {
 								className: "mt-4 border-t border-border-subtle pt-4",
-								children: [/* @__PURE__ */ b("label", {
+								children: [/* @__PURE__ */ S("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["UPI ID ", /* @__PURE__ */ y("span", {
+									children: ["UPI ID ", /* @__PURE__ */ x("span", {
 										className: "text-status-error-text",
 										children: "*"
 									})]
-								}), /* @__PURE__ */ y("input", {
+								}), /* @__PURE__ */ x("input", {
 									type: "text",
 									placeholder: "user@paytm",
-									value: M.upiId,
-									onChange: (e) => G("upiId", e.target.value),
+									value: I.upiId,
+									onChange: (e) => Y("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)]"
 								})]
 							}),
-							A === "wallet" && /* @__PURE__ */ b("div", {
+							P === "wallet" && /* @__PURE__ */ S("div", {
 								className: "mt-4 flex items-start gap-3 rounded-lg bg-[var(--color-accent-soft)] p-4 border border-border-focus/20",
-								children: [/* @__PURE__ */ y(c, { className: "h-4 w-4 text-text-primary mt-0.5 shrink-0" }), /* @__PURE__ */ y("p", {
+								children: [/* @__PURE__ */ x(u, { className: "h-4 w-4 text-text-primary mt-0.5 shrink-0" }), /* @__PURE__ */ x("p", {
 									className: "text-sm text-text-primary",
 									children: "Digital wallet integration coming soon. Please choose another payment method."
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ b("section", {
+					/* @__PURE__ */ S("section", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-						children: [/* @__PURE__ */ b("h2", {
+						children: [/* @__PURE__ */ S("h2", {
 							className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-							children: [/* @__PURE__ */ y(p, { className: "h-4 w-4 text-text-secondary" }), "Additional Options"]
-						}), /* @__PURE__ */ b("div", {
+							children: [/* @__PURE__ */ x(h, { className: "h-4 w-4 text-text-secondary" }), "Additional Options"]
+						}), /* @__PURE__ */ S("div", {
 							className: "space-y-5",
-							children: [/* @__PURE__ */ b("div", { children: [
-								/* @__PURE__ */ y("label", {
+							children: [/* @__PURE__ */ S("div", { children: [
+								/* @__PURE__ */ x("label", {
 									className: "block text-sm font-medium text-text-primary mb-2",
 									children: "Tip for delivery partner"
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex flex-wrap gap-2 mb-3",
-									children: w.map((e) => /* @__PURE__ */ y("button", {
+									children: E.map((e) => /* @__PURE__ */ x("button", {
 										type: "button",
 										onClick: () => {
-											F(e), L("");
+											z(e), V("");
 										},
-										className: t("flex-1 min-w-[64px] rounded-lg px-3 py-2.5 text-sm font-medium transition-colors", P === e && I === "" ? "bg-foreground text-background" : "bg-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary"),
+										className: t("flex-1 min-w-[64px] rounded-lg px-3 py-2.5 text-sm font-medium transition-colors", R === e && B === "" ? "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__ */ y("input", {
+								/* @__PURE__ */ x("input", {
 									type: "number",
 									placeholder: "Custom tip amount",
-									value: I,
+									value: B,
 									onChange: (e) => {
 										let t = e.target.value;
-										L(t), F(parseInt(t) || 0);
+										V(t), z(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__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+							] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 								className: "block text-sm font-medium text-text-primary mb-2",
 								children: "Special Instructions"
-							}), /* @__PURE__ */ y("textarea", {
+							}), /* @__PURE__ */ x("textarea", {
 								rows: 3,
 								placeholder: "Any special requests for your order...",
-								value: R,
-								onChange: (e) => z(e.target.value),
+								value: H,
+								onChange: (e) => U(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__ */ y("div", {
+			}), /* @__PURE__ */ x("div", {
 				className: "lg:col-span-1",
-				children: /* @__PURE__ */ b(x, {
+				children: /* @__PURE__ */ S(C, {
 					treatment: "glass",
 					glow: !0,
 					className: "sticky top-6 p-5",
 					children: [
-						/* @__PURE__ */ y("h2", {
+						/* @__PURE__ */ x("h2", {
 							className: "text-base font-semibold text-text-primary mb-4",
 							children: "Order Summary"
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ S("div", {
 							className: "flex items-center gap-3 mb-4 pb-4 border-b border-border-subtle",
-							children: [/* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ x("div", {
 								className: "h-12 w-12 rounded-md bg-bg-sunken overflow-hidden",
-								children: /* @__PURE__ */ y("img", {
-									src: D.cartImage,
-									alt: D.cartName,
-									className: "h-full w-full object-cover"
+								children: /* @__PURE__ */ x(s, {
+									src: k.cartImage,
+									alt: k.cartName,
+									seed: k.cartName
 								})
-							}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-								className: "text-sm font-medium text-text-primary",
-								children: D.cartName
-							}), /* @__PURE__ */ b("p", {
-								className: "text-xs text-text-secondary",
-								children: [
-									D.items.length,
-									" item",
-									D.items.length === 1 ? "" : "s"
-								]
-							})] })]
+							}), /* @__PURE__ */ S("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ x("p", {
+									className: "text-sm font-medium text-text-primary truncate",
+									children: k.cartName
+								}), /* @__PURE__ */ S("p", {
+									className: "text-xs text-text-secondary capitalize",
+									children: [
+										k.items.length,
+										" item",
+										k.items.length === 1 ? "" : "s",
+										" ·",
+										" ",
+										M.replace("_", "-")
+									]
+								})]
+							})]
 						}),
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ x("div", {
 							className: "space-y-2 mb-4",
-							children: D.items.map((e) => /* @__PURE__ */ b("div", {
+							children: k.items.map((e) => /* @__PURE__ */ S("div", {
 								className: "flex justify-between items-start",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ S("div", {
 									className: "flex-1 min-w-0",
 									children: [
-										/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ x("p", {
 											className: "text-sm text-text-primary",
 											children: e.name
 										}),
-										e.customizations && e.customizations.length > 0 && /* @__PURE__ */ y("p", {
+										e.customizations && e.customizations.length > 0 && /* @__PURE__ */ x("p", {
 											className: "text-xs text-text-secondary mt-0.5",
 											children: e.customizations.join(", ")
 										}),
-										/* @__PURE__ */ b("p", {
+										/* @__PURE__ */ S("p", {
 											className: "text-xs text-text-secondary",
 											children: [
 												a(e.price, { minimumFractionDigits: 0 }),
@@ -398,111 +446,112 @@ function T() {
 											]
 										})
 									]
-								}), /* @__PURE__ */ y("span", {
+								}), /* @__PURE__ */ x("span", {
 									className: "text-sm font-medium text-text-primary",
 									children: a(e.price * e.quantity, { minimumFractionDigits: 0 })
 								})]
 							}, e.id))
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ S("div", {
 							className: "border-t border-border-subtle pt-4 space-y-2.5 text-sm",
 							children: [
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex justify-between",
-									children: [/* @__PURE__ */ b("span", {
+									children: [/* @__PURE__ */ S("span", {
 										className: "text-text-secondary",
 										children: [
 											"Subtotal (",
-											U,
+											q,
 											" items)"
 										]
-									}), /* @__PURE__ */ y("span", {
+									}), /* @__PURE__ */ x("span", {
 										className: "text-text-primary",
-										children: a(H.subtotal, { minimumFractionDigits: 0 })
+										children: a(K.subtotal, { minimumFractionDigits: 0 })
 									})]
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex justify-between",
-									children: [/* @__PURE__ */ y("span", {
+									children: [/* @__PURE__ */ x("span", {
 										className: "text-text-secondary",
 										children: "Delivery Fee"
-									}), /* @__PURE__ */ y("span", {
+									}), /* @__PURE__ */ x("span", {
 										className: "text-text-primary",
-										children: H.deliveryFee === 0 ? "FREE" : a(H.deliveryFee, { minimumFractionDigits: 0 })
+										children: K.deliveryFee === 0 ? "FREE" : a(K.deliveryFee, { minimumFractionDigits: 0 })
 									})]
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex justify-between",
-									children: [/* @__PURE__ */ y("span", {
+									children: [/* @__PURE__ */ x("span", {
 										className: "text-text-secondary",
 										children: "Tax"
-									}), /* @__PURE__ */ y("span", {
+									}), /* @__PURE__ */ x("span", {
 										className: "text-text-primary",
-										children: a(H.tax, { minimumFractionDigits: 0 })
+										children: a(K.tax, { minimumFractionDigits: 0 })
 									})]
 								}),
-								P > 0 && /* @__PURE__ */ b("div", {
+								R > 0 && /* @__PURE__ */ S("div", {
 									className: "flex justify-between",
-									children: [/* @__PURE__ */ y("span", {
+									children: [/* @__PURE__ */ x("span", {
 										className: "text-text-secondary",
 										children: "Tip"
-									}), /* @__PURE__ */ y("span", {
+									}), /* @__PURE__ */ x("span", {
 										className: "text-text-primary",
-										children: a(P, { minimumFractionDigits: 0 })
+										children: a(R, { minimumFractionDigits: 0 })
 									})]
 								}),
-								H.discount && H.discount > 0 && /* @__PURE__ */ b("div", {
+								K.discount && K.discount > 0 && /* @__PURE__ */ S("div", {
 									className: "flex justify-between",
-									children: [/* @__PURE__ */ y("span", {
+									children: [/* @__PURE__ */ x("span", {
 										className: "text-status-success-text",
 										children: "Discount"
-									}), /* @__PURE__ */ b("span", {
+									}), /* @__PURE__ */ S("span", {
 										className: "text-status-success-text",
-										children: ["-", a(H.discount, { minimumFractionDigits: 0 })]
+										children: ["-", a(K.discount, { minimumFractionDigits: 0 })]
 									})]
 								})
 							]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ S("div", {
 							className: "mt-4 flex justify-between border-t border-border-subtle pt-4",
-							children: [/* @__PURE__ */ y("span", {
+							children: [/* @__PURE__ */ x("span", {
 								className: "text-base font-semibold text-text-primary",
 								children: "Total"
-							}), /* @__PURE__ */ y("span", {
+							}), /* @__PURE__ */ x("span", {
 								className: "text-base font-bold text-text-primary",
-								children: a(H.total, { minimumFractionDigits: 0 })
+								children: a(K.total, { minimumFractionDigits: 0 })
 							})]
 						}),
-						/* @__PURE__ */ b("button", {
+						/* @__PURE__ */ S("button", {
 							type: "button",
 							onClick: async () => {
-								if (!(!K() || !D)) try {
-									let e = await E.mutateAsync({
-										providerId: D.cartId,
-										customerId: _?.id,
-										items: D.items.map((e) => ({
+								if (!(!X() || !k)) try {
+									let e = await O.mutateAsync({
+										providerId: k.cartId,
+										customerId: y?.id,
+										fulfillmentType: M,
+										items: k.items.map((e) => ({
 											offeringId: e.id,
 											quantity: e.quantity,
 											customizations: e.customizations
 										})),
-										deliveryAddress: `${O.addressLine1}, ${O.addressLine2}, ${O.city}, ${O.state} - ${O.pincode}`,
-										paymentMethod: A.toUpperCase(),
-										notes: R,
-										deliveryFee: H.deliveryFee,
-										tax: H.tax,
-										tip: P,
-										total: H.total
+										deliveryAddress: M === "delivery" ? `${A.addressLine1}, ${A.addressLine2}, ${A.city}, ${A.state} - ${A.pincode}` : void 0,
+										paymentMethod: P.toUpperCase(),
+										notes: H,
+										deliveryFee: K.deliveryFee,
+										tax: K.tax,
+										tip: R,
+										total: K.total
 									});
-									alert("Order placed successfully!"), u(`/customer/orders/${e.id}/track`);
+									alert("Order placed successfully!"), f(`/customer/orders/${e.id}/track`);
 								} catch {
 									alert("Failed to place order. Please try again.");
 								}
 							},
-							disabled: E.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", E.isPending ? "opacity-60 cursor-not-allowed" : "hover:opacity-90"),
-							children: [E.isPending ? /* @__PURE__ */ y(m, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ y(g, { className: "h-4 w-4" }), E.isPending ? "Placing Order..." : `Place Order - ${a(H.total, { minimumFractionDigits: 0 })}`]
+							disabled: O.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", O.isPending ? "opacity-60 cursor-not-allowed" : "hover:opacity-90"),
+							children: [O.isPending ? /* @__PURE__ */ x(g, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ x(v, { className: "h-4 w-4" }), O.isPending ? "Placing Order..." : `Place Order - ${a(K.total, { minimumFractionDigits: 0 })}`]
 						}),
-						/* @__PURE__ */ y("p", {
+						/* @__PURE__ */ x("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"
 						})
@@ -510,23 +559,23 @@ function T() {
 				})
 			})]
 		})]
-	}) : /* @__PURE__ */ y(n, {
+	}) : /* @__PURE__ */ x(n, {
 		title: "Checkout",
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "flex flex-col items-center justify-center py-16 text-center",
 			children: [
-				/* @__PURE__ */ y(g, { className: "h-16 w-16 text-text-secondary/40 mb-4" }),
-				/* @__PURE__ */ y("h3", {
+				/* @__PURE__ */ x(v, { className: "h-16 w-16 text-text-secondary/40 mb-4" }),
+				/* @__PURE__ */ x("h3", {
 					className: "text-lg font-semibold text-text-primary mb-2",
 					children: "Your cart is empty"
 				}),
-				/* @__PURE__ */ y("p", {
+				/* @__PURE__ */ x("p", {
 					className: "text-sm text-text-secondary mb-6",
 					children: "Add some items to proceed with checkout"
 				}),
-				/* @__PURE__ */ y("button", {
+				/* @__PURE__ */ x("button", {
 					type: "button",
-					onClick: () => u("/customer/discover"),
+					onClick: () => f("/customer/discover"),
 					className: "rounded-lg bg-foreground px-6 py-3 text-sm font-medium text-background hover:opacity-90 transition-opacity",
 					children: "Browse Carts"
 				})
@@ -535,6 +584,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as CheckoutPage };
+export { D as CheckoutPage };
 
 //# sourceMappingURL=CheckoutPage.js.map