@burdenoff/microfe-timecampus 2026.703.3 → 2026.703.5

package/dist/timecampus/pages/email-tracking/EmailTrackingPage.js

@@ -1,147 +1,147 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { formatRelativeTime as t, getPriorityColor as n, getStatusColor as r } from "../../utils/helpers.js";
-import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
-import { useCreateEmailTimeEntryMutation as a, useDeleteEmailTimeEntryMutation as o, useListEmailTimeEntriesQuery as s, useUpdateEmailTimeEntryMutation as c } from "../../../generated/wspace-operations.js";
-import { PageLayout as l } from "../../components/PageLayout.js";
-import { EmptyState as ee } from "../../components/EmptyState.js";
-import { Modal as u } from "../../components/Modal.js";
-import { useState as d } from "react";
-import { Filter as f, Mail as p, Pencil as m, Plus as h, Trash2 as g } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { GlassCard as te } from "@burdenoff/fe-libs/ui";
+import { formatRelativeTime as t, getInitials as n, getPriorityColor as r, getStatusColor as i } from "../../utils/helpers.js";
+import { LoadingSkeleton as a } from "../../components/LoadingSkeleton.js";
+import { useCreateEmailTimeEntryMutation as o, useDeleteEmailTimeEntryMutation as s, useListEmailTimeEntriesQuery as c, useUpdateEmailTimeEntryMutation as l } from "../../../generated/wspace-operations.js";
+import { PageLayout as u } from "../../components/PageLayout.js";
+import { EmptyState as d } from "../../components/EmptyState.js";
+import { Modal as f } from "../../components/Modal.js";
+import { useState as p } from "react";
+import { Filter as m, Mail as h, Pencil as g, Plus as _, Trash2 as v } from "lucide-react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { GlassCard as S } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/email-tracking/EmailTrackingPage.tsx
-var b = 25, x = {
+var C = 25, w = {
 	success: "bg-status-success-bg text-status-success-text",
 	warning: "bg-status-warning-bg text-status-warning-text",
 	error: "bg-status-error-bg text-status-error-text",
 	info: "bg-status-info-bg text-status-info-text",
 	default: "bg-bg-sunken text-text-secondary",
 	muted: "bg-bg-sunken text-text-secondary"
-}, S = "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", C = "block text-sm font-medium text-text-primary";
-function w(e) {
+}, T = "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", E = "block text-sm font-medium text-text-primary";
+function D(e) {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "" : (/* @__PURE__ */ new Date(t.getTime() - t.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16);
 }
-function T() {
+function O() {
 	let e = /* @__PURE__ */ new Date();
 	return (/* @__PURE__ */ new Date(e.getTime() - e.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16);
 }
-function E(e) {
+function k(e) {
 	return {
 		subject: e?.subject ?? "",
 		sender: e?.sender ?? "",
 		recipients: e?.recipients ?? "",
 		category: e?.category ?? "",
-		date: e?.date ? w(e.date) : T(),
+		date: e?.date ? D(e.date) : O(),
 		duration: e?.duration == null ? "" : String(e.duration),
 		responseTime: e?.responseTime == null ? "" : String(e.responseTime),
 		isImportant: e?.isImportant ?? !1,
 		threadId: e?.threadId ?? ""
 	};
 }
-function D({ value: e, onChange: t }) {
+function A({ value: e, onChange: t }) {
 	let n = (n, r) => t({
 		...e,
 		[n]: r
 	});
-	return /* @__PURE__ */ y("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
-				className: C,
+			/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+				className: E,
 				children: "Subject"
-			}), /* @__PURE__ */ v("input", {
+			}), /* @__PURE__ */ b("input", {
 				type: "text",
 				placeholder: "Email subject",
 				value: e.subject,
 				onChange: (e) => n("subject", e.target.value),
-				className: S
+				className: T
 			})] }),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ x("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-				children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
-					className: C,
+				children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+					className: E,
 					children: "Sender"
-				}), /* @__PURE__ */ v("input", {
+				}), /* @__PURE__ */ b("input", {
 					type: "text",
 					placeholder: "sender@example.com",
 					value: e.sender,
 					onChange: (e) => n("sender", e.target.value),
-					className: S
-				})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
-					className: C,
+					className: T
+				})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+					className: E,
 					children: "Recipients"
-				}), /* @__PURE__ */ v("input", {
+				}), /* @__PURE__ */ b("input", {
 					type: "text",
 					placeholder: "recipient@example.com",
 					value: e.recipients,
 					onChange: (e) => n("recipients", e.target.value),
-					className: S
+					className: T
 				})] })]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ x("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-				children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
-					className: C,
+				children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+					className: E,
 					children: "Category"
-				}), /* @__PURE__ */ v("input", {
+				}), /* @__PURE__ */ b("input", {
 					type: "text",
 					placeholder: "e.g. work, newsletter",
 					value: e.category,
 					onChange: (e) => n("category", e.target.value),
-					className: S
-				})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
-					className: C,
+					className: T
+				})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+					className: E,
 					children: "Date & Time"
-				}), /* @__PURE__ */ v("input", {
+				}), /* @__PURE__ */ b("input", {
 					type: "datetime-local",
 					value: e.date,
 					onChange: (e) => n("date", e.target.value),
-					className: S
+					className: T
 				})] })]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ x("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-				children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
-					className: C,
+				children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+					className: E,
 					children: "Duration (minutes)"
-				}), /* @__PURE__ */ v("input", {
+				}), /* @__PURE__ */ b("input", {
 					type: "number",
 					min: "0",
 					placeholder: "0",
 					value: e.duration,
 					onChange: (e) => n("duration", e.target.value),
-					className: S
-				})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
-					className: C,
+					className: T
+				})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+					className: E,
 					children: "Response Time (minutes)"
-				}), /* @__PURE__ */ v("input", {
+				}), /* @__PURE__ */ b("input", {
 					type: "number",
 					min: "0",
 					placeholder: "0",
 					value: e.responseTime,
 					onChange: (e) => n("responseTime", e.target.value),
-					className: S
+					className: T
 				})] })]
 			}),
-			/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
-				className: C,
+			/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+				className: E,
 				children: "Thread ID"
-			}), /* @__PURE__ */ v("input", {
+			}), /* @__PURE__ */ b("input", {
 				type: "text",
 				placeholder: "Optional thread identifier",
 				value: e.threadId,
 				onChange: (e) => n("threadId", e.target.value),
-				className: S
+				className: T
 			})] }),
-			/* @__PURE__ */ y("label", {
+			/* @__PURE__ */ x("label", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ v("input", {
+				children: [/* @__PURE__ */ b("input", {
 					type: "checkbox",
 					checked: e.isImportant,
 					onChange: (e) => n("isImportant", e.target.checked),
 					className: "h-4 w-4 rounded border-border-subtle"
-				}), /* @__PURE__ */ v("span", {
+				}), /* @__PURE__ */ b("span", {
 					className: "text-sm font-medium text-text-primary",
 					children: "Mark as important"
 				})]
@@ -149,16 +149,16 @@ function D({ value: e, onChange: t }) {
 		]
 	});
 }
-function O() {
-	let { workspaceId: S = "" } = e(), [C, w] = d(!1), [T, O] = d(!1), { data: k, loading: A, error: ne, fetchMore: j, refetch: M } = s({
+function j() {
+	let { workspaceId: T = "" } = e(), [E, D] = p(!1), [O, j] = p(!1), { data: M, loading: ee, error: te, fetchMore: ne, refetch: N } = c({
 		variables: {
-			limit: b,
+			limit: C,
 			offset: 0,
-			filter: C ? { isImportant: !0 } : void 0
+			filter: E ? { isImportant: !0 } : void 0
 		},
-		skip: !S,
+		skip: !T,
 		notifyOnNetworkStatusChange: !0
-	}), N = k?.emailTimeEntries ?? [], P = N.length > 0 && N.length % b === 0, [F, I] = d(!1), [L, R] = d(null), [z, B] = d(null), [V, H] = d(E()), [U, W] = d(E()), [G, { loading: K, error: q }] = a(), [J, { loading: Y, error: X }] = c(), [re, { loading: Z, error: ie }] = o(), Q = (e) => ({
+	}), P = M?.emailTimeEntries ?? [], F = P.length > 0 && P.length % C === 0, [I, L] = p(!1), [R, z] = p(null), [B, V] = p(null), [H, U] = p(k()), [W, G] = p(k()), [K, { loading: q, error: J }] = o(), [Y, { loading: X, error: re }] = l(), [ie, { loading: Z, error: ae }] = s(), Q = (e) => ({
 		subject: e.subject.trim() || void 0,
 		sender: e.sender.trim() || void 0,
 		recipients: e.recipients.trim() || void 0,
@@ -169,204 +169,212 @@ function O() {
 		isImportant: e.isImportant,
 		threadId: e.threadId.trim() || void 0
 	}), $ = () => {
-		H(E()), I(!0);
-	}, ae = async () => {
-		await G({ variables: { input: Q(V) } }), I(!1), await M();
-	}, oe = (e) => {
-		W(E(e)), R(e);
+		U(k()), L(!0);
+	}, oe = async () => {
+		await K({ variables: { input: Q(H) } }), L(!1), await N();
+	}, se = (e) => {
+		G(k(e)), z(e);
 	};
-	return /* @__PURE__ */ y(l, {
+	return /* @__PURE__ */ x(u, {
 		title: "Email Tracking",
 		description: "Track time spent on emails",
 		purpose: "Surface the hidden hours email steals from your day — every message linked to the time it took and the project it belonged to — so inbox work finally shows up in your timesheets and reports.",
-		actions: /* @__PURE__ */ y("div", {
+		actions: /* @__PURE__ */ x("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ y("button", {
-				onClick: () => w((e) => !e),
-				className: `inline-flex items-center gap-1.5 rounded-md border px-3 py-2 text-sm font-medium ${C ? "border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg" : "border-border-subtle text-text-primary hover:bg-bg-sunken/50"}`,
-				children: [/* @__PURE__ */ v(f, { className: "h-4 w-4" }), C ? "Important only" : "Filter"]
-			}), /* @__PURE__ */ y("button", {
+			children: [/* @__PURE__ */ x("button", {
+				onClick: () => D((e) => !e),
+				className: `inline-flex items-center gap-1.5 rounded-md border px-3 py-2 text-sm font-medium ${E ? "border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg" : "border-border-subtle text-text-primary hover:bg-bg-sunken/50"}`,
+				children: [/* @__PURE__ */ b(m, { className: "h-4 w-4" }), E ? "Important only" : "Filter"]
+			}), /* @__PURE__ */ x("button", {
 				onClick: $,
 				className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-				children: [/* @__PURE__ */ v(h, { className: "h-4 w-4" }), "Add Entry"]
+				children: [/* @__PURE__ */ b(_, { className: "h-4 w-4" }), "Add Entry"]
 			})]
 		}),
 		children: [
-			A && N.length === 0 ? /* @__PURE__ */ v(i, {
+			ee && P.length === 0 ? /* @__PURE__ */ b(a, {
 				variant: "list",
 				count: 4
-			}) : ne ? /* @__PURE__ */ v("div", {
+			}) : te ? /* @__PURE__ */ b("div", {
 				className: "rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
 				children: "Failed to load email entries. Please try again later."
-			}) : N.length === 0 ? /* @__PURE__ */ v(ee, {
+			}) : P.length === 0 ? /* @__PURE__ */ b(d, {
 				illustration: "empty-notifications",
 				title: "No email entries found",
 				description: "Log the time you spend in your inbox — or connect email tracking — and entries will appear here.",
-				action: /* @__PURE__ */ y("button", {
+				action: /* @__PURE__ */ x("button", {
 					onClick: $,
 					className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-					children: [/* @__PURE__ */ v(h, { className: "h-4 w-4" }), "Add Entry"]
+					children: [/* @__PURE__ */ b(_, { className: "h-4 w-4" }), "Add Entry"]
 				})
-			}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(te, {
+			}) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(S, {
 				treatment: "glass",
 				glow: !0,
 				className: "overflow-hidden",
-				children: /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ b("div", {
 					className: "divide-y divide-border",
-					children: N.map((e) => /* @__PURE__ */ y("div", {
+					children: P.map((e) => /* @__PURE__ */ x("div", {
 						className: "flex items-center justify-between gap-3 p-4 transition-colors hover:bg-bg-sunken/50",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ x("div", {
 							className: "flex min-w-0 items-center gap-3",
-							children: [/* @__PURE__ */ v(p, { className: `h-5 w-5 shrink-0 ${e.isImportant ? "text-primary" : "text-text-secondary"}` }), /* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ b("div", {
+								className: `relative flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10 text-xs font-semibold text-primary ${e.isImportant ? "ring-2 ring-action-primary-bg/40" : ""}`,
+								children: e.sender ? n(e.sender) : /* @__PURE__ */ b(h, { className: "h-4 w-4" })
+							}), /* @__PURE__ */ x("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ v("p", {
-									className: `truncate text-sm ${e.isImportant ? "font-semibold text-text-primary" : "font-medium text-text-primary"}`,
+								children: [/* @__PURE__ */ b("p", {
+									className: `truncate text-sm text-text-primary ${e.isImportant ? "font-semibold" : "font-medium"}`,
 									children: e.subject ?? "(No subject)"
-								}), /* @__PURE__ */ y("p", {
+								}), /* @__PURE__ */ x("p", {
 									className: "truncate text-xs text-text-secondary",
 									children: [
 										e.sender ?? "Unknown",
 										" ·",
 										" ",
-										t(e.date),
-										" · ~",
-										e.duration ?? 0,
-										"min"
+										t(e.date)
 									]
 								})]
 							})]
-						}), /* @__PURE__ */ y("div", {
+						}), /* @__PURE__ */ x("div", {
 							className: "flex shrink-0 items-center gap-2",
 							children: [
-								/* @__PURE__ */ v("span", {
-									className: `hidden rounded-full px-2 py-0.5 text-xs font-medium sm:inline-flex ${x[n(e.isImportant ? "high" : "low")]}`,
+								/* @__PURE__ */ x("span", {
+									className: "hidden rounded-full bg-bg-sunken px-2 py-0.5 font-mono text-xs tabular-nums text-text-secondary md:inline-flex",
+									children: [
+										"~",
+										e.duration ?? 0,
+										"min"
+									]
+								}),
+								/* @__PURE__ */ b("span", {
+									className: `hidden rounded-full px-2 py-0.5 text-xs font-medium sm:inline-flex ${w[r(e.isImportant ? "high" : "low")]}`,
 									children: e.isImportant ? "high" : "normal"
 								}),
-								/* @__PURE__ */ v("span", {
-									className: `hidden rounded-full px-2 py-0.5 text-xs font-medium sm:inline-flex ${x[r(e.category ?? "active")]}`,
+								/* @__PURE__ */ b("span", {
+									className: `hidden rounded-full px-2 py-0.5 text-xs font-medium sm:inline-flex ${w[i(e.category ?? "active")]}`,
 									children: e.category ?? "uncategorized"
 								}),
-								/* @__PURE__ */ v("button", {
-									onClick: () => oe(e),
+								/* @__PURE__ */ b("button", {
+									onClick: () => se(e),
 									className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary",
 									"aria-label": "Edit entry",
-									children: /* @__PURE__ */ v(m, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ b(g, { className: "h-4 w-4" })
 								}),
-								/* @__PURE__ */ v("button", {
-									onClick: () => B(e),
+								/* @__PURE__ */ b("button", {
+									onClick: () => V(e),
 									className: "rounded-md p-1.5 text-text-secondary hover:bg-status-error-bg hover:text-status-error-text",
 									"aria-label": "Delete entry",
-									children: /* @__PURE__ */ v(g, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ b(v, { className: "h-4 w-4" })
 								})
 							]
 						})]
 					}, e.id))
 				})
-			}), P && /* @__PURE__ */ v("div", {
+			}), F && /* @__PURE__ */ b("div", {
 				className: "mt-4 flex justify-center",
-				children: /* @__PURE__ */ v("button", {
+				children: /* @__PURE__ */ b("button", {
 					onClick: async () => {
-						O(!0);
+						j(!0);
 						try {
-							await j({
-								variables: { offset: N.length },
+							await ne({
+								variables: { offset: P.length },
 								updateQuery: (e, { fetchMoreResult: t }) => t ? {
 									...e,
 									emailTimeEntries: [...e.emailTimeEntries, ...t.emailTimeEntries]
 								} : e
 							});
 						} finally {
-							O(!1);
+							j(!1);
 						}
 					},
-					disabled: T,
+					disabled: O,
 					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: T ? "Loading..." : "Load more"
+					children: O ? "Loading..." : "Load more"
 				})
 			})] }),
-			/* @__PURE__ */ y(u, {
-				open: F,
-				onClose: () => I(!1),
+			/* @__PURE__ */ x(f, {
+				open: I,
+				onClose: () => L(!1),
 				title: "Add Email Entry",
 				description: "Log time spent on an email",
 				size: "xl",
-				footer: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("button", {
-					onClick: () => I(!1),
+				footer: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("button", {
+					onClick: () => L(!1),
 					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__ */ v("button", {
-					onClick: ae,
-					disabled: K || !V.date,
+				}), /* @__PURE__ */ b("button", {
+					onClick: oe,
+					disabled: q || !H.date,
 					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: K ? "Saving..." : "Add Entry"
+					children: q ? "Saving..." : "Add Entry"
 				})] }),
-				children: [q && /* @__PURE__ */ v("div", {
+				children: [J && /* @__PURE__ */ b("div", {
 					className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
 					children: "Failed to add entry. Please try again."
-				}), /* @__PURE__ */ v(D, {
-					value: V,
-					onChange: H
+				}), /* @__PURE__ */ b(A, {
+					value: H,
+					onChange: U
 				})]
 			}),
-			/* @__PURE__ */ y(u, {
-				open: L !== null,
-				onClose: () => R(null),
+			/* @__PURE__ */ x(f, {
+				open: R !== null,
+				onClose: () => z(null),
 				title: "Edit Email Entry",
 				description: "Update this email time entry",
 				size: "xl",
-				footer: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("button", {
-					onClick: () => R(null),
+				footer: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("button", {
+					onClick: () => z(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__ */ v("button", {
+				}), /* @__PURE__ */ b("button", {
 					onClick: async () => {
-						L && (await J({ variables: {
-							id: L.id,
-							input: Q(U)
-						} }), R(null), await M());
+						R && (await Y({ variables: {
+							id: R.id,
+							input: Q(W)
+						} }), z(null), await N());
 					},
-					disabled: Y || !U.date,
+					disabled: X || !W.date,
 					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: Y ? "Saving..." : "Save Changes"
+					children: X ? "Saving..." : "Save Changes"
 				})] }),
-				children: [X && /* @__PURE__ */ v("div", {
+				children: [re && /* @__PURE__ */ b("div", {
 					className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
 					children: "Failed to update entry. Please try again."
-				}), /* @__PURE__ */ v(D, {
-					value: U,
-					onChange: W
+				}), /* @__PURE__ */ b(A, {
+					value: W,
+					onChange: G
 				})]
 			}),
-			/* @__PURE__ */ y(u, {
-				open: z !== null,
-				onClose: () => B(null),
+			/* @__PURE__ */ x(f, {
+				open: B !== null,
+				onClose: () => V(null),
 				title: "Delete Email Entry",
 				size: "sm",
-				footer: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("button", {
-					onClick: () => B(null),
+				footer: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("button", {
+					onClick: () => V(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__ */ v("button", {
+				}), /* @__PURE__ */ b("button", {
 					onClick: async () => {
-						z && (await re({ variables: { id: z.id } }), B(null), await M());
+						B && (await ie({ variables: { id: B.id } }), V(null), await N());
 					},
 					disabled: Z,
 					className: "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/90 disabled:opacity-50",
 					children: Z ? "Deleting..." : "Delete"
 				})] }),
-				children: [ie && /* @__PURE__ */ v("div", {
+				children: [ae && /* @__PURE__ */ b("div", {
 					className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
 					children: "Failed to delete entry. Please try again."
-				}), /* @__PURE__ */ y("p", {
+				}), /* @__PURE__ */ x("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						"Are you sure you want to delete the entry",
 						" ",
-						/* @__PURE__ */ y("span", {
+						/* @__PURE__ */ x("span", {
 							className: "font-medium text-text-primary",
 							children: [
 								"“",
-								z?.subject ?? "(No subject)",
+								B?.subject ?? "(No subject)",
 								"”"
 							]
 						}),
@@ -378,6 +386,6 @@ function O() {
 	});
 }
 //#endregion
-export { O as EmailTrackingPage };
+export { j as EmailTrackingPage };
 
 //# sourceMappingURL=EmailTrackingPage.js.map