@burdenoff/microfe-subscriberbot 2026.624.1 → 2026.626.1

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

@@ -4,8 +4,9 @@ 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 { EmphasisPanel as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/cart-owner/CartServiceConfigPage.tsx
-var y = [
+var x = [
 	{
 		value: "products_only",
 		label: "Products Only",
@@ -21,7 +22,7 @@ var y = [
 		label: "Products & Services",
 		description: "You'll manage both products and services with full flexibility."
 	}
-], b = [
+], S = [
 	"monday",
 	"tuesday",
 	"wednesday",
@@ -29,7 +30,7 @@ var y = [
 	"friday",
 	"saturday",
 	"sunday"
-], x = {
+], C = {
 	monday: "Mon",
 	tuesday: "Tue",
 	wednesday: "Wed",
@@ -37,7 +38,7 @@ var y = [
 	friday: "Fri",
 	saturday: "Sat",
 	sunday: "Sun"
-}, S = {
+}, w = {
 	monday: {
 		isOpen: !0,
 		open: "09:00",
@@ -73,7 +74,7 @@ var y = [
 		open: "10:00",
 		close: "18:00"
 	}
-}, C = {
+}, T = {
 	pickup: {
 		enabled: !0,
 		preparationTime: 15
@@ -98,25 +99,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) => ({
+}, E = () => {
+	let { navigateTo: E } = e(), [D, O] = r(!0), [k, A] = r("both"), [j, M] = r(w), [N, P] = r(T), [F, I] = r(!1), [L, R] = r(!1), [z, B] = r([]), V = (e, t, n) => {
+		M((r) => ({
 			...r,
 			[e]: {
 				...r[e],
 				[t]: n
 			}
 		}));
-	}, B = (e, t, n) => {
-		M((r) => ({
+	}, H = (e, t, n) => {
+		P((r) => ({
 			...r,
 			[e]: {
 				...r[e],
 				[t]: n
 			}
 		}));
-	}, V = (e, t) => {
-		M((n) => ({
+	}, U = (e, t) => {
+		P((n) => ({
 			...n,
 			directService: {
 				...n.directService,
@@ -126,7 +127,7 @@ var y = [
 				}
 			}
 		}));
-	}, H = () => {
+	}, W = () => {
 		let e = {
 			id: `stop-${Date.now()}`,
 			name: "",
@@ -142,23 +143,23 @@ var y = [
 			],
 			isActive: !0
 		};
-		M((t) => ({
+		P((t) => ({
 			...t,
 			scheduledStop: {
 				...t.scheduledStop,
 				stops: [...t.scheduledStop.stops, e]
 			}
 		}));
-	}, U = (e) => {
-		M((t) => ({
+	}, G = (e) => {
+		P((t) => ({
 			...t,
 			scheduledStop: {
 				...t.scheduledStop,
 				stops: t.scheduledStop.stops.filter((t) => t.id !== e)
 			}
 		}));
-	}, W = (e, t, n) => {
-		M((r) => ({
+	}, K = (e, t, n) => {
+		P((r) => ({
 			...r,
 			scheduledStop: {
 				...r.scheduledStop,
@@ -168,8 +169,8 @@ var y = [
 				} : r)
 			}
 		}));
-	}, G = (e, t) => {
-		M((n) => ({
+	}, q = (e, t) => {
+		P((n) => ({
 			...n,
 			scheduledStop: {
 				...n.scheduledStop,
@@ -185,83 +186,84 @@ var y = [
 				})
 			}
 		}));
-	}, K = () => {
+	}, J = () => {
 		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 (N.delivery.enabled && (N.delivery.deliveryRadius <= 0 && e.push("Delivery radius must be greater than 0"), N.delivery.deliveryFee < 0 && e.push("Delivery fee cannot be negative"), N.delivery.minimumOrderValue < 0 && e.push("Minimum order value cannot be negative")), N.pickup.enabled && N.pickup.preparationTime <= 0 && e.push("Preparation time must be greater than 0"), N.scheduledStop.enabled) {
+			N.scheduledStop.stops.length === 0 && e.push("At least one scheduled stop is required when scheduled stop service is enabled");
+			for (let t of N.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 N.directService.enabled && (N.directService.config.serviceFee < 0 && e.push("Service fee cannot be negative"), N.directService.config.minimumAdvancePayment < 0 && e.push("Minimum advance payment cannot be negative"), N.directService.config.serviceRadius <= 0 && e.push("Service radius must be greater than 0"), N.directService.config.estimatedArrivalTime <= 0 && e.push("Estimated arrival time must be greater than 0")), Object.values(j).some((e) => e.isOpen) || e.push("At least one day must be open"), e;
+	}, Y = () => {
+		B([]);
+		let e = J();
 		if (e.length > 0) {
-			R(e);
+			B(e);
 			return;
 		}
-		P(!0), setTimeout(() => {
-			P(!1), I(!0), setTimeout(() => I(!1), 3e3);
+		I(!0), setTimeout(() => {
+			I(!1), R(!0), setTimeout(() => R(!1), 3e3);
 		}, 1e3);
-	}, J = y.find((e) => e.value === D);
+	}, X = x.find((e) => e.value === k);
 	return /* @__PURE__ */ _(n, {
 		title: "Service Provider Configuration",
 		description: "Manage your service status, operating hours, and service types",
 		actions: /* @__PURE__ */ _("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: Y,
+			disabled: F,
+			className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", F ? "bg-bg-sunken text-text-secondary cursor-not-allowed" : "bg-accent text-text-primary hover:bg-accent/80"),
+			children: F ? /* @__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"] })
 		}),
 		children: /* @__PURE__ */ v("div", {
 			className: "space-y-6 max-w-4xl",
 			children: [
-				F && /* @__PURE__ */ v("div", {
-					className: "flex items-center gap-2 rounded-lg border border-green-500/30 bg-green-500/10 p-4",
-					children: [/* @__PURE__ */ _(o, { className: "h-5 w-5 text-green-600 dark:text-green-400 shrink-0" }), /* @__PURE__ */ _("span", {
-						className: "text-sm font-medium text-green-600 dark:text-green-400",
+				/* @__PURE__ */ _(b, {
+					icon: /* @__PURE__ */ _(f, { className: "h-4 w-4" }),
+					children: "Set the rules of how your cart operates. Decide when you're open, where you serve, which service types you offer (pickup, delivery, on-site), and your operating hours. Customers only see — and can only order — what you configure here, so keep it accurate to avoid no-shows and missed orders."
+				}),
+				L && /* @__PURE__ */ v("div", {
+					className: "flex items-center gap-2 rounded-lg border border-status-success-border/30 bg-status-success-bg/10 p-4",
+					children: [/* @__PURE__ */ _(o, { className: "h-5 w-5 text-status-success-text shrink-0" }), /* @__PURE__ */ _("span", {
+						className: "text-sm font-medium text-status-success-text",
 						children: "Configuration saved successfully!"
 					})]
 				}),
-				L.length > 0 && /* @__PURE__ */ _("div", {
-					className: "rounded-lg border border-red-500/30 bg-red-500/10 p-4 space-y-1",
-					children: L.map((e, t) => /* @__PURE__ */ v("div", {
+				z.length > 0 && /* @__PURE__ */ _("div", {
+					className: "rounded-lg border border-status-error-border/30 bg-status-error-bg/10 p-4 space-y-1",
+					children: z.map((e, t) => /* @__PURE__ */ v("div", {
 						className: "flex items-start gap-2",
-						children: [/* @__PURE__ */ _(i, { className: "h-4 w-4 text-red-600 dark:text-red-400 shrink-0 mt-0.5" }), /* @__PURE__ */ _("span", {
-							className: "text-sm text-red-600 dark:text-red-400",
+						children: [/* @__PURE__ */ _(i, { className: "h-4 w-4 text-status-error-text shrink-0 mt-0.5" }), /* @__PURE__ */ _("span", {
+							className: "text-sm text-status-error-text",
 							children: e
 						})]
 					}, t))
 				}),
-				/* @__PURE__ */ _("section", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-6 shadow-sm",
-					children: /* @__PURE__ */ v("div", {
-						className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4",
-						children: [/* @__PURE__ */ v("div", {
-							className: "flex-1",
-							children: [/* @__PURE__ */ v("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", {
-								className: "text-sm text-text-secondary mt-1",
-								children: "Control whether your service is currently accepting orders"
-							})]
-						}), /* @__PURE__ */ v("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-green-500/20 text-green-600 dark:text-green-400" : "bg-red-500/20 text-red-600 dark:text-red-400"),
-								children: T ? "Open" : "Closed"
-							}), /* @__PURE__ */ _("button", {
-								type: "button",
-								onClick: () => E(!T),
-								className: t("rounded-md px-4 py-2 text-sm font-medium transition-colors", T ? "bg-red-500/10 text-red-600 dark:text-red-400 hover:bg-red-500/20" : "bg-green-500/10 text-green-600 dark:text-green-400 hover:bg-green-500/20"),
-								children: T ? "Close Service" : "Open Service"
-							})]
+				/* @__PURE__ */ _(y, { children: /* @__PURE__ */ v("div", {
+					className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4",
+					children: [/* @__PURE__ */ v("div", {
+						className: "flex-1",
+						children: [/* @__PURE__ */ v("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", {
+							className: "text-sm text-text-secondary mt-1",
+							children: "Control whether your service is currently accepting orders"
 						})]
-					})
-				}),
+					}), /* @__PURE__ */ v("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", D ? "bg-status-success-bg/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
+							children: D ? "Open" : "Closed"
+						}), /* @__PURE__ */ _("button", {
+							type: "button",
+							onClick: () => O(!D),
+							className: t("rounded-md px-4 py-2 text-sm font-medium transition-colors", D ? "bg-status-error-bg/10 text-status-error-text hover:bg-status-error-bg/20" : "bg-status-success-bg/10 text-status-success-text hover:bg-status-success-bg/20"),
+							children: D ? "Close Service" : "Open Service"
+						})]
+					})]
+				}) }),
 				/* @__PURE__ */ v("section", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-6 shadow-sm",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-6 shadow-sm",
 					children: [/* @__PURE__ */ v("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"]
@@ -275,43 +277,43 @@ var y = [
 							}),
 							/* @__PURE__ */ _("select", {
 								id: "offering-type",
-								value: D,
-								onChange: (e) => O(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", {
+								value: k,
+								onChange: (e) => A(e.target.value),
+								className: "w-full sm:w-64 rounded-md border border-border-seam 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: x.map((e) => /* @__PURE__ */ _("option", {
 									value: e.value,
 									children: e.label
 								}, e.value))
 							}),
 							/* @__PURE__ */ _("p", {
 								className: "text-sm text-text-secondary",
-								children: J.description
+								children: X.description
 							})
 						]
 					})]
 				}),
 				/* @__PURE__ */ v("section", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-6 shadow-sm",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-6 shadow-sm",
 					children: [/* @__PURE__ */ v("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", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-3",
-						children: b.map((e) => {
-							let n = k[e];
+						children: S.map((e) => {
+							let n = j[e];
 							return /* @__PURE__ */ v("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", {
 									className: "min-w-[50px] text-sm font-medium text-text-primary",
-									children: x[e]
+									children: C[e]
 								}), /* @__PURE__ */ v("div", {
 									className: "flex items-center gap-3 flex-1",
 									children: [
 										/* @__PURE__ */ _("button", {
 											type: "button",
-											onClick: () => z(e, "isOpen", !n.isOpen),
-											className: t("h-5 w-5 rounded border transition-colors shrink-0", n.isOpen ? "bg-blue-500 border-blue-500" : "border-border-subtle bg-bg-surface"),
-											children: n.isOpen && /* @__PURE__ */ _(o, { className: "h-5 w-5 text-white" })
+											onClick: () => V(e, "isOpen", !n.isOpen),
+											className: t("h-5 w-5 rounded border transition-colors shrink-0", n.isOpen ? "bg-status-info-text border-status-info-border" : "border-border-seam bg-bg-surface"),
+											children: n.isOpen && /* @__PURE__ */ _(o, { className: "h-5 w-5 text-text-inverse" })
 										}),
 										/* @__PURE__ */ _("span", {
 											className: "text-xs text-text-secondary min-w-[35px]",
@@ -323,8 +325,8 @@ var y = [
 												/* @__PURE__ */ _("input", {
 													type: "time",
 													value: n.open,
-													onChange: (t) => z(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]"
+													onChange: (t) => V(e, "open", t.target.value),
+													className: "text-sm rounded border border-border-seam bg-bg-surface px-2 py-1.5 text-text-primary w-[110px]"
 												}),
 												/* @__PURE__ */ _("span", {
 													className: "text-xs text-text-secondary",
@@ -333,8 +335,8 @@ var y = [
 												/* @__PURE__ */ _("input", {
 													type: "time",
 													value: n.close,
-													onChange: (t) => z(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]"
+													onChange: (t) => V(e, "close", t.target.value),
+													className: "text-sm rounded border border-border-seam bg-bg-surface px-2 py-1.5 text-text-primary w-[110px]"
 												})
 											]
 										})
@@ -345,7 +347,7 @@ var y = [
 					})]
 				}),
 				/* @__PURE__ */ v("section", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-6 shadow-sm",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-6 shadow-sm",
 					children: [/* @__PURE__ */ v("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"]
@@ -353,48 +355,48 @@ var y = [
 						className: "space-y-6",
 						children: [
 							/* @__PURE__ */ v("div", {
-								className: "border border-border-subtle rounded-lg p-4",
+								className: "border border-border-seam rounded-lg p-4",
 								children: [/* @__PURE__ */ v("div", {
 									className: "flex items-center justify-between mb-4",
 									children: [/* @__PURE__ */ v("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ _(p, { className: "h-5 w-5 text-blue-600 dark:text-blue-400" }), /* @__PURE__ */ _("span", {
+										children: [/* @__PURE__ */ _(p, { className: "h-5 w-5 text-status-info-text" }), /* @__PURE__ */ _("span", {
 											className: "font-medium text-text-primary",
 											children: "Pickup Service"
 										})]
 									}), /* @__PURE__ */ _("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-blue-500" : "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: () => H("pickup", "enabled", !N.pickup.enabled),
+										className: t("h-6 w-11 rounded-full transition-colors relative", N.pickup.enabled ? "bg-status-info-text" : "bg-muted-foreground/30"),
+										children: /* @__PURE__ */ _("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-bg-surface transition-transform", N.pickup.enabled ? "translate-x-5" : "translate-x-0.5") })
 									})]
-								}), j.pickup.enabled && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+								}), N.pickup.enabled && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: "Preparation Time (minutes)"
 								}), /* @__PURE__ */ _("input", {
 									type: "number",
-									value: j.pickup.preparationTime,
-									onChange: (e) => B("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"
+									value: N.pickup.preparationTime,
+									onChange: (e) => H("pickup", "preparationTime", parseInt(e.target.value) || 0),
+									className: "w-full sm:w-32 rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary"
 								})] })]
 							}),
 							/* @__PURE__ */ v("div", {
-								className: "border border-border-subtle rounded-lg p-4",
+								className: "border border-border-seam rounded-lg p-4",
 								children: [/* @__PURE__ */ v("div", {
 									className: "flex items-center justify-between mb-4",
 									children: [/* @__PURE__ */ v("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ _(h, { className: "h-5 w-5 text-green-600 dark:text-green-400" }), /* @__PURE__ */ _("span", {
+										children: [/* @__PURE__ */ _(h, { className: "h-5 w-5 text-status-success-text" }), /* @__PURE__ */ _("span", {
 											className: "font-medium text-text-primary",
 											children: "Delivery Service"
 										})]
 									}), /* @__PURE__ */ _("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-blue-500" : "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: () => H("delivery", "enabled", !N.delivery.enabled),
+										className: t("h-6 w-11 rounded-full transition-colors relative", N.delivery.enabled ? "bg-status-info-text" : "bg-muted-foreground/30"),
+										children: /* @__PURE__ */ _("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-bg-surface transition-transform", N.delivery.enabled ? "translate-x-5" : "translate-x-0.5") })
 									})]
-								}), j.delivery.enabled && /* @__PURE__ */ v("div", {
+								}), N.delivery.enabled && /* @__PURE__ */ v("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
 									children: [
 										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
@@ -402,48 +404,48 @@ var y = [
 											children: "Delivery Radius (km)"
 										}), /* @__PURE__ */ _("input", {
 											type: "number",
-											value: j.delivery.deliveryRadius,
-											onChange: (e) => B("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"
+											value: N.delivery.deliveryRadius,
+											onChange: (e) => H("delivery", "deliveryRadius", parseInt(e.target.value) || 0),
+											className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }),
 										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Delivery Fee (₹)"
 										}), /* @__PURE__ */ _("input", {
 											type: "number",
-											value: j.delivery.deliveryFee,
-											onChange: (e) => B("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"
+											value: N.delivery.deliveryFee,
+											onChange: (e) => H("delivery", "deliveryFee", parseInt(e.target.value) || 0),
+											className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }),
 										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Minimum Order (₹)"
 										}), /* @__PURE__ */ _("input", {
 											type: "number",
-											value: j.delivery.minimumOrderValue,
-											onChange: (e) => B("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"
+											value: N.delivery.minimumOrderValue,
+											onChange: (e) => H("delivery", "minimumOrderValue", parseInt(e.target.value) || 0),
+											className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] })
 									]
 								})]
 							}),
 							/* @__PURE__ */ v("div", {
-								className: "border border-border-subtle rounded-lg p-4",
+								className: "border border-border-seam rounded-lg p-4",
 								children: [/* @__PURE__ */ v("div", {
 									className: "flex items-center justify-between mb-4",
 									children: [/* @__PURE__ */ v("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ _(a, { className: "h-5 w-5 text-orange-600 dark:text-orange-400" }), /* @__PURE__ */ _("span", {
+										children: [/* @__PURE__ */ _(a, { className: "h-5 w-5 text-status-warning-text" }), /* @__PURE__ */ _("span", {
 											className: "font-medium text-text-primary",
 											children: "Scheduled Stop Service"
 										})]
 									}), /* @__PURE__ */ _("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-blue-500" : "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: () => H("scheduledStop", "enabled", !N.scheduledStop.enabled),
+										className: t("h-6 w-11 rounded-full transition-colors relative", N.scheduledStop.enabled ? "bg-status-info-text" : "bg-muted-foreground/30"),
+										children: /* @__PURE__ */ _("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-bg-surface transition-transform", N.scheduledStop.enabled ? "translate-x-5" : "translate-x-0.5") })
 									})]
-								}), j.scheduledStop.enabled && /* @__PURE__ */ v("div", {
+								}), N.scheduledStop.enabled && /* @__PURE__ */ v("div", {
 									className: "space-y-4",
 									children: [
 										/* @__PURE__ */ v("div", {
@@ -453,13 +455,13 @@ var y = [
 												children: "Configure locations and times where your cart will be available"
 											}), /* @__PURE__ */ v("button", {
 												type: "button",
-												onClick: H,
-												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",
+												onClick: W,
+												className: "inline-flex items-center gap-1.5 rounded-md border border-border-seam 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"]
 											})]
 										}),
-										j.scheduledStop.stops.map((e) => /* @__PURE__ */ v("div", {
-											className: "border border-border-subtle rounded-lg p-4 bg-bg-sunken/50",
+										N.scheduledStop.stops.map((e) => /* @__PURE__ */ v("div", {
+											className: "border border-border-seam rounded-lg p-4 bg-bg-sunken/50",
 											children: [
 												/* @__PURE__ */ v("div", {
 													className: "flex items-center justify-between mb-3",
@@ -468,8 +470,8 @@ var y = [
 														children: "Stop Configuration"
 													}), /* @__PURE__ */ v("button", {
 														type: "button",
-														onClick: () => U(e.id),
-														className: "inline-flex items-center gap-1 rounded-md bg-red-500/10 px-2 py-1 text-xs text-red-600 dark:text-red-400 hover:bg-red-500/20 transition-colors",
+														onClick: () => G(e.id),
+														className: "inline-flex items-center gap-1 rounded-md bg-status-error-bg/10 px-2 py-1 text-xs text-status-error-text hover:bg-status-error-bg/20 transition-colors",
 														children: [/* @__PURE__ */ _(m, { className: "h-3.5 w-3.5" }), "Remove"]
 													})]
 												}),
@@ -481,18 +483,18 @@ var y = [
 													}), /* @__PURE__ */ _("input", {
 														type: "text",
 														value: e.name,
-														onChange: (t) => W(e.id, "name", t.target.value),
+														onChange: (t) => K(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"
+														className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 													})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 														className: "block text-xs font-medium text-text-primary mb-1",
 														children: "Address"
 													}), /* @__PURE__ */ _("input", {
 														type: "text",
 														value: e.address,
-														onChange: (t) => W(e.id, "address", t.target.value),
+														onChange: (t) => K(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"
+														className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 													})] })]
 												}),
 												/* @__PURE__ */ v("div", {
@@ -503,16 +505,16 @@ var y = [
 													}), /* @__PURE__ */ _("input", {
 														type: "time",
 														value: e.arrivalTime,
-														onChange: (t) => W(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"
+														onChange: (t) => K(e.id, "arrivalTime", t.target.value),
+														className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary"
 													})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 														className: "block text-xs font-medium text-text-primary mb-1",
 														children: "Departure Time"
 													}), /* @__PURE__ */ _("input", {
 														type: "time",
 														value: e.departureTime,
-														onChange: (t) => W(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"
+														onChange: (t) => K(e.id, "departureTime", t.target.value),
+														className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary"
 													})] })]
 												}),
 												/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
@@ -520,16 +522,16 @@ var y = [
 													children: "Days of Week"
 												}), /* @__PURE__ */ _("div", {
 													className: "flex flex-wrap gap-1.5",
-													children: b.map((n) => /* @__PURE__ */ _("button", {
+													children: S.map((n) => /* @__PURE__ */ _("button", {
 														type: "button",
-														onClick: () => G(e.id, n),
-														className: t("px-3 py-1 rounded-full text-xs font-medium transition-colors", e.daysOfWeek.includes(n) ? "bg-blue-500 text-white" : "bg-bg-sunken text-text-secondary hover:bg-muted-foreground/20"),
-														children: x[n]
+														onClick: () => q(e.id, n),
+														className: t("px-3 py-1 rounded-full text-xs font-medium transition-colors", e.daysOfWeek.includes(n) ? "bg-status-info-text text-text-inverse" : "bg-bg-sunken text-text-secondary hover:bg-muted-foreground/20"),
+														children: C[n]
 													}, n))
 												})] })
 											]
 										}, e.id)),
-										j.scheduledStop.stops.length === 0 && /* @__PURE__ */ _("div", {
+										N.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."
 										})
@@ -537,22 +539,22 @@ var y = [
 								})]
 							}),
 							/* @__PURE__ */ v("div", {
-								className: "border border-border-subtle rounded-lg p-4",
+								className: "border border-border-seam rounded-lg p-4",
 								children: [/* @__PURE__ */ v("div", {
 									className: "flex items-center justify-between mb-4",
 									children: [/* @__PURE__ */ v("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ _(c, { className: "h-5 w-5 text-purple-600 dark:text-purple-400" }), /* @__PURE__ */ _("span", {
+										children: [/* @__PURE__ */ _(c, { className: "h-5 w-5 text-accent-purple" }), /* @__PURE__ */ _("span", {
 											className: "font-medium text-text-primary",
 											children: "Direct Service"
 										})]
 									}), /* @__PURE__ */ _("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-blue-500" : "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: () => H("directService", "enabled", !N.directService.enabled),
+										className: t("h-6 w-11 rounded-full transition-colors relative", N.directService.enabled ? "bg-status-info-text" : "bg-muted-foreground/30"),
+										children: /* @__PURE__ */ _("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-bg-surface transition-transform", N.directService.enabled ? "translate-x-5" : "translate-x-0.5") })
 									})]
-								}), j.directService.enabled && /* @__PURE__ */ v("div", {
+								}), N.directService.enabled && /* @__PURE__ */ v("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
 									children: [
 										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
@@ -560,45 +562,45 @@ var y = [
 											children: "Service Fee (₹)"
 										}), /* @__PURE__ */ _("input", {
 											type: "number",
-											value: j.directService.config.serviceFee,
-											onChange: (e) => V("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"
+											value: N.directService.config.serviceFee,
+											onChange: (e) => U("serviceFee", parseInt(e.target.value) || 0),
+											className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }),
 										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Minimum Advance Payment (₹)"
 										}), /* @__PURE__ */ _("input", {
 											type: "number",
-											value: j.directService.config.minimumAdvancePayment,
-											onChange: (e) => V("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"
+											value: N.directService.config.minimumAdvancePayment,
+											onChange: (e) => U("minimumAdvancePayment", parseInt(e.target.value) || 0),
+											className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }),
 										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Service Radius (km)"
 										}), /* @__PURE__ */ _("input", {
 											type: "number",
-											value: j.directService.config.serviceRadius,
-											onChange: (e) => V("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"
+											value: N.directService.config.serviceRadius,
+											onChange: (e) => U("serviceRadius", parseInt(e.target.value) || 0),
+											className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }),
 										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Estimated Arrival Time (min)"
 										}), /* @__PURE__ */ _("input", {
 											type: "number",
-											value: j.directService.config.estimatedArrivalTime,
-											onChange: (e) => V("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"
+											value: N.directService.config.estimatedArrivalTime,
+											onChange: (e) => U("estimatedArrivalTime", parseInt(e.target.value) || 0),
+											className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }),
 										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Minimum Order Value (₹)"
 										}), /* @__PURE__ */ _("input", {
 											type: "number",
-											value: j.directService.config.minimumOrderValue,
-											onChange: (e) => V("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"
+											value: N.directService.config.minimumOrderValue,
+											onChange: (e) => U("minimumOrderValue", parseInt(e.target.value) || 0),
+											className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] })
 									]
 								})]
@@ -610,15 +612,15 @@ var y = [
 					className: "flex items-center justify-between pt-2",
 					children: [/* @__PURE__ */ _("button", {
 						type: "button",
-						onClick: () => w("/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",
+						onClick: () => E("/cart-owner/dashboard"),
+						className: "rounded-md border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 						children: "Cancel"
 					}), /* @__PURE__ */ _("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: Y,
+						disabled: F,
+						className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", F ? "bg-bg-sunken text-text-secondary cursor-not-allowed" : "bg-accent text-text-primary hover:bg-accent/80"),
+						children: F ? /* @__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"] })
 					})]
 				})
 			]
@@ -626,6 +628,6 @@ var y = [
 	});
 };
 //#endregion
-export { w as CartServiceConfigPage };
+export { E as CartServiceConfigPage };
 
 //# sourceMappingURL=CartServiceConfigPage.js.map