@burdenoff/microfe-adaptercloud 2026.625.1 → 2026.625.2

package/dist/adaptercloud/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 } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/worker/WorkerSchedulePage.tsx
-function T(e) {
+function E(e) {
 	return new Date(e).toLocaleDateString("en-US", {
 		weekday: "short",
 		month: "short",
 		day: "numeric"
 	});
 }
-function E(e) {
+function D(e) {
 	let [t, n] = e.split(":"), r = parseInt(t), i = r >= 12 ? "PM" : "AM";
 	return `${r % 12 || 12}:${n} ${i}`;
 }
-function D(e) {
+function O(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,7 +35,7 @@ function D(e) {
 		})
 	};
 }
-function O(e) {
+function k(e) {
 	switch (e) {
 		case "scheduled": return "bg-accent-blue-subtle/20 text-accent-blue";
 		case "ongoing": return "bg-status-success-bg-subtle/20 text-status-success-text";
@@ -43,7 +44,7 @@ function O(e) {
 		default: return "bg-secondary text-secondary-foreground";
 	}
 }
-function k(e) {
+function A(e) {
 	switch (e) {
 		case "pending": return "bg-status-warning-bg-subtle/20 text-status-warning-text";
 		case "approved": return "bg-status-success-bg-subtle/20 text-status-success-text";
@@ -51,12 +52,12 @@ function k(e) {
 		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 j = () => {
+	let { navigateTo: j } = e(), [M, N] = s(!0), [P, F] = s("schedule"), [I, L] = s(0), [R, z] = s([]), [B, V] = s([]), [H, U] = s([]);
 	a(() => {
-		M(!0);
+		N(!0);
 		let e = setTimeout(() => {
-			R([
+			z([
 				{
 					id: "shift-001",
 					date: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
@@ -104,7 +105,7 @@ var A = () => {
 					status: "scheduled",
 					earnings: 0
 				}
-			]), B([
+			]), V([
 				{
 					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([
+			]), U([
 				{
 					dayOfWeek: "Monday",
 					isAvailable: !0,
@@ -178,48 +179,48 @@ var A = () => {
 					preferredStartTime: "09:00",
 					preferredEndTime: "18:00"
 				}
-			]), M(!1);
+			]), N(!1);
 		}, 600);
 		return () => clearTimeout(e);
-	}, [F]);
-	let U = o(() => {
-		let e = L.filter((e) => e.status !== "cancelled"), t = e.reduce((e, t) => {
+	}, [I]);
+	let W = o(() => {
+		let e = R.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 = R.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 ? {
+	}, [R]), G = B.filter((e) => e.status === "pending").length, K = O(I), q = (e) => {
+		z((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 ? {
+	}, J = (e) => {
+		z((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 ? {
+	}, Y = (e) => {
+		V((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "approved"
 		} : t)), alert("Shift accepted");
-	}, Y = (e) => {
-		B((t) => t.map((t) => t.id === e ? {
+	}, X = (e) => {
+		V((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 ? {
+	}, Z = (e, t, n) => {
+		U((r) => r.map((r) => r.dayOfWeek === e ? {
 			...r,
 			[t]: n
 		} : r));
 	};
-	return j ? /* @__PURE__ */ C(n, {
+	return M ? /* @__PURE__ */ C(n, {
 		title: "Schedule",
 		description: "Manage your work schedule",
 		children: /* @__PURE__ */ C("div", {
@@ -235,9 +236,10 @@ var A = () => {
 	}) : /* @__PURE__ */ C(n, {
 		title: "Schedule",
 		description: "Manage your work schedule",
+		purpose: "Plan your week — see your hours, shifts, and expected earnings, check when your next shift starts, and request shift changes or time off. Keep it up to date so you and the cart owner are always in sync.",
 		children: /* @__PURE__ */ w("div", {
 			className: "space-y-6",
-			children: [/* @__PURE__ */ w("div", {
+			children: [/* @__PURE__ */ C(T, { children: /* @__PURE__ */ w("div", {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-3",
 				children: [
 					/* @__PURE__ */ w("div", {
@@ -247,7 +249,7 @@ var A = () => {
 							children: "Hours This Week"
 						}), /* @__PURE__ */ w("p", {
 							className: "text-2xl font-bold text-text-primary",
-							children: [U.hoursThisWeek, "h"]
+							children: [W.hoursThisWeek, "h"]
 						})]
 					}),
 					/* @__PURE__ */ w("div", {
@@ -257,7 +259,7 @@ var A = () => {
 							children: "Shifts This Week"
 						}), /* @__PURE__ */ C("p", {
 							className: "text-2xl font-bold text-text-primary",
-							children: U.shiftsThisWeek
+							children: W.shiftsThisWeek
 						})]
 					}),
 					/* @__PURE__ */ w("div", {
@@ -267,7 +269,7 @@ var A = () => {
 							children: "Week Earnings"
 						}), /* @__PURE__ */ C("p", {
 							className: "text-2xl font-bold text-text-primary",
-							children: i(U.earningsThisWeek, { minimumFractionDigits: 0 })
+							children: i(W.earningsThisWeek, { minimumFractionDigits: 0 })
 						})]
 					}),
 					/* @__PURE__ */ w("div", {
@@ -277,76 +279,76 @@ var A = () => {
 							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"
+							children: W.nextShift ? `${E(W.nextShift.date)} ${D(W.nextShift.startTime)}` : "None scheduled"
 						})]
 					})
 				]
-			}), /* @__PURE__ */ w("div", {
+			}) }), /* @__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__ */ 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-accent-blue-subtle text-accent-blue bg-accent-blue-subtle/5" : "text-text-secondary hover:text-text-primary"),
+							onClick: () => F("schedule"),
+							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", P === "schedule" ? "border-b-2 border-accent-blue-subtle text-accent-blue bg-accent-blue-subtle/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: () => 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-accent-blue-subtle text-accent-blue bg-accent-blue-subtle/5" : "text-text-secondary hover:text-text-primary"),
+							onClick: () => F("requests"),
+							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", P === "requests" ? "border-b-2 border-accent-blue-subtle text-accent-blue bg-accent-blue-subtle/5" : "text-text-secondary hover:text-text-primary"),
 							children: [
 								/* @__PURE__ */ C(y, { className: "h-4 w-4" }),
 								"Shift Requests",
-								W > 0 && /* @__PURE__ */ C("span", {
+								G > 0 && /* @__PURE__ */ C("span", {
 									className: "ml-1 inline-flex items-center justify-center rounded-full bg-status-error-bg-subtle px-1.5 py-0.5 text-[10px] font-medium text-white",
-									children: W
+									children: G
 								})
 							]
 						}),
 						/* @__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-accent-blue-subtle text-accent-blue bg-accent-blue-subtle/5" : "text-text-secondary hover:text-text-primary"),
+							onClick: () => F("availability"),
+							className: t("flex-1 py-3 px-4 text-sm font-medium transition-colors flex items-center justify-center gap-2", P === "availability" ? "border-b-2 border-accent-blue-subtle text-accent-blue bg-accent-blue-subtle/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: [
-						N === "schedule" && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+						P === "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),
+									onClick: () => L((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,
+										K.start,
 										" - ",
-										G.end
+										K.end
 									]
 								}),
 								/* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => I((e) => e + 1),
+									onClick: () => L((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, {
+						}), R.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: L.map((e) => /* @__PURE__ */ w("div", {
+							children: R.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-subtle/5" : "border-border-subtle hover:bg-bg-sunken/30"),
 								children: [
 									/* @__PURE__ */ w("div", {
@@ -355,17 +357,17 @@ var A = () => {
 											className: "flex items-center gap-2 flex-wrap",
 											children: [/* @__PURE__ */ C("h4", {
 												className: "text-sm font-semibold text-text-primary",
-												children: T(e.date)
+												children: E(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)),
+												className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", k(e.status)),
 												children: e.status === "ongoing" ? "Ongoing" : e.status
 											})]
 										}), /* @__PURE__ */ w("p", {
 											className: "text-xs text-text-secondary mt-1",
 											children: [
-												E(e.startTime),
+												D(e.startTime),
 												" - ",
-												E(e.endTime)
+												D(e.endTime)
 											]
 										})] }), /* @__PURE__ */ w("div", {
 											className: "text-right",
@@ -408,7 +410,7 @@ var A = () => {
 										className: "mt-3 pt-3 border-t border-border-subtle",
 										children: /* @__PURE__ */ w("button", {
 											type: "button",
-											onClick: () => K(e.id),
+											onClick: () => q(e.id),
 											className: "inline-flex items-center gap-1.5 rounded-md bg-accent-blue-subtle/10 px-3 py-1.5 text-xs font-medium text-accent-blue hover:bg-accent-blue-subtle/20 transition-colors",
 											children: [/* @__PURE__ */ C(m, { className: "h-3.5 w-3.5" }), "Check In"]
 										})
@@ -420,7 +422,7 @@ var A = () => {
 											children: [/* @__PURE__ */ C(_, { className: "h-3.5 w-3.5" }), "Shift in progress"]
 										}), /* @__PURE__ */ w("button", {
 											type: "button",
-											onClick: () => q(e.id),
+											onClick: () => J(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"]
 										})]
@@ -428,30 +430,30 @@ var A = () => {
 								]
 							}, e.id))
 						})] }),
-						N === "requests" && /* @__PURE__ */ C("div", { children: z.length === 0 ? /* @__PURE__ */ C(r, {
+						P === "requests" && /* @__PURE__ */ C("div", { children: B.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: z.map((e) => /* @__PURE__ */ w("div", {
+							children: B.map((e) => /* @__PURE__ */ w("div", {
 								className: "rounded-lg border border-border-subtle 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: T(e.date)
+											children: E(e.date)
 										}), /* @__PURE__ */ w("p", {
 											className: "text-xs text-text-secondary mt-0.5",
 											children: [
-												E(e.startTime),
+												D(e.startTime),
 												" - ",
-												E(e.endTime)
+												D(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)),
+											className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize", A(e.status)),
 											children: e.status
 										})]
 									}),
@@ -489,12 +491,12 @@ var A = () => {
 										className: "flex gap-2",
 										children: [/* @__PURE__ */ w("button", {
 											type: "button",
-											onClick: () => J(e.id),
+											onClick: () => Y(e.id),
 											className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle/10 px-3 py-1.5 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
 											children: [/* @__PURE__ */ C(u, { className: "h-3.5 w-3.5" }), "Accept"]
 										}), /* @__PURE__ */ C("button", {
 											type: "button",
-											onClick: () => Y(e.id),
+											onClick: () => X(e.id),
 											className: "inline-flex items-center gap-1.5 rounded-md bg-status-error-bg-subtle/10 px-3 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg-subtle/20 transition-colors",
 											children: "Reject"
 										})]
@@ -502,14 +504,14 @@ var A = () => {
 								]
 							}, e.id))
 						}) }),
-						N === "availability" && /* @__PURE__ */ w("div", { children: [
+						P === "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: V.map((e) => /* @__PURE__ */ w("div", {
+								children: H.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",
@@ -518,7 +520,7 @@ var A = () => {
 											children: [/* @__PURE__ */ C("input", {
 												type: "checkbox",
 												checked: e.isAvailable,
-												onChange: (t) => X(e.dayOfWeek, "isAvailable", t.target.checked),
+												onChange: (t) => Z(e.dayOfWeek, "isAvailable", t.target.checked),
 												className: "h-4 w-4 rounded border-border-subtle text-accent-blue focus:ring-accent-blue-subtle/40"
 											}), /* @__PURE__ */ C("span", {
 												className: "text-sm font-medium text-text-primary",
@@ -535,7 +537,7 @@ var A = () => {
 											}), /* @__PURE__ */ C("input", {
 												type: "time",
 												value: e.preferredStartTime,
-												onChange: (t) => X(e.dayOfWeek, "preferredStartTime", t.target.value),
+												onChange: (t) => Z(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-accent-blue-subtle/40"
 											})]
 										}), /* @__PURE__ */ w("div", {
@@ -546,7 +548,7 @@ var A = () => {
 											}), /* @__PURE__ */ C("input", {
 												type: "time",
 												value: e.preferredEndTime,
-												onChange: (t) => X(e.dayOfWeek, "preferredEndTime", t.target.value),
+												onChange: (t) => Z(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-accent-blue-subtle/40"
 											})]
 										})]
@@ -575,6 +577,6 @@ var A = () => {
 	});
 };
 //#endregion
-export { A as WorkerSchedulePage };
+export { j as WorkerSchedulePage };
 
 //# sourceMappingURL=WorkerSchedulePage.js.map