npm - @burdenoff/microfe-subscriberbot - Versions diffs - 2026.706.1 → 2026.706.3 - Mend

@burdenoff/microfe-subscriberbot 2026.706.1 → 2026.706.3

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

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

@@ -3,11 +3,11 @@ import { PageLayout as t } from "../../components/PageLayout.js";
 import { ErrorView as n } from "../../components/StateViews.js";
 import { useCreateRelationship as r, usePlans as i, useProviders as a } from "../../hooks/useSubscriberBotApi.js";
 import { useState as o } from "react";
-import { ArrowLeft as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { PagePurpose as u } from "@burdenoff/fe-libs/ui";
+import { ArrowLeft as s, Building2 as c, StickyNote as l, Tag as u, Wallet as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { GlassCard as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/relationships/RelationshipNewPage.tsx
-var d = [
+var g = [
 	"SUBSCRIPTION",
 	"MEMBERSHIP",
 	"LICENSE",
@@ -16,7 +16,7 @@ var d = [
 	"RECURRING_PAYMENT",
 	"ENROLLMENT",
 	"TRIAL"
-], f = [
+], _ = [
 	"MONTHLY",
 	"YEARLY",
 	"QUARTERLY",
@@ -25,220 +25,270 @@ var d = [
 	"USAGE_BASED",
 	"LIFETIME",
 	"FREE"
-], p = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", m = "mb-1 block text-xs font-medium text-text-secondary";
-function h() {
-	let { navigateTo: h } = e(), g = r(), _ = a({ pagination: {
+], v = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", y = "mb-1.5 block text-xs font-medium text-text-secondary";
+function b({ icon: e, title: t, description: n, children: r }) {
+	return /* @__PURE__ */ p(m, {
+		treatment: "metric",
+		className: "p-5 sm:p-6",
+		children: [/* @__PURE__ */ p("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ f("span", {
+				className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary",
+				children: e
+			}), /* @__PURE__ */ p("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ f("h2", {
+					className: "text-sm font-semibold text-text-primary",
+					children: t
+				}), /* @__PURE__ */ f("p", {
+					className: "mt-0.5 text-xs text-text-secondary",
+					children: n
+				})]
+			})]
+		}), /* @__PURE__ */ f("div", {
+			className: "mt-4",
+			children: r
+		})]
+	});
+}
+function x() {
+	let { navigateTo: m } = e(), x = r(), S = a({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), [v, y] = o(""), [b, x] = o("SUBSCRIPTION"), [S, C] = o(""), [w, T] = o(""), [E, D] = o(""), [O, k] = o("USD"), [A, j] = o("MONTHLY"), [M, N] = o(""), [P, F] = o(!0), [I, L] = o(""), [R, z] = o(null), B = i(S || void 0), V = _.data?.items ?? [], H = B.data ?? [];
-	return _.isError ? /* @__PURE__ */ c(t, {
+	} }), [C, w] = o(""), [T, E] = o("SUBSCRIPTION"), [D, O] = o(""), [k, A] = o(""), [j, M] = o(""), [N, P] = o("USD"), [F, I] = o("MONTHLY"), [L, R] = o(""), [z, B] = o(!0), [V, H] = o(""), [U, W] = o(null), G = i(D || void 0), K = S.data?.items ?? [], q = G.data ?? [];
+	return S.isError ? /* @__PURE__ */ f(t, {
 		title: "Add relationship",
-		children: /* @__PURE__ */ c(n, {
+		children: /* @__PURE__ */ f(n, {
 			message: "Could not load the provider registry.",
-			onRetry: () => void _.refetch()
+			onRetry: () => void S.refetch()
 		})
-	}) : /* @__PURE__ */ l(t, {
+	}) : /* @__PURE__ */ p(t, {
 		title: "Add relationship",
 		description: "Track a new recurring digital relationship",
-		actions: /* @__PURE__ */ l("button", {
+		actions: /* @__PURE__ */ p("button", {
 			type: "button",
-			onClick: () => h("/relationships"),
+			onClick: () => m("/relationships"),
 			className: "inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
-			children: [/* @__PURE__ */ c(s, { className: "h-4 w-4" }), " Back"]
+			children: [/* @__PURE__ */ f(s, { className: "h-4 w-4" }), " Back"]
 		}),
-		children: [/* @__PURE__ */ c(u, {
+		children: [/* @__PURE__ */ f(h, {
 			className: "mb-6",
 			children: "Manually add a subscription, membership, license or contract. Link it to a provider and plan from the registry, set the price and renewal date, and Subscriber Bot will track its lifecycle from here."
-		}), /* @__PURE__ */ l("form", {
+		}), /* @__PURE__ */ p("form", {
 			onSubmit: (e) => {
-				if (e.preventDefault(), z(null), !v.trim()) {
-					z("A label is required.");
+				if (e.preventDefault(), W(null), !C.trim()) {
+					W("A label is required.");
 					return;
 				}
 				let t = {
-					label: v.trim(),
-					kind: b,
-					interval: A,
-					autoRenew: P,
-					currency: O.trim() || "USD",
-					...S ? { providerId: S } : {},
-					...w ? { planId: w } : {},
-					...E ? { amount: Number(E) } : {},
-					...M ? { renewsAt: new Date(M).toISOString() } : {},
-					...I.trim() ? { notes: I.trim() } : {}
+					label: C.trim(),
+					kind: T,
+					interval: F,
+					autoRenew: z,
+					currency: N.trim() || "USD",
+					...D ? { providerId: D } : {},
+					...k ? { planId: k } : {},
+					...j ? { amount: Number(j) } : {},
+					...L ? { renewsAt: new Date(L).toISOString() } : {},
+					...V.trim() ? { notes: V.trim() } : {}
 				};
-				g.mutate(t, {
-					onSuccess: (e) => h(`/relationships/${e.id}`),
-					onError: (e) => z(e instanceof Error ? e.message : "Could not create relationship.")
+				x.mutate(t, {
+					onSuccess: (e) => m(`/relationships/${e.id}`),
+					onError: (e) => W(e instanceof Error ? e.message : "Could not create relationship.")
 				});
 			},
-			className: "max-w-2xl space-y-5",
+			className: "max-w-3xl space-y-5",
 			children: [
-				R && /* @__PURE__ */ c("div", {
+				U && /* @__PURE__ */ f("div", {
 					className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
-					children: R
-				}),
-				/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("label", {
-					htmlFor: "rel-label",
-					className: m,
-					children: ["Label ", /* @__PURE__ */ c("span", {
-						className: "text-status-error-text",
-						children: "*"
-					})]
-				}), /* @__PURE__ */ c("input", {
-					id: "rel-label",
-					type: "text",
-					value: v,
-					onChange: (e) => y(e.target.value),
-					placeholder: "e.g. Netflix Premium, AWS Production",
-					className: p,
-					required: !0
-				})] }),
-				/* @__PURE__ */ l("div", {
-					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-						htmlFor: "rel-kind",
-						className: m,
-						children: "Kind"
-					}), /* @__PURE__ */ c("select", {
-						id: "rel-kind",
-						value: b,
-						onChange: (e) => x(e.target.value),
-						className: p,
-						children: d.map((e) => /* @__PURE__ */ c("option", {
-							value: e,
-							children: e.replace(/_/g, " ")
-						}, e))
-					})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-						htmlFor: "rel-provider",
-						className: m,
-						children: "Provider"
-					}), /* @__PURE__ */ l("select", {
-						id: "rel-provider",
-						value: S,
-						onChange: (e) => {
-							C(e.target.value), T("");
-						},
-						className: p,
-						children: [/* @__PURE__ */ c("option", {
-							value: "",
-							children: "— None —"
-						}), V.map((e) => /* @__PURE__ */ c("option", {
-							value: e.id,
-							children: e.name
-						}, e.id))]
-					})] })]
+					children: U
 				}),
-				S && H.length > 0 && /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-					htmlFor: "rel-plan",
-					className: m,
-					children: "Plan"
-				}), /* @__PURE__ */ l("select", {
-					id: "rel-plan",
-					value: w,
-					onChange: (e) => T(e.target.value),
-					className: p,
-					children: [/* @__PURE__ */ c("option", {
-						value: "",
-						children: "— None —"
-					}), H.map((e) => /* @__PURE__ */ c("option", {
-						value: e.id,
-						children: e.name
-					}, e.id))]
-				})] }),
-				/* @__PURE__ */ l("div", {
-					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
-					children: [
-						/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-							htmlFor: "rel-amount",
-							className: m,
-							children: "Amount"
-						}), /* @__PURE__ */ c("input", {
-							id: "rel-amount",
-							type: "number",
-							min: "0",
-							step: "0.01",
-							value: E,
-							onChange: (e) => D(e.target.value),
-							placeholder: "0.00",
-							className: p
-						})] }),
-						/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-							htmlFor: "rel-currency",
-							className: m,
-							children: "Currency"
-						}), /* @__PURE__ */ c("input", {
-							id: "rel-currency",
+				/* @__PURE__ */ f(b, {
+					icon: /* @__PURE__ */ f(u, { className: "h-4 w-4" }),
+					title: "Basics",
+					description: "Name this relationship and choose what kind it is.",
+					children: /* @__PURE__ */ p("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ p("label", {
+							htmlFor: "rel-label",
+							className: y,
+							children: ["Label ", /* @__PURE__ */ f("span", {
+								className: "text-status-error-text",
+								children: "*"
+							})]
+						}), /* @__PURE__ */ f("input", {
+							id: "rel-label",
 							type: "text",
-							value: O,
-							onChange: (e) => k(e.target.value.toUpperCase()),
-							placeholder: "USD",
-							maxLength: 3,
-							className: p
-						})] }),
-						/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-							htmlFor: "rel-interval",
-							className: m,
-							children: "Billing interval"
-						}), /* @__PURE__ */ c("select", {
-							id: "rel-interval",
-							value: A,
-							onChange: (e) => j(e.target.value),
-							className: p,
-							children: f.map((e) => /* @__PURE__ */ c("option", {
-								value: e,
-								children: e.replace(/_/g, " ")
-							}, e))
-						})] })
-					]
+							value: C,
+							onChange: (e) => w(e.target.value),
+							placeholder: "e.g. Netflix Premium, AWS Production",
+							className: v,
+							required: !0
+						})] }), /* @__PURE__ */ p("div", {
+							className: "max-w-xs",
+							children: [/* @__PURE__ */ f("label", {
+								htmlFor: "rel-kind",
+								className: y,
+								children: "Kind"
+							}), /* @__PURE__ */ f("select", {
+								id: "rel-kind",
+								value: T,
+								onChange: (e) => E(e.target.value),
+								className: v,
+								children: g.map((e) => /* @__PURE__ */ f("option", {
+									value: e,
+									children: e.replace(/_/g, " ")
+								}, e))
+							})]
+						})]
+					})
 				}),
-				/* @__PURE__ */ l("div", {
-					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-						htmlFor: "rel-renews",
-						className: m,
-						children: "Renews on"
-					}), /* @__PURE__ */ c("input", {
-						id: "rel-renews",
-						type: "date",
-						value: M,
-						onChange: (e) => N(e.target.value),
-						className: p
-					})] }), /* @__PURE__ */ c("div", {
-						className: "flex items-end",
-						children: /* @__PURE__ */ l("label", {
-							className: "flex items-center gap-2 text-sm text-text-primary",
-							children: [/* @__PURE__ */ c("input", {
-								type: "checkbox",
-								checked: P,
-								onChange: (e) => F(e.target.checked),
-								className: "size-4 rounded border-border-subtle"
-							}), "Auto-renews"]
-						})
-					})]
+				/* @__PURE__ */ f(b, {
+					icon: /* @__PURE__ */ f(c, { className: "h-4 w-4" }),
+					title: "Provider & plan",
+					description: "Link this relationship to a provider and plan from the registry (optional).",
+					children: /* @__PURE__ */ p("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							htmlFor: "rel-provider",
+							className: y,
+							children: "Provider"
+						}), /* @__PURE__ */ p("select", {
+							id: "rel-provider",
+							value: D,
+							onChange: (e) => {
+								O(e.target.value), A("");
+							},
+							className: v,
+							children: [/* @__PURE__ */ f("option", {
+								value: "",
+								children: "— None —"
+							}), K.map((e) => /* @__PURE__ */ f("option", {
+								value: e.id,
+								children: e.name
+							}, e.id))]
+						})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							htmlFor: "rel-plan",
+							className: y,
+							children: "Plan"
+						}), /* @__PURE__ */ p("select", {
+							id: "rel-plan",
+							value: k,
+							onChange: (e) => A(e.target.value),
+							className: v,
+							disabled: !D || q.length === 0,
+							children: [/* @__PURE__ */ f("option", {
+								value: "",
+								children: D ? q.length === 0 ? "No plans available" : "— None —" : "Select a provider first"
+							}), q.map((e) => /* @__PURE__ */ f("option", {
+								value: e.id,
+								children: e.name
+							}, e.id))]
+						})] })]
+					})
+				}),
+				/* @__PURE__ */ f(b, {
+					icon: /* @__PURE__ */ f(d, { className: "h-4 w-4" }),
+					title: "Pricing & billing",
+					description: "Set the price, cadence and next renewal so Subscriber Bot can track it.",
+					children: /* @__PURE__ */ p("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ p("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+							children: [
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									htmlFor: "rel-amount",
+									className: y,
+									children: "Amount"
+								}), /* @__PURE__ */ f("input", {
+									id: "rel-amount",
+									type: "number",
+									min: "0",
+									step: "0.01",
+									value: j,
+									onChange: (e) => M(e.target.value),
+									placeholder: "0.00",
+									className: v
+								})] }),
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									htmlFor: "rel-currency",
+									className: y,
+									children: "Currency"
+								}), /* @__PURE__ */ f("input", {
+									id: "rel-currency",
+									type: "text",
+									value: N,
+									onChange: (e) => P(e.target.value.toUpperCase()),
+									placeholder: "USD",
+									maxLength: 3,
+									className: v
+								})] }),
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									htmlFor: "rel-interval",
+									className: y,
+									children: "Billing interval"
+								}), /* @__PURE__ */ f("select", {
+									id: "rel-interval",
+									value: F,
+									onChange: (e) => I(e.target.value),
+									className: v,
+									children: _.map((e) => /* @__PURE__ */ f("option", {
+										value: e,
+										children: e.replace(/_/g, " ")
+									}, e))
+								})] })
+							]
+						}), /* @__PURE__ */ p("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								htmlFor: "rel-renews",
+								className: y,
+								children: "Renews on"
+							}), /* @__PURE__ */ f("input", {
+								id: "rel-renews",
+								type: "date",
+								value: L,
+								onChange: (e) => R(e.target.value),
+								className: v
+							})] }), /* @__PURE__ */ p("label", {
+								className: "flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 sm:mt-6",
+								children: [/* @__PURE__ */ f("input", {
+									type: "checkbox",
+									checked: z,
+									onChange: (e) => B(e.target.checked),
+									className: "size-4 rounded border-border-subtle"
+								}), /* @__PURE__ */ f("span", {
+									className: "text-sm text-text-primary",
+									children: "Auto-renews"
+								})]
+							})]
+						})]
+					})
+				}),
+				/* @__PURE__ */ f(b, {
+					icon: /* @__PURE__ */ f(l, { className: "h-4 w-4" }),
+					title: "Notes",
+					description: "Anything worth remembering about this relationship.",
+					children: /* @__PURE__ */ f("textarea", {
+						id: "rel-notes",
+						"aria-label": "Notes",
+						value: V,
+						onChange: (e) => H(e.target.value),
+						rows: 3,
+						placeholder: "Anything worth remembering about this relationship…",
+						className: v
+					})
 				}),
-				/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-					htmlFor: "rel-notes",
-					className: m,
-					children: "Notes"
-				}), /* @__PURE__ */ c("textarea", {
-					id: "rel-notes",
-					value: I,
-					onChange: (e) => L(e.target.value),
-					rows: 3,
-					placeholder: "Anything worth remembering about this relationship…",
-					className: p
-				})] }),
-				/* @__PURE__ */ l("div", {
-					className: "flex gap-3",
-					children: [/* @__PURE__ */ c("button", {
+				/* @__PURE__ */ p("div", {
+					className: "flex flex-col gap-3 sm:flex-row",
+					children: [/* @__PURE__ */ f("button", {
 						type: "submit",
-						disabled: g.isPending,
+						disabled: x.isPending,
 						className: "rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50",
-						children: g.isPending ? "Creating…" : "Create relationship"
-					}), /* @__PURE__ */ c("button", {
+						children: x.isPending ? "Creating…" : "Create relationship"
+					}), /* @__PURE__ */ f("button", {
 						type: "button",
-						onClick: () => h("/relationships"),
+						onClick: () => m("/relationships"),
 						className: "rounded-lg border border-border-subtle px-5 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-sunken",
 						children: "Cancel"
 					})]
@@ -248,6 +298,6 @@ function h() {
 	});
 }
 //#endregion
-export { h as RelationshipNewPage };
+export { x as RelationshipNewPage };
 //# sourceMappingURL=RelationshipNewPage.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RelationshipNewPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/relationships/RelationshipNewPage.tsx"],"sourcesContent":["/*\n Create relationship\n * @module subscriberbot/pages/relationships\n \n Manual-add form for a recurring relationship AI can't auto-detect.\n * Writes `subCreateRelationship`. Provider + plan are optional pickers\n * sourced from the real registry (`subListProviders` / `subListPlans`).\n /\n\nimport { useState } from 'react';\nimport { ArrowLeft } from 'lucide-react';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { ErrorView } from '../../components/StateViews';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useCreateRelationship, useProviders, usePlans } from '../../hooks/useSubscriberBotApi';\nimport type {\n SubBillingInterval,\n SubCreateRelationshipInput,\n SubRelationshipKind,\n} from '../../types';\n\nconst KINDS: SubRelationshipKind[] = [\n 'SUBSCRIPTION',\n 'MEMBERSHIP',\n 'LICENSE',\n 'CONTRACT',\n 'NEWSLETTER',\n 'RECURRING_PAYMENT',\n 'ENROLLMENT',\n 'TRIAL',\n];\n\nconst INTERVALS: SubBillingInterval[] = [\n 'MONTHLY',\n 'YEARLY',\n 'QUARTERLY',\n 'WEEKLY',\n 'DAILY',\n 'USAGE_BASED',\n 'LIFETIME',\n 'FREE',\n];\n\nconst inputCls =\n 'w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]';\nconst labelCls = 'mb-1 block text-xs font-medium text-text-secondary';\n\nexport function RelationshipNewPage() {\n const { navigateTo } = useSubscriberBot();\n const create = useCreateRelationship();\n const providersQ = useProviders({ pagination: { limit: 100, offset: 0 } });\n\n const [label, setLabel] = useState('');\n const [kind, setKind] = useState<SubRelationshipKind>('SUBSCRIPTION');\n const [providerId, setProviderId] = useState('');\n const [planId, setPlanId] = useState('');\n const [amount, setAmount] = useState('');\n const [currency, setCurrency] = useState('USD');\n const [interval, setInterval] = useState<SubBillingInterval>('MONTHLY');\n const [renewsAt, setRenewsAt] = useState('');\n const [autoRenew, setAutoRenew] = useState(true);\n const [notes, setNotes] = useState('');\n const [formError, setFormError] = useState<string \| null>(null);\n\n const plansQ = usePlans(providerId \|\| undefined);\n const providers = providersQ.data?.items ?? [];\n const plans = plansQ.data ?? [];\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n setFormError(null);\n if (!label.trim()) {\n setFormError('A label is required.');\n return;\n }\n const input: SubCreateRelationshipInput = {\n label: label.trim(),\n kind,\n interval,\n autoRenew,\n currency: currency.trim() \|\| 'USD',\n ...(providerId ? { providerId } : {}),\n ...(planId ? { planId } : {}),\n ...(amount ? { amount: Number(amount) } : {}),\n ...(renewsAt ? { renewsAt: new Date(renewsAt).toISOString() } : {}),\n ...(notes.trim() ? { notes: notes.trim() } : {}),\n };\n create.mutate(input, {\n onSuccess: (rel) => navigateTo(`/relationships/${rel.id}`),\n onError: (err) =>\n setFormError(err instanceof Error ? err.message : 'Could not create relationship.'),\n });\n };\n\n if (providersQ.isError) {\n return (\n <PageLayout title=\"Add relationship\">\n <ErrorView\n message=\"Could not load the provider registry.\"\n onRetry={() => void providersQ.refetch()}\n />\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title=\"Add relationship\"\n description=\"Track a new recurring digital relationship\"\n actions={\n <button\n type=\"button\"\n onClick={() => navigateTo('/relationships')}\n className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n >\n <ArrowLeft className=\"h-4 w-4\" /> Back\n </button>\n }\n >\n <PagePurpose className=\"mb-6\">\n Manually add a subscription, membership, license or contract. Link it to a provider and plan\n from the registry, set the price and renewal date, and Subscriber Bot will track its\n lifecycle from here.\n </PagePurpose>\n\n <form onSubmit={handleSubmit} className=\"max-w-2xl space-y-5\">\n {formError && (\n <div className=\"rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text\">\n {formError}\n </div>\n )}\n\n <div>\n <label htmlFor=\"rel-label\" className={labelCls}>\n Label <span className=\"text-status-error-text\"></span>\n </label>\n <input\n id=\"rel-label\"\n type=\"text\"\n value={label}\n onChange={(e) => setLabel(e.target.value)}\n placeholder=\"e.g. Netflix Premium, AWS Production\"\n className={inputCls}\n required\n />\n </div>\n\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label htmlFor=\"rel-kind\" className={labelCls}>\n Kind\n </label>\n <select\n id=\"rel-kind\"\n value={kind}\n onChange={(e) => setKind(e.target.value as SubRelationshipKind)}\n className={inputCls}\n >\n {KINDS.map((k) => (\n <option key={k} value={k}>\n {k.replace(/_/g, ' ')}\n </option>\n ))}\n </select>\n </div>\n <div>\n <label htmlFor=\"rel-provider\" className={labelCls}>\n Provider\n </label>\n <select\n id=\"rel-provider\"\n value={providerId}\n onChange={(e) => {\n setProviderId(e.target.value);\n setPlanId('');\n }}\n className={inputCls}\n >\n <option value=\"\">— None —</option>\n {providers.map((p) => (\n <option key={p.id} value={p.id}>\n {p.name}\n </option>\n ))}\n </select>\n </div>\n </div>\n\n {providerId && plans.length > 0 && (\n <div>\n <label htmlFor=\"rel-plan\" className={labelCls}>\n Plan\n </label>\n <select\n id=\"rel-plan\"\n value={planId}\n onChange={(e) => setPlanId(e.target.value)}\n className={inputCls}\n >\n <option value=\"\">— None —</option>\n {plans.map((pl) => (\n <option key={pl.id} value={pl.id}>\n {pl.name}\n </option>\n ))}\n </select>\n </div>\n )}\n\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n <div>\n <label htmlFor=\"rel-amount\" className={labelCls}>\n Amount\n </label>\n <input\n id=\"rel-amount\"\n type=\"number\"\n min=\"0\"\n step=\"0.01\"\n value={amount}\n onChange={(e) => setAmount(e.target.value)}\n placeholder=\"0.00\"\n className={inputCls}\n />\n </div>\n <div>\n <label htmlFor=\"rel-currency\" className={labelCls}>\n Currency\n </label>\n <input\n id=\"rel-currency\"\n type=\"text\"\n value={currency}\n onChange={(e) => setCurrency(e.target.value.toUpperCase())}\n placeholder=\"USD\"\n maxLength={3}\n className={inputCls}\n />\n </div>\n <div>\n <label htmlFor=\"rel-interval\" className={labelCls}>\n Billing interval\n </label>\n <select\n id=\"rel-interval\"\n value={interval}\n onChange={(e) => setInterval(e.target.value as SubBillingInterval)}\n className={inputCls}\n >\n {INTERVALS.map((i) => (\n <option key={i} value={i}>\n {i.replace(/_/g, ' ')}\n </option>\n ))}\n </select>\n </div>\n </div>\n\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label htmlFor=\"rel-renews\" className={labelCls}>\n Renews on\n </label>\n <input\n id=\"rel-renews\"\n type=\"date\"\n value={renewsAt}\n onChange={(e) => setRenewsAt(e.target.value)}\n className={inputCls}\n />\n </div>\n <div className=\"flex items-end\">\n <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n <input\n type=\"checkbox\"\n checked={autoRenew}\n onChange={(e) => setAutoRenew(e.target.checked)}\n className=\"size-4 rounded border-border-subtle\"\n />\n Auto-renews\n </label>\n </div>\n </div>\n\n <div>\n <label htmlFor=\"rel-notes\" className={labelCls}>\n Notes\n </label>\n <textarea\n id=\"rel-notes\"\n value={notes}\n onChange={(e) => setNotes(e.target.value)}\n rows={3}\n placeholder=\"Anything worth remembering about this relationship…\"\n className={inputCls}\n />\n </div>\n\n <div className=\"flex gap-3\">\n <button\n type=\"submit\"\n disabled={create.isPending}\n className=\"rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50\"\n >\n {create.isPending ? 'Creating…' : 'Create relationship'}\n </button>\n <button\n type=\"button\"\n onClick={() => navigateTo('/relationships')}\n className=\"rounded-lg border border-border-subtle px-5 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n >\n Cancel\n </button>\n </div>\n </form>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"RelationshipNewPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/relationships/RelationshipNewPage.tsx"],"sourcesContent":["/*\n Create relationship\n * @module subscriberbot/pages/relationships\n \n Manual-add form for a recurring relationship AI can't auto-detect.\n * Writes `subCreateRelationship`. Provider + plan are optional pickers\n * sourced from the real registry (`subListProviders` / `subListPlans`).\n /\n\nimport { useState, type ReactNode } from 'react';\nimport { ArrowLeft, Tag, Building2, Wallet, StickyNote } from 'lucide-react';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { ErrorView } from '../../components/StateViews';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useCreateRelationship, useProviders, usePlans } from '../../hooks/useSubscriberBotApi';\nimport type {\n SubBillingInterval,\n SubCreateRelationshipInput,\n SubRelationshipKind,\n} from '../../types';\n\nconst KINDS: SubRelationshipKind[] = [\n 'SUBSCRIPTION',\n 'MEMBERSHIP',\n 'LICENSE',\n 'CONTRACT',\n 'NEWSLETTER',\n 'RECURRING_PAYMENT',\n 'ENROLLMENT',\n 'TRIAL',\n];\n\nconst INTERVALS: SubBillingInterval[] = [\n 'MONTHLY',\n 'YEARLY',\n 'QUARTERLY',\n 'WEEKLY',\n 'DAILY',\n 'USAGE_BASED',\n 'LIFETIME',\n 'FREE',\n];\n\nconst inputCls =\n 'w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]';\nconst labelCls = 'mb-1.5 block text-xs font-medium text-text-secondary';\n\n/* Grouped form section on a glass surface. /\nfunction FormSection({\n icon,\n title,\n description,\n children,\n}: {\n icon: ReactNode;\n title: string;\n description: string;\n children: ReactNode;\n}) {\n return (\n <GlassCard treatment=\"metric\" className=\"p-5 sm:p-6\">\n <div className=\"flex items-start gap-3\">\n <span className=\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary\">\n {icon}\n </span>\n <div className=\"min-w-0\">\n <h2 className=\"text-sm font-semibold text-text-primary\">{title}</h2>\n <p className=\"mt-0.5 text-xs text-text-secondary\">{description}</p>\n </div>\n </div>\n <div className=\"mt-4\">{children}</div>\n </GlassCard>\n );\n}\n\nexport function RelationshipNewPage() {\n const { navigateTo } = useSubscriberBot();\n const create = useCreateRelationship();\n const providersQ = useProviders({ pagination: { limit: 100, offset: 0 } });\n\n const [label, setLabel] = useState('');\n const [kind, setKind] = useState<SubRelationshipKind>('SUBSCRIPTION');\n const [providerId, setProviderId] = useState('');\n const [planId, setPlanId] = useState('');\n const [amount, setAmount] = useState('');\n const [currency, setCurrency] = useState('USD');\n const [interval, setInterval] = useState<SubBillingInterval>('MONTHLY');\n const [renewsAt, setRenewsAt] = useState('');\n const [autoRenew, setAutoRenew] = useState(true);\n const [notes, setNotes] = useState('');\n const [formError, setFormError] = useState<string \| null>(null);\n\n const plansQ = usePlans(providerId \|\| undefined);\n const providers = providersQ.data?.items ?? [];\n const plans = plansQ.data ?? [];\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n setFormError(null);\n if (!label.trim()) {\n setFormError('A label is required.');\n return;\n }\n const input: SubCreateRelationshipInput = {\n label: label.trim(),\n kind,\n interval,\n autoRenew,\n currency: currency.trim() \|\| 'USD',\n ...(providerId ? { providerId } : {}),\n ...(planId ? { planId } : {}),\n ...(amount ? { amount: Number(amount) } : {}),\n ...(renewsAt ? { renewsAt: new Date(renewsAt).toISOString() } : {}),\n ...(notes.trim() ? { notes: notes.trim() } : {}),\n };\n create.mutate(input, {\n onSuccess: (rel) => navigateTo(`/relationships/${rel.id}`),\n onError: (err) =>\n setFormError(err instanceof Error ? err.message : 'Could not create relationship.'),\n });\n };\n\n if (providersQ.isError) {\n return (\n <PageLayout title=\"Add relationship\">\n <ErrorView\n message=\"Could not load the provider registry.\"\n onRetry={() => void providersQ.refetch()}\n />\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title=\"Add relationship\"\n description=\"Track a new recurring digital relationship\"\n actions={\n <button\n type=\"button\"\n onClick={() => navigateTo('/relationships')}\n className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n >\n <ArrowLeft className=\"h-4 w-4\" /> Back\n </button>\n }\n >\n <PagePurpose className=\"mb-6\">\n Manually add a subscription, membership, license or contract. Link it to a provider and plan\n from the registry, set the price and renewal date, and Subscriber Bot will track its\n lifecycle from here.\n </PagePurpose>\n\n <form onSubmit={handleSubmit} className=\"max-w-3xl space-y-5\">\n {formError && (\n <div className=\"rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text\">\n {formError}\n </div>\n )}\n\n {/ Basics /}\n <FormSection\n icon={<Tag className=\"h-4 w-4\" />}\n title=\"Basics\"\n description=\"Name this relationship and choose what kind it is.\"\n >\n <div className=\"space-y-4\">\n <div>\n <label htmlFor=\"rel-label\" className={labelCls}>\n Label <span className=\"text-status-error-text\"></span>\n </label>\n <input\n id=\"rel-label\"\n type=\"text\"\n value={label}\n onChange={(e) => setLabel(e.target.value)}\n placeholder=\"e.g. Netflix Premium, AWS Production\"\n className={inputCls}\n required\n />\n </div>\n <div className=\"max-w-xs\">\n <label htmlFor=\"rel-kind\" className={labelCls}>\n Kind\n </label>\n <select\n id=\"rel-kind\"\n value={kind}\n onChange={(e) => setKind(e.target.value as SubRelationshipKind)}\n className={inputCls}\n >\n {KINDS.map((k) => (\n <option key={k} value={k}>\n {k.replace(/_/g, ' ')}\n </option>\n ))}\n </select>\n </div>\n </div>\n </FormSection>\n\n {/* Provider & plan /}\n <FormSection\n icon={<Building2 className=\"h-4 w-4\" />}\n title=\"Provider & plan\"\n description=\"Link this relationship to a provider and plan from the registry (optional).\"\n >\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label htmlFor=\"rel-provider\" className={labelCls}>\n Provider\n </label>\n <select\n id=\"rel-provider\"\n value={providerId}\n onChange={(e) => {\n setProviderId(e.target.value);\n setPlanId('');\n }}\n className={inputCls}\n >\n <option value=\"\">— None —</option>\n {providers.map((p) => (\n <option key={p.id} value={p.id}>\n {p.name}\n </option>\n ))}\n </select>\n </div>\n <div>\n <label htmlFor=\"rel-plan\" className={labelCls}>\n Plan\n </label>\n <select\n id=\"rel-plan\"\n value={planId}\n onChange={(e) => setPlanId(e.target.value)}\n className={inputCls}\n disabled={!providerId \|\| plans.length === 0}\n >\n <option value=\"\">\n {providerId ? (plans.length === 0 ? 'No plans available' : '— None —') : 'Select a provider first'}\n </option>\n {plans.map((pl) => (\n <option key={pl.id} value={pl.id}>\n {pl.name}\n </option>\n ))}\n </select>\n </div>\n </div>\n </FormSection>\n\n {/ Pricing & billing /}\n <FormSection\n icon={<Wallet className=\"h-4 w-4\" />}\n title=\"Pricing & billing\"\n description=\"Set the price, cadence and next renewal so Subscriber Bot can track it.\"\n >\n <div className=\"space-y-4\">\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n <div>\n <label htmlFor=\"rel-amount\" className={labelCls}>\n Amount\n </label>\n <input\n id=\"rel-amount\"\n type=\"number\"\n min=\"0\"\n step=\"0.01\"\n value={amount}\n onChange={(e) => setAmount(e.target.value)}\n placeholder=\"0.00\"\n className={inputCls}\n />\n </div>\n <div>\n <label htmlFor=\"rel-currency\" className={labelCls}>\n Currency\n </label>\n <input\n id=\"rel-currency\"\n type=\"text\"\n value={currency}\n onChange={(e) => setCurrency(e.target.value.toUpperCase())}\n placeholder=\"USD\"\n maxLength={3}\n className={inputCls}\n />\n </div>\n <div>\n <label htmlFor=\"rel-interval\" className={labelCls}>\n Billing interval\n </label>\n <select\n id=\"rel-interval\"\n value={interval}\n onChange={(e) => setInterval(e.target.value as SubBillingInterval)}\n className={inputCls}\n >\n {INTERVALS.map((i) => (\n <option key={i} value={i}>\n {i.replace(/_/g, ' ')}\n </option>\n ))}\n </select>\n </div>\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label htmlFor=\"rel-renews\" className={labelCls}>\n Renews on\n </label>\n <input\n id=\"rel-renews\"\n type=\"date\"\n value={renewsAt}\n onChange={(e) => setRenewsAt(e.target.value)}\n className={inputCls}\n />\n </div>\n <label className=\"flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 sm:mt-6\">\n <input\n type=\"checkbox\"\n checked={autoRenew}\n onChange={(e) => setAutoRenew(e.target.checked)}\n className=\"size-4 rounded border-border-subtle\"\n />\n <span className=\"text-sm text-text-primary\">Auto-renews</span>\n </label>\n </div>\n </div>\n </FormSection>\n\n {/ Notes */}\n <FormSection\n icon={<StickyNote className=\"h-4 w-4\" />}\n title=\"Notes\"\n description=\"Anything worth remembering about this relationship.\"\n >\n <textarea\n id=\"rel-notes\"\n aria-label=\"Notes\"\n value={notes}\n onChange={(e) => setNotes(e.target.value)}\n rows={3}\n placeholder=\"Anything worth remembering about this relationship…\"\n className={inputCls}\n />\n </FormSection>\n\n <div className=\"flex flex-col gap-3 sm:flex-row\">\n <button\n type=\"submit\"\n disabled={create.isPending}\n className=\"rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50\"\n >\n {create.isPending ? 'Creating…' : 'Create relationship'}\n </button>\n <button\n type=\"button\"\n onClick={() => navigateTo('/relationships')}\n className=\"rounded-lg border border-border-subtle px-5 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n >\n Cancel\n </button>\n </div>\n </form>\n </PageLayout>\n );\n}\n"],"mappings":"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"}