@burdenoff/microfe-kadaikodi 2026.625.1 → 2026.626.2

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

@@ -5,8 +5,9 @@ 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";
+import { EmphasisPanel as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/cart-owner/CartOwnerProfilePage.tsx
-var C = [
+var T = [
 	{
 		id: "personal",
 		label: "Personal Info",
@@ -37,7 +38,7 @@ var C = [
 		label: "Notifications",
 		icon: s
 	}
-], w = [
+], E = [
 	"Monday",
 	"Tuesday",
 	"Wednesday",
@@ -45,8 +46,8 @@ var C = [
 	"Friday",
 	"Saturday",
 	"Sunday"
-], T = () => {
-	let { navigateTo: s } = e(), [c, d] = i("personal"), [f, h] = i(!1), [y, T] = i(!1), [E, D] = i({
+], D = () => {
+	let { navigateTo: s } = e(), [c, d] = i("personal"), [f, h] = i(!1), [y, D] = i(!1), [O, k] = i({
 		firstName: r.firstName,
 		lastName: r.lastName,
 		email: r.email,
@@ -55,7 +56,7 @@ var C = [
 		gender: "Male",
 		address: "Koramangala 5th Block, Bangalore - 560034",
 		bio: "Passionate about South Indian cuisine. Running Dosa Express since 2020."
-	}), [O, k] = i({
+	}), [A, j] = i({
 		businessName: "Dosa Express",
 		category: "Food & Beverage",
 		description: "Authentic South Indian street food with a modern twist.",
@@ -65,7 +66,7 @@ var C = [
 		businessAddress: "Koramangala 5th Block, Bangalore - 560034",
 		businessPhone: "+91-9876543210",
 		businessEmail: "ravi@dosaexpress.in"
-	}), [A, j] = i({
+	}), [M, N] = i({
 		workingDays: [
 			"Monday",
 			"Tuesday",
@@ -79,37 +80,37 @@ var C = [
 		preparationTime: 15,
 		deliveryRadius: 5,
 		maxOrdersPerDay: 100
-	}), [M, N] = i({
+	}), [P, F] = i({
 		bankName: "State Bank of India",
 		accountHolder: "Ravi Kumar",
 		accountNumber: "1234567890123456",
 		ifscCode: "SBIN0001234",
 		upiId: "ravikumar@sbi",
 		payoutSchedule: "weekly"
-	}), [P, F] = i({
+	}), [I, L] = i({
 		twoFactorEnabled: !0,
 		lastPasswordChange: "2024-01-01"
-	}), [I, L] = i({
+	}), [R, z] = i({
 		orderAlerts: !0,
 		paymentAlerts: !0,
 		reviewAlerts: !0,
 		promotionalEmails: !1,
 		smsAlerts: !0,
 		weeklyReport: !0
-	}), R = {
+	}), B = {
 		rating: 4.5,
 		totalOrders: 1247,
 		memberSince: "2023-03-01",
 		verificationPercentage: 86
-	}, z = () => {
-		T(!0), h(!1), setTimeout(() => T(!1), 3e3);
-	}, B = (e) => {
-		j((t) => ({
+	}, V = () => {
+		D(!0), h(!1), setTimeout(() => D(!1), 3e3);
+	}, H = (e) => {
+		N((t) => ({
 			...t,
 			workingDays: t.workingDays.includes(e) ? t.workingDays.filter((t) => t !== e) : [...t.workingDays, e]
 		}));
 	};
-	return /* @__PURE__ */ x(n, {
+	return /* @__PURE__ */ S(n, {
 		title: "Profile",
 		description: "Your business profile and settings",
 		actions: /* @__PURE__ */ x("div", {
@@ -121,7 +122,7 @@ var C = [
 				children: "Cancel"
 			}), /* @__PURE__ */ S("button", {
 				type: "button",
-				onClick: z,
+				onClick: V,
 				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__ */ x(g, { className: "h-4 w-4" }), "Save"]
 			})] }) : /* @__PURE__ */ S("button", {
@@ -131,7 +132,10 @@ var C = [
 				children: [/* @__PURE__ */ x(p, { className: "h-4 w-4" }), "Edit Profile"]
 			})
 		}),
-		children: /* @__PURE__ */ S("div", {
+		children: [/* @__PURE__ */ x(w, {
+			className: "mb-6",
+			children: "How you and your business show up on Kadaikodi. Use this page to keep your owner details, business identity and notification preferences current — and to see your reputation at a glance (rating, total orders, verification and how long you've been on the platform). A complete, verified profile builds customer trust. Use Edit Profile to update anything."
+		}), /* @__PURE__ */ S("div", {
 			className: "space-y-4",
 			children: [
 				y && /* @__PURE__ */ S("div", {
@@ -141,14 +145,17 @@ var C = [
 						children: "Profile saved successfully!"
 					})]
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ S(C, { children: [/* @__PURE__ */ x("h2", {
+					className: "mb-4 text-base font-semibold text-text-primary",
+					children: "Your Reputation"
+				}), /* @__PURE__ */ S("div", {
 					className: "grid grid-cols-2 sm:grid-cols-4 gap-3",
 					children: [
 						/* @__PURE__ */ S("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm text-center",
 							children: [/* @__PURE__ */ S("p", {
 								className: "text-2xl font-bold text-text-primary flex items-center justify-center gap-1",
-								children: [/* @__PURE__ */ x(v, { className: "h-5 w-5 fill-status-warning-text text-status-warning-text" }), R.rating]
+								children: [/* @__PURE__ */ x(v, { className: "h-5 w-5 fill-status-warning-text text-status-warning-text" }), B.rating]
 							}), /* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary",
 								children: "Rating"
@@ -158,7 +165,7 @@ var C = [
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm text-center",
 							children: [/* @__PURE__ */ x("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: R.totalOrders.toLocaleString()
+								children: B.totalOrders.toLocaleString()
 							}), /* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary",
 								children: "Total Orders"
@@ -168,7 +175,7 @@ var C = [
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm text-center",
 							children: [/* @__PURE__ */ S("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: [R.verificationPercentage, "%"]
+								children: [B.verificationPercentage, "%"]
 							}), /* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary",
 								children: "Verified"
@@ -178,7 +185,7 @@ var C = [
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm text-center",
 							children: [/* @__PURE__ */ x("p", {
 								className: "text-sm font-bold text-text-primary",
-								children: new Date(R.memberSince).toLocaleDateString("en-IN", {
+								children: new Date(B.memberSince).toLocaleDateString("en-IN", {
 									month: "short",
 									year: "numeric"
 								})
@@ -188,7 +195,7 @@ var C = [
 							})]
 						})
 					]
-				}),
+				})] }),
 				/* @__PURE__ */ S("div", {
 					className: "flex flex-col lg:flex-row gap-6",
 					children: [/* @__PURE__ */ S("div", {
@@ -197,7 +204,7 @@ var C = [
 							className: "lg:hidden rounded-lg border border-border-subtle bg-bg-surface p-3 shadow-sm",
 							children: /* @__PURE__ */ x("div", {
 								className: "grid grid-cols-3 gap-2",
-								children: C.map((e) => {
+								children: T.map((e) => {
 									let n = e.icon;
 									return /* @__PURE__ */ S("button", {
 										type: "button",
@@ -217,7 +224,7 @@ var C = [
 								})
 							}), /* @__PURE__ */ x("nav", {
 								className: "p-2",
-								children: C.map((e) => {
+								children: T.map((e) => {
 									let n = e.icon;
 									return /* @__PURE__ */ S("button", {
 										type: "button",
@@ -242,7 +249,7 @@ var C = [
 												className: "relative",
 												children: [/* @__PURE__ */ S("div", {
 													className: "flex h-20 w-20 items-center justify-center rounded-full bg-bg-sunken text-2xl font-bold text-text-primary",
-													children: [E.firstName[0], E.lastName[0]]
+													children: [O.firstName[0], O.lastName[0]]
 												}), f && /* @__PURE__ */ x("button", {
 													type: "button",
 													onClick: () => alert("Image upload coming soon!"),
@@ -253,9 +260,9 @@ var C = [
 												/* @__PURE__ */ S("p", {
 													className: "text-lg font-semibold text-text-primary",
 													children: [
-														E.firstName,
+														O.firstName,
 														" ",
-														E.lastName
+														O.lastName
 													]
 												}),
 												/* @__PURE__ */ x("p", {
@@ -269,7 +276,7 @@ var C = [
 														children: [/* @__PURE__ */ x(o, { className: "h-3 w-3" }), "Verified"]
 													}), /* @__PURE__ */ S("span", {
 														className: "flex items-center gap-0.5 text-xs text-status-warning-text",
-														children: [/* @__PURE__ */ x(v, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), R.rating]
+														children: [/* @__PURE__ */ x(v, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), B.rating]
 													})]
 												})
 											] })]
@@ -281,8 +288,8 @@ var C = [
 												children: "First Name"
 											}), /* @__PURE__ */ x("input", {
 												type: "text",
-												value: E.firstName,
-												onChange: (e) => D((t) => ({
+												value: O.firstName,
+												onChange: (e) => k((t) => ({
 													...t,
 													firstName: e.target.value
 												})),
@@ -293,8 +300,8 @@ var C = [
 												children: "Last Name"
 											}), /* @__PURE__ */ x("input", {
 												type: "text",
-												value: E.lastName,
-												onChange: (e) => D((t) => ({
+												value: O.lastName,
+												onChange: (e) => k((t) => ({
 													...t,
 													lastName: e.target.value
 												})),
@@ -309,8 +316,8 @@ var C = [
 												children: "Email"
 											}), /* @__PURE__ */ x("input", {
 												type: "email",
-												value: E.email,
-												onChange: (e) => D((t) => ({
+												value: O.email,
+												onChange: (e) => k((t) => ({
 													...t,
 													email: e.target.value
 												})),
@@ -321,8 +328,8 @@ var C = [
 												children: "Phone"
 											}), /* @__PURE__ */ x("input", {
 												type: "tel",
-												value: E.phone,
-												onChange: (e) => D((t) => ({
+												value: O.phone,
+												onChange: (e) => k((t) => ({
 													...t,
 													phone: e.target.value
 												})),
@@ -337,8 +344,8 @@ var C = [
 												children: "Date of Birth"
 											}), /* @__PURE__ */ x("input", {
 												type: "date",
-												value: E.dateOfBirth,
-												onChange: (e) => D((t) => ({
+												value: O.dateOfBirth,
+												onChange: (e) => k((t) => ({
 													...t,
 													dateOfBirth: e.target.value
 												})),
@@ -348,8 +355,8 @@ var C = [
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Gender"
 											}), /* @__PURE__ */ S("select", {
-												value: E.gender,
-												onChange: (e) => D((t) => ({
+												value: O.gender,
+												onChange: (e) => k((t) => ({
 													...t,
 													gender: e.target.value
 												})),
@@ -376,8 +383,8 @@ var C = [
 											children: "Address"
 										}), /* @__PURE__ */ x("input", {
 											type: "text",
-											value: E.address,
-											onChange: (e) => D((t) => ({
+											value: O.address,
+											onChange: (e) => k((t) => ({
 												...t,
 												address: e.target.value
 											})),
@@ -388,8 +395,8 @@ var C = [
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Bio"
 										}), /* @__PURE__ */ x("textarea", {
-											value: E.bio,
-											onChange: (e) => D((t) => ({
+											value: O.bio,
+											onChange: (e) => k((t) => ({
 												...t,
 												bio: e.target.value
 											})),
@@ -407,8 +414,8 @@ var C = [
 											children: "Business Name"
 										}), /* @__PURE__ */ x("input", {
 											type: "text",
-											value: O.businessName,
-											onChange: (e) => k((t) => ({
+											value: A.businessName,
+											onChange: (e) => j((t) => ({
 												...t,
 												businessName: e.target.value
 											})),
@@ -419,8 +426,8 @@ var C = [
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Category"
 										}), /* @__PURE__ */ x("select", {
-											value: O.category,
-											onChange: (e) => k((t) => ({
+											value: A.category,
+											onChange: (e) => j((t) => ({
 												...t,
 												category: e.target.value
 											})),
@@ -441,8 +448,8 @@ var C = [
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Description"
 										}), /* @__PURE__ */ x("textarea", {
-											value: O.description,
-											onChange: (e) => k((t) => ({
+											value: A.description,
+											onChange: (e) => j((t) => ({
 												...t,
 												description: e.target.value
 											})),
@@ -458,8 +465,8 @@ var C = [
 													children: "GST Number"
 												}), /* @__PURE__ */ x("input", {
 													type: "text",
-													value: O.gstNumber,
-													onChange: (e) => k((t) => ({
+													value: A.gstNumber,
+													onChange: (e) => j((t) => ({
 														...t,
 														gstNumber: e.target.value
 													})),
@@ -471,8 +478,8 @@ var C = [
 													children: "PAN Number"
 												}), /* @__PURE__ */ x("input", {
 													type: "text",
-													value: O.panNumber,
-													onChange: (e) => k((t) => ({
+													value: A.panNumber,
+													onChange: (e) => j((t) => ({
 														...t,
 														panNumber: e.target.value
 													})),
@@ -484,8 +491,8 @@ var C = [
 													children: "FSSAI License"
 												}), /* @__PURE__ */ x("input", {
 													type: "text",
-													value: O.fssaiLicense,
-													onChange: (e) => k((t) => ({
+													value: A.fssaiLicense,
+													onChange: (e) => j((t) => ({
 														...t,
 														fssaiLicense: e.target.value
 													})),
@@ -501,8 +508,8 @@ var C = [
 												children: "Business Phone"
 											}), /* @__PURE__ */ x("input", {
 												type: "tel",
-												value: O.businessPhone,
-												onChange: (e) => k((t) => ({
+												value: A.businessPhone,
+												onChange: (e) => j((t) => ({
 													...t,
 													businessPhone: e.target.value
 												})),
@@ -513,8 +520,8 @@ var C = [
 												children: "Business Email"
 											}), /* @__PURE__ */ x("input", {
 												type: "email",
-												value: O.businessEmail,
-												onChange: (e) => k((t) => ({
+												value: A.businessEmail,
+												onChange: (e) => j((t) => ({
 													...t,
 													businessEmail: e.target.value
 												})),
@@ -532,11 +539,11 @@ var C = [
 											children: "Working Days"
 										}), /* @__PURE__ */ x("div", {
 											className: "flex flex-wrap gap-2",
-											children: w.map((e) => /* @__PURE__ */ x("button", {
+											children: E.map((e) => /* @__PURE__ */ x("button", {
 												type: "button",
-												onClick: () => f && B(e),
+												onClick: () => f && H(e),
 												disabled: !f,
-												className: t("px-3 py-1.5 rounded-full text-xs font-medium transition-colors", A.workingDays.includes(e) ? "bg-action-primary-bg text-white" : "bg-bg-sunken text-text-secondary", !f && "cursor-not-allowed opacity-70"),
+												className: t("px-3 py-1.5 rounded-full text-xs font-medium transition-colors", M.workingDays.includes(e) ? "bg-action-primary-bg text-white" : "bg-bg-sunken text-text-secondary", !f && "cursor-not-allowed opacity-70"),
 												children: e.slice(0, 3)
 											}, e))
 										})] }),
@@ -547,8 +554,8 @@ var C = [
 												children: "Opening Time"
 											}), /* @__PURE__ */ x("input", {
 												type: "time",
-												value: A.openTime,
-												onChange: (e) => j((t) => ({
+												value: M.openTime,
+												onChange: (e) => N((t) => ({
 													...t,
 													openTime: e.target.value
 												})),
@@ -559,8 +566,8 @@ var C = [
 												children: "Closing Time"
 											}), /* @__PURE__ */ x("input", {
 												type: "time",
-												value: A.closeTime,
-												onChange: (e) => j((t) => ({
+												value: M.closeTime,
+												onChange: (e) => N((t) => ({
 													...t,
 													closeTime: e.target.value
 												})),
@@ -576,8 +583,8 @@ var C = [
 													children: "Prep Time (min)"
 												}), /* @__PURE__ */ x("input", {
 													type: "number",
-													value: A.preparationTime,
-													onChange: (e) => j((t) => ({
+													value: M.preparationTime,
+													onChange: (e) => N((t) => ({
 														...t,
 														preparationTime: parseInt(e.target.value) || 0
 													})),
@@ -589,8 +596,8 @@ var C = [
 													children: "Delivery Radius (km)"
 												}), /* @__PURE__ */ x("input", {
 													type: "number",
-													value: A.deliveryRadius,
-													onChange: (e) => j((t) => ({
+													value: M.deliveryRadius,
+													onChange: (e) => N((t) => ({
 														...t,
 														deliveryRadius: parseInt(e.target.value) || 0
 													})),
@@ -602,8 +609,8 @@ var C = [
 													children: "Max Orders/Day"
 												}), /* @__PURE__ */ x("input", {
 													type: "number",
-													value: A.maxOrdersPerDay,
-													onChange: (e) => j((t) => ({
+													value: M.maxOrdersPerDay,
+													onChange: (e) => N((t) => ({
 														...t,
 														maxOrdersPerDay: parseInt(e.target.value) || 0
 													})),
@@ -631,8 +638,8 @@ var C = [
 												children: "Bank Name"
 											}), /* @__PURE__ */ x("input", {
 												type: "text",
-												value: M.bankName,
-												onChange: (e) => N((t) => ({
+												value: P.bankName,
+												onChange: (e) => F((t) => ({
 													...t,
 													bankName: e.target.value
 												})),
@@ -643,8 +650,8 @@ var C = [
 												children: "Account Holder"
 											}), /* @__PURE__ */ x("input", {
 												type: "text",
-												value: M.accountHolder,
-												onChange: (e) => N((t) => ({
+												value: P.accountHolder,
+												onChange: (e) => F((t) => ({
 													...t,
 													accountHolder: e.target.value
 												})),
@@ -659,8 +666,8 @@ var C = [
 												children: "Account Number"
 											}), /* @__PURE__ */ x("input", {
 												type: "text",
-												value: f ? M.accountNumber : `****${M.accountNumber.slice(-4)}`,
-												onChange: (e) => N((t) => ({
+												value: f ? P.accountNumber : `****${P.accountNumber.slice(-4)}`,
+												onChange: (e) => F((t) => ({
 													...t,
 													accountNumber: e.target.value
 												})),
@@ -671,8 +678,8 @@ var C = [
 												children: "IFSC Code"
 											}), /* @__PURE__ */ x("input", {
 												type: "text",
-												value: M.ifscCode,
-												onChange: (e) => N((t) => ({
+												value: P.ifscCode,
+												onChange: (e) => F((t) => ({
 													...t,
 													ifscCode: e.target.value
 												})),
@@ -687,8 +694,8 @@ var C = [
 												children: "UPI ID"
 											}), /* @__PURE__ */ x("input", {
 												type: "text",
-												value: M.upiId,
-												onChange: (e) => N((t) => ({
+												value: P.upiId,
+												onChange: (e) => F((t) => ({
 													...t,
 													upiId: e.target.value
 												})),
@@ -698,8 +705,8 @@ var C = [
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Payout Schedule"
 											}), /* @__PURE__ */ S("select", {
-												value: M.payoutSchedule,
-												onChange: (e) => N((t) => ({
+												value: P.payoutSchedule,
+												onChange: (e) => F((t) => ({
 													...t,
 													payoutSchedule: e.target.value
 												})),
@@ -742,7 +749,7 @@ var C = [
 													children: [
 														"Last changed:",
 														" ",
-														new Date(P.lastPasswordChange).toLocaleDateString("en-IN", {
+														new Date(I.lastPasswordChange).toLocaleDateString("en-IN", {
 															day: "numeric",
 															month: "short",
 															year: "numeric"
@@ -769,14 +776,14 @@ var C = [
 													children: "Add an extra layer of security to your account"
 												})] }), /* @__PURE__ */ x("button", {
 													type: "button",
-													onClick: () => F((e) => ({
+													onClick: () => L((e) => ({
 														...e,
 														twoFactorEnabled: !e.twoFactorEnabled
 													})),
-													className: t("h-6 w-11 rounded-full transition-colors relative", P.twoFactorEnabled ? "bg-status-success-text" : "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") })
+													className: t("h-6 w-11 rounded-full transition-colors relative", I.twoFactorEnabled ? "bg-status-success-text" : "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.twoFactorEnabled ? "translate-x-5" : "translate-x-0.5") })
 												})]
-											}), P.twoFactorEnabled && /* @__PURE__ */ S("div", {
+											}), I.twoFactorEnabled && /* @__PURE__ */ S("div", {
 												className: "mt-3 flex items-center gap-2",
 												children: [/* @__PURE__ */ x(u, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ x("span", {
 													className: "text-xs text-status-success-text font-medium",
@@ -863,12 +870,12 @@ var C = [
 											children: e.description
 										})] }), /* @__PURE__ */ x("button", {
 											type: "button",
-											onClick: () => L((t) => ({
+											onClick: () => z((t) => ({
 												...t,
 												[e.key]: !t[e.key]
 											})),
-											className: t("h-6 w-11 rounded-full transition-colors relative", I[e.key] ? "bg-action-primary-bg" : "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") })
+											className: t("h-6 w-11 rounded-full transition-colors relative", R[e.key] ? "bg-action-primary-bg" : "bg-muted-foreground/30"),
+											children: /* @__PURE__ */ x("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", R[e.key] ? "translate-x-5" : "translate-x-0.5") })
 										})]
 									}, e.key))
 								})
@@ -877,10 +884,10 @@ var C = [
 					})]
 				})
 			]
-		})
+		})]
 	});
 };
 //#endregion
-export { T as CartOwnerProfilePage };
+export { D as CartOwnerProfilePage };
 
 //# sourceMappingURL=CartOwnerProfilePage.js.map