npm - @burdenoff/microfe-subscriberbot - Versions diffs - 2026.801.1 → 2026.829.1 - Mend

@burdenoff/microfe-subscriberbot 2026.801.1 → 2026.829.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 (67) hide show

package/dist/subscriberbot/pages/providers/ProviderNewPage.js CHANGED Viewed

@@ -3,12 +3,13 @@ import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { formatEnumLabel as r } from "../../utils/formatters.js";
 import { useCreateProvider as i } from "../../hooks/useSubscriberBotApi.js";
-import { useState as a } from "react";
-import { ArrowLeft as o, Building2 as s, Sparkles as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { GlassCard as d, PagePurpose as f } from "@burdenoff/fe-libs/ui";
+import { useTr as a } from "../../hooks/useTr.js";
+import { useState as o } from "react";
+import { ArrowLeft as s, Building2 as c, Sparkles as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { GlassCard as f, PagePurpose as p } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/providers/ProviderNewPage.tsx
-var p = [
+var m = [
 	"SAAS",
 	"AI_SERVICE",
 	"STREAMING",
@@ -25,213 +26,250 @@ var p = [
 	"LICENSE",
 	"CONTRACT",
 	"OTHER"
-], m = "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)]", h = "mb-1 block text-xs font-medium text-text-secondary";
-function g() {
-	let { navigateTo: g } = e(), _ = i(), [v, y] = a(""), [b, x] = a("SAAS"), [S, C] = a(""), [w, T] = a(""), [E, D] = a(""), [O, k] = a(""), [A, j] = a(""), [M, N] = a(null), P = A.split(",").map((e) => e.trim()).filter(Boolean);
-	return /* @__PURE__ */ u(n, {
-		title: "Add provider",
-		description: "Register a new provider in the registry",
-		actions: /* @__PURE__ */ u("button", {
+], h = {
+	SAAS: "providers.categories.saas",
+	AI_SERVICE: "providers.categories.aiService",
+	STREAMING: "providers.categories.streaming",
+	NEWSLETTER: "providers.categories.newsletter",
+	NEWS_DIGEST: "providers.categories.newsDigest",
+	MEMBERSHIP: "providers.categories.membership",
+	COMMUNITY: "providers.categories.community",
+	EDUCATION: "providers.categories.education",
+	FINANCIAL: "providers.categories.financial",
+	INSURANCE: "providers.categories.insurance",
+	TELECOM: "providers.categories.telecom",
+	UTILITY: "providers.categories.utility",
+	ASSOCIATION: "providers.categories.association",
+	LICENSE: "providers.categories.license",
+	CONTRACT: "providers.categories.contract",
+	OTHER: "providers.categories.other"
+}, g = "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)]", _ = "mb-1 block text-xs font-medium text-text-secondary";
+function v() {
+	let v = a(), { navigateTo: y } = e(), b = i(), [x, S] = o(""), [C, w] = o("SAAS"), [T, E] = o(""), [D, O] = o(""), [k, A] = o(""), [j, M] = o(""), [N, P] = o(""), [F, I] = o(null), L = N.split(",").map((e) => e.trim()).filter(Boolean);
+	return /* @__PURE__ */ d(n, {
+		title: v("providers.new.title", "Add provider"),
+		description: v("providers.new.description", "Register a new provider in the registry"),
+		actions: /* @__PURE__ */ d("button", {
 			type: "button",
-			onClick: () => g("/providers"),
+			onClick: () => y("/providers"),
 			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__ */ l(o, { className: "h-4 w-4" }), " Back"]
+			children: [
+				/* @__PURE__ */ u(s, { className: "h-4 w-4" }),
+				" ",
+				v("providers.new.back", "Back")
+			]
 		}),
-		children: [/* @__PURE__ */ l(f, {
+		children: [/* @__PURE__ */ u(p, {
 			className: "mb-6",
-			children: "Add a provider that isn't in the registry yet so you can attach relationships, plans and assets to it."
-		}), /* @__PURE__ */ u("div", {
+			children: v("providers.new.purpose", "Add a provider that isn't in the registry yet so you can attach relationships, plans and assets to it.")
+		}), /* @__PURE__ */ d("div", {
 			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-			children: [/* @__PURE__ */ l(d, {
+			children: [/* @__PURE__ */ u(f, {
 				treatment: "metric",
 				className: "p-6 lg:col-span-2",
-				children: /* @__PURE__ */ u("form", {
+				children: /* @__PURE__ */ d("form", {
 					onSubmit: (e) => {
-						if (e.preventDefault(), N(null), !v.trim()) {
-							N("A provider name is required.");
+						if (e.preventDefault(), I(null), !x.trim()) {
+							I(v("providers.new.nameRequired", "A provider name is required."));
 							return;
 						}
 						let t = {
-							name: v.trim(),
-							category: b,
-							...S.trim() ? { description: S.trim() } : {},
-							...w.trim() ? { websiteUrl: w.trim() } : {},
-							...E.trim() ? { region: E.trim() } : {},
-							...O.trim() ? { industry: O.trim() } : {},
-							...P.length ? { tags: P } : {}
+							name: x.trim(),
+							category: C,
+							...T.trim() ? { description: T.trim() } : {},
+							...D.trim() ? { websiteUrl: D.trim() } : {},
+							...k.trim() ? { region: k.trim() } : {},
+							...j.trim() ? { industry: j.trim() } : {},
+							...L.length ? { tags: L } : {}
 						};
-						_.mutate(t, {
-							onSuccess: (e) => g(`/providers/${e.id}`),
-							onError: (e) => N(e instanceof Error ? e.message : "Could not create provider.")
+						b.mutate(t, {
+							onSuccess: (e) => y(`/providers/${e.id}`),
+							onError: (e) => I(e instanceof Error ? e.message : v("providers.new.error", "Could not create provider."))
 						});
 					},
 					className: "space-y-5",
 					children: [
-						M && /* @__PURE__ */ l("div", {
+						F && /* @__PURE__ */ u("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: M
+							children: F
 						}),
-						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("label", {
+						/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("label", {
 							htmlFor: "prov-name",
-							className: h,
-							children: ["Name ", /* @__PURE__ */ l("span", {
-								className: "text-status-error-text",
-								children: "*"
-							})]
-						}), /* @__PURE__ */ l("input", {
+							className: _,
+							children: [
+								v("providers.new.nameLabel", "Name"),
+								" ",
+								/* @__PURE__ */ u("span", {
+									className: "text-status-error-text",
+									children: "*"
+								})
+							]
+						}), /* @__PURE__ */ u("input", {
 							id: "prov-name",
 							type: "text",
-							value: v,
-							onChange: (e) => y(e.target.value),
-							placeholder: "e.g. OpenAI, Netflix, AWS",
-							className: m,
+							value: x,
+							onChange: (e) => S(e.target.value),
+							placeholder: v("providers.new.namePlaceholder", "e.g. OpenAI, Netflix, AWS"),
+							className: g,
 							required: !0
 						})] }),
-						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("span", {
-							className: h,
-							children: "Category"
-						}), /* @__PURE__ */ l("div", {
+						/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("span", {
+							className: _,
+							children: v("providers.new.categoryLabel", "Category")
+						}), /* @__PURE__ */ u("div", {
 							className: "flex flex-wrap gap-2",
 							role: "group",
-							"aria-label": "Provider category",
-							children: p.map((e) => {
-								let n = b === e;
-								return /* @__PURE__ */ l("button", {
+							"aria-label": v("providers.new.categoryLabel", "Category"),
+							children: m.map((e) => {
+								let n = C === e;
+								return /* @__PURE__ */ u("button", {
 									type: "button",
 									"aria-pressed": n,
-									onClick: () => x(e),
+									onClick: () => w(e),
 									className: t("rounded-full border px-3 py-1.5 text-xs font-medium transition-colors", n ? "border-transparent bg-action-primary-bg text-action-primary-text" : "border-border-subtle bg-bg-surface text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
-									children: r(e)
+									children: v(h[e], r(e))
 								}, e);
 							})
 						})] }),
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ d("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+							children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 								htmlFor: "prov-website",
-								className: h,
-								children: "Website"
-							}), /* @__PURE__ */ l("input", {
+								className: _,
+								children: v("providers.new.websiteLabel", "Website")
+							}), /* @__PURE__ */ u("input", {
 								id: "prov-website",
 								type: "url",
-								value: w,
-								onChange: (e) => T(e.target.value),
-								placeholder: "https://…",
-								className: m
-							})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								value: D,
+								onChange: (e) => O(e.target.value),
+								placeholder: v("providers.new.websitePlaceholder", "https://…"),
+								className: g
+							})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 								htmlFor: "prov-region",
-								className: h,
-								children: "Region"
-							}), /* @__PURE__ */ l("input", {
+								className: _,
+								children: v("providers.new.regionLabel", "Region")
+							}), /* @__PURE__ */ u("input", {
 								id: "prov-region",
 								type: "text",
-								value: E,
-								onChange: (e) => D(e.target.value),
-								placeholder: "e.g. Global, US, EU",
-								className: m
+								value: k,
+								onChange: (e) => A(e.target.value),
+								placeholder: v("providers.new.regionPlaceholder", "e.g. Global, US, EU"),
+								className: g
 							})] })]
 						}),
-						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+						/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 							htmlFor: "prov-industry",
-							className: h,
-							children: "Industry"
-						}), /* @__PURE__ */ l("input", {
+							className: _,
+							children: v("providers.new.industryLabel", "Industry")
+						}), /* @__PURE__ */ u("input", {
 							id: "prov-industry",
 							type: "text",
-							value: O,
-							onChange: (e) => k(e.target.value),
-							placeholder: "e.g. Cloud, Media",
-							className: m
+							value: j,
+							onChange: (e) => M(e.target.value),
+							placeholder: v("providers.new.industryPlaceholder", "e.g. Cloud, Media"),
+							className: g
 						})] }),
-						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+						/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 							htmlFor: "prov-desc",
-							className: h,
-							children: "Description"
-						}), /* @__PURE__ */ l("textarea", {
+							className: _,
+							children: v("providers.new.descriptionLabel", "Description")
+						}), /* @__PURE__ */ u("textarea", {
 							id: "prov-desc",
-							value: S,
-							onChange: (e) => C(e.target.value),
+							value: T,
+							onChange: (e) => E(e.target.value),
 							rows: 3,
-							placeholder: "What does this provider offer?",
-							className: m
+							placeholder: v("providers.new.descriptionPlaceholder", "What does this provider offer?"),
+							className: g
 						})] }),
-						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("label", {
+						/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("label", {
 							htmlFor: "prov-tags",
-							className: h,
-							children: ["Tags ", /* @__PURE__ */ l("span", {
-								className: "text-text-secondary",
-								children: "(comma-separated)"
-							})]
-						}), /* @__PURE__ */ l("input", {
+							className: _,
+							children: [
+								v("providers.new.tagsLabel", "Tags"),
+								" ",
+								/* @__PURE__ */ d("span", {
+									className: "text-text-secondary",
+									children: [
+										"(",
+										v("providers.new.tagsHint", "comma-separated"),
+										")"
+									]
+								})
+							]
+						}), /* @__PURE__ */ u("input", {
 							id: "prov-tags",
 							type: "text",
-							value: A,
-							onChange: (e) => j(e.target.value),
-							placeholder: "ai, productivity, enterprise",
-							className: m
+							value: N,
+							onChange: (e) => P(e.target.value),
+							placeholder: v("providers.new.tagsPlaceholder", "ai, productivity, enterprise"),
+							className: g
 						})] }),
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ d("div", {
 							className: "flex flex-wrap gap-3 border-t border-border-subtle pt-5",
-							children: [/* @__PURE__ */ l("button", {
+							children: [/* @__PURE__ */ u("button", {
 								type: "submit",
-								disabled: _.isPending,
+								disabled: b.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: _.isPending ? "Creating…" : "Create provider"
-							}), /* @__PURE__ */ l("button", {
+								children: b.isPending ? v("providers.new.creating", "Creating…") : v("providers.new.submit", "Create provider")
+							}), /* @__PURE__ */ u("button", {
 								type: "button",
-								onClick: () => g("/providers"),
+								onClick: () => y("/providers"),
 								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"
+								children: v("providers.new.cancel", "Cancel")
 							})]
 						})
 					]
 				})
-			}), /* @__PURE__ */ u("div", {
+			}), /* @__PURE__ */ d("div", {
 				className: "lg:sticky lg:top-6 lg:self-start",
-				children: [/* @__PURE__ */ u("p", {
+				children: [/* @__PURE__ */ d("p", {
 					className: "mb-2 inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary",
-					children: [/* @__PURE__ */ l(c, { className: "h-3.5 w-3.5" }), " Registry preview"]
-				}), /* @__PURE__ */ u(d, {
+					children: [
+						/* @__PURE__ */ u(l, { className: "h-3.5 w-3.5" }),
+						" ",
+						v("providers.new.preview", "Registry preview")
+					]
+				}), /* @__PURE__ */ d(f, {
 					treatment: "glass",
 					className: "flex flex-col p-5",
 					children: [
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ d("div", {
 							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ l("span", {
+							children: [/* @__PURE__ */ u("span", {
 								className: "flex size-10 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary",
-								children: /* @__PURE__ */ l(s, { className: "h-5 w-5" })
-							}), /* @__PURE__ */ l("span", {
+								children: /* @__PURE__ */ u(c, { className: "h-5 w-5" })
+							}), /* @__PURE__ */ u("span", {
 								className: "rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-[11px] font-medium text-status-warning-text",
-								children: "Unverified"
+								children: v("providers.new.unverified", "Unverified")
 							})]
 						}),
-						/* @__PURE__ */ l("p", {
+						/* @__PURE__ */ u("p", {
 							className: "mt-3 truncate text-base font-semibold text-text-primary",
-							children: v.trim() || "Provider name"
+							children: x.trim() || v("providers.new.previewName", "Provider name")
 						}),
-						/* @__PURE__ */ l("span", {
+						/* @__PURE__ */ u("span", {
 							className: "mt-1 inline-flex w-fit rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
-							children: r(b)
+							children: v(h[C], r(C))
 						}),
-						S.trim() ? /* @__PURE__ */ l("p", {
+						T.trim() ? /* @__PURE__ */ u("p", {
 							className: "mt-3 line-clamp-3 text-xs leading-relaxed text-text-secondary",
-							children: S.trim()
-						}) : /* @__PURE__ */ l("p", {
+							children: T.trim()
+						}) : /* @__PURE__ */ u("p", {
 							className: "mt-3 text-xs italic text-text-secondary/70",
-							children: "A short description will appear here."
+							children: v("providers.new.previewDescription", "A short description will appear here.")
 						}),
-						(E.trim() || O.trim() || P.length > 0) && /* @__PURE__ */ u("div", {
+						(k.trim() || j.trim() || L.length > 0) && /* @__PURE__ */ d("div", {
 							className: "mt-4 flex flex-wrap items-center gap-2 border-t border-border-subtle pt-3",
 							children: [
-								O.trim() && /* @__PURE__ */ l("span", {
+								j.trim() && /* @__PURE__ */ u("span", {
 									className: "text-[11px] text-text-secondary",
-									children: O.trim()
+									children: j.trim()
 								}),
-								E.trim() && /* @__PURE__ */ u("span", {
+								k.trim() && /* @__PURE__ */ d("span", {
 									className: "text-[11px] text-text-secondary",
-									children: ["· ", E.trim()]
+									children: ["· ", k.trim()]
 								}),
-								P.slice(0, 4).map((e) => /* @__PURE__ */ l("span", {
+								L.slice(0, 4).map((e) => /* @__PURE__ */ u("span", {
 									className: "rounded-full bg-bg-sunken px-2 py-0.5 text-[11px] text-text-secondary",
 									children: e
 								}, e))
@@ -244,6 +282,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as ProviderNewPage };
+export { v as ProviderNewPage };
 //# sourceMappingURL=ProviderNewPage.js.map

package/dist/subscriberbot/pages/providers/ProviderNewPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProviderNewPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/providers/ProviderNewPage.tsx"],"sourcesContent":["/*\n Create provider\n * @module subscriberbot/pages/providers\n \n Add a provider to the registry. Writes `subCreateProvider`. A card-wrapped\n * form with category chips and a live marketplace-style preview that mirrors\n * exactly what will land in the registry.\n /\n\nimport { useState } from 'react';\nimport { ArrowLeft, Building2, Sparkles } from 'lucide-react';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useCreateProvider } from '../../hooks/useSubscriberBotApi';\nimport { cn } from '../../utils/cn';\nimport { formatEnumLabel } from '../../utils/formatters';\nimport type { SubCreateProviderInput, SubProviderCategory } from '../../types';\n\nconst CATEGORIES: SubProviderCategory[] = [\n 'SAAS',\n 'AI_SERVICE',\n 'STREAMING',\n 'NEWSLETTER',\n 'NEWS_DIGEST',\n 'MEMBERSHIP',\n 'COMMUNITY',\n 'EDUCATION',\n 'FINANCIAL',\n 'INSURANCE',\n 'TELECOM',\n 'UTILITY',\n 'ASSOCIATION',\n 'LICENSE',\n 'CONTRACT',\n 'OTHER',\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 ProviderNewPage() {\n const { navigateTo } = useSubscriberBot();\n const create = useCreateProvider();\n\n const [name, setName] = useState('');\n const [category, setCategory] = useState<SubProviderCategory>('SAAS');\n const [description, setDescription] = useState('');\n const [websiteUrl, setWebsiteUrl] = useState('');\n const [region, setRegion] = useState('');\n const [industry, setIndustry] = useState('');\n const [tags, setTags] = useState('');\n const [formError, setFormError] = useState<string \| null>(null);\n\n const parsedTags = tags\n .split(',')\n .map((t) => t.trim())\n .filter(Boolean);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n setFormError(null);\n if (!name.trim()) {\n setFormError('A provider name is required.');\n return;\n }\n const input: SubCreateProviderInput = {\n name: name.trim(),\n category,\n ...(description.trim() ? { description: description.trim() } : {}),\n ...(websiteUrl.trim() ? { websiteUrl: websiteUrl.trim() } : {}),\n ...(region.trim() ? { region: region.trim() } : {}),\n ...(industry.trim() ? { industry: industry.trim() } : {}),\n ...(parsedTags.length ? { tags: parsedTags } : {}),\n };\n create.mutate(input, {\n onSuccess: (provider) => navigateTo(`/providers/${provider.id}`),\n onError: (err) =>\n setFormError(err instanceof Error ? err.message : 'Could not create provider.'),\n });\n };\n\n return (\n <PageLayout\n title=\"Add provider\"\n description=\"Register a new provider in the registry\"\n actions={\n <button\n type=\"button\"\n onClick={() => navigateTo('/providers')}\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 Add a provider that isn't in the registry yet so you can attach relationships, plans and\n assets to it.\n </PagePurpose>\n\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n {/ Form /}\n <GlassCard treatment=\"metric\" className=\"p-6 lg:col-span-2\">\n <form onSubmit={handleSubmit} className=\"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=\"prov-name\" className={labelCls}>\n Name <span className=\"text-status-error-text\"></span>\n </label>\n <input\n id=\"prov-name\"\n type=\"text\"\n value={name}\n onChange={(e) => setName(e.target.value)}\n placeholder=\"e.g. OpenAI, Netflix, AWS\"\n className={inputCls}\n required\n />\n </div>\n\n <div>\n <span className={labelCls}>Category</span>\n <div className=\"flex flex-wrap gap-2\" role=\"group\" aria-label=\"Provider category\">\n {CATEGORIES.map((c) => {\n const active = category === c;\n return (\n <button\n key={c}\n type=\"button\"\n aria-pressed={active}\n onClick={() => setCategory(c)}\n className={cn(\n 'rounded-full border px-3 py-1.5 text-xs font-medium transition-colors',\n active\n ? 'border-transparent bg-action-primary-bg text-action-primary-text'\n : 'border-border-subtle bg-bg-surface text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n )}\n >\n {formatEnumLabel(c)}\n </button>\n );\n })}\n </div>\n </div>\n\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label htmlFor=\"prov-website\" className={labelCls}>\n Website\n </label>\n <input\n id=\"prov-website\"\n type=\"url\"\n value={websiteUrl}\n onChange={(e) => setWebsiteUrl(e.target.value)}\n placeholder=\"https://…\"\n className={inputCls}\n />\n </div>\n <div>\n <label htmlFor=\"prov-region\" className={labelCls}>\n Region\n </label>\n <input\n id=\"prov-region\"\n type=\"text\"\n value={region}\n onChange={(e) => setRegion(e.target.value)}\n placeholder=\"e.g. Global, US, EU\"\n className={inputCls}\n />\n </div>\n </div>\n\n <div>\n <label htmlFor=\"prov-industry\" className={labelCls}>\n Industry\n </label>\n <input\n id=\"prov-industry\"\n type=\"text\"\n value={industry}\n onChange={(e) => setIndustry(e.target.value)}\n placeholder=\"e.g. Cloud, Media\"\n className={inputCls}\n />\n </div>\n\n <div>\n <label htmlFor=\"prov-desc\" className={labelCls}>\n Description\n </label>\n <textarea\n id=\"prov-desc\"\n value={description}\n onChange={(e) => setDescription(e.target.value)}\n rows={3}\n placeholder=\"What does this provider offer?\"\n className={inputCls}\n />\n </div>\n\n <div>\n <label htmlFor=\"prov-tags\" className={labelCls}>\n Tags <span className=\"text-text-secondary\">(comma-separated)</span>\n </label>\n <input\n id=\"prov-tags\"\n type=\"text\"\n value={tags}\n onChange={(e) => setTags(e.target.value)}\n placeholder=\"ai, productivity, enterprise\"\n className={inputCls}\n />\n </div>\n\n <div className=\"flex flex-wrap gap-3 border-t border-border-subtle pt-5\">\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 provider'}\n </button>\n <button\n type=\"button\"\n onClick={() => navigateTo('/providers')}\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 </GlassCard>\n\n {/* Live preview — reflects the form state (no fabricated data) */}\n <div className=\"lg:sticky lg:top-6 lg:self-start\">\n <p className=\"mb-2 inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary\">\n <Sparkles className=\"h-3.5 w-3.5\" /> Registry preview\n </p>\n <GlassCard treatment=\"glass\" className=\"flex flex-col p-5\">\n <div className=\"flex items-start justify-between gap-2\">\n <span className=\"flex size-10 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary\">\n <Building2 className=\"h-5 w-5\" />\n </span>\n <span className=\"rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-[11px] font-medium text-status-warning-text\">\n Unverified\n </span>\n </div>\n <p className=\"mt-3 truncate text-base font-semibold text-text-primary\">\n {name.trim() \|\| 'Provider name'}\n </p>\n <span className=\"mt-1 inline-flex w-fit rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\">\n {formatEnumLabel(category)}\n </span>\n {description.trim() ? (\n <p className=\"mt-3 line-clamp-3 text-xs leading-relaxed text-text-secondary\">\n {description.trim()}\n </p>\n ) : (\n <p className=\"mt-3 text-xs italic text-text-secondary/70\">\n A short description will appear here.\n </p>\n )}\n {(region.trim() \|\| industry.trim() \|\| parsedTags.length > 0) && (\n <div className=\"mt-4 flex flex-wrap items-center gap-2 border-t border-border-subtle pt-3\">\n {industry.trim() && (\n <span className=\"text-[11px] text-text-secondary\">{industry.trim()}</span>\n )}\n {region.trim() && (\n <span className=\"text-[11px] text-text-secondary\">· {region.trim()}</span>\n )}\n {parsedTags.slice(0, 4).map((t) => (\n <span\n key={t}\n className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-[11px] text-text-secondary\"\n >\n {t}\n </span>\n ))}\n </div>\n )}\n </GlassCard>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ProviderNewPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/providers/ProviderNewPage.tsx"],"sourcesContent":["/*\n Create provider\n * @module subscriberbot/pages/providers\n \n Add a provider to the registry. Writes `subCreateProvider`. A card-wrapped\n * form with category chips and a live marketplace-style preview that mirrors\n * exactly what will land in the registry.\n /\n\nimport { useState } from 'react';\nimport { ArrowLeft, Building2, Sparkles } from 'lucide-react';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useCreateProvider } from '../../hooks/useSubscriberBotApi';\nimport { useTr } from '../../hooks/useTr';\nimport { cn } from '../../utils/cn';\nimport { formatEnumLabel } from '../../utils/formatters';\nimport type { SubCreateProviderInput, SubProviderCategory } from '../../types';\n\nconst CATEGORIES: SubProviderCategory[] = [\n 'SAAS',\n 'AI_SERVICE',\n 'STREAMING',\n 'NEWSLETTER',\n 'NEWS_DIGEST',\n 'MEMBERSHIP',\n 'COMMUNITY',\n 'EDUCATION',\n 'FINANCIAL',\n 'INSURANCE',\n 'TELECOM',\n 'UTILITY',\n 'ASSOCIATION',\n 'LICENSE',\n 'CONTRACT',\n 'OTHER',\n];\n\nconst CATEGORY_KEY: Record<SubProviderCategory, string> = {\n SAAS: 'providers.categories.saas',\n AI_SERVICE: 'providers.categories.aiService',\n STREAMING: 'providers.categories.streaming',\n NEWSLETTER: 'providers.categories.newsletter',\n NEWS_DIGEST: 'providers.categories.newsDigest',\n MEMBERSHIP: 'providers.categories.membership',\n COMMUNITY: 'providers.categories.community',\n EDUCATION: 'providers.categories.education',\n FINANCIAL: 'providers.categories.financial',\n INSURANCE: 'providers.categories.insurance',\n TELECOM: 'providers.categories.telecom',\n UTILITY: 'providers.categories.utility',\n ASSOCIATION: 'providers.categories.association',\n LICENSE: 'providers.categories.license',\n CONTRACT: 'providers.categories.contract',\n OTHER: 'providers.categories.other',\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 ProviderNewPage() {\n const tr = useTr();\n const { navigateTo } = useSubscriberBot();\n const create = useCreateProvider();\n\n const [name, setName] = useState('');\n const [category, setCategory] = useState<SubProviderCategory>('SAAS');\n const [description, setDescription] = useState('');\n const [websiteUrl, setWebsiteUrl] = useState('');\n const [region, setRegion] = useState('');\n const [industry, setIndustry] = useState('');\n const [tags, setTags] = useState('');\n const [formError, setFormError] = useState<string \| null>(null);\n\n const parsedTags = tags\n .split(',')\n .map((t) => t.trim())\n .filter(Boolean);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n setFormError(null);\n if (!name.trim()) {\n setFormError(tr('providers.new.nameRequired', 'A provider name is required.'));\n return;\n }\n const input: SubCreateProviderInput = {\n name: name.trim(),\n category,\n ...(description.trim() ? { description: description.trim() } : {}),\n ...(websiteUrl.trim() ? { websiteUrl: websiteUrl.trim() } : {}),\n ...(region.trim() ? { region: region.trim() } : {}),\n ...(industry.trim() ? { industry: industry.trim() } : {}),\n ...(parsedTags.length ? { tags: parsedTags } : {}),\n };\n create.mutate(input, {\n onSuccess: (provider) => navigateTo(`/providers/${provider.id}`),\n onError: (err) =>\n setFormError(\n err instanceof Error\n ? err.message\n : tr('providers.new.error', 'Could not create provider.')\n ),\n });\n };\n\n return (\n <PageLayout\n title={tr('providers.new.title', 'Add provider')}\n description={tr('providers.new.description', 'Register a new provider in the registry')}\n actions={\n <button\n type=\"button\"\n onClick={() => navigateTo('/providers')}\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\" /> {tr('providers.new.back', 'Back')}\n </button>\n }\n >\n <PagePurpose className=\"mb-6\">\n {tr(\n 'providers.new.purpose',\n \"Add a provider that isn't in the registry yet so you can attach relationships, plans and assets to it.\"\n )}\n </PagePurpose>\n\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n {/ Form /}\n <GlassCard treatment=\"metric\" className=\"p-6 lg:col-span-2\">\n <form onSubmit={handleSubmit} className=\"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=\"prov-name\" className={labelCls}>\n {tr('providers.new.nameLabel', 'Name')}{' '}\n <span className=\"text-status-error-text\"></span>\n </label>\n <input\n id=\"prov-name\"\n type=\"text\"\n value={name}\n onChange={(e) => setName(e.target.value)}\n placeholder={tr('providers.new.namePlaceholder', 'e.g. OpenAI, Netflix, AWS')}\n className={inputCls}\n required\n />\n </div>\n\n <div>\n <span className={labelCls}>{tr('providers.new.categoryLabel', 'Category')}</span>\n <div\n className=\"flex flex-wrap gap-2\"\n role=\"group\"\n aria-label={tr('providers.new.categoryLabel', 'Category')}\n >\n {CATEGORIES.map((c) => {\n const active = category === c;\n return (\n <button\n key={c}\n type=\"button\"\n aria-pressed={active}\n onClick={() => setCategory(c)}\n className={cn(\n 'rounded-full border px-3 py-1.5 text-xs font-medium transition-colors',\n active\n ? 'border-transparent bg-action-primary-bg text-action-primary-text'\n : 'border-border-subtle bg-bg-surface text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n )}\n >\n {tr(CATEGORY_KEY[c], formatEnumLabel(c))}\n </button>\n );\n })}\n </div>\n </div>\n\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label htmlFor=\"prov-website\" className={labelCls}>\n {tr('providers.new.websiteLabel', 'Website')}\n </label>\n <input\n id=\"prov-website\"\n type=\"url\"\n value={websiteUrl}\n onChange={(e) => setWebsiteUrl(e.target.value)}\n placeholder={tr('providers.new.websitePlaceholder', 'https://…')}\n className={inputCls}\n />\n </div>\n <div>\n <label htmlFor=\"prov-region\" className={labelCls}>\n {tr('providers.new.regionLabel', 'Region')}\n </label>\n <input\n id=\"prov-region\"\n type=\"text\"\n value={region}\n onChange={(e) => setRegion(e.target.value)}\n placeholder={tr('providers.new.regionPlaceholder', 'e.g. Global, US, EU')}\n className={inputCls}\n />\n </div>\n </div>\n\n <div>\n <label htmlFor=\"prov-industry\" className={labelCls}>\n {tr('providers.new.industryLabel', 'Industry')}\n </label>\n <input\n id=\"prov-industry\"\n type=\"text\"\n value={industry}\n onChange={(e) => setIndustry(e.target.value)}\n placeholder={tr('providers.new.industryPlaceholder', 'e.g. Cloud, Media')}\n className={inputCls}\n />\n </div>\n\n <div>\n <label htmlFor=\"prov-desc\" className={labelCls}>\n {tr('providers.new.descriptionLabel', 'Description')}\n </label>\n <textarea\n id=\"prov-desc\"\n value={description}\n onChange={(e) => setDescription(e.target.value)}\n rows={3}\n placeholder={tr(\n 'providers.new.descriptionPlaceholder',\n 'What does this provider offer?'\n )}\n className={inputCls}\n />\n </div>\n\n <div>\n <label htmlFor=\"prov-tags\" className={labelCls}>\n {tr('providers.new.tagsLabel', 'Tags')}{' '}\n <span className=\"text-text-secondary\">\n ({tr('providers.new.tagsHint', 'comma-separated')})\n </span>\n </label>\n <input\n id=\"prov-tags\"\n type=\"text\"\n value={tags}\n onChange={(e) => setTags(e.target.value)}\n placeholder={tr('providers.new.tagsPlaceholder', 'ai, productivity, enterprise')}\n className={inputCls}\n />\n </div>\n\n <div className=\"flex flex-wrap gap-3 border-t border-border-subtle pt-5\">\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\n ? tr('providers.new.creating', 'Creating…')\n : tr('providers.new.submit', 'Create provider')}\n </button>\n <button\n type=\"button\"\n onClick={() => navigateTo('/providers')}\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 {tr('providers.new.cancel', 'Cancel')}\n </button>\n </div>\n </form>\n </GlassCard>\n\n {/* Live preview — reflects the form state (no fabricated data) */}\n <div className=\"lg:sticky lg:top-6 lg:self-start\">\n <p className=\"mb-2 inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary\">\n <Sparkles className=\"h-3.5 w-3.5\" /> {tr('providers.new.preview', 'Registry preview')}\n </p>\n <GlassCard treatment=\"glass\" className=\"flex flex-col p-5\">\n <div className=\"flex items-start justify-between gap-2\">\n <span className=\"flex size-10 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary\">\n <Building2 className=\"h-5 w-5\" />\n </span>\n <span className=\"rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-[11px] font-medium text-status-warning-text\">\n {tr('providers.new.unverified', 'Unverified')}\n </span>\n </div>\n <p className=\"mt-3 truncate text-base font-semibold text-text-primary\">\n {name.trim() \|\| tr('providers.new.previewName', 'Provider name')}\n </p>\n <span className=\"mt-1 inline-flex w-fit rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\">\n {tr(CATEGORY_KEY[category], formatEnumLabel(category))}\n </span>\n {description.trim() ? (\n <p className=\"mt-3 line-clamp-3 text-xs leading-relaxed text-text-secondary\">\n {description.trim()}\n </p>\n ) : (\n <p className=\"mt-3 text-xs italic text-text-secondary/70\">\n {tr('providers.new.previewDescription', 'A short description will appear here.')}\n </p>\n )}\n {(region.trim() \|\| industry.trim() \|\| parsedTags.length > 0) && (\n <div className=\"mt-4 flex flex-wrap items-center gap-2 border-t border-border-subtle pt-3\">\n {industry.trim() && (\n <span className=\"text-[11px] text-text-secondary\">{industry.trim()}</span>\n )}\n {region.trim() && (\n <span className=\"text-[11px] text-text-secondary\">· {region.trim()}</span>\n )}\n {parsedTags.slice(0, 4).map((t) => (\n <span\n key={t}\n className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-[11px] text-text-secondary\"\n >\n {t}\n </span>\n ))}\n </div>\n )}\n </GlassCard>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/subscriberbot/pages/providers/ProvidersListPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProvidersListPage.d.ts","sourceRoot":"","sources":["../../../../src/subscriberbot/pages/providers/ProvidersListPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;~~AAmKH~~,wBAAgB,iBAAiB,~~gCAwNhC~~"}
1	+ {"version":3,"file":"ProvidersListPage.d.ts","sourceRoot":"","sources":["../../../../src/subscriberbot/pages/providers/ProvidersListPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAoKH,wBAAgB,iBAAiB,gCA8PhC"}