@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/pricing/pricing.module.css

@@ -0,0 +1,188 @@
+/* Pricing: the price in force, the change waiting, and the history. */
+
+.stack {
+  display: grid;
+  gap: 24px;
+}
+
+.hero {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+}
+
+.big {
+  display: grid;
+  gap: 4px;
+  margin: 0;
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 32px;
+  color: var(--text-primary);
+}
+
+.muted {
+  margin: 4px 0 0;
+  font-size: 14px;
+  color: var(--text-secondary);
+}
+
+.changes {
+  display: grid;
+  gap: 8px;
+  margin: 0;
+  padding: 12px 16px;
+  list-style: none;
+  border-radius: var(--adm-card-radius);
+  background: var(--bg-subtle);
+  font-size: 14px;
+  color: var(--text-secondary);
+}
+
+.changes li::before {
+  content: "• ";
+  color: var(--text-tertiary);
+}
+
+.history {
+  display: grid;
+  gap: 8px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.history li {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 12px;
+  font-size: 14px;
+}
+
+/* Subscriptions: one merchant's months in the side panel. */
+.months {
+  display: grid;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.month {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 12px 0;
+  border-bottom: 1px solid var(--border-subtle);
+  font-size: 14px;
+  color: var(--text-primary);
+}
+
+.month p {
+  margin: 0;
+}
+
+.monthEnd {
+  display: grid;
+  justify-items: end;
+  gap: 2px;
+}
+
+/* Plans: a feature's controls in the New plan form. */
+.featureRow {
+  display: grid;
+  gap: 8px;
+  padding: 8px 0;
+  border-bottom: 1px solid var(--border-subtle);
+}
+
+/* Features: the plan × feature grid. */
+.gridScroll {
+  overflow-x: auto;
+}
+
+.grid {
+  width: 100%;
+  min-width: 560px;
+  border-collapse: collapse;
+  font-size: 14px;
+  color: var(--text-primary);
+}
+
+.grid td {
+  padding: 10px 16px;
+  border-top: 1px solid var(--border-subtle);
+}
+
+/* Display: switches beside the preview. */
+.displayLayout {
+  display: grid;
+  gap: 24px;
+}
+
+@media (min-width: 1024px) {
+  .displayLayout {
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+    align-items: start;
+  }
+}
+
+.off {
+  opacity: 0.45;
+}
+
+.previewLabel {
+  margin: 0 0 8px;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--text-tertiary);
+}
+
+.previewPlans {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+  gap: 8px;
+}
+
+.previewPlan,
+.previewLocked {
+  display: grid;
+  gap: 4px;
+  padding: 12px;
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--adm-card-radius);
+  font-size: 13px;
+  color: var(--text-secondary);
+}
+
+.previewPlan strong,
+.previewLocked strong {
+  color: var(--text-primary);
+}
+
+.previewPlan ul {
+  margin: 4px 0 0;
+  padding-left: 16px;
+}
+
+.previewButton {
+  justify-self: start;
+  margin-top: 4px;
+  padding: 4px 12px;
+  border-radius: 999px;
+  background: var(--accent-primary);
+  color: var(--text-inverse);
+  font-weight: 500;
+}
+
+/* Subscriptions: one merchant's plan and its history in the side panel. */
+.planLine {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}

package/dist/admin/pricing/subscription-events.js

@@ -0,0 +1,33 @@
+function planNamer(plans) {
+  return (id) => {
+    const plan = plans?.find((p) => p.id === id);
+    return plan?.live?.name ?? plan?.open?.name ?? "another plan";
+  };
+}
+const BY = {
+  admin: "by an admin",
+  merchant: "by the merchant",
+  system: "automatically"
+};
+function eventText(event, planName) {
+  const what = {
+    started: `Started on ${planName(event.toPlanId)}`,
+    change_scheduled: `Moves to ${planName(event.toPlanId)} at the next charge`,
+    plan_changed: `Moved to ${planName(event.toPlanId)}`,
+    cancel_scheduled: "Set to cancel at the end of the paid month",
+    cancelled: "Cancelled",
+    resumed: "Cancellation undone"
+  }[event.kind];
+  return `${what} ${BY[event.actorType]}${event.reason ? `: ${event.reason}` : ""}`;
+}
+function subscriptionActions(status) {
+  if (status === "cancelled" || !status) return [];
+  if (status === "cancelling") return ["resume"];
+  return ["change", "cancel"];
+}
+export {
+  eventText,
+  planNamer,
+  subscriptionActions
+};
+//# sourceMappingURL=subscription-events.js.map

package/dist/admin/pricing/subscription-events.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pricing/subscription-events.ts"],"sourcesContent":["import type { PlanSummary, SubscriptionEvent } from \"@withpotter/lib/pricing-plans-types\";\n\n/** A plan's name from the list, never its id. */\nexport function planNamer(plans: PlanSummary[] | undefined) {\n  return (id: string | null | undefined): string => {\n    const plan = plans?.find((p) => p.id === id);\n\n    return plan?.live?.name ?? plan?.open?.name ?? \"another plan\";\n  };\n}\n\nconst BY: Record<SubscriptionEvent[\"actorType\"], string> = {\n  admin: \"by an admin\",\n  merchant: \"by the merchant\",\n  system: \"automatically\",\n};\n\n/** One line of a merchant's plan history: \"Moved to Growth by the merchant\". */\nexport function eventText(event: SubscriptionEvent, planName: (id: string | null) => string): string {\n  const what = {\n    started: `Started on ${planName(event.toPlanId)}`,\n    change_scheduled: `Moves to ${planName(event.toPlanId)} at the next charge`,\n    plan_changed: `Moved to ${planName(event.toPlanId)}`,\n    cancel_scheduled: \"Set to cancel at the end of the paid month\",\n    cancelled: \"Cancelled\",\n    resumed: \"Cancellation undone\",\n  }[event.kind];\n\n  return `${what} ${BY[event.actorType]}${event.reason ? `: ${event.reason}` : \"\"}`;\n}\n\nexport type SubscriptionAction = \"change\" | \"cancel\" | \"resume\";\n\n/** What an admin can do to a plan as it stands; the API refuses the rest. */\nexport function subscriptionActions(status: string | undefined): SubscriptionAction[] {\n  if (status === \"cancelled\" || !status) return [];\n  if (status === \"cancelling\") return [\"resume\"];\n\n  return [\"change\", \"cancel\"];\n}\n"],"mappings":"AAGO,SAAS,UAAU,OAAkC;AAC1D,SAAO,CAAC,OAA0C;AAChD,UAAM,OAAO,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE;AAE3C,WAAO,MAAM,MAAM,QAAQ,MAAM,MAAM,QAAQ;AAAA,EACjD;AACF;AAEA,MAAM,KAAqD;AAAA,EACzD,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AACV;AAGO,SAAS,UAAU,OAA0B,UAAiD;AACnG,QAAM,OAAO;AAAA,IACX,SAAS,cAAc,SAAS,MAAM,QAAQ,CAAC;AAAA,IAC/C,kBAAkB,YAAY,SAAS,MAAM,QAAQ,CAAC;AAAA,IACtD,cAAc,YAAY,SAAS,MAAM,QAAQ,CAAC;AAAA,IAClD,kBAAkB;AAAA,IAClB,WAAW;AAAA,IACX,SAAS;AAAA,EACX,EAAE,MAAM,IAAI;AAEZ,SAAO,GAAG,IAAI,IAAI,GAAG,MAAM,SAAS,CAAC,GAAG,MAAM,SAAS,KAAK,MAAM,MAAM,KAAK,EAAE;AACjF;AAKO,SAAS,oBAAoB,QAAkD;AACpF,MAAI,WAAW,eAAe,CAAC,OAAQ,QAAO,CAAC;AAC/C,MAAI,WAAW,aAAc,QAAO,CAAC,QAAQ;AAE7C,SAAO,CAAC,UAAU,QAAQ;AAC5B;","names":[]}

package/dist/admin/pricing/subscription-history.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "@withpotter/ui-kit/button";
+import { useConfirm } from "@withpotter/ui-kit/confirm-dialog";
+import { adminPlansApi } from "@withpotter/lib/admin-pricing-api";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import {
+  CHARGE_STATUS,
+  billingDate,
+  chargeAmount,
+  periodLabel
+} from "@withpotter/lib/subscription-billing-model";
+import { AdmLoading, Drawer } from "../_ui";
+import { LoadFailed } from "../audit/load-failed";
+import { CancelPlanDialog } from "./cancel-plan-dialog";
+import { ChangePlanDialog } from "./change-plan-dialog";
+import { subscriptionActions } from "./subscription-events";
+import { SubscriptionPlan } from "./subscription-plan";
+import { usePricingPermissions } from "./use-pricing";
+import { usePlansMutation } from "./use-plans";
+import { useMerchantBillingHistory } from "./use-subscriptions";
+import styles from "./pricing.module.css";
+function chargeWhen(charge) {
+  if (charge.paidAt) return `Paid ${billingDate(charge.paidAt)}`;
+  if (!charge.lastAttemptAt) return "Not tried yet";
+  const tries = charge.attempts === 1 ? "1 try" : `${charge.attempts} tries`;
+  return `${tries}, last ${billingDate(charge.lastAttemptAt)}`;
+}
+function SubscriptionHistory({
+  open,
+  tenantId,
+  name,
+  onClose
+}) {
+  const { data, isLoading, isError, refetch } = useMerchantBillingHistory(tenantId);
+  const { approveHint } = usePricingPermissions();
+  const confirm = useConfirm();
+  const [dialog, setDialog] = useState(null);
+  const resume = usePlansMutation(adminPlansApi.resume, "Not resumed");
+  const sub = data?.tenantId === tenantId ? data?.subscription : null;
+  const can = subscriptionActions(sub?.status);
+  const undo = async () => {
+    const ok = await confirm({
+      title: "Undo the cancellation?",
+      description: "The plan carries on and is charged as before.",
+      confirmLabel: "Resume"
+    });
+    if (ok && tenantId) await resume.mutateAsync([tenantId]).catch(() => void 0);
+  };
+  const actions = can.includes("resume") ? /* @__PURE__ */ jsx(Button, { title: approveHint, loading: resume.isPending, onClick: () => void undo(), children: "Resume" }) : can.length ? /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+    /* @__PURE__ */ jsx(Button, { variant: "secondary", title: approveHint, onClick: () => setDialog("cancel"), children: "Cancel plan" }),
+    /* @__PURE__ */ jsx(Button, { onClick: () => setDialog("change"), children: "Change plan" })
+  ] }) : null;
+  return /* @__PURE__ */ jsxs(Drawer, { open, onClose, title: name, actions, children: [
+    data && /* @__PURE__ */ jsx(SubscriptionPlan, { history: data }),
+    isError ? /* @__PURE__ */ jsx(
+      LoadFailed,
+      {
+        message: "The billing history could not be loaded.",
+        onRetry: () => void refetch()
+      }
+    ) : isLoading || !data ? /* @__PURE__ */ jsx(AdmLoading, { label: "Loading billing history\u2026" }) : data.charges.length === 0 ? /* @__PURE__ */ jsx("p", { className: styles.muted, children: "Not billed yet." }) : /* @__PURE__ */ jsx("ul", { className: styles.months, children: data.charges.map((charge) => /* @__PURE__ */ jsxs("li", { className: styles.month, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { children: periodLabel(charge.period) }),
+        /* @__PURE__ */ jsx("p", { className: styles.muted, children: chargeWhen(charge) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: styles.monthEnd, children: [
+        /* @__PURE__ */ jsx("span", { children: chargeAmount(charge.amountMinor, charge.currency) }),
+        /* @__PURE__ */ jsx(
+          StatusBadge,
+          {
+            status: CHARGE_STATUS[charge.status].badge,
+            label: CHARGE_STATUS[charge.status].label,
+            variant: "text"
+          }
+        )
+      ] })
+    ] }, charge.id)) }),
+    dialog === "change" && tenantId && /* @__PURE__ */ jsx(
+      ChangePlanDialog,
+      {
+        tenantId,
+        name,
+        currentPlanId: sub?.plan?.id ?? null,
+        onClose: () => setDialog(null)
+      }
+    ),
+    dialog === "cancel" && tenantId && /* @__PURE__ */ jsx(
+      CancelPlanDialog,
+      {
+        tenantId,
+        name,
+        periodEnd: sub?.currentPeriodEnd ?? null,
+        onClose: () => setDialog(null)
+      }
+    )
+  ] });
+}
+export {
+  SubscriptionHistory
+};
+//# sourceMappingURL=subscription-history.js.map

package/dist/admin/pricing/subscription-history.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pricing/subscription-history.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Button } from \"@withpotter/ui-kit/button\";\nimport { useConfirm } from \"@withpotter/ui-kit/confirm-dialog\";\nimport { adminPlansApi } from \"@withpotter/lib/admin-pricing-api\";\nimport { StatusBadge } from \"@withpotter/components/shared/status-badge\";\nimport {\n  CHARGE_STATUS,\n  billingDate,\n  chargeAmount,\n  periodLabel,\n} from \"@withpotter/lib/subscription-billing-model\";\nimport { AdmLoading, Drawer } from \"../_ui\";\nimport { LoadFailed } from \"../audit/load-failed\";\nimport { CancelPlanDialog } from \"./cancel-plan-dialog\";\nimport { ChangePlanDialog } from \"./change-plan-dialog\";\nimport { subscriptionActions } from \"./subscription-events\";\nimport { SubscriptionPlan } from \"./subscription-plan\";\nimport { usePricingPermissions } from \"./use-pricing\";\nimport { usePlansMutation } from \"./use-plans\";\nimport { useMerchantBillingHistory } from \"./use-subscriptions\";\nimport styles from \"./pricing.module.css\";\n\n/** When a month was settled, or how far its tries got. */\nfunction chargeWhen(charge: {\n  status: string;\n  paidAt: string | null;\n  lastAttemptAt: string | null;\n  attempts: number;\n}): string {\n  if (charge.paidAt) return `Paid ${billingDate(charge.paidAt)}`;\n  if (!charge.lastAttemptAt) return \"Not tried yet\";\n\n  const tries = charge.attempts === 1 ? \"1 try\" : `${charge.attempts} tries`;\n\n  return `${tries}, last ${billingDate(charge.lastAttemptAt)}`;\n}\n\n/**\n * One merchant: their plan with Change plan, Cancel and Resume, what has\n * happened to it, and their months, newest first. No refunds or waivers.\n */\nexport function SubscriptionHistory({\n  open,\n  tenantId,\n  name,\n  onClose,\n}: {\n  open: boolean;\n  tenantId: string | null;\n  name: string;\n  onClose: () => void;\n}) {\n  const { data, isLoading, isError, refetch } =\n    useMerchantBillingHistory(tenantId);\n  const { approveHint } = usePricingPermissions();\n  const confirm = useConfirm();\n  const [dialog, setDialog] = useState<\"change\" | \"cancel\" | null>(null);\n  const resume = usePlansMutation(adminPlansApi.resume, \"Not resumed\");\n  const sub = data?.tenantId === tenantId ? data?.subscription : null;\n  const can = subscriptionActions(sub?.status);\n\n  const undo = async () => {\n    const ok = await confirm({\n      title: \"Undo the cancellation?\",\n      description: \"The plan carries on and is charged as before.\",\n      confirmLabel: \"Resume\",\n    });\n    if (ok && tenantId) await resume.mutateAsync([tenantId]).catch(() => undefined);\n  };\n\n  const actions = can.includes(\"resume\") ? (\n    <Button title={approveHint} loading={resume.isPending} onClick={() => void undo()}>\n      Resume\n    </Button>\n  ) : can.length ? (\n    <div className=\"flex gap-2\">\n      <Button variant=\"secondary\" title={approveHint} onClick={() => setDialog(\"cancel\")}>\n        Cancel plan\n      </Button>\n      <Button onClick={() => setDialog(\"change\")}>Change plan</Button>\n    </div>\n  ) : null;\n\n  return (\n    <Drawer open={open} onClose={onClose} title={name} actions={actions}>\n      {data && <SubscriptionPlan history={data} />}\n      {isError ? (\n        <LoadFailed\n          message=\"The billing history could not be loaded.\"\n          onRetry={() => void refetch()}\n        />\n      ) : isLoading || !data ? (\n        <AdmLoading label=\"Loading billing history…\" />\n      ) : data.charges.length === 0 ? (\n        <p className={styles.muted}>Not billed yet.</p>\n      ) : (\n        <ul className={styles.months}>\n          {data.charges.map((charge) => (\n            <li key={charge.id} className={styles.month}>\n              <div>\n                <p>{periodLabel(charge.period)}</p>\n                <p className={styles.muted}>{chargeWhen(charge)}</p>\n              </div>\n              <div className={styles.monthEnd}>\n                <span>{chargeAmount(charge.amountMinor, charge.currency)}</span>\n                <StatusBadge\n                  status={CHARGE_STATUS[charge.status].badge}\n                  label={CHARGE_STATUS[charge.status].label}\n                  variant=\"text\"\n                />\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n      {dialog === \"change\" && tenantId && (\n        <ChangePlanDialog\n          tenantId={tenantId}\n          name={name}\n          currentPlanId={sub?.plan?.id ?? null}\n          onClose={() => setDialog(null)}\n        />\n      )}\n      {dialog === \"cancel\" && tenantId && (\n        <CancelPlanDialog\n          tenantId={tenantId}\n          name={name}\n          periodEnd={sub?.currentPeriodEnd ?? null}\n          onClose={() => setDialog(null)}\n        />\n      )}\n    </Drawer>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/pricing/subscription-plan.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import { BILLING_STATUS, billingDate } from "@withpotter/lib/subscription-billing-model";
+import { priceList } from "./plan-row";
+import { eventText, planNamer } from "./subscription-events";
+import { usePlanList } from "./use-plans";
+import styles from "./pricing.module.css";
+function SubscriptionPlan({ history }) {
+  const { data } = usePlanList();
+  const planName = planNamer(data?.plans);
+  const sub = history.subscription;
+  if (!sub) return /* @__PURE__ */ jsx("p", { className: styles.muted, children: "On the default plan; nothing has changed yet." });
+  const status = BILLING_STATUS[sub.status];
+  return /* @__PURE__ */ jsxs("section", { className: "grid gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.planLine, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "m-0 font-medium text-[var(--text-primary)]", children: sub.plan?.name ?? "No plan" }),
+        /* @__PURE__ */ jsx("p", { className: styles.muted, children: sub.plan ? priceList(sub.plan.prices, data?.currencies ?? []).map((l) => `${l} a month`).join(" \xB7 ") : "\u2013" })
+      ] }),
+      /* @__PURE__ */ jsx(StatusBadge, { status: status.badge, label: status.label })
+    ] }),
+    sub.pendingPlan && /* @__PURE__ */ jsxs("p", { className: styles.muted, children: [
+      "Moves to ",
+      sub.pendingPlan.name,
+      " on ",
+      billingDate(sub.currentPeriodEnd),
+      "."
+    ] }),
+    sub.status === "cancelling" && /* @__PURE__ */ jsxs("p", { className: styles.muted, children: [
+      "Ends ",
+      billingDate(sub.currentPeriodEnd),
+      ". ",
+      sub.cancelReason
+    ] }),
+    sub.status === "cancelled" && /* @__PURE__ */ jsxs("p", { className: styles.muted, children: [
+      "Cancelled ",
+      billingDate(sub.cancelledAt),
+      ". ",
+      sub.cancelReason
+    ] }),
+    history.events.length > 0 && /* @__PURE__ */ jsx("ul", { className: styles.history, "aria-label": "Plan history", children: history.events.map((event, i) => /* @__PURE__ */ jsxs("li", { children: [
+      /* @__PURE__ */ jsx("span", { className: "text-[var(--text-primary)]", children: eventText(event, planName) }),
+      /* @__PURE__ */ jsx("span", { className: "text-[var(--text-tertiary)]", children: billingDate(event.createdAt) })
+    ] }, `${event.createdAt}-${i}`)) })
+  ] });
+}
+export {
+  SubscriptionPlan
+};
+//# sourceMappingURL=subscription-plan.js.map

package/dist/admin/pricing/subscription-plan.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pricing/subscription-plan.tsx"],"sourcesContent":["\"use client\";\n\nimport { StatusBadge } from \"@withpotter/components/shared/status-badge\";\nimport type { MerchantBillingHistory } from \"@withpotter/lib/subscription-billing-api\";\nimport { BILLING_STATUS, billingDate } from \"@withpotter/lib/subscription-billing-model\";\nimport { priceList } from \"./plan-row\";\nimport { eventText, planNamer } from \"./subscription-events\";\nimport { usePlanList } from \"./use-plans\";\nimport styles from \"./pricing.module.css\";\n\n/** One merchant's plan as it stands, then what happened to it, newest first. */\nexport function SubscriptionPlan({ history }: { history: MerchantBillingHistory }) {\n  const { data } = usePlanList();\n  const planName = planNamer(data?.plans);\n  const sub = history.subscription;\n\n  if (!sub) return <p className={styles.muted}>On the default plan; nothing has changed yet.</p>;\n\n  const status = BILLING_STATUS[sub.status];\n\n  return (\n    <section className=\"grid gap-3\">\n      <div className={styles.planLine}>\n        <div>\n          <p className=\"m-0 font-medium text-[var(--text-primary)]\">{sub.plan?.name ?? \"No plan\"}</p>\n          <p className={styles.muted}>\n            {sub.plan ? priceList(sub.plan.prices, data?.currencies ?? []).map((l) => `${l} a month`).join(\" · \") : \"–\"}\n          </p>\n        </div>\n        <StatusBadge status={status.badge} label={status.label} />\n      </div>\n      {sub.pendingPlan && (\n        <p className={styles.muted}>\n          Moves to {sub.pendingPlan.name} on {billingDate(sub.currentPeriodEnd)}.\n        </p>\n      )}\n      {sub.status === \"cancelling\" && (\n        <p className={styles.muted}>\n          Ends {billingDate(sub.currentPeriodEnd)}. {sub.cancelReason}\n        </p>\n      )}\n      {sub.status === \"cancelled\" && (\n        <p className={styles.muted}>\n          Cancelled {billingDate(sub.cancelledAt)}. {sub.cancelReason}\n        </p>\n      )}\n      {history.events.length > 0 && (\n        <ul className={styles.history} aria-label=\"Plan history\">\n          {history.events.map((event, i) => (\n            <li key={`${event.createdAt}-${i}`}>\n              <span className=\"text-[var(--text-primary)]\">{eventText(event, planName)}</span>\n              <span className=\"text-[var(--text-tertiary)]\">{billingDate(event.createdAt)}</span>\n            </li>\n          ))}\n        </ul>\n      )}\n    </section>\n  );\n}\n"],"mappings":";AAgBmB,cAOX,YAPW;AAdnB,SAAS,mBAAmB;AAE5B,SAAS,gBAAgB,mBAAmB;AAC5C,SAAS,iBAAiB;AAC1B,SAAS,WAAW,iBAAiB;AACrC,SAAS,mBAAmB;AAC5B,OAAO,YAAY;AAGZ,SAAS,iBAAiB,EAAE,QAAQ,GAAwC;AACjF,QAAM,EAAE,KAAK,IAAI,YAAY;AAC7B,QAAM,WAAW,UAAU,MAAM,KAAK;AACtC,QAAM,MAAM,QAAQ;AAEpB,MAAI,CAAC,IAAK,QAAO,oBAAC,OAAE,WAAW,OAAO,OAAO,2DAA6C;AAE1F,QAAM,SAAS,eAAe,IAAI,MAAM;AAExC,SACE,qBAAC,aAAQ,WAAU,cACjB;AAAA,yBAAC,SAAI,WAAW,OAAO,UACrB;AAAA,2BAAC,SACC;AAAA,4BAAC,OAAE,WAAU,8CAA8C,cAAI,MAAM,QAAQ,WAAU;AAAA,QACvF,oBAAC,OAAE,WAAW,OAAO,OAClB,cAAI,OAAO,UAAU,IAAI,KAAK,QAAQ,MAAM,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,UAAU,EAAE,KAAK,QAAK,IAAI,UAC1G;AAAA,SACF;AAAA,MACA,oBAAC,eAAY,QAAQ,OAAO,OAAO,OAAO,OAAO,OAAO;AAAA,OAC1D;AAAA,IACC,IAAI,eACH,qBAAC,OAAE,WAAW,OAAO,OAAO;AAAA;AAAA,MAChB,IAAI,YAAY;AAAA,MAAK;AAAA,MAAK,YAAY,IAAI,gBAAgB;AAAA,MAAE;AAAA,OACxE;AAAA,IAED,IAAI,WAAW,gBACd,qBAAC,OAAE,WAAW,OAAO,OAAO;AAAA;AAAA,MACpB,YAAY,IAAI,gBAAgB;AAAA,MAAE;AAAA,MAAG,IAAI;AAAA,OACjD;AAAA,IAED,IAAI,WAAW,eACd,qBAAC,OAAE,WAAW,OAAO,OAAO;AAAA;AAAA,MACf,YAAY,IAAI,WAAW;AAAA,MAAE;AAAA,MAAG,IAAI;AAAA,OACjD;AAAA,IAED,QAAQ,OAAO,SAAS,KACvB,oBAAC,QAAG,WAAW,OAAO,SAAS,cAAW,gBACvC,kBAAQ,OAAO,IAAI,CAAC,OAAO,MAC1B,qBAAC,QACC;AAAA,0BAAC,UAAK,WAAU,8BAA8B,oBAAU,OAAO,QAAQ,GAAE;AAAA,MACzE,oBAAC,UAAK,WAAU,+BAA+B,sBAAY,MAAM,SAAS,GAAE;AAAA,SAFrE,GAAG,MAAM,SAAS,IAAI,CAAC,EAGhC,CACD,GACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/pricing/subscription-row.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IdentityCell, TableRow, Th } from "@withpotter/ui-kit";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import {
+  BILLING_STATUS,
+  CHARGE_STATUS,
+  billingDate,
+  chargeAmount,
+  periodLabel
+} from "@withpotter/lib/subscription-billing-model";
+import list from "../_ui/list-card.module.css";
+const SUBSCRIPTION_COLUMNS = 6;
+function SubscriptionHead() {
+  return /* @__PURE__ */ jsxs("tr", { children: [
+    /* @__PURE__ */ jsx(Th, { children: "Business" }),
+    /* @__PURE__ */ jsx(Th, { children: "Plan" }),
+    /* @__PURE__ */ jsx(Th, { children: "Status" }),
+    /* @__PURE__ */ jsx(Th, { children: "A month" }),
+    /* @__PURE__ */ jsx(Th, { children: "Last charge" }),
+    /* @__PURE__ */ jsx(Th, { children: "Next charge" })
+  ] });
+}
+function nextChargeText(row, nextBillingDate) {
+  if (row.status === "cancelled") return "\u2013";
+  if (row.status === "cancelling" || row.cancelAtPeriodEnd) {
+    return `Ends ${billingDate(row.currentPeriodEnd)}`;
+  }
+  return billingDate(nextBillingDate);
+}
+function lastChargeText(row) {
+  const last = row.lastCharge;
+  if (!last) return "Not billed yet";
+  const month = periodLabel(last.period);
+  if (last.status === "skipped") return `${month}, not charged`;
+  return `${chargeAmount(
+    last.amountMinor,
+    row.currency
+  )} for ${month}, ${CHARGE_STATUS[last.status].label.toLowerCase()}`;
+}
+function SubscriptionRow({
+  row,
+  nextBillingDate,
+  onOpen
+}) {
+  const status = BILLING_STATUS[row.status];
+  const name = row.businessName ?? "Unnamed business";
+  return /* @__PURE__ */ jsxs(TableRow, { onClick: onOpen, children: [
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "text-left",
+        "aria-label": `Billing history for ${name}`,
+        children: /* @__PURE__ */ jsx(IdentityCell, { name, size: "sm" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx("td", { className: list.nowrap, children: row.plan?.name ?? "\u2013" }),
+    /* @__PURE__ */ jsx("td", { className: list.nowrap, children: /* @__PURE__ */ jsx(StatusBadge, { status: status.badge, label: status.label, variant: "dot" }) }),
+    /* @__PURE__ */ jsx("td", { className: list.nowrap, children: chargeAmount(row.monthlyAmountMinor, row.currency) }),
+    /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: lastChargeText(row) }),
+    /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: nextChargeText(row, nextBillingDate) })
+  ] });
+}
+export {
+  SUBSCRIPTION_COLUMNS,
+  SubscriptionHead,
+  SubscriptionRow
+};
+//# sourceMappingURL=subscription-row.js.map

package/dist/admin/pricing/subscription-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pricing/subscription-row.tsx"],"sourcesContent":["\"use client\";\n\nimport { IdentityCell, TableRow, Th } from \"@withpotter/ui-kit\";\nimport { StatusBadge } from \"@withpotter/components/shared/status-badge\";\nimport type { MerchantBillingRow } from \"@withpotter/lib/subscription-billing-api\";\nimport {\n  BILLING_STATUS,\n  CHARGE_STATUS,\n  billingDate,\n  chargeAmount,\n  periodLabel,\n} from \"@withpotter/lib/subscription-billing-model\";\nimport list from \"../_ui/list-card.module.css\";\n\nexport const SUBSCRIPTION_COLUMNS = 6;\n\nexport function SubscriptionHead() {\n  return (\n    <tr>\n      <Th>Business</Th>\n      <Th>Plan</Th>\n      <Th>Status</Th>\n      <Th>A month</Th>\n      <Th>Last charge</Th>\n      <Th>Next charge</Th>\n    </tr>\n  );\n}\n\n/** When the plan is next charged: never once cancelled; its end while cancelling. */\nfunction nextChargeText(row: MerchantBillingRow, nextBillingDate: string): string {\n  if (row.status === \"cancelled\") return \"–\";\n  if (row.status === \"cancelling\" || row.cancelAtPeriodEnd) {\n    return `Ends ${billingDate(row.currentPeriodEnd)}`;\n  }\n\n  return billingDate(nextBillingDate);\n}\n\n/** What the last month's charge came to, in words. */\nfunction lastChargeText(row: MerchantBillingRow): string {\n  const last = row.lastCharge;\n\n  if (!last) return \"Not billed yet\";\n\n  const month = periodLabel(last.period);\n\n  if (last.status === \"skipped\") return `${month}, not charged`;\n\n  return `${chargeAmount(\n    last.amountMinor,\n    row.currency\n  )} for ${month}, ${CHARGE_STATUS[last.status].label.toLowerCase()}`;\n}\n\n/** One merchant; the whole row opens their billing history. */\nexport function SubscriptionRow({\n  row,\n  nextBillingDate,\n  onOpen,\n}: {\n  row: MerchantBillingRow;\n  nextBillingDate: string;\n  onOpen: () => void;\n}) {\n  const status = BILLING_STATUS[row.status];\n  const name = row.businessName ?? \"Unnamed business\";\n\n  return (\n    <TableRow onClick={onOpen}>\n      <td>\n        <button\n          type=\"button\"\n          className=\"text-left\"\n          aria-label={`Billing history for ${name}`}\n        >\n          <IdentityCell name={name} size=\"sm\" />\n        </button>\n      </td>\n      <td className={list.nowrap}>{row.plan?.name ?? \"–\"}</td>\n      <td className={list.nowrap}>\n        <StatusBadge status={status.badge} label={status.label} variant=\"dot\" />\n      </td>\n      <td className={list.nowrap}>\n        {chargeAmount(row.monthlyAmountMinor, row.currency)}\n      </td>\n      <td className={`${list.nowrap} ${list.muted}`}>{lastChargeText(row)}</td>\n      <td className={`${list.nowrap} ${list.muted}`}>\n        {nextChargeText(row, nextBillingDate)}\n      </td>\n    </TableRow>\n  );\n}\n"],"mappings":";AAkBI,SACE,KADF;AAhBJ,SAAS,cAAc,UAAU,UAAU;AAC3C,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,UAAU;AAEV,MAAM,uBAAuB;AAE7B,SAAS,mBAAmB;AACjC,SACE,qBAAC,QACC;AAAA,wBAAC,MAAG,sBAAQ;AAAA,IACZ,oBAAC,MAAG,kBAAI;AAAA,IACR,oBAAC,MAAG,oBAAM;AAAA,IACV,oBAAC,MAAG,qBAAO;AAAA,IACX,oBAAC,MAAG,yBAAW;AAAA,IACf,oBAAC,MAAG,yBAAW;AAAA,KACjB;AAEJ;AAGA,SAAS,eAAe,KAAyB,iBAAiC;AAChF,MAAI,IAAI,WAAW,YAAa,QAAO;AACvC,MAAI,IAAI,WAAW,gBAAgB,IAAI,mBAAmB;AACxD,WAAO,QAAQ,YAAY,IAAI,gBAAgB,CAAC;AAAA,EAClD;AAEA,SAAO,YAAY,eAAe;AACpC;AAGA,SAAS,eAAe,KAAiC;AACvD,QAAM,OAAO,IAAI;AAEjB,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,QAAQ,YAAY,KAAK,MAAM;AAErC,MAAI,KAAK,WAAW,UAAW,QAAO,GAAG,KAAK;AAE9C,SAAO,GAAG;AAAA,IACR,KAAK;AAAA,IACL,IAAI;AAAA,EACN,CAAC,QAAQ,KAAK,KAAK,cAAc,KAAK,MAAM,EAAE,MAAM,YAAY,CAAC;AACnE;AAGO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,SAAS,eAAe,IAAI,MAAM;AACxC,QAAM,OAAO,IAAI,gBAAgB;AAEjC,SACE,qBAAC,YAAS,SAAS,QACjB;AAAA,wBAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAY,uBAAuB,IAAI;AAAA,QAEvC,8BAAC,gBAAa,MAAY,MAAK,MAAK;AAAA;AAAA,IACtC,GACF;AAAA,IACA,oBAAC,QAAG,WAAW,KAAK,QAAS,cAAI,MAAM,QAAQ,UAAI;AAAA,IACnD,oBAAC,QAAG,WAAW,KAAK,QAClB,8BAAC,eAAY,QAAQ,OAAO,OAAO,OAAO,OAAO,OAAO,SAAQ,OAAM,GACxE;AAAA,IACA,oBAAC,QAAG,WAAW,KAAK,QACjB,uBAAa,IAAI,oBAAoB,IAAI,QAAQ,GACpD;AAAA,IACA,oBAAC,QAAG,WAAW,GAAG,KAAK,MAAM,IAAI,KAAK,KAAK,IAAK,yBAAe,GAAG,GAAE;AAAA,IACpE,oBAAC,QAAG,WAAW,GAAG,KAAK,MAAM,IAAI,KAAK,KAAK,IACxC,yBAAe,KAAK,eAAe,GACtC;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/pricing/subscriptions-tab.js

@@ -0,0 +1,141 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { Button, FilterChip } from "@withpotter/ui-kit";
+import { BILLING_STATUS } from "@withpotter/lib/subscription-billing-model";
+import { FilterSearch } from "../_ui";
+import { ListCard, ListPager } from "../_ui/list-card";
+import { SubscriptionHistory } from "./subscription-history";
+import {
+  SUBSCRIPTION_COLUMNS,
+  SubscriptionHead,
+  SubscriptionRow
+} from "./subscription-row";
+import { useMerchantBilling } from "./use-subscriptions";
+import styles from "./pricing.module.css";
+const PAGE_SIZE = 50;
+const STATUSES = [
+  "active",
+  "retrying",
+  "past_due",
+  "cancelling",
+  "cancelled",
+  "no_price"
+];
+const parseStatus = (value) => STATUSES.find((s) => s === value);
+function SubscriptionsTab() {
+  const router = useRouter();
+  const pathname = usePathname();
+  const params = useSearchParams();
+  const status = parseStatus(params.get("status"));
+  const [search, setSearch] = useState("");
+  const [page, setPage] = useState(1);
+  const [picked, setPicked] = useState(null);
+  const [panel, setPanel] = useState(false);
+  const { data, isLoading, isError, refetch } = useMerchantBilling({
+    status,
+    search,
+    page
+  });
+  const setStatus = (value) => {
+    const next = new URLSearchParams(params.toString());
+    if (parseStatus(value)) next.set("status", value);
+    else next.delete("status");
+    setPage(1);
+    router.replace(`${pathname}?${next.toString()}`, { scroll: false });
+  };
+  const counts = data?.counts ?? {};
+  const total = status ? counts[status] ?? 0 : Object.values(counts).reduce((sum, n) => sum + (n ?? 0), 0);
+  const totalPages = Math.max(1, Math.ceil(total / PAGE_SIZE));
+  const rows = data?.rows ?? [];
+  const filtered = Boolean(status || search.trim());
+  return /* @__PURE__ */ jsxs("div", { className: styles.stack, children: [
+    data && !data.enabled && /* @__PURE__ */ jsx("p", { className: styles.muted, children: "Billing is switched off on this engine. Nobody is charged." }),
+    /* @__PURE__ */ jsx(
+      ListCard,
+      {
+        title: "Subscriptions",
+        count: data ? total : void 0,
+        columns: SUBSCRIPTION_COLUMNS,
+        minWidth: 960,
+        isLoading,
+        isError,
+        onRetry: () => void refetch(),
+        errorTitle: "The subscriptions could not be loaded.",
+        isEmpty: rows.length === 0,
+        emptyTitle: filtered ? "Nothing matches." : "No merchants yet.",
+        head: /* @__PURE__ */ jsx(SubscriptionHead, {}),
+        controls: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            FilterSearch,
+            {
+              value: search,
+              onChange: (value) => {
+                setSearch(value);
+                setPage(1);
+              },
+              placeholder: "Search businesses"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FilterChip,
+            {
+              label: "Status",
+              value: status ?? "",
+              onChange: setStatus,
+              options: STATUSES.map((s) => ({
+                value: s,
+                label: `${BILLING_STATUS[s].label} (${counts[s] ?? 0})`
+              }))
+            }
+          ),
+          status && /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: "secondary",
+              onClick: () => setStatus(""),
+              children: "Clear filter"
+            }
+          )
+        ] }),
+        footer: totalPages > 1 && /* @__PURE__ */ jsx(
+          ListPager,
+          {
+            page,
+            totalPages,
+            total,
+            noun: "merchants",
+            onPage: setPage
+          }
+        ),
+        children: rows.map((row) => /* @__PURE__ */ jsx(
+          SubscriptionRow,
+          {
+            row,
+            nextBillingDate: data?.nextBillingDate ?? "",
+            onOpen: () => {
+              setPicked(row);
+              setPanel(true);
+            }
+          },
+          row.tenantId
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SubscriptionHistory,
+      {
+        open: panel,
+        tenantId: picked?.tenantId ?? null,
+        name: picked?.businessName ?? "Unnamed business",
+        onClose: () => setPanel(false)
+      }
+    )
+  ] });
+}
+export {
+  SubscriptionsTab
+};
+//# sourceMappingURL=subscriptions-tab.js.map

package/dist/admin/pricing/subscriptions-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pricing/subscriptions-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { usePathname, useRouter, useSearchParams } from \"next/navigation\";\nimport { Button, FilterChip } from \"@withpotter/ui-kit\";\nimport type {\n  MerchantBillingRow,\n  MerchantBillingStatus,\n} from \"@withpotter/lib/subscription-billing-api\";\nimport { BILLING_STATUS } from \"@withpotter/lib/subscription-billing-model\";\nimport { FilterSearch } from \"../_ui\";\nimport { ListCard, ListPager } from \"../_ui/list-card\";\nimport { SubscriptionHistory } from \"./subscription-history\";\nimport {\n  SUBSCRIPTION_COLUMNS,\n  SubscriptionHead,\n  SubscriptionRow,\n} from \"./subscription-row\";\nimport { useMerchantBilling } from \"./use-subscriptions\";\nimport styles from \"./pricing.module.css\";\n\nconst PAGE_SIZE = 50;\n\nconst STATUSES: MerchantBillingStatus[] = [\n  \"active\",\n  \"retrying\",\n  \"past_due\",\n  \"cancelling\",\n  \"cancelled\",\n  \"no_price\",\n];\n\nconst parseStatus = (value: string | null) => STATUSES.find((s) => s === value);\n\n/**\n * Every merchant, their plan and how it stands: Active, Retrying, Past due,\n * Cancelling, Cancelled, or No price in their wallet's currency. A row opens\n * that merchant's plan and history, with Change plan, Cancel and Resume. No\n * refunds or waivers in this version.\n */\nexport function SubscriptionsTab() {\n  const router = useRouter();\n  const pathname = usePathname();\n  const params = useSearchParams();\n  const status = parseStatus(params.get(\"status\"));\n  const [search, setSearch] = useState(\"\");\n  const [page, setPage] = useState(1);\n  // The last row opened stays put while the panel animates out.\n  const [picked, setPicked] = useState<MerchantBillingRow | null>(null);\n  const [panel, setPanel] = useState(false);\n  const { data, isLoading, isError, refetch } = useMerchantBilling({\n    status,\n    search,\n    page,\n  });\n\n  const setStatus = (value: string) => {\n    const next = new URLSearchParams(params.toString());\n\n    if (parseStatus(value)) next.set(\"status\", value);\n    else next.delete(\"status\");\n\n    setPage(1);\n    router.replace(`${pathname}?${next.toString()}`, { scroll: false });\n  };\n\n  const counts = data?.counts ?? {};\n  const total = status\n    ? counts[status] ?? 0\n    : Object.values(counts).reduce((sum, n) => sum + (n ?? 0), 0);\n  const totalPages = Math.max(1, Math.ceil(total / PAGE_SIZE));\n  const rows = data?.rows ?? [];\n  const filtered = Boolean(status || search.trim());\n\n  return (\n    <div className={styles.stack}>\n      {data && !data.enabled && (\n        <p className={styles.muted}>\n          Billing is switched off on this engine. Nobody is charged.\n        </p>\n      )}\n      <ListCard\n        title=\"Subscriptions\"\n        count={data ? total : undefined}\n        columns={SUBSCRIPTION_COLUMNS}\n        minWidth={960}\n        isLoading={isLoading}\n        isError={isError}\n        onRetry={() => void refetch()}\n        errorTitle=\"The subscriptions could not be loaded.\"\n        isEmpty={rows.length === 0}\n        emptyTitle={\n          filtered ? \"Nothing matches.\" : \"No merchants yet.\"\n        }\n        head={<SubscriptionHead />}\n        controls={\n          <>\n            <FilterSearch\n              value={search}\n              onChange={(value) => {\n                setSearch(value);\n                setPage(1);\n              }}\n              placeholder=\"Search businesses\"\n            />\n            <FilterChip\n              label=\"Status\"\n              value={status ?? \"\"}\n              onChange={setStatus}\n              options={STATUSES.map((s) => ({\n                value: s,\n                label: `${BILLING_STATUS[s].label} (${counts[s] ?? 0})`,\n              }))}\n            />\n            {status && (\n              <Button\n                size=\"sm\"\n                variant=\"secondary\"\n                onClick={() => setStatus(\"\")}\n              >\n                Clear filter\n              </Button>\n            )}\n          </>\n        }\n        footer={\n          totalPages > 1 && (\n            <ListPager\n              page={page}\n              totalPages={totalPages}\n              total={total}\n              noun=\"merchants\"\n              onPage={setPage}\n            />\n          )\n        }\n      >\n        {rows.map((row) => (\n          <SubscriptionRow\n            key={row.tenantId}\n            row={row}\n            nextBillingDate={data?.nextBillingDate ?? \"\"}\n            onOpen={() => {\n              setPicked(row);\n              setPanel(true);\n            }}\n          />\n        ))}\n      </ListCard>\n      <SubscriptionHistory\n        open={panel}\n        tenantId={picked?.tenantId ?? null}\n        name={picked?.businessName ?? \"Unnamed business\"}\n        onClose={() => setPanel(false)}\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}