@burdenoff/microfe-atheletebridge 2026.626.1 → 2026.628.1

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

@@ -1,841 +0,0 @@
-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 { 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 x = [
-	{
-		id: "staff-001",
-		firstName: "Ravi",
-		lastName: "Kumar",
-		email: "ravi@dosaexpress.in",
-		phone: "+91-9876543210",
-		role: "delivery",
-		status: "active",
-		dateJoined: "2023-06-15",
-		lastActive: "2024-01-16T10:00:00Z",
-		hourlyRate: 200,
-		hoursWorked: 160,
-		totalEarnings: 32e3,
-		performance: {
-			rating: 4.8,
-			tasksCompleted: 245,
-			customerRating: 4.7,
-			punctuality: 95
-		},
-		currentShift: "09:00 - 17:00",
-		shiftsThisWeek: 5
-	},
-	{
-		id: "staff-002",
-		firstName: "Suresh",
-		lastName: "Worker",
-		email: "suresh@dosaexpress.in",
-		phone: "+91-9876543211",
-		role: "chef",
-		status: "active",
-		dateJoined: "2023-08-20",
-		lastActive: "2024-01-16T09:30:00Z",
-		hourlyRate: 250,
-		hoursWorked: 148,
-		totalEarnings: 37e3,
-		performance: {
-			rating: 4.6,
-			tasksCompleted: 312,
-			customerRating: 4.5,
-			punctuality: 90
-		},
-		currentShift: "10:00 - 18:00",
-		shiftsThisWeek: 4
-	},
-	{
-		id: "staff-003",
-		firstName: "Amit",
-		lastName: "Sharma",
-		email: "amit@dosaexpress.in",
-		phone: "+91-9876543212",
-		role: "delivery",
-		status: "on-leave",
-		dateJoined: "2023-10-01",
-		hourlyRate: 180,
-		hoursWorked: 120,
-		totalEarnings: 21600,
-		performance: {
-			rating: 4.4,
-			tasksCompleted: 178,
-			customerRating: 4.3,
-			punctuality: 85
-		},
-		shiftsThisWeek: 0
-	},
-	{
-		id: "staff-004",
-		firstName: "Priya",
-		lastName: "Helper",
-		email: "priya@dosaexpress.in",
-		phone: "+91-9876543213",
-		role: "server",
-		status: "inactive",
-		dateJoined: "2024-01-05",
-		hourlyRate: 150,
-		hoursWorked: 40,
-		totalEarnings: 6e3,
-		performance: {
-			rating: 4.7,
-			tasksCompleted: 56,
-			customerRating: 4.8,
-			punctuality: 98
-		},
-		shiftsThisWeek: 0
-	},
-	{
-		id: "staff-005",
-		firstName: "Kiran",
-		lastName: "B.",
-		email: "kiran@dosaexpress.in",
-		phone: "+91-9876543214",
-		role: "cashier",
-		status: "active",
-		dateJoined: "2023-12-10",
-		lastActive: "2024-01-16T11:00:00Z",
-		hourlyRate: 175,
-		hoursWorked: 80,
-		totalEarnings: 14e3,
-		performance: {
-			rating: 4.3,
-			tasksCompleted: 134,
-			customerRating: 4.2,
-			punctuality: 88
-		},
-		currentShift: "11:00 - 19:00",
-		shiftsThisWeek: 5
-	},
-	{
-		id: "staff-006",
-		firstName: "Meera",
-		lastName: "Devi",
-		email: "meera@dosaexpress.in",
-		phone: "+91-9876543215",
-		role: "manager",
-		status: "active",
-		dateJoined: "2023-04-01",
-		lastActive: "2024-01-16T08:00:00Z",
-		hourlyRate: 350,
-		hoursWorked: 168,
-		totalEarnings: 58800,
-		performance: {
-			rating: 4.9,
-			tasksCompleted: 420,
-			customerRating: 4.9,
-			punctuality: 99
-		},
-		currentShift: "08:00 - 16:00",
-		shiftsThisWeek: 6
-	}
-], S = {
-	active: {
-		label: "Active",
-		color: "text-green-600 dark:text-green-400",
-		dot: "bg-green-500"
-	},
-	inactive: {
-		label: "Inactive",
-		color: "text-text-secondary",
-		dot: "bg-muted-foreground"
-	},
-	"on-leave": {
-		label: "On Leave",
-		color: "text-yellow-600 dark:text-yellow-400",
-		dot: "bg-yellow-500"
-	},
-	terminated: {
-		label: "Terminated",
-		color: "text-red-600 dark:text-red-400",
-		dot: "bg-red-500"
-	}
-}, C = {
-	manager: {
-		label: "Manager",
-		color: "bg-purple-500/20 text-purple-600 dark:text-purple-400"
-	},
-	chef: {
-		label: "Chef",
-		color: "bg-orange-500/20 text-orange-600 dark:text-orange-400"
-	},
-	server: {
-		label: "Server",
-		color: "bg-blue-500/20 text-blue-600 dark:text-blue-400"
-	},
-	delivery: {
-		label: "Delivery",
-		color: "bg-green-500/20 text-green-600 dark:text-green-400"
-	},
-	cashier: {
-		label: "Cashier",
-		color: "bg-cyan-500/20 text-cyan-600 dark:text-cyan-400"
-	}
-}, w = {
-	email: "",
-	firstName: "",
-	lastName: "",
-	phone: "",
-	role: "server",
-	hourlyRate: 150
-}, 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: "",
-		phone: "",
-		role: "server",
-		hourlyRate: 150,
-		status: "active"
-	}), [K, q] = a(null), J = (e, t) => {
-		q({
-			text: e,
-			type: t
-		}), 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 (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;
-			case "rating":
-				e.sort((e, t) => t.performance.rating - e.performance.rating);
-				break;
-			case "hours":
-				e.sort((e, t) => t.hoursWorked - e.hoursWorked);
-				break;
-			case "joined":
-				e.sort((e, t) => new Date(t.dateJoined).getTime() - new Date(e.dateJoined).getTime());
-				break;
-		}
-		return e;
-	}, [
-		E,
-		O,
-		A,
-		M,
-		P
-	]), $ = () => {
-		if (!H.email || !H.firstName || !H.lastName) {
-			J("Please fill in all required fields", "error");
-			return;
-		}
-		let e = {
-			id: `staff-${Date.now()}`,
-			...H,
-			status: "active",
-			dateJoined: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
-			hoursWorked: 0,
-			totalEarnings: 0,
-			performance: {
-				rating: 0,
-				tasksCompleted: 0,
-				customerRating: 0,
-				punctuality: 0
-			},
-			shiftsThisWeek: 0
-		};
-		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,
-			phone: e.phone,
-			role: e.role,
-			hourlyRate: e.hourlyRate,
-			status: e.status
-		}), z(!0);
-	}, te = () => {
-		B && (D((e) => e.map((e) => e.id === B.id ? {
-			...e,
-			...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 {
-					...t,
-					status: e
-				};
-			}
-			return t;
-		})), 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",
-		description: "Manage your workers, delivery partners, and shifts",
-		actions: /* @__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 transition-colors",
-			children: [/* @__PURE__ */ _(h, { className: "h-4 w-4" }), "Invite Staff"]
-		}),
-		children: [
-			/* @__PURE__ */ v("div", {
-				className: "space-y-4",
-				children: [
-					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__ */ _(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",
-						children: /* @__PURE__ */ v("div", {
-							className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
-							children: [
-								/* @__PURE__ */ v("div", {
-									className: "relative",
-									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: 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: 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(C).map(([e, t]) => /* @__PURE__ */ _("option", {
-										value: e,
-										children: t.label
-									}, e))]
-								}),
-								/* @__PURE__ */ v("select", {
-									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(S).map(([e, t]) => /* @__PURE__ */ _("option", {
-										value: e,
-										children: t.label
-									}, e))]
-								}),
-								/* @__PURE__ */ v("select", {
-									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", {
-											value: "name",
-											children: "Name A-Z"
-										}),
-										/* @__PURE__ */ _("option", {
-											value: "rating",
-											children: "Rating: High to Low"
-										}),
-										/* @__PURE__ */ _("option", {
-											value: "hours",
-											children: "Hours: Most Worked"
-										}),
-										/* @__PURE__ */ _("option", {
-											value: "joined",
-											children: "Recently Joined"
-										})
-									]
-								})
-							]
-						})
-					}),
-					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: 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", {
-									className: "flex flex-col sm:flex-row sm:items-center gap-4",
-									children: [/* @__PURE__ */ v("div", {
-										className: "flex items-center gap-4 flex-1 min-w-0",
-										children: [/* @__PURE__ */ v("div", {
-											className: "relative shrink-0",
-											children: [/* @__PURE__ */ _("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.firstName[0]}${e.lastName[0]}`
-											}), /* @__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", {
-											className: "flex-1 min-w-0",
-											children: [/* @__PURE__ */ v("div", {
-												className: "flex items-center gap-2 flex-wrap",
-												children: [
-													/* @__PURE__ */ v("p", {
-														className: "text-sm font-medium text-text-primary",
-														children: [
-															e.firstName,
-															" ",
-															e.lastName
-														]
-													}),
-													/* @__PURE__ */ _("span", {
-														className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium", r.color),
-														children: r.label
-													}),
-													/* @__PURE__ */ _("span", {
-														className: t("text-xs", n.color),
-														children: n.label
-													})
-												]
-											}), /* @__PURE__ */ v("div", {
-												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__ */ _(u, { className: "h-3 w-3" }), e.email]
-												}), /* @__PURE__ */ v("span", {
-													className: "flex items-center gap-1",
-													children: [/* @__PURE__ */ _(d, { className: "h-3 w-3" }), e.phone]
-												})]
-											})]
-										})]
-									}), /* @__PURE__ */ v("div", {
-										className: "flex items-center gap-4 sm:gap-6",
-										children: [/* @__PURE__ */ v("div", {
-											className: "hidden md:flex items-center gap-4 text-xs",
-											children: [
-												/* @__PURE__ */ v("div", {
-													className: "text-center",
-													children: [/* @__PURE__ */ v("p", {
-														className: "font-bold text-text-primary flex items-center gap-0.5 justify-center",
-														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"
-													})]
-												}),
-												/* @__PURE__ */ v("div", {
-													className: "text-center",
-													children: [/* @__PURE__ */ _("p", {
-														className: "font-bold text-text-primary",
-														children: e.performance.tasksCompleted
-													}), /* @__PURE__ */ _("p", {
-														className: "text-text-secondary",
-														children: "Tasks"
-													})]
-												}),
-												/* @__PURE__ */ v("div", {
-													className: "text-center",
-													children: [/* @__PURE__ */ v("p", {
-														className: "font-bold text-text-primary",
-														children: [e.performance.punctuality, "%"]
-													}), /* @__PURE__ */ _("p", {
-														className: "text-text-secondary",
-														children: "On Time"
-													})]
-												}),
-												e.currentShift && /* @__PURE__ */ v("div", {
-													className: "text-center",
-													children: [/* @__PURE__ */ v("p", {
-														className: "font-bold text-text-primary flex items-center gap-0.5 justify-center",
-														children: [/* @__PURE__ */ _(c, { className: "h-3 w-3 text-text-secondary" }), e.currentShift]
-													}), /* @__PURE__ */ _("p", {
-														className: "text-text-secondary",
-														children: "Shift"
-													})]
-												})
-											]
-										}), /* @__PURE__ */ v("div", {
-											className: "flex items-center gap-1",
-											children: [
-												/* @__PURE__ */ _("button", {
-													type: "button",
-													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: () => ee(e),
-													className: "rounded p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors",
-													title: "Edit",
-													children: /* @__PURE__ */ _(l, { className: "h-4 w-4" })
-												}),
-												/* @__PURE__ */ _("button", {
-													type: "button",
-													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__ */ _(m, { className: "h-4 w-4" })
-												})
-											]
-										})]
-									})]
-								}), /* @__PURE__ */ v("div", {
-									className: "md:hidden flex items-center gap-4 mt-3 text-xs text-text-secondary",
-									children: [
-										/* @__PURE__ */ v("span", {
-											className: "flex items-center gap-0.5",
-											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__ */ _(c, { className: "h-3 w-3" }), e.currentShift]
-										}),
-										/* @__PURE__ */ v("span", { children: [e.shiftsThisWeek, " shifts/wk"] })
-									]
-								})]
-							}, e.id);
-						})
-					})
-				]
-			}),
-			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",
-					children: /* @__PURE__ */ v("div", {
-						className: "p-6",
-						children: [
-							/* @__PURE__ */ v("div", {
-								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ _("h3", {
-									className: "text-lg font-semibold text-text-primary",
-									children: "Invite Staff Member"
-								}), /* @__PURE__ */ _("button", {
-									type: "button",
-									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" })
-								})]
-							}),
-							/* @__PURE__ */ v("div", {
-								className: "space-y-4",
-								children: [
-									/* @__PURE__ */ v("div", {
-										className: "grid grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-											className: "block text-sm font-medium text-text-primary mb-1",
-											children: "First Name *"
-										}), /* @__PURE__ */ _("input", {
-											type: "text",
-											value: H.firstName,
-											onChange: (e) => U((t) => ({
-												...t,
-												firstName: 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", {
-											className: "block text-sm font-medium text-text-primary mb-1",
-											children: "Last Name *"
-										}), /* @__PURE__ */ _("input", {
-											type: "text",
-											value: H.lastName,
-											onChange: (e) => U((t) => ({
-												...t,
-												lastName: 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", {
-										className: "block text-sm font-medium text-text-primary mb-1",
-										children: "Email *"
-									}), /* @__PURE__ */ _("input", {
-										type: "email",
-										value: H.email,
-										onChange: (e) => U((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", { children: [/* @__PURE__ */ _("label", {
-										className: "block text-sm font-medium text-text-primary mb-1",
-										children: "Phone"
-									}), /* @__PURE__ */ _("input", {
-										type: "tel",
-										value: H.phone,
-										onChange: (e) => U((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", {
-										className: "grid grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-											className: "block text-sm font-medium text-text-primary mb-1",
-											children: "Role"
-										}), /* @__PURE__ */ _("select", {
-											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(C).map(([e, t]) => /* @__PURE__ */ _("option", {
-												value: e,
-												children: t.label
-											}, e))
-										})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-											className: "block text-sm font-medium text-text-primary mb-1",
-											children: "Hourly Rate (₹)"
-										}), /* @__PURE__ */ _("input", {
-											type: "number",
-											value: H.hourlyRate,
-											onChange: (e) => U((t) => ({
-												...t,
-												hourlyRate: parseInt(e.target.value) || 0
-											})),
-											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
-										})] })]
-									})
-								]
-							}),
-							/* @__PURE__ */ v("div", {
-								className: "flex gap-3 mt-6",
-								children: [/* @__PURE__ */ _("button", {
-									type: "button",
-									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: $,
-									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"
-								})]
-							})
-						]
-					})
-				})
-			}),
-			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",
-					children: /* @__PURE__ */ v("div", {
-						className: "p-6",
-						children: [
-							/* @__PURE__ */ v("div", {
-								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ _("h3", {
-									className: "text-lg font-semibold text-text-primary",
-									children: "Edit Staff Member"
-								}), /* @__PURE__ */ _("button", {
-									type: "button",
-									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" })
-								})]
-							}),
-							/* @__PURE__ */ v("div", {
-								className: "space-y-4",
-								children: [
-									/* @__PURE__ */ v("div", {
-										className: "grid grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-											className: "block text-sm font-medium text-text-primary mb-1",
-											children: "First Name"
-										}), /* @__PURE__ */ _("input", {
-											type: "text",
-											value: W.firstName,
-											onChange: (e) => G((t) => ({
-												...t,
-												firstName: 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", {
-											className: "block text-sm font-medium text-text-primary mb-1",
-											children: "Last Name"
-										}), /* @__PURE__ */ _("input", {
-											type: "text",
-											value: W.lastName,
-											onChange: (e) => G((t) => ({
-												...t,
-												lastName: 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", {
-										className: "block text-sm font-medium text-text-primary mb-1",
-										children: "Email"
-									}), /* @__PURE__ */ _("input", {
-										type: "email",
-										value: W.email,
-										onChange: (e) => G((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", { children: [/* @__PURE__ */ _("label", {
-										className: "block text-sm font-medium text-text-primary mb-1",
-										children: "Phone"
-									}), /* @__PURE__ */ _("input", {
-										type: "tel",
-										value: W.phone,
-										onChange: (e) => G((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", {
-										className: "grid grid-cols-3 gap-4",
-										children: [
-											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-												className: "block text-sm font-medium text-text-primary mb-1",
-												children: "Role"
-											}), /* @__PURE__ */ _("select", {
-												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(C).map(([e, t]) => /* @__PURE__ */ _("option", {
-													value: e,
-													children: t.label
-												}, e))
-											})] }),
-											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-												className: "block text-sm font-medium text-text-primary mb-1",
-												children: "Rate (₹/hr)"
-											}), /* @__PURE__ */ _("input", {
-												type: "number",
-												value: W.hourlyRate,
-												onChange: (e) => G((t) => ({
-													...t,
-													hourlyRate: parseInt(e.target.value) || 0
-												})),
-												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", {
-												className: "block text-sm font-medium text-text-primary mb-1",
-												children: "Status"
-											}), /* @__PURE__ */ _("select", {
-												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(S).map(([e, t]) => /* @__PURE__ */ _("option", {
-													value: e,
-													children: t.label
-												}, e))
-											})] })
-										]
-									})
-								]
-							}),
-							/* @__PURE__ */ v("div", {
-								className: "flex gap-3 mt-6",
-								children: [/* @__PURE__ */ _("button", {
-									type: "button",
-									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: 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"
-								})]
-							})
-						]
-					})
-				})
-			})
-		]
-	});
-};
-//#endregion
-export { T as StaffManagementPage };
-
-//# sourceMappingURL=StaffManagementPage.js.map