@burdenoff/microfe-adaptercloud 2026.614.1

package/dist/adaptercloud/pages/cart-owner/CartOwnerProfilePage.js

@@ -0,0 +1,886 @@
+import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { mockCartOwner as r } from "../../mocks/users.js";
+import { useState as i } from "react";
+import { AlertCircle as a, BadgeCheck as o, Bell as s, Building2 as c, Camera as l, CheckCircle2 as u, Clock as d, CreditCard as f, Edit2 as p, Key as m, Lock as h, Save as g, Shield as _, Star as v, User as y } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/adaptercloud/pages/cart-owner/CartOwnerProfilePage.tsx
+var C = [
+	{
+		id: "personal",
+		label: "Personal Info",
+		icon: y
+	},
+	{
+		id: "business",
+		label: "Business Details",
+		icon: c
+	},
+	{
+		id: "operations",
+		label: "Operations",
+		icon: d
+	},
+	{
+		id: "banking",
+		label: "Banking",
+		icon: f
+	},
+	{
+		id: "security",
+		label: "Security",
+		icon: h
+	},
+	{
+		id: "notifications",
+		label: "Notifications",
+		icon: s
+	}
+], w = [
+	"Monday",
+	"Tuesday",
+	"Wednesday",
+	"Thursday",
+	"Friday",
+	"Saturday",
+	"Sunday"
+], T = () => {
+	let { navigateTo: s } = e(), [c, d] = i("personal"), [f, h] = i(!1), [y, T] = i(!1), [E, D] = i({
+		firstName: r.firstName,
+		lastName: r.lastName,
+		email: r.email,
+		phone: r.phone,
+		dateOfBirth: "1990-05-15",
+		gender: "Male",
+		address: "Koramangala 5th Block, Bangalore - 560034",
+		bio: "Passionate about South Indian cuisine. Running Dosa Express since 2020."
+	}), [O, k] = i({
+		businessName: "Dosa Express",
+		category: "Food & Beverage",
+		description: "Authentic South Indian street food with a modern twist.",
+		gstNumber: "29ABCDE1234F1Z5",
+		panNumber: "ABCDE1234F",
+		fssaiLicense: "12345678",
+		businessAddress: "Koramangala 5th Block, Bangalore - 560034",
+		businessPhone: "+91-9876543210",
+		businessEmail: "ravi@dosaexpress.in"
+	}), [A, j] = i({
+		workingDays: [
+			"Monday",
+			"Tuesday",
+			"Wednesday",
+			"Thursday",
+			"Friday",
+			"Saturday"
+		],
+		openTime: "09:00",
+		closeTime: "21:00",
+		preparationTime: 15,
+		deliveryRadius: 5,
+		maxOrdersPerDay: 100
+	}), [M, N] = i({
+		bankName: "State Bank of India",
+		accountHolder: "Ravi Kumar",
+		accountNumber: "1234567890123456",
+		ifscCode: "SBIN0001234",
+		upiId: "ravikumar@sbi",
+		payoutSchedule: "weekly"
+	}), [P, F] = i({
+		twoFactorEnabled: !0,
+		lastPasswordChange: "2024-01-01"
+	}), [I, L] = i({
+		orderAlerts: !0,
+		paymentAlerts: !0,
+		reviewAlerts: !0,
+		promotionalEmails: !1,
+		smsAlerts: !0,
+		weeklyReport: !0
+	}), R = {
+		rating: 4.5,
+		totalOrders: 1247,
+		memberSince: "2023-03-01",
+		verificationPercentage: 86
+	}, z = () => {
+		T(!0), h(!1), setTimeout(() => T(!1), 3e3);
+	}, B = (e) => {
+		j((t) => ({
+			...t,
+			workingDays: t.workingDays.includes(e) ? t.workingDays.filter((t) => t !== e) : [...t.workingDays, e]
+		}));
+	};
+	return /* @__PURE__ */ x(n, {
+		title: "Profile",
+		description: "Your business profile and settings",
+		actions: /* @__PURE__ */ x("div", {
+			className: "flex items-center gap-2",
+			children: f ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("button", {
+				type: "button",
+				onClick: () => h(!1),
+				className: "rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted transition-colors",
+				children: "Cancel"
+			}), /* @__PURE__ */ S("button", {
+				type: "button",
+				onClick: z,
+				className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors",
+				children: [/* @__PURE__ */ x(g, { className: "h-4 w-4" }), "Save"]
+			})] }) : /* @__PURE__ */ S("button", {
+				type: "button",
+				onClick: () => h(!0),
+				className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors",
+				children: [/* @__PURE__ */ x(p, { className: "h-4 w-4" }), "Edit Profile"]
+			})
+		}),
+		children: /* @__PURE__ */ S("div", {
+			className: "space-y-4",
+			children: [
+				y && /* @__PURE__ */ S("div", {
+					className: "flex items-center gap-2 rounded-lg border border-green-500/30 bg-green-500/10 p-3",
+					children: [/* @__PURE__ */ x(u, { className: "h-4 w-4 text-green-600 dark:text-green-400" }), /* @__PURE__ */ x("span", {
+						className: "text-sm font-medium text-green-600 dark:text-green-400",
+						children: "Profile saved successfully!"
+					})]
+				}),
+				/* @__PURE__ */ S("div", {
+					className: "grid grid-cols-2 sm:grid-cols-4 gap-3",
+					children: [
+						/* @__PURE__ */ S("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm text-center",
+							children: [/* @__PURE__ */ S("p", {
+								className: "text-2xl font-bold text-foreground flex items-center justify-center gap-1",
+								children: [/* @__PURE__ */ x(v, { className: "h-5 w-5 fill-yellow-400 text-yellow-400" }), R.rating]
+							}), /* @__PURE__ */ x("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Rating"
+							})]
+						}),
+						/* @__PURE__ */ S("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm text-center",
+							children: [/* @__PURE__ */ x("p", {
+								className: "text-2xl font-bold text-foreground",
+								children: R.totalOrders.toLocaleString()
+							}), /* @__PURE__ */ x("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Total Orders"
+							})]
+						}),
+						/* @__PURE__ */ S("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm text-center",
+							children: [/* @__PURE__ */ S("p", {
+								className: "text-2xl font-bold text-foreground",
+								children: [R.verificationPercentage, "%"]
+							}), /* @__PURE__ */ x("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Verified"
+							})]
+						}),
+						/* @__PURE__ */ S("div", {
+							className: "rounded-lg border border-border bg-card p-4 shadow-sm text-center",
+							children: [/* @__PURE__ */ x("p", {
+								className: "text-sm font-bold text-foreground",
+								children: new Date(R.memberSince).toLocaleDateString("en-IN", {
+									month: "short",
+									year: "numeric"
+								})
+							}), /* @__PURE__ */ x("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Member Since"
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ S("div", {
+					className: "flex flex-col lg:flex-row gap-6",
+					children: [/* @__PURE__ */ S("div", {
+						className: "lg:w-56 shrink-0",
+						children: [/* @__PURE__ */ x("div", {
+							className: "lg:hidden rounded-lg border border-border bg-card p-3 shadow-sm",
+							children: /* @__PURE__ */ x("div", {
+								className: "grid grid-cols-3 gap-2",
+								children: C.map((e) => {
+									let n = e.icon;
+									return /* @__PURE__ */ S("button", {
+										type: "button",
+										onClick: () => d(e.id),
+										className: t("flex flex-col items-center gap-1 rounded-md px-2 py-2 text-xs font-medium transition-colors", c === e.id ? "bg-accent text-foreground" : "text-muted-foreground hover:bg-muted"),
+										children: [/* @__PURE__ */ x(n, { className: "h-4 w-4" }), e.label.split(" ")[0]]
+									}, e.id);
+								})
+							})
+						}), /* @__PURE__ */ S("div", {
+							className: "hidden lg:block rounded-lg border border-border bg-card shadow-sm sticky top-24",
+							children: [/* @__PURE__ */ x("div", {
+								className: "p-4 border-b border-border",
+								children: /* @__PURE__ */ x("h2", {
+									className: "font-semibold text-foreground text-sm",
+									children: "Profile Settings"
+								})
+							}), /* @__PURE__ */ x("nav", {
+								className: "p-2",
+								children: C.map((e) => {
+									let n = e.icon;
+									return /* @__PURE__ */ S("button", {
+										type: "button",
+										onClick: () => d(e.id),
+										className: t("w-full text-left px-3 py-2 rounded-md mb-1 flex items-center gap-3 text-sm transition-colors", c === e.id ? "bg-accent text-foreground font-medium" : "text-muted-foreground hover:bg-muted hover:text-foreground"),
+										children: [/* @__PURE__ */ x(n, { className: "h-4 w-4" }), e.label]
+									}, e.id);
+								})
+							})]
+						})]
+					}), /* @__PURE__ */ x("div", {
+						className: "flex-1 min-w-0",
+						children: /* @__PURE__ */ S("div", {
+							className: "rounded-lg border border-border bg-card p-5 sm:p-6 shadow-sm",
+							children: [
+								c === "personal" && /* @__PURE__ */ S("div", {
+									className: "space-y-5",
+									children: [
+										/* @__PURE__ */ S("div", {
+											className: "flex items-center gap-5",
+											children: [/* @__PURE__ */ S("div", {
+												className: "relative",
+												children: [/* @__PURE__ */ S("div", {
+													className: "flex h-20 w-20 items-center justify-center rounded-full bg-muted text-2xl font-bold text-foreground",
+													children: [E.firstName[0], E.lastName[0]]
+												}), f && /* @__PURE__ */ x("button", {
+													type: "button",
+													onClick: () => alert("Image upload coming soon!"),
+													className: "absolute -bottom-1 -right-1 flex h-7 w-7 items-center justify-center rounded-full bg-accent text-foreground border-2 border-card hover:bg-accent/80",
+													children: /* @__PURE__ */ x(l, { className: "h-3.5 w-3.5" })
+												})]
+											}), /* @__PURE__ */ S("div", { children: [
+												/* @__PURE__ */ S("p", {
+													className: "text-lg font-semibold text-foreground",
+													children: [
+														E.firstName,
+														" ",
+														E.lastName
+													]
+												}),
+												/* @__PURE__ */ x("p", {
+													className: "text-sm text-muted-foreground",
+													children: "Cart Owner"
+												}),
+												/* @__PURE__ */ S("div", {
+													className: "flex items-center gap-2 mt-1",
+													children: [/* @__PURE__ */ S("span", {
+														className: "inline-flex items-center gap-1 rounded-full bg-blue-500/10 px-2.5 py-0.5 text-xs font-medium text-blue-600 dark:text-blue-400",
+														children: [/* @__PURE__ */ x(o, { className: "h-3 w-3" }), "Verified"]
+													}), /* @__PURE__ */ S("span", {
+														className: "flex items-center gap-0.5 text-xs text-yellow-600 dark:text-yellow-400",
+														children: [/* @__PURE__ */ x(v, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), R.rating]
+													})]
+												})
+											] })]
+										}),
+										/* @__PURE__ */ S("div", {
+											className: "grid grid-cols-1 sm:grid-cols-2 gap-5",
+											children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+												className: "block text-sm font-medium text-foreground mb-1",
+												children: "First Name"
+											}), /* @__PURE__ */ x("input", {
+												type: "text",
+												value: E.firstName,
+												onChange: (e) => D((t) => ({
+													...t,
+													firstName: e.target.value
+												})),
+												disabled: !f,
+												className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+											})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+												className: "block text-sm font-medium text-foreground mb-1",
+												children: "Last Name"
+											}), /* @__PURE__ */ x("input", {
+												type: "text",
+												value: E.lastName,
+												onChange: (e) => D((t) => ({
+													...t,
+													lastName: e.target.value
+												})),
+												disabled: !f,
+												className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+											})] })]
+										}),
+										/* @__PURE__ */ S("div", {
+											className: "grid grid-cols-1 sm:grid-cols-2 gap-5",
+											children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+												className: "block text-sm font-medium text-foreground mb-1",
+												children: "Email"
+											}), /* @__PURE__ */ x("input", {
+												type: "email",
+												value: E.email,
+												onChange: (e) => D((t) => ({
+													...t,
+													email: e.target.value
+												})),
+												disabled: !f,
+												className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+											})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+												className: "block text-sm font-medium text-foreground mb-1",
+												children: "Phone"
+											}), /* @__PURE__ */ x("input", {
+												type: "tel",
+												value: E.phone,
+												onChange: (e) => D((t) => ({
+													...t,
+													phone: e.target.value
+												})),
+												disabled: !f,
+												className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+											})] })]
+										}),
+										/* @__PURE__ */ S("div", {
+											className: "grid grid-cols-1 sm:grid-cols-2 gap-5",
+											children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+												className: "block text-sm font-medium text-foreground mb-1",
+												children: "Date of Birth"
+											}), /* @__PURE__ */ x("input", {
+												type: "date",
+												value: E.dateOfBirth,
+												onChange: (e) => D((t) => ({
+													...t,
+													dateOfBirth: e.target.value
+												})),
+												disabled: !f,
+												className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+											})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+												className: "block text-sm font-medium text-foreground mb-1",
+												children: "Gender"
+											}), /* @__PURE__ */ S("select", {
+												value: E.gender,
+												onChange: (e) => D((t) => ({
+													...t,
+													gender: e.target.value
+												})),
+												disabled: !f,
+												className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed"),
+												children: [
+													/* @__PURE__ */ x("option", {
+														value: "Male",
+														children: "Male"
+													}),
+													/* @__PURE__ */ x("option", {
+														value: "Female",
+														children: "Female"
+													}),
+													/* @__PURE__ */ x("option", {
+														value: "Other",
+														children: "Other"
+													})
+												]
+											})] })]
+										}),
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+											className: "block text-sm font-medium text-foreground mb-1",
+											children: "Address"
+										}), /* @__PURE__ */ x("input", {
+											type: "text",
+											value: E.address,
+											onChange: (e) => D((t) => ({
+												...t,
+												address: e.target.value
+											})),
+											disabled: !f,
+											className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+										})] }),
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+											className: "block text-sm font-medium text-foreground mb-1",
+											children: "Bio"
+										}), /* @__PURE__ */ x("textarea", {
+											value: E.bio,
+											onChange: (e) => D((t) => ({
+												...t,
+												bio: e.target.value
+											})),
+											disabled: !f,
+											rows: 3,
+											className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground resize-none", !f && "bg-muted/50 cursor-not-allowed")
+										})] })
+									]
+								}),
+								c === "business" && /* @__PURE__ */ S("div", {
+									className: "space-y-5",
+									children: [
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+											className: "block text-sm font-medium text-foreground mb-1",
+											children: "Business Name"
+										}), /* @__PURE__ */ x("input", {
+											type: "text",
+											value: O.businessName,
+											onChange: (e) => k((t) => ({
+												...t,
+												businessName: e.target.value
+											})),
+											disabled: !f,
+											className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+										})] }),
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+											className: "block text-sm font-medium text-foreground mb-1",
+											children: "Category"
+										}), /* @__PURE__ */ x("select", {
+											value: O.category,
+											onChange: (e) => k((t) => ({
+												...t,
+												category: e.target.value
+											})),
+											disabled: !f,
+											className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed"),
+											children: [
+												"Food & Beverage",
+												"Personal Care & Beauty",
+												"Repair & Maintenance",
+												"Home Services",
+												"Retail & Merchandise"
+											].map((e) => /* @__PURE__ */ x("option", {
+												value: e,
+												children: e
+											}, e))
+										})] }),
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+											className: "block text-sm font-medium text-foreground mb-1",
+											children: "Description"
+										}), /* @__PURE__ */ x("textarea", {
+											value: O.description,
+											onChange: (e) => k((t) => ({
+												...t,
+												description: e.target.value
+											})),
+											disabled: !f,
+											rows: 3,
+											className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground resize-none", !f && "bg-muted/50 cursor-not-allowed")
+										})] }),
+										/* @__PURE__ */ S("div", {
+											className: "grid grid-cols-1 sm:grid-cols-3 gap-5",
+											children: [
+												/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+													className: "block text-sm font-medium text-foreground mb-1",
+													children: "GST Number"
+												}), /* @__PURE__ */ x("input", {
+													type: "text",
+													value: O.gstNumber,
+													onChange: (e) => k((t) => ({
+														...t,
+														gstNumber: e.target.value
+													})),
+													disabled: !f,
+													className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+												})] }),
+												/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+													className: "block text-sm font-medium text-foreground mb-1",
+													children: "PAN Number"
+												}), /* @__PURE__ */ x("input", {
+													type: "text",
+													value: O.panNumber,
+													onChange: (e) => k((t) => ({
+														...t,
+														panNumber: e.target.value
+													})),
+													disabled: !f,
+													className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+												})] }),
+												/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+													className: "block text-sm font-medium text-foreground mb-1",
+													children: "FSSAI License"
+												}), /* @__PURE__ */ x("input", {
+													type: "text",
+													value: O.fssaiLicense,
+													onChange: (e) => k((t) => ({
+														...t,
+														fssaiLicense: e.target.value
+													})),
+													disabled: !f,
+													className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+												})] })
+											]
+										}),
+										/* @__PURE__ */ S("div", {
+											className: "grid grid-cols-1 sm:grid-cols-2 gap-5",
+											children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+												className: "block text-sm font-medium text-foreground mb-1",
+												children: "Business Phone"
+											}), /* @__PURE__ */ x("input", {
+												type: "tel",
+												value: O.businessPhone,
+												onChange: (e) => k((t) => ({
+													...t,
+													businessPhone: e.target.value
+												})),
+												disabled: !f,
+												className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+											})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+												className: "block text-sm font-medium text-foreground mb-1",
+												children: "Business Email"
+											}), /* @__PURE__ */ x("input", {
+												type: "email",
+												value: O.businessEmail,
+												onChange: (e) => k((t) => ({
+													...t,
+													businessEmail: e.target.value
+												})),
+												disabled: !f,
+												className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+											})] })]
+										})
+									]
+								}),
+								c === "operations" && /* @__PURE__ */ S("div", {
+									className: "space-y-5",
+									children: [
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+											className: "block text-sm font-medium text-foreground mb-2",
+											children: "Working Days"
+										}), /* @__PURE__ */ x("div", {
+											className: "flex flex-wrap gap-2",
+											children: w.map((e) => /* @__PURE__ */ x("button", {
+												type: "button",
+												onClick: () => f && B(e),
+												disabled: !f,
+												className: t("px-3 py-1.5 rounded-full text-xs font-medium transition-colors", A.workingDays.includes(e) ? "bg-blue-500 text-white" : "bg-muted text-muted-foreground", !f && "cursor-not-allowed opacity-70"),
+												children: e.slice(0, 3)
+											}, e))
+										})] }),
+										/* @__PURE__ */ S("div", {
+											className: "grid grid-cols-1 sm:grid-cols-2 gap-5",
+											children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+												className: "block text-sm font-medium text-foreground mb-1",
+												children: "Opening Time"
+											}), /* @__PURE__ */ x("input", {
+												type: "time",
+												value: A.openTime,
+												onChange: (e) => j((t) => ({
+													...t,
+													openTime: e.target.value
+												})),
+												disabled: !f,
+												className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+											})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+												className: "block text-sm font-medium text-foreground mb-1",
+												children: "Closing Time"
+											}), /* @__PURE__ */ x("input", {
+												type: "time",
+												value: A.closeTime,
+												onChange: (e) => j((t) => ({
+													...t,
+													closeTime: e.target.value
+												})),
+												disabled: !f,
+												className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+											})] })]
+										}),
+										/* @__PURE__ */ S("div", {
+											className: "grid grid-cols-1 sm:grid-cols-3 gap-5",
+											children: [
+												/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+													className: "block text-sm font-medium text-foreground mb-1",
+													children: "Prep Time (min)"
+												}), /* @__PURE__ */ x("input", {
+													type: "number",
+													value: A.preparationTime,
+													onChange: (e) => j((t) => ({
+														...t,
+														preparationTime: parseInt(e.target.value) || 0
+													})),
+													disabled: !f,
+													className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+												})] }),
+												/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+													className: "block text-sm font-medium text-foreground mb-1",
+													children: "Delivery Radius (km)"
+												}), /* @__PURE__ */ x("input", {
+													type: "number",
+													value: A.deliveryRadius,
+													onChange: (e) => j((t) => ({
+														...t,
+														deliveryRadius: parseInt(e.target.value) || 0
+													})),
+													disabled: !f,
+													className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+												})] }),
+												/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+													className: "block text-sm font-medium text-foreground mb-1",
+													children: "Max Orders/Day"
+												}), /* @__PURE__ */ x("input", {
+													type: "number",
+													value: A.maxOrdersPerDay,
+													onChange: (e) => j((t) => ({
+														...t,
+														maxOrdersPerDay: parseInt(e.target.value) || 0
+													})),
+													disabled: !f,
+													className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+												})] })
+											]
+										})
+									]
+								}),
+								c === "banking" && /* @__PURE__ */ S("div", {
+									className: "space-y-5",
+									children: [
+										/* @__PURE__ */ S("div", {
+											className: "flex items-start gap-3 rounded-md bg-blue-500/5 border border-blue-500/20 p-3",
+											children: [/* @__PURE__ */ x(a, { className: "h-4 w-4 text-blue-600 dark:text-blue-400 shrink-0 mt-0.5" }), /* @__PURE__ */ x("p", {
+												className: "text-xs text-blue-600 dark:text-blue-400",
+												children: "Bank details are used for payouts. Changes require verification and may take 2-3 business days to process."
+											})]
+										}),
+										/* @__PURE__ */ S("div", {
+											className: "grid grid-cols-1 sm:grid-cols-2 gap-5",
+											children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+												className: "block text-sm font-medium text-foreground mb-1",
+												children: "Bank Name"
+											}), /* @__PURE__ */ x("input", {
+												type: "text",
+												value: M.bankName,
+												onChange: (e) => N((t) => ({
+													...t,
+													bankName: e.target.value
+												})),
+												disabled: !f,
+												className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+											})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+												className: "block text-sm font-medium text-foreground mb-1",
+												children: "Account Holder"
+											}), /* @__PURE__ */ x("input", {
+												type: "text",
+												value: M.accountHolder,
+												onChange: (e) => N((t) => ({
+													...t,
+													accountHolder: e.target.value
+												})),
+												disabled: !f,
+												className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+											})] })]
+										}),
+										/* @__PURE__ */ S("div", {
+											className: "grid grid-cols-1 sm:grid-cols-2 gap-5",
+											children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+												className: "block text-sm font-medium text-foreground mb-1",
+												children: "Account Number"
+											}), /* @__PURE__ */ x("input", {
+												type: "text",
+												value: f ? M.accountNumber : `****${M.accountNumber.slice(-4)}`,
+												onChange: (e) => N((t) => ({
+													...t,
+													accountNumber: e.target.value
+												})),
+												disabled: !f,
+												className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+											})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+												className: "block text-sm font-medium text-foreground mb-1",
+												children: "IFSC Code"
+											}), /* @__PURE__ */ x("input", {
+												type: "text",
+												value: M.ifscCode,
+												onChange: (e) => N((t) => ({
+													...t,
+													ifscCode: e.target.value
+												})),
+												disabled: !f,
+												className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+											})] })]
+										}),
+										/* @__PURE__ */ S("div", {
+											className: "grid grid-cols-1 sm:grid-cols-2 gap-5",
+											children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+												className: "block text-sm font-medium text-foreground mb-1",
+												children: "UPI ID"
+											}), /* @__PURE__ */ x("input", {
+												type: "text",
+												value: M.upiId,
+												onChange: (e) => N((t) => ({
+													...t,
+													upiId: e.target.value
+												})),
+												disabled: !f,
+												className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed")
+											})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+												className: "block text-sm font-medium text-foreground mb-1",
+												children: "Payout Schedule"
+											}), /* @__PURE__ */ S("select", {
+												value: M.payoutSchedule,
+												onChange: (e) => N((t) => ({
+													...t,
+													payoutSchedule: e.target.value
+												})),
+												disabled: !f,
+												className: t("w-full rounded-md border border-border px-3 py-2 text-sm text-foreground", !f && "bg-muted/50 cursor-not-allowed"),
+												children: [
+													/* @__PURE__ */ x("option", {
+														value: "daily",
+														children: "Daily"
+													}),
+													/* @__PURE__ */ x("option", {
+														value: "weekly",
+														children: "Weekly"
+													}),
+													/* @__PURE__ */ x("option", {
+														value: "biweekly",
+														children: "Bi-Weekly"
+													}),
+													/* @__PURE__ */ x("option", {
+														value: "monthly",
+														children: "Monthly"
+													})
+												]
+											})] })]
+										})
+									]
+								}),
+								c === "security" && /* @__PURE__ */ S("div", {
+									className: "space-y-6",
+									children: [
+										/* @__PURE__ */ S("div", {
+											className: "rounded-lg border border-border p-5",
+											children: [
+												/* @__PURE__ */ S("h3", {
+													className: "text-sm font-semibold text-foreground flex items-center gap-2 mb-3",
+													children: [/* @__PURE__ */ x(m, { className: "h-4 w-4 text-muted-foreground" }), "Password"]
+												}),
+												/* @__PURE__ */ S("p", {
+													className: "text-xs text-muted-foreground mb-3",
+													children: [
+														"Last changed:",
+														" ",
+														new Date(P.lastPasswordChange).toLocaleDateString("en-IN", {
+															day: "numeric",
+															month: "short",
+															year: "numeric"
+														})
+													]
+												}),
+												/* @__PURE__ */ x("button", {
+													type: "button",
+													onClick: () => alert("Password change coming soon!"),
+													className: "rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted transition-colors",
+													children: "Change Password"
+												})
+											]
+										}),
+										/* @__PURE__ */ S("div", {
+											className: "rounded-lg border border-border p-5",
+											children: [/* @__PURE__ */ S("div", {
+												className: "flex items-center justify-between",
+												children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("h3", {
+													className: "text-sm font-semibold text-foreground flex items-center gap-2",
+													children: [/* @__PURE__ */ x(_, { className: "h-4 w-4 text-muted-foreground" }), "Two-Factor Authentication"]
+												}), /* @__PURE__ */ x("p", {
+													className: "text-xs text-muted-foreground mt-1",
+													children: "Add an extra layer of security to your account"
+												})] }), /* @__PURE__ */ x("button", {
+													type: "button",
+													onClick: () => F((e) => ({
+														...e,
+														twoFactorEnabled: !e.twoFactorEnabled
+													})),
+													className: t("h-6 w-11 rounded-full transition-colors relative", P.twoFactorEnabled ? "bg-green-500" : "bg-muted-foreground/30"),
+													children: /* @__PURE__ */ x("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", P.twoFactorEnabled ? "translate-x-5" : "translate-x-0.5") })
+												})]
+											}), P.twoFactorEnabled && /* @__PURE__ */ S("div", {
+												className: "mt-3 flex items-center gap-2",
+												children: [/* @__PURE__ */ x(u, { className: "h-4 w-4 text-green-600 dark:text-green-400" }), /* @__PURE__ */ x("span", {
+													className: "text-xs text-green-600 dark:text-green-400 font-medium",
+													children: "2FA is enabled"
+												})]
+											})]
+										}),
+										/* @__PURE__ */ S("div", {
+											className: "rounded-lg border border-border p-5",
+											children: [/* @__PURE__ */ x("h3", {
+												className: "text-sm font-semibold text-foreground mb-3",
+												children: "Active Sessions"
+											}), /* @__PURE__ */ S("div", {
+												className: "space-y-3",
+												children: [/* @__PURE__ */ S("div", {
+													className: "flex items-center justify-between text-sm",
+													children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+														className: "font-medium text-foreground",
+														children: "Current Device"
+													}), /* @__PURE__ */ x("p", {
+														className: "text-xs text-muted-foreground",
+														children: "Chrome on Linux | Bangalore, IN"
+													})] }), /* @__PURE__ */ x("span", {
+														className: "text-xs text-green-600 dark:text-green-400 font-medium",
+														children: "Active now"
+													})]
+												}), /* @__PURE__ */ S("div", {
+													className: "flex items-center justify-between text-sm",
+													children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+														className: "font-medium text-foreground",
+														children: "Mobile App"
+													}), /* @__PURE__ */ x("p", {
+														className: "text-xs text-muted-foreground",
+														children: "Android | Bangalore, IN"
+													})] }), /* @__PURE__ */ x("span", {
+														className: "text-xs text-muted-foreground",
+														children: "2 hours ago"
+													})]
+												})]
+											})]
+										})
+									]
+								}),
+								c === "notifications" && /* @__PURE__ */ x("div", {
+									className: "space-y-1 divide-y divide-border",
+									children: [
+										{
+											key: "orderAlerts",
+											label: "Order Alerts",
+											description: "New orders, updates, and cancellations"
+										},
+										{
+											key: "paymentAlerts",
+											label: "Payment Alerts",
+											description: "Payouts, refunds, and transaction updates"
+										},
+										{
+											key: "reviewAlerts",
+											label: "Review Notifications",
+											description: "New customer reviews and ratings"
+										},
+										{
+											key: "smsAlerts",
+											label: "SMS Alerts",
+											description: "Receive important alerts via SMS"
+										},
+										{
+											key: "weeklyReport",
+											label: "Weekly Report",
+											description: "Weekly business performance summary"
+										},
+										{
+											key: "promotionalEmails",
+											label: "Promotional Emails",
+											description: "Tips, news, and promotional content"
+										}
+									].map((e) => /* @__PURE__ */ S("div", {
+										className: "flex items-center justify-between py-3",
+										children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+											className: "text-sm font-medium text-foreground",
+											children: e.label
+										}), /* @__PURE__ */ x("p", {
+											className: "text-xs text-muted-foreground mt-0.5",
+											children: e.description
+										})] }), /* @__PURE__ */ x("button", {
+											type: "button",
+											onClick: () => L((t) => ({
+												...t,
+												[e.key]: !t[e.key]
+											})),
+											className: t("h-6 w-11 rounded-full transition-colors relative", I[e.key] ? "bg-blue-500" : "bg-muted-foreground/30"),
+											children: /* @__PURE__ */ x("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", I[e.key] ? "translate-x-5" : "translate-x-0.5") })
+										})]
+									}, e.key))
+								})
+							]
+						})
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { T as CartOwnerProfilePage };
+
+//# sourceMappingURL=CartOwnerProfilePage.js.map