@burdenoff/microfe-coolandlovely 2026.614.1

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

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

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

@@ -0,0 +1 @@
+{"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 { PageLayout } from '../../components/PageLayout';\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        <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n          <ShoppingBag className=\"h-16 w-16 text-muted-foreground/40 mb-4\" />\n          <h3 className=\"text-lg font-semibold text-foreground mb-2\">Your cart is empty</h3>\n          <p className=\"text-sm text-muted-foreground mb-6\">\n            Add some items to proceed with checkout\n          </p>\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        </div>\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-muted-foreground hover:bg-accent hover:text-foreground 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      <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 bg-card p-5\">\n            <h2 className=\"text-base font-semibold text-foreground mb-4 flex items-center gap-2\">\n              <MapPin className=\"h-4 w-4 text-muted-foreground\" />\n              Delivery Address\n            </h2>\n            <div className=\"space-y-4\">\n              <div>\n                <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n                  Address Line 1 <span className=\"text-destructive\">*</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 bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                />\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-foreground 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 bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-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-foreground mb-1.5\">\n                    City <span className=\"text-destructive\">*</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 bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n                    State <span className=\"text-destructive\">*</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 bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                  />\n                </div>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n                  Pincode <span className=\"text-destructive\">*</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 bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                />\n              </div>\n            </div>\n          </section>\n\n          {/* Payment Method */}\n          <section className=\"rounded-lg border border-border bg-card p-5\">\n            <h2 className=\"text-base font-semibold text-foreground mb-4 flex items-center gap-2\">\n              <CreditCard className=\"h-4 w-4 text-muted-foreground\" />\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 bg-card hover:bg-accent'\n                    )}\n                  >\n                    <div className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-muted\">\n                      <Icon className=\"h-4 w-4 text-muted-foreground\" />\n                    </div>\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"text-sm font-medium text-foreground\">{method.label}</p>\n                      <p className=\"text-xs text-muted-foreground\">{method.description}</p>\n                    </div>\n                    {selectedPayment === method.id && (\n                      <CheckCircle2 className=\"h-5 w-5 text-foreground 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 pt-4\">\n                <div>\n                  <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n                    Card Number <span className=\"text-destructive\">*</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 bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-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-foreground mb-1.5\">\n                      Expiry Date <span className=\"text-destructive\">*</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 bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                    />\n                  </div>\n                  <div>\n                    <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n                      CVV <span className=\"text-destructive\">*</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 bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-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 pt-4\">\n                <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n                  UPI ID <span className=\"text-destructive\">*</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 bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-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-blue-500/10 p-4 border border-blue-500/20\">\n                <AlertCircle className=\"h-4 w-4 text-blue-600 dark:text-blue-400 mt-0.5 shrink-0\" />\n                <p className=\"text-sm text-blue-600 dark:text-blue-400\">\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 bg-card p-5\">\n            <h2 className=\"text-base font-semibold text-foreground mb-4 flex items-center gap-2\">\n              <Heart className=\"h-4 w-4 text-muted-foreground\" />\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-foreground 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-muted text-muted-foreground hover:bg-accent hover:text-foreground'\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 bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n                />\n              </div>\n\n              {/* Special Instructions */}\n              <div>\n                <label className=\"block text-sm font-medium text-foreground 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 bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none\"\n                />\n              </div>\n            </div>\n          </section>\n        </div>\n\n        {/* Right: Order Summary & Place Order */}\n        <div className=\"lg:col-span-1\">\n          <div className=\"sticky top-6 rounded-lg border border-border bg-card p-5\">\n            <h2 className=\"text-base font-semibold text-foreground 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\">\n              <div className=\"h-12 w-12 rounded-md bg-muted 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-foreground\">{order.cartName}</p>\n                <p className=\"text-xs text-muted-foreground\">\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-foreground\">{item.name}</p>\n                    {item.customizations && item.customizations.length > 0 && (\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">\n                        {item.customizations.join(', ')}\n                      </p>\n                    )}\n                    <p className=\"text-xs text-muted-foreground\">\n                      {formatCurrency(item.price, { minimumFractionDigits: 0 })} x {item.quantity}\n                    </p>\n                  </div>\n                  <span className=\"text-sm font-medium text-foreground\">\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 pt-4 space-y-2.5 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Subtotal ({totalItems} items)</span>\n                <span className=\"text-foreground\">\n                  {formatCurrency(orderSummary.subtotal, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Delivery Fee</span>\n                <span className=\"text-foreground\">\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-muted-foreground\">Tax</span>\n                <span className=\"text-foreground\">\n                  {formatCurrency(orderSummary.tax, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              {tip > 0 && (\n                <div className=\"flex justify-between\">\n                  <span className=\"text-muted-foreground\">Tip</span>\n                  <span className=\"text-foreground\">\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-green-600 dark:text-green-400\">Discount</span>\n                  <span className=\"text-green-600 dark:text-green-400\">\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 pt-4\">\n              <span className=\"text-base font-semibold text-foreground\">Total</span>\n              <span className=\"text-base font-bold text-foreground\">\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-muted-foreground\">\n              By placing this order, you agree to our Terms of Service and Privacy Policy\n            </p>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/coolandlovely/pages/customer/CustomerDashboard.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Customer Dashboard Page
+ * @module coolandlovely/pages/customer
+ *
+ * Welcome dashboard with time-of-day greeting, AI insights panel,
+ * stats grid, recent orders with per-item display, recommended carts,
+ * quick links sidebar, current location card, and special offers.
+ */
+export declare function CustomerDashboard(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CustomerDashboard.d.ts.map

package/dist/coolandlovely/pages/customer/CustomerDashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerDashboard.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/customer/CustomerDashboard.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AA4DH,wBAAgB,iBAAiB,4CAwgBhC"}