@burdenoff/microfe-kadaikodi 2026.704.2 → 2026.704.4

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

@@ -1,9 +1,9 @@
 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 { useOrders as r, useProviders as i } from "../../hooks/useKadaikodiApi.js";
-import { useEffect as a, useMemo as o, useState as s } from "react";
-import { AlertCircle as c, BadgeCheck as l, Bell as u, Building2 as d, Camera as f, CheckCircle2 as p, Clock as m, CreditCard as h, Edit2 as g, Key as _, Lock as v, Save as y, Shield as b, Star as x, User as S } from "lucide-react";
+import { useOrders as r, useProviders as i, useUpdateProvider as a } from "../../hooks/useKadaikodiApi.js";
+import { useEffect as o, useMemo as s, useState as c } from "react";
+import { AlertCircle as l, BadgeCheck as u, Bell as d, Building2 as f, Camera as p, CheckCircle2 as ee, Clock as m, CreditCard as h, Edit2 as g, Key as _, Lock as v, Save as y, Shield as b, Star as x, User as S } from "lucide-react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 import { EmphasisPanel as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/cart-owner/CartOwnerProfilePage.tsx
@@ -16,7 +16,7 @@ var O = [
 	{
 		id: "business",
 		label: "Business Details",
-		icon: d
+		icon: f
 	},
 	{
 		id: "operations",
@@ -36,7 +36,7 @@ var O = [
 	{
 		id: "notifications",
 		label: "Notifications",
-		icon: u
+		icon: d
 	}
 ], k = [
 	"Monday",
@@ -63,16 +63,16 @@ var O = [
 	RETAIL_MERCHANDISE: "Retail & Merchandise",
 	GROCERY_ESSENTIALS: "Grocery & Essentials"
 }, M = () => {
-	let { navigateTo: u, currentUser: d } = e(), [m, h] = s("personal"), [v, S] = s(!1), [M, N] = s(!1), { data: P = [] } = i(), F = o(() => P.find((e) => e.ownerId === d?.id) ?? P[0], [P, d?.id]), { data: I = [] } = r({ providerId: F?.id }), [L, R] = s({
-		firstName: d?.firstName ?? d?.name?.split(" ")[0] ?? "",
-		lastName: d?.lastName ?? d?.name?.split(" ").slice(1).join(" ") ?? "",
-		email: d?.email ?? "",
-		phone: d?.phone ?? "",
+	let { navigateTo: d, currentUser: f } = e(), [m, h] = c("personal"), [S, M] = c(!1), [N, P] = c(!1), [F, I] = c(!1), L = a(), { data: R = [] } = i(), z = s(() => R.find((e) => e.ownerId === f?.id) ?? R[0], [R, f?.id]), { data: B = [] } = r({ providerId: z?.id }), [V, H] = c({
+		firstName: f?.firstName ?? f?.name?.split(" ")[0] ?? "",
+		lastName: f?.lastName ?? f?.name?.split(" ").slice(1).join(" ") ?? "",
+		email: f?.email ?? "",
+		phone: f?.phone ?? "",
 		dateOfBirth: "",
 		gender: "",
 		address: "",
 		bio: ""
-	}), [z, B] = s({
+	}), [U, W] = c({
 		businessName: "",
 		category: "Food & Beverage",
 		description: "",
@@ -82,7 +82,7 @@ var O = [
 		businessAddress: "",
 		businessPhone: "",
 		businessEmail: ""
-	}), [V, H] = s({
+	}), [G, K] = c({
 		workingDays: [
 			"Monday",
 			"Tuesday",
@@ -96,40 +96,62 @@ var O = [
 		preparationTime: 15,
 		deliveryRadius: 5,
 		maxOrdersPerDay: 100
-	}), [U, W] = s({
+	}), [q, J] = c({
 		bankName: "",
 		accountHolder: "",
 		accountNumber: "",
 		ifscCode: "",
 		upiId: "",
 		payoutSchedule: "weekly"
-	}), [G, K] = s({ twoFactorEnabled: !1 }), [q, J] = s({
+	}), [Y, X] = c({
 		orderAlerts: !0,
 		paymentAlerts: !0,
 		reviewAlerts: !0,
 		promotionalEmails: !1,
 		smsAlerts: !0,
 		weeklyReport: !0
-	}), [Y, X] = s(!1);
-	a(() => {
-		if (!F || Y) return;
-		let e = j[F.category] ?? F.category;
-		B((t) => ({
+	}), [Z, Q] = c(!1);
+	o(() => {
+		if (!z || Z) return;
+		let e = j[z.category] ?? z.category;
+		W((t) => ({
 			...t,
-			businessName: F.name,
+			businessName: z.name,
 			category: A.includes(e) ? e : t.category,
-			businessAddress: F.location?.address ?? ""
-		})), X(!0);
-	}, [F, Y]);
-	let Z = {
-		rating: F?.rating ?? 0,
-		totalOrders: I.length,
-		reviews: F?.totalRatings ?? 0,
-		memberSince: F?.createdAt ?? null
-	}, Q = !!F?.isVerified, $ = () => {
-		N(!0), S(!1), setTimeout(() => N(!1), 3e3);
-	}, ee = (e) => {
-		H((t) => ({
+			businessAddress: z.location?.address ?? ""
+		})), Q(!0);
+	}, [z, Z]);
+	let $ = {
+		rating: z?.rating ?? 0,
+		totalOrders: B.length,
+		reviews: z?.totalRatings ?? 0,
+		memberSince: z?.createdAt ?? null
+	}, te = !!z?.isVerified, ne = () => {
+		if (!z) {
+			M(!1);
+			return;
+		}
+		I(!1), L.mutate({
+			id: z.id,
+			input: {
+				name: U.businessName,
+				description: U.description || void 0,
+				location: {
+					address: U.businessAddress,
+					coordinates: z.location?.coordinates ?? {
+						lat: 0,
+						lng: 0
+					}
+				}
+			}
+		}, {
+			onSuccess: () => {
+				P(!0), M(!1), setTimeout(() => P(!1), 3e3);
+			},
+			onError: () => I(!0)
+		});
+	}, re = (e) => {
+		K((t) => ({
 			...t,
 			workingDays: t.workingDays.includes(e) ? t.workingDays.filter((t) => t !== e) : [...t.workingDays, e]
 		}));
@@ -139,19 +161,20 @@ var O = [
 		description: "Your business profile and settings",
 		actions: /* @__PURE__ */ w("div", {
 			className: "flex items-center gap-2",
-			children: v ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("button", {
+			children: S ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("button", {
 				type: "button",
-				onClick: () => S(!1),
+				onClick: () => M(!1),
 				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__ */ T("button", {
 				type: "button",
-				onClick: $,
-				className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
-				children: [/* @__PURE__ */ w(y, { className: "h-4 w-4" }), "Save"]
+				onClick: ne,
+				disabled: L.isPending,
+				className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors disabled:opacity-60 disabled:cursor-not-allowed",
+				children: [/* @__PURE__ */ w(y, { className: "h-4 w-4" }), L.isPending ? "Saving..." : "Save"]
 			})] }) : /* @__PURE__ */ T("button", {
 				type: "button",
-				onClick: () => S(!0),
+				onClick: () => M(!0),
 				className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
 				children: [/* @__PURE__ */ w(g, { className: "h-4 w-4" }), "Edit Profile"]
 			})
@@ -162,11 +185,18 @@ var O = [
 		}), /* @__PURE__ */ T("div", {
 			className: "space-y-4",
 			children: [
-				M && /* @__PURE__ */ T("div", {
+				N && /* @__PURE__ */ T("div", {
 					className: "flex items-center gap-2 rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-3",
-					children: [/* @__PURE__ */ w(p, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ w("span", {
+					children: [/* @__PURE__ */ w(ee, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ w("span", {
 						className: "text-sm font-medium text-status-success-text",
-						children: "Profile saved successfully!"
+						children: "Business details saved successfully!"
+					})]
+				}),
+				F && /* @__PURE__ */ T("div", {
+					className: "flex items-center gap-2 rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle p-3",
+					children: [/* @__PURE__ */ w(l, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ w("span", {
+						className: "text-sm font-medium text-status-error-text",
+						children: "We couldn't save your business details. Please try again."
 					})]
 				}),
 				/* @__PURE__ */ T(E, { children: [/* @__PURE__ */ w("h2", {
@@ -179,7 +209,7 @@ var O = [
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm text-center",
 							children: [/* @__PURE__ */ T("p", {
 								className: "text-2xl font-bold text-text-primary flex items-center justify-center gap-1",
-								children: [/* @__PURE__ */ w(x, { className: "h-5 w-5 fill-status-warning-text text-status-warning-text" }), Z.reviews > 0 ? Z.rating.toFixed(1) : "—"]
+								children: [/* @__PURE__ */ w(x, { className: "h-5 w-5 fill-status-warning-text text-status-warning-text" }), $.reviews > 0 ? $.rating.toFixed(1) : "—"]
 							}), /* @__PURE__ */ w("p", {
 								className: "text-xs text-text-secondary",
 								children: "Rating"
@@ -189,7 +219,7 @@ var O = [
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm text-center",
 							children: [/* @__PURE__ */ w("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: Z.totalOrders.toLocaleString()
+								children: $.totalOrders.toLocaleString()
 							}), /* @__PURE__ */ w("p", {
 								className: "text-xs text-text-secondary",
 								children: "Total Orders"
@@ -199,7 +229,7 @@ var O = [
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm text-center",
 							children: [/* @__PURE__ */ w("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: Z.reviews
+								children: $.reviews
 							}), /* @__PURE__ */ w("p", {
 								className: "text-xs text-text-secondary",
 								children: "Reviews"
@@ -209,7 +239,7 @@ var O = [
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm text-center",
 							children: [/* @__PURE__ */ w("p", {
 								className: "text-sm font-bold text-text-primary",
-								children: Z.memberSince ? new Date(Z.memberSince).toLocaleDateString("en-IN", {
+								children: $.memberSince ? new Date($.memberSince).toLocaleDateString("en-IN", {
 									month: "short",
 									year: "numeric"
 								}) : "—"
@@ -267,26 +297,39 @@ var O = [
 								m === "personal" && /* @__PURE__ */ T("div", {
 									className: "space-y-5",
 									children: [
+										/* @__PURE__ */ T("div", {
+											className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 rounded-md border border-border-subtle bg-bg-sunken/50 p-3",
+											children: [/* @__PURE__ */ w("p", {
+												className: "text-xs text-text-secondary",
+												children: "Your name, email, phone and photo are managed in your account. Update them in Account Security and they'll sync everywhere."
+											}), /* @__PURE__ */ T("button", {
+												type: "button",
+												onClick: () => d("/auth/security"),
+												className: "shrink-0 inline-flex items-center gap-2 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-surface transition-colors",
+												children: [/* @__PURE__ */ w(v, { className: "h-3.5 w-3.5" }), "Manage in Account Security"]
+											})]
+										}),
 										/* @__PURE__ */ T("div", {
 											className: "flex items-center gap-5",
 											children: [/* @__PURE__ */ T("div", {
 												className: "relative",
 												children: [/* @__PURE__ */ T("div", {
 													className: "flex h-20 w-20 items-center justify-center rounded-full bg-bg-sunken text-2xl font-bold text-text-primary",
-													children: [L.firstName[0], L.lastName[0]]
-												}), v && /* @__PURE__ */ w("button", {
+													children: [V.firstName[0], V.lastName[0]]
+												}), /* @__PURE__ */ w("button", {
 													type: "button",
-													onClick: () => alert("Image upload coming soon!"),
+													onClick: () => d("/auth/security"),
+													title: "Update your photo in Account Security",
 													className: "absolute -bottom-1 -right-1 flex h-7 w-7 items-center justify-center rounded-full bg-accent text-text-primary border-2 border-card hover:bg-accent/80",
-													children: /* @__PURE__ */ w(f, { className: "h-3.5 w-3.5" })
+													children: /* @__PURE__ */ w(p, { className: "h-3.5 w-3.5" })
 												})]
 											}), /* @__PURE__ */ T("div", { children: [
 												/* @__PURE__ */ T("p", {
 													className: "text-lg font-semibold text-text-primary",
 													children: [
-														L.firstName,
+														V.firstName,
 														" ",
-														L.lastName
+														V.lastName
 													]
 												}),
 												/* @__PURE__ */ w("p", {
@@ -295,12 +338,12 @@ var O = [
 												}),
 												/* @__PURE__ */ T("div", {
 													className: "flex items-center gap-2 mt-1",
-													children: [Q && /* @__PURE__ */ T("span", {
+													children: [te && /* @__PURE__ */ T("span", {
 														className: "inline-flex items-center gap-1 rounded-full bg-[var(--color-accent-soft)] px-2.5 py-0.5 text-xs font-medium text-text-primary",
-														children: [/* @__PURE__ */ w(l, { className: "h-3 w-3" }), "Verified"]
-													}), Z.reviews > 0 && /* @__PURE__ */ T("span", {
+														children: [/* @__PURE__ */ w(u, { className: "h-3 w-3" }), "Verified"]
+													}), $.reviews > 0 && /* @__PURE__ */ T("span", {
 														className: "flex items-center gap-0.5 text-xs text-status-warning-text",
-														children: [/* @__PURE__ */ w(x, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), Z.rating.toFixed(1)]
+														children: [/* @__PURE__ */ w(x, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), $.rating.toFixed(1)]
 													})]
 												})
 											] })]
@@ -312,25 +355,19 @@ var O = [
 												children: "First Name"
 											}), /* @__PURE__ */ w("input", {
 												type: "text",
-												value: L.firstName,
-												onChange: (e) => R((t) => ({
-													...t,
-													firstName: e.target.value
-												})),
-												disabled: !v,
-												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+												value: V.firstName,
+												readOnly: !0,
+												disabled: !0,
+												className: "w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary bg-bg-sunken/50 cursor-not-allowed"
 											})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Last Name"
 											}), /* @__PURE__ */ w("input", {
 												type: "text",
-												value: L.lastName,
-												onChange: (e) => R((t) => ({
-													...t,
-													lastName: e.target.value
-												})),
-												disabled: !v,
-												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+												value: V.lastName,
+												readOnly: !0,
+												disabled: !0,
+												className: "w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary bg-bg-sunken/50 cursor-not-allowed"
 											})] })]
 										}),
 										/* @__PURE__ */ T("div", {
@@ -340,25 +377,19 @@ var O = [
 												children: "Email"
 											}), /* @__PURE__ */ w("input", {
 												type: "email",
-												value: L.email,
-												onChange: (e) => R((t) => ({
-													...t,
-													email: e.target.value
-												})),
-												disabled: !v,
-												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+												value: V.email,
+												readOnly: !0,
+												disabled: !0,
+												className: "w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary bg-bg-sunken/50 cursor-not-allowed"
 											})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Phone"
 											}), /* @__PURE__ */ w("input", {
 												type: "tel",
-												value: L.phone,
-												onChange: (e) => R((t) => ({
-													...t,
-													phone: e.target.value
-												})),
-												disabled: !v,
-												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+												value: V.phone,
+												readOnly: !0,
+												disabled: !0,
+												className: "w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary bg-bg-sunken/50 cursor-not-allowed"
 											})] })]
 										}),
 										/* @__PURE__ */ T("div", {
@@ -368,24 +399,24 @@ var O = [
 												children: "Date of Birth"
 											}), /* @__PURE__ */ w("input", {
 												type: "date",
-												value: L.dateOfBirth,
-												onChange: (e) => R((t) => ({
+												value: V.dateOfBirth,
+												onChange: (e) => H((t) => ({
 													...t,
 													dateOfBirth: e.target.value
 												})),
-												disabled: !v,
-												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+												disabled: !S,
+												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 											})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Gender"
 											}), /* @__PURE__ */ T("select", {
-												value: L.gender,
-												onChange: (e) => R((t) => ({
+												value: V.gender,
+												onChange: (e) => H((t) => ({
 													...t,
 													gender: e.target.value
 												})),
-												disabled: !v,
-												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed"),
+												disabled: !S,
+												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed"),
 												children: [
 													/* @__PURE__ */ w("option", {
 														value: "",
@@ -411,26 +442,26 @@ var O = [
 											children: "Address"
 										}), /* @__PURE__ */ w("input", {
 											type: "text",
-											value: L.address,
-											onChange: (e) => R((t) => ({
+											value: V.address,
+											onChange: (e) => H((t) => ({
 												...t,
 												address: e.target.value
 											})),
-											disabled: !v,
-											className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+											disabled: !S,
+											className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 										})] }),
 										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Bio"
 										}), /* @__PURE__ */ w("textarea", {
-											value: L.bio,
-											onChange: (e) => R((t) => ({
+											value: V.bio,
+											onChange: (e) => H((t) => ({
 												...t,
 												bio: e.target.value
 											})),
-											disabled: !v,
+											disabled: !S,
 											rows: 3,
-											className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary resize-none", !v && "bg-bg-sunken/50 cursor-not-allowed")
+											className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary resize-none", !S && "bg-bg-sunken/50 cursor-not-allowed")
 										})] })
 									]
 								}),
@@ -442,42 +473,45 @@ var O = [
 											children: "Business Name"
 										}), /* @__PURE__ */ w("input", {
 											type: "text",
-											value: z.businessName,
-											onChange: (e) => B((t) => ({
+											value: U.businessName,
+											onChange: (e) => W((t) => ({
 												...t,
 												businessName: e.target.value
 											})),
-											disabled: !v,
-											className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
-										})] }),
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
-											className: "block text-sm font-medium text-text-primary mb-1",
-											children: "Category"
-										}), /* @__PURE__ */ w("select", {
-											value: z.category,
-											onChange: (e) => B((t) => ({
-												...t,
-												category: e.target.value
-											})),
-											disabled: !v,
-											className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed"),
-											children: A.map((e) => /* @__PURE__ */ w("option", {
-												value: e,
-												children: e
-											}, e))
+											disabled: !S,
+											className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 										})] }),
+										/* @__PURE__ */ T("div", { children: [
+											/* @__PURE__ */ w("label", {
+												className: "block text-sm font-medium text-text-primary mb-1",
+												children: "Category"
+											}),
+											/* @__PURE__ */ w("select", {
+												value: U.category,
+												disabled: !0,
+												className: "w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary bg-bg-sunken/50 cursor-not-allowed",
+												children: A.map((e) => /* @__PURE__ */ w("option", {
+													value: e,
+													children: e
+												}, e))
+											}),
+											/* @__PURE__ */ w("p", {
+												className: "mt-1 text-xs text-text-secondary",
+												children: "Set when your cart was created and can't be changed here."
+											})
+										] }),
 										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Description"
 										}), /* @__PURE__ */ w("textarea", {
-											value: z.description,
-											onChange: (e) => B((t) => ({
+											value: U.description,
+											onChange: (e) => W((t) => ({
 												...t,
 												description: e.target.value
 											})),
-											disabled: !v,
+											disabled: !S,
 											rows: 3,
-											className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary resize-none", !v && "bg-bg-sunken/50 cursor-not-allowed")
+											className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary resize-none", !S && "bg-bg-sunken/50 cursor-not-allowed")
 										})] }),
 										/* @__PURE__ */ T("div", {
 											className: "grid grid-cols-1 sm:grid-cols-3 gap-5",
@@ -487,39 +521,39 @@ var O = [
 													children: "GST Number"
 												}), /* @__PURE__ */ w("input", {
 													type: "text",
-													value: z.gstNumber,
-													onChange: (e) => B((t) => ({
+													value: U.gstNumber,
+													onChange: (e) => W((t) => ({
 														...t,
 														gstNumber: e.target.value
 													})),
-													disabled: !v,
-													className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+													disabled: !S,
+													className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 												})] }),
 												/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 													className: "block text-sm font-medium text-text-primary mb-1",
 													children: "PAN Number"
 												}), /* @__PURE__ */ w("input", {
 													type: "text",
-													value: z.panNumber,
-													onChange: (e) => B((t) => ({
+													value: U.panNumber,
+													onChange: (e) => W((t) => ({
 														...t,
 														panNumber: e.target.value
 													})),
-													disabled: !v,
-													className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+													disabled: !S,
+													className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 												})] }),
 												/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 													className: "block text-sm font-medium text-text-primary mb-1",
 													children: "FSSAI License"
 												}), /* @__PURE__ */ w("input", {
 													type: "text",
-													value: z.fssaiLicense,
-													onChange: (e) => B((t) => ({
+													value: U.fssaiLicense,
+													onChange: (e) => W((t) => ({
 														...t,
 														fssaiLicense: e.target.value
 													})),
-													disabled: !v,
-													className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+													disabled: !S,
+													className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 												})] })
 											]
 										}),
@@ -530,25 +564,25 @@ var O = [
 												children: "Business Phone"
 											}), /* @__PURE__ */ w("input", {
 												type: "tel",
-												value: z.businessPhone,
-												onChange: (e) => B((t) => ({
+												value: U.businessPhone,
+												onChange: (e) => W((t) => ({
 													...t,
 													businessPhone: e.target.value
 												})),
-												disabled: !v,
-												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+												disabled: !S,
+												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 											})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Business Email"
 											}), /* @__PURE__ */ w("input", {
 												type: "email",
-												value: z.businessEmail,
-												onChange: (e) => B((t) => ({
+												value: U.businessEmail,
+												onChange: (e) => W((t) => ({
 													...t,
 													businessEmail: e.target.value
 												})),
-												disabled: !v,
-												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+												disabled: !S,
+												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 											})] })]
 										})
 									]
@@ -563,9 +597,9 @@ var O = [
 											className: "flex flex-wrap gap-2",
 											children: k.map((e) => /* @__PURE__ */ w("button", {
 												type: "button",
-												onClick: () => v && ee(e),
-												disabled: !v,
-												className: t("px-3 py-1.5 rounded-full text-xs font-medium transition-colors", V.workingDays.includes(e) ? "bg-action-primary-bg text-white" : "bg-bg-sunken text-text-secondary", !v && "cursor-not-allowed opacity-70"),
+												onClick: () => S && re(e),
+												disabled: !S,
+												className: t("px-3 py-1.5 rounded-full text-xs font-medium transition-colors", G.workingDays.includes(e) ? "bg-action-primary-bg text-white" : "bg-bg-sunken text-text-secondary", !S && "cursor-not-allowed opacity-70"),
 												children: e.slice(0, 3)
 											}, e))
 										})] }),
@@ -576,25 +610,25 @@ var O = [
 												children: "Opening Time"
 											}), /* @__PURE__ */ w("input", {
 												type: "time",
-												value: V.openTime,
-												onChange: (e) => H((t) => ({
+												value: G.openTime,
+												onChange: (e) => K((t) => ({
 													...t,
 													openTime: e.target.value
 												})),
-												disabled: !v,
-												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+												disabled: !S,
+												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 											})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Closing Time"
 											}), /* @__PURE__ */ w("input", {
 												type: "time",
-												value: V.closeTime,
-												onChange: (e) => H((t) => ({
+												value: G.closeTime,
+												onChange: (e) => K((t) => ({
 													...t,
 													closeTime: e.target.value
 												})),
-												disabled: !v,
-												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+												disabled: !S,
+												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 											})] })]
 										}),
 										/* @__PURE__ */ T("div", {
@@ -605,39 +639,39 @@ var O = [
 													children: "Prep Time (min)"
 												}), /* @__PURE__ */ w("input", {
 													type: "number",
-													value: V.preparationTime,
-													onChange: (e) => H((t) => ({
+													value: G.preparationTime,
+													onChange: (e) => K((t) => ({
 														...t,
 														preparationTime: parseInt(e.target.value) || 0
 													})),
-													disabled: !v,
-													className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+													disabled: !S,
+													className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 												})] }),
 												/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 													className: "block text-sm font-medium text-text-primary mb-1",
 													children: "Delivery Radius (km)"
 												}), /* @__PURE__ */ w("input", {
 													type: "number",
-													value: V.deliveryRadius,
-													onChange: (e) => H((t) => ({
+													value: G.deliveryRadius,
+													onChange: (e) => K((t) => ({
 														...t,
 														deliveryRadius: parseInt(e.target.value) || 0
 													})),
-													disabled: !v,
-													className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+													disabled: !S,
+													className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 												})] }),
 												/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 													className: "block text-sm font-medium text-text-primary mb-1",
 													children: "Max Orders/Day"
 												}), /* @__PURE__ */ w("input", {
 													type: "number",
-													value: V.maxOrdersPerDay,
-													onChange: (e) => H((t) => ({
+													value: G.maxOrdersPerDay,
+													onChange: (e) => K((t) => ({
 														...t,
 														maxOrdersPerDay: parseInt(e.target.value) || 0
 													})),
-													disabled: !v,
-													className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+													disabled: !S,
+													className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 												})] })
 											]
 										})
@@ -648,7 +682,7 @@ var O = [
 									children: [
 										/* @__PURE__ */ T("div", {
 											className: "flex items-start gap-3 rounded-md bg-[var(--color-accent-soft)] border border-border-focus/20 p-3",
-											children: [/* @__PURE__ */ w(c, { className: "h-4 w-4 text-text-primary shrink-0 mt-0.5" }), /* @__PURE__ */ w("p", {
+											children: [/* @__PURE__ */ w(l, { className: "h-4 w-4 text-text-primary shrink-0 mt-0.5" }), /* @__PURE__ */ w("p", {
 												className: "text-xs text-text-primary",
 												children: "Bank details are used for payouts. Changes require verification and may take 2-3 business days to process."
 											})]
@@ -660,25 +694,25 @@ var O = [
 												children: "Bank Name"
 											}), /* @__PURE__ */ w("input", {
 												type: "text",
-												value: U.bankName,
-												onChange: (e) => W((t) => ({
+												value: q.bankName,
+												onChange: (e) => J((t) => ({
 													...t,
 													bankName: e.target.value
 												})),
-												disabled: !v,
-												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+												disabled: !S,
+												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 											})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Account Holder"
 											}), /* @__PURE__ */ w("input", {
 												type: "text",
-												value: U.accountHolder,
-												onChange: (e) => W((t) => ({
+												value: q.accountHolder,
+												onChange: (e) => J((t) => ({
 													...t,
 													accountHolder: e.target.value
 												})),
-												disabled: !v,
-												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+												disabled: !S,
+												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 											})] })]
 										}),
 										/* @__PURE__ */ T("div", {
@@ -688,25 +722,25 @@ var O = [
 												children: "Account Number"
 											}), /* @__PURE__ */ w("input", {
 												type: "text",
-												value: v ? U.accountNumber : `****${U.accountNumber.slice(-4)}`,
-												onChange: (e) => W((t) => ({
+												value: S ? q.accountNumber : `****${q.accountNumber.slice(-4)}`,
+												onChange: (e) => J((t) => ({
 													...t,
 													accountNumber: e.target.value
 												})),
-												disabled: !v,
-												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+												disabled: !S,
+												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 											})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "IFSC Code"
 											}), /* @__PURE__ */ w("input", {
 												type: "text",
-												value: U.ifscCode,
-												onChange: (e) => W((t) => ({
+												value: q.ifscCode,
+												onChange: (e) => J((t) => ({
 													...t,
 													ifscCode: e.target.value
 												})),
-												disabled: !v,
-												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+												disabled: !S,
+												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 											})] })]
 										}),
 										/* @__PURE__ */ T("div", {
@@ -716,24 +750,24 @@ var O = [
 												children: "UPI ID"
 											}), /* @__PURE__ */ w("input", {
 												type: "text",
-												value: U.upiId,
-												onChange: (e) => W((t) => ({
+												value: q.upiId,
+												onChange: (e) => J((t) => ({
 													...t,
 													upiId: e.target.value
 												})),
-												disabled: !v,
-												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed")
+												disabled: !S,
+												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed")
 											})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Payout Schedule"
 											}), /* @__PURE__ */ T("select", {
-												value: U.payoutSchedule,
-												onChange: (e) => W((t) => ({
+												value: q.payoutSchedule,
+												onChange: (e) => J((t) => ({
 													...t,
 													payoutSchedule: e.target.value
 												})),
-												disabled: !v,
-												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !v && "bg-bg-sunken/50 cursor-not-allowed"),
+												disabled: !S,
+												className: t("w-full rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary", !S && "bg-bg-sunken/50 cursor-not-allowed"),
 												children: [
 													/* @__PURE__ */ w("option", {
 														value: "daily",
@@ -759,6 +793,13 @@ var O = [
 								m === "security" && /* @__PURE__ */ T("div", {
 									className: "space-y-6",
 									children: [
+										/* @__PURE__ */ T("div", {
+											className: "flex items-start gap-3 rounded-md border border-border-subtle bg-bg-sunken/50 p-4",
+											children: [/* @__PURE__ */ w(b, { className: "h-5 w-5 text-text-secondary shrink-0 mt-0.5" }), /* @__PURE__ */ w("p", {
+												className: "text-sm text-text-secondary",
+												children: "Your password, two-factor authentication and signed-in devices are handled by your platform account, so they stay consistent across every product you use. Manage them in Account Security."
+											})]
+										}),
 										/* @__PURE__ */ T("div", {
 											className: "rounded-lg border border-border-subtle p-5",
 											children: [
@@ -768,52 +809,53 @@ var O = [
 												}),
 												/* @__PURE__ */ w("p", {
 													className: "text-xs text-text-secondary mb-3",
-													children: "Keep your account secure by using a strong, unique password."
+													children: "Keep your account secure with a strong, unique password."
 												}),
-												/* @__PURE__ */ w("button", {
+												/* @__PURE__ */ T("button", {
 													type: "button",
-													onClick: () => alert("Password change coming soon!"),
-													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: "Change Password"
+													onClick: () => d("/auth/security"),
+													className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+													children: [/* @__PURE__ */ w(v, { className: "h-4 w-4" }), "Change Password in Account Security"]
 												})
 											]
 										}),
 										/* @__PURE__ */ T("div", {
 											className: "rounded-lg border border-border-subtle p-5",
-											children: [/* @__PURE__ */ T("div", {
-												className: "flex items-center justify-between",
-												children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h3", {
-													className: "text-sm font-semibold text-text-primary flex items-center gap-2",
+											children: [
+												/* @__PURE__ */ T("h3", {
+													className: "text-sm font-semibold text-text-primary flex items-center gap-2 mb-1",
 													children: [/* @__PURE__ */ w(b, { className: "h-4 w-4 text-text-secondary" }), "Two-Factor Authentication"]
-												}), /* @__PURE__ */ w("p", {
-													className: "text-xs text-text-secondary mt-1",
-													children: "Add an extra layer of security to your account"
-												})] }), /* @__PURE__ */ w("button", {
+												}),
+												/* @__PURE__ */ w("p", {
+													className: "text-xs text-text-secondary mb-3",
+													children: "Add an extra layer of security to your account."
+												}),
+												/* @__PURE__ */ T("button", {
 													type: "button",
-													onClick: () => K((e) => ({
-														...e,
-														twoFactorEnabled: !e.twoFactorEnabled
-													})),
-													className: t("h-6 w-11 rounded-full transition-colors relative", G.twoFactorEnabled ? "bg-status-success-text" : "bg-muted-foreground/30"),
-													children: /* @__PURE__ */ w("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", G.twoFactorEnabled ? "translate-x-5" : "translate-x-0.5") })
-												})]
-											}), G.twoFactorEnabled && /* @__PURE__ */ T("div", {
-												className: "mt-3 flex items-center gap-2",
-												children: [/* @__PURE__ */ w(p, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ w("span", {
-													className: "text-xs text-status-success-text font-medium",
-													children: "2FA is enabled"
-												})]
-											})]
+													onClick: () => d("/auth/security"),
+													className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+													children: [/* @__PURE__ */ w(v, { className: "h-4 w-4" }), "Manage 2FA in Account Security"]
+												})
+											]
 										}),
 										/* @__PURE__ */ T("div", {
 											className: "rounded-lg border border-border-subtle p-5",
-											children: [/* @__PURE__ */ w("h3", {
-												className: "text-sm font-semibold text-text-primary mb-3",
-												children: "Active Sessions"
-											}), /* @__PURE__ */ w("p", {
-												className: "text-xs text-text-secondary",
-												children: "Session management is coming soon. You'll be able to review and sign out of devices connected to your account here."
-											})]
+											children: [
+												/* @__PURE__ */ w("h3", {
+													className: "text-sm font-semibold text-text-primary mb-3",
+													children: "Active Sessions"
+												}),
+												/* @__PURE__ */ w("p", {
+													className: "text-xs text-text-secondary mb-3",
+													children: "Review and sign out of devices connected to your account."
+												}),
+												/* @__PURE__ */ T("button", {
+													type: "button",
+													onClick: () => d("/auth/security"),
+													className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+													children: [/* @__PURE__ */ w(v, { className: "h-4 w-4" }), "Manage Sessions in Account Security"]
+												})
+											]
 										})
 									]
 								}),
@@ -860,12 +902,12 @@ var O = [
 											children: e.description
 										})] }), /* @__PURE__ */ w("button", {
 											type: "button",
-											onClick: () => J((t) => ({
+											onClick: () => X((t) => ({
 												...t,
 												[e.key]: !t[e.key]
 											})),
-											className: t("h-6 w-11 rounded-full transition-colors relative", q[e.key] ? "bg-action-primary-bg" : "bg-muted-foreground/30"),
-											children: /* @__PURE__ */ w("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", q[e.key] ? "translate-x-5" : "translate-x-0.5") })
+											className: t("h-6 w-11 rounded-full transition-colors relative", Y[e.key] ? "bg-action-primary-bg" : "bg-muted-foreground/30"),
+											children: /* @__PURE__ */ w("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", Y[e.key] ? "translate-x-5" : "translate-x-0.5") })
 										})]
 									}, e.key))
 								})