@burdenoff/microfe-atheletebridge 2026.624.1 → 2026.625.2

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

@@ -1,11 +1,13 @@
 import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.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/atheletebridge/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-green-600 dark:text-green-400",
@@ -155,7 +157,7 @@ var y = [
 		color: "text-red-600 dark:text-red-400",
 		dot: "bg-red-500"
 	}
-}, x = {
+}, C = {
 	manager: {
 		label: "Manager",
 		color: "bg-purple-500/20 text-purple-600 dark:text-purple-400"
@@ -176,15 +178,15 @@ var y = [
 		label: "Cashier",
 		color: "bg-cyan-500/20 text-cyan-600 dark:text-cyan-400"
 	}
-}, 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,66 +284,70 @@ 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__ */ 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-green-500/30 bg-green-500/10" : "border-red-500/30 bg-red-500/10"),
-						children: [W.type === "success" ? /* @__PURE__ */ _(o, { className: "h-4 w-4 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ _(a, { className: "h-4 w-4 text-red-600 dark:text-red-400" }), /* @__PURE__ */ _("span", {
-							className: t("text-sm font-medium", W.type === "success" ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
-							children: W.text
+					K && /* @__PURE__ */ v("div", {
+						className: t("flex items-center gap-2 rounded-lg border p-3", K.type === "success" ? "border-green-500/30 bg-green-500/10" : "border-red-500/30 bg-red-500/10"),
+						children: [K.type === "success" ? /* @__PURE__ */ _(s, { className: "h-4 w-4 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ _(o, { className: "h-4 w-4 text-red-600 dark:text-red-400" }), /* @__PURE__ */ _("span", {
+							className: t("text-sm font-medium", K.type === "success" ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+							children: K.text
 						})]
 					}),
-					/* @__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
-								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-text-secondary",
-									children: "Total Staff"
-								})]
-							}),
-							/* @__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-green-600 dark:text-green-400",
-									children: q
-								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-text-secondary",
-									children: "Active Now"
-								})]
-							}),
-							/* @__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-yellow-600 dark:text-yellow-400",
-									children: J
-								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-text-secondary",
-									children: "On Leave"
-								})]
-							}),
-							/* @__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: Y
-								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-text-secondary",
-									children: "Avg. Rating"
-								})]
-							})
-						]
+					/* @__PURE__ */ _(b, { children: "Build and manage your team. Invite workers and delivery partners, see who's active or on leave, track ratings, and manage shifts. A well-staffed, well-rated team keeps orders flowing and customers happy." }),
+					/* @__PURE__ */ _(y, {
+						className: "p-5",
+						children: /* @__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: E.length
+									}), /* @__PURE__ */ _("p", {
+										className: "text-xs text-text-secondary",
+										children: "Total Staff"
+									})]
+								}),
+								/* @__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-green-600 dark:text-green-400",
+										children: Y
+									}), /* @__PURE__ */ _("p", {
+										className: "text-xs text-text-secondary",
+										children: "Active Now"
+									})]
+								}),
+								/* @__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-yellow-600 dark:text-yellow-400",
+										children: X
+									}), /* @__PURE__ */ _("p", {
+										className: "text-xs text-text-secondary",
+										children: "On Leave"
+									})]
+								}),
+								/* @__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: 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",
@@ -350,41 +356,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 +414,25 @@ 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__ */ _("div", {
+						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
+						children: /* @__PURE__ */ _(r, {
+							illustration: "empty-people",
+							title: "No staff members found",
+							description: "No team members match your filters. Adjust your search, or invite your first staff member to get started.",
+							action: /* @__PURE__ */ v("button", {
+								type: "button",
+								onClick: () => {
+									U(w), L(!0);
+								},
+								className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
+								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 +471,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 +487,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-yellow-400 text-yellow-400" }), e.performance.rating]
+														children: [/* @__PURE__ */ _(p, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), e.performance.rating]
 													}), /* @__PURE__ */ _("p", {
 														className: "text-text-secondary",
 														children: "Rating"
@@ -509,7 +517,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 +529,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-green-500" : "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-red-500/10 hover:text-red-600 transition-colors",
 													title: "Remove",
-													children: /* @__PURE__ */ _(p, { className: "h-4 w-4" })
+													children: /* @__PURE__ */ _(m, { className: "h-4 w-4" })
 												})
 											]
 										})]
@@ -548,13 +556,13 @@ var y = [
 									children: [
 										/* @__PURE__ */ v("span", {
 											className: "flex items-center gap-0.5",
-											children: [/* @__PURE__ */ _(f, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), e.performance.rating]
+											children: [/* @__PURE__ */ _(p, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), 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 +572,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 +586,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 +601,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 +612,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 +625,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 +637,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 +650,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 +665,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 +679,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 +693,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 +707,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 +722,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 +733,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 +746,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 +758,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 +772,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 +788,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 +799,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 +818,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 +836,6 @@ var y = [
 	});
 };
 //#endregion
-export { C as StaffManagementPage };
+export { T as StaffManagementPage };
 
 //# sourceMappingURL=StaffManagementPage.js.map