@burdenoff/microfe-coolandlovely 2026.625.2 → 2026.628.1

package/dist/coolandlovely/pages/worker/WorkerProfilePage.js

@@ -1,692 +0,0 @@
-import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
-import { cn as t } from "../../utils/cn.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { mockWorkerStats as r } from "../../mocks/data.js";
-import { mockWorker as i } from "../../mocks/users.js";
-import { useState as a } from "react";
-import { Award as o, Bell as s, Briefcase as c, Camera as l, Clock as u, CreditCard as d, Loader2 as f, MapPin as p, Pencil as m, Save as h, Shield as g, User as _, X as v } from "lucide-react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { EmphasisPanel as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
-//#region src/coolandlovely/pages/worker/WorkerProfilePage.tsx
-var w = [
-	{
-		id: "personal",
-		label: "Personal Info",
-		icon: _
-	},
-	{
-		id: "work",
-		label: "Work Details",
-		icon: c
-	},
-	{
-		id: "address",
-		label: "Address",
-		icon: p
-	},
-	{
-		id: "documents",
-		label: "Documents",
-		icon: d
-	},
-	{
-		id: "achievements",
-		label: "Achievements",
-		icon: o
-	},
-	{
-		id: "notifications",
-		label: "Notifications",
-		icon: s
-	}
-], T = () => {
-	let { navigateTo: s } = e(), [c, d] = a("personal"), [p, T] = a(!1), [E, D] = a(!1), [O, k] = a({
-		firstName: i.firstName || "Suresh",
-		lastName: i.lastName || "Kumar",
-		email: i.email || "suresh.worker@example.com",
-		phone: i.phone || "+91-87654-32109",
-		profileImage: i.profilePicture || "",
-		dateOfBirth: "1990-05-15",
-		employeeId: "EMP-2024-001",
-		designation: "Delivery Executive",
-		department: "Operations",
-		workLocation: "Koramangala Zone",
-		joiningDate: "2023-01-10",
-		employmentType: "Full Time",
-		currentAddress: "45, 2nd Main, BTM Layout",
-		city: "Bangalore",
-		state: "Karnataka",
-		pincode: "560076",
-		permanentAddress: "",
-		sameAsCurrent: !0,
-		emergencyContactName: "Lakshmi Kumar",
-		emergencyContactPhone: "+91-98765-12345",
-		emergencyContactRelation: "Spouse",
-		bankName: "HDFC Bank",
-		accountNumber: "****5678",
-		ifscCode: "HDFC0001234",
-		panNumber: "ABCDE****F",
-		aadharNumber: "****5678"
-	}), [A, j] = a([
-		{
-			id: "orders",
-			label: "New Order Assignments",
-			description: "Get notified when new orders are assigned to you",
-			enabled: !0
-		},
-		{
-			id: "schedule",
-			label: "Schedule Updates",
-			description: "Changes to your work schedule",
-			enabled: !0
-		},
-		{
-			id: "earnings",
-			label: "Earnings Updates",
-			description: "Daily and weekly earnings summaries",
-			enabled: !0
-		},
-		{
-			id: "performance",
-			label: "Performance Reviews",
-			description: "Feedback and performance metrics",
-			enabled: !0
-		},
-		{
-			id: "announcements",
-			label: "Company Announcements",
-			description: "Important updates from management",
-			enabled: !0
-		}
-	]), M = (e, t) => {
-		k((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, N = () => {
-		D(!0), setTimeout(() => {
-			D(!1), T(!1), alert("Profile updated successfully!");
-		}, 1e3);
-	}, P = (e) => {
-		let t = e.target.files?.[0];
-		if (t) {
-			let e = new FileReader();
-			e.onloadend = () => {
-				k((t) => ({
-					...t,
-					profileImage: e.result
-				}));
-			}, e.readAsDataURL(t);
-		}
-	}, F = (e) => {
-		p && j((t) => t.map((t) => t.id === e ? {
-			...t,
-			enabled: !t.enabled
-		} : t));
-	};
-	return /* @__PURE__ */ x(n, {
-		title: "My Profile",
-		description: "Manage your profile information",
-		actions: /* @__PURE__ */ b("div", {
-			className: "flex items-center gap-2",
-			children: p ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("button", {
-				type: "button",
-				onClick: () => T(!1),
-				className: "inline-flex items-center gap-2 rounded-md bg-accent px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
-				children: [/* @__PURE__ */ b(v, { className: "h-4 w-4" }), "Cancel"]
-			}), /* @__PURE__ */ b("button", {
-				type: "button",
-				onClick: N,
-				disabled: E,
-				className: "inline-flex items-center gap-2 rounded-md bg-accent-blue-subtle/10 px-3 py-2 text-sm font-medium text-accent-blue hover:bg-accent-blue-subtle/20 transition-colors disabled:opacity-50",
-				children: E ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(f, { className: "h-4 w-4 animate-spin" }), "Saving..."] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(h, { className: "h-4 w-4" }), "Save Changes"] })
-			})] }) : /* @__PURE__ */ x("button", {
-				type: "button",
-				onClick: () => T(!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__ */ b(m, { className: "h-4 w-4" }), "Edit Profile"]
-			})
-		}),
-		children: [/* @__PURE__ */ b(C, {
-			className: "mb-6",
-			icon: /* @__PURE__ */ b(_, { className: "h-4 w-4" }),
-			children: "Your worker profile. Keep your contact, employment and bank details current so pay and assignments reach you correctly, manage notification preferences, and review your role, ID and credentials — all in one place."
-		}), /* @__PURE__ */ x("div", {
-			className: "grid lg:grid-cols-4 gap-6 max-w-6xl",
-			children: [/* @__PURE__ */ x("div", {
-				className: "lg:col-span-1 space-y-4",
-				children: [/* @__PURE__ */ x(S, {
-					className: "p-5 text-center",
-					children: [
-						/* @__PURE__ */ x("div", {
-							className: "relative inline-block",
-							children: [/* @__PURE__ */ b("div", {
-								className: "h-20 w-20 rounded-full bg-bg-sunken overflow-hidden mx-auto",
-								children: O.profileImage ? /* @__PURE__ */ b("img", {
-									src: O.profileImage,
-									alt: `${O.firstName} ${O.lastName}`,
-									className: "h-full w-full object-cover"
-								}) : /* @__PURE__ */ b("div", {
-									className: "flex h-full w-full items-center justify-center text-text-secondary",
-									children: /* @__PURE__ */ b(_, { className: "h-10 w-10" })
-								})
-							}), p && /* @__PURE__ */ x("label", {
-								className: "absolute bottom-0 right-0 flex h-7 w-7 items-center justify-center rounded-full bg-accent-blue-subtle/20 text-accent-blue cursor-pointer hover:bg-accent-blue-subtle/30 transition-colors",
-								children: [/* @__PURE__ */ b(l, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ b("input", {
-									type: "file",
-									accept: "image/*",
-									onChange: P,
-									className: "hidden"
-								})]
-							})]
-						}),
-						/* @__PURE__ */ x("h3", {
-							className: "mt-3 text-sm font-semibold text-text-primary",
-							children: [
-								O.firstName,
-								" ",
-								O.lastName
-							]
-						}),
-						/* @__PURE__ */ b("p", {
-							className: "text-xs text-text-secondary",
-							children: O.designation
-						}),
-						/* @__PURE__ */ b("p", {
-							className: "text-[10px] text-text-secondary mt-0.5",
-							children: O.employeeId
-						})
-					]
-				}), /* @__PURE__ */ b("div", {
-					className: "space-y-1",
-					children: w.map((e) => {
-						let n = e.icon;
-						return /* @__PURE__ */ x("button", {
-							type: "button",
-							onClick: () => d(e.id),
-							className: t("w-full flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors", c === e.id ? "bg-accent-blue-subtle/10 text-accent-blue" : "bg-bg-surface text-text-primary hover:bg-bg-sunken"),
-							children: [/* @__PURE__ */ b(n, { className: "h-4 w-4" }), e.label]
-						}, e.id);
-					})
-				})]
-			}), /* @__PURE__ */ b("div", {
-				className: "lg:col-span-3",
-				children: /* @__PURE__ */ x("div", {
-					className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
-					children: [
-						c === "personal" && /* @__PURE__ */ x("div", { children: [
-							/* @__PURE__ */ b("h2", {
-								className: "text-lg font-semibold text-text-primary mb-5",
-								children: "Personal Information"
-							}),
-							/* @__PURE__ */ x("div", {
-								className: "grid sm:grid-cols-2 gap-4",
-								children: [
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "First Name"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: O.firstName,
-										onChange: (e) => M("firstName", e.target.value),
-										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "Last Name"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: O.lastName,
-										onChange: (e) => M("lastName", e.target.value),
-										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "Email Address"
-									}), /* @__PURE__ */ b("input", {
-										type: "email",
-										value: O.email,
-										onChange: (e) => M("email", e.target.value),
-										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "Phone Number"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: O.phone,
-										onChange: (e) => M("phone", e.target.value),
-										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "Date of Birth"
-									}), /* @__PURE__ */ b("input", {
-										type: "date",
-										value: O.dateOfBirth,
-										onChange: (e) => M("dateOfBirth", e.target.value),
-										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
-									})] })
-								]
-							}),
-							/* @__PURE__ */ x("div", {
-								className: "mt-7",
-								children: [/* @__PURE__ */ b("h3", {
-									className: "text-sm font-semibold text-text-primary mb-4",
-									children: "Emergency Contact"
-								}), /* @__PURE__ */ x("div", {
-									className: "grid sm:grid-cols-3 gap-4",
-									children: [
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-											className: "block text-xs font-medium text-text-secondary mb-1",
-											children: "Contact Name"
-										}), /* @__PURE__ */ b("input", {
-											type: "text",
-											value: O.emergencyContactName,
-											onChange: (e) => M("emergencyContactName", e.target.value),
-											disabled: !p,
-											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
-										})] }),
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-											className: "block text-xs font-medium text-text-secondary mb-1",
-											children: "Contact Phone"
-										}), /* @__PURE__ */ b("input", {
-											type: "text",
-											value: O.emergencyContactPhone,
-											onChange: (e) => M("emergencyContactPhone", e.target.value),
-											disabled: !p,
-											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
-										})] }),
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-											className: "block text-xs font-medium text-text-secondary mb-1",
-											children: "Relationship"
-										}), /* @__PURE__ */ b("input", {
-											type: "text",
-											value: O.emergencyContactRelation,
-											onChange: (e) => M("emergencyContactRelation", e.target.value),
-											disabled: !p,
-											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
-										})] })
-									]
-								})]
-							})
-						] }),
-						c === "work" && /* @__PURE__ */ x("div", { children: [
-							/* @__PURE__ */ b("h2", {
-								className: "text-lg font-semibold text-text-primary mb-5",
-								children: "Work Details"
-							}),
-							/* @__PURE__ */ x("div", {
-								className: "grid sm:grid-cols-2 gap-4",
-								children: [
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "Employee ID"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: O.employeeId,
-										disabled: !0,
-										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "Designation"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: O.designation,
-										disabled: !0,
-										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "Department"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: O.department,
-										disabled: !0,
-										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "Work Location"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: O.workLocation,
-										disabled: !0,
-										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "Joining Date"
-									}), /* @__PURE__ */ b("input", {
-										type: "date",
-										value: O.joiningDate,
-										disabled: !0,
-										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "Employment Type"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: O.employmentType,
-										disabled: !0,
-										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
-									})] })
-								]
-							}),
-							/* @__PURE__ */ x("div", {
-								className: "mt-7 grid sm:grid-cols-3 gap-4",
-								children: [
-									/* @__PURE__ */ x("div", {
-										className: "rounded-lg bg-bg-sunken/50 p-4 text-center",
-										children: [/* @__PURE__ */ b("p", {
-											className: "text-2xl font-bold text-accent-blue",
-											children: r.totalDeliveries
-										}), /* @__PURE__ */ b("p", {
-											className: "text-xs text-text-secondary",
-											children: "Total Deliveries"
-										})]
-									}),
-									/* @__PURE__ */ x("div", {
-										className: "rounded-lg bg-bg-sunken/50 p-4 text-center",
-										children: [/* @__PURE__ */ b("p", {
-											className: "text-2xl font-bold text-status-success-text",
-											children: r.averageRating
-										}), /* @__PURE__ */ b("p", {
-											className: "text-xs text-text-secondary",
-											children: "Average Rating"
-										})]
-									}),
-									/* @__PURE__ */ x("div", {
-										className: "rounded-lg bg-bg-sunken/50 p-4 text-center",
-										children: [/* @__PURE__ */ x("p", {
-											className: "text-2xl font-bold text-accent-blue",
-											children: [r.completionRate, "%"]
-										}), /* @__PURE__ */ b("p", {
-											className: "text-xs text-text-secondary",
-											children: "On-Time Delivery"
-										})]
-									})
-								]
-							})
-						] }),
-						c === "address" && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
-							className: "text-lg font-semibold text-text-primary mb-5",
-							children: "Address Information"
-						}), /* @__PURE__ */ x("div", {
-							className: "space-y-6",
-							children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
-								className: "text-sm font-semibold text-text-primary mb-3",
-								children: "Current Address"
-							}), /* @__PURE__ */ x("div", {
-								className: "grid sm:grid-cols-2 gap-4",
-								children: [
-									/* @__PURE__ */ x("div", {
-										className: "sm:col-span-2",
-										children: [/* @__PURE__ */ b("label", {
-											className: "block text-xs font-medium text-text-secondary mb-1",
-											children: "Address Line"
-										}), /* @__PURE__ */ b("textarea", {
-											rows: 2,
-											value: O.currentAddress,
-											onChange: (e) => M("currentAddress", e.target.value),
-											disabled: !p,
-											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40 resize-none"
-										})]
-									}),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "City"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: O.city,
-										onChange: (e) => M("city", e.target.value),
-										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "State"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: O.state,
-										onChange: (e) => M("state", e.target.value),
-										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "Pincode"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: O.pincode,
-										onChange: (e) => M("pincode", e.target.value),
-										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
-									})] })
-								]
-							})] }), /* @__PURE__ */ x("div", { children: [
-								/* @__PURE__ */ b("h3", {
-									className: "text-sm font-semibold text-text-primary mb-3",
-									children: "Permanent Address"
-								}),
-								/* @__PURE__ */ x("label", {
-									className: "flex items-center gap-2 mb-3 cursor-pointer",
-									children: [/* @__PURE__ */ b("input", {
-										type: "checkbox",
-										checked: O.sameAsCurrent,
-										onChange: (e) => M("sameAsCurrent", e.target.checked),
-										disabled: !p,
-										className: "h-4 w-4 rounded border-border-subtle text-accent-blue focus:ring-accent-blue-subtle/40"
-									}), /* @__PURE__ */ b("span", {
-										className: "text-xs text-text-primary",
-										children: "Same as current address"
-									})]
-								}),
-								!O.sameAsCurrent && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-									className: "block text-xs font-medium text-text-secondary mb-1",
-									children: "Address Line"
-								}), /* @__PURE__ */ b("textarea", {
-									rows: 2,
-									value: O.permanentAddress,
-									onChange: (e) => M("permanentAddress", e.target.value),
-									disabled: !p,
-									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40 resize-none"
-								})] })
-							] })]
-						})] }),
-						c === "documents" && /* @__PURE__ */ x("div", { children: [
-							/* @__PURE__ */ b("h2", {
-								className: "text-lg font-semibold text-text-primary mb-5",
-								children: "Documents & Banking"
-							}),
-							/* @__PURE__ */ b("div", {
-								className: "rounded-lg bg-status-warning-bg-subtle/10 border border-status-warning-border/20 p-3 mb-5",
-								children: /* @__PURE__ */ x("p", {
-									className: "text-xs text-status-warning-text flex items-center gap-2",
-									children: [/* @__PURE__ */ b(g, { className: "h-4 w-4 shrink-0" }), "Your documents and banking information are encrypted and secure."]
-								})
-							}),
-							/* @__PURE__ */ x("div", {
-								className: "grid sm:grid-cols-2 gap-4",
-								children: [
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "PAN Number"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: O.panNumber,
-										disabled: !0,
-										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "Aadhar Number"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: O.aadharNumber,
-										disabled: !0,
-										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "Bank Name"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: O.bankName,
-										onChange: (e) => M("bankName", e.target.value),
-										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "Account Number"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: O.accountNumber,
-										disabled: !0,
-										className: "w-full rounded-md border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary cursor-not-allowed"
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: "IFSC Code"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: O.ifscCode,
-										onChange: (e) => M("ifscCode", e.target.value),
-										disabled: !p,
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40"
-									})] })
-								]
-							})
-						] }),
-						c === "achievements" && /* @__PURE__ */ x("div", { children: [
-							/* @__PURE__ */ b("h2", {
-								className: "text-lg font-semibold text-text-primary mb-5",
-								children: "Achievements & Recognition"
-							}),
-							/* @__PURE__ */ x("div", {
-								className: "grid sm:grid-cols-2 gap-4 mb-7",
-								children: [/* @__PURE__ */ x("div", {
-									className: "rounded-lg bg-status-warning-bg-subtle/5 border border-status-warning-border/20 p-5 text-center",
-									children: [
-										/* @__PURE__ */ b(o, { className: "h-10 w-10 text-status-warning-text mx-auto mb-2" }),
-										/* @__PURE__ */ b("h3", {
-											className: "text-sm font-semibold text-text-primary",
-											children: "Employee of the Month"
-										}),
-										/* @__PURE__ */ b("p", {
-											className: "text-xs text-text-secondary mt-1",
-											children: "December 2023"
-										})
-									]
-								}), /* @__PURE__ */ x("div", {
-									className: "rounded-lg bg-accent-blue-subtle/5 border border-accent-blue-subtle/20 p-5 text-center",
-									children: [
-										/* @__PURE__ */ b(u, { className: "h-10 w-10 text-accent-blue mx-auto mb-2" }),
-										/* @__PURE__ */ b("h3", {
-											className: "text-sm font-semibold text-text-primary",
-											children: "Perfect Attendance"
-										}),
-										/* @__PURE__ */ b("p", {
-											className: "text-xs text-text-secondary mt-1",
-											children: "Q3 2023"
-										})
-									]
-								})]
-							}),
-							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
-								className: "text-sm font-semibold text-text-primary mb-4",
-								children: "Performance Metrics"
-							}), /* @__PURE__ */ x("div", {
-								className: "space-y-4",
-								children: [
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
-										className: "flex justify-between items-center mb-1.5",
-										children: [/* @__PURE__ */ b("span", {
-											className: "text-xs text-text-secondary",
-											children: "Delivery Success Rate"
-										}), /* @__PURE__ */ b("span", {
-											className: "text-xs font-medium text-text-primary",
-											children: "98%"
-										})]
-									}), /* @__PURE__ */ b("div", {
-										className: "w-full h-2 rounded-full bg-bg-sunken overflow-hidden",
-										children: /* @__PURE__ */ b("div", {
-											className: "h-full rounded-full bg-status-success-bg-subtle transition-all",
-											style: { width: "98%" }
-										})
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
-										className: "flex justify-between items-center mb-1.5",
-										children: [/* @__PURE__ */ b("span", {
-											className: "text-xs text-text-secondary",
-											children: "Customer Satisfaction"
-										}), /* @__PURE__ */ b("span", {
-											className: "text-xs font-medium text-text-primary",
-											children: "95%"
-										})]
-									}), /* @__PURE__ */ b("div", {
-										className: "w-full h-2 rounded-full bg-bg-sunken overflow-hidden",
-										children: /* @__PURE__ */ b("div", {
-											className: "h-full rounded-full bg-accent-blue-subtle transition-all",
-											style: { width: "95%" }
-										})
-									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
-										className: "flex justify-between items-center mb-1.5",
-										children: [/* @__PURE__ */ b("span", {
-											className: "text-xs text-text-secondary",
-											children: "Punctuality"
-										}), /* @__PURE__ */ b("span", {
-											className: "text-xs font-medium text-text-primary",
-											children: "92%"
-										})]
-									}), /* @__PURE__ */ b("div", {
-										className: "w-full h-2 rounded-full bg-bg-sunken overflow-hidden",
-										children: /* @__PURE__ */ b("div", {
-											className: "h-full rounded-full bg-accent-purple-subtle transition-all",
-											style: { width: "92%" }
-										})
-									})] })
-								]
-							})] })
-						] }),
-						c === "notifications" && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
-							className: "text-lg font-semibold text-text-primary mb-5",
-							children: "Notification Preferences"
-						}), /* @__PURE__ */ b("div", {
-							className: "space-y-4",
-							children: A.map((e) => /* @__PURE__ */ x("div", {
-								className: "flex items-center justify-between p-4 rounded-lg bg-bg-sunken/50",
-								children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h4", {
-									className: "text-sm font-medium text-text-primary",
-									children: e.label
-								}), /* @__PURE__ */ b("p", {
-									className: "text-xs text-text-secondary mt-0.5",
-									children: e.description
-								})] }), /* @__PURE__ */ b("button", {
-									type: "button",
-									onClick: () => F(e.id),
-									disabled: !p,
-									className: t("relative inline-flex h-6 w-11 items-center rounded-full transition-colors", e.enabled ? "bg-accent-blue-subtle" : "bg-muted-foreground/30", !p && "opacity-60 cursor-not-allowed"),
-									children: /* @__PURE__ */ b("span", { className: t("inline-block h-4 w-4 rounded-full bg-white transition-transform", e.enabled ? "translate-x-6" : "translate-x-1") })
-								})]
-							}, e.id))
-						})] })
-					]
-				})
-			})]
-		})]
-	});
-};
-//#endregion
-export { T as WorkerProfilePage };
-
-//# sourceMappingURL=WorkerProfilePage.js.map