@burdenoff/microfe-adaptercloud 2026.625.2 → 2026.628.1

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

@@ -1,827 +0,0 @@
-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 { 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 b = [
-	{
-		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
-	}
-], x = {
-	active: {
-		label: "Active",
-		color: "text-status-success-text",
-		dot: "bg-status-success-bg-subtle"
-	},
-	inactive: {
-		label: "Inactive",
-		color: "text-text-secondary",
-		dot: "bg-muted-foreground"
-	},
-	"on-leave": {
-		label: "On Leave",
-		color: "text-status-warning-text",
-		dot: "bg-status-warning-bg-subtle"
-	},
-	terminated: {
-		label: "Terminated",
-		color: "text-status-error-text",
-		dot: "bg-status-error-bg-subtle"
-	}
-}, S = {
-	manager: {
-		label: "Manager",
-		color: "bg-accent-purple-subtle/20 text-accent-purple"
-	},
-	chef: {
-		label: "Chef",
-		color: "bg-accent-orange-subtle/20 text-accent-orange"
-	},
-	server: {
-		label: "Server",
-		color: "bg-accent-blue-subtle/20 text-accent-blue"
-	},
-	delivery: {
-		label: "Delivery",
-		color: "bg-status-success-bg-subtle/20 text-status-success-text"
-	},
-	cashier: {
-		label: "Cashier",
-		color: "bg-accent-cyan-subtle/20 text-accent-cyan"
-	}
-}, C = {
-	email: "",
-	firstName: "",
-	lastName: "",
-	phone: "",
-	role: "server",
-	hourlyRate: 150
-}, 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: "",
-		phone: "",
-		role: "server",
-		hourlyRate: 150,
-		status: "active"
-	}), [G, K] = a(null), q = (e, t) => {
-		K({
-			text: e,
-			type: t
-		}), 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 (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;
-			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;
-	}, [
-		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()}`,
-			...V,
-			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
-		};
-		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,
-			phone: e.phone,
-			role: e.role,
-			hourlyRate: e.hourlyRate,
-			status: e.status
-		}), R(!0);
-	}, ee = () => {
-		z && (E((e) => e.map((e) => e.id === z.id ? {
-			...e,
-			...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 {
-					...t,
-					status: e
-				};
-			}
-			return t;
-		})), 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: () => {
-				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__ */ _(h, { className: "h-4 w-4" }), "Invite Staff"]
-		}),
-		children: [
-			/* @__PURE__ */ v("div", {
-				className: "space-y-4",
-				children: [
-					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__ */ _(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: T.length
-								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-text-secondary",
-									children: "Total Staff"
-								})]
-							}),
-							/* @__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-status-success-text",
-									children: J
-								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-text-secondary",
-									children: "Active Now"
-								})]
-							}),
-							/* @__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-status-warning-text",
-									children: Y
-								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-text-secondary",
-									children: "On Leave"
-								})]
-							}),
-							/* @__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: 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", {
-							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: 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: 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(S).map(([e, t]) => /* @__PURE__ */ _("option", {
-										value: e,
-										children: t.label
-									}, e))]
-								}),
-								/* @__PURE__ */ v("select", {
-									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(x).map(([e, t]) => /* @__PURE__ */ _("option", {
-										value: e,
-										children: t.label
-									}, e))]
-								}),
-								/* @__PURE__ */ v("select", {
-									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", {
-											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"
-										})
-									]
-								})
-							]
-						})
-					}),
-					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: 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", {
-									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-status-warning-text text-status-warning-text" }), 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: () => 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: () => $(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: () => 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__ */ _(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-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__ */ _(c, { className: "h-3 w-3" }), e.currentShift]
-										}),
-										/* @__PURE__ */ v("span", { children: [e.shiftsThisWeek, " shifts/wk"] })
-									]
-								})]
-							}, e.id);
-						})
-					})
-				]
-			}),
-			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",
-					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: () => 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" })
-								})]
-							}),
-							/* @__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: V.firstName,
-											onChange: (e) => H((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: V.lastName,
-											onChange: (e) => H((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: V.email,
-										onChange: (e) => H((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: V.phone,
-										onChange: (e) => H((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: 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(S).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: V.hourlyRate,
-											onChange: (e) => H((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: () => 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: 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"
-								})]
-							})
-						]
-					})
-				})
-			}),
-			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",
-					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: () => 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" })
-								})]
-							}),
-							/* @__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: U.firstName,
-											onChange: (e) => W((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: U.lastName,
-											onChange: (e) => W((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: U.email,
-										onChange: (e) => W((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: U.phone,
-										onChange: (e) => W((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: 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(S).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: U.hourlyRate,
-												onChange: (e) => W((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: 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(x).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: () => 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: 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"
-								})]
-							})
-						]
-					})
-				})
-			})
-		]
-	});
-};
-//#endregion
-export { w as StaffManagementPage };
-
-//# sourceMappingURL=StaffManagementPage.js.map