@burdenoff/microfe-coolandlovely 2026.614.1

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

@@ -0,0 +1,631 @@
+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";
+//#region src/coolandlovely/pages/cart-owner/CartServiceConfigPage.tsx
+var y = [
+	{
+		value: "products_only",
+		label: "Products Only",
+		description: "You'll manage physical products with inventory, stock levels, and shipping."
+	},
+	{
+		value: "services_only",
+		label: "Services Only",
+		description: "You'll manage services with appointments, bookings, and time slots."
+	},
+	{
+		value: "both",
+		label: "Products & Services",
+		description: "You'll manage both products and services with full flexibility."
+	}
+], b = [
+	"monday",
+	"tuesday",
+	"wednesday",
+	"thursday",
+	"friday",
+	"saturday",
+	"sunday"
+], x = {
+	monday: "Mon",
+	tuesday: "Tue",
+	wednesday: "Wed",
+	thursday: "Thu",
+	friday: "Fri",
+	saturday: "Sat",
+	sunday: "Sun"
+}, S = {
+	monday: {
+		isOpen: !0,
+		open: "09:00",
+		close: "21:00"
+	},
+	tuesday: {
+		isOpen: !0,
+		open: "09:00",
+		close: "21:00"
+	},
+	wednesday: {
+		isOpen: !0,
+		open: "09:00",
+		close: "21:00"
+	},
+	thursday: {
+		isOpen: !0,
+		open: "09:00",
+		close: "21:00"
+	},
+	friday: {
+		isOpen: !0,
+		open: "09:00",
+		close: "22:00"
+	},
+	saturday: {
+		isOpen: !0,
+		open: "10:00",
+		close: "22:00"
+	},
+	sunday: {
+		isOpen: !1,
+		open: "10:00",
+		close: "18:00"
+	}
+}, C = {
+	pickup: {
+		enabled: !0,
+		preparationTime: 15
+	},
+	delivery: {
+		enabled: !0,
+		deliveryRadius: 5,
+		deliveryFee: 30,
+		minimumOrderValue: 100
+	},
+	scheduledStop: {
+		enabled: !1,
+		stops: []
+	},
+	directService: {
+		enabled: !1,
+		config: {
+			serviceFee: 50,
+			minimumAdvancePayment: 200,
+			serviceRadius: 10,
+			estimatedArrivalTime: 45,
+			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) => ({
+			...r,
+			[e]: {
+				...r[e],
+				[t]: n
+			}
+		}));
+	}, B = (e, t, n) => {
+		M((r) => ({
+			...r,
+			[e]: {
+				...r[e],
+				[t]: n
+			}
+		}));
+	}, V = (e, t) => {
+		M((n) => ({
+			...n,
+			directService: {
+				...n.directService,
+				config: {
+					...n.directService.config,
+					[e]: t
+				}
+			}
+		}));
+	}, H = () => {
+		let e = {
+			id: `stop-${Date.now()}`,
+			name: "",
+			address: "",
+			arrivalTime: "09:00",
+			departureTime: "11:00",
+			daysOfWeek: [
+				"monday",
+				"tuesday",
+				"wednesday",
+				"thursday",
+				"friday"
+			],
+			isActive: !0
+		};
+		M((t) => ({
+			...t,
+			scheduledStop: {
+				...t.scheduledStop,
+				stops: [...t.scheduledStop.stops, e]
+			}
+		}));
+	}, U = (e) => {
+		M((t) => ({
+			...t,
+			scheduledStop: {
+				...t.scheduledStop,
+				stops: t.scheduledStop.stops.filter((t) => t.id !== e)
+			}
+		}));
+	}, W = (e, t, n) => {
+		M((r) => ({
+			...r,
+			scheduledStop: {
+				...r.scheduledStop,
+				stops: r.scheduledStop.stops.map((r) => r.id === e ? {
+					...r,
+					[t]: n
+				} : r)
+			}
+		}));
+	}, G = (e, t) => {
+		M((n) => ({
+			...n,
+			scheduledStop: {
+				...n.scheduledStop,
+				stops: n.scheduledStop.stops.map((n) => {
+					if (n.id === e) {
+						let e = n.daysOfWeek.includes(t) ? n.daysOfWeek.filter((e) => e !== t) : [...n.daysOfWeek, t];
+						return {
+							...n,
+							daysOfWeek: e
+						};
+					}
+					return n;
+				})
+			}
+		}));
+	}, K = () => {
+		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");
+		}
+		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();
+		if (e.length > 0) {
+			R(e);
+			return;
+		}
+		P(!0), setTimeout(() => {
+			P(!1), I(!0), setTimeout(() => I(!1), 3e3);
+		}, 1e3);
+	}, J = y.find((e) => e.value === D);
+	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-muted text-muted-foreground cursor-not-allowed" : "bg-accent text-foreground 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"] })
+		}),
+		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",
+						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", {
+						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: e
+						})]
+					}, t))
+				}),
+				/* @__PURE__ */ _("section", {
+					className: "rounded-lg border border-border bg-card 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-foreground flex items-center gap-2",
+								children: [/* @__PURE__ */ _(f, { className: "h-5 w-5 text-muted-foreground" }), "Service Status"]
+							}), /* @__PURE__ */ _("p", {
+								className: "text-sm text-muted-foreground 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__ */ v("section", {
+					className: "rounded-lg border border-border bg-card p-6 shadow-sm",
+					children: [/* @__PURE__ */ v("h2", {
+						className: "text-lg font-semibold text-foreground flex items-center gap-2 mb-4",
+						children: [/* @__PURE__ */ _(l, { className: "h-5 w-5 text-muted-foreground" }), "Offering Type"]
+					}), /* @__PURE__ */ v("div", {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ _("label", {
+								htmlFor: "offering-type",
+								className: "block text-sm font-medium text-foreground",
+								children: "What do you provide?"
+							}),
+							/* @__PURE__ */ _("select", {
+								id: "offering-type",
+								value: D,
+								onChange: (e) => O(e.target.value),
+								className: "w-full sm:w-64 rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+								children: y.map((e) => /* @__PURE__ */ _("option", {
+									value: e.value,
+									children: e.label
+								}, e.value))
+							}),
+							/* @__PURE__ */ _("p", {
+								className: "text-sm text-muted-foreground",
+								children: J.description
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ v("section", {
+					className: "rounded-lg border border-border bg-card p-6 shadow-sm",
+					children: [/* @__PURE__ */ v("h2", {
+						className: "text-lg font-semibold text-foreground flex items-center gap-2 mb-4",
+						children: [/* @__PURE__ */ _(s, { className: "h-5 w-5 text-muted-foreground" }), "Operating Hours"]
+					}), /* @__PURE__ */ _("div", {
+						className: "grid grid-cols-1 md:grid-cols-2 gap-3",
+						children: b.map((e) => {
+							let n = k[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-muted/50" : "bg-muted/30 opacity-60"),
+								children: [/* @__PURE__ */ _("span", {
+									className: "min-w-[50px] text-sm font-medium text-foreground",
+									children: x[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 bg-card"),
+											children: n.isOpen && /* @__PURE__ */ _(o, { className: "h-5 w-5 text-white" })
+										}),
+										/* @__PURE__ */ _("span", {
+											className: "text-xs text-muted-foreground min-w-[35px]",
+											children: "Open"
+										}),
+										n.isOpen && /* @__PURE__ */ v("div", {
+											className: "flex items-center gap-2",
+											children: [
+												/* @__PURE__ */ _("input", {
+													type: "time",
+													value: n.open,
+													onChange: (t) => z(e, "open", t.target.value),
+													className: "text-sm rounded border border-border bg-card px-2 py-1.5 text-foreground w-[110px]"
+												}),
+												/* @__PURE__ */ _("span", {
+													className: "text-xs text-muted-foreground",
+													children: "to"
+												}),
+												/* @__PURE__ */ _("input", {
+													type: "time",
+													value: n.close,
+													onChange: (t) => z(e, "close", t.target.value),
+													className: "text-sm rounded border border-border bg-card px-2 py-1.5 text-foreground w-[110px]"
+												})
+											]
+										})
+									]
+								})]
+							}, e);
+						})
+					})]
+				}),
+				/* @__PURE__ */ v("section", {
+					className: "rounded-lg border border-border bg-card p-6 shadow-sm",
+					children: [/* @__PURE__ */ v("h2", {
+						className: "text-lg font-semibold text-foreground flex items-center gap-2 mb-6",
+						children: [/* @__PURE__ */ _(h, { className: "h-5 w-5 text-muted-foreground" }), "Service Types"]
+					}), /* @__PURE__ */ v("div", {
+						className: "space-y-6",
+						children: [
+							/* @__PURE__ */ v("div", {
+								className: "border border-border 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", {
+											className: "font-medium text-foreground",
+											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") })
+									})]
+								}), j.pickup.enabled && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+									className: "block text-sm font-medium text-foreground 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 bg-card px-3 py-2 text-sm text-foreground"
+								})] })]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "border border-border 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", {
+											className: "font-medium text-foreground",
+											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") })
+									})]
+								}), j.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", {
+											className: "block text-sm font-medium text-foreground mb-1",
+											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 bg-card px-3 py-2 text-sm text-foreground"
+										})] }),
+										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+											className: "block text-sm font-medium text-foreground 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 bg-card px-3 py-2 text-sm text-foreground"
+										})] }),
+										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+											className: "block text-sm font-medium text-foreground 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 bg-card px-3 py-2 text-sm text-foreground"
+										})] })
+									]
+								})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "border border-border 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", {
+											className: "font-medium text-foreground",
+											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") })
+									})]
+								}), j.scheduledStop.enabled && /* @__PURE__ */ v("div", {
+									className: "space-y-4",
+									children: [
+										/* @__PURE__ */ v("div", {
+											className: "flex items-center justify-between",
+											children: [/* @__PURE__ */ _("span", {
+												className: "text-sm text-muted-foreground",
+												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 px-3 py-1.5 text-sm text-foreground hover:bg-muted transition-colors",
+												children: [/* @__PURE__ */ _(u, { className: "h-4 w-4" }), "Add Stop"]
+											})]
+										}),
+										j.scheduledStop.stops.map((e) => /* @__PURE__ */ v("div", {
+											className: "border border-border rounded-lg p-4 bg-muted/50",
+											children: [
+												/* @__PURE__ */ v("div", {
+													className: "flex items-center justify-between mb-3",
+													children: [/* @__PURE__ */ _("h4", {
+														className: "font-medium text-foreground text-sm",
+														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",
+														children: [/* @__PURE__ */ _(m, { className: "h-3.5 w-3.5" }), "Remove"]
+													})]
+												}),
+												/* @__PURE__ */ v("div", {
+													className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-4",
+													children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+														className: "block text-xs font-medium text-foreground mb-1",
+														children: "Stop Name"
+													}), /* @__PURE__ */ _("input", {
+														type: "text",
+														value: e.name,
+														onChange: (t) => W(e.id, "name", t.target.value),
+														placeholder: "e.g., Tech Park Morning",
+														className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground"
+													})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+														className: "block text-xs font-medium text-foreground mb-1",
+														children: "Address"
+													}), /* @__PURE__ */ _("input", {
+														type: "text",
+														value: e.address,
+														onChange: (t) => W(e.id, "address", t.target.value),
+														placeholder: "Full address",
+														className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground"
+													})] })]
+												}),
+												/* @__PURE__ */ v("div", {
+													className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-4",
+													children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+														className: "block text-xs font-medium text-foreground mb-1",
+														children: "Arrival Time"
+													}), /* @__PURE__ */ _("input", {
+														type: "time",
+														value: e.arrivalTime,
+														onChange: (t) => W(e.id, "arrivalTime", t.target.value),
+														className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+													})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+														className: "block text-xs font-medium text-foreground 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 bg-card px-3 py-2 text-sm text-foreground"
+													})] })]
+												}),
+												/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+													className: "block text-xs font-medium text-foreground mb-2",
+													children: "Days of Week"
+												}), /* @__PURE__ */ _("div", {
+													className: "flex flex-wrap gap-1.5",
+													children: b.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-muted text-muted-foreground hover:bg-muted-foreground/20"),
+														children: x[n]
+													}, n))
+												})] })
+											]
+										}, e.id)),
+										j.scheduledStop.stops.length === 0 && /* @__PURE__ */ _("div", {
+											className: "text-center py-6 text-sm text-muted-foreground",
+											children: "No scheduled stops configured. Click \"Add Stop\" to create one."
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "border border-border 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", {
+											className: "font-medium text-foreground",
+											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") })
+									})]
+								}), j.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", {
+											className: "block text-sm font-medium text-foreground mb-1",
+											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 bg-card px-3 py-2 text-sm text-foreground"
+										})] }),
+										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+											className: "block text-sm font-medium text-foreground 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 bg-card px-3 py-2 text-sm text-foreground"
+										})] }),
+										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+											className: "block text-sm font-medium text-foreground 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 bg-card px-3 py-2 text-sm text-foreground"
+										})] }),
+										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+											className: "block text-sm font-medium text-foreground 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 bg-card px-3 py-2 text-sm text-foreground"
+										})] }),
+										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+											className: "block text-sm font-medium text-foreground 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 bg-card px-3 py-2 text-sm text-foreground"
+										})] })
+									]
+								})]
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "flex items-center justify-between pt-2",
+					children: [/* @__PURE__ */ _("button", {
+						type: "button",
+						onClick: () => w("/cart-owner/dashboard"),
+						className: "rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted 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-muted text-muted-foreground cursor-not-allowed" : "bg-accent text-foreground 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"] })
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { w as CartServiceConfigPage };
+
+//# sourceMappingURL=CartServiceConfigPage.js.map