npm - @burdenoff/microfe-timecampus - Versions diffs - 2026.626.2 → 2026.703.2 - Mend

@burdenoff/microfe-timecampus 2026.626.2 → 2026.703.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (93) hide show

package/dist/timecampus/pages/time-approval/TimeApprovalPage.js CHANGED Viewed

@@ -1,134 +1,339 @@
-import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { formatDate as t, formatHours as n, getInitials as r, getStatusColor as i } from "../../utils/helpers.js";
-import { StatCard as a } from "../../components/StatCard.js";
-import { LoadingSkeleton as o } from "../../components/LoadingSkeleton.js";
-import { useApproveRequestMutation as s, useGetApprovalStatsQuery as c, useListApprovalRequestsQuery as l, useRejectRequestMutation as u } from "../../../generated/wspace-operations.js";
-import { PageLayout as d } from "../../components/PageLayout.js";
-import { EmptyState as f } from "../../components/EmptyState.js";
-import { CheckCircle as p, Clock as m, XCircle as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { formatDate as e, formatHours as t, getInitials as n } from "../../utils/helpers.js";
+import { StatCard as r } from "../../components/StatCard.js";
+import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
+import { useApproveRequestMutation as a, useGetApprovalStatsQuery as o, useListApprovalRequestsQuery as ee, useRejectRequestMutation as te, useRequestRevisionMutation as ne, useWithdrawRequestMutation as s } from "../../../generated/wspace-operations.js";
+import { PageLayout as c } from "../../components/PageLayout.js";
+import { EmptyState as l } from "../../components/EmptyState.js";
+import { ApprovalStatus as u } from "../../../generated/wspace-types.js";
+import { Modal as d } from "../../components/Modal.js";
+import { StatusBadge as re } from "../../components/StatusBadge.js";
+import { ToastContainer as ie, useToast as ae } from "../../components/Toast.js";
+import { useState as f } from "react";
+import { CheckCircle as p, Clock as oe, MessageSquare as se, Undo2 as ce, XCircle as m } from "lucide-react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/timecampus/pages/time-approval/TimeApprovalPage.tsx
-function v() {
-	let { workspaceId: v = "" } = e(), { data: y, loading: b, error: x } = l(), { data: S, loading: C, error: w } = c(), [T, { loading: E }] = s(), [D, { loading: O }] = u(), k = y?.approvalRequests?.items ?? [], A = S?.approvalStats, j = E || O, M = async (e) => {
-		await T({ variables: { id: e } });
-	}, N = async (e) => {
-		await D({ variables: {
-			id: e,
-			reason: "Rejected by reviewer"
-		} });
+var v = 25, y = "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary";
+function b() {
+	let { toasts: b, addToast: x, dismissToast: S } = ae(), { data: C, loading: w, error: T, refetch: le, fetchMore: ue } = ee({
+		variables: {
+			limit: v,
+			offset: 0
+		},
+		notifyOnNetworkStatusChange: !0
+	}), { data: de, loading: E, error: D, refetch: O } = o(), [k] = a(), [A, { loading: j }] = te(), [M, { loading: N }] = ne(), [P] = s(), F = C?.approvalRequests?.items ?? [], I = C?.approvalRequests?.total ?? 0, L = C?.approvalRequests?.hasMore ?? !1, R = de?.approvalStats, [z, B] = f(!1), [V, H] = f(null), [U, W] = f(null), [G, K] = f(""), [q, J] = f(null), [Y, X] = f(""), [Z, Q] = f(null), $ = async () => {
+		await Promise.all([le(), O()]);
+	}, fe = async (e) => {
+		H(e);
+		try {
+			await k({ variables: { id: e } }), x({
+				title: "Timesheet approved",
+				variant: "success"
+			}), await $();
+		} catch {
+			x({
+				title: "Failed to approve timesheet",
+				variant: "error"
+			});
+		} finally {
+			H(null);
+		}
 	};
-	return b && C ? /* @__PURE__ */ g(d, {
+	return w && E && F.length === 0 ? /* @__PURE__ */ g(c, {
 		title: "Time Approval",
 		description: "Review and approve team timesheets",
-		children: /* @__PURE__ */ g(o, {
+		children: /* @__PURE__ */ g(i, {
 			variant: "list",
 			count: 4
 		})
-	}) : x && w ? /* @__PURE__ */ g(d, {
+	}) : T && D ? /* @__PURE__ */ g(c, {
 		title: "Time Approval",
 		description: "Review and approve team timesheets",
 		children: /* @__PURE__ */ g("div", {
 			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load approval data. Please try again later."
 		})
-	}) : /* @__PURE__ */ _(d, {
+	}) : /* @__PURE__ */ _(c, {
 		title: "Time Approval",
 		description: "Review and approve team timesheets",
-		purpose: "The reviewer's queue for signing off team timesheets before they're billed or paid — approve or reject submissions in one place so payroll and invoices go out accurate and on time.",
-		children: [/* @__PURE__ */ _("div", {
-			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-			children: [
-				/* @__PURE__ */ g(a, {
-					featured: !0,
-					title: "Pending Approvals",
-					value: String(A?.pendingCount ?? 0),
-					icon: /* @__PURE__ */ g(m, { className: "h-5 w-5" }),
-					iconBgColor: "bg-status-warning-bg text-status-warning-text"
-				}),
-				/* @__PURE__ */ g(a, {
-					title: "Approved This Week",
-					value: String(A?.approvedCount ?? 0),
-					icon: /* @__PURE__ */ g(p, { className: "h-5 w-5" }),
-					iconBgColor: "bg-status-success-bg text-status-success-text"
-				}),
-				/* @__PURE__ */ g(a, {
-					title: "Rejected",
-					value: String(A?.rejectedCount ?? 0),
-					icon: /* @__PURE__ */ g(h, { className: "h-5 w-5" }),
-					iconBgColor: "bg-status-error-bg text-status-error-text"
-				}),
-				/* @__PURE__ */ g(a, {
-					title: "Avg. Review Time",
-					value: A?.averageReviewTime ? `${Math.round(A.averageReviewTime)}h` : "N/A",
-					description: "Target: 24h"
-				})
-			]
-		}), k.length === 0 && !b ? /* @__PURE__ */ g(f, {
-			illustration: "empty-notifications",
-			title: "No approval requests found",
-			description: "You're all caught up — submitted timesheets waiting on your review will appear here."
-		}) : /* @__PURE__ */ g("div", {
-			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
-			children: /* @__PURE__ */ g("div", {
-				className: "divide-y divide-border",
-				children: k.map((e) => /* @__PURE__ */ _("div", {
-					className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors",
-					children: [/* @__PURE__ */ _("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ g("div", {
-							className: "flex h-9 w-9 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-medium text-primary",
-							children: r(e.userId)
-						}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
-							className: "text-sm font-medium text-text-primary",
-							children: e.userId
-						}), /* @__PURE__ */ _("p", {
-							className: "text-xs text-text-secondary",
-							children: [
-								e.period,
-								" · Submitted",
-								" ",
-								t(e.submittedAt)
-							]
-						})] })]
-					}), /* @__PURE__ */ _("div", {
-						className: "flex items-center gap-4",
-						children: [
-							/* @__PURE__ */ _("div", {
-								className: "text-right",
-								children: [/* @__PURE__ */ g("p", {
+		purpose: "The reviewer's queue for signing off team timesheets before they're billed or paid — approve, reject or request changes in one place so payroll and invoices go out accurate and on time.",
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ g(r, {
+						featured: !0,
+						title: "Pending Approvals",
+						value: String(R?.pendingCount ?? 0),
+						icon: /* @__PURE__ */ g(oe, { className: "h-5 w-5" }),
+						iconBgColor: "bg-status-warning-bg text-status-warning-text"
+					}),
+					/* @__PURE__ */ g(r, {
+						title: "Approved This Week",
+						value: String(R?.approvedCount ?? 0),
+						icon: /* @__PURE__ */ g(p, { className: "h-5 w-5" }),
+						iconBgColor: "bg-status-success-bg text-status-success-text"
+					}),
+					/* @__PURE__ */ g(r, {
+						title: "Rejected",
+						value: String(R?.rejectedCount ?? 0),
+						icon: /* @__PURE__ */ g(m, { className: "h-5 w-5" }),
+						iconBgColor: "bg-status-error-bg text-status-error-text"
+					}),
+					/* @__PURE__ */ g(r, {
+						title: "Avg. Review Time",
+						value: R?.averageReviewTime ? `${Math.round(R.averageReviewTime)}h` : "N/A",
+						description: "Target: 24h"
+					})
+				]
+			}),
+			F.length === 0 && !w ? /* @__PURE__ */ g(l, {
+				illustration: "empty-notifications",
+				title: "No approval requests found",
+				description: "You're all caught up — submitted timesheets waiting on your review will appear here."
+			}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", {
+				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
+				children: /* @__PURE__ */ g("div", {
+					className: "divide-y divide-border",
+					children: F.map((r) => {
+						let i = r.status === u.Pending, a = V === r.id;
+						return /* @__PURE__ */ _("div", {
+							className: "flex flex-col gap-3 p-4 hover:bg-bg-sunken/50 transition-colors sm:flex-row sm:items-center sm:justify-between",
+							children: [/* @__PURE__ */ _("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ g("div", {
+									className: "flex h-9 w-9 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-medium text-primary",
+									children: n(r.userId)
+								}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 									className: "text-sm font-medium text-text-primary",
-									children: n(e.totalHours)
+									children: r.userId
 								}), /* @__PURE__ */ _("p", {
 									className: "text-xs text-text-secondary",
-									children: [n(e.billableHours), " billable"]
-								})]
-							}),
-							/* @__PURE__ */ g("span", {
-								className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${i(e.status)}`,
-								children: e.status
-							}),
-							e.status === "PENDING" && /* @__PURE__ */ _("div", {
-								className: "flex items-center gap-1",
-								children: [/* @__PURE__ */ g("button", {
-									onClick: () => M(e.id),
-									disabled: j,
-									className: "rounded-md p-1.5 text-status-success-text hover:bg-status-success-bg dark:hover:bg-status-success-text/20 disabled:opacity-50",
-									children: /* @__PURE__ */ g(p, { className: "h-4 w-4" })
-								}), /* @__PURE__ */ g("button", {
-									onClick: () => N(e.id),
-									disabled: j,
-									className: "rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg dark:hover:bg-status-error-text/20 disabled:opacity-50",
-									children: /* @__PURE__ */ g(h, { className: "h-4 w-4" })
-								})]
-							})
-						]
-					})]
-				}, e.id))
+									children: [
+										r.period,
+										" · Submitted",
+										" ",
+										e(r.submittedAt)
+									]
+								})] })]
+							}), /* @__PURE__ */ _("div", {
+								className: "flex flex-wrap items-center gap-3",
+								children: [
+									/* @__PURE__ */ _("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ g("p", {
+											className: "text-sm font-medium text-text-primary",
+											children: t(r.totalHours)
+										}), /* @__PURE__ */ _("p", {
+											className: "text-xs text-text-secondary",
+											children: [t(r.billableHours), " billable"]
+										})]
+									}),
+									/* @__PURE__ */ g(re, {
+										label: r.status.toLowerCase(),
+										status: r.status.toLowerCase()
+									}),
+									i && /* @__PURE__ */ _("div", {
+										className: "flex items-center gap-1",
+										children: [
+											/* @__PURE__ */ g("button", {
+												onClick: () => fe(r.id),
+												disabled: a,
+												title: "Approve",
+												className: "rounded-md p-1.5 text-status-success-text hover:bg-status-success-bg disabled:opacity-50",
+												children: /* @__PURE__ */ g(p, { className: "h-4 w-4" })
+											}),
+											/* @__PURE__ */ g("button", {
+												onClick: () => {
+													J(r), X("");
+												},
+												disabled: a,
+												title: "Request revision",
+												className: "rounded-md p-1.5 text-status-warning-text hover:bg-status-warning-bg disabled:opacity-50",
+												children: /* @__PURE__ */ g(se, { className: "h-4 w-4" })
+											}),
+											/* @__PURE__ */ g("button", {
+												onClick: () => {
+													W(r), K("");
+												},
+												disabled: a,
+												title: "Reject",
+												className: "rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg disabled:opacity-50",
+												children: /* @__PURE__ */ g(m, { className: "h-4 w-4" })
+											}),
+											/* @__PURE__ */ g("button", {
+												onClick: () => Q(r),
+												disabled: a,
+												title: "Withdraw request",
+												className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken disabled:opacity-50",
+												children: /* @__PURE__ */ g(ce, { className: "h-4 w-4" })
+											})
+										]
+									})
+								]
+							})]
+						}, r.id);
+					})
+				})
+			}), /* @__PURE__ */ _("div", {
+				className: "mt-4 flex items-center justify-between",
+				children: [/* @__PURE__ */ _("p", {
+					className: "text-xs text-text-secondary",
+					children: [
+						"Showing ",
+						F.length,
+						" of ",
+						I
+					]
+				}), L && /* @__PURE__ */ g("button", {
+					onClick: async () => {
+						B(!0);
+						try {
+							await ue({
+								variables: {
+									limit: v,
+									offset: F.length
+								},
+								updateQuery: (e, { fetchMoreResult: t }) => t ? {
+									...e,
+									approvalRequests: {
+										...t.approvalRequests,
+										items: [...e.approvalRequests.items, ...t.approvalRequests.items]
+									}
+								} : e
+							});
+						} finally {
+							B(!1);
+						}
+					},
+					disabled: z,
+					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
+					children: z ? "Loading..." : "Load more"
+				})]
+			})] }),
+			/* @__PURE__ */ _(d, {
+				open: U !== null,
+				onClose: () => W(null),
+				title: "Reject timesheet",
+				description: U ? `Rejecting ${U.userId}'s ${U.period} timesheet.` : void 0,
+				size: "sm",
+				footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
+					onClick: () => W(null),
+					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
+					children: "Cancel"
+				}), /* @__PURE__ */ g("button", {
+					onClick: async () => {
+						if (!(!U || !G.trim())) try {
+							await A({ variables: {
+								id: U.id,
+								reason: G.trim()
+							} }), x({
+								title: "Timesheet rejected",
+								variant: "success"
+							}), W(null), K(""), await $();
+						} catch {
+							x({
+								title: "Failed to reject timesheet",
+								variant: "error"
+							});
+						}
+					},
+					disabled: j || !G.trim(),
+					className: "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50",
+					children: j ? "Rejecting..." : "Reject"
+				})] }),
+				children: [/* @__PURE__ */ g("label", {
+					className: "block text-sm font-medium text-text-primary",
+					children: "Rejection reason"
+				}), /* @__PURE__ */ g("textarea", {
+					rows: 3,
+					placeholder: "Explain why this timesheet is being rejected",
+					value: G,
+					onChange: (e) => K(e.target.value),
+					className: y
+				})]
+			}),
+			/* @__PURE__ */ _(d, {
+				open: q !== null,
+				onClose: () => J(null),
+				title: "Request revision",
+				description: q ? `Ask ${q.userId} to revise their ${q.period} timesheet.` : void 0,
+				size: "sm",
+				footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
+					onClick: () => J(null),
+					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
+					children: "Cancel"
+				}), /* @__PURE__ */ g("button", {
+					onClick: async () => {
+						if (!(!q || !Y.trim())) try {
+							await M({ variables: {
+								id: q.id,
+								notes: Y.trim()
+							} }), x({
+								title: "Revision requested",
+								variant: "success"
+							}), J(null), X(""), await $();
+						} catch {
+							x({
+								title: "Failed to request revision",
+								variant: "error"
+							});
+						}
+					},
+					disabled: N || !Y.trim(),
+					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
+					children: N ? "Sending..." : "Request Revision"
+				})] }),
+				children: [/* @__PURE__ */ g("label", {
+					className: "block text-sm font-medium text-text-primary",
+					children: "What needs changing?"
+				}), /* @__PURE__ */ g("textarea", {
+					rows: 3,
+					placeholder: "Describe the changes needed before this can be approved",
+					value: Y,
+					onChange: (e) => X(e.target.value),
+					className: y
+				})]
+			}),
+			/* @__PURE__ */ g(d, {
+				open: Z !== null,
+				onClose: () => Q(null),
+				title: "Withdraw request?",
+				description: Z ? `${Z.userId}'s ${Z.period} timesheet will be pulled from the review queue.` : void 0,
+				size: "sm",
+				footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
+					onClick: () => Q(null),
+					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
+					children: "Cancel"
+				}), /* @__PURE__ */ g("button", {
+					onClick: async () => {
+						if (Z) try {
+							await P({ variables: { id: Z.id } }), x({
+								title: "Request withdrawn",
+								variant: "success"
+							}), Q(null), await $();
+						} catch {
+							x({
+								title: "Failed to withdraw request",
+								variant: "error"
+							});
+						}
+					},
+					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
+					children: "Withdraw"
+				})] }),
+				children: /* @__PURE__ */ g("p", {
+					className: "text-sm text-text-secondary",
+					children: "Withdrawing removes the request from the approval queue. It can be resubmitted later."
+				})
+			}),
+			/* @__PURE__ */ g(ie, {
+				toasts: b,
+				onDismiss: S
 			})
-		})]
+		]
 	});
 }
 //#endregion
-export { v as TimeApprovalPage };
+export { b as TimeApprovalPage };
 //# sourceMappingURL=TimeApprovalPage.js.map

package/dist/timecampus/pages/time-approval/TimeApprovalPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimeApprovalPage.js","names":[],"sources":["../../../../src/timecampus/pages/time-approval/TimeApprovalPage.tsx"],"sourcesContent":["import { CheckCircle, XCircle, Clock } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n getStatusColor,\n getInitials,\n formatHours,\n formatDate,\n} from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n useListApprovalRequestsQuery,\n useGetApprovalStatsQuery,\n useApproveRequestMutation,\n useRejectRequestMutation,\n type ApprovalRequestFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function TimeApprovalPage() {\n const { workspaceId = \"\" } = useTimeCampus();\n\n const {\n data: requestsData,\n loading: requestsLoading,\n error: requestsError,\n } = useListApprovalRequestsQuery();\n const {\n data: statsData,\n loading: statsLoading,\n error: statsError,\n } = useGetApprovalStatsQuery();\n const [approveRequest, { loading: approving }] = useApproveRequestMutation();\n const [rejectRequest, { loading: rejecting }] = useRejectRequestMutation();\n\n const requests = requestsData?.approvalRequests?.items ?? [];\n const stats = statsData?.approvalStats;\n const mutating = approving \|\| rejecting;\n\n const handleApprove = async (id: string) => {\n await approveRequest({ variables: { id } });\n };\n\n const handleReject = async (id: string) => {\n await rejectRequest({ variables: { id, reason: \"Rejected by reviewer\" } });\n };\n\n if (requestsLoading && statsLoading) {\n return (\n <PageLayout\n title=\"Time Approval\"\n description=\"Review and approve team timesheets\"\n >\n <LoadingSkeleton variant=\"list\" count={4} />\n </PageLayout>\n );\n }\n\n if (requestsError && statsError) {\n return (\n <PageLayout\n title=\"Time Approval\"\n description=\"Review and approve team timesheets\"\n >\n <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n Failed to load approval data. Please try again later.\n </div>\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title=\"Time Approval\"\n description=\"Review and approve team timesheets\"\n purpose=\"The reviewer's queue for signing off team timesheets before they're billed or paid — approve or reject submissions in one place so payroll and invoices go out accurate and on time.\"\n >\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n <StatCard\n featured\n title=\"Pending Approvals\"\n value={String(stats?.pendingCount ?? 0)}\n icon={<Clock className=\"h-5 w-5\" />}\n iconBgColor=\"bg-status-warning-bg text-status-warning-text\"\n />\n <StatCard\n title=\"Approved This Week\"\n value={String(stats?.approvedCount ?? 0)}\n icon={<CheckCircle className=\"h-5 w-5\" />}\n iconBgColor=\"bg-status-success-bg text-status-success-text\"\n />\n <StatCard\n title=\"Rejected\"\n value={String(stats?.rejectedCount ?? 0)}\n icon={<XCircle className=\"h-5 w-5\" />}\n iconBgColor=\"bg-status-error-bg text-status-error-text\"\n />\n <StatCard\n title=\"Avg. Review Time\"\n value={\n stats?.averageReviewTime\n ? `${Math.round(stats.averageReviewTime)}h`\n : \"N/A\"\n }\n description=\"Target: 24h\"\n />\n </div>\n\n {requests.length === 0 && !requestsLoading ? (\n <EmptyState\n illustration=\"empty-notifications\"\n title=\"No approval requests found\"\n description=\"You're all caught up — submitted timesheets waiting on your review will appear here.\"\n />\n ) : (\n <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop\">\n <div className=\"divide-y divide-border\">\n {requests.map((request: ApprovalRequestFieldsFragment) => (\n <div\n key={request.id}\n className=\"flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors\"\n >\n <div className=\"flex items-center gap-3\">\n <div className=\"flex h-9 w-9 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-medium text-primary\">\n {getInitials(request.userId)}\n </div>\n <div>\n <p className=\"text-sm font-medium text-text-primary\">\n {request.userId}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {request.period} · Submitted{\" \"}\n {formatDate(request.submittedAt)}\n </p>\n </div>\n </div>\n <div className=\"flex items-center gap-4\">\n <div className=\"text-right\">\n <p className=\"text-sm font-medium text-text-primary\">\n {formatHours(request.totalHours)}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {formatHours(request.billableHours)} billable\n </p>\n </div>\n <span\n className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(request.status)}`}\n >\n {request.status}\n </span>\n {request.status === \"PENDING\" && (\n <div className=\"flex items-center gap-1\">\n <button\n onClick={() => handleApprove(request.id)}\n disabled={mutating}\n className=\"rounded-md p-1.5 text-status-success-text hover:bg-status-success-bg dark:hover:bg-status-success-text/20 disabled:opacity-50\"\n >\n <CheckCircle className=\"h-4 w-4\" />\n </button>\n <button\n onClick={() => handleReject(request.id)}\n disabled={mutating}\n className=\"rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg dark:hover:bg-status-error-text/20 disabled:opacity-50\"\n >\n <XCircle className=\"h-4 w-4\" />\n </button>\n </div>\n )}\n </div>\n </div>\n ))}\n </div>\n </div>\n )}\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"TimeApprovalPage.js","names":[],"sources":["../../../../src/timecampus/pages/time-approval/TimeApprovalPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n CheckCircle,\n XCircle,\n Clock,\n MessageSquare,\n Undo2,\n} from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { StatusBadge } from \"../../components/StatusBadge\";\nimport { Modal } from \"../../components/Modal\";\nimport { ToastContainer, useToast } from \"../../components/Toast\";\nimport { getInitials, formatHours, formatDate } from \"../../utils/helpers\";\nimport {\n useListApprovalRequestsQuery,\n useGetApprovalStatsQuery,\n useApproveRequestMutation,\n useRejectRequestMutation,\n useRequestRevisionMutation,\n useWithdrawRequestMutation,\n type ApprovalRequestFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { ApprovalStatus } from \"@/generated/wspace-types\";\n\nconst PAGE_SIZE = 25;\n\nconst inputClass =\n \"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary\";\n\nexport function TimeApprovalPage() {\n const { toasts, addToast, dismissToast } = useToast();\n\n const {\n data: requestsData,\n loading: requestsLoading,\n error: requestsError,\n refetch,\n fetchMore,\n } = useListApprovalRequestsQuery({\n variables: { limit: PAGE_SIZE, offset: 0 },\n notifyOnNetworkStatusChange: true,\n });\n const {\n data: statsData,\n loading: statsLoading,\n error: statsError,\n refetch: refetchStats,\n } = useGetApprovalStatsQuery();\n\n const [approveRequest] = useApproveRequestMutation();\n const [rejectRequest, { loading: rejecting }] = useRejectRequestMutation();\n const [requestRevision, { loading: requestingRevision }] =\n useRequestRevisionMutation();\n const [withdrawRequest] = useWithdrawRequestMutation();\n\n const requests = requestsData?.approvalRequests?.items ?? [];\n const total = requestsData?.approvalRequests?.total ?? 0;\n const hasMore = requestsData?.approvalRequests?.hasMore ?? false;\n const stats = statsData?.approvalStats;\n\n const [loadingMore, setLoadingMore] = useState(false);\n const [busyId, setBusyId] = useState<string \| null>(null);\n\n // Reject reason modal\n const [rejectTarget, setRejectTarget] =\n useState<ApprovalRequestFieldsFragment \| null>(null);\n const [rejectReason, setRejectReason] = useState(\"\");\n\n // Request revision modal\n const [revisionTarget, setRevisionTarget] =\n useState<ApprovalRequestFieldsFragment \| null>(null);\n const [revisionNotes, setRevisionNotes] = useState(\"\");\n\n // Withdraw confirm modal\n const [withdrawTarget, setWithdrawTarget] =\n useState<ApprovalRequestFieldsFragment \| null>(null);\n\n const refreshAll = async () => {\n await Promise.all([refetch(), refetchStats()]);\n };\n\n const handleApprove = async (id: string) => {\n setBusyId(id);\n try {\n await approveRequest({ variables: { id } });\n addToast({ title: \"Timesheet approved\", variant: \"success\" });\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to approve timesheet\", variant: \"error\" });\n } finally {\n setBusyId(null);\n }\n };\n\n const handleReject = async () => {\n if (!rejectTarget \|\| !rejectReason.trim()) return;\n try {\n await rejectRequest({\n variables: { id: rejectTarget.id, reason: rejectReason.trim() },\n });\n addToast({ title: \"Timesheet rejected\", variant: \"success\" });\n setRejectTarget(null);\n setRejectReason(\"\");\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to reject timesheet\", variant: \"error\" });\n }\n };\n\n const handleRequestRevision = async () => {\n if (!revisionTarget \|\| !revisionNotes.trim()) return;\n try {\n await requestRevision({\n variables: { id: revisionTarget.id, notes: revisionNotes.trim() },\n });\n addToast({ title: \"Revision requested\", variant: \"success\" });\n setRevisionTarget(null);\n setRevisionNotes(\"\");\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to request revision\", variant: \"error\" });\n }\n };\n\n const handleWithdraw = async () => {\n if (!withdrawTarget) return;\n try {\n await withdrawRequest({ variables: { id: withdrawTarget.id } });\n addToast({ title: \"Request withdrawn\", variant: \"success\" });\n setWithdrawTarget(null);\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to withdraw request\", variant: \"error\" });\n }\n };\n\n const handleLoadMore = async () => {\n setLoadingMore(true);\n try {\n await fetchMore({\n variables: { limit: PAGE_SIZE, offset: requests.length },\n updateQuery: (prev, { fetchMoreResult }) => {\n if (!fetchMoreResult) return prev;\n return {\n ...prev,\n approvalRequests: {\n ...fetchMoreResult.approvalRequests,\n items: [\n ...prev.approvalRequests.items,\n ...fetchMoreResult.approvalRequests.items,\n ],\n },\n };\n },\n });\n } finally {\n setLoadingMore(false);\n }\n };\n\n if (requestsLoading && statsLoading && requests.length === 0) {\n return (\n <PageLayout\n title=\"Time Approval\"\n description=\"Review and approve team timesheets\"\n >\n <LoadingSkeleton variant=\"list\" count={4} />\n </PageLayout>\n );\n }\n\n if (requestsError && statsError) {\n return (\n <PageLayout\n title=\"Time Approval\"\n description=\"Review and approve team timesheets\"\n >\n <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n Failed to load approval data. Please try again later.\n </div>\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title=\"Time Approval\"\n description=\"Review and approve team timesheets\"\n purpose=\"The reviewer's queue for signing off team timesheets before they're billed or paid — approve, reject or request changes in one place so payroll and invoices go out accurate and on time.\"\n >\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n <StatCard\n featured\n title=\"Pending Approvals\"\n value={String(stats?.pendingCount ?? 0)}\n icon={<Clock className=\"h-5 w-5\" />}\n iconBgColor=\"bg-status-warning-bg text-status-warning-text\"\n />\n <StatCard\n title=\"Approved This Week\"\n value={String(stats?.approvedCount ?? 0)}\n icon={<CheckCircle className=\"h-5 w-5\" />}\n iconBgColor=\"bg-status-success-bg text-status-success-text\"\n />\n <StatCard\n title=\"Rejected\"\n value={String(stats?.rejectedCount ?? 0)}\n icon={<XCircle className=\"h-5 w-5\" />}\n iconBgColor=\"bg-status-error-bg text-status-error-text\"\n />\n <StatCard\n title=\"Avg. Review Time\"\n value={\n stats?.averageReviewTime\n ? `${Math.round(stats.averageReviewTime)}h`\n : \"N/A\"\n }\n description=\"Target: 24h\"\n />\n </div>\n\n {requests.length === 0 && !requestsLoading ? (\n <EmptyState\n illustration=\"empty-notifications\"\n title=\"No approval requests found\"\n description=\"You're all caught up — submitted timesheets waiting on your review will appear here.\"\n />\n ) : (\n <>\n <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop\">\n <div className=\"divide-y divide-border\">\n {requests.map((request: ApprovalRequestFieldsFragment) => {\n const isPending = request.status === ApprovalStatus.Pending;\n const rowBusy = busyId === request.id;\n return (\n <div\n key={request.id}\n className=\"flex flex-col gap-3 p-4 hover:bg-bg-sunken/50 transition-colors sm:flex-row sm:items-center sm:justify-between\"\n >\n <div className=\"flex items-center gap-3\">\n <div className=\"flex h-9 w-9 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-medium text-primary\">\n {getInitials(request.userId)}\n </div>\n <div>\n <p className=\"text-sm font-medium text-text-primary\">\n {request.userId}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {request.period} · Submitted{\" \"}\n {formatDate(request.submittedAt)}\n </p>\n </div>\n </div>\n <div className=\"flex flex-wrap items-center gap-3\">\n <div className=\"text-right\">\n <p className=\"text-sm font-medium text-text-primary\">\n {formatHours(request.totalHours)}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {formatHours(request.billableHours)} billable\n </p>\n </div>\n <StatusBadge\n label={request.status.toLowerCase()}\n status={request.status.toLowerCase()}\n />\n {isPending && (\n <div className=\"flex items-center gap-1\">\n <button\n onClick={() => handleApprove(request.id)}\n disabled={rowBusy}\n title=\"Approve\"\n className=\"rounded-md p-1.5 text-status-success-text hover:bg-status-success-bg disabled:opacity-50\"\n >\n <CheckCircle className=\"h-4 w-4\" />\n </button>\n <button\n onClick={() => {\n setRevisionTarget(request);\n setRevisionNotes(\"\");\n }}\n disabled={rowBusy}\n title=\"Request revision\"\n className=\"rounded-md p-1.5 text-status-warning-text hover:bg-status-warning-bg disabled:opacity-50\"\n >\n <MessageSquare className=\"h-4 w-4\" />\n </button>\n <button\n onClick={() => {\n setRejectTarget(request);\n setRejectReason(\"\");\n }}\n disabled={rowBusy}\n title=\"Reject\"\n className=\"rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg disabled:opacity-50\"\n >\n <XCircle className=\"h-4 w-4\" />\n </button>\n <button\n onClick={() => setWithdrawTarget(request)}\n disabled={rowBusy}\n title=\"Withdraw request\"\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken disabled:opacity-50\"\n >\n <Undo2 className=\"h-4 w-4\" />\n </button>\n </div>\n )}\n </div>\n </div>\n );\n })}\n </div>\n </div>\n\n <div className=\"mt-4 flex items-center justify-between\">\n <p className=\"text-xs text-text-secondary\">\n Showing {requests.length} of {total}\n </p>\n {hasMore && (\n <button\n onClick={handleLoadMore}\n disabled={loadingMore}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50\"\n >\n {loadingMore ? \"Loading...\" : \"Load more\"}\n </button>\n )}\n </div>\n </>\n )}\n\n <Modal\n open={rejectTarget !== null}\n onClose={() => setRejectTarget(null)}\n title=\"Reject timesheet\"\n description={\n rejectTarget\n ? `Rejecting ${rejectTarget.userId}'s ${rejectTarget.period} timesheet.`\n : undefined\n }\n size=\"sm\"\n footer={\n <>\n <button\n onClick={() => setRejectTarget(null)}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n >\n Cancel\n </button>\n <button\n onClick={handleReject}\n disabled={rejecting \|\| !rejectReason.trim()}\n className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50\"\n >\n {rejecting ? \"Rejecting...\" : \"Reject\"}\n </button>\n </>\n }\n >\n <label className=\"block text-sm font-medium text-text-primary\">\n Rejection reason\n </label>\n <textarea\n rows={3}\n placeholder=\"Explain why this timesheet is being rejected\"\n value={rejectReason}\n onChange={(e) => setRejectReason(e.target.value)}\n className={inputClass}\n />\n </Modal>\n\n <Modal\n open={revisionTarget !== null}\n onClose={() => setRevisionTarget(null)}\n title=\"Request revision\"\n description={\n revisionTarget\n ? `Ask ${revisionTarget.userId} to revise their ${revisionTarget.period} timesheet.`\n : undefined\n }\n size=\"sm\"\n footer={\n <>\n <button\n onClick={() => setRevisionTarget(null)}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n >\n Cancel\n </button>\n <button\n onClick={handleRequestRevision}\n disabled={requestingRevision \|\| !revisionNotes.trim()}\n className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n >\n {requestingRevision ? \"Sending...\" : \"Request Revision\"}\n </button>\n </>\n }\n >\n <label className=\"block text-sm font-medium text-text-primary\">\n What needs changing?\n </label>\n <textarea\n rows={3}\n placeholder=\"Describe the changes needed before this can be approved\"\n value={revisionNotes}\n onChange={(e) => setRevisionNotes(e.target.value)}\n className={inputClass}\n />\n </Modal>\n\n <Modal\n open={withdrawTarget !== null}\n onClose={() => setWithdrawTarget(null)}\n title=\"Withdraw request?\"\n description={\n withdrawTarget\n ? `${withdrawTarget.userId}'s ${withdrawTarget.period} timesheet will be pulled from the review queue.`\n : undefined\n }\n size=\"sm\"\n footer={\n <>\n <button\n onClick={() => setWithdrawTarget(null)}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n >\n Cancel\n </button>\n <button\n onClick={handleWithdraw}\n className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n >\n Withdraw\n </button>\n </>\n }\n >\n <p className=\"text-sm text-text-secondary\">\n Withdrawing removes the request from the approval queue. It can be\n resubmitted later.\n </p>\n </Modal>\n\n <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n </PageLayout>\n );\n}\n"],"mappings":"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"}