@burdenoff/microfe-coolandlovely 2026.625.1 → 2026.625.2

package/dist/coolandlovely/pages/cart-owner/CartServiceConfigPage.js

@@ -1,11 +1,13 @@
 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 { useState as r } from "react";
-import { AlertCircle as i, Calendar as a, CheckCircle2 as o, Clock as s, Home as c, Package as l, Plus as u, Save as d, Settings as f, ShoppingBag as p, Trash2 as m, Truck as h } from "lucide-react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { useState as i } from "react";
+import { AlertCircle as a, Calendar as o, CheckCircle2 as s, Clock as c, Home as l, Package as u, Plus as d, Save as f, Settings as p, ShoppingBag as m, Trash2 as h, Truck as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { EmphasisPanel as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/cart-owner/CartServiceConfigPage.tsx
-var y = [
+var S = [
 	{
 		value: "products_only",
 		label: "Products Only",
@@ -21,7 +23,7 @@ var y = [
 		label: "Products & Services",
 		description: "You'll manage both products and services with full flexibility."
 	}
-], b = [
+], C = [
 	"monday",
 	"tuesday",
 	"wednesday",
@@ -29,7 +31,7 @@ var y = [
 	"friday",
 	"saturday",
 	"sunday"
-], x = {
+], w = {
 	monday: "Mon",
 	tuesday: "Tue",
 	wednesday: "Wed",
@@ -37,7 +39,7 @@ var y = [
 	friday: "Fri",
 	saturday: "Sat",
 	sunday: "Sun"
-}, S = {
+}, T = {
 	monday: {
 		isOpen: !0,
 		open: "09:00",
@@ -73,7 +75,7 @@ var y = [
 		open: "10:00",
 		close: "18:00"
 	}
-}, C = {
+}, E = {
 	pickup: {
 		enabled: !0,
 		preparationTime: 15
@@ -98,25 +100,25 @@ var y = [
 			minimumOrderValue: 300
 		}
 	}
-}, w = () => {
-	let { navigateTo: w } = e(), [T, E] = r(!0), [D, O] = r("both"), [k, A] = r(S), [j, M] = r(C), [N, P] = r(!1), [F, I] = r(!1), [L, R] = r([]), z = (e, t, n) => {
-		A((r) => ({
+}, D = () => {
+	let { navigateTo: D } = e(), [O, k] = i(!0), [A, j] = i("both"), [M, N] = i(T), [P, F] = i(E), [I, L] = i(!1), [R, z] = i(!1), [B, V] = i([]), H = (e, t, n) => {
+		N((r) => ({
 			...r,
 			[e]: {
 				...r[e],
 				[t]: n
 			}
 		}));
-	}, B = (e, t, n) => {
-		M((r) => ({
+	}, U = (e, t, n) => {
+		F((r) => ({
 			...r,
 			[e]: {
 				...r[e],
 				[t]: n
 			}
 		}));
-	}, V = (e, t) => {
-		M((n) => ({
+	}, W = (e, t) => {
+		F((n) => ({
 			...n,
 			directService: {
 				...n.directService,
@@ -126,7 +128,7 @@ var y = [
 				}
 			}
 		}));
-	}, H = () => {
+	}, G = () => {
 		let e = {
 			id: `stop-${Date.now()}`,
 			name: "",
@@ -142,23 +144,23 @@ var y = [
 			],
 			isActive: !0
 		};
-		M((t) => ({
+		F((t) => ({
 			...t,
 			scheduledStop: {
 				...t.scheduledStop,
 				stops: [...t.scheduledStop.stops, e]
 			}
 		}));
-	}, U = (e) => {
-		M((t) => ({
+	}, K = (e) => {
+		F((t) => ({
 			...t,
 			scheduledStop: {
 				...t.scheduledStop,
 				stops: t.scheduledStop.stops.filter((t) => t.id !== e)
 			}
 		}));
-	}, W = (e, t, n) => {
-		M((r) => ({
+	}, q = (e, t, n) => {
+		F((r) => ({
 			...r,
 			scheduledStop: {
 				...r.scheduledStop,
@@ -168,8 +170,8 @@ var y = [
 				} : r)
 			}
 		}));
-	}, G = (e, t) => {
-		M((n) => ({
+	}, J = (e, t) => {
+		F((n) => ({
 			...n,
 			scheduledStop: {
 				...n.scheduledStop,
@@ -185,155 +187,159 @@ var y = [
 				})
 			}
 		}));
-	}, K = () => {
+	}, Y = () => {
 		let e = [];
-		if (j.delivery.enabled && (j.delivery.deliveryRadius <= 0 && e.push("Delivery radius must be greater than 0"), j.delivery.deliveryFee < 0 && e.push("Delivery fee cannot be negative"), j.delivery.minimumOrderValue < 0 && e.push("Minimum order value cannot be negative")), j.pickup.enabled && j.pickup.preparationTime <= 0 && e.push("Preparation time must be greater than 0"), j.scheduledStop.enabled) {
-			j.scheduledStop.stops.length === 0 && e.push("At least one scheduled stop is required when scheduled stop service is enabled");
-			for (let t of j.scheduledStop.stops) t.name.trim() || e.push("All scheduled stops must have a name"), t.address.trim() || e.push("All scheduled stops must have an address"), t.daysOfWeek.length === 0 && e.push("All scheduled stops must have at least one day selected"), t.arrivalTime >= t.departureTime && e.push("Departure time must be after arrival time for all stops");
+		if (P.delivery.enabled && (P.delivery.deliveryRadius <= 0 && e.push("Delivery radius must be greater than 0"), P.delivery.deliveryFee < 0 && e.push("Delivery fee cannot be negative"), P.delivery.minimumOrderValue < 0 && e.push("Minimum order value cannot be negative")), P.pickup.enabled && P.pickup.preparationTime <= 0 && e.push("Preparation time must be greater than 0"), P.scheduledStop.enabled) {
+			P.scheduledStop.stops.length === 0 && e.push("At least one scheduled stop is required when scheduled stop service is enabled");
+			for (let t of P.scheduledStop.stops) t.name.trim() || e.push("All scheduled stops must have a name"), t.address.trim() || e.push("All scheduled stops must have an address"), t.daysOfWeek.length === 0 && e.push("All scheduled stops must have at least one day selected"), t.arrivalTime >= t.departureTime && e.push("Departure time must be after arrival time for all stops");
 		}
-		return j.directService.enabled && (j.directService.config.serviceFee < 0 && e.push("Service fee cannot be negative"), j.directService.config.minimumAdvancePayment < 0 && e.push("Minimum advance payment cannot be negative"), j.directService.config.serviceRadius <= 0 && e.push("Service radius must be greater than 0"), j.directService.config.estimatedArrivalTime <= 0 && e.push("Estimated arrival time must be greater than 0")), Object.values(k).some((e) => e.isOpen) || e.push("At least one day must be open"), e;
-	}, q = () => {
-		R([]);
-		let e = K();
+		return P.directService.enabled && (P.directService.config.serviceFee < 0 && e.push("Service fee cannot be negative"), P.directService.config.minimumAdvancePayment < 0 && e.push("Minimum advance payment cannot be negative"), P.directService.config.serviceRadius <= 0 && e.push("Service radius must be greater than 0"), P.directService.config.estimatedArrivalTime <= 0 && e.push("Estimated arrival time must be greater than 0")), Object.values(M).some((e) => e.isOpen) || e.push("At least one day must be open"), e;
+	}, X = () => {
+		V([]);
+		let e = Y();
 		if (e.length > 0) {
-			R(e);
+			V(e);
 			return;
 		}
-		P(!0), setTimeout(() => {
-			P(!1), I(!0), setTimeout(() => I(!1), 3e3);
+		L(!0), setTimeout(() => {
+			L(!1), z(!0), setTimeout(() => z(!1), 3e3);
 		}, 1e3);
-	}, J = y.find((e) => e.value === D);
-	return /* @__PURE__ */ _(n, {
+	}, Z = S.find((e) => e.value === A);
+	return /* @__PURE__ */ y(n, {
 		title: "Service Provider Configuration",
 		description: "Manage your service status, operating hours, and service types",
-		actions: /* @__PURE__ */ _("button", {
+		actions: /* @__PURE__ */ v("button", {
 			type: "button",
-			onClick: q,
-			disabled: N,
-			className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", N ? "bg-bg-sunken text-text-secondary cursor-not-allowed" : "bg-accent text-text-primary hover:bg-accent/80"),
-			children: N ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), "Saving..."] }) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(d, { className: "h-4 w-4" }), "Save Configuration"] })
+			onClick: X,
+			disabled: I,
+			className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", I ? "bg-bg-sunken text-text-secondary cursor-not-allowed" : "bg-accent text-text-primary hover:bg-accent/80"),
+			children: I ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), "Saving..."] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(f, { className: "h-4 w-4" }), "Save Configuration"] })
 		}),
-		children: /* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ v(x, {
+			className: "mb-6",
+			icon: /* @__PURE__ */ v(p, { className: "h-4 w-4" }),
+			children: "Control how customers can reach and order from your cart. Toggle your service on or off, set operating hours, choose which service types you offer (pickup, delivery, appointments, scheduled stops), and save — this is what shapes the buying options shoppers see."
+		}), /* @__PURE__ */ y("div", {
 			className: "space-y-6 max-w-4xl",
 			children: [
-				F && /* @__PURE__ */ v("div", {
+				R && /* @__PURE__ */ y("div", {
 					className: "flex items-center gap-2 rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/10 p-4",
-					children: [/* @__PURE__ */ _(o, { className: "h-5 w-5 text-status-success-text shrink-0" }), /* @__PURE__ */ _("span", {
+					children: [/* @__PURE__ */ v(s, { className: "h-5 w-5 text-status-success-text shrink-0" }), /* @__PURE__ */ v("span", {
 						className: "text-sm font-medium text-status-success-text",
 						children: "Configuration saved successfully!"
 					})]
 				}),
-				L.length > 0 && /* @__PURE__ */ _("div", {
+				B.length > 0 && /* @__PURE__ */ v("div", {
 					className: "rounded-lg border border-status-error-border/30 bg-status-error-bg-subtle/10 p-4 space-y-1",
-					children: L.map((e, t) => /* @__PURE__ */ v("div", {
+					children: B.map((e, t) => /* @__PURE__ */ y("div", {
 						className: "flex items-start gap-2",
-						children: [/* @__PURE__ */ _(i, { className: "h-4 w-4 text-status-error-text shrink-0 mt-0.5" }), /* @__PURE__ */ _("span", {
+						children: [/* @__PURE__ */ v(a, { className: "h-4 w-4 text-status-error-text shrink-0 mt-0.5" }), /* @__PURE__ */ v("span", {
 							className: "text-sm text-status-error-text",
 							children: e
 						})]
 					}, t))
 				}),
-				/* @__PURE__ */ _("section", {
-					className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
-					children: /* @__PURE__ */ v("div", {
+				/* @__PURE__ */ v(b, {
+					className: "p-6",
+					children: /* @__PURE__ */ y("div", {
 						className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4",
-						children: [/* @__PURE__ */ v("div", {
+						children: [/* @__PURE__ */ y("div", {
 							className: "flex-1",
-							children: [/* @__PURE__ */ v("h2", {
+							children: [/* @__PURE__ */ y("h2", {
 								className: "text-lg font-semibold text-text-primary flex items-center gap-2",
-								children: [/* @__PURE__ */ _(f, { className: "h-5 w-5 text-text-secondary" }), "Service Status"]
-							}), /* @__PURE__ */ _("p", {
+								children: [/* @__PURE__ */ v(p, { className: "h-5 w-5 text-text-secondary" }), "Service Status"]
+							}), /* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary mt-1",
 								children: "Control whether your service is currently accepting orders"
 							})]
-						}), /* @__PURE__ */ v("div", {
+						}), /* @__PURE__ */ y("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ _("span", {
-								className: t("inline-flex items-center rounded-full px-3 py-1 text-xs font-medium", T ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg-subtle/20 text-status-error-text"),
-								children: T ? "Open" : "Closed"
-							}), /* @__PURE__ */ _("button", {
+							children: [/* @__PURE__ */ v("span", {
+								className: t("inline-flex items-center rounded-full px-3 py-1 text-xs font-medium", O ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg-subtle/20 text-status-error-text"),
+								children: O ? "Open" : "Closed"
+							}), /* @__PURE__ */ v("button", {
 								type: "button",
-								onClick: () => E(!T),
-								className: t("rounded-md px-4 py-2 text-sm font-medium transition-colors", T ? "bg-status-error-bg-subtle/10 text-status-error-text hover:bg-status-error-bg-subtle/20" : "bg-status-success-bg-subtle/10 text-status-success-text hover:bg-status-success-bg-subtle/20"),
-								children: T ? "Close Service" : "Open Service"
+								onClick: () => k(!O),
+								className: t("rounded-md px-4 py-2 text-sm font-medium transition-colors", O ? "bg-status-error-bg-subtle/10 text-status-error-text hover:bg-status-error-bg-subtle/20" : "bg-status-success-bg-subtle/10 text-status-success-text hover:bg-status-success-bg-subtle/20"),
+								children: O ? "Close Service" : "Open Service"
 							})]
 						})]
 					})
 				}),
-				/* @__PURE__ */ v("section", {
+				/* @__PURE__ */ y("section", {
 					className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
-					children: [/* @__PURE__ */ v("h2", {
+					children: [/* @__PURE__ */ y("h2", {
 						className: "text-lg font-semibold text-text-primary flex items-center gap-2 mb-4",
-						children: [/* @__PURE__ */ _(l, { className: "h-5 w-5 text-text-secondary" }), "Offering Type"]
-					}), /* @__PURE__ */ v("div", {
+						children: [/* @__PURE__ */ v(u, { className: "h-5 w-5 text-text-secondary" }), "Offering Type"]
+					}), /* @__PURE__ */ y("div", {
 						className: "space-y-3",
 						children: [
-							/* @__PURE__ */ _("label", {
+							/* @__PURE__ */ v("label", {
 								htmlFor: "offering-type",
 								className: "block text-sm font-medium text-text-primary",
 								children: "What do you provide?"
 							}),
-							/* @__PURE__ */ _("select", {
+							/* @__PURE__ */ v("select", {
 								id: "offering-type",
-								value: D,
-								onChange: (e) => O(e.target.value),
+								value: A,
+								onChange: (e) => j(e.target.value),
 								className: "w-full sm:w-64 rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-								children: y.map((e) => /* @__PURE__ */ _("option", {
+								children: S.map((e) => /* @__PURE__ */ v("option", {
 									value: e.value,
 									children: e.label
 								}, e.value))
 							}),
-							/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
-								children: J.description
+								children: Z.description
 							})
 						]
 					})]
 				}),
-				/* @__PURE__ */ v("section", {
+				/* @__PURE__ */ y("section", {
 					className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
-					children: [/* @__PURE__ */ v("h2", {
+					children: [/* @__PURE__ */ y("h2", {
 						className: "text-lg font-semibold text-text-primary flex items-center gap-2 mb-4",
-						children: [/* @__PURE__ */ _(s, { className: "h-5 w-5 text-text-secondary" }), "Operating Hours"]
-					}), /* @__PURE__ */ _("div", {
+						children: [/* @__PURE__ */ v(c, { className: "h-5 w-5 text-text-secondary" }), "Operating Hours"]
+					}), /* @__PURE__ */ v("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-3",
-						children: b.map((e) => {
-							let n = k[e];
-							return /* @__PURE__ */ v("div", {
+						children: C.map((e) => {
+							let n = M[e];
+							return /* @__PURE__ */ y("div", {
 								className: t("flex flex-col sm:flex-row sm:items-center gap-3 p-4 rounded-lg", n.isOpen ? "bg-bg-sunken/50" : "bg-bg-sunken/30 opacity-60"),
-								children: [/* @__PURE__ */ _("span", {
+								children: [/* @__PURE__ */ v("span", {
 									className: "min-w-[50px] text-sm font-medium text-text-primary",
-									children: x[e]
-								}), /* @__PURE__ */ v("div", {
+									children: w[e]
+								}), /* @__PURE__ */ y("div", {
 									className: "flex items-center gap-3 flex-1",
 									children: [
-										/* @__PURE__ */ _("button", {
+										/* @__PURE__ */ v("button", {
 											type: "button",
-											onClick: () => z(e, "isOpen", !n.isOpen),
+											onClick: () => H(e, "isOpen", !n.isOpen),
 											className: t("h-5 w-5 rounded border transition-colors shrink-0", n.isOpen ? "bg-accent-blue-subtle border-accent-blue-subtle" : "border-border-subtle bg-bg-surface"),
-											children: n.isOpen && /* @__PURE__ */ _(o, { className: "h-5 w-5 text-white" })
+											children: n.isOpen && /* @__PURE__ */ v(s, { className: "h-5 w-5 text-white" })
 										}),
-										/* @__PURE__ */ _("span", {
+										/* @__PURE__ */ v("span", {
 											className: "text-xs text-text-secondary min-w-[35px]",
 											children: "Open"
 										}),
-										n.isOpen && /* @__PURE__ */ v("div", {
+										n.isOpen && /* @__PURE__ */ y("div", {
 											className: "flex items-center gap-2",
 											children: [
-												/* @__PURE__ */ _("input", {
+												/* @__PURE__ */ v("input", {
 													type: "time",
 													value: n.open,
-													onChange: (t) => z(e, "open", t.target.value),
+													onChange: (t) => H(e, "open", t.target.value),
 													className: "text-sm rounded border border-border-subtle bg-bg-surface px-2 py-1.5 text-text-primary w-[110px]"
 												}),
-												/* @__PURE__ */ _("span", {
+												/* @__PURE__ */ v("span", {
 													className: "text-xs text-text-secondary",
 													children: "to"
 												}),
-												/* @__PURE__ */ _("input", {
+												/* @__PURE__ */ v("input", {
 													type: "time",
 													value: n.close,
-													onChange: (t) => z(e, "close", t.target.value),
+													onChange: (t) => H(e, "close", t.target.value),
 													className: "text-sm rounded border border-border-subtle bg-bg-surface px-2 py-1.5 text-text-primary w-[110px]"
 												})
 											]
@@ -344,260 +350,262 @@ var y = [
 						})
 					})]
 				}),
-				/* @__PURE__ */ v("section", {
+				/* @__PURE__ */ y("section", {
 					className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
-					children: [/* @__PURE__ */ v("h2", {
+					children: [/* @__PURE__ */ y("h2", {
 						className: "text-lg font-semibold text-text-primary flex items-center gap-2 mb-6",
-						children: [/* @__PURE__ */ _(h, { className: "h-5 w-5 text-text-secondary" }), "Service Types"]
-					}), /* @__PURE__ */ v("div", {
+						children: [/* @__PURE__ */ v(g, { className: "h-5 w-5 text-text-secondary" }), "Service Types"]
+					}), /* @__PURE__ */ y("div", {
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "border border-border-subtle rounded-lg p-4",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "flex items-center justify-between mb-4",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ y("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ _(p, { className: "h-5 w-5 text-accent-blue" }), /* @__PURE__ */ _("span", {
+										children: [/* @__PURE__ */ v(m, { className: "h-5 w-5 text-accent-blue" }), /* @__PURE__ */ v("span", {
 											className: "font-medium text-text-primary",
 											children: "Pickup Service"
 										})]
-									}), /* @__PURE__ */ _("button", {
+									}), /* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: () => B("pickup", "enabled", !j.pickup.enabled),
-										className: t("h-6 w-11 rounded-full transition-colors relative", j.pickup.enabled ? "bg-accent-blue-subtle" : "bg-muted-foreground/30"),
-										children: /* @__PURE__ */ _("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", j.pickup.enabled ? "translate-x-5" : "translate-x-0.5") })
+										onClick: () => U("pickup", "enabled", !P.pickup.enabled),
+										className: t("h-6 w-11 rounded-full transition-colors relative", P.pickup.enabled ? "bg-accent-blue-subtle" : "bg-muted-foreground/30"),
+										children: /* @__PURE__ */ v("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", P.pickup.enabled ? "translate-x-5" : "translate-x-0.5") })
 									})]
-								}), j.pickup.enabled && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+								}), P.pickup.enabled && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: "Preparation Time (minutes)"
-								}), /* @__PURE__ */ _("input", {
+								}), /* @__PURE__ */ v("input", {
 									type: "number",
-									value: j.pickup.preparationTime,
-									onChange: (e) => B("pickup", "preparationTime", parseInt(e.target.value) || 0),
+									value: P.pickup.preparationTime,
+									onChange: (e) => U("pickup", "preparationTime", parseInt(e.target.value) || 0),
 									className: "w-full sm:w-32 rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 								})] })]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "border border-border-subtle rounded-lg p-4",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "flex items-center justify-between mb-4",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ y("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ _(h, { className: "h-5 w-5 text-status-success-text" }), /* @__PURE__ */ _("span", {
+										children: [/* @__PURE__ */ v(g, { className: "h-5 w-5 text-status-success-text" }), /* @__PURE__ */ v("span", {
 											className: "font-medium text-text-primary",
 											children: "Delivery Service"
 										})]
-									}), /* @__PURE__ */ _("button", {
+									}), /* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: () => B("delivery", "enabled", !j.delivery.enabled),
-										className: t("h-6 w-11 rounded-full transition-colors relative", j.delivery.enabled ? "bg-accent-blue-subtle" : "bg-muted-foreground/30"),
-										children: /* @__PURE__ */ _("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", j.delivery.enabled ? "translate-x-5" : "translate-x-0.5") })
+										onClick: () => U("delivery", "enabled", !P.delivery.enabled),
+										className: t("h-6 w-11 rounded-full transition-colors relative", P.delivery.enabled ? "bg-accent-blue-subtle" : "bg-muted-foreground/30"),
+										children: /* @__PURE__ */ v("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", P.delivery.enabled ? "translate-x-5" : "translate-x-0.5") })
 									})]
-								}), j.delivery.enabled && /* @__PURE__ */ v("div", {
+								}), P.delivery.enabled && /* @__PURE__ */ y("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
 									children: [
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Delivery Radius (km)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ v("input", {
 											type: "number",
-											value: j.delivery.deliveryRadius,
-											onChange: (e) => B("delivery", "deliveryRadius", parseInt(e.target.value) || 0),
+											value: P.delivery.deliveryRadius,
+											onChange: (e) => U("delivery", "deliveryRadius", parseInt(e.target.value) || 0),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Delivery Fee (₹)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ v("input", {
 											type: "number",
-											value: j.delivery.deliveryFee,
-											onChange: (e) => B("delivery", "deliveryFee", parseInt(e.target.value) || 0),
+											value: P.delivery.deliveryFee,
+											onChange: (e) => U("delivery", "deliveryFee", parseInt(e.target.value) || 0),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Minimum Order (₹)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ v("input", {
 											type: "number",
-											value: j.delivery.minimumOrderValue,
-											onChange: (e) => B("delivery", "minimumOrderValue", parseInt(e.target.value) || 0),
+											value: P.delivery.minimumOrderValue,
+											onChange: (e) => U("delivery", "minimumOrderValue", parseInt(e.target.value) || 0),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] })
 									]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "border border-border-subtle rounded-lg p-4",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "flex items-center justify-between mb-4",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ y("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ _(a, { className: "h-5 w-5 text-accent-orange" }), /* @__PURE__ */ _("span", {
+										children: [/* @__PURE__ */ v(o, { className: "h-5 w-5 text-accent-orange" }), /* @__PURE__ */ v("span", {
 											className: "font-medium text-text-primary",
 											children: "Scheduled Stop Service"
 										})]
-									}), /* @__PURE__ */ _("button", {
+									}), /* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: () => B("scheduledStop", "enabled", !j.scheduledStop.enabled),
-										className: t("h-6 w-11 rounded-full transition-colors relative", j.scheduledStop.enabled ? "bg-accent-blue-subtle" : "bg-muted-foreground/30"),
-										children: /* @__PURE__ */ _("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", j.scheduledStop.enabled ? "translate-x-5" : "translate-x-0.5") })
+										onClick: () => U("scheduledStop", "enabled", !P.scheduledStop.enabled),
+										className: t("h-6 w-11 rounded-full transition-colors relative", P.scheduledStop.enabled ? "bg-accent-blue-subtle" : "bg-muted-foreground/30"),
+										children: /* @__PURE__ */ v("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", P.scheduledStop.enabled ? "translate-x-5" : "translate-x-0.5") })
 									})]
-								}), j.scheduledStop.enabled && /* @__PURE__ */ v("div", {
+								}), P.scheduledStop.enabled && /* @__PURE__ */ y("div", {
 									className: "space-y-4",
 									children: [
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ y("div", {
 											className: "flex items-center justify-between",
-											children: [/* @__PURE__ */ _("span", {
+											children: [/* @__PURE__ */ v("span", {
 												className: "text-sm text-text-secondary",
 												children: "Configure locations and times where your cart will be available"
-											}), /* @__PURE__ */ v("button", {
+											}), /* @__PURE__ */ y("button", {
 												type: "button",
-												onClick: H,
+												onClick: G,
 												className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
-												children: [/* @__PURE__ */ _(u, { className: "h-4 w-4" }), "Add Stop"]
+												children: [/* @__PURE__ */ v(d, { className: "h-4 w-4" }), "Add Stop"]
 											})]
 										}),
-										j.scheduledStop.stops.map((e) => /* @__PURE__ */ v("div", {
+										P.scheduledStop.stops.map((e) => /* @__PURE__ */ y("div", {
 											className: "border border-border-subtle rounded-lg p-4 bg-bg-sunken/50",
 											children: [
-												/* @__PURE__ */ v("div", {
+												/* @__PURE__ */ y("div", {
 													className: "flex items-center justify-between mb-3",
-													children: [/* @__PURE__ */ _("h4", {
+													children: [/* @__PURE__ */ v("h4", {
 														className: "font-medium text-text-primary text-sm",
 														children: "Stop Configuration"
-													}), /* @__PURE__ */ v("button", {
+													}), /* @__PURE__ */ y("button", {
 														type: "button",
-														onClick: () => U(e.id),
+														onClick: () => K(e.id),
 														className: "inline-flex items-center gap-1 rounded-md bg-status-error-bg-subtle/10 px-2 py-1 text-xs text-status-error-text hover:bg-status-error-bg-subtle/20 transition-colors",
-														children: [/* @__PURE__ */ _(m, { className: "h-3.5 w-3.5" }), "Remove"]
+														children: [/* @__PURE__ */ v(h, { className: "h-3.5 w-3.5" }), "Remove"]
 													})]
 												}),
-												/* @__PURE__ */ v("div", {
+												/* @__PURE__ */ y("div", {
 													className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-4",
-													children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+													children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 														className: "block text-xs font-medium text-text-primary mb-1",
 														children: "Stop Name"
-													}), /* @__PURE__ */ _("input", {
+													}), /* @__PURE__ */ v("input", {
 														type: "text",
 														value: e.name,
-														onChange: (t) => W(e.id, "name", t.target.value),
+														onChange: (t) => q(e.id, "name", t.target.value),
 														placeholder: "e.g., Tech Park Morning",
 														className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
-													})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+													})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 														className: "block text-xs font-medium text-text-primary mb-1",
 														children: "Address"
-													}), /* @__PURE__ */ _("input", {
+													}), /* @__PURE__ */ v("input", {
 														type: "text",
 														value: e.address,
-														onChange: (t) => W(e.id, "address", t.target.value),
+														onChange: (t) => q(e.id, "address", t.target.value),
 														placeholder: "Full address",
 														className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 													})] })]
 												}),
-												/* @__PURE__ */ v("div", {
+												/* @__PURE__ */ y("div", {
 													className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-4",
-													children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+													children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 														className: "block text-xs font-medium text-text-primary mb-1",
 														children: "Arrival Time"
-													}), /* @__PURE__ */ _("input", {
+													}), /* @__PURE__ */ v("input", {
 														type: "time",
 														value: e.arrivalTime,
-														onChange: (t) => W(e.id, "arrivalTime", t.target.value),
+														onChange: (t) => q(e.id, "arrivalTime", t.target.value),
 														className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
-													})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+													})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 														className: "block text-xs font-medium text-text-primary mb-1",
 														children: "Departure Time"
-													}), /* @__PURE__ */ _("input", {
+													}), /* @__PURE__ */ v("input", {
 														type: "time",
 														value: e.departureTime,
-														onChange: (t) => W(e.id, "departureTime", t.target.value),
+														onChange: (t) => q(e.id, "departureTime", t.target.value),
 														className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 													})] })]
 												}),
-												/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+												/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 													className: "block text-xs font-medium text-text-primary mb-2",
 													children: "Days of Week"
-												}), /* @__PURE__ */ _("div", {
+												}), /* @__PURE__ */ v("div", {
 													className: "flex flex-wrap gap-1.5",
-													children: b.map((n) => /* @__PURE__ */ _("button", {
+													children: C.map((n) => /* @__PURE__ */ v("button", {
 														type: "button",
-														onClick: () => G(e.id, n),
+														onClick: () => J(e.id, n),
 														className: t("px-3 py-1 rounded-full text-xs font-medium transition-colors", e.daysOfWeek.includes(n) ? "bg-accent-blue-subtle text-white" : "bg-bg-sunken text-text-secondary hover:bg-muted-foreground/20"),
-														children: x[n]
+														children: w[n]
 													}, n))
 												})] })
 											]
 										}, e.id)),
-										j.scheduledStop.stops.length === 0 && /* @__PURE__ */ _("div", {
-											className: "text-center py-6 text-sm text-text-secondary",
-											children: "No scheduled stops configured. Click\"Add Stop\" to create one."
+										P.scheduledStop.stops.length === 0 && /* @__PURE__ */ v(r, {
+											className: "py-2",
+											illustration: "empty-generic",
+											title: "No scheduled stops configured",
+											description: "Click \"Add Stop\" to create one."
 										})
 									]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y("div", {
 								className: "border border-border-subtle rounded-lg p-4",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "flex items-center justify-between mb-4",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ y("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ _(c, { className: "h-5 w-5 text-accent-purple" }), /* @__PURE__ */ _("span", {
+										children: [/* @__PURE__ */ v(l, { className: "h-5 w-5 text-accent-purple" }), /* @__PURE__ */ v("span", {
 											className: "font-medium text-text-primary",
 											children: "Direct Service"
 										})]
-									}), /* @__PURE__ */ _("button", {
+									}), /* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: () => B("directService", "enabled", !j.directService.enabled),
-										className: t("h-6 w-11 rounded-full transition-colors relative", j.directService.enabled ? "bg-accent-blue-subtle" : "bg-muted-foreground/30"),
-										children: /* @__PURE__ */ _("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", j.directService.enabled ? "translate-x-5" : "translate-x-0.5") })
+										onClick: () => U("directService", "enabled", !P.directService.enabled),
+										className: t("h-6 w-11 rounded-full transition-colors relative", P.directService.enabled ? "bg-accent-blue-subtle" : "bg-muted-foreground/30"),
+										children: /* @__PURE__ */ v("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", P.directService.enabled ? "translate-x-5" : "translate-x-0.5") })
 									})]
-								}), j.directService.enabled && /* @__PURE__ */ v("div", {
+								}), P.directService.enabled && /* @__PURE__ */ y("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
 									children: [
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Service Fee (₹)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ v("input", {
 											type: "number",
-											value: j.directService.config.serviceFee,
-											onChange: (e) => V("serviceFee", parseInt(e.target.value) || 0),
+											value: P.directService.config.serviceFee,
+											onChange: (e) => W("serviceFee", parseInt(e.target.value) || 0),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Minimum Advance Payment (₹)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ v("input", {
 											type: "number",
-											value: j.directService.config.minimumAdvancePayment,
-											onChange: (e) => V("minimumAdvancePayment", parseInt(e.target.value) || 0),
+											value: P.directService.config.minimumAdvancePayment,
+											onChange: (e) => W("minimumAdvancePayment", parseInt(e.target.value) || 0),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Service Radius (km)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ v("input", {
 											type: "number",
-											value: j.directService.config.serviceRadius,
-											onChange: (e) => V("serviceRadius", parseInt(e.target.value) || 0),
+											value: P.directService.config.serviceRadius,
+											onChange: (e) => W("serviceRadius", parseInt(e.target.value) || 0),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Estimated Arrival Time (min)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ v("input", {
 											type: "number",
-											value: j.directService.config.estimatedArrivalTime,
-											onChange: (e) => V("estimatedArrivalTime", parseInt(e.target.value) || 0),
+											value: P.directService.config.estimatedArrivalTime,
+											onChange: (e) => W("estimatedArrivalTime", parseInt(e.target.value) || 0),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Minimum Order Value (₹)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ v("input", {
 											type: "number",
-											value: j.directService.config.minimumOrderValue,
-											onChange: (e) => V("minimumOrderValue", parseInt(e.target.value) || 0),
+											value: P.directService.config.minimumOrderValue,
+											onChange: (e) => W("minimumOrderValue", parseInt(e.target.value) || 0),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] })
 									]
@@ -606,26 +614,26 @@ var y = [
 						]
 					})]
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ y("div", {
 					className: "flex items-center justify-between pt-2",
-					children: [/* @__PURE__ */ _("button", {
+					children: [/* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: () => w("/cart-owner/dashboard"),
+						onClick: () => D("/cart-owner/dashboard"),
 						className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 						children: "Cancel"
-					}), /* @__PURE__ */ _("button", {
+					}), /* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: q,
-						disabled: N,
-						className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", N ? "bg-bg-sunken text-text-secondary cursor-not-allowed" : "bg-accent text-text-primary hover:bg-accent/80"),
-						children: N ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), "Saving..."] }) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(d, { className: "h-4 w-4" }), "Save Configuration"] })
+						onClick: X,
+						disabled: I,
+						className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", I ? "bg-bg-sunken text-text-secondary cursor-not-allowed" : "bg-accent text-text-primary hover:bg-accent/80"),
+						children: I ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), "Saving..."] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(f, { className: "h-4 w-4" }), "Save Configuration"] })
 					})]
 				})
 			]
-		})
+		})]
 	});
 };
 //#endregion
-export { w as CartServiceConfigPage };
+export { D as CartServiceConfigPage };
 
 //# sourceMappingURL=CartServiceConfigPage.js.map