@burdenoff/microfe-adaptercloud 2026.625.1 → 2026.625.2

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

@@ -1,11 +1,13 @@
 import { useAdapterCloud as e } from "../../context/AdapterCloudContext.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 } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/cart-owner/StaffManagementPage.tsx
-var y = [
+var b = [
 	{
 		id: "staff-001",
 		firstName: "Ravi",
@@ -134,7 +136,7 @@ var y = [
 		currentShift: "08:00 - 16:00",
 		shiftsThisWeek: 6
 	}
-], b = {
+], x = {
 	active: {
 		label: "Active",
 		color: "text-status-success-text",
@@ -155,7 +157,7 @@ var y = [
 		color: "text-status-error-text",
 		dot: "bg-status-error-bg-subtle"
 	}
-}, x = {
+}, S = {
 	manager: {
 		label: "Manager",
 		color: "bg-accent-purple-subtle/20 text-accent-purple"
@@ -176,15 +178,15 @@ var y = [
 		label: "Cashier",
 		color: "bg-accent-cyan-subtle/20 text-accent-cyan"
 	}
-}, S = {
+}, C = {
 	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({
+}, w = () => {
+	let { navigateTo: w } = e(), [T, E] = a(b), [D, O] = a(""), [k, A] = a(""), [j, M] = a(""), [N, P] = a("name"), [F, I] = a(!1), [L, R] = a(!1), [z, B] = a(null), [V, H] = a(C), [U, W] = a({
 		firstName: "",
 		lastName: "",
 		email: "",
@@ -192,20 +194,20 @@ var y = [
 		role: "server",
 		hourlyRate: 150,
 		status: "active"
-	}), [W, G] = i(null), K = (e, t) => {
-		G({
+	}), [G, K] = a(null), q = (e, t) => {
+		K({
 			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(() => K(null), 3e3);
+	}, J = T.filter((e) => e.status === "active").length, Y = T.filter((e) => e.status === "on-leave").length, X = T.length > 0 ? (T.reduce((e, t) => e + t.performance.rating, 0) / T.length).toFixed(1) : "0";
+	T.reduce((e, t) => e + t.totalEarnings, 0);
+	let Z = i(() => {
+		let e = [...T];
+		if (D) {
+			let t = D.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 (k && (e = e.filter((e) => e.role === k)), j && (e = e.filter((e) => e.status === j)), N) {
 			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");
+		T,
+		D,
+		k,
+		j,
+		N
+	]), Q = () => {
+		if (!V.email || !V.firstName || !V.lastName) {
+			q("Please fill in all required fields", "error");
 			return;
 		}
 		let e = {
 			id: `staff-${Date.now()}`,
-			...B,
+			...V,
 			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({
+		E((t) => [...t, e]), I(!1), H(C), q("Staff member invited successfully", "success");
+	}, $ = (e) => {
+		B(e), W({
 			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 ? {
+		}), R(!0);
+	}, ee = () => {
+		z && (E((e) => e.map((e) => e.id === z.id ? {
 			...e,
-			...H
-		} : e)), L(!1), K("Staff member updated successfully", "success"));
-	}, ee = (e) => {
-		T((t) => t.map((t) => {
+			...U
+		} : e)), R(!1), q("Staff member updated successfully", "success"));
+	}, te = (e) => {
+		E((t) => t.map((t) => {
 			if (t.id === e) {
 				let e = t.status === "active" ? "inactive" : "active";
 				return {
@@ -272,40 +274,41 @@ 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"));
+		})), q("Staff status updated", "success");
+	}, ne = (e) => {
+		confirm("Are you sure you want to remove this staff member?") && (E((t) => t.filter((t) => t.id !== e)), q("Staff member removed", "success"));
 	};
 	return /* @__PURE__ */ v(n, {
 		title: "Staff Management",
 		description: "Manage your workers, delivery partners, and shifts",
+		purpose: "Build and run your team — invite workers and delivery partners, set their roles, and schedule shifts so you always have enough hands during your busy hours. A well-staffed cart fulfils orders faster.",
 		actions: /* @__PURE__ */ v("button", {
 			type: "button",
 			onClick: () => {
-				V(S), F(!0);
+				H(C), I(!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-status-success-border/30 bg-status-success-bg-subtle/10" : "border-status-error-border/30 bg-status-error-bg-subtle/10"),
-						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
+					G && /* @__PURE__ */ v("div", {
+						className: t("flex items-center gap-2 rounded-lg border p-3", G.type === "success" ? "border-status-success-border/30 bg-status-success-bg-subtle/10" : "border-status-error-border/30 bg-status-error-bg-subtle/10"),
+						children: [G.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", G.type === "success" ? "text-status-success-text" : "text-status-error-text"),
+							children: G.text
 						})]
 					}),
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ _(y, { 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-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ _("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: w.length
+									children: T.length
 								}), /* @__PURE__ */ _("p", {
 									className: "text-xs text-text-secondary",
 									children: "Total Staff"
@@ -315,7 +318,7 @@ var y = [
 								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ _("p", {
 									className: "text-2xl font-bold text-status-success-text",
-									children: q
+									children: J
 								}), /* @__PURE__ */ _("p", {
 									className: "text-xs text-text-secondary",
 									children: "Active Now"
@@ -325,7 +328,7 @@ var y = [
 								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ _("p", {
 									className: "text-2xl font-bold text-status-warning-text",
-									children: J
+									children: Y
 								}), /* @__PURE__ */ _("p", {
 									className: "text-xs text-text-secondary",
 									children: "On Leave"
@@ -335,14 +338,14 @@ var y = [
 								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ _("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: Y
+									children: X
 								}), /* @__PURE__ */ _("p", {
 									className: "text-xs text-text-secondary",
 									children: "Avg. Rating"
 								})]
 							})
 						]
-					}),
+					}) }),
 					/* @__PURE__ */ _("div", {
 						className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 						children: /* @__PURE__ */ v("div", {
@@ -350,41 +353,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: D,
+										onChange: (e) => O(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: k,
+									onChange: (e) => A(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(S).map(([e, t]) => /* @__PURE__ */ _("option", {
 										value: e,
 										children: t.label
 									}, e))]
 								}),
 								/* @__PURE__ */ v("select", {
-									value: A,
-									onChange: (e) => j(e.target.value),
+									value: j,
+									onChange: (e) => M(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(x).map(([e, t]) => /* @__PURE__ */ _("option", {
 										value: e,
 										children: t.label
 									}, e))]
 								}),
 								/* @__PURE__ */ v("select", {
-									value: M,
-									onChange: (e) => N(e.target.value),
+									value: N,
+									onChange: (e) => P(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 +411,14 @@ 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"
-							})
-						]
+					Z.length === 0 ? /* @__PURE__ */ _(r, {
+						illustration: "empty-people",
+						title: "No staff members found",
+						description: T.length === 0 ? "Invite your first worker or delivery partner to get started." : "No staff match your filters. Try adjusting them."
 					}) : /* @__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: Z.map((e) => {
+							let n = x[e.status], r = S[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 +457,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 +473,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 +503,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 +515,24 @@ var y = [
 											children: [
 												/* @__PURE__ */ _("button", {
 													type: "button",
-													onClick: () => ee(e.id),
+													onClick: () => te(e.id),
 													className: t("h-6 w-11 rounded-full transition-colors relative", e.status === "active" ? "bg-status-success-bg-subtle" : "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: () => $(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: () => ne(e.id),
 													className: "rounded p-1.5 text-text-secondary hover:bg-status-error-bg-subtle/10 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 +542,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 +558,7 @@ var y = [
 					})
 				]
 			}),
-			P && /* @__PURE__ */ _("div", {
+			F && /* @__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 +572,7 @@ var y = [
 									children: "Invite Staff Member"
 								}), /* @__PURE__ */ _("button", {
 									type: "button",
-									onClick: () => F(!1),
+									onClick: () => I(!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 +587,8 @@ var y = [
 											children: "First Name *"
 										}), /* @__PURE__ */ _("input", {
 											type: "text",
-											value: B.firstName,
-											onChange: (e) => V((t) => ({
+											value: V.firstName,
+											onChange: (e) => H((t) => ({
 												...t,
 												firstName: e.target.value
 											})),
@@ -604,8 +598,8 @@ var y = [
 											children: "Last Name *"
 										}), /* @__PURE__ */ _("input", {
 											type: "text",
-											value: B.lastName,
-											onChange: (e) => V((t) => ({
+											value: V.lastName,
+											onChange: (e) => H((t) => ({
 												...t,
 												lastName: e.target.value
 											})),
@@ -617,8 +611,8 @@ var y = [
 										children: "Email *"
 									}), /* @__PURE__ */ _("input", {
 										type: "email",
-										value: B.email,
-										onChange: (e) => V((t) => ({
+										value: V.email,
+										onChange: (e) => H((t) => ({
 											...t,
 											email: e.target.value
 										})),
@@ -629,8 +623,8 @@ var y = [
 										children: "Phone"
 									}), /* @__PURE__ */ _("input", {
 										type: "tel",
-										value: B.phone,
-										onChange: (e) => V((t) => ({
+										value: V.phone,
+										onChange: (e) => H((t) => ({
 											...t,
 											phone: e.target.value
 										})),
@@ -642,13 +636,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: V.role,
+											onChange: (e) => H((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(S).map(([e, t]) => /* @__PURE__ */ _("option", {
 												value: e,
 												children: t.label
 											}, e))
@@ -657,8 +651,8 @@ var y = [
 											children: "Hourly Rate (₹)"
 										}), /* @__PURE__ */ _("input", {
 											type: "number",
-											value: B.hourlyRate,
-											onChange: (e) => V((t) => ({
+											value: V.hourlyRate,
+											onChange: (e) => H((t) => ({
 												...t,
 												hourlyRate: parseInt(e.target.value) || 0
 											})),
@@ -671,12 +665,12 @@ var y = [
 								className: "flex gap-3 mt-6",
 								children: [/* @__PURE__ */ _("button", {
 									type: "button",
-									onClick: () => F(!1),
+									onClick: () => I(!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: Q,
 									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 +679,7 @@ var y = [
 					})
 				})
 			}),
-			I && R && /* @__PURE__ */ _("div", {
+			L && z && /* @__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 +693,7 @@ var y = [
 									children: "Edit Staff Member"
 								}), /* @__PURE__ */ _("button", {
 									type: "button",
-									onClick: () => L(!1),
+									onClick: () => R(!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 +708,8 @@ var y = [
 											children: "First Name"
 										}), /* @__PURE__ */ _("input", {
 											type: "text",
-											value: H.firstName,
-											onChange: (e) => U((t) => ({
+											value: U.firstName,
+											onChange: (e) => W((t) => ({
 												...t,
 												firstName: e.target.value
 											})),
@@ -725,8 +719,8 @@ var y = [
 											children: "Last Name"
 										}), /* @__PURE__ */ _("input", {
 											type: "text",
-											value: H.lastName,
-											onChange: (e) => U((t) => ({
+											value: U.lastName,
+											onChange: (e) => W((t) => ({
 												...t,
 												lastName: e.target.value
 											})),
@@ -738,8 +732,8 @@ var y = [
 										children: "Email"
 									}), /* @__PURE__ */ _("input", {
 										type: "email",
-										value: H.email,
-										onChange: (e) => U((t) => ({
+										value: U.email,
+										onChange: (e) => W((t) => ({
 											...t,
 											email: e.target.value
 										})),
@@ -750,8 +744,8 @@ var y = [
 										children: "Phone"
 									}), /* @__PURE__ */ _("input", {
 										type: "tel",
-										value: H.phone,
-										onChange: (e) => U((t) => ({
+										value: U.phone,
+										onChange: (e) => W((t) => ({
 											...t,
 											phone: e.target.value
 										})),
@@ -764,13 +758,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: U.role,
+												onChange: (e) => W((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(S).map(([e, t]) => /* @__PURE__ */ _("option", {
 													value: e,
 													children: t.label
 												}, e))
@@ -780,8 +774,8 @@ var y = [
 												children: "Rate (₹/hr)"
 											}), /* @__PURE__ */ _("input", {
 												type: "number",
-												value: H.hourlyRate,
-												onChange: (e) => U((t) => ({
+												value: U.hourlyRate,
+												onChange: (e) => W((t) => ({
 													...t,
 													hourlyRate: parseInt(e.target.value) || 0
 												})),
@@ -791,13 +785,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: U.status,
+												onChange: (e) => W((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(x).map(([e, t]) => /* @__PURE__ */ _("option", {
 													value: e,
 													children: t.label
 												}, e))
@@ -810,12 +804,12 @@ var y = [
 								className: "flex gap-3 mt-6",
 								children: [/* @__PURE__ */ _("button", {
 									type: "button",
-									onClick: () => L(!1),
+									onClick: () => R(!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: ee,
 									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 +822,6 @@ var y = [
 	});
 };
 //#endregion
-export { C as StaffManagementPage };
+export { w as StaffManagementPage };
 
 //# sourceMappingURL=StaffManagementPage.js.map