npm - @burdenoff/microfe-subscriberbot - Versions diffs - 2026.827.1 → 2026.1014.1 - Mend

@burdenoff/microfe-subscriberbot 2026.827.1 → 2026.1014.1

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 (56) hide show

package/dist/subscriberbot/pages/relationships/RelationshipsListPage.js CHANGED Viewed

@@ -8,247 +8,222 @@ import { ErrorView as l, LoadingView as u } from "../../components/StateViews.js
 import { MiniProgress as d } from "../../components/viz.js";
 import "../../components/index.js";
 import { useRelationships as f } from "../../hooks/useSubscriberBotApi.js";
-import { useMemo as p, useState as m } from "react";
-import { ChevronRight as h, Plus as g, Repeat2 as _, Search as v } from "lucide-react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { GlassCard as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
+import { useTr as p } from "../../hooks/useTr.js";
+import { useMemo as m, useState as h } from "react";
+import { ChevronRight as g, Plus as _, Repeat2 as v, Search as y } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { GlassCard as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/relationships/RelationshipsListPage.tsx
-var w = 20, T = [
-	{
-		value: "",
-		label: "All statuses"
-	},
-	{
-		value: "ACTIVE",
-		label: "Active"
-	},
-	{
-		value: "TRIAL",
-		label: "Trial"
-	},
-	{
-		value: "PAUSED",
-		label: "Paused"
-	},
-	{
-		value: "PAST_DUE",
-		label: "Past due"
-	},
-	{
-		value: "LAPSED",
-		label: "Lapsed"
-	},
-	{
-		value: "EXPIRED",
-		label: "Expired"
-	},
-	{
-		value: "CANCELLED",
-		label: "Cancelled"
-	}
-], E = [
-	{
-		value: "",
-		label: "All kinds"
-	},
-	{
-		value: "SUBSCRIPTION",
-		label: "Subscription"
-	},
-	{
-		value: "MEMBERSHIP",
-		label: "Membership"
-	},
-	{
-		value: "LICENSE",
-		label: "License"
-	},
-	{
-		value: "CONTRACT",
-		label: "Contract"
-	},
-	{
-		value: "NEWSLETTER",
-		label: "Newsletter"
-	},
-	{
-		value: "RECURRING_PAYMENT",
-		label: "Recurring payment"
-	},
-	{
-		value: "ENROLLMENT",
-		label: "Enrollment"
-	},
-	{
-		value: "TRIAL",
-		label: "Trial"
-	}
-], D = "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]";
-function O(e) {
+var T = 20, E = [
+	"ACTIVE",
+	"TRIAL",
+	"PAUSED",
+	"PAST_DUE",
+	"LAPSED",
+	"EXPIRED",
+	"CANCELLED"
+], D = [
+	"SUBSCRIPTION",
+	"MEMBERSHIP",
+	"LICENSE",
+	"CONTRACT",
+	"NEWSLETTER",
+	"RECURRING_PAYMENT",
+	"ENROLLMENT",
+	"TRIAL"
+], O = {
+	ACTIVE: "relationships.statuses.active",
+	TRIAL: "relationships.statuses.trial",
+	PAUSED: "relationships.statuses.paused",
+	PAST_DUE: "relationships.statuses.pastDue",
+	LAPSED: "relationships.statuses.lapsed",
+	EXPIRED: "relationships.statuses.expired",
+	CANCELLED: "relationships.statuses.cancelled"
+}, k = {
+	SUBSCRIPTION: "relationships.kinds.subscription",
+	MEMBERSHIP: "relationships.kinds.membership",
+	LICENSE: "relationships.kinds.license",
+	CONTRACT: "relationships.kinds.contract",
+	NEWSLETTER: "relationships.kinds.newsletter",
+	RECURRING_PAYMENT: "relationships.kinds.recurringPayment",
+	ENROLLMENT: "relationships.kinds.enrollment",
+	TRIAL: "relationships.kinds.trial"
+}, A = "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]";
+function j(e) {
 	return e == null ? "accent" : e >= 66 ? "positive" : e >= 33 ? "warning" : "negative";
 }
-function k() {
-	let { navigateTo: k } = e(), [A, j] = m(0), [M, N] = m(""), [P, F] = m(""), [I, L] = m(""), [R, z] = m(""), { data: B, isLoading: V, isError: H, refetch: U, isFetching: W } = f({
-		status: M || void 0,
-		kind: P || void 0,
-		search: I || void 0,
+function M() {
+	let M = p(), { navigateTo: N } = e(), [P, F] = h(0), [I, L] = h(""), [R, z] = h(""), [B, V] = h(""), [H, U] = h(""), { data: W, isLoading: G, isError: K, refetch: q, isFetching: J } = f({
+		status: I || void 0,
+		kind: R || void 0,
+		search: B || void 0,
 		pagination: {
-			limit: w,
-			offset: A * w
+			limit: T,
+			offset: P * T
 		}
-	}), G = p(() => B?.items ?? [], [B]), K = B?.pageInfo.hasMore ?? !1;
-	return /* @__PURE__ */ x(n, {
-		title: "Relationships",
-		description: "Every subscription, membership, license and contract you track",
-		actions: /* @__PURE__ */ x("button", {
+	}), Y = m(() => W?.items ?? [], [W]), X = W?.pageInfo.hasMore ?? !1;
+	return /* @__PURE__ */ S(n, {
+		title: M("relationships.title", "Relationships"),
+		description: M("relationships.description", "Every subscription, membership, license and contract you track"),
+		actions: /* @__PURE__ */ S("button", {
 			type: "button",
-			onClick: () => k("/relationships/new"),
+			onClick: () => N("/relationships/new"),
 			className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
-			children: [/* @__PURE__ */ b(g, { className: "h-4 w-4" }), " Add relationship"]
+			children: [
+				/* @__PURE__ */ x(_, { className: "h-4 w-4" }),
+				" ",
+				M("relationships.addRelationship", "Add relationship")
+			]
 		}),
 		children: [
-			/* @__PURE__ */ b(C, {
+			/* @__PURE__ */ x(w, {
 				className: "mb-4",
-				children: "This is the fundamental object of Subscriber Bot. Filter by lifecycle and kind, open any row to manage its plan, payment, entitlements, assets and renewals, or advance its lifecycle."
+				children: M("relationships.purpose", "This is the fundamental object of Subscriber Bot. Filter by lifecycle and kind, open any row to manage its plan, payment, entitlements, assets and renewals, or advance its lifecycle.")
 			}),
-			/* @__PURE__ */ b(S, {
+			/* @__PURE__ */ x(C, {
 				treatment: "plain",
 				className: "p-3 sm:p-4",
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ S("div", {
 					className: "flex flex-col gap-3 md:flex-row md:items-center",
-					children: [/* @__PURE__ */ x("form", {
+					children: [/* @__PURE__ */ S("form", {
 						onSubmit: (e) => {
-							e.preventDefault(), L(R.trim()), j(0);
+							e.preventDefault(), V(H.trim()), F(0);
 						},
 						className: "relative flex-1 min-w-0",
-						children: [/* @__PURE__ */ b(v, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ b("input", {
+						children: [/* @__PURE__ */ x(y, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ x("input", {
 							type: "text",
-							"aria-label": "Search relationships by label",
-							placeholder: "Search relationships by label…",
-							value: R,
-							onChange: (e) => z(e.target.value),
+							"aria-label": M("relationships.searchPlaceholder", "Search relationships by label…"),
+							placeholder: M("relationships.searchPlaceholder", "Search relationships by label…"),
+							value: H,
+							onChange: (e) => U(e.target.value),
 							className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 						})]
-					}), /* @__PURE__ */ x("div", {
+					}), /* @__PURE__ */ S("div", {
 						className: "flex flex-wrap gap-2 sm:flex-nowrap",
-						children: [/* @__PURE__ */ b("select", {
-							"aria-label": "Filter by kind",
-							value: P,
+						children: [/* @__PURE__ */ S("select", {
+							"aria-label": M("relationships.filters.kindLabel", "Filter by kind"),
+							value: R,
 							onChange: (e) => {
-								F(e.target.value), j(0);
+								z(e.target.value), F(0);
 							},
-							className: t(D, "flex-1 sm:flex-none"),
-							children: E.map((e) => /* @__PURE__ */ b("option", {
-								value: e.value,
-								children: e.label
-							}, e.value))
-						}), /* @__PURE__ */ b("select", {
-							"aria-label": "Filter by status",
-							value: M,
+							className: t(A, "flex-1 sm:flex-none"),
+							children: [/* @__PURE__ */ x("option", {
+								value: "",
+								children: M("relationships.filters.allKinds", "All kinds")
+							}), D.map((e) => /* @__PURE__ */ x("option", {
+								value: e,
+								children: M(k[e], a(e))
+							}, e))]
+						}), /* @__PURE__ */ S("select", {
+							"aria-label": M("relationships.filters.statusLabel", "Filter by status"),
+							value: I,
 							onChange: (e) => {
-								N(e.target.value), j(0);
+								L(e.target.value), F(0);
 							},
-							className: t(D, "flex-1 sm:flex-none"),
-							children: T.map((e) => /* @__PURE__ */ b("option", {
-								value: e.value,
-								children: e.label
-							}, e.value))
+							className: t(A, "flex-1 sm:flex-none"),
+							children: [/* @__PURE__ */ x("option", {
+								value: "",
+								children: M("relationships.filters.allStatuses", "All statuses")
+							}), E.map((e) => /* @__PURE__ */ x("option", {
+								value: e,
+								children: M(O[e], a(e))
+							}, e))]
 						})]
 					})]
 				})
 			}),
-			V ? /* @__PURE__ */ b(u, { label: "Loading relationships…" }) : H ? /* @__PURE__ */ b(l, {
-				message: "Could not load relationships.",
-				onRetry: () => void U()
-			}) : G.length === 0 ? /* @__PURE__ */ b("div", {
+			G ? /* @__PURE__ */ x(u, { label: M("relationships.loading", "Loading relationships…") }) : K ? /* @__PURE__ */ x(l, {
+				message: M("relationships.error", "Could not load relationships."),
+				onRetry: () => void q()
+			}) : Y.length === 0 ? /* @__PURE__ */ x("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ b(c, {
+				children: /* @__PURE__ */ x(c, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ b(_, { className: "h-12 w-12" }),
-					title: "No relationships found",
-					description: I ? `No relationships match "${I}".` : "Add your first recurring relationship to start tracking it.",
-					action: /* @__PURE__ */ b("button", {
+					icon: /* @__PURE__ */ x(v, { className: "h-12 w-12" }),
+					title: M("relationships.emptyTitle", "No relationships found"),
+					description: B ? M("relationships.emptyDescriptionSearch", "No relationships match \"{{search}}\".", { search: B }) : M("relationships.emptyDescription", "Add your first recurring relationship to start tracking it."),
+					action: /* @__PURE__ */ x("button", {
 						type: "button",
-						onClick: () => k("/relationships/new"),
+						onClick: () => N("/relationships/new"),
 						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
-						children: "Add relationship"
+						children: M("relationships.addRelationship", "Add relationship")
 					})
 				})
-			}) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(S, {
+			}) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(C, {
 				treatment: "plain",
 				className: "mt-4 overflow-hidden p-0",
-				children: /* @__PURE__ */ b("div", {
+				children: /* @__PURE__ */ x("div", {
 					className: "overflow-x-auto",
-					children: /* @__PURE__ */ x("div", {
+					children: /* @__PURE__ */ S("div", {
 						className: "min-w-[720px]",
-						children: [/* @__PURE__ */ x("div", {
+						children: [/* @__PURE__ */ S("div", {
 							className: "grid grid-cols-[minmax(0,2.4fr)_1fr_1fr_1fr_1fr_1.3fr] gap-4 border-b border-border-seam bg-bg-sunken/60 px-4 py-2.5 text-xs font-medium uppercase tracking-wide text-text-secondary",
 							children: [
-								/* @__PURE__ */ b("span", { children: "Subscription" }),
-								/* @__PURE__ */ b("span", { children: "Kind" }),
-								/* @__PURE__ */ b("span", { children: "Status" }),
-								/* @__PURE__ */ b("span", {
+								/* @__PURE__ */ x("span", { children: M("relationships.table.subscription", "Subscription") }),
+								/* @__PURE__ */ x("span", { children: M("relationships.table.kind", "Kind") }),
+								/* @__PURE__ */ x("span", { children: M("relationships.table.status", "Status") }),
+								/* @__PURE__ */ x("span", {
 									className: "text-right",
-									children: "Amount"
+									children: M("relationships.table.amount", "Amount")
 								}),
-								/* @__PURE__ */ b("span", {
+								/* @__PURE__ */ x("span", {
 									className: "text-right",
-									children: "Renews on"
+									children: M("relationships.table.renewsOn", "Renews on")
 								}),
-								/* @__PURE__ */ b("span", { children: "Health" })
+								/* @__PURE__ */ x("span", { children: M("relationships.table.health", "Health") })
 							]
-						}), /* @__PURE__ */ b("div", {
+						}), /* @__PURE__ */ x("div", {
 							className: "divide-y divide-border-subtle",
-							children: G.map((e) => {
+							children: Y.map((e) => {
 								let t = e.healthScore;
-								return /* @__PURE__ */ x("button", {
+								return /* @__PURE__ */ S("button", {
 									type: "button",
-									onClick: () => k(`/relationships/${e.id}`),
+									onClick: () => N(`/relationships/${e.id}`),
 									className: "group grid w-full grid-cols-[minmax(0,2.4fr)_1fr_1fr_1fr_1fr_1.3fr] items-center gap-4 px-4 py-3.5 text-left transition-colors hover:bg-bg-sunken",
 									children: [
-										/* @__PURE__ */ b("div", {
+										/* @__PURE__ */ x("div", {
 											className: "flex min-w-0 items-center gap-2",
-											children: /* @__PURE__ */ x("div", {
+											children: /* @__PURE__ */ S("div", {
 												className: "min-w-0",
-												children: [/* @__PURE__ */ b("p", {
+												children: [/* @__PURE__ */ x("p", {
 													className: "truncate text-sm font-semibold text-text-primary",
 													children: e.label
-												}), e.provider?.name && /* @__PURE__ */ b("p", {
+												}), e.provider?.name && /* @__PURE__ */ x("p", {
 													className: "truncate text-xs text-text-secondary",
 													children: e.provider.name
 												})]
 											})
 										}),
-										/* @__PURE__ */ b("span", { children: /* @__PURE__ */ b("span", {
+										/* @__PURE__ */ x("span", { children: /* @__PURE__ */ x("span", {
 											className: "inline-flex items-center rounded-md bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
-											children: a(e.kind)
+											children: M(k[e.kind], a(e.kind))
 										}) }),
-										/* @__PURE__ */ b("span", { children: /* @__PURE__ */ b(s, { status: e.status }) }),
-										/* @__PURE__ */ x("span", {
+										/* @__PURE__ */ x("span", { children: /* @__PURE__ */ x(s, { status: e.status }) }),
+										/* @__PURE__ */ S("span", {
 											className: "text-right text-sm font-semibold tabular-nums text-text-primary",
-											children: [r(e.amount, e.currency), /* @__PURE__ */ b("span", {
+											children: [r(e.amount, e.currency), /* @__PURE__ */ x("span", {
 												className: "text-xs font-normal text-text-secondary",
 												children: o(e.interval)
 											})]
 										}),
-										/* @__PURE__ */ b("span", {
+										/* @__PURE__ */ x("span", {
 											className: "text-right text-xs text-text-secondary",
 											children: e.renewsAt ? i(e.renewsAt) : "—"
 										}),
-										/* @__PURE__ */ x("span", {
+										/* @__PURE__ */ S("span", {
 											className: "flex items-center gap-2",
-											children: [t == null ? /* @__PURE__ */ b("span", {
+											children: [t == null ? /* @__PURE__ */ x("span", {
 												className: "text-xs text-text-secondary",
 												children: "—"
-											}) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(d, {
+											}) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(d, {
 												value: t,
 												max: 100,
-												tone: O(t),
+												tone: j(t),
 												className: "w-16 shrink-0 sm:w-20"
-											}), /* @__PURE__ */ b("span", {
+											}), /* @__PURE__ */ x("span", {
 												className: "text-xs tabular-nums text-text-secondary",
 												children: t
-											})] }), /* @__PURE__ */ b(h, { className: "ml-auto h-4 w-4 shrink-0 text-text-secondary opacity-0 transition-opacity group-hover:opacity-100" })]
+											})] }), /* @__PURE__ */ x(g, { className: "ml-auto h-4 w-4 shrink-0 text-text-secondary opacity-0 transition-opacity group-hover:opacity-100" })]
 										})
 									]
 								}, e.id);
@@ -256,29 +231,25 @@ function k() {
 						})]
 					})
 				})
-			}), /* @__PURE__ */ x("div", {
+			}), /* @__PURE__ */ S("div", {
 				className: "mt-4 flex items-center justify-between",
-				children: [/* @__PURE__ */ x("p", {
+				children: [/* @__PURE__ */ S("p", {
 					className: "text-xs text-text-secondary",
-					children: [
-						"Page ",
-						A + 1,
-						W ? " · refreshing…" : ""
-					]
-				}), /* @__PURE__ */ x("div", {
+					children: [M("relationships.pagination.page", "Page {{page}}", { page: P + 1 }), J ? ` · ${M("relationships.pagination.refreshing", "refreshing…")}` : ""]
+				}), /* @__PURE__ */ S("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ b("button", {
+					children: [/* @__PURE__ */ x("button", {
 						type: "button",
-						disabled: A === 0,
-						onClick: () => j((e) => Math.max(0, e - 1)),
-						className: t("rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium", A === 0 ? "cursor-not-allowed text-text-secondary opacity-50" : "text-text-primary hover:bg-bg-sunken"),
-						children: "Previous"
-					}), /* @__PURE__ */ b("button", {
+						disabled: P === 0,
+						onClick: () => F((e) => Math.max(0, e - 1)),
+						className: t("rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium", P === 0 ? "cursor-not-allowed text-text-secondary opacity-50" : "text-text-primary hover:bg-bg-sunken"),
+						children: M("relationships.pagination.previous", "Previous")
+					}), /* @__PURE__ */ x("button", {
 						type: "button",
-						disabled: !K,
-						onClick: () => j((e) => e + 1),
-						className: t("rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium", K ? "text-text-primary hover:bg-bg-sunken" : "cursor-not-allowed text-text-secondary opacity-50"),
-						children: "Next"
+						disabled: !X,
+						onClick: () => F((e) => e + 1),
+						className: t("rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium", X ? "text-text-primary hover:bg-bg-sunken" : "cursor-not-allowed text-text-secondary opacity-50"),
+						children: M("relationships.pagination.next", "Next")
 					})]
 				})]
 			})] })
@@ -286,6 +257,6 @@ function k() {
 	});
 }
 //#endregion
-export { k as RelationshipsListPage };
+export { M as RelationshipsListPage };
 //# sourceMappingURL=RelationshipsListPage.js.map

package/dist/subscriberbot/pages/relationships/RelationshipsListPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RelationshipsListPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/relationships/RelationshipsListPage.tsx"],"sourcesContent":["/*\n Relationships list\n * @module subscriberbot/pages/relationships\n \n The core CRUDL list — every recurring relationship (subscription /\n * membership / license / contract) in one paginated, filterable view.\n * Data comes from `subListRelationships` (a SubRelationshipConnection).\n /\n\nimport { useMemo, useState } from 'react';\nimport { Plus, Search, Repeat2, ChevronRight } from 'lucide-react';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { MiniProgress } from '../../components';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useRelationships } from '../../hooks/useSubscriberBotApi';\nimport { cn } from '../../utils/cn';\nimport {\n formatCurrency,\n formatDate,\n formatEnumLabel,\n formatIntervalSuffix,\n} from '../../utils/formatters';\nimport type { SubRelationshipKind, SubRelationshipStatus } from '../../types';\n\nconst PAGE_SIZE = 20;\n\nconst STATUS_OPTIONS: Array<{ value: '' \| SubRelationshipStatus; label: string }> = [\n { value: '', label: 'All statuses' },\n { value: 'ACTIVE', label: 'Active' },\n { value: 'TRIAL', label: 'Trial' },\n { value: 'PAUSED', label: 'Paused' },\n { value: 'PAST_DUE', label: 'Past due' },\n { value: 'LAPSED', label: 'Lapsed' },\n { value: 'EXPIRED', label: 'Expired' },\n { value: 'CANCELLED', label: 'Cancelled' },\n];\n\nconst KIND_OPTIONS: Array<{ value: '' \| SubRelationshipKind; label: string }> = [\n { value: '', label: 'All kinds' },\n { value: 'SUBSCRIPTION', label: 'Subscription' },\n { value: 'MEMBERSHIP', label: 'Membership' },\n { value: 'LICENSE', label: 'License' },\n { value: 'CONTRACT', label: 'Contract' },\n { value: 'NEWSLETTER', label: 'Newsletter' },\n { value: 'RECURRING_PAYMENT', label: 'Recurring payment' },\n { value: 'ENROLLMENT', label: 'Enrollment' },\n { value: 'TRIAL', label: 'Trial' },\n];\n\nconst selectCls =\n 'rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]';\n\n/* Map a 0–100 health score onto a MiniProgress tone. /\nfunction healthTone(\n score: number \| null \| undefined\n): 'positive' \| 'accent' \| 'warning' \| 'negative' {\n if (score == null) return 'accent';\n if (score >= 66) return 'positive';\n if (score >= 33) return 'warning';\n return 'negative';\n}\n\nexport function RelationshipsListPage() {\n const { navigateTo } = useSubscriberBot();\n const [page, setPage] = useState(0);\n const [statusFilter, setStatusFilter] = useState<'' \| SubRelationshipStatus>('');\n const [kindFilter, setKindFilter] = useState<'' \| SubRelationshipKind>('');\n const [search, setSearch] = useState('');\n const [searchInput, setSearchInput] = useState('');\n\n const { data, isLoading, isError, refetch, isFetching } = useRelationships({\n status: statusFilter \|\| undefined,\n kind: kindFilter \|\| undefined,\n search: search \|\| undefined,\n pagination: { limit: PAGE_SIZE, offset: page PAGE_SIZE },\n });\n\n const items = useMemo(() => data?.items ?? [], [data]);\n const hasMore = data?.pageInfo.hasMore ?? false;\n\n const submitSearch = (e: React.FormEvent) => {\n e.preventDefault();\n setSearch(searchInput.trim());\n setPage(0);\n };\n\n return (\n <PageLayout\n title=\"Relationships\"\n description=\"Every subscription, membership, license and contract you track\"\n actions={\n <button\n type=\"button\"\n onClick={() => navigateTo('/relationships/new')}\n className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n >\n <Plus className=\"h-4 w-4\" /> Add relationship\n </button>\n }\n >\n <PagePurpose className=\"mb-4\">\n This is the fundamental object of Subscriber Bot. Filter by lifecycle and kind, open any row\n to manage its plan, payment, entitlements, assets and renewals, or advance its lifecycle.\n </PagePurpose>\n\n {/* Toolbar — search + filters, responsive /}\n <GlassCard treatment=\"plain\" className=\"p-3 sm:p-4\">\n <div className=\"flex flex-col gap-3 md:flex-row md:items-center\">\n <form onSubmit={submitSearch} className=\"relative flex-1 min-w-0\">\n <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"text\"\n aria-label=\"Search relationships by label\"\n placeholder=\"Search relationships by label…\"\n value={searchInput}\n onChange={(e) => setSearchInput(e.target.value)}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </form>\n <div className=\"flex flex-wrap gap-2 sm:flex-nowrap\">\n <select\n aria-label=\"Filter by kind\"\n value={kindFilter}\n onChange={(e) => {\n setKindFilter(e.target.value as '' \| SubRelationshipKind);\n setPage(0);\n }}\n className={cn(selectCls, 'flex-1 sm:flex-none')}\n >\n {KIND_OPTIONS.map((o) => (\n <option key={o.value} value={o.value}>\n {o.label}\n </option>\n ))}\n </select>\n <select\n aria-label=\"Filter by status\"\n value={statusFilter}\n onChange={(e) => {\n setStatusFilter(e.target.value as '' \| SubRelationshipStatus);\n setPage(0);\n }}\n className={cn(selectCls, 'flex-1 sm:flex-none')}\n >\n {STATUS_OPTIONS.map((o) => (\n <option key={o.value} value={o.value}>\n {o.label}\n </option>\n ))}\n </select>\n </div>\n </div>\n </GlassCard>\n\n {isLoading ? (\n <LoadingView label=\"Loading relationships…\" />\n ) : isError ? (\n <ErrorView message=\"Could not load relationships.\" onRetry={() => void refetch()} />\n ) : items.length === 0 ? (\n <div className=\"mt-6\">\n <EmptyState\n illustration=\"empty-data\"\n icon={<Repeat2 className=\"h-12 w-12\" />}\n title=\"No relationships found\"\n description={\n search\n ? `No relationships match \"${search}\".`\n : 'Add your first recurring relationship to start tracking it.'\n }\n action={\n <button\n type=\"button\"\n onClick={() => navigateTo('/relationships/new')}\n className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n >\n Add relationship\n </button>\n }\n />\n </div>\n ) : (\n <>\n {/ Portfolio table — scrolls horizontally on small screens, never the page */}\n <GlassCard treatment=\"plain\" className=\"mt-4 overflow-hidden p-0\">\n <div className=\"overflow-x-auto\">\n <div className=\"min-w-[720px]\">\n <div className=\"grid grid-cols-[minmax(0,2.4fr)_1fr_1fr_1fr_1fr_1.3fr] gap-4 border-b border-border-seam bg-bg-sunken/60 px-4 py-2.5 text-xs font-medium uppercase tracking-wide text-text-secondary\">\n <span>Subscription</span>\n <span>Kind</span>\n <span>Status</span>\n <span className=\"text-right\">Amount</span>\n <span className=\"text-right\">Renews on</span>\n <span>Health</span>\n </div>\n <div className=\"divide-y divide-border-subtle\">\n {items.map((r) => {\n const score = r.healthScore;\n return (\n <button\n key={r.id}\n type=\"button\"\n onClick={() => navigateTo(`/relationships/${r.id}`)}\n className=\"group grid w-full grid-cols-[minmax(0,2.4fr)_1fr_1fr_1fr_1fr_1.3fr] items-center gap-4 px-4 py-3.5 text-left transition-colors hover:bg-bg-sunken\"\n >\n <div className=\"flex min-w-0 items-center gap-2\">\n <div className=\"min-w-0\">\n <p className=\"truncate text-sm font-semibold text-text-primary\">\n {r.label}\n </p>\n {r.provider?.name && (\n <p className=\"truncate text-xs text-text-secondary\">\n {r.provider.name}\n </p>\n )}\n </div>\n </div>\n <span>\n <span className=\"inline-flex items-center rounded-md bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n {formatEnumLabel(r.kind)}\n </span>\n </span>\n <span>\n <StatusBadge status={r.status} />\n </span>\n <span className=\"text-right text-sm font-semibold tabular-nums text-text-primary\">\n {formatCurrency(r.amount, r.currency)}\n <span className=\"text-xs font-normal text-text-secondary\">\n {formatIntervalSuffix(r.interval)}\n </span>\n </span>\n <span className=\"text-right text-xs text-text-secondary\">\n {r.renewsAt ? formatDate(r.renewsAt) : '—'}\n </span>\n <span className=\"flex items-center gap-2\">\n {score != null ? (\n <>\n <MiniProgress\n value={score}\n max={100}\n tone={healthTone(score)}\n className=\"w-16 shrink-0 sm:w-20\"\n />\n <span className=\"text-xs tabular-nums text-text-secondary\">\n {score}\n </span>\n </>\n ) : (\n <span className=\"text-xs text-text-secondary\">—</span>\n )}\n <ChevronRight className=\"ml-auto h-4 w-4 shrink-0 text-text-secondary opacity-0 transition-opacity group-hover:opacity-100\" />\n </span>\n </button>\n );\n })}\n </div>\n </div>\n </div>\n </GlassCard>\n\n <div className=\"mt-4 flex items-center justify-between\">\n <p className=\"text-xs text-text-secondary\">\n Page {page + 1}\n {isFetching ? ' · refreshing…' : ''}\n </p>\n <div className=\"flex gap-2\">\n <button\n type=\"button\"\n disabled={page === 0}\n onClick={() => setPage((p) => Math.max(0, p - 1))}\n className={cn(\n 'rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium',\n page === 0\n ? 'cursor-not-allowed text-text-secondary opacity-50'\n : 'text-text-primary hover:bg-bg-sunken'\n )}\n >\n Previous\n </button>\n <button\n type=\"button\"\n disabled={!hasMore}\n onClick={() => setPage((p) => p + 1)}\n className={cn(\n 'rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium',\n !hasMore\n ? 'cursor-not-allowed text-text-secondary opacity-50'\n : 'text-text-primary hover:bg-bg-sunken'\n )}\n >\n Next\n </button>\n </div>\n </div>\n </>\n )}\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"RelationshipsListPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/relationships/RelationshipsListPage.tsx"],"sourcesContent":["/*\n Relationships list\n * @module subscriberbot/pages/relationships\n \n The core CRUDL list — every recurring relationship (subscription /\n * membership / license / contract) in one paginated, filterable view.\n * Data comes from `subListRelationships` (a SubRelationshipConnection).\n /\n\nimport { useMemo, useState } from 'react';\nimport { Plus, Search, Repeat2, ChevronRight } from 'lucide-react';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { MiniProgress } from '../../components';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useRelationships } from '../../hooks/useSubscriberBotApi';\nimport { cn } from '../../utils/cn';\nimport {\n formatCurrency,\n formatDate,\n formatEnumLabel,\n formatIntervalSuffix,\n} from '../../utils/formatters';\nimport { useTr } from '../../hooks/useTr';\nimport type { SubRelationshipKind, SubRelationshipStatus } from '../../types';\n\nconst PAGE_SIZE = 20;\n\nconst STATUSES: SubRelationshipStatus[] = [\n 'ACTIVE',\n 'TRIAL',\n 'PAUSED',\n 'PAST_DUE',\n 'LAPSED',\n 'EXPIRED',\n 'CANCELLED',\n];\n\nconst KINDS: SubRelationshipKind[] = [\n 'SUBSCRIPTION',\n 'MEMBERSHIP',\n 'LICENSE',\n 'CONTRACT',\n 'NEWSLETTER',\n 'RECURRING_PAYMENT',\n 'ENROLLMENT',\n 'TRIAL',\n];\n\nconst STATUS_KEY: Record<SubRelationshipStatus, string> = {\n ACTIVE: 'relationships.statuses.active',\n TRIAL: 'relationships.statuses.trial',\n PAUSED: 'relationships.statuses.paused',\n PAST_DUE: 'relationships.statuses.pastDue',\n LAPSED: 'relationships.statuses.lapsed',\n EXPIRED: 'relationships.statuses.expired',\n CANCELLED: 'relationships.statuses.cancelled',\n};\n\nconst KIND_KEY: Record<SubRelationshipKind, string> = {\n SUBSCRIPTION: 'relationships.kinds.subscription',\n MEMBERSHIP: 'relationships.kinds.membership',\n LICENSE: 'relationships.kinds.license',\n CONTRACT: 'relationships.kinds.contract',\n NEWSLETTER: 'relationships.kinds.newsletter',\n RECURRING_PAYMENT: 'relationships.kinds.recurringPayment',\n ENROLLMENT: 'relationships.kinds.enrollment',\n TRIAL: 'relationships.kinds.trial',\n};\n\nconst selectCls =\n 'rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]';\n\n/* Map a 0–100 health score onto a MiniProgress tone. /\nfunction healthTone(\n score: number \| null \| undefined\n): 'positive' \| 'accent' \| 'warning' \| 'negative' {\n if (score == null) return 'accent';\n if (score >= 66) return 'positive';\n if (score >= 33) return 'warning';\n return 'negative';\n}\n\nexport function RelationshipsListPage() {\n const tr = useTr();\n const { navigateTo } = useSubscriberBot();\n const [page, setPage] = useState(0);\n const [statusFilter, setStatusFilter] = useState<'' \| SubRelationshipStatus>('');\n const [kindFilter, setKindFilter] = useState<'' \| SubRelationshipKind>('');\n const [search, setSearch] = useState('');\n const [searchInput, setSearchInput] = useState('');\n\n const { data, isLoading, isError, refetch, isFetching } = useRelationships({\n status: statusFilter \|\| undefined,\n kind: kindFilter \|\| undefined,\n search: search \|\| undefined,\n pagination: { limit: PAGE_SIZE, offset: page PAGE_SIZE },\n });\n\n const items = useMemo(() => data?.items ?? [], [data]);\n const hasMore = data?.pageInfo.hasMore ?? false;\n\n const submitSearch = (e: React.FormEvent) => {\n e.preventDefault();\n setSearch(searchInput.trim());\n setPage(0);\n };\n\n return (\n <PageLayout\n title={tr('relationships.title', 'Relationships')}\n description={tr(\n 'relationships.description',\n 'Every subscription, membership, license and contract you track'\n )}\n actions={\n <button\n type=\"button\"\n onClick={() => navigateTo('/relationships/new')}\n className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n >\n <Plus className=\"h-4 w-4\" /> {tr('relationships.addRelationship', 'Add relationship')}\n </button>\n }\n >\n <PagePurpose className=\"mb-4\">\n {tr(\n 'relationships.purpose',\n 'This is the fundamental object of Subscriber Bot. Filter by lifecycle and kind, open any row to manage its plan, payment, entitlements, assets and renewals, or advance its lifecycle.'\n )}\n </PagePurpose>\n\n {/* Toolbar — search + filters, responsive /}\n <GlassCard treatment=\"plain\" className=\"p-3 sm:p-4\">\n <div className=\"flex flex-col gap-3 md:flex-row md:items-center\">\n <form onSubmit={submitSearch} className=\"relative flex-1 min-w-0\">\n <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"text\"\n aria-label={tr('relationships.searchPlaceholder', 'Search relationships by label…')}\n placeholder={tr('relationships.searchPlaceholder', 'Search relationships by label…')}\n value={searchInput}\n onChange={(e) => setSearchInput(e.target.value)}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </form>\n <div className=\"flex flex-wrap gap-2 sm:flex-nowrap\">\n <select\n aria-label={tr('relationships.filters.kindLabel', 'Filter by kind')}\n value={kindFilter}\n onChange={(e) => {\n setKindFilter(e.target.value as '' \| SubRelationshipKind);\n setPage(0);\n }}\n className={cn(selectCls, 'flex-1 sm:flex-none')}\n >\n <option value=\"\">{tr('relationships.filters.allKinds', 'All kinds')}</option>\n {KINDS.map((k) => (\n <option key={k} value={k}>\n {tr(KIND_KEY[k], formatEnumLabel(k))}\n </option>\n ))}\n </select>\n <select\n aria-label={tr('relationships.filters.statusLabel', 'Filter by status')}\n value={statusFilter}\n onChange={(e) => {\n setStatusFilter(e.target.value as '' \| SubRelationshipStatus);\n setPage(0);\n }}\n className={cn(selectCls, 'flex-1 sm:flex-none')}\n >\n <option value=\"\">{tr('relationships.filters.allStatuses', 'All statuses')}</option>\n {STATUSES.map((s) => (\n <option key={s} value={s}>\n {tr(STATUS_KEY[s], formatEnumLabel(s))}\n </option>\n ))}\n </select>\n </div>\n </div>\n </GlassCard>\n\n {isLoading ? (\n <LoadingView label={tr('relationships.loading', 'Loading relationships…')} />\n ) : isError ? (\n <ErrorView\n message={tr('relationships.error', 'Could not load relationships.')}\n onRetry={() => void refetch()}\n />\n ) : items.length === 0 ? (\n <div className=\"mt-6\">\n <EmptyState\n illustration=\"empty-data\"\n icon={<Repeat2 className=\"h-12 w-12\" />}\n title={tr('relationships.emptyTitle', 'No relationships found')}\n description={\n search\n ? tr(\n 'relationships.emptyDescriptionSearch',\n 'No relationships match \"{{search}}\".',\n { search }\n )\n : tr(\n 'relationships.emptyDescription',\n 'Add your first recurring relationship to start tracking it.'\n )\n }\n action={\n <button\n type=\"button\"\n onClick={() => navigateTo('/relationships/new')}\n className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n >\n {tr('relationships.addRelationship', 'Add relationship')}\n </button>\n }\n />\n </div>\n ) : (\n <>\n {/ Portfolio table — scrolls horizontally on small screens, never the page */}\n <GlassCard treatment=\"plain\" className=\"mt-4 overflow-hidden p-0\">\n <div className=\"overflow-x-auto\">\n <div className=\"min-w-[720px]\">\n <div className=\"grid grid-cols-[minmax(0,2.4fr)_1fr_1fr_1fr_1fr_1.3fr] gap-4 border-b border-border-seam bg-bg-sunken/60 px-4 py-2.5 text-xs font-medium uppercase tracking-wide text-text-secondary\">\n <span>{tr('relationships.table.subscription', 'Subscription')}</span>\n <span>{tr('relationships.table.kind', 'Kind')}</span>\n <span>{tr('relationships.table.status', 'Status')}</span>\n <span className=\"text-right\">{tr('relationships.table.amount', 'Amount')}</span>\n <span className=\"text-right\">\n {tr('relationships.table.renewsOn', 'Renews on')}\n </span>\n <span>{tr('relationships.table.health', 'Health')}</span>\n </div>\n <div className=\"divide-y divide-border-subtle\">\n {items.map((r) => {\n const score = r.healthScore;\n return (\n <button\n key={r.id}\n type=\"button\"\n onClick={() => navigateTo(`/relationships/${r.id}`)}\n className=\"group grid w-full grid-cols-[minmax(0,2.4fr)_1fr_1fr_1fr_1fr_1.3fr] items-center gap-4 px-4 py-3.5 text-left transition-colors hover:bg-bg-sunken\"\n >\n <div className=\"flex min-w-0 items-center gap-2\">\n <div className=\"min-w-0\">\n <p className=\"truncate text-sm font-semibold text-text-primary\">\n {r.label}\n </p>\n {r.provider?.name && (\n <p className=\"truncate text-xs text-text-secondary\">\n {r.provider.name}\n </p>\n )}\n </div>\n </div>\n <span>\n <span className=\"inline-flex items-center rounded-md bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n {tr(KIND_KEY[r.kind], formatEnumLabel(r.kind))}\n </span>\n </span>\n <span>\n <StatusBadge status={r.status} />\n </span>\n <span className=\"text-right text-sm font-semibold tabular-nums text-text-primary\">\n {formatCurrency(r.amount, r.currency)}\n <span className=\"text-xs font-normal text-text-secondary\">\n {formatIntervalSuffix(r.interval)}\n </span>\n </span>\n <span className=\"text-right text-xs text-text-secondary\">\n {r.renewsAt ? formatDate(r.renewsAt) : '—'}\n </span>\n <span className=\"flex items-center gap-2\">\n {score != null ? (\n <>\n <MiniProgress\n value={score}\n max={100}\n tone={healthTone(score)}\n className=\"w-16 shrink-0 sm:w-20\"\n />\n <span className=\"text-xs tabular-nums text-text-secondary\">\n {score}\n </span>\n </>\n ) : (\n <span className=\"text-xs text-text-secondary\">—</span>\n )}\n <ChevronRight className=\"ml-auto h-4 w-4 shrink-0 text-text-secondary opacity-0 transition-opacity group-hover:opacity-100\" />\n </span>\n </button>\n );\n })}\n </div>\n </div>\n </div>\n </GlassCard>\n\n <div className=\"mt-4 flex items-center justify-between\">\n <p className=\"text-xs text-text-secondary\">\n {tr('relationships.pagination.page', 'Page {{page}}', { page: page + 1 })}\n {isFetching ? ` · ${tr('relationships.pagination.refreshing', 'refreshing…')}` : ''}\n </p>\n <div className=\"flex gap-2\">\n <button\n type=\"button\"\n disabled={page === 0}\n onClick={() => setPage((p) => Math.max(0, p - 1))}\n className={cn(\n 'rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium',\n page === 0\n ? 'cursor-not-allowed text-text-secondary opacity-50'\n : 'text-text-primary hover:bg-bg-sunken'\n )}\n >\n {tr('relationships.pagination.previous', 'Previous')}\n </button>\n <button\n type=\"button\"\n disabled={!hasMore}\n onClick={() => setPage((p) => p + 1)}\n className={cn(\n 'rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium',\n !hasMore\n ? 'cursor-not-allowed text-text-secondary opacity-50'\n : 'text-text-primary hover:bg-bg-sunken'\n )}\n >\n {tr('relationships.pagination.next', 'Next')}\n </button>\n </div>\n </div>\n </>\n )}\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-subscriberbot",
-  "version": "2026.827.1",
+  "version": "2026.1014.1",
   "description": "Burdenoff SubscriberBot Microfrontend",
   "type": "module",
   "files": [