@burdenoff/microfe-kadaikodi 2026.704.3 → 2026.704.5

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

@@ -3,252 +3,251 @@ import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
 import { useCreateProviderWorker as i, useProviderWorkers as a, useProviders as o } from "../../hooks/useKadaikodiApi.js";
-import { useMemo as s, useState as c } from "react";
-import { AlertCircle as l, CheckCircle2 as u, Mail as d, Phone as f, Search as p, UserPlus as m, X as h } from "lucide-react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { EmphasisPanel as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
+import { StatCard as s } from "../../components/viz/StatCard.js";
+import { AvatarStack as c } from "../../components/viz/AvatarStack.js";
+import "../../components/viz/index.js";
+import { useMemo as l, useState as u } from "react";
+import { AlertCircle as d, Briefcase as f, CheckCircle2 as p, Clock as m, Mail as h, Phone as g, Search as _, UserPlus as v, Users as y, X as b } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { EmphasisPanel as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/cart-owner/StaffManagementPage.tsx
-var x = [
+var ee = [
 	"MANAGER",
 	"CHEF",
 	"SERVER",
 	"DELIVERY",
 	"CASHIER"
-], S = (e) => e.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (e) => e.toUpperCase()), C = (e) => {
+], E = (e) => e.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (e) => e.toUpperCase()), D = (e) => {
 	let t = e.toUpperCase();
 	return t === "ACTIVE" ? {
-		label: S(e),
+		label: E(e),
 		color: "text-status-success-text",
 		dot: "bg-status-success-text"
 	} : t === "ON_LEAVE" || t === "ON-LEAVE" ? {
-		label: S(e),
+		label: E(e),
 		color: "text-status-warning-text",
 		dot: "bg-status-warning-text"
 	} : {
-		label: S(e),
+		label: E(e),
 		color: "text-text-secondary",
 		dot: "bg-muted-foreground"
 	};
-}, w = (e) => {
+}, O = (e) => {
 	if (!e || typeof e != "object") return {};
 	let t = e;
 	return {
 		email: typeof t.email == "string" ? t.email : void 0,
 		phone: typeof t.phone == "string" ? t.phone : void 0
 	};
-}, T = {
+}, k = {
 	name: "",
 	email: "",
 	phone: "",
 	role: "SERVER"
-}, E = () => {
-	let { currentUser: E } = e(), { data: D = [], isLoading: O } = o(), k = s(() => D.find((e) => e.ownerId === E?.id) ?? D[0], [D, E?.id]), A = k?.id, { data: j = [], isLoading: M } = a(A), N = i(), [P, F] = c(""), [I, L] = c(""), [R, z] = c(""), [B, V] = c(!1), [H, U] = c(T), [W, G] = c(null), K = (e, t) => {
-		G({
+}, A = () => {
+	let { currentUser: A } = e(), { data: j = [], isLoading: M } = o(), N = l(() => j.find((e) => e.ownerId === A?.id) ?? j[0], [j, A?.id]), P = N?.id, { data: F = [], isLoading: I } = a(P), L = i(), [R, z] = u(""), [B, V] = u(""), [H, U] = u(""), [W, G] = u(!1), [K, q] = u(k), [J, Y] = u(null), X = (e, t) => {
+		Y({
 			text: e,
 			type: t
-		}), setTimeout(() => G(null), 3e3);
-	}, q = s(() => [...new Set(j.map((e) => e.role))].sort(), [j]), J = s(() => [...new Set(j.map((e) => e.status))].sort(), [j]), Y = j.filter((e) => e.status.toUpperCase() === "ACTIVE").length, X = j.filter((e) => {
+		}), setTimeout(() => Y(null), 3e3);
+	}, Z = l(() => [...new Set(F.map((e) => e.role))].sort(), [F]), te = l(() => [...new Set(F.map((e) => e.status))].sort(), [F]), ne = F.filter((e) => e.status.toUpperCase() === "ACTIVE").length, re = F.filter((e) => {
 		let t = e.status.toUpperCase();
 		return t === "ON_LEAVE" || t === "ON-LEAVE";
-	}).length, Z = s(() => {
-		let e = [...j];
-		if (P) {
-			let t = P.toLowerCase();
+	}).length, Q = l(() => {
+		let e = [...F];
+		if (R) {
+			let t = R.toLowerCase();
 			e = e.filter((e) => {
-				let n = w(e.metadata);
+				let n = O(e.metadata);
 				return e.name.toLowerCase().includes(t) || e.role.toLowerCase().includes(t) || (n.email ?? "").toLowerCase().includes(t) || (n.phone ?? "").includes(t);
 			});
 		}
-		return I && (e = e.filter((e) => e.role === I)), R && (e = e.filter((e) => e.status === R)), e.sort((e, t) => e.name.localeCompare(t.name)), e;
+		return B && (e = e.filter((e) => e.role === B)), H && (e = e.filter((e) => e.status === H)), e.sort((e, t) => e.name.localeCompare(t.name)), e;
 	}, [
-		j,
-		P,
-		I,
-		R
-	]), Q = !!(P || I || R);
-	return /* @__PURE__ */ v(n, {
+		F,
+		R,
+		B,
+		H
+	]), $ = !!(R || B || H);
+	return /* @__PURE__ */ C(n, {
 		title: "Staff Management",
 		description: "Manage your workers and delivery partners",
-		actions: /* @__PURE__ */ v("button", {
+		actions: /* @__PURE__ */ C("button", {
 			type: "button",
 			onClick: () => {
-				U(T), V(!0);
+				q(k), G(!0);
 			},
-			disabled: !A,
-			className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", A ? "bg-accent text-text-primary hover:bg-accent/80" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-			children: [/* @__PURE__ */ _(m, { className: "h-4 w-4" }), "Add Staff"]
+			disabled: !P,
+			className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", P ? "bg-accent text-text-primary hover:bg-accent/80" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
+			children: [/* @__PURE__ */ S(v, { className: "h-4 w-4" }), "Add Staff"]
 		}),
 		children: [
-			/* @__PURE__ */ _(b, {
+			/* @__PURE__ */ S(T, {
 				className: "mb-6",
 				children: "Your team in one place. Use this page to add workers and delivery partners to your cart, see who's active, and keep your roster organised so orders go out on time. Build a reliable crew around your cart."
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ C("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__ */ _(u, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ _(l, { 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
+				children: [J && /* @__PURE__ */ C("div", {
+					className: t("flex items-center gap-2 rounded-lg border p-3", J.type === "success" ? "border-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
+					children: [J.type === "success" ? /* @__PURE__ */ S(p, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ S(d, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ S("span", {
+						className: t("text-sm font-medium", J.type === "success" ? "text-status-success-text" : "text-status-error-text"),
+						children: J.text
 					})]
-				}), O ? /* @__PURE__ */ _("div", {
+				}), M ? /* @__PURE__ */ S("div", {
 					className: "flex items-center justify-center py-24",
-					children: /* @__PURE__ */ _("div", { className: "h-10 w-10 animate-spin rounded-full border-b-2 border-foreground" })
-				}) : k ? /* @__PURE__ */ v(g, { children: [
-					/* @__PURE__ */ v(y, { children: [/* @__PURE__ */ _("h2", {
-						className: "mb-4 text-base font-semibold text-text-primary",
-						children: "Team Overview"
-					}), /* @__PURE__ */ v("div", {
+					children: /* @__PURE__ */ S("div", { className: "h-10 w-10 animate-spin rounded-full border-b-2 border-foreground" })
+				}) : N ? /* @__PURE__ */ C(x, { children: [
+					/* @__PURE__ */ C(w, { children: [/* @__PURE__ */ C("div", {
+						className: "mb-4 flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ S("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Team Overview"
+						}), F.length > 0 && /* @__PURE__ */ S(c, {
+							people: F.map((e) => ({
+								name: e.name,
+								role: e.role
+							})),
+							max: 6,
+							size: 30
+						})]
+					}), /* @__PURE__ */ C("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: j.length
-								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-text-secondary",
-									children: "Total Staff"
-								})]
+							/* @__PURE__ */ S(s, {
+								label: "Total Staff",
+								value: F.length,
+								icon: /* @__PURE__ */ S(y, { className: "h-4 w-4" })
 							}),
-							/* @__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-status-success-text",
-									children: Y
-								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-text-secondary",
-									children: "Active"
-								})]
+							/* @__PURE__ */ S(s, {
+								label: "Active",
+								value: /* @__PURE__ */ S("span", {
+									className: "text-status-success-text",
+									children: ne
+								}),
+								icon: /* @__PURE__ */ S(p, { className: "h-4 w-4" })
 							}),
-							/* @__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-status-warning-text",
-									children: X
-								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-text-secondary",
-									children: "On Leave"
-								})]
+							/* @__PURE__ */ S(s, {
+								label: "On Leave",
+								value: /* @__PURE__ */ S("span", {
+									className: "text-status-warning-text",
+									children: re
+								}),
+								icon: /* @__PURE__ */ S(m, { className: "h-4 w-4" })
 							}),
-							/* @__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: q.length
-								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-text-secondary",
-									children: "Roles"
-								})]
+							/* @__PURE__ */ S(s, {
+								label: "Roles",
+								value: Z.length,
+								icon: /* @__PURE__ */ S(f, { className: "h-4 w-4" })
 							})
 						]
 					})] }),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ S("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-						children: /* @__PURE__ */ v("div", {
+						children: /* @__PURE__ */ C("div", {
 							className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3",
 							children: [
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ C("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ _(p, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ _("input", {
+									children: [/* @__PURE__ */ S(_, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ S("input", {
 										type: "text",
 										placeholder: "Search staff...",
-										value: P,
-										onChange: (e) => F(e.target.value),
+										value: R,
+										onChange: (e) => z(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: I,
-									onChange: (e) => L(e.target.value),
+								/* @__PURE__ */ C("select", {
+									value: B,
+									onChange: (e) => V(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", {
+									children: [/* @__PURE__ */ S("option", {
 										value: "",
 										children: "All Roles"
-									}), q.map((e) => /* @__PURE__ */ _("option", {
+									}), Z.map((e) => /* @__PURE__ */ S("option", {
 										value: e,
-										children: S(e)
+										children: E(e)
 									}, e))]
 								}),
-								/* @__PURE__ */ v("select", {
-									value: R,
-									onChange: (e) => z(e.target.value),
+								/* @__PURE__ */ C("select", {
+									value: H,
+									onChange: (e) => U(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", {
+									children: [/* @__PURE__ */ S("option", {
 										value: "",
 										children: "All Status"
-									}), J.map((e) => /* @__PURE__ */ _("option", {
+									}), te.map((e) => /* @__PURE__ */ S("option", {
 										value: e,
-										children: S(e)
+										children: E(e)
 									}, e))]
 								})
 							]
 						})
 					}),
-					M ? /* @__PURE__ */ _("div", {
+					I ? /* @__PURE__ */ S("div", {
 						className: "flex items-center justify-center py-16",
-						children: /* @__PURE__ */ _("div", { className: "h-10 w-10 animate-spin rounded-full border-b-2 border-foreground" })
-					}) : Z.length === 0 ? /* @__PURE__ */ _(r, {
-						illustration: Q ? "empty-search" : "empty-people",
+						children: /* @__PURE__ */ S("div", { className: "h-10 w-10 animate-spin rounded-full border-b-2 border-foreground" })
+					}) : Q.length === 0 ? /* @__PURE__ */ S(r, {
+						illustration: $ ? "empty-search" : "empty-people",
 						title: "No staff members found",
-						description: Q ? "No team members match your current filters. Try clearing them or searching for a different name." : "You have no staff yet. Add your first worker or delivery partner to start building your team.",
-						action: Q ? /* @__PURE__ */ _("button", {
+						description: $ ? "No team members match your current filters. Try clearing them or searching for a different name." : "You have no staff yet. Add your first worker or delivery partner to start building your team.",
+						action: $ ? /* @__PURE__ */ S("button", {
 							type: "button",
 							onClick: () => {
-								F(""), L(""), z("");
+								z(""), V(""), U("");
 							},
 							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", {
+						}) : /* @__PURE__ */ C("button", {
 							type: "button",
 							onClick: () => {
-								U(T), V(!0);
+								q(k), G(!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__ */ _(m, { className: "h-4 w-4" }), "Add Staff"]
+							children: [/* @__PURE__ */ S(v, { className: "h-4 w-4" }), "Add Staff"]
 						})
-					}) : /* @__PURE__ */ _("div", {
+					}) : /* @__PURE__ */ S("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm divide-y divide-border",
-						children: Z.map((e) => {
-							let n = C(e.status), r = w(e.metadata);
-							return /* @__PURE__ */ _("div", {
+						children: Q.map((e) => {
+							let n = D(e.status), r = O(e.metadata);
+							return /* @__PURE__ */ S("div", {
 								className: "p-4 sm:p-5 hover:bg-bg-sunken/30 transition-colors",
-								children: /* @__PURE__ */ _("div", {
+								children: /* @__PURE__ */ S("div", {
 									className: "flex flex-col sm:flex-row sm:items-center gap-4",
-									children: /* @__PURE__ */ v("div", {
+									children: /* @__PURE__ */ C("div", {
 										className: "flex items-center gap-4 flex-1 min-w-0",
-										children: [/* @__PURE__ */ v("div", {
+										children: [/* @__PURE__ */ C("div", {
 											className: "relative shrink-0",
-											children: [/* @__PURE__ */ _("div", {
+											children: [/* @__PURE__ */ S("div", {
 												className: "flex h-12 w-12 items-center justify-center rounded-full bg-bg-sunken text-sm font-semibold text-text-primary",
 												children: e.name.split(" ").map((e) => e[0]).filter(Boolean).slice(0, 2).join("").toUpperCase() || "?"
-											}), /* @__PURE__ */ _("span", { className: t("absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full border-2 border-card", n.dot) })]
-										}), /* @__PURE__ */ v("div", {
+											}), /* @__PURE__ */ S("span", { className: t("absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 rounded-full border-2 border-card", n.dot) })]
+										}), /* @__PURE__ */ C("div", {
 											className: "flex-1 min-w-0",
-											children: [/* @__PURE__ */ v("div", {
+											children: [/* @__PURE__ */ C("div", {
 												className: "flex items-center gap-2 flex-wrap",
 												children: [
-													/* @__PURE__ */ _("p", {
+													/* @__PURE__ */ S("p", {
 														className: "text-sm font-medium text-text-primary",
 														children: e.name
 													}),
-													/* @__PURE__ */ _("span", {
+													/* @__PURE__ */ S("span", {
 														className: "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium bg-[var(--color-accent-soft)] text-text-primary",
-														children: S(e.role)
+														children: E(e.role)
 													}),
-													/* @__PURE__ */ _("span", {
+													/* @__PURE__ */ S("span", {
 														className: t("text-xs", n.color),
 														children: n.label
 													})
 												]
-											}), (r.email || r.phone) && /* @__PURE__ */ v("div", {
+											}), (r.email || r.phone) && /* @__PURE__ */ C("div", {
 												className: "flex items-center gap-3 mt-1 text-xs text-text-secondary flex-wrap",
-												children: [r.email && /* @__PURE__ */ v("span", {
+												children: [r.email && /* @__PURE__ */ C("span", {
 													className: "flex items-center gap-1",
-													children: [/* @__PURE__ */ _(d, { className: "h-3 w-3" }), r.email]
-												}), r.phone && /* @__PURE__ */ v("span", {
+													children: [/* @__PURE__ */ S(h, { className: "h-3 w-3" }), r.email]
+												}), r.phone && /* @__PURE__ */ C("span", {
 													className: "flex items-center gap-1",
-													children: [/* @__PURE__ */ _(f, { className: "h-3 w-3" }), r.phone]
+													children: [/* @__PURE__ */ S(g, { className: "h-3 w-3" }), r.phone]
 												})]
 											})]
 										})]
@@ -257,126 +256,126 @@ var x = [
 							}, e.id);
 						})
 					})
-				] }) : /* @__PURE__ */ _(r, {
+				] }) : /* @__PURE__ */ S(r, {
 					illustration: "empty-people",
 					title: "Create your cart first",
 					description: "You need a service provider before you can add staff. Set up your cart to get started."
 				})]
 			}),
-			B && /* @__PURE__ */ _("div", {
+			W && /* @__PURE__ */ S("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ S("div", {
 					className: "w-full max-w-lg rounded-lg border border-border-subtle bg-bg-surface shadow-xl",
-					children: /* @__PURE__ */ v("div", {
+					children: /* @__PURE__ */ C("div", {
 						className: "p-6",
 						children: [
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ C("div", {
 								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ _("h3", {
+								children: [/* @__PURE__ */ S("h3", {
 									className: "text-lg font-semibold text-text-primary",
 									children: "Add Staff Member"
-								}), /* @__PURE__ */ _("button", {
+								}), /* @__PURE__ */ S("button", {
 									type: "button",
-									onClick: () => V(!1),
+									onClick: () => G(!1),
 									className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken",
-									children: /* @__PURE__ */ _(h, { className: "h-5 w-5" })
+									children: /* @__PURE__ */ S(b, { className: "h-5 w-5" })
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ C("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+									/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Full Name *"
-									}), /* @__PURE__ */ _("input", {
+									}), /* @__PURE__ */ S("input", {
 										type: "text",
-										value: H.name,
-										onChange: (e) => U((t) => ({
+										value: K.name,
+										onChange: (e) => q((t) => ({
 											...t,
 											name: e.target.value
 										})),
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 									})] }),
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+									/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Email"
-									}), /* @__PURE__ */ _("input", {
+									}), /* @__PURE__ */ S("input", {
 										type: "email",
-										value: H.email,
-										onChange: (e) => U((t) => ({
+										value: K.email,
+										onChange: (e) => q((t) => ({
 											...t,
 											email: e.target.value
 										})),
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 									})] }),
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ C("div", {
 										className: "grid grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+										children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Phone"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ S("input", {
 											type: "tel",
-											value: H.phone,
-											onChange: (e) => U((t) => ({
+											value: K.phone,
+											onChange: (e) => q((t) => ({
 												...t,
 												phone: e.target.value
 											})),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
-										})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+										})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Role *"
-										}), /* @__PURE__ */ _("select", {
-											value: H.role,
-											onChange: (e) => U((t) => ({
+										}), /* @__PURE__ */ S("select", {
+											value: K.role,
+											onChange: (e) => q((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: x.map((e) => /* @__PURE__ */ _("option", {
+											children: ee.map((e) => /* @__PURE__ */ S("option", {
 												value: e,
-												children: S(e)
+												children: E(e)
 											}, e))
 										})] })]
 									})
 								]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ C("div", {
 								className: "flex gap-3 mt-6",
-								children: [/* @__PURE__ */ _("button", {
+								children: [/* @__PURE__ */ S("button", {
 									type: "button",
-									onClick: () => V(!1),
+									onClick: () => G(!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", {
+								}), /* @__PURE__ */ S("button", {
 									type: "button",
 									onClick: () => {
-										if (!H.name.trim() || !H.role) {
-											K("Please provide a name and role", "error");
+										if (!K.name.trim() || !K.role) {
+											X("Please provide a name and role", "error");
 											return;
 										}
-										if (!A) {
-											K("No cart found to add staff to", "error");
+										if (!P) {
+											X("No cart found to add staff to", "error");
 											return;
 										}
-										N.mutate({
-											providerId: A,
-											name: H.name.trim(),
-											role: H.role,
-											workerId: H.email.trim() || H.name.trim(),
+										L.mutate({
+											providerId: P,
+											name: K.name.trim(),
+											role: K.role,
+											workerId: K.email.trim() || K.name.trim(),
 											metadata: {
-												email: H.email.trim() || void 0,
-												phone: H.phone.trim() || void 0
+												email: K.email.trim() || void 0,
+												phone: K.phone.trim() || void 0
 											}
 										}, {
 											onSuccess: () => {
-												V(!1), U(T), K("Staff member added successfully", "success");
+												G(!1), q(k), X("Staff member added successfully", "success");
 											},
-											onError: () => K("Could not add staff member. Please try again.", "error")
+											onError: () => X("Could not add staff member. Please try again.", "error")
 										});
 									},
-									disabled: N.isPending,
-									className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", N.isPending ? "bg-bg-sunken text-text-secondary cursor-not-allowed" : "bg-accent text-text-primary hover:bg-accent/80"),
-									children: N.isPending ? "Adding..." : "Add Staff"
+									disabled: L.isPending,
+									className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", L.isPending ? "bg-bg-sunken text-text-secondary cursor-not-allowed" : "bg-accent text-text-primary hover:bg-accent/80"),
+									children: L.isPending ? "Adding..." : "Add Staff"
 								})]
 							})
 						]
@@ -387,6 +386,6 @@ var x = [
 	});
 };
 //#endregion
-export { E as StaffManagementPage };
+export { A as StaffManagementPage };
 
 //# sourceMappingURL=StaffManagementPage.js.map