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/email-tracking/EmailTrackingPage.js CHANGED Viewed

@@ -1,77 +1,383 @@
 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 { useListEmailTimeEntriesQuery as a } from "../../../generated/wspace-operations.js";
-import { PageLayout as o } from "../../components/PageLayout.js";
-import { EmptyState as s } from "../../components/EmptyState.js";
-import { Filter as c, Mail as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { GlassCard as f } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/timecampus/pages/email-tracking/EmailTrackingPage.tsx
-function p() {
-	let { workspaceId: p = "" } = e(), { data: m, loading: h, error: g } = a({
-		variables: { limit: 50 },
-		skip: !p
-	}), _ = m?.emailTimeEntries ?? [];
-	return /* @__PURE__ */ u(o, {
+var b = 25, x = {
+	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) {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : (/* @__PURE__ */ new Date(t.getTime() - t.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16);
+}
+function T() {
+	let e = /* @__PURE__ */ new Date();
+	return (/* @__PURE__ */ new Date(e.getTime() - e.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16);
+}
+function E(e) {
+	return {
+		subject: e?.subject ?? "",
+		sender: e?.sender ?? "",
+		recipients: e?.recipients ?? "",
+		category: e?.category ?? "",
+		date: e?.date ? w(e.date) : T(),
+		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 }) {
+	let n = (n, r) => t({
+		...e,
+		[n]: r
+	});
+	return /* @__PURE__ */ y("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+				className: C,
+				children: "Subject"
+			}), /* @__PURE__ */ v("input", {
+				type: "text",
+				placeholder: "Email subject",
+				value: e.subject,
+				onChange: (e) => n("subject", e.target.value),
+				className: S
+			})] }),
+			/* @__PURE__ */ y("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+				children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+					className: C,
+					children: "Sender"
+				}), /* @__PURE__ */ v("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,
+					children: "Recipients"
+				}), /* @__PURE__ */ v("input", {
+					type: "text",
+					placeholder: "recipient@example.com",
+					value: e.recipients,
+					onChange: (e) => n("recipients", e.target.value),
+					className: S
+				})] })]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+				children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+					className: C,
+					children: "Category"
+				}), /* @__PURE__ */ v("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,
+					children: "Date & Time"
+				}), /* @__PURE__ */ v("input", {
+					type: "datetime-local",
+					value: e.date,
+					onChange: (e) => n("date", e.target.value),
+					className: S
+				})] })]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+				children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+					className: C,
+					children: "Duration (minutes)"
+				}), /* @__PURE__ */ v("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,
+					children: "Response Time (minutes)"
+				}), /* @__PURE__ */ v("input", {
+					type: "number",
+					min: "0",
+					placeholder: "0",
+					value: e.responseTime,
+					onChange: (e) => n("responseTime", e.target.value),
+					className: S
+				})] })]
+			}),
+			/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+				className: C,
+				children: "Thread ID"
+			}), /* @__PURE__ */ v("input", {
+				type: "text",
+				placeholder: "Optional thread identifier",
+				value: e.threadId,
+				onChange: (e) => n("threadId", e.target.value),
+				className: S
+			})] }),
+			/* @__PURE__ */ y("label", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ v("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", {
+					className: "text-sm font-medium text-text-primary",
+					children: "Mark as important"
+				})]
+			})
+		]
+	});
+}
+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({
+		variables: {
+			limit: b,
+			offset: 0,
+			filter: C ? { isImportant: !0 } : void 0
+		},
+		skip: !S,
+		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) => ({
+		subject: e.subject.trim() || void 0,
+		sender: e.sender.trim() || void 0,
+		recipients: e.recipients.trim() || void 0,
+		category: e.category.trim() || void 0,
+		date: new Date(e.date).toISOString(),
+		duration: e.duration ? Number(e.duration) : void 0,
+		responseTime: e.responseTime ? Number(e.responseTime) : void 0,
+		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);
+	};
+	return /* @__PURE__ */ y(l, {
 		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__ */ d("button", {
-			className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
-			children: [/* @__PURE__ */ u(c, { className: "h-4 w-4" }), "Filter"]
+		actions: /* @__PURE__ */ y("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", {
+				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: h ? /* @__PURE__ */ u(i, {
-			variant: "list",
-			count: 4
-		}) : g ? /* @__PURE__ */ u("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."
-		}) : _.length === 0 ? /* @__PURE__ */ u(s, {
-			illustration: "empty-notifications",
-			title: "No email entries found",
-			description: "Once email tracking is connected, the time you spend reading and replying shows up here."
-		}) : /* @__PURE__ */ u(f, {
-			treatment: "glass",
-			glow: !0,
-			className: "overflow-hidden",
-			children: /* @__PURE__ */ u("div", {
-				className: "divide-y divide-border",
-				children: _.map((e) => /* @__PURE__ */ d("div", {
-					className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors cursor-pointer",
-					children: [/* @__PURE__ */ d("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ u(l, { className: `h-5 w-5 ${e.isImportant ? "text-primary" : "text-text-secondary"}` }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
-							className: `text-sm ${e.isImportant ? "font-semibold text-text-primary" : "font-medium text-text-primary"}`,
-							children: e.subject ?? "(No subject)"
-						}), /* @__PURE__ */ d("p", {
-							className: "text-xs text-text-secondary",
+		children: [
+			A && N.length === 0 ? /* @__PURE__ */ v(i, {
+				variant: "list",
+				count: 4
+			}) : ne ? /* @__PURE__ */ v("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, {
+				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", {
+					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"]
+				})
+			}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(te, {
+				treatment: "glass",
+				glow: !0,
+				className: "overflow-hidden",
+				children: /* @__PURE__ */ v("div", {
+					className: "divide-y divide-border",
+					children: N.map((e) => /* @__PURE__ */ y("div", {
+						className: "flex items-center justify-between gap-3 p-4 transition-colors hover:bg-bg-sunken/50",
+						children: [/* @__PURE__ */ y("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", {
+								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: e.subject ?? "(No subject)"
+								}), /* @__PURE__ */ y("p", {
+									className: "truncate text-xs text-text-secondary",
+									children: [
+										e.sender ?? "Unknown",
+										" ·",
+										" ",
+										t(e.date),
+										" · ~",
+										e.duration ?? 0,
+										"min"
+									]
+								})]
+							})]
+						}), /* @__PURE__ */ y("div", {
+							className: "flex shrink-0 items-center gap-2",
 							children: [
-								e.sender ?? "Unknown",
-								" ·",
-								" ",
-								t(e.date),
-								" · ~",
-								e.duration ?? 0,
-								"min"
+								/* @__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")]}`,
+									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")]}`,
+									children: e.category ?? "uncategorized"
+								}),
+								/* @__PURE__ */ v("button", {
+									onClick: () => oe(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" })
+								}),
+								/* @__PURE__ */ v("button", {
+									onClick: () => B(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" })
+								})
 							]
-						})] })]
-					}), /* @__PURE__ */ d("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ u("span", {
-							className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${n(e.isImportant ? "high" : "low")}`,
-							children: e.isImportant ? "high" : "normal"
-						}), /* @__PURE__ */ u("span", {
-							className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${r(e.category ?? "active")}`,
-							children: e.category ?? "uncategorized"
 						})]
-					})]
-				}, e.id))
+					}, e.id))
+				})
+			}), P && /* @__PURE__ */ v("div", {
+				className: "mt-4 flex justify-center",
+				children: /* @__PURE__ */ v("button", {
+					onClick: async () => {
+						O(!0);
+						try {
+							await j({
+								variables: { offset: N.length },
+								updateQuery: (e, { fetchMoreResult: t }) => t ? {
+									...e,
+									emailTimeEntries: [...e.emailTimeEntries, ...t.emailTimeEntries]
+								} : e
+							});
+						} finally {
+							O(!1);
+						}
+					},
+					disabled: T,
+					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"
+				})
+			})] }),
+			/* @__PURE__ */ y(u, {
+				open: F,
+				onClose: () => I(!1),
+				title: "Add Email Entry",
+				description: "Log time spent on an email",
+				size: "xl",
+				footer: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("button", {
+					onClick: () => I(!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,
+					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 && /* @__PURE__ */ v("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__ */ y(u, {
+				open: L !== null,
+				onClose: () => R(null),
+				title: "Edit Email Entry",
+				description: "Update this email time entry",
+				size: "xl",
+				footer: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("button", {
+					onClick: () => R(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", {
+					onClick: async () => {
+						L && (await J({ variables: {
+							id: L.id,
+							input: Q(U)
+						} }), R(null), await M());
+					},
+					disabled: Y || !U.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 && /* @__PURE__ */ v("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__ */ y(u, {
+				open: z !== null,
+				onClose: () => B(null),
+				title: "Delete Email Entry",
+				size: "sm",
+				footer: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("button", {
+					onClick: () => B(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", {
+					onClick: async () => {
+						z && (await re({ variables: { id: z.id } }), B(null), await M());
+					},
+					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", {
+					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", {
+					className: "text-sm text-text-secondary",
+					children: [
+						"Are you sure you want to delete the entry",
+						" ",
+						/* @__PURE__ */ y("span", {
+							className: "font-medium text-text-primary",
+							children: [
+								"“",
+								z?.subject ?? "(No subject)",
+								"”"
+							]
+						}),
+						"? This action cannot be undone."
+					]
+				})]
 			})
-		})
+		]
 	});
 }
 //#endregion
-export { p as EmailTrackingPage };
+export { O as EmailTrackingPage };
 //# sourceMappingURL=EmailTrackingPage.js.map

package/dist/timecampus/pages/email-tracking/EmailTrackingPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmailTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/email-tracking/EmailTrackingPage.tsx"],"sourcesContent":["import { Mail, Filter } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n getStatusColor,\n getPriorityColor,\n formatRelativeTime,\n} from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n useListEmailTimeEntriesQuery,\n type EmailTimeEntryFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function EmailTrackingPage() {\n const { workspaceId = \"\" } = useTimeCampus();\n const { data, loading, error } = useListEmailTimeEntriesQuery({\n variables: { limit: 50 },\n skip: !workspaceId,\n });\n\n const emails = data?.emailTimeEntries ?? [];\n\n return (\n <PageLayout\n title=\"Email Tracking\"\n description=\"Track time spent on emails\"\n 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.\"\n actions={\n <button className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\">\n <Filter className=\"h-4 w-4\" />\n Filter\n </button>\n }\n >\n {loading ? (\n <LoadingSkeleton variant=\"list\" count={4} />\n ) : error ? (\n <div className=\"rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n Failed to load email entries. Please try again later.\n </div>\n ) : emails.length === 0 ? (\n <EmptyState\n illustration=\"empty-notifications\"\n title=\"No email entries found\"\n description=\"Once email tracking is connected, the time you spend reading and replying shows up here.\"\n />\n ) : (\n <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n <div className=\"divide-y divide-border\">\n {emails.map((email: EmailTimeEntryFieldsFragment) => (\n <div\n key={email.id}\n className=\"flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors cursor-pointer\"\n >\n <div className=\"flex items-center gap-3\">\n <Mail\n className={`h-5 w-5 ${email.isImportant ? \"text-primary\" : \"text-text-secondary\"}`}\n />\n <div>\n <p\n className={`text-sm ${email.isImportant ? \"font-semibold text-text-primary\" : \"font-medium text-text-primary\"}`}\n >\n {email.subject ?? \"(No subject)\"}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {email.sender ?? \"Unknown\"} ·{\" \"}\n {formatRelativeTime(email.date)} · ~\n {email.duration ?? 0}min\n </p>\n </div>\n </div>\n <div className=\"flex items-center gap-2\">\n <span\n className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getPriorityColor(email.isImportant ? \"high\" : \"low\")}`}\n >\n {email.isImportant ? \"high\" : \"normal\"}\n </span>\n <span\n className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(email.category ?? \"active\")}`}\n >\n {email.category ?? \"uncategorized\"}\n </span>\n </div>\n </div>\n ))}\n </div>\n </GlassCard>\n )}\n </PageLayout>\n );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,IAAoB;CAClC,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,EAAE,SAAM,YAAS,aAAU,EAA6B;EAC5D,WAAW,EAAE,OAAO,IAAI;EACxB,MAAM,CAAC;EACR,CAAC,EAEI,IAAS,GAAM,oBAAoB,EAAE;AAE3C,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;EACR,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,SAEvB;;YAGV,IACC,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA,GAC1C,IACF,kBAAC,OAAD;GAAK,WAAU;aAA2G;GAEpH,CAAA,GACJ,EAAO,WAAW,IACpB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAC1C,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO,KAAK,MACX,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EACE,WAAW,WAAW,EAAM,cAAc,iBAAiB,yBAC3D,CAAA,EACF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OACE,WAAW,WAAW,EAAM,cAAc,oCAAoC;iBAE7E,EAAM,WAAW;OAChB,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAM,UAAU;QAAU;QAAU;QACpC,EAAmB,EAAM,KAAK;QAAC;QAC/B,EAAM,YAAY;QAAE;QACnB;SACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAiB,EAAM,cAAc,SAAS,MAAM;iBAE1H,EAAM,cAAc,SAAS;OACzB,CAAA,EACP,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAe,EAAM,YAAY,SAAS;iBAEhH,EAAM,YAAY;OACd,CAAA,CACH;QACF;OAhCC,EAAM,GAgCP,CACN;IACE,CAAA;GACI,CAAA;EAEH,CAAA"}
1	+ {"version":3,"file":"EmailTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/email-tracking/EmailTrackingPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Mail, Filter, Plus, Pencil, Trash2 } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { Modal } from \"../../components/Modal\";\nimport {\n getStatusColor,\n getPriorityColor,\n formatRelativeTime,\n type BadgeVariant,\n} from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n useListEmailTimeEntriesQuery,\n useCreateEmailTimeEntryMutation,\n useUpdateEmailTimeEntryMutation,\n useDeleteEmailTimeEntryMutation,\n type EmailTimeEntryFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nconst PAGE_SIZE = 25;\n\nconst BADGE_CLASSES: Record<BadgeVariant, string> = {\n success: \"bg-status-success-bg text-status-success-text\",\n warning: \"bg-status-warning-bg text-status-warning-text\",\n error: \"bg-status-error-bg text-status-error-text\",\n info: \"bg-status-info-bg text-status-info-text\",\n default: \"bg-bg-sunken text-text-secondary\",\n muted: \"bg-bg-sunken text-text-secondary\",\n};\n\ninterface EmailFormState {\n subject: string;\n sender: string;\n recipients: string;\n category: string;\n date: string;\n duration: string;\n responseTime: string;\n isImportant: boolean;\n threadId: string;\n}\n\nconst inputClasses =\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\";\nconst labelClasses = \"block text-sm font-medium text-text-primary\";\n\nfunction toDatetimeLocal(iso: string): string {\n const d = new Date(iso);\n if (Number.isNaN(d.getTime())) return \"\";\n const local = new Date(d.getTime() - d.getTimezoneOffset() * 60000);\n return local.toISOString().slice(0, 16);\n}\n\nfunction nowDatetimeLocal(): string {\n const d = new Date();\n const local = new Date(d.getTime() - d.getTimezoneOffset() * 60000);\n return local.toISOString().slice(0, 16);\n}\n\nfunction toState(entry?: EmailTimeEntryFieldsFragment): EmailFormState {\n return {\n subject: entry?.subject ?? \"\",\n sender: entry?.sender ?? \"\",\n recipients: entry?.recipients ?? \"\",\n category: entry?.category ?? \"\",\n date: entry?.date ? toDatetimeLocal(entry.date) : nowDatetimeLocal(),\n duration: entry?.duration != null ? String(entry.duration) : \"\",\n responseTime: entry?.responseTime != null ? String(entry.responseTime) : \"\",\n isImportant: entry?.isImportant ?? false,\n threadId: entry?.threadId ?? \"\",\n };\n}\n\ninterface EmailEntryFormProps {\n value: EmailFormState;\n onChange: (next: EmailFormState) => void;\n}\n\nfunction EmailEntryForm({ value, onChange }: EmailEntryFormProps) {\n const set = <K extends keyof EmailFormState>(key: K, v: EmailFormState[K]) =>\n onChange({ ...value, [key]: v });\n\n return (\n <div className=\"space-y-4\">\n <div>\n <label className={labelClasses}>Subject</label>\n <input\n type=\"text\"\n placeholder=\"Email subject\"\n value={value.subject}\n onChange={(e) => set(\"subject\", e.target.value)}\n className={inputClasses}\n />\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className={labelClasses}>Sender</label>\n <input\n type=\"text\"\n placeholder=\"sender@example.com\"\n value={value.sender}\n onChange={(e) => set(\"sender\", e.target.value)}\n className={inputClasses}\n />\n </div>\n <div>\n <label className={labelClasses}>Recipients</label>\n <input\n type=\"text\"\n placeholder=\"recipient@example.com\"\n value={value.recipients}\n onChange={(e) => set(\"recipients\", e.target.value)}\n className={inputClasses}\n />\n </div>\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className={labelClasses}>Category</label>\n <input\n type=\"text\"\n placeholder=\"e.g. work, newsletter\"\n value={value.category}\n onChange={(e) => set(\"category\", e.target.value)}\n className={inputClasses}\n />\n </div>\n <div>\n <label className={labelClasses}>Date & Time</label>\n <input\n type=\"datetime-local\"\n value={value.date}\n onChange={(e) => set(\"date\", e.target.value)}\n className={inputClasses}\n />\n </div>\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className={labelClasses}>Duration (minutes)</label>\n <input\n type=\"number\"\n min=\"0\"\n placeholder=\"0\"\n value={value.duration}\n onChange={(e) => set(\"duration\", e.target.value)}\n className={inputClasses}\n />\n </div>\n <div>\n <label className={labelClasses}>Response Time (minutes)</label>\n <input\n type=\"number\"\n min=\"0\"\n placeholder=\"0\"\n value={value.responseTime}\n onChange={(e) => set(\"responseTime\", e.target.value)}\n className={inputClasses}\n />\n </div>\n </div>\n <div>\n <label className={labelClasses}>Thread ID</label>\n <input\n type=\"text\"\n placeholder=\"Optional thread identifier\"\n value={value.threadId}\n onChange={(e) => set(\"threadId\", e.target.value)}\n className={inputClasses}\n />\n </div>\n <label className=\"flex items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={value.isImportant}\n onChange={(e) => set(\"isImportant\", e.target.checked)}\n className=\"h-4 w-4 rounded border-border-subtle\"\n />\n <span className=\"text-sm font-medium text-text-primary\">\n Mark as important\n </span>\n </label>\n </div>\n );\n}\n\nexport function EmailTrackingPage() {\n const { workspaceId = \"\" } = useTimeCampus();\n const [importantOnly, setImportantOnly] = useState(false);\n const [loadingMore, setLoadingMore] = useState(false);\n\n const { data, loading, error, fetchMore, refetch } =\n useListEmailTimeEntriesQuery({\n variables: {\n limit: PAGE_SIZE,\n offset: 0,\n filter: importantOnly ? { isImportant: true } : undefined,\n },\n skip: !workspaceId,\n notifyOnNetworkStatusChange: true,\n });\n\n const emails = data?.emailTimeEntries ?? [];\n const hasMore = emails.length > 0 && emails.length % PAGE_SIZE === 0;\n\n // Modal state\n const [createOpen, setCreateOpen] = useState(false);\n const [editEntry, setEditEntry] =\n useState<EmailTimeEntryFieldsFragment \| null>(null);\n const [deleteEntry, setDeleteEntry] =\n useState<EmailTimeEntryFieldsFragment \| null>(null);\n\n const [createForm, setCreateForm] = useState<EmailFormState>(toState());\n const [editForm, setEditForm] = useState<EmailFormState>(toState());\n\n const [createEntry, { loading: creating, error: createError }] =\n useCreateEmailTimeEntryMutation();\n const [updateEntry, { loading: updating, error: updateError }] =\n useUpdateEmailTimeEntryMutation();\n const [removeEntry, { loading: deleting, error: deleteError }] =\n useDeleteEmailTimeEntryMutation();\n\n const buildInput = (form: EmailFormState) => ({\n subject: form.subject.trim() \|\| undefined,\n sender: form.sender.trim() \|\| undefined,\n recipients: form.recipients.trim() \|\| undefined,\n category: form.category.trim() \|\| undefined,\n date: new Date(form.date).toISOString(),\n duration: form.duration ? Number(form.duration) : undefined,\n responseTime: form.responseTime ? Number(form.responseTime) : undefined,\n isImportant: form.isImportant,\n threadId: form.threadId.trim() \|\| undefined,\n });\n\n const openCreate = () => {\n setCreateForm(toState());\n setCreateOpen(true);\n };\n\n const handleCreate = async () => {\n await createEntry({\n variables: { input: buildInput(createForm) },\n });\n setCreateOpen(false);\n await refetch();\n };\n\n const openEdit = (entry: EmailTimeEntryFieldsFragment) => {\n setEditForm(toState(entry));\n setEditEntry(entry);\n };\n\n const handleUpdate = async () => {\n if (!editEntry) return;\n await updateEntry({\n variables: { id: editEntry.id, input: buildInput(editForm) },\n });\n setEditEntry(null);\n await refetch();\n };\n\n const handleDelete = async () => {\n if (!deleteEntry) return;\n await removeEntry({ variables: { id: deleteEntry.id } });\n setDeleteEntry(null);\n await refetch();\n };\n\n const handleLoadMore = async () => {\n setLoadingMore(true);\n try {\n await fetchMore({\n variables: { offset: emails.length },\n updateQuery: (prev, { fetchMoreResult }) => {\n if (!fetchMoreResult) return prev;\n return {\n ...prev,\n emailTimeEntries: [\n ...prev.emailTimeEntries,\n ...fetchMoreResult.emailTimeEntries,\n ],\n };\n },\n });\n } finally {\n setLoadingMore(false);\n }\n };\n\n return (\n <PageLayout\n title=\"Email Tracking\"\n description=\"Track time spent on emails\"\n 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.\"\n actions={\n <div className=\"flex items-center gap-2\">\n <button\n onClick={() => setImportantOnly((v) => !v)}\n className={`inline-flex items-center gap-1.5 rounded-md border px-3 py-2 text-sm font-medium ${\n importantOnly\n ? \"border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg\"\n : \"border-border-subtle text-text-primary hover:bg-bg-sunken/50\"\n }`}\n >\n <Filter className=\"h-4 w-4\" />\n {importantOnly ? \"Important only\" : \"Filter\"}\n </button>\n <button\n onClick={openCreate}\n 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\"\n >\n <Plus className=\"h-4 w-4\" />\n Add Entry\n </button>\n </div>\n }\n >\n {loading && emails.length === 0 ? (\n <LoadingSkeleton variant=\"list\" count={4} />\n ) : error ? (\n <div className=\"rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n Failed to load email entries. Please try again later.\n </div>\n ) : emails.length === 0 ? (\n <EmptyState\n illustration=\"empty-notifications\"\n title=\"No email entries found\"\n description=\"Log the time you spend in your inbox — or connect email tracking — and entries will appear here.\"\n action={\n <button\n onClick={openCreate}\n 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\"\n >\n <Plus className=\"h-4 w-4\" />\n Add Entry\n </button>\n }\n />\n ) : (\n <>\n <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n <div className=\"divide-y divide-border\">\n {emails.map((email: EmailTimeEntryFieldsFragment) => (\n <div\n key={email.id}\n className=\"flex items-center justify-between gap-3 p-4 transition-colors hover:bg-bg-sunken/50\"\n >\n <div className=\"flex min-w-0 items-center gap-3\">\n <Mail\n className={`h-5 w-5 shrink-0 ${email.isImportant ? \"text-primary\" : \"text-text-secondary\"}`}\n />\n <div className=\"min-w-0\">\n <p\n className={`truncate text-sm ${email.isImportant ? \"font-semibold text-text-primary\" : \"font-medium text-text-primary\"}`}\n >\n {email.subject ?? \"(No subject)\"}\n </p>\n <p className=\"truncate text-xs text-text-secondary\">\n {email.sender ?? \"Unknown\"} ·{\" \"}\n {formatRelativeTime(email.date)} · ~\n {email.duration ?? 0}min\n </p>\n </div>\n </div>\n <div className=\"flex shrink-0 items-center gap-2\">\n <span\n className={`hidden rounded-full px-2 py-0.5 text-xs font-medium sm:inline-flex ${BADGE_CLASSES[getPriorityColor(email.isImportant ? \"high\" : \"low\")]}`}\n >\n {email.isImportant ? \"high\" : \"normal\"}\n </span>\n <span\n className={`hidden rounded-full px-2 py-0.5 text-xs font-medium sm:inline-flex ${BADGE_CLASSES[getStatusColor(email.category ?? \"active\")]}`}\n >\n {email.category ?? \"uncategorized\"}\n </span>\n <button\n onClick={() => openEdit(email)}\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary\"\n aria-label=\"Edit entry\"\n >\n <Pencil className=\"h-4 w-4\" />\n </button>\n <button\n onClick={() => setDeleteEntry(email)}\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-status-error-bg hover:text-status-error-text\"\n aria-label=\"Delete entry\"\n >\n <Trash2 className=\"h-4 w-4\" />\n </button>\n </div>\n </div>\n ))}\n </div>\n </GlassCard>\n {hasMore && (\n <div className=\"mt-4 flex justify-center\">\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 </div>\n )}\n </>\n )}\n\n {/* Create modal /}\n <Modal\n open={createOpen}\n onClose={() => setCreateOpen(false)}\n title=\"Add Email Entry\"\n description=\"Log time spent on an email\"\n size=\"xl\"\n footer={\n <>\n <button\n onClick={() => setCreateOpen(false)}\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={handleCreate}\n disabled={creating \|\| !createForm.date}\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 {creating ? \"Saving...\" : \"Add Entry\"}\n </button>\n </>\n }\n >\n {createError && (\n <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n Failed to add entry. Please try again.\n </div>\n )}\n <EmailEntryForm value={createForm} onChange={setCreateForm} />\n </Modal>\n\n {/ Edit modal /}\n <Modal\n open={editEntry !== null}\n onClose={() => setEditEntry(null)}\n title=\"Edit Email Entry\"\n description=\"Update this email time entry\"\n size=\"xl\"\n footer={\n <>\n <button\n onClick={() => setEditEntry(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={handleUpdate}\n disabled={updating \|\| !editForm.date}\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 {updating ? \"Saving...\" : \"Save Changes\"}\n </button>\n </>\n }\n >\n {updateError && (\n <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n Failed to update entry. Please try again.\n </div>\n )}\n <EmailEntryForm value={editForm} onChange={setEditForm} />\n </Modal>\n\n {/ Delete confirm modal */}\n <Modal\n open={deleteEntry !== null}\n onClose={() => setDeleteEntry(null)}\n title=\"Delete Email Entry\"\n size=\"sm\"\n footer={\n <>\n <button\n onClick={() => setDeleteEntry(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={handleDelete}\n disabled={deleting}\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/90 disabled:opacity-50\"\n >\n {deleting ? \"Deleting...\" : \"Delete\"}\n </button>\n </>\n }\n >\n {deleteError && (\n <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n Failed to delete entry. Please try again.\n </div>\n )}\n <p className=\"text-sm text-text-secondary\">\n Are you sure you want to delete the entry{\" \"}\n <span className=\"font-medium text-text-primary\">\n “{deleteEntry?.subject ?? \"(No subject)\"}”\n </span>\n ? This action cannot be undone.\n </p>\n </Modal>\n </PageLayout>\n );\n}\n"],"mappings":"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"}