@burdenoff/microfe-kadaikodi 2026.625.1 → 2026.626.2

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

@@ -1,11 +1,13 @@
 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 { useMemo as r, useState as i } from "react";
-import { AlertCircle as a, CheckCircle2 as o, Clock as s, Edit2 as c, Mail as l, Phone as u, Search as d, Star as f, Trash2 as p, UserPlus as m, Users as h, X as g } from "lucide-react";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { useMemo as i, useState as a } from "react";
+import { AlertCircle as o, CheckCircle2 as s, Clock as c, Edit2 as l, Mail as u, Phone as d, Search as f, Star as p, Trash2 as m, UserPlus as h, X as g } from "lucide-react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { EmphasisPanel as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/cart-owner/StaffManagementPage.tsx
-var y = [
+var x = [
 	{
 		id: "staff-001",
 		firstName: "Ravi",
@@ -134,7 +136,7 @@ var y = [
 		currentShift: "08:00 - 16:00",
 		shiftsThisWeek: 6
 	}
-], b = {
+], S = {
 	active: {
 		label: "Active",
 		color: "text-status-success-text",
@@ -155,7 +157,7 @@ var y = [
 		color: "text-status-error-text",
 		dot: "bg-status-error-text"
 	}
-}, x = {
+}, C = {
 	manager: {
 		label: "Manager",
 		color: "bg-accent-purple-subtle text-text-primary"
@@ -176,15 +178,15 @@ var y = [
 		label: "Cashier",
 		color: "bg-[var(--color-accent-soft)] text-text-primary"
 	}
-}, S = {
+}, w = {
 	email: "",
 	firstName: "",
 	lastName: "",
 	phone: "",
 	role: "server",
 	hourlyRate: 150
-}, C = () => {
-	let { navigateTo: C } = e(), [w, T] = i(y), [E, D] = i(""), [O, k] = i(""), [A, j] = i(""), [M, N] = i("name"), [P, F] = i(!1), [I, L] = i(!1), [R, z] = i(null), [B, V] = i(S), [H, U] = i({
+}, T = () => {
+	let { navigateTo: T } = e(), [E, D] = a(x), [O, k] = a(""), [A, j] = a(""), [M, N] = a(""), [P, F] = a("name"), [I, L] = a(!1), [R, z] = a(!1), [B, V] = a(null), [H, U] = a(w), [W, G] = a({
 		firstName: "",
 		lastName: "",
 		email: "",
@@ -192,20 +194,20 @@ var y = [
 		role: "server",
 		hourlyRate: 150,
 		status: "active"
-	}), [W, G] = i(null), K = (e, t) => {
-		G({
+	}), [K, q] = a(null), J = (e, t) => {
+		q({
 			text: e,
 			type: t
-		}), setTimeout(() => G(null), 3e3);
-	}, q = w.filter((e) => e.status === "active").length, J = w.filter((e) => e.status === "on-leave").length, Y = w.length > 0 ? (w.reduce((e, t) => e + t.performance.rating, 0) / w.length).toFixed(1) : "0";
-	w.reduce((e, t) => e + t.totalEarnings, 0);
-	let X = r(() => {
-		let e = [...w];
-		if (E) {
-			let t = E.toLowerCase();
+		}), setTimeout(() => q(null), 3e3);
+	}, Y = E.filter((e) => e.status === "active").length, X = E.filter((e) => e.status === "on-leave").length, Z = E.length > 0 ? (E.reduce((e, t) => e + t.performance.rating, 0) / E.length).toFixed(1) : "0";
+	E.reduce((e, t) => e + t.totalEarnings, 0);
+	let Q = i(() => {
+		let e = [...E];
+		if (O) {
+			let t = O.toLowerCase();
 			e = e.filter((e) => `${e.firstName} ${e.lastName}`.toLowerCase().includes(t) || e.email.toLowerCase().includes(t) || e.phone.includes(t));
 		}
-		switch (O && (e = e.filter((e) => e.role === O)), A && (e = e.filter((e) => e.status === A)), M) {
+		switch (A && (e = e.filter((e) => e.role === A)), M && (e = e.filter((e) => e.status === M)), P) {
 			case "name":
 				e.sort((e, t) => `${e.firstName} ${e.lastName}`.localeCompare(`${t.firstName} ${t.lastName}`));
 				break;
@@ -221,19 +223,19 @@ var y = [
 		}
 		return e;
 	}, [
-		w,
 		E,
 		O,
 		A,
-		M
-	]), Z = () => {
-		if (!B.email || !B.firstName || !B.lastName) {
-			K("Please fill in all required fields", "error");
+		M,
+		P
+	]), $ = () => {
+		if (!H.email || !H.firstName || !H.lastName) {
+			J("Please fill in all required fields", "error");
 			return;
 		}
 		let e = {
 			id: `staff-${Date.now()}`,
-			...B,
+			...H,
 			status: "active",
 			dateJoined: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
 			hoursWorked: 0,
@@ -246,9 +248,9 @@ var y = [
 			},
 			shiftsThisWeek: 0
 		};
-		T((t) => [...t, e]), F(!1), V(S), K("Staff member invited successfully", "success");
-	}, Q = (e) => {
-		z(e), U({
+		D((t) => [...t, e]), L(!1), U(w), J("Staff member invited successfully", "success");
+	}, ee = (e) => {
+		V(e), G({
 			firstName: e.firstName,
 			lastName: e.lastName,
 			email: e.email,
@@ -256,14 +258,14 @@ var y = [
 			role: e.role,
 			hourlyRate: e.hourlyRate,
 			status: e.status
-		}), L(!0);
-	}, $ = () => {
-		R && (T((e) => e.map((e) => e.id === R.id ? {
+		}), z(!0);
+	}, te = () => {
+		B && (D((e) => e.map((e) => e.id === B.id ? {
 			...e,
-			...H
-		} : e)), L(!1), K("Staff member updated successfully", "success"));
-	}, ee = (e) => {
-		T((t) => t.map((t) => {
+			...W
+		} : e)), z(!1), J("Staff member updated successfully", "success"));
+	}, ne = (e) => {
+		D((t) => t.map((t) => {
 			if (t.id === e) {
 				let e = t.status === "active" ? "inactive" : "active";
 				return {
@@ -272,9 +274,9 @@ var y = [
 				};
 			}
 			return t;
-		})), K("Staff status updated", "success");
-	}, te = (e) => {
-		confirm("Are you sure you want to remove this staff member?") && (T((t) => t.filter((t) => t.id !== e)), K("Staff member removed", "success"));
+		})), J("Staff status updated", "success");
+	}, re = (e) => {
+		confirm("Are you sure you want to remove this staff member?") && (D((t) => t.filter((t) => t.id !== e)), J("Staff member removed", "success"));
 	};
 	return /* @__PURE__ */ v(n, {
 		title: "Staff Management",
@@ -282,30 +284,37 @@ var y = [
 		actions: /* @__PURE__ */ v("button", {
 			type: "button",
 			onClick: () => {
-				V(S), F(!0);
+				U(w), L(!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__ */ _(m, { className: "h-4 w-4" }), "Invite Staff"]
+			children: [/* @__PURE__ */ _(h, { className: "h-4 w-4" }), "Invite Staff"]
 		}),
 		children: [
+			/* @__PURE__ */ _(b, {
+				className: "mb-6",
+				children: "Your team in one place. Use this page to invite workers and delivery partners, see who's active or on leave right now, manage roles and ratings, and keep shifts covered so orders go out on time. Invite new staff and review performance to build a reliable crew around your cart."
+			}),
 			/* @__PURE__ */ v("div", {
 				className: "space-y-4",
 				children: [
-					W && /* @__PURE__ */ v("div", {
-						className: t("flex items-center gap-2 rounded-lg border p-3", W.type === "success" ? "border-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
-						children: [W.type === "success" ? /* @__PURE__ */ _(o, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ _(a, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ _("span", {
-							className: t("text-sm font-medium", W.type === "success" ? "text-status-success-text" : "text-status-error-text"),
-							children: W.text
+					K && /* @__PURE__ */ v("div", {
+						className: t("flex items-center gap-2 rounded-lg border p-3", K.type === "success" ? "border-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
+						children: [K.type === "success" ? /* @__PURE__ */ _(s, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ _(o, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ _("span", {
+							className: t("text-sm font-medium", K.type === "success" ? "text-status-success-text" : "text-status-error-text"),
+							children: K.text
 						})]
 					}),
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ v(y, { children: [/* @__PURE__ */ _("h2", {
+						className: "mb-4 text-base font-semibold text-text-primary",
+						children: "Team Overview"
+					}), /* @__PURE__ */ v("div", {
 						className: "grid grid-cols-2 sm:grid-cols-4 gap-3",
 						children: [
 							/* @__PURE__ */ v("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
 								children: [/* @__PURE__ */ _("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: w.length
+									children: E.length
 								}), /* @__PURE__ */ _("p", {
 									className: "text-xs text-text-secondary",
 									children: "Total Staff"
@@ -315,7 +324,7 @@ var y = [
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
 								children: [/* @__PURE__ */ _("p", {
 									className: "text-2xl font-bold text-status-success-text",
-									children: q
+									children: Y
 								}), /* @__PURE__ */ _("p", {
 									className: "text-xs text-text-secondary",
 									children: "Active Now"
@@ -325,7 +334,7 @@ var y = [
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
 								children: [/* @__PURE__ */ _("p", {
 									className: "text-2xl font-bold text-status-warning-text",
-									children: J
+									children: X
 								}), /* @__PURE__ */ _("p", {
 									className: "text-xs text-text-secondary",
 									children: "On Leave"
@@ -335,14 +344,14 @@ var y = [
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
 								children: [/* @__PURE__ */ _("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: Y
+									children: Z
 								}), /* @__PURE__ */ _("p", {
 									className: "text-xs text-text-secondary",
 									children: "Avg. Rating"
 								})]
 							})
 						]
-					}),
+					})] }),
 					/* @__PURE__ */ _("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
 						children: /* @__PURE__ */ v("div", {
@@ -350,41 +359,41 @@ var y = [
 							children: [
 								/* @__PURE__ */ v("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ _(d, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ _("input", {
+									children: [/* @__PURE__ */ _(f, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ _("input", {
 										type: "text",
 										placeholder: "Search staff...",
-										value: E,
-										onChange: (e) => D(e.target.value),
+										value: O,
+										onChange: (e) => k(e.target.value),
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface pl-10 pr-4 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 									})]
 								}),
 								/* @__PURE__ */ v("select", {
-									value: O,
-									onChange: (e) => k(e.target.value),
+									value: A,
+									onChange: (e) => j(e.target.value),
 									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									children: [/* @__PURE__ */ _("option", {
 										value: "",
 										children: "All Roles"
-									}), Object.entries(x).map(([e, t]) => /* @__PURE__ */ _("option", {
+									}), Object.entries(C).map(([e, t]) => /* @__PURE__ */ _("option", {
 										value: e,
 										children: t.label
 									}, e))]
 								}),
 								/* @__PURE__ */ v("select", {
-									value: A,
-									onChange: (e) => j(e.target.value),
+									value: M,
+									onChange: (e) => N(e.target.value),
 									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									children: [/* @__PURE__ */ _("option", {
 										value: "",
 										children: "All Status"
-									}), Object.entries(b).map(([e, t]) => /* @__PURE__ */ _("option", {
+									}), Object.entries(S).map(([e, t]) => /* @__PURE__ */ _("option", {
 										value: e,
 										children: t.label
 									}, e))]
 								}),
 								/* @__PURE__ */ v("select", {
-									value: M,
-									onChange: (e) => N(e.target.value),
+									value: P,
+									onChange: (e) => F(e.target.value),
 									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									children: [
 										/* @__PURE__ */ _("option", {
@@ -408,23 +417,29 @@ var y = [
 							]
 						})
 					}),
-					X.length === 0 ? /* @__PURE__ */ v("div", {
-						className: "flex flex-col items-center justify-center py-16 rounded-lg border border-border-subtle bg-bg-surface shadow-sm text-center",
-						children: [
-							/* @__PURE__ */ _(h, { className: "h-12 w-12 text-text-secondary opacity-40 mb-3" }),
-							/* @__PURE__ */ _("p", {
-								className: "text-sm font-medium text-text-primary",
-								children: "No staff members found"
-							}),
-							/* @__PURE__ */ _("p", {
-								className: "text-xs text-text-secondary mt-1",
-								children: "Try adjusting your filters"
-							})
-						]
+					Q.length === 0 ? /* @__PURE__ */ _(r, {
+						illustration: O || A || M ? "empty-search" : "empty-people",
+						title: "No staff members found",
+						description: O || A || M ? "No team members match your current filters. Try clearing them or searching for a different name." : "You have no staff yet. Invite your first worker or delivery partner to start building your team.",
+						action: O || A || M ? /* @__PURE__ */ _("button", {
+							type: "button",
+							onClick: () => {
+								k(""), j(""), N(""), F("name");
+							},
+							className: "rounded-md border border-border-subtle px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken",
+							children: "Clear filters"
+						}) : /* @__PURE__ */ v("button", {
+							type: "button",
+							onClick: () => {
+								U(w), L(!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",
+							children: [/* @__PURE__ */ _(h, { className: "h-4 w-4" }), "Invite Staff"]
+						})
 					}) : /* @__PURE__ */ _("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm divide-y divide-border",
-						children: X.map((e) => {
-							let n = b[e.status], r = x[e.role];
+						children: Q.map((e) => {
+							let n = S[e.status], r = C[e.role];
 							return /* @__PURE__ */ v("div", {
 								className: "p-4 sm:p-5 hover:bg-bg-sunken/30 transition-colors",
 								children: [/* @__PURE__ */ v("div", {
@@ -463,10 +478,10 @@ var y = [
 												className: "flex items-center gap-3 mt-1 text-xs text-text-secondary flex-wrap",
 												children: [/* @__PURE__ */ v("span", {
 													className: "flex items-center gap-1",
-													children: [/* @__PURE__ */ _(l, { className: "h-3 w-3" }), e.email]
+													children: [/* @__PURE__ */ _(u, { className: "h-3 w-3" }), e.email]
 												}), /* @__PURE__ */ v("span", {
 													className: "flex items-center gap-1",
-													children: [/* @__PURE__ */ _(u, { className: "h-3 w-3" }), e.phone]
+													children: [/* @__PURE__ */ _(d, { className: "h-3 w-3" }), e.phone]
 												})]
 											})]
 										})]
@@ -479,7 +494,7 @@ var y = [
 													className: "text-center",
 													children: [/* @__PURE__ */ v("p", {
 														className: "font-bold text-text-primary flex items-center gap-0.5 justify-center",
-														children: [/* @__PURE__ */ _(f, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), e.performance.rating]
+														children: [/* @__PURE__ */ _(p, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), e.performance.rating]
 													}), /* @__PURE__ */ _("p", {
 														className: "text-text-secondary",
 														children: "Rating"
@@ -509,7 +524,7 @@ var y = [
 													className: "text-center",
 													children: [/* @__PURE__ */ v("p", {
 														className: "font-bold text-text-primary flex items-center gap-0.5 justify-center",
-														children: [/* @__PURE__ */ _(s, { className: "h-3 w-3 text-text-secondary" }), e.currentShift]
+														children: [/* @__PURE__ */ _(c, { className: "h-3 w-3 text-text-secondary" }), e.currentShift]
 													}), /* @__PURE__ */ _("p", {
 														className: "text-text-secondary",
 														children: "Shift"
@@ -521,24 +536,24 @@ var y = [
 											children: [
 												/* @__PURE__ */ _("button", {
 													type: "button",
-													onClick: () => ee(e.id),
+													onClick: () => ne(e.id),
 													className: t("h-6 w-11 rounded-full transition-colors relative", e.status === "active" ? "bg-status-success-text" : "bg-muted-foreground/30"),
 													title: e.status === "active" ? "Deactivate" : "Activate",
 													children: /* @__PURE__ */ _("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", e.status === "active" ? "translate-x-5" : "translate-x-0.5") })
 												}),
 												/* @__PURE__ */ _("button", {
 													type: "button",
-													onClick: () => Q(e),
+													onClick: () => ee(e),
 													className: "rounded p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors",
 													title: "Edit",
-													children: /* @__PURE__ */ _(c, { className: "h-4 w-4" })
+													children: /* @__PURE__ */ _(l, { className: "h-4 w-4" })
 												}),
 												/* @__PURE__ */ _("button", {
 													type: "button",
-													onClick: () => te(e.id),
+													onClick: () => re(e.id),
 													className: "rounded p-1.5 text-text-secondary hover:bg-status-error-bg-subtle hover:text-status-error-text transition-colors",
 													title: "Remove",
-													children: /* @__PURE__ */ _(p, { className: "h-4 w-4" })
+													children: /* @__PURE__ */ _(m, { className: "h-4 w-4" })
 												})
 											]
 										})]
@@ -548,13 +563,13 @@ var y = [
 									children: [
 										/* @__PURE__ */ v("span", {
 											className: "flex items-center gap-0.5",
-											children: [/* @__PURE__ */ _(f, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), e.performance.rating]
+											children: [/* @__PURE__ */ _(p, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), e.performance.rating]
 										}),
 										/* @__PURE__ */ v("span", { children: [e.performance.tasksCompleted, " tasks"] }),
 										/* @__PURE__ */ v("span", { children: [e.performance.punctuality, "% on time"] }),
 										e.currentShift && /* @__PURE__ */ v("span", {
 											className: "flex items-center gap-0.5",
-											children: [/* @__PURE__ */ _(s, { className: "h-3 w-3" }), e.currentShift]
+											children: [/* @__PURE__ */ _(c, { className: "h-3 w-3" }), e.currentShift]
 										}),
 										/* @__PURE__ */ v("span", { children: [e.shiftsThisWeek, " shifts/wk"] })
 									]
@@ -564,7 +579,7 @@ var y = [
 					})
 				]
 			}),
-			P && /* @__PURE__ */ _("div", {
+			I && /* @__PURE__ */ _("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ _("div", {
 					className: "w-full max-w-lg rounded-lg border border-border-subtle bg-bg-surface shadow-xl",
@@ -578,7 +593,7 @@ var y = [
 									children: "Invite Staff Member"
 								}), /* @__PURE__ */ _("button", {
 									type: "button",
-									onClick: () => F(!1),
+									onClick: () => L(!1),
 									className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken",
 									children: /* @__PURE__ */ _(g, { className: "h-5 w-5" })
 								})]
@@ -593,8 +608,8 @@ var y = [
 											children: "First Name *"
 										}), /* @__PURE__ */ _("input", {
 											type: "text",
-											value: B.firstName,
-											onChange: (e) => V((t) => ({
+											value: H.firstName,
+											onChange: (e) => U((t) => ({
 												...t,
 												firstName: e.target.value
 											})),
@@ -604,8 +619,8 @@ var y = [
 											children: "Last Name *"
 										}), /* @__PURE__ */ _("input", {
 											type: "text",
-											value: B.lastName,
-											onChange: (e) => V((t) => ({
+											value: H.lastName,
+											onChange: (e) => U((t) => ({
 												...t,
 												lastName: e.target.value
 											})),
@@ -617,8 +632,8 @@ var y = [
 										children: "Email *"
 									}), /* @__PURE__ */ _("input", {
 										type: "email",
-										value: B.email,
-										onChange: (e) => V((t) => ({
+										value: H.email,
+										onChange: (e) => U((t) => ({
 											...t,
 											email: e.target.value
 										})),
@@ -629,8 +644,8 @@ var y = [
 										children: "Phone"
 									}), /* @__PURE__ */ _("input", {
 										type: "tel",
-										value: B.phone,
-										onChange: (e) => V((t) => ({
+										value: H.phone,
+										onChange: (e) => U((t) => ({
 											...t,
 											phone: e.target.value
 										})),
@@ -642,13 +657,13 @@ var y = [
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Role"
 										}), /* @__PURE__ */ _("select", {
-											value: B.role,
-											onChange: (e) => V((t) => ({
+											value: H.role,
+											onChange: (e) => U((t) => ({
 												...t,
 												role: e.target.value
 											})),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-											children: Object.entries(x).map(([e, t]) => /* @__PURE__ */ _("option", {
+											children: Object.entries(C).map(([e, t]) => /* @__PURE__ */ _("option", {
 												value: e,
 												children: t.label
 											}, e))
@@ -657,8 +672,8 @@ var y = [
 											children: "Hourly Rate (₹)"
 										}), /* @__PURE__ */ _("input", {
 											type: "number",
-											value: B.hourlyRate,
-											onChange: (e) => V((t) => ({
+											value: H.hourlyRate,
+											onChange: (e) => U((t) => ({
 												...t,
 												hourlyRate: parseInt(e.target.value) || 0
 											})),
@@ -671,12 +686,12 @@ var y = [
 								className: "flex gap-3 mt-6",
 								children: [/* @__PURE__ */ _("button", {
 									type: "button",
-									onClick: () => F(!1),
+									onClick: () => L(!1),
 									className: "flex-1 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
 									children: "Cancel"
 								}), /* @__PURE__ */ _("button", {
 									type: "button",
-									onClick: Z,
+									onClick: $,
 									className: "flex-1 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80",
 									children: "Send Invite"
 								})]
@@ -685,7 +700,7 @@ var y = [
 					})
 				})
 			}),
-			I && R && /* @__PURE__ */ _("div", {
+			R && B && /* @__PURE__ */ _("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ _("div", {
 					className: "w-full max-w-lg rounded-lg border border-border-subtle bg-bg-surface shadow-xl",
@@ -699,7 +714,7 @@ var y = [
 									children: "Edit Staff Member"
 								}), /* @__PURE__ */ _("button", {
 									type: "button",
-									onClick: () => L(!1),
+									onClick: () => z(!1),
 									className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken",
 									children: /* @__PURE__ */ _(g, { className: "h-5 w-5" })
 								})]
@@ -714,8 +729,8 @@ var y = [
 											children: "First Name"
 										}), /* @__PURE__ */ _("input", {
 											type: "text",
-											value: H.firstName,
-											onChange: (e) => U((t) => ({
+											value: W.firstName,
+											onChange: (e) => G((t) => ({
 												...t,
 												firstName: e.target.value
 											})),
@@ -725,8 +740,8 @@ var y = [
 											children: "Last Name"
 										}), /* @__PURE__ */ _("input", {
 											type: "text",
-											value: H.lastName,
-											onChange: (e) => U((t) => ({
+											value: W.lastName,
+											onChange: (e) => G((t) => ({
 												...t,
 												lastName: e.target.value
 											})),
@@ -738,8 +753,8 @@ var y = [
 										children: "Email"
 									}), /* @__PURE__ */ _("input", {
 										type: "email",
-										value: H.email,
-										onChange: (e) => U((t) => ({
+										value: W.email,
+										onChange: (e) => G((t) => ({
 											...t,
 											email: e.target.value
 										})),
@@ -750,8 +765,8 @@ var y = [
 										children: "Phone"
 									}), /* @__PURE__ */ _("input", {
 										type: "tel",
-										value: H.phone,
-										onChange: (e) => U((t) => ({
+										value: W.phone,
+										onChange: (e) => G((t) => ({
 											...t,
 											phone: e.target.value
 										})),
@@ -764,13 +779,13 @@ var y = [
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Role"
 											}), /* @__PURE__ */ _("select", {
-												value: H.role,
-												onChange: (e) => U((t) => ({
+												value: W.role,
+												onChange: (e) => G((t) => ({
 													...t,
 													role: e.target.value
 												})),
 												className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-												children: Object.entries(x).map(([e, t]) => /* @__PURE__ */ _("option", {
+												children: Object.entries(C).map(([e, t]) => /* @__PURE__ */ _("option", {
 													value: e,
 													children: t.label
 												}, e))
@@ -780,8 +795,8 @@ var y = [
 												children: "Rate (₹/hr)"
 											}), /* @__PURE__ */ _("input", {
 												type: "number",
-												value: H.hourlyRate,
-												onChange: (e) => U((t) => ({
+												value: W.hourlyRate,
+												onChange: (e) => G((t) => ({
 													...t,
 													hourlyRate: parseInt(e.target.value) || 0
 												})),
@@ -791,13 +806,13 @@ var y = [
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Status"
 											}), /* @__PURE__ */ _("select", {
-												value: H.status,
-												onChange: (e) => U((t) => ({
+												value: W.status,
+												onChange: (e) => G((t) => ({
 													...t,
 													status: e.target.value
 												})),
 												className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-												children: Object.entries(b).map(([e, t]) => /* @__PURE__ */ _("option", {
+												children: Object.entries(S).map(([e, t]) => /* @__PURE__ */ _("option", {
 													value: e,
 													children: t.label
 												}, e))
@@ -810,12 +825,12 @@ var y = [
 								className: "flex gap-3 mt-6",
 								children: [/* @__PURE__ */ _("button", {
 									type: "button",
-									onClick: () => L(!1),
+									onClick: () => z(!1),
 									className: "flex-1 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
 									children: "Cancel"
 								}), /* @__PURE__ */ _("button", {
 									type: "button",
-									onClick: $,
+									onClick: te,
 									className: "flex-1 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80",
 									children: "Save Changes"
 								})]
@@ -828,6 +843,6 @@ var y = [
 	});
 };
 //#endregion
-export { C as StaffManagementPage };
+export { T as StaffManagementPage };
 
 //# sourceMappingURL=StaffManagementPage.js.map