@burdenoff/microfe-subscriberbot 2026.624.1 → 2026.626.1

package/dist/subscriberbot/pages/worker/WorkerSchedulePage.js

@@ -6,19 +6,20 @@ import { formatCurrency as i } from "../../utils/formatters.js";
 import { useEffect as a, useMemo as o, useState as s } from "react";
 import { Calendar as c, CalendarDays as l, CheckCircle2 as u, ChevronLeft as d, ChevronRight as f, Loader2 as p, LogIn as m, LogOut as h, MapPin as g, PlayCircle as _, Save as v, Send as y, ShoppingCart as b, Star as x, Timer as S } from "lucide-react";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmphasisPanel as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/worker/WorkerSchedulePage.tsx
-function T(e) {
+function D(e) {
 	return new Date(e).toLocaleDateString("en-US", {
 		weekday: "short",
 		month: "short",
 		day: "numeric"
 	});
 }
-function E(e) {
+function O(e) {
 	let [t, n] = e.split(":"), r = parseInt(t), i = r >= 12 ? "PM" : "AM";
 	return `${r % 12 || 12}:${n} ${i}`;
 }
-function D(e) {
+function k(e) {
 	let t = /* @__PURE__ */ new Date(), n = t.getDay(), r = new Date(t);
 	r.setDate(t.getDate() - n + e * 7);
 	let i = new Date(r);
@@ -34,29 +35,29 @@ function D(e) {
 		})
 	};
 }
-function O(e) {
+function A(e) {
 	switch (e) {
-		case "scheduled": return "bg-blue-500/20 text-blue-600 dark:text-blue-400";
-		case "ongoing": return "bg-green-500/20 text-green-600 dark:text-green-400";
+		case "scheduled": return "bg-status-info-bg/20 text-status-info-text";
+		case "ongoing": return "bg-status-success-bg/20 text-status-success-text";
 		case "completed": return "bg-secondary text-secondary-foreground";
-		case "cancelled": return "bg-red-500/20 text-red-600 dark:text-red-400";
+		case "cancelled": return "bg-status-error-bg/20 text-status-error-text";
 		default: return "bg-secondary text-secondary-foreground";
 	}
 }
-function k(e) {
+function j(e) {
 	switch (e) {
-		case "pending": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
-		case "approved": return "bg-green-500/20 text-green-600 dark:text-green-400";
-		case "rejected": return "bg-red-500/20 text-red-600 dark:text-red-400";
+		case "pending": return "bg-status-warning-bg/20 text-status-warning-text";
+		case "approved": return "bg-status-success-bg/20 text-status-success-text";
+		case "rejected": return "bg-status-error-bg/20 text-status-error-text";
 		default: return "bg-secondary text-secondary-foreground";
 	}
 }
-var A = () => {
-	let { navigateTo: A } = e(), [j, M] = s(!0), [N, P] = s("schedule"), [F, I] = s(0), [L, R] = s([]), [z, B] = s([]), [V, H] = s([]);
+var M = () => {
+	let { navigateTo: M } = e(), [N, P] = s(!0), [F, I] = s("schedule"), [L, R] = s(0), [z, B] = s([]), [V, H] = s([]), [U, W] = s([]);
 	a(() => {
-		M(!0);
+		P(!0);
 		let e = setTimeout(() => {
-			R([
+			B([
 				{
 					id: "shift-001",
 					date: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
@@ -104,7 +105,7 @@ var A = () => {
 					status: "scheduled",
 					earnings: 0
 				}
-			]), B([
+			]), H([
 				{
 					id: "req-001",
 					date: new Date(Date.now() + 2880 * 60 * 1e3).toISOString().split("T")[0],
@@ -135,7 +136,7 @@ var A = () => {
 					status: "rejected",
 					requestedOn: (/* @__PURE__ */ new Date(Date.now() - 4320 * 60 * 1e3)).toISOString()
 				}
-			]), H([
+			]), W([
 				{
 					dayOfWeek: "Monday",
 					isAvailable: !0,
@@ -178,48 +179,48 @@ var A = () => {
 					preferredStartTime: "09:00",
 					preferredEndTime: "18:00"
 				}
-			]), M(!1);
+			]), P(!1);
 		}, 600);
 		return () => clearTimeout(e);
-	}, [F]);
-	let U = o(() => {
-		let e = L.filter((e) => e.status !== "cancelled"), t = e.reduce((e, t) => {
+	}, [L]);
+	let G = o(() => {
+		let e = z.filter((e) => e.status !== "cancelled"), t = e.reduce((e, t) => {
 			let n = /* @__PURE__ */ new Date(`2024-01-01T${t.startTime}`);
 			return e + ((/* @__PURE__ */ new Date(`2024-01-01T${t.endTime}`)).getTime() - n.getTime()) / (1e3 * 60 * 60);
-		}, 0), n = e.reduce((e, t) => e + t.earnings, 0), r = L.find((e) => e.status === "scheduled");
+		}, 0), n = e.reduce((e, t) => e + t.earnings, 0), r = z.find((e) => e.status === "scheduled");
 		return {
 			hoursThisWeek: t,
 			shiftsThisWeek: e.length,
 			earningsThisWeek: n,
 			nextShift: r
 		};
-	}, [L]), W = z.filter((e) => e.status === "pending").length, G = D(F), K = (e) => {
-		R((t) => t.map((t) => t.id === e ? {
+	}, [z]), K = V.filter((e) => e.status === "pending").length, q = k(L), J = (e) => {
+		B((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "ongoing"
 		} : t)), alert("Checked in successfully");
-	}, q = (e) => {
-		R((t) => t.map((t) => t.id === e ? {
+	}, Y = (e) => {
+		B((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "completed"
 		} : t)), alert("Checked out successfully");
-	}, J = (e) => {
-		B((t) => t.map((t) => t.id === e ? {
+	}, X = (e) => {
+		H((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "approved"
 		} : t)), alert("Shift accepted");
-	}, Y = (e) => {
-		B((t) => t.map((t) => t.id === e ? {
+	}, Z = (e) => {
+		H((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "rejected"
 		} : t)), alert("Shift rejected");
-	}, X = (e, t, n) => {
-		H((r) => r.map((r) => r.dayOfWeek === e ? {
+	}, Q = (e, t, n) => {
+		W((r) => r.map((r) => r.dayOfWeek === e ? {
 			...r,
 			[t]: n
 		} : r));
 	};
-	return j ? /* @__PURE__ */ C(n, {
+	return N ? /* @__PURE__ */ C(n, {
 		title: "Schedule",
 		description: "Manage your work schedule",
 		children: /* @__PURE__ */ C("div", {
@@ -237,342 +238,351 @@ var A = () => {
 		description: "Manage your work schedule",
 		children: /* @__PURE__ */ w("div", {
 			className: "space-y-6",
-			children: [/* @__PURE__ */ w("div", {
-				className: "grid grid-cols-2 md:grid-cols-4 gap-3",
-				children: [
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-						children: [/* @__PURE__ */ C("p", {
-							className: "text-xs text-text-secondary",
-							children: "Hours This Week"
-						}), /* @__PURE__ */ w("p", {
-							className: "text-2xl font-bold text-text-primary",
-							children: [U.hoursThisWeek, "h"]
-						})]
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-						children: [/* @__PURE__ */ C("p", {
-							className: "text-xs text-text-secondary",
-							children: "Shifts This Week"
-						}), /* @__PURE__ */ C("p", {
-							className: "text-2xl font-bold text-text-primary",
-							children: U.shiftsThisWeek
-						})]
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-						children: [/* @__PURE__ */ C("p", {
-							className: "text-xs text-text-secondary",
-							children: "Week Earnings"
-						}), /* @__PURE__ */ C("p", {
-							className: "text-2xl font-bold text-text-primary",
-							children: i(U.earningsThisWeek, { minimumFractionDigits: 0 })
-						})]
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-						children: [/* @__PURE__ */ C("p", {
-							className: "text-xs text-text-secondary",
-							children: "Next Shift"
-						}), /* @__PURE__ */ C("p", {
-							className: "text-sm font-bold text-text-primary",
-							children: U.nextShift ? `${T(U.nextShift.date)} ${E(U.nextShift.startTime)}` : "None scheduled"
-						})]
-					})
-				]
-			}), /* @__PURE__ */ w("div", {
-				className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden",
-				children: [/* @__PURE__ */ w("div", {
-					className: "flex border-b border-border-subtle",
+			children: [
+				/* @__PURE__ */ C(E, {
+					icon: /* @__PURE__ */ C(l, { className: "h-4 w-4" }),
+					children: "Plan your work week. See your upcoming shifts, the hours and earnings you're on track for, and when your next shift starts. Switch between your schedule and time-off requests to stay organised — and make sure you're never caught off guard by a shift you forgot."
+				}),
+				/* @__PURE__ */ w(T, {
+					className: "grid grid-cols-2 md:grid-cols-4 gap-3",
 					children: [
-						/* @__PURE__ */ w("button", {
-							type: "button",
-							onClick: () => P("schedule"),
-							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", N === "schedule" ? "border-b-2 border-blue-500 text-blue-600 dark:text-blue-400 bg-blue-500/5" : "text-text-secondary hover:text-text-primary"),
-							children: [/* @__PURE__ */ C(l, { className: "h-4 w-4" }), "My Schedule"]
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
+							children: [/* @__PURE__ */ C("p", {
+								className: "text-xs text-text-secondary",
+								children: "Hours This Week"
+							}), /* @__PURE__ */ w("p", {
+								className: "text-2xl font-bold text-text-primary",
+								children: [G.hoursThisWeek, "h"]
+							})]
 						}),
-						/* @__PURE__ */ w("button", {
-							type: "button",
-							onClick: () => P("requests"),
-							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", N === "requests" ? "border-b-2 border-blue-500 text-blue-600 dark:text-blue-400 bg-blue-500/5" : "text-text-secondary hover:text-text-primary"),
-							children: [
-								/* @__PURE__ */ C(y, { className: "h-4 w-4" }),
-								"Shift Requests",
-								W > 0 && /* @__PURE__ */ C("span", {
-									className: "ml-1 inline-flex items-center justify-center rounded-full bg-red-500 px-1.5 py-0.5 text-[10px] font-medium text-white",
-									children: W
-								})
-							]
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
+							children: [/* @__PURE__ */ C("p", {
+								className: "text-xs text-text-secondary",
+								children: "Shifts This Week"
+							}), /* @__PURE__ */ C("p", {
+								className: "text-2xl font-bold text-text-primary",
+								children: G.shiftsThisWeek
+							})]
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
+							children: [/* @__PURE__ */ C("p", {
+								className: "text-xs text-text-secondary",
+								children: "Week Earnings"
+							}), /* @__PURE__ */ C("p", {
+								className: "text-2xl font-bold text-text-primary",
+								children: i(G.earningsThisWeek, { minimumFractionDigits: 0 })
+							})]
 						}),
-						/* @__PURE__ */ w("button", {
-							type: "button",
-							onClick: () => P("availability"),
-							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", N === "availability" ? "border-b-2 border-blue-500 text-blue-600 dark:text-blue-400 bg-blue-500/5" : "text-text-secondary hover:text-text-primary"),
-							children: [/* @__PURE__ */ C(S, { className: "h-4 w-4" }), "Availability"]
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
+							children: [/* @__PURE__ */ C("p", {
+								className: "text-xs text-text-secondary",
+								children: "Next Shift"
+							}), /* @__PURE__ */ C("p", {
+								className: "text-sm font-bold text-text-primary",
+								children: G.nextShift ? `${D(G.nextShift.date)} ${O(G.nextShift.startTime)}` : "None scheduled"
+							})]
 						})
 					]
-				}), /* @__PURE__ */ w("div", {
-					className: "p-5",
-					children: [
-						N === "schedule" && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
-							className: "flex items-center justify-between mb-5",
-							children: [
-								/* @__PURE__ */ w("button", {
-									type: "button",
-									onClick: () => I((e) => e - 1),
-									className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
-									children: [/* @__PURE__ */ C(d, { className: "h-3.5 w-3.5" }), "Previous Week"]
-								}),
-								/* @__PURE__ */ w("h3", {
-									className: "text-sm font-medium text-text-primary",
-									children: [
-										G.start,
-										" - ",
-										G.end
-									]
-								}),
-								/* @__PURE__ */ w("button", {
-									type: "button",
-									onClick: () => I((e) => e + 1),
-									className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
-									children: ["Next Week", /* @__PURE__ */ C(f, { className: "h-3.5 w-3.5" })]
-								})
-							]
-						}), L.length === 0 ? /* @__PURE__ */ C(r, {
-							icon: /* @__PURE__ */ C(c, { className: "h-12 w-12" }),
-							title: "No shifts scheduled",
-							description: "No shifts scheduled for this week"
-						}) : /* @__PURE__ */ C("div", {
-							className: "space-y-3",
-							children: L.map((e) => /* @__PURE__ */ w("div", {
-								className: t("rounded-lg border p-4 transition-colors", e.status === "ongoing" ? "border-green-500/30 bg-green-500/5" : "border-border-subtle hover:bg-bg-sunken/30"),
+				}),
+				/* @__PURE__ */ w("div", {
+					className: "rounded-lg border border-border-seam bg-bg-surface shadow-sm overflow-hidden",
+					children: [/* @__PURE__ */ w("div", {
+						className: "flex border-b border-border-seam",
+						children: [
+							/* @__PURE__ */ w("button", {
+								type: "button",
+								onClick: () => I("schedule"),
+								className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", F === "schedule" ? "border-b-2 border-status-info-border text-status-info-text bg-status-info-bg/5" : "text-text-secondary hover:text-text-primary"),
+								children: [/* @__PURE__ */ C(l, { className: "h-4 w-4" }), "My Schedule"]
+							}),
+							/* @__PURE__ */ w("button", {
+								type: "button",
+								onClick: () => I("requests"),
+								className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", F === "requests" ? "border-b-2 border-status-info-border text-status-info-text bg-status-info-bg/5" : "text-text-secondary hover:text-text-primary"),
 								children: [
-									/* @__PURE__ */ w("div", {
-										className: "flex items-center justify-between mb-3",
-										children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
-											className: "flex items-center gap-2 flex-wrap",
-											children: [/* @__PURE__ */ C("h4", {
-												className: "text-sm font-semibold text-text-primary",
-												children: T(e.date)
-											}), /* @__PURE__ */ C("span", {
-												className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", O(e.status)),
-												children: e.status === "ongoing" ? "Ongoing" : e.status
-											})]
-										}), /* @__PURE__ */ w("p", {
-											className: "text-xs text-text-secondary mt-1",
-											children: [
-												E(e.startTime),
-												" - ",
-												E(e.endTime)
-											]
-										})] }), /* @__PURE__ */ w("div", {
-											className: "text-right",
-											children: [/* @__PURE__ */ C("p", {
-												className: "text-lg font-bold text-text-primary",
-												children: i(e.earnings, { minimumFractionDigits: 0 })
-											}), e.rating != null && /* @__PURE__ */ w("p", {
-												className: "text-xs text-text-secondary flex items-center gap-1 justify-end",
-												children: [/* @__PURE__ */ C(x, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), e.rating]
-											})]
-										})]
-									}),
-									/* @__PURE__ */ w("div", {
-										className: "grid grid-cols-1 md:grid-cols-3 gap-3 text-sm",
-										children: [
-											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-												className: "text-xs text-text-secondary",
-												children: "Cart"
-											}), /* @__PURE__ */ w("p", {
-												className: "text-xs font-medium text-text-primary flex items-center gap-1",
-												children: [/* @__PURE__ */ C(b, { className: "h-3 w-3 text-text-secondary" }), e.cartName]
-											})] }),
-											/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-												className: "text-xs text-text-secondary",
-												children: "Location"
-											}), /* @__PURE__ */ w("p", {
-												className: "text-xs font-medium text-text-primary flex items-center gap-1",
-												children: [/* @__PURE__ */ C(g, { className: "h-3 w-3 text-text-secondary" }), e.location]
-											})] }),
-											e.tasksCompleted != null && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-												className: "text-xs text-text-secondary",
-												children: "Tasks Completed"
-											}), /* @__PURE__ */ w("p", {
-												className: "text-xs font-medium text-text-primary flex items-center gap-1",
-												children: [/* @__PURE__ */ C(u, { className: "h-3 w-3 text-text-secondary" }), e.tasksCompleted]
-											})] })
-										]
-									}),
-									e.status === "scheduled" && /* @__PURE__ */ C("div", {
-										className: "mt-3 pt-3 border-t border-border-subtle",
-										children: /* @__PURE__ */ w("button", {
-											type: "button",
-											onClick: () => K(e.id),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-blue-500/10 px-3 py-1.5 text-xs font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-500/20 transition-colors",
-											children: [/* @__PURE__ */ C(m, { className: "h-3.5 w-3.5" }), "Check In"]
-										})
-									}),
-									e.status === "ongoing" && /* @__PURE__ */ w("div", {
-										className: "mt-3 pt-3 border-t border-green-500/20 flex items-center justify-between",
-										children: [/* @__PURE__ */ w("span", {
-											className: "text-xs font-medium text-green-600 dark:text-green-400 flex items-center gap-1",
-											children: [/* @__PURE__ */ C(_, { className: "h-3.5 w-3.5" }), "Shift in progress"]
-										}), /* @__PURE__ */ w("button", {
-											type: "button",
-											onClick: () => q(e.id),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
-											children: [/* @__PURE__ */ C(h, { className: "h-3.5 w-3.5" }), "Check Out"]
-										})]
+									/* @__PURE__ */ C(y, { className: "h-4 w-4" }),
+									"Shift Requests",
+									K > 0 && /* @__PURE__ */ C("span", {
+										className: "ml-1 inline-flex items-center justify-center rounded-full bg-status-error-text px-1.5 py-0.5 text-[10px] font-medium text-text-inverse",
+										children: K
 									})
 								]
-							}, e.id))
-						})] }),
-						N === "requests" && /* @__PURE__ */ C("div", { children: z.length === 0 ? /* @__PURE__ */ C(r, {
-							icon: /* @__PURE__ */ C(y, { className: "h-12 w-12" }),
-							title: "No shift requests",
-							description: "No shift requests available"
-						}) : /* @__PURE__ */ C("div", {
-							className: "space-y-3",
-							children: z.map((e) => /* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border-subtle p-4",
+							}),
+							/* @__PURE__ */ w("button", {
+								type: "button",
+								onClick: () => I("availability"),
+								className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", F === "availability" ? "border-b-2 border-status-info-border text-status-info-text bg-status-info-bg/5" : "text-text-secondary hover:text-text-primary"),
+								children: [/* @__PURE__ */ C(S, { className: "h-4 w-4" }), "Availability"]
+							})
+						]
+					}), /* @__PURE__ */ w("div", {
+						className: "p-5",
+						children: [
+							F === "schedule" && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+								className: "flex items-center justify-between mb-5",
 								children: [
-									/* @__PURE__ */ w("div", {
-										className: "flex items-center justify-between mb-3",
-										children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h4", {
-											className: "text-sm font-semibold text-text-primary",
-											children: T(e.date)
-										}), /* @__PURE__ */ w("p", {
-											className: "text-xs text-text-secondary mt-0.5",
-											children: [
-												E(e.startTime),
-												" - ",
-												E(e.endTime)
-											]
-										})] }), /* @__PURE__ */ C("span", {
-											className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", k(e.status)),
-											children: e.status
-										})]
+									/* @__PURE__ */ w("button", {
+										type: "button",
+										onClick: () => R((e) => e - 1),
+										className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
+										children: [/* @__PURE__ */ C(d, { className: "h-3.5 w-3.5" }), "Previous Week"]
 									}),
-									/* @__PURE__ */ w("div", {
-										className: "grid grid-cols-1 md:grid-cols-2 gap-3 text-sm mb-3",
-										children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary",
-											children: "Cart"
-										}), /* @__PURE__ */ C("p", {
-											className: "text-xs font-medium text-text-primary",
-											children: e.cartName
-										})] }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary",
-											children: "Location"
-										}), /* @__PURE__ */ C("p", {
-											className: "text-xs font-medium text-text-primary",
-											children: e.location
-										})] })]
-									}),
-									/* @__PURE__ */ w("p", {
-										className: "text-[10px] text-text-secondary mb-3",
+									/* @__PURE__ */ w("h3", {
+										className: "text-sm font-medium text-text-primary",
 										children: [
-											"Requested",
-											" ",
-											new Date(e.requestedOn).toLocaleString("en-IN", {
-												day: "numeric",
-												month: "short",
-												hour: "2-digit",
-												minute: "2-digit",
-												hour12: !0
-											})
+											q.start,
+											" - ",
+											q.end
 										]
 									}),
-									e.status === "pending" && /* @__PURE__ */ w("div", {
-										className: "flex gap-2",
-										children: [/* @__PURE__ */ w("button", {
-											type: "button",
-											onClick: () => J(e.id),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-1.5 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
-											children: [/* @__PURE__ */ C(u, { className: "h-3.5 w-3.5" }), "Accept"]
-										}), /* @__PURE__ */ C("button", {
-											type: "button",
-											onClick: () => Y(e.id),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-red-500/10 px-3 py-1.5 text-xs font-medium text-red-600 dark:text-red-400 hover:bg-red-500/20 transition-colors",
-											children: "Reject"
-										})]
+									/* @__PURE__ */ w("button", {
+										type: "button",
+										onClick: () => R((e) => e + 1),
+										className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
+										children: ["Next Week", /* @__PURE__ */ C(f, { className: "h-3.5 w-3.5" })]
 									})
 								]
-							}, e.id))
-						}) }),
-						N === "availability" && /* @__PURE__ */ w("div", { children: [
-							/* @__PURE__ */ C("p", {
-								className: "text-xs text-text-secondary mb-5",
-								children: "Set your preferred working hours for each day of the week"
-							}),
-							/* @__PURE__ */ C("div", {
+							}), z.length === 0 ? /* @__PURE__ */ C(r, {
+								illustration: "empty-data",
+								icon: /* @__PURE__ */ C(c, { className: "h-12 w-12" }),
+								title: "No shifts scheduled",
+								description: "No shifts scheduled for this week"
+							}) : /* @__PURE__ */ C("div", {
 								className: "space-y-3",
-								children: V.map((e) => /* @__PURE__ */ w("div", {
-									className: t("flex flex-col sm:flex-row sm:items-center gap-3 p-3 rounded-lg border", e.isAvailable ? "border-border-subtle bg-bg-surface" : "border-border-subtle/50 bg-bg-sunken/30"),
-									children: [/* @__PURE__ */ C("div", {
-										className: "w-32 shrink-0",
-										children: /* @__PURE__ */ w("label", {
-											className: "flex items-center gap-2 cursor-pointer",
-											children: [/* @__PURE__ */ C("input", {
-												type: "checkbox",
-												checked: e.isAvailable,
-												onChange: (t) => X(e.dayOfWeek, "isAvailable", t.target.checked),
-												className: "h-4 w-4 rounded border-border-subtle text-blue-600 focus:ring-blue-500/40"
-											}), /* @__PURE__ */ C("span", {
-												className: "text-sm font-medium text-text-primary",
-												children: e.dayOfWeek
+								children: z.map((e) => /* @__PURE__ */ w("div", {
+									className: t("rounded-lg border p-4 transition-colors", e.status === "ongoing" ? "border-status-success-border/30 bg-status-success-bg/5" : "border-border-seam hover:bg-bg-sunken/30"),
+									children: [
+										/* @__PURE__ */ w("div", {
+											className: "flex items-center justify-between mb-3",
+											children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+												className: "flex items-center gap-2 flex-wrap",
+												children: [/* @__PURE__ */ C("h4", {
+													className: "text-sm font-semibold text-text-primary",
+													children: D(e.date)
+												}), /* @__PURE__ */ C("span", {
+													className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", A(e.status)),
+													children: e.status === "ongoing" ? "Ongoing" : e.status
+												})]
+											}), /* @__PURE__ */ w("p", {
+												className: "text-xs text-text-secondary mt-1",
+												children: [
+													O(e.startTime),
+													" - ",
+													O(e.endTime)
+												]
+											})] }), /* @__PURE__ */ w("div", {
+												className: "text-right",
+												children: [/* @__PURE__ */ C("p", {
+													className: "text-lg font-bold text-text-primary",
+													children: i(e.earnings, { minimumFractionDigits: 0 })
+												}), e.rating != null && /* @__PURE__ */ w("p", {
+													className: "text-xs text-text-secondary flex items-center gap-1 justify-end",
+													children: [/* @__PURE__ */ C(x, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), e.rating]
+												})]
+											})]
+										}),
+										/* @__PURE__ */ w("div", {
+											className: "grid grid-cols-1 md:grid-cols-3 gap-3 text-sm",
+											children: [
+												/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+													className: "text-xs text-text-secondary",
+													children: "Cart"
+												}), /* @__PURE__ */ w("p", {
+													className: "text-xs font-medium text-text-primary flex items-center gap-1",
+													children: [/* @__PURE__ */ C(b, { className: "h-3 w-3 text-text-secondary" }), e.cartName]
+												})] }),
+												/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+													className: "text-xs text-text-secondary",
+													children: "Location"
+												}), /* @__PURE__ */ w("p", {
+													className: "text-xs font-medium text-text-primary flex items-center gap-1",
+													children: [/* @__PURE__ */ C(g, { className: "h-3 w-3 text-text-secondary" }), e.location]
+												})] }),
+												e.tasksCompleted != null && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+													className: "text-xs text-text-secondary",
+													children: "Tasks Completed"
+												}), /* @__PURE__ */ w("p", {
+													className: "text-xs font-medium text-text-primary flex items-center gap-1",
+													children: [/* @__PURE__ */ C(u, { className: "h-3 w-3 text-text-secondary" }), e.tasksCompleted]
+												})] })
+											]
+										}),
+										e.status === "scheduled" && /* @__PURE__ */ C("div", {
+											className: "mt-3 pt-3 border-t border-border-seam",
+											children: /* @__PURE__ */ w("button", {
+												type: "button",
+												onClick: () => J(e.id),
+												className: "inline-flex items-center gap-1.5 rounded-md bg-status-info-bg/10 px-3 py-1.5 text-xs font-medium text-status-info-text hover:bg-status-info-bg/20 transition-colors",
+												children: [/* @__PURE__ */ C(m, { className: "h-3.5 w-3.5" }), "Check In"]
+											})
+										}),
+										e.status === "ongoing" && /* @__PURE__ */ w("div", {
+											className: "mt-3 pt-3 border-t border-status-success-border/20 flex items-center justify-between",
+											children: [/* @__PURE__ */ w("span", {
+												className: "text-xs font-medium text-status-success-text flex items-center gap-1",
+												children: [/* @__PURE__ */ C(_, { className: "h-3.5 w-3.5" }), "Shift in progress"]
+											}), /* @__PURE__ */ w("button", {
+												type: "button",
+												onClick: () => Y(e.id),
+												className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
+												children: [/* @__PURE__ */ C(h, { className: "h-3.5 w-3.5" }), "Check Out"]
 											})]
 										})
-									}), e.isAvailable ? /* @__PURE__ */ w("div", {
-										className: "flex flex-col sm:flex-row gap-3 flex-1",
-										children: [/* @__PURE__ */ w("div", {
-											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ C("span", {
-												className: "text-xs text-text-secondary w-10",
-												children: "From"
-											}), /* @__PURE__ */ C("input", {
-												type: "time",
-												value: e.preferredStartTime,
-												onChange: (t) => X(e.dayOfWeek, "preferredStartTime", t.target.value),
-												className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-1.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+									]
+								}, e.id))
+							})] }),
+							F === "requests" && /* @__PURE__ */ C("div", { children: V.length === 0 ? /* @__PURE__ */ C(r, {
+								illustration: "empty-data",
+								icon: /* @__PURE__ */ C(y, { className: "h-12 w-12" }),
+								title: "No shift requests",
+								description: "No shift requests available"
+							}) : /* @__PURE__ */ C("div", {
+								className: "space-y-3",
+								children: V.map((e) => /* @__PURE__ */ w("div", {
+									className: "rounded-lg border border-border-seam p-4",
+									children: [
+										/* @__PURE__ */ w("div", {
+											className: "flex items-center justify-between mb-3",
+											children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h4", {
+												className: "text-sm font-semibold text-text-primary",
+												children: D(e.date)
+											}), /* @__PURE__ */ w("p", {
+												className: "text-xs text-text-secondary mt-0.5",
+												children: [
+													O(e.startTime),
+													" - ",
+													O(e.endTime)
+												]
+											})] }), /* @__PURE__ */ C("span", {
+												className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", j(e.status)),
+												children: e.status
 											})]
-										}), /* @__PURE__ */ w("div", {
-											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ C("span", {
-												className: "text-xs text-text-secondary w-10",
-												children: "To"
-											}), /* @__PURE__ */ C("input", {
-												type: "time",
-												value: e.preferredEndTime,
-												onChange: (t) => X(e.dayOfWeek, "preferredEndTime", t.target.value),
-												className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-1.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+										}),
+										/* @__PURE__ */ w("div", {
+											className: "grid grid-cols-1 md:grid-cols-2 gap-3 text-sm mb-3",
+											children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+												className: "text-xs text-text-secondary",
+												children: "Cart"
+											}), /* @__PURE__ */ C("p", {
+												className: "text-xs font-medium text-text-primary",
+												children: e.cartName
+											})] }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+												className: "text-xs text-text-secondary",
+												children: "Location"
+											}), /* @__PURE__ */ C("p", {
+												className: "text-xs font-medium text-text-primary",
+												children: e.location
+											})] })]
+										}),
+										/* @__PURE__ */ w("p", {
+											className: "text-[10px] text-text-secondary mb-3",
+											children: [
+												"Requested",
+												" ",
+												new Date(e.requestedOn).toLocaleString("en-IN", {
+													day: "numeric",
+													month: "short",
+													hour: "2-digit",
+													minute: "2-digit",
+													hour12: !0
+												})
+											]
+										}),
+										e.status === "pending" && /* @__PURE__ */ w("div", {
+											className: "flex gap-2",
+											children: [/* @__PURE__ */ w("button", {
+												type: "button",
+												onClick: () => X(e.id),
+												className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg/10 px-3 py-1.5 text-xs font-medium text-status-success-text hover:bg-status-success-bg/20 transition-colors",
+												children: [/* @__PURE__ */ C(u, { className: "h-3.5 w-3.5" }), "Accept"]
+											}), /* @__PURE__ */ C("button", {
+												type: "button",
+												onClick: () => Z(e.id),
+												className: "inline-flex items-center gap-1.5 rounded-md bg-status-error-bg/10 px-3 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg/20 transition-colors",
+												children: "Reject"
 											})]
+										})
+									]
+								}, e.id))
+							}) }),
+							F === "availability" && /* @__PURE__ */ w("div", { children: [
+								/* @__PURE__ */ C("p", {
+									className: "text-xs text-text-secondary mb-5",
+									children: "Set your preferred working hours for each day of the week"
+								}),
+								/* @__PURE__ */ C("div", {
+									className: "space-y-3",
+									children: U.map((e) => /* @__PURE__ */ w("div", {
+										className: t("flex flex-col sm:flex-row sm:items-center gap-3 p-3 rounded-lg border", e.isAvailable ? "border-border-seam bg-bg-surface" : "border-border-seam/50 bg-bg-sunken/30"),
+										children: [/* @__PURE__ */ C("div", {
+											className: "w-32 shrink-0",
+											children: /* @__PURE__ */ w("label", {
+												className: "flex items-center gap-2 cursor-pointer",
+												children: [/* @__PURE__ */ C("input", {
+													type: "checkbox",
+													checked: e.isAvailable,
+													onChange: (t) => Q(e.dayOfWeek, "isAvailable", t.target.checked),
+													className: "h-4 w-4 rounded border-border-seam text-status-info-text focus:ring-status-info-border/40"
+												}), /* @__PURE__ */ C("span", {
+													className: "text-sm font-medium text-text-primary",
+													children: e.dayOfWeek
+												})]
+											})
+										}), e.isAvailable ? /* @__PURE__ */ w("div", {
+											className: "flex flex-col sm:flex-row gap-3 flex-1",
+											children: [/* @__PURE__ */ w("div", {
+												className: "flex items-center gap-2",
+												children: [/* @__PURE__ */ C("span", {
+													className: "text-xs text-text-secondary w-10",
+													children: "From"
+												}), /* @__PURE__ */ C("input", {
+													type: "time",
+													value: e.preferredStartTime,
+													onChange: (t) => Q(e.dayOfWeek, "preferredStartTime", t.target.value),
+													className: "rounded-md border border-border-seam bg-bg-surface px-3 py-1.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-status-info-border/40"
+												})]
+											}), /* @__PURE__ */ w("div", {
+												className: "flex items-center gap-2",
+												children: [/* @__PURE__ */ C("span", {
+													className: "text-xs text-text-secondary w-10",
+													children: "To"
+												}), /* @__PURE__ */ C("input", {
+													type: "time",
+													value: e.preferredEndTime,
+													onChange: (t) => Q(e.dayOfWeek, "preferredEndTime", t.target.value),
+													className: "rounded-md border border-border-seam bg-bg-surface px-3 py-1.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-status-info-border/40"
+												})]
+											})]
+										}) : /* @__PURE__ */ C("span", {
+											className: "text-xs text-text-secondary",
+											children: "Not available"
 										})]
-									}) : /* @__PURE__ */ C("span", {
-										className: "text-xs text-text-secondary",
-										children: "Not available"
-									})]
-								}, e.dayOfWeek))
-							}),
-							/* @__PURE__ */ C("div", {
-								className: "mt-5",
-								children: /* @__PURE__ */ w("button", {
-									type: "button",
-									onClick: () => {
-										alert("Availability updated successfully");
-									},
-									className: "inline-flex items-center gap-2 rounded-md bg-blue-500/10 px-4 py-2 text-sm font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-500/20 transition-colors",
-									children: [/* @__PURE__ */ C(v, { className: "h-4 w-4" }), "Save Availability"]
+									}, e.dayOfWeek))
+								}),
+								/* @__PURE__ */ C("div", {
+									className: "mt-5",
+									children: /* @__PURE__ */ w("button", {
+										type: "button",
+										onClick: () => {
+											alert("Availability updated successfully");
+										},
+										className: "inline-flex items-center gap-2 rounded-md bg-status-info-bg/10 px-4 py-2 text-sm font-medium text-status-info-text hover:bg-status-info-bg/20 transition-colors",
+										children: [/* @__PURE__ */ C(v, { className: "h-4 w-4" }), "Save Availability"]
+									})
 								})
-							})
-						] })
-					]
-				})]
-			})]
+							] })
+						]
+					})]
+				})
+			]
 		})
 	});
 };
 //#endregion
-export { A as WorkerSchedulePage };
+export { M as WorkerSchedulePage };
 
 //# sourceMappingURL=WorkerSchedulePage.js.map