@burdenoff/microfe-kadaikodi 2026.626.2 → 2026.704.2

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

@@ -1,12 +1,14 @@
 import { useKadaikodi as e } from "../../context/KadaikodiContext.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 { EmphasisPanel as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { useProviders as i } from "../../hooks/useKadaikodiApi.js";
+import { useEffect as a, useMemo as ee, useState as o } from "react";
+import { AlertCircle as s, Calendar as c, CheckCircle2 as l, Clock as u, Home as d, Package as f, Plus as p, Save as m, Settings as h, ShoppingBag as g, Trash2 as _, Truck as v } from "lucide-react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { EmphasisPanel as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/cart-owner/CartServiceConfigPage.tsx
-var x = [
+var w = [
 	{
 		value: "products_only",
 		label: "Products Only",
@@ -22,7 +24,7 @@ var x = [
 		label: "Products & Services",
 		description: "You'll manage both products and services with full flexibility."
 	}
-], S = [
+], T = [
 	"monday",
 	"tuesday",
 	"wednesday",
@@ -30,7 +32,7 @@ var x = [
 	"friday",
 	"saturday",
 	"sunday"
-], C = {
+], E = {
 	monday: "Mon",
 	tuesday: "Tue",
 	wednesday: "Wed",
@@ -38,7 +40,7 @@ var x = [
 	friday: "Fri",
 	saturday: "Sat",
 	sunday: "Sun"
-}, w = {
+}, D = {
 	monday: {
 		isOpen: !0,
 		open: "09:00",
@@ -74,7 +76,7 @@ var x = [
 		open: "10:00",
 		close: "18:00"
 	}
-}, T = {
+}, O = {
 	pickup: {
 		enabled: !0,
 		preparationTime: 15
@@ -99,25 +101,42 @@ var x = [
 			minimumOrderValue: 300
 		}
 	}
-}, 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) => ({
+}, k = () => {
+	let { navigateTo: k, currentUser: A } = e(), { data: j = [], isLoading: M } = i(), N = ee(() => j.find((e) => e.ownerId === A?.id) ?? j[0], [j, A?.id]), [P, F] = o(!0), [I, te] = o("both"), [L, R] = o(D), [z, B] = o(O), [V, H] = o(!1);
+	a(() => {
+		if (!N || V) return;
+		F(N.isOpen);
+		let e = N.businessHours;
+		e && R((t) => {
+			let n = { ...t };
+			return T.forEach((r) => {
+				let i = e[r] ?? e[r.charAt(0).toUpperCase() + r.slice(1)] ?? e[r.toUpperCase()];
+				i && (n[r] = {
+					isOpen: !!i.isOpen,
+					open: i.open || t[r].open,
+					close: i.close || t[r].close
+				});
+			}), n;
+		}), H(!0);
+	}, [N, V]);
+	let [U, W] = o(!1), [G, K] = o(!1), [q, J] = o([]), Y = (e, t, n) => {
+		R((r) => ({
 			...r,
 			[e]: {
 				...r[e],
 				[t]: n
 			}
 		}));
-	}, H = (e, t, n) => {
-		P((r) => ({
+	}, X = (e, t, n) => {
+		B((r) => ({
 			...r,
 			[e]: {
 				...r[e],
 				[t]: n
 			}
 		}));
-	}, U = (e, t) => {
-		P((n) => ({
+	}, Z = (e, t) => {
+		B((n) => ({
 			...n,
 			directService: {
 				...n.directService,
@@ -127,7 +146,7 @@ var x = [
 				}
 			}
 		}));
-	}, W = () => {
+	}, ne = () => {
 		let e = {
 			id: `stop-${Date.now()}`,
 			name: "",
@@ -143,23 +162,23 @@ var x = [
 			],
 			isActive: !0
 		};
-		P((t) => ({
+		B((t) => ({
 			...t,
 			scheduledStop: {
 				...t.scheduledStop,
 				stops: [...t.scheduledStop.stops, e]
 			}
 		}));
-	}, G = (e) => {
-		P((t) => ({
+	}, re = (e) => {
+		B((t) => ({
 			...t,
 			scheduledStop: {
 				...t.scheduledStop,
 				stops: t.scheduledStop.stops.filter((t) => t.id !== e)
 			}
 		}));
-	}, K = (e, t, n) => {
-		P((r) => ({
+	}, Q = (e, t, n) => {
+		B((r) => ({
 			...r,
 			scheduledStop: {
 				...r.scheduledStop,
@@ -169,8 +188,8 @@ var x = [
 				} : r)
 			}
 		}));
-	}, q = (e, t) => {
-		P((n) => ({
+	}, ie = (e, t) => {
+		B((n) => ({
 			...n,
 			scheduledStop: {
 				...n.scheduledStop,
@@ -186,155 +205,169 @@ var x = [
 				})
 			}
 		}));
-	}, J = () => {
+	}, ae = () => {
 		let e = [];
-		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");
+		if (z.delivery.enabled && (z.delivery.deliveryRadius <= 0 && e.push("Delivery radius must be greater than 0"), z.delivery.deliveryFee < 0 && e.push("Delivery fee cannot be negative"), z.delivery.minimumOrderValue < 0 && e.push("Minimum order value cannot be negative")), z.pickup.enabled && z.pickup.preparationTime <= 0 && e.push("Preparation time must be greater than 0"), z.scheduledStop.enabled) {
+			z.scheduledStop.stops.length === 0 && e.push("At least one scheduled stop is required when scheduled stop service is enabled");
+			for (let t of z.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 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();
+		return z.directService.enabled && (z.directService.config.serviceFee < 0 && e.push("Service fee cannot be negative"), z.directService.config.minimumAdvancePayment < 0 && e.push("Minimum advance payment cannot be negative"), z.directService.config.serviceRadius <= 0 && e.push("Service radius must be greater than 0"), z.directService.config.estimatedArrivalTime <= 0 && e.push("Estimated arrival time must be greater than 0")), Object.values(L).some((e) => e.isOpen) || e.push("At least one day must be open"), e;
+	}, $ = () => {
+		J([]);
+		let e = ae();
 		if (e.length > 0) {
-			B(e);
+			J(e);
 			return;
 		}
-		I(!0), setTimeout(() => {
-			I(!1), R(!0), setTimeout(() => R(!1), 3e3);
+		W(!0), setTimeout(() => {
+			W(!1), K(!0), setTimeout(() => K(!1), 3e3);
 		}, 1e3);
-	}, X = x.find((e) => e.value === k);
-	return /* @__PURE__ */ v(n, {
+	}, oe = w.find((e) => e.value === I);
+	return M ? /* @__PURE__ */ b(n, {
 		title: "Service Provider Configuration",
 		description: "Manage your service status, operating hours, and service types",
-		actions: /* @__PURE__ */ _("button", {
+		children: /* @__PURE__ */ b("div", {
+			className: "flex items-center justify-center py-24",
+			children: /* @__PURE__ */ b("div", { className: "h-10 w-10 animate-spin rounded-full border-b-2 border-foreground" })
+		})
+	}) : N ? /* @__PURE__ */ x(n, {
+		title: "Service Provider Configuration",
+		description: `Configure how ${N.name} serves customers`,
+		actions: /* @__PURE__ */ b("button", {
 			type: "button",
-			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"] })
+			onClick: $,
+			disabled: U,
+			className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", U ? "bg-bg-sunken text-text-secondary cursor-not-allowed" : "bg-accent text-text-primary hover:bg-accent/80"),
+			children: U ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), "Saving..."] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(m, { className: "h-4 w-4" }), "Save Configuration"] })
 		}),
-		children: [/* @__PURE__ */ _(b, {
+		children: [/* @__PURE__ */ b(C, {
 			className: "mb-6 max-w-4xl",
 			children: "Define how your cart actually serves customers. Use this page to flip your service open or closed, set your operating hours, and choose which fulfilment types you offer — pickup, delivery, scheduled stops, or on-the-spot direct service. Get this right and customers see accurate availability and only the service options you can deliver."
-		}), /* @__PURE__ */ v("div", {
+		}), /* @__PURE__ */ x("div", {
 			className: "space-y-6 max-w-4xl",
 			children: [
-				L && /* @__PURE__ */ v("div", {
+				/* @__PURE__ */ x("div", {
+					className: "flex items-start gap-3 rounded-md border border-border-subtle bg-bg-sunken/50 p-3",
+					children: [/* @__PURE__ */ b(s, { className: "h-4 w-4 text-text-secondary shrink-0 mt-0.5" }), /* @__PURE__ */ b("p", {
+						className: "text-xs text-text-secondary",
+						children: "Service status and operating hours are loaded from your cart. Changes here are saved in this browser for now — syncing configuration back to your provider record is coming soon."
+					})]
+				}),
+				G && /* @__PURE__ */ x("div", {
 					className: "flex items-center gap-2 rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-4",
-					children: [/* @__PURE__ */ _(o, { className: "h-5 w-5 text-status-success-text shrink-0" }), /* @__PURE__ */ _("span", {
+					children: [/* @__PURE__ */ b(l, { className: "h-5 w-5 text-status-success-text shrink-0" }), /* @__PURE__ */ b("span", {
 						className: "text-sm font-medium text-status-success-text",
 						children: "Configuration saved successfully!"
 					})]
 				}),
-				z.length > 0 && /* @__PURE__ */ _("div", {
+				q.length > 0 && /* @__PURE__ */ b("div", {
 					className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle p-4 space-y-1",
-					children: z.map((e, t) => /* @__PURE__ */ v("div", {
+					children: q.map((e, t) => /* @__PURE__ */ x("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__ */ b(s, { className: "h-4 w-4 text-status-error-text shrink-0 mt-0.5" }), /* @__PURE__ */ b("span", {
 							className: "text-sm text-status-error-text",
 							children: e
 						})]
 					}, t))
 				}),
-				/* @__PURE__ */ _(y, { children: /* @__PURE__ */ v("div", {
+				/* @__PURE__ */ b(S, { children: /* @__PURE__ */ x("div", {
 					className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4",
-					children: [/* @__PURE__ */ v("div", {
+					children: [/* @__PURE__ */ x("div", {
 						className: "flex-1",
-						children: [/* @__PURE__ */ v("h2", {
+						children: [/* @__PURE__ */ x("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__ */ b(h, { className: "h-5 w-5 text-text-secondary" }), "Service Status"]
+						}), /* @__PURE__ */ b("p", {
 							className: "text-sm text-text-secondary mt-1",
 							children: "Control whether your service is currently accepting orders"
 						})]
-					}), /* @__PURE__ */ v("div", {
+					}), /* @__PURE__ */ x("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-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"),
-							children: D ? "Open" : "Closed"
-						}), /* @__PURE__ */ _("button", {
+						children: [/* @__PURE__ */ b("span", {
+							className: t("inline-flex items-center rounded-full px-3 py-1 text-xs font-medium", P ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"),
+							children: P ? "Open" : "Closed"
+						}), /* @__PURE__ */ b("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-subtle text-status-error-text hover:bg-status-error-bg-subtle" : "bg-status-success-bg-subtle text-status-success-text hover:bg-status-success-bg-subtle"),
-							children: D ? "Close Service" : "Open Service"
+							onClick: () => F(!P),
+							className: t("rounded-md px-4 py-2 text-sm font-medium transition-colors", P ? "bg-status-error-bg-subtle text-status-error-text hover:bg-status-error-bg-subtle" : "bg-status-success-bg-subtle text-status-success-text hover:bg-status-success-bg-subtle"),
+							children: P ? "Close Service" : "Open Service"
 						})]
 					})]
 				}) }),
-				/* @__PURE__ */ v("section", {
+				/* @__PURE__ */ x("section", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface p-6 shadow-sm",
-					children: [/* @__PURE__ */ v("h2", {
+					children: [/* @__PURE__ */ x("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__ */ b(f, { className: "h-5 w-5 text-text-secondary" }), "Offering Type"]
+					}), /* @__PURE__ */ x("div", {
 						className: "space-y-3",
 						children: [
-							/* @__PURE__ */ _("label", {
+							/* @__PURE__ */ b("label", {
 								htmlFor: "offering-type",
 								className: "block text-sm font-medium text-text-primary",
 								children: "What do you provide?"
 							}),
-							/* @__PURE__ */ _("select", {
+							/* @__PURE__ */ b("select", {
 								id: "offering-type",
-								value: k,
-								onChange: (e) => A(e.target.value),
+								value: I,
+								onChange: (e) => te(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: x.map((e) => /* @__PURE__ */ _("option", {
+								children: w.map((e) => /* @__PURE__ */ b("option", {
 									value: e.value,
 									children: e.label
 								}, e.value))
 							}),
-							/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ b("p", {
 								className: "text-sm text-text-secondary",
-								children: X.description
+								children: oe.description
 							})
 						]
 					})]
 				}),
-				/* @__PURE__ */ v("section", {
+				/* @__PURE__ */ x("section", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface p-6 shadow-sm",
-					children: [/* @__PURE__ */ v("h2", {
+					children: [/* @__PURE__ */ x("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__ */ b(u, { className: "h-5 w-5 text-text-secondary" }), "Operating Hours"]
+					}), /* @__PURE__ */ b("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-3",
-						children: S.map((e) => {
-							let n = j[e];
-							return /* @__PURE__ */ v("div", {
+						children: T.map((e) => {
+							let n = L[e];
+							return /* @__PURE__ */ x("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__ */ b("span", {
 									className: "min-w-[50px] text-sm font-medium text-text-primary",
-									children: C[e]
-								}), /* @__PURE__ */ v("div", {
+									children: E[e]
+								}), /* @__PURE__ */ x("div", {
 									className: "flex items-center gap-3 flex-1",
 									children: [
-										/* @__PURE__ */ _("button", {
+										/* @__PURE__ */ b("button", {
 											type: "button",
-											onClick: () => V(e, "isOpen", !n.isOpen),
+											onClick: () => Y(e, "isOpen", !n.isOpen),
 											className: t("h-5 w-5 rounded border transition-colors shrink-0", n.isOpen ? "bg-action-primary-bg border-border-focus" : "border-border-subtle bg-bg-surface"),
-											children: n.isOpen && /* @__PURE__ */ _(o, { className: "h-5 w-5 text-white" })
+											children: n.isOpen && /* @__PURE__ */ b(l, { className: "h-5 w-5 text-white" })
 										}),
-										/* @__PURE__ */ _("span", {
+										/* @__PURE__ */ b("span", {
 											className: "text-xs text-text-secondary min-w-[35px]",
 											children: "Open"
 										}),
-										n.isOpen && /* @__PURE__ */ v("div", {
+										n.isOpen && /* @__PURE__ */ x("div", {
 											className: "flex items-center gap-2",
 											children: [
-												/* @__PURE__ */ _("input", {
+												/* @__PURE__ */ b("input", {
 													type: "time",
 													value: n.open,
-													onChange: (t) => V(e, "open", t.target.value),
+													onChange: (t) => Y(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__ */ b("span", {
 													className: "text-xs text-text-secondary",
 													children: "to"
 												}),
-												/* @__PURE__ */ _("input", {
+												/* @__PURE__ */ b("input", {
 													type: "time",
 													value: n.close,
-													onChange: (t) => V(e, "close", t.target.value),
+													onChange: (t) => Y(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]"
 												})
 											]
@@ -345,260 +378,260 @@ var x = [
 						})
 					})]
 				}),
-				/* @__PURE__ */ v("section", {
+				/* @__PURE__ */ x("section", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface p-6 shadow-sm",
-					children: [/* @__PURE__ */ v("h2", {
+					children: [/* @__PURE__ */ x("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__ */ b(v, { className: "h-5 w-5 text-text-secondary" }), "Service Types"]
+					}), /* @__PURE__ */ x("div", {
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ x("div", {
 								className: "border border-border-subtle rounded-lg p-4",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ x("div", {
 									className: "flex items-center justify-between mb-4",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ x("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ _(p, { className: "h-5 w-5 text-text-primary" }), /* @__PURE__ */ _("span", {
+										children: [/* @__PURE__ */ b(g, { className: "h-5 w-5 text-text-primary" }), /* @__PURE__ */ b("span", {
 											className: "font-medium text-text-primary",
 											children: "Pickup Service"
 										})]
-									}), /* @__PURE__ */ _("button", {
+									}), /* @__PURE__ */ b("button", {
 										type: "button",
-										onClick: () => H("pickup", "enabled", !N.pickup.enabled),
-										className: t("h-6 w-11 rounded-full transition-colors relative", N.pickup.enabled ? "bg-action-primary-bg" : "bg-muted-foreground/30"),
-										children: /* @__PURE__ */ _("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", N.pickup.enabled ? "translate-x-5" : "translate-x-0.5") })
+										onClick: () => X("pickup", "enabled", !z.pickup.enabled),
+										className: t("h-6 w-11 rounded-full transition-colors relative", z.pickup.enabled ? "bg-action-primary-bg" : "bg-muted-foreground/30"),
+										children: /* @__PURE__ */ b("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", z.pickup.enabled ? "translate-x-5" : "translate-x-0.5") })
 									})]
-								}), N.pickup.enabled && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+								}), z.pickup.enabled && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: "Preparation Time (minutes)"
-								}), /* @__PURE__ */ _("input", {
+								}), /* @__PURE__ */ b("input", {
 									type: "number",
-									value: N.pickup.preparationTime,
-									onChange: (e) => H("pickup", "preparationTime", parseInt(e.target.value) || 0),
+									value: z.pickup.preparationTime,
+									onChange: (e) => X("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__ */ x("div", {
 								className: "border border-border-subtle rounded-lg p-4",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ x("div", {
 									className: "flex items-center justify-between mb-4",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ x("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ _(h, { className: "h-5 w-5 text-status-success-text" }), /* @__PURE__ */ _("span", {
+										children: [/* @__PURE__ */ b(v, { className: "h-5 w-5 text-status-success-text" }), /* @__PURE__ */ b("span", {
 											className: "font-medium text-text-primary",
 											children: "Delivery Service"
 										})]
-									}), /* @__PURE__ */ _("button", {
+									}), /* @__PURE__ */ b("button", {
 										type: "button",
-										onClick: () => H("delivery", "enabled", !N.delivery.enabled),
-										className: t("h-6 w-11 rounded-full transition-colors relative", N.delivery.enabled ? "bg-action-primary-bg" : "bg-muted-foreground/30"),
-										children: /* @__PURE__ */ _("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", N.delivery.enabled ? "translate-x-5" : "translate-x-0.5") })
+										onClick: () => X("delivery", "enabled", !z.delivery.enabled),
+										className: t("h-6 w-11 rounded-full transition-colors relative", z.delivery.enabled ? "bg-action-primary-bg" : "bg-muted-foreground/30"),
+										children: /* @__PURE__ */ b("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", z.delivery.enabled ? "translate-x-5" : "translate-x-0.5") })
 									})]
-								}), N.delivery.enabled && /* @__PURE__ */ v("div", {
+								}), z.delivery.enabled && /* @__PURE__ */ x("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
 									children: [
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Delivery Radius (km)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ b("input", {
 											type: "number",
-											value: N.delivery.deliveryRadius,
-											onChange: (e) => H("delivery", "deliveryRadius", parseInt(e.target.value) || 0),
+											value: z.delivery.deliveryRadius,
+											onChange: (e) => X("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__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Delivery Fee (₹)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ b("input", {
 											type: "number",
-											value: N.delivery.deliveryFee,
-											onChange: (e) => H("delivery", "deliveryFee", parseInt(e.target.value) || 0),
+											value: z.delivery.deliveryFee,
+											onChange: (e) => X("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__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Minimum Order (₹)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ b("input", {
 											type: "number",
-											value: N.delivery.minimumOrderValue,
-											onChange: (e) => H("delivery", "minimumOrderValue", parseInt(e.target.value) || 0),
+											value: z.delivery.minimumOrderValue,
+											onChange: (e) => X("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__ */ x("div", {
 								className: "border border-border-subtle rounded-lg p-4",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ x("div", {
 									className: "flex items-center justify-between mb-4",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ x("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ _(a, { className: "h-5 w-5 text-status-warning-text" }), /* @__PURE__ */ _("span", {
+										children: [/* @__PURE__ */ b(c, { className: "h-5 w-5 text-status-warning-text" }), /* @__PURE__ */ b("span", {
 											className: "font-medium text-text-primary",
 											children: "Scheduled Stop Service"
 										})]
-									}), /* @__PURE__ */ _("button", {
+									}), /* @__PURE__ */ b("button", {
 										type: "button",
-										onClick: () => H("scheduledStop", "enabled", !N.scheduledStop.enabled),
-										className: t("h-6 w-11 rounded-full transition-colors relative", N.scheduledStop.enabled ? "bg-action-primary-bg" : "bg-muted-foreground/30"),
-										children: /* @__PURE__ */ _("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", N.scheduledStop.enabled ? "translate-x-5" : "translate-x-0.5") })
+										onClick: () => X("scheduledStop", "enabled", !z.scheduledStop.enabled),
+										className: t("h-6 w-11 rounded-full transition-colors relative", z.scheduledStop.enabled ? "bg-action-primary-bg" : "bg-muted-foreground/30"),
+										children: /* @__PURE__ */ b("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", z.scheduledStop.enabled ? "translate-x-5" : "translate-x-0.5") })
 									})]
-								}), N.scheduledStop.enabled && /* @__PURE__ */ v("div", {
+								}), z.scheduledStop.enabled && /* @__PURE__ */ x("div", {
 									className: "space-y-4",
 									children: [
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ x("div", {
 											className: "flex items-center justify-between",
-											children: [/* @__PURE__ */ _("span", {
+											children: [/* @__PURE__ */ b("span", {
 												className: "text-sm text-text-secondary",
 												children: "Configure locations and times where your cart will be available"
-											}), /* @__PURE__ */ v("button", {
+											}), /* @__PURE__ */ x("button", {
 												type: "button",
-												onClick: W,
+												onClick: ne,
 												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__ */ b(p, { className: "h-4 w-4" }), "Add Stop"]
 											})]
 										}),
-										N.scheduledStop.stops.map((e) => /* @__PURE__ */ v("div", {
+										z.scheduledStop.stops.map((e) => /* @__PURE__ */ x("div", {
 											className: "border border-border-subtle rounded-lg p-4 bg-bg-sunken/50",
 											children: [
-												/* @__PURE__ */ v("div", {
+												/* @__PURE__ */ x("div", {
 													className: "flex items-center justify-between mb-3",
-													children: [/* @__PURE__ */ _("h4", {
+													children: [/* @__PURE__ */ b("h4", {
 														className: "font-medium text-text-primary text-sm",
 														children: "Stop Configuration"
-													}), /* @__PURE__ */ v("button", {
+													}), /* @__PURE__ */ x("button", {
 														type: "button",
-														onClick: () => G(e.id),
+														onClick: () => re(e.id),
 														className: "inline-flex items-center gap-1 rounded-md bg-status-error-bg-subtle px-2 py-1 text-xs text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
-														children: [/* @__PURE__ */ _(m, { className: "h-3.5 w-3.5" }), "Remove"]
+														children: [/* @__PURE__ */ b(_, { className: "h-3.5 w-3.5" }), "Remove"]
 													})]
 												}),
-												/* @__PURE__ */ v("div", {
+												/* @__PURE__ */ x("div", {
 													className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-4",
-													children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+													children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 														className: "block text-xs font-medium text-text-primary mb-1",
 														children: "Stop Name"
-													}), /* @__PURE__ */ _("input", {
+													}), /* @__PURE__ */ b("input", {
 														type: "text",
 														value: e.name,
-														onChange: (t) => K(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__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 														className: "block text-xs font-medium text-text-primary mb-1",
 														children: "Address"
-													}), /* @__PURE__ */ _("input", {
+													}), /* @__PURE__ */ b("input", {
 														type: "text",
 														value: e.address,
-														onChange: (t) => K(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__ */ x("div", {
 													className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-4",
-													children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+													children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 														className: "block text-xs font-medium text-text-primary mb-1",
 														children: "Arrival Time"
-													}), /* @__PURE__ */ _("input", {
+													}), /* @__PURE__ */ b("input", {
 														type: "time",
 														value: e.arrivalTime,
-														onChange: (t) => K(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__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 														className: "block text-xs font-medium text-text-primary mb-1",
 														children: "Departure Time"
-													}), /* @__PURE__ */ _("input", {
+													}), /* @__PURE__ */ b("input", {
 														type: "time",
 														value: e.departureTime,
-														onChange: (t) => K(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__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 													className: "block text-xs font-medium text-text-primary mb-2",
 													children: "Days of Week"
-												}), /* @__PURE__ */ _("div", {
+												}), /* @__PURE__ */ b("div", {
 													className: "flex flex-wrap gap-1.5",
-													children: S.map((n) => /* @__PURE__ */ _("button", {
+													children: T.map((n) => /* @__PURE__ */ b("button", {
 														type: "button",
-														onClick: () => q(e.id, n),
+														onClick: () => ie(e.id, n),
 														className: t("px-3 py-1 rounded-full text-xs font-medium transition-colors", e.daysOfWeek.includes(n) ? "bg-action-primary-bg text-white" : "bg-bg-sunken text-text-secondary hover:bg-muted-foreground/20"),
-														children: C[n]
+														children: E[n]
 													}, n))
 												})] })
 											]
 										}, e.id)),
-										N.scheduledStop.stops.length === 0 && /* @__PURE__ */ _("div", {
+										z.scheduledStop.stops.length === 0 && /* @__PURE__ */ b("div", {
 											className: "text-center py-6 text-sm text-text-secondary",
 											children: "No scheduled stops configured. Click \"Add Stop\" to create one."
 										})
 									]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ x("div", {
 								className: "border border-border-subtle rounded-lg p-4",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ x("div", {
 									className: "flex items-center justify-between mb-4",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ x("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ _(c, { className: "h-5 w-5 text-text-primary" }), /* @__PURE__ */ _("span", {
+										children: [/* @__PURE__ */ b(d, { className: "h-5 w-5 text-text-primary" }), /* @__PURE__ */ b("span", {
 											className: "font-medium text-text-primary",
 											children: "Direct Service"
 										})]
-									}), /* @__PURE__ */ _("button", {
+									}), /* @__PURE__ */ b("button", {
 										type: "button",
-										onClick: () => H("directService", "enabled", !N.directService.enabled),
-										className: t("h-6 w-11 rounded-full transition-colors relative", N.directService.enabled ? "bg-action-primary-bg" : "bg-muted-foreground/30"),
-										children: /* @__PURE__ */ _("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", N.directService.enabled ? "translate-x-5" : "translate-x-0.5") })
+										onClick: () => X("directService", "enabled", !z.directService.enabled),
+										className: t("h-6 w-11 rounded-full transition-colors relative", z.directService.enabled ? "bg-action-primary-bg" : "bg-muted-foreground/30"),
+										children: /* @__PURE__ */ b("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", z.directService.enabled ? "translate-x-5" : "translate-x-0.5") })
 									})]
-								}), N.directService.enabled && /* @__PURE__ */ v("div", {
+								}), z.directService.enabled && /* @__PURE__ */ x("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
 									children: [
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Service Fee (₹)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ b("input", {
 											type: "number",
-											value: N.directService.config.serviceFee,
-											onChange: (e) => U("serviceFee", parseInt(e.target.value) || 0),
+											value: z.directService.config.serviceFee,
+											onChange: (e) => Z("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__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Minimum Advance Payment (₹)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ b("input", {
 											type: "number",
-											value: N.directService.config.minimumAdvancePayment,
-											onChange: (e) => U("minimumAdvancePayment", parseInt(e.target.value) || 0),
+											value: z.directService.config.minimumAdvancePayment,
+											onChange: (e) => Z("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__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Service Radius (km)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ b("input", {
 											type: "number",
-											value: N.directService.config.serviceRadius,
-											onChange: (e) => U("serviceRadius", parseInt(e.target.value) || 0),
+											value: z.directService.config.serviceRadius,
+											onChange: (e) => Z("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__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Estimated Arrival Time (min)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ b("input", {
 											type: "number",
-											value: N.directService.config.estimatedArrivalTime,
-											onChange: (e) => U("estimatedArrivalTime", parseInt(e.target.value) || 0),
+											value: z.directService.config.estimatedArrivalTime,
+											onChange: (e) => Z("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__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Minimum Order Value (₹)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ b("input", {
 											type: "number",
-											value: N.directService.config.minimumOrderValue,
-											onChange: (e) => U("minimumOrderValue", parseInt(e.target.value) || 0),
+											value: z.directService.config.minimumOrderValue,
+											onChange: (e) => Z("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"
 										})] })
 									]
@@ -607,26 +640,34 @@ var x = [
 						]
 					})]
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ x("div", {
 					className: "flex items-center justify-between pt-2",
-					children: [/* @__PURE__ */ _("button", {
+					children: [/* @__PURE__ */ b("button", {
 						type: "button",
-						onClick: () => E("/cart-owner/dashboard"),
+						onClick: () => k("/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__ */ b("button", {
 						type: "button",
-						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"] })
+						onClick: $,
+						disabled: U,
+						className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", U ? "bg-bg-sunken text-text-secondary cursor-not-allowed" : "bg-accent text-text-primary hover:bg-accent/80"),
+						children: U ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), "Saving..."] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(m, { className: "h-4 w-4" }), "Save Configuration"] })
 					})]
 				})
 			]
 		})]
+	}) : /* @__PURE__ */ b(n, {
+		title: "Service Provider Configuration",
+		description: "Manage your service status, operating hours, and service types",
+		children: /* @__PURE__ */ b(r, {
+			illustration: "empty-generic",
+			title: "Create your cart first",
+			description: "You don't have a service provider yet. Set up your cart before configuring how it serves customers."
+		})
 	});
 };
 //#endregion
-export { E as CartServiceConfigPage };
+export { k as CartServiceConfigPage };
 
 //# sourceMappingURL=CartServiceConfigPage.js.map