@eifi1/ui-kit 0.32.2 → 0.33.0

package/dist/billing/plan-limit-toast.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/billing/plan-limit-toast.tsx"],"sourcesContent":["import { useCallback } from \"react\";\n\nimport { useKitLocale } from \"../i18n/kit-labels\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { documentNavigation } from \"../lib/document-navigation\";\nimport { formatNumber } from \"../lib/format\";\nimport { toast } from \"../components/toast\";\nimport type { ToastAction, ToastId } from \"../components/toast\";\nimport { useBillingLabels } from \"./billing-labels\";\nimport type { BillingLabels } from \"./billing-labels\";\nimport type { PlanLimitRefusal } from \"./plan-limit\";\nimport { planLimitMailto } from \"./plan-limit-notice\";\n\nexport interface PlanLimitToastOptions {\n  /** `upgrade`: plans are bought — \"Choose a plan\". `contact`: the operator grants them\n   *  by hand — \"Ask for more\", a mail to support. */\n  mode: \"upgrade\" | \"contact\";\n  /** `upgrade`: the app's navigation to its subscription page (the kit has no router).\n   *  Left out, the toast has no action. */\n  onChoosePlan?: () => void;\n  /** `contact`: support@ the app's domain, opened as `planLimitMailto(email,\n   *  contactSubject(name))`. Left out, the toast has no action. */\n  email?: string;\n  /** The app's word per dimension: `{ budgets: \"Budgets\", scans: \"Scans this month\" }`.\n   *  A dimension without one is named by its key. */\n  dimensionLabels?: Readonly<Record<string, string>>;\n  /** How a figure is written — kastlan's storage limit is bytes. Default: a number in\n   *  the kit's locale. */\n  formatValue?: (dimension: string, value: number) => string;\n  /** Prop > `<UiKitProvider labels={{ billing }}>` > English. */\n  labels?: LabelOverride<BillingLabels>;\n}\n\n/**\n * `PlanLimitNotice`'s words as a toast (docs/billing-harmonization.md §14.11), for a\n * refused create with no room for the notice — a row's button, a share target: \"Plan\n * limit reached\", what to do, the figure when the refusal has one (\"Budgets: 3 of 3\"),\n * and the mode's action.\n *\n *     const showLimit = usePlanLimitToast({\n *       mode: \"upgrade\",\n *       onChoosePlan: () => navigate(\"/settings/subscription\"),\n *       dimensionLabels: { budgets: t(\"billing.dim_budgets\") },\n *     });\n *     catch (err) { const hit = isPlanLimit(err); if (hit) showLimit(hit); }\n *\n * One toast per dimension: its id is `plan-limit:<dimension>`, so a repeat replaces it\n * in place instead of stacking a second (keksdose's own hook stacked). Called with no\n * hit, it says the words without a figure, under `plan-limit`. No `limit` in the\n * refusal, no figure line; keksdose's legacy `plan_budget_limit` reads as `budgets`\n * (`isPlanLimit`, §12.16). Returns the toast's id.\n */\nexport function usePlanLimitToast(options: PlanLimitToastOptions): (hit?: PlanLimitRefusal) => ToastId {\n  const { mode, onChoosePlan, email, dimensionLabels, formatValue, labels: labelsProp } = options;\n  const labels = useBillingLabels(labelsProp);\n  const locale = useKitLocale();\n  return useCallback(\n    (hit?: PlanLimitRefusal) => {\n      const dimension = hit?.dimension ?? \"\";\n      const name = dimensionLabels?.[dimension] ?? dimension;\n      const figure = (value: number) =>\n        formatValue ? formatValue(dimension, value) : formatNumber(value, { locale });\n      // A body without `used` was refused for being AT the limit (PlanLimitNotice's rule).\n      const usage =\n        hit?.limit !== undefined\n          ? labels.limitUsageLine(name, figure(hit.used ?? hit.limit), figure(hit.limit))\n          : undefined;\n      const action: ToastAction | undefined =\n        mode === \"upgrade\"\n          ? onChoosePlan && { label: labels.choosePlan, onClick: () => onChoosePlan() }\n          : email\n            ? {\n                label: labels.askForMore,\n                // A mailto: hands the address to the reader's mail client; the page stays.\n                onClick: () => documentNavigation.replace(planLimitMailto(email, labels.contactSubject(name))),\n              }\n            : undefined;\n      return toast.warning(labels.limitReached, {\n        id: dimension ? `plan-limit:${dimension}` : \"plan-limit\",\n        description: (\n          <span data-plan-limit-mode={mode} data-dimension={dimension || undefined}>\n            <span className=\"block\">{mode === \"upgrade\" ? labels.limitUpgrade : labels.limitContact}</span>\n            {usage !== undefined && <span className=\"block tabular-nums\">{usage}</span>}\n          </span>\n        ),\n        action,\n      });\n    },\n    [mode, onChoosePlan, email, dimensionLabels, formatValue, labels, locale],\n  );\n}\n"],"mappings":";AAgFU,SACE,KADF;AAhFV,SAAS,mBAAmB;AAE5B,SAAS,oBAAoB;AAE7B,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AAEtB,SAAS,wBAAwB;AAGjC,SAAS,uBAAuB;AAyCzB,SAAS,kBAAkB,SAAqE;AACrG,QAAM,EAAE,MAAM,cAAc,OAAO,iBAAiB,aAAa,QAAQ,WAAW,IAAI;AACxF,QAAM,SAAS,iBAAiB,UAAU;AAC1C,QAAM,SAAS,aAAa;AAC5B,SAAO;AAAA,IACL,CAAC,QAA2B;AAC1B,YAAM,YAAY,KAAK,aAAa;AACpC,YAAM,OAAO,kBAAkB,SAAS,KAAK;AAC7C,YAAM,SAAS,CAAC,UACd,cAAc,YAAY,WAAW,KAAK,IAAI,aAAa,OAAO,EAAE,OAAO,CAAC;AAE9E,YAAM,QACJ,KAAK,UAAU,SACX,OAAO,eAAe,MAAM,OAAO,IAAI,QAAQ,IAAI,KAAK,GAAG,OAAO,IAAI,KAAK,CAAC,IAC5E;AACN,YAAM,SACJ,SAAS,YACL,gBAAgB,EAAE,OAAO,OAAO,YAAY,SAAS,MAAM,aAAa,EAAE,IAC1E,QACE;AAAA,QACE,OAAO,OAAO;AAAA;AAAA,QAEd,SAAS,MAAM,mBAAmB,QAAQ,gBAAgB,OAAO,OAAO,eAAe,IAAI,CAAC,CAAC;AAAA,MAC/F,IACA;AACR,aAAO,MAAM,QAAQ,OAAO,cAAc;AAAA,QACxC,IAAI,YAAY,cAAc,SAAS,KAAK;AAAA,QAC5C,aACE,qBAAC,UAAK,wBAAsB,MAAM,kBAAgB,aAAa,QAC7D;AAAA,8BAAC,UAAK,WAAU,SAAS,mBAAS,YAAY,OAAO,eAAe,OAAO,cAAa;AAAA,UACvF,UAAU,UAAa,oBAAC,UAAK,WAAU,sBAAsB,iBAAM;AAAA,WACtE;AAAA,QAEF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,MAAM,cAAc,OAAO,iBAAiB,aAAa,QAAQ,MAAM;AAAA,EAC1E;AACF;","names":[]}

package/dist/billing/subscription-actions.d.ts

@@ -1,19 +1,25 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef } from 'react';
-import { e4 as LabelOverride, bH as BillingLabels } from '../delete-account-setting-Dy4kJgUm.js';
+import { e5 as LabelOverride, bH as BillingLabels } from '../delete-account-setting-DiPX4Vue.js';
+import { PortalTarget } from './billing-overview.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
-import '../data-table-labels-kpAAVi6g.js';
+import '../data-table-labels-BJ5JE_X2.js';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
+import '../components/status-dot.js';
+import '../components/progress-bar.js';
+import '../components/signed-amount.js';
+import '../components/stat-tile.js';
+import '../components/chip.js';
+import 'lucide-react';
+import '../components/field-parts.js';
+import '../components/write-lock.js';
 import '../components/mini-calendar.js';
 import '../components/calendar-heatmap.js';
 import '../components/popover.js';
 import '../hooks/use-breakpoint.js';
-import '../components/chip.js';
-import 'lucide-react';
-import '../components/field-parts.js';
 import '../components/field-sync.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
@@ -25,7 +31,6 @@ import '../components/page-contents.js';
 import '../components/series-chart-labels.js';
 import '../components/pie-chart-labels.js';
 import '../components/sparkline.js';
-import '../components/stat-tile.js';
 import '../components/signature-pad.js';
 import '../components/password-strength.js';
 import '../components/swatch-picker.js';
@@ -37,9 +42,6 @@ import '../hooks/use-search-param-state.js';
 import '../components/measured-grid.js';
 import '../components/user-avatar.js';
 import '../lib/person-name.js';
-import '../components/status-dot.js';
-import '../components/progress-bar.js';
-import '../components/signed-amount.js';
 import '../shell/topbar-action-menu.js';
 import '../components/menu-item.js';
 import '../components/floating-panel.js';
@@ -55,7 +57,6 @@ import '../components/error-boundary.js';
 import '../components/authed-image.js';
 import '../components/image-grid.js';
 import '../components/lightbox.js';
-import '../components/write-lock.js';
 import '../auth/sign-in-form.js';
 import '../landing/access.js';
 import '../landing/landing-labels.js';
@@ -99,18 +100,36 @@ import '../components/column-mapper.js';
 import '../lib/column-mapping.js';
 import '../lib/table-text.js';
 import '../components/focus-ring.js';
+import './plan-price.js';
 
 interface SubscriptionActionsProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
     /** "Payment and invoices", as a link — or {@link onManage}. Without either, none. */
     manageHref?: string;
-    /** "Payment and invoices", as the app's call: `POST /billing/portal`, then off to its
-     *  `url` (§4). The kit sends no request. */
+    /** "Payment and invoices", as the app's call: `POST /billing/portal` with
+     *  `{target: "overview"}`, then off to its `url` (§4, §14.5). The kit sends no
+     *  request. */
     onManage?: () => void;
     /** "Cancel subscription", as a link — or {@link onCancel}. Without either, none. */
     cancelHref?: string;
-    /** "Cancel subscription", as the app's call — usually the portal again, where the
-     *  provider's cancel and withdrawal functions are (§12.26). */
+    /** "Cancel subscription", as the app's call: the portal again, with `{target:
+     *  "cancel"}` — its cancel link, where the provider's cancel and withdrawal functions
+     *  are (§12.26, §14.5). Not the overview. */
     onCancel?: () => void;
+    /**
+     * Both, as one call that says where to ({@link PortalTarget}, the body of
+     * `POST /billing/portal`): `"overview"` for "Payment and invoices",
+     * `"cancel"` for "Cancel subscription" — so the target can't be mixed up (kastlan's
+     * cancel opened the overview). {@link onManage} and {@link onCancel} win over it.
+     */
+    onPortal?: (target: PortalTarget) => void;
+    /**
+     * The overview's `at_provider` (§14.5): whether the payer has reached the provider.
+     * `false`: no customer there yet, so nothing to open — a caption (`notAtProvider`)
+     * stands in place of both actions. `true`: both show, WHATEVER the status or source —
+     * a payer who bought under a grant keeps the way to the invoices and to "Cancel"
+     * (§12.26). Default true (0.32's behaviour).
+     */
+    atProvider?: boolean;
     /** Which of the two is under way: its spinner, no second press. */
     pending?: "manage" | "cancel" | null;
     /** Prop > `<UiKitProvider labels={{ billing }}>` > English. */
@@ -127,7 +146,11 @@ interface SubscriptionActionsProps extends Omit<ComponentPropsWithoutRef<"div">,
  *
  * Neither takes the write lock: a read-only payer must be able to pay, leave or cancel
  * (§3.3).
+ *
+ * Before the payer has reached the provider (`atProvider={false}`, a trial without a
+ * card, a beta) there is no portal to open: the part says so in a caption instead of
+ * offering two buttons that could only end in `409 billing_not_at_provider`.
  */
-declare function SubscriptionActions({ manageHref, onManage, cancelHref, onCancel, pending, labels: labelsProp, className, ...rest }: SubscriptionActionsProps): react.JSX.Element | null;
+declare function SubscriptionActions({ manageHref, onManage, cancelHref, onCancel, onPortal, atProvider, pending, labels: labelsProp, className, ...rest }: SubscriptionActionsProps): react.JSX.Element | null;
 
 export { SubscriptionActions, type SubscriptionActionsProps };

package/dist/billing/subscription-actions.js

@@ -8,14 +8,21 @@ function SubscriptionActions({
   onManage,
   cancelHref,
   onCancel,
+  onPortal,
+  atProvider = true,
   pending,
   labels: labelsProp,
   className,
   ...rest
 }) {
   const labels = useBillingLabels(labelsProp);
-  const manage = manageHref !== void 0 ? /* @__PURE__ */ jsx(Button, { href: manageHref, variant: "secondary", children: labels.manage }) : onManage !== void 0 ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", onClick: onManage, pending: pending === "manage", children: labels.manage }) : null;
-  const cancel = cancelHref !== void 0 ? /* @__PURE__ */ jsx(Button, { href: cancelHref, variant: "link", tone: "danger", children: labels.cancel }) : onCancel !== void 0 ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "link", tone: "danger", onClick: onCancel, pending: pending === "cancel", children: labels.cancel }) : null;
+  if (!atProvider) {
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-at-provider": "false", className: cn("text-sm text-[var(--text-muted)]", className), children: /* @__PURE__ */ jsx("p", { children: labels.notAtProvider }) });
+  }
+  const manageCall = onManage ?? (onPortal ? () => onPortal("overview") : void 0);
+  const cancelCall = onCancel ?? (onPortal ? () => onPortal("cancel") : void 0);
+  const manage = manageHref !== void 0 ? /* @__PURE__ */ jsx(Button, { href: manageHref, variant: "secondary", children: labels.manage }) : manageCall !== void 0 ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", onClick: manageCall, pending: pending === "manage", children: labels.manage }) : null;
+  const cancel = cancelHref !== void 0 ? /* @__PURE__ */ jsx(Button, { href: cancelHref, variant: "link", tone: "danger", children: labels.cancel }) : cancelCall !== void 0 ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "link", tone: "danger", onClick: cancelCall, pending: pending === "cancel", children: labels.cancel }) : null;
   if (!manage && !cancel) return null;
   return /* @__PURE__ */ jsxs("div", { ...rest, className: cn("flex flex-wrap items-center gap-x-4 gap-y-2", className), children: [
     manage,

package/dist/billing/subscription-actions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/billing/subscription-actions.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\n\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { Button } from \"../components/ui\";\nimport { useBillingLabels } from \"./billing-labels\";\nimport type { BillingLabels } from \"./billing-labels\";\n\nexport interface SubscriptionActionsProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** \"Payment and invoices\", as a link — or {@link onManage}. Without either, none. */\n  manageHref?: string;\n  /** \"Payment and invoices\", as the app's call: `POST /billing/portal`, then off to its\n   *  `url` (§4). The kit sends no request. */\n  onManage?: () => void;\n  /** \"Cancel subscription\", as a link — or {@link onCancel}. Without either, none. */\n  cancelHref?: string;\n  /** \"Cancel subscription\", as the app's call — usually the portal again, where the\n   *  provider's cancel and withdrawal functions are (§12.26). */\n  onCancel?: () => void;\n  /** Which of the two is under way: its spinner, no second press. */\n  pending?: \"manage\" | \"cancel\" | null;\n  /** Prop > `<UiKitProvider labels={{ billing }}>` > English. */\n  labels?: LabelOverride<BillingLabels>;\n}\n\n/**\n * The two ways to the provider's hosted portal on the subscription page\n * (docs/billing-harmonization.md §2.8, §7, §12.26): \"Payment and invoices\" — the payment\n * method and the invoices live there, never in the app — and a VISIBLE \"Cancel\n * subscription\". Consumer law wants the second in plain sight: Germany's cancellation\n * button (§312k BGB) and the EU withdrawal function (Directive (EU) 2023/2673, from\n * 19 June 2026) are in the portal, and the app's page must not hide the way there behind\n * \"manage\".\n *\n * Neither takes the write lock: a read-only payer must be able to pay, leave or cancel\n * (§3.3).\n */\nexport function SubscriptionActions({\n  manageHref,\n  onManage,\n  cancelHref,\n  onCancel,\n  pending,\n  labels: labelsProp,\n  className,\n  ...rest\n}: SubscriptionActionsProps) {\n  const labels = useBillingLabels(labelsProp);\n  const manage =\n    manageHref !== undefined ? (\n      <Button href={manageHref} variant=\"secondary\">\n        {labels.manage}\n      </Button>\n    ) : onManage !== undefined ? (\n      <Button type=\"button\" variant=\"secondary\" onClick={onManage} pending={pending === \"manage\"}>\n        {labels.manage}\n      </Button>\n    ) : null;\n  const cancel =\n    cancelHref !== undefined ? (\n      <Button href={cancelHref} variant=\"link\" tone=\"danger\">\n        {labels.cancel}\n      </Button>\n    ) : onCancel !== undefined ? (\n      <Button type=\"button\" variant=\"link\" tone=\"danger\" onClick={onCancel} pending={pending === \"cancel\"}>\n        {labels.cancel}\n      </Button>\n    ) : null;\n  if (!manage && !cancel) return null;\n  return (\n    <div {...rest} className={cn(\"flex flex-wrap items-center gap-x-4 gap-y-2\", className)}>\n      {manage}\n      {cancel}\n    </div>\n  );\n}\n"],"mappings":";AAkDM,cAoBF,YApBE;AA/CN,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,wBAAwB;AAgC1B,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAA6B;AAC3B,QAAM,SAAS,iBAAiB,UAAU;AAC1C,QAAM,SACJ,eAAe,SACb,oBAAC,UAAO,MAAM,YAAY,SAAQ,aAC/B,iBAAO,QACV,IACE,aAAa,SACf,oBAAC,UAAO,MAAK,UAAS,SAAQ,aAAY,SAAS,UAAU,SAAS,YAAY,UAC/E,iBAAO,QACV,IACE;AACN,QAAM,SACJ,eAAe,SACb,oBAAC,UAAO,MAAM,YAAY,SAAQ,QAAO,MAAK,UAC3C,iBAAO,QACV,IACE,aAAa,SACf,oBAAC,UAAO,MAAK,UAAS,SAAQ,QAAO,MAAK,UAAS,SAAS,UAAU,SAAS,YAAY,UACxF,iBAAO,QACV,IACE;AACN,MAAI,CAAC,UAAU,CAAC,OAAQ,QAAO;AAC/B,SACE,qBAAC,SAAK,GAAG,MAAM,WAAW,GAAG,+CAA+C,SAAS,GAClF;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/billing/subscription-actions.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\n\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { Button } from \"../components/ui\";\nimport { useBillingLabels } from \"./billing-labels\";\nimport type { BillingLabels } from \"./billing-labels\";\nimport type { PortalTarget } from \"./billing-overview\";\n\nexport interface SubscriptionActionsProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** \"Payment and invoices\", as a link — or {@link onManage}. Without either, none. */\n  manageHref?: string;\n  /** \"Payment and invoices\", as the app's call: `POST /billing/portal` with\n   *  `{target: \"overview\"}`, then off to its `url` (§4, §14.5). The kit sends no\n   *  request. */\n  onManage?: () => void;\n  /** \"Cancel subscription\", as a link — or {@link onCancel}. Without either, none. */\n  cancelHref?: string;\n  /** \"Cancel subscription\", as the app's call: the portal again, with `{target:\n   *  \"cancel\"}` — its cancel link, where the provider's cancel and withdrawal functions\n   *  are (§12.26, §14.5). Not the overview. */\n  onCancel?: () => void;\n  /**\n   * Both, as one call that says where to ({@link PortalTarget}, the body of\n   * `POST /billing/portal`): `\"overview\"` for \"Payment and invoices\",\n   * `\"cancel\"` for \"Cancel subscription\" — so the target can't be mixed up (kastlan's\n   * cancel opened the overview). {@link onManage} and {@link onCancel} win over it.\n   */\n  onPortal?: (target: PortalTarget) => void;\n  /**\n   * The overview's `at_provider` (§14.5): whether the payer has reached the provider.\n   * `false`: no customer there yet, so nothing to open — a caption (`notAtProvider`)\n   * stands in place of both actions. `true`: both show, WHATEVER the status or source —\n   * a payer who bought under a grant keeps the way to the invoices and to \"Cancel\"\n   * (§12.26). Default true (0.32's behaviour).\n   */\n  atProvider?: boolean;\n  /** Which of the two is under way: its spinner, no second press. */\n  pending?: \"manage\" | \"cancel\" | null;\n  /** Prop > `<UiKitProvider labels={{ billing }}>` > English. */\n  labels?: LabelOverride<BillingLabels>;\n}\n\n/**\n * The two ways to the provider's hosted portal on the subscription page\n * (docs/billing-harmonization.md §2.8, §7, §12.26): \"Payment and invoices\" — the payment\n * method and the invoices live there, never in the app — and a VISIBLE \"Cancel\n * subscription\". Consumer law wants the second in plain sight: Germany's cancellation\n * button (§312k BGB) and the EU withdrawal function (Directive (EU) 2023/2673, from\n * 19 June 2026) are in the portal, and the app's page must not hide the way there behind\n * \"manage\".\n *\n * Neither takes the write lock: a read-only payer must be able to pay, leave or cancel\n * (§3.3).\n *\n * Before the payer has reached the provider (`atProvider={false}`, a trial without a\n * card, a beta) there is no portal to open: the part says so in a caption instead of\n * offering two buttons that could only end in `409 billing_not_at_provider`.\n */\nexport function SubscriptionActions({\n  manageHref,\n  onManage,\n  cancelHref,\n  onCancel,\n  onPortal,\n  atProvider = true,\n  pending,\n  labels: labelsProp,\n  className,\n  ...rest\n}: SubscriptionActionsProps) {\n  const labels = useBillingLabels(labelsProp);\n  if (!atProvider) {\n    return (\n      <div {...rest} data-at-provider=\"false\" className={cn(\"text-sm text-[var(--text-muted)]\", className)}>\n        <p>{labels.notAtProvider}</p>\n      </div>\n    );\n  }\n  const manageCall = onManage ?? (onPortal ? () => onPortal(\"overview\") : undefined);\n  const cancelCall = onCancel ?? (onPortal ? () => onPortal(\"cancel\") : undefined);\n  const manage =\n    manageHref !== undefined ? (\n      <Button href={manageHref} variant=\"secondary\">\n        {labels.manage}\n      </Button>\n    ) : manageCall !== undefined ? (\n      <Button type=\"button\" variant=\"secondary\" onClick={manageCall} pending={pending === \"manage\"}>\n        {labels.manage}\n      </Button>\n    ) : null;\n  const cancel =\n    cancelHref !== undefined ? (\n      <Button href={cancelHref} variant=\"link\" tone=\"danger\">\n        {labels.cancel}\n      </Button>\n    ) : cancelCall !== undefined ? (\n      <Button type=\"button\" variant=\"link\" tone=\"danger\" onClick={cancelCall} pending={pending === \"cancel\"}>\n        {labels.cancel}\n      </Button>\n    ) : null;\n  if (!manage && !cancel) return null;\n  return (\n    <div {...rest} className={cn(\"flex flex-wrap items-center gap-x-4 gap-y-2\", className)}>\n      {manage}\n      {cancel}\n    </div>\n  );\n}\n"],"mappings":";AA2EQ,cA4BJ,YA5BI;AAxER,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,wBAAwB;AAsD1B,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAA6B;AAC3B,QAAM,SAAS,iBAAiB,UAAU;AAC1C,MAAI,CAAC,YAAY;AACf,WACE,oBAAC,SAAK,GAAG,MAAM,oBAAiB,SAAQ,WAAW,GAAG,oCAAoC,SAAS,GACjG,8BAAC,OAAG,iBAAO,eAAc,GAC3B;AAAA,EAEJ;AACA,QAAM,aAAa,aAAa,WAAW,MAAM,SAAS,UAAU,IAAI;AACxE,QAAM,aAAa,aAAa,WAAW,MAAM,SAAS,QAAQ,IAAI;AACtE,QAAM,SACJ,eAAe,SACb,oBAAC,UAAO,MAAM,YAAY,SAAQ,aAC/B,iBAAO,QACV,IACE,eAAe,SACjB,oBAAC,UAAO,MAAK,UAAS,SAAQ,aAAY,SAAS,YAAY,SAAS,YAAY,UACjF,iBAAO,QACV,IACE;AACN,QAAM,SACJ,eAAe,SACb,oBAAC,UAAO,MAAM,YAAY,SAAQ,QAAO,MAAK,UAC3C,iBAAO,QACV,IACE,eAAe,SACjB,oBAAC,UAAO,MAAK,UAAS,SAAQ,QAAO,MAAK,UAAS,SAAS,YAAY,SAAS,YAAY,UAC1F,iBAAO,QACV,IACE;AACN,MAAI,CAAC,UAAU,CAAC,OAAQ,QAAO;AAC/B,SACE,qBAAC,SAAK,GAAG,MAAM,WAAW,GAAG,+CAA+C,SAAS,GAClF;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;","names":[]}

package/dist/billing/subscription-status-chip.d.ts

@@ -1,13 +1,20 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { fb as SubscriptionStatus, e4 as LabelOverride, bH as BillingLabels } from '../delete-account-setting-Dy4kJgUm.js';
+import { fn as SubscriptionStatus, e5 as LabelOverride, bH as BillingLabels } from '../delete-account-setting-DiPX4Vue.js';
 import { ChipTone, ChipSize, ChipVariant, ChipShape } from '../components/chip.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
-import '../data-table-labels-kpAAVi6g.js';
+import '../data-table-labels-BJ5JE_X2.js';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
+import '../components/status-dot.js';
+import '../components/progress-bar.js';
+import '../components/signed-amount.js';
+import '../components/stat-tile.js';
+import 'lucide-react';
+import '../components/field-parts.js';
+import '../components/write-lock.js';
 import '../components/mini-calendar.js';
 import '../components/calendar-heatmap.js';
 import '../components/popover.js';
@@ -23,7 +30,6 @@ import '../components/page-contents.js';
 import '../components/series-chart-labels.js';
 import '../components/pie-chart-labels.js';
 import '../components/sparkline.js';
-import '../components/stat-tile.js';
 import '../components/signature-pad.js';
 import '../components/password-strength.js';
 import '../components/swatch-picker.js';
@@ -33,13 +39,8 @@ import '../components/dialog-frame.js';
 import '../components/modal.js';
 import '../hooks/use-search-param-state.js';
 import '../components/measured-grid.js';
-import 'lucide-react';
 import '../components/user-avatar.js';
 import '../lib/person-name.js';
-import '../components/status-dot.js';
-import '../components/progress-bar.js';
-import '../components/signed-amount.js';
-import '../components/field-parts.js';
 import '../shell/topbar-action-menu.js';
 import '../components/menu-item.js';
 import '../components/floating-panel.js';
@@ -55,7 +56,6 @@ import '../components/error-boundary.js';
 import '../components/authed-image.js';
 import '../components/image-grid.js';
 import '../components/lightbox.js';
-import '../components/write-lock.js';
 import '../auth/sign-in-form.js';
 import '../landing/access.js';
 import '../landing/landing-labels.js';

package/dist/bin/eifi1-pay-page.mjs

@@ -0,0 +1,166 @@
+#!/usr/bin/env node
+
+// pay-page/bin.ts
+import process from "process";
+import { fileURLToPath } from "url";
+
+// pay-page/cli.ts
+import { copyFileSync, existsSync, mkdirSync, writeFileSync } from "fs";
+import { dirname, join } from "path";
+import { parseArgs } from "util";
+
+// src/billing/pay-page.ts
+var PAY_CONFIG_FILE = "pay-config.json";
+var TOKEN_PREFIX = { sandbox: "test_", live: "live_" };
+function isPageUrl(value) {
+  if (typeof value !== "string") return false;
+  let url;
+  try {
+    url = new URL(value);
+  } catch {
+    return false;
+  }
+  if (url.protocol === "https:") return true;
+  return url.protocol === "http:" && ["localhost", "127.0.0.1", "[::1]"].includes(url.hostname);
+}
+function payPageConfigProblems(config) {
+  if (typeof config !== "object" || config === null) return ["the configuration is not an object"];
+  const c = config;
+  const problems = [];
+  const { token, environment } = c;
+  if (environment !== null && environment !== void 0 && environment !== "sandbox" && environment !== "live") {
+    problems.push(`environment must be "sandbox" or "live", not ${JSON.stringify(environment)}`);
+  }
+  if (token !== null && token !== void 0) {
+    if (typeof token !== "string" || token === "") {
+      problems.push("token must be Paddle's client-side token, or null while billing is off");
+    } else if (environment !== "sandbox" && environment !== "live") {
+      problems.push("a token needs its environment: sandbox or live");
+    } else if (!token.startsWith(TOKEN_PREFIX[environment]) || token.length === TOKEN_PREFIX[environment].length) {
+      const other = environment === "sandbox" ? "live" : "sandbox";
+      problems.push(
+        token.startsWith(TOKEN_PREFIX[other]) ? `the token is a ${other} token (${TOKEN_PREFIX[other]}\u2026), but the environment is ${environment}` : `a ${environment} token starts with ${TOKEN_PREFIX[environment]}`
+      );
+    }
+  }
+  for (const key of ["returnUrl", "termsUrl", "privacyUrl"]) {
+    if (!isPageUrl(c[key])) problems.push(`${key} must be an https:// URL (http:// for localhost only)`);
+  }
+  if (typeof c.appName !== "string" || c.appName.trim() === "") problems.push("appName is missing");
+  return problems;
+}
+
+// pay-page/cli.ts
+var PAY_PAGE_FILES = [
+  "index.html",
+  "pay.js",
+  "pay.css",
+  ".well-known/apple-developer-merchantid-domain-association"
+];
+var PayPageError = class extends Error {
+  problems;
+  constructor(problems) {
+    super(`eifi1-pay-page: ${problems.join("; ")}`);
+    this.name = "PayPageError";
+    this.problems = problems;
+  }
+};
+var given = (value) => {
+  const trimmed = (value ?? "").trim();
+  return trimmed === "" ? null : trimmed;
+};
+function payPageConfig(options) {
+  const config = {
+    token: given(options.token),
+    environment: given(options.environment),
+    returnUrl: (options.returnUrl ?? "").trim(),
+    appName: (options.appName ?? "").trim(),
+    termsUrl: (options.termsUrl ?? "").trim(),
+    privacyUrl: (options.privacyUrl ?? "").trim()
+  };
+  return { config, problems: payPageConfigProblems(config) };
+}
+function writePayPage(options, bundleDir) {
+  const { config, problems } = payPageConfig(options);
+  const out = (options.out ?? "").trim();
+  if (out === "") problems.unshift("--out is missing: the directory to write the page into");
+  const missing = PAY_PAGE_FILES.filter((file) => !existsSync(join(bundleDir, file)));
+  if (missing.length > 0) {
+    problems.push(`the kit's pay page is incomplete in ${bundleDir} (missing ${missing.join(", ")})`);
+  }
+  if (problems.length > 0) throw new PayPageError(problems);
+  for (const file of PAY_PAGE_FILES) {
+    const target = join(out, file);
+    mkdirSync(dirname(target), { recursive: true });
+    copyFileSync(join(bundleDir, file), target);
+  }
+  writeFileSync(join(out, PAY_CONFIG_FILE), `${JSON.stringify(config, null, 2)}
+`);
+  return config;
+}
+var USAGE = `Usage: eifi1-pay-page --out <dir> [--token <test_\u2026|live_\u2026> --environment <sandbox|live>]
+       --return-url <https://\u2026> --app-name <name> --terms-url <https://\u2026> --privacy-url <https://\u2026>
+
+Copies @eifi1/ui-kit's pay page into <dir> and writes its ${PAY_CONFIG_FILE}.
+Without a token (billing off) the page says there is nothing to pay.`;
+function runPayPageCli(argv, io) {
+  let values;
+  try {
+    ({ values } = parseArgs({
+      args: [...argv],
+      strict: true,
+      allowPositionals: false,
+      options: {
+        out: { type: "string" },
+        token: { type: "string" },
+        environment: { type: "string" },
+        "return-url": { type: "string" },
+        "app-name": { type: "string" },
+        "terms-url": { type: "string" },
+        "privacy-url": { type: "string" },
+        help: { type: "boolean", short: "h" }
+      }
+    }));
+  } catch (err) {
+    io.error(`eifi1-pay-page: ${err.message}
+
+${USAGE}`);
+    return 2;
+  }
+  if (values.help) {
+    io.log(USAGE);
+    return 0;
+  }
+  const text = (key) => typeof values[key] === "string" ? values[key] : "";
+  try {
+    const config = writePayPage(
+      {
+        out: text("out"),
+        token: text("token"),
+        environment: text("environment"),
+        returnUrl: text("return-url"),
+        appName: text("app-name"),
+        termsUrl: text("terms-url"),
+        privacyUrl: text("privacy-url")
+      },
+      io.bundleDir
+    );
+    io.log(
+      `eifi1-pay-page: wrote the pay page to ${text("out").trim()} ` + (config.token ? `(${config.environment})` : "(no token: billing off, the page says there is nothing to pay)")
+    );
+    return 0;
+  } catch (err) {
+    if (err instanceof PayPageError) {
+      io.error(["eifi1-pay-page: refused \u2014", ...err.problems.map((p) => `  - ${p}`)].join("\n"));
+      return 1;
+    }
+    throw err;
+  }
+}
+
+// pay-page/bin.ts
+process.exitCode = runPayPageCli(process.argv.slice(2), {
+  bundleDir: fileURLToPath(new URL("../pay/", import.meta.url)),
+  log: (message) => console.log(message),
+  error: (message) => console.error(message)
+});

package/dist/chart.d.ts

@@ -14,20 +14,25 @@ export { TimeTickUnit } from './components/series-chart-ticks.js';
 import 'recharts';
 import 'react';
 import './lib/direction.js';
-import './delete-account-setting-Dy4kJgUm.js';
+import './delete-account-setting-DiPX4Vue.js';
 import './components/tooltip.js';
 import './hooks/use-anchored-rect.js';
 import './lib/clipping.js';
-import './data-table-labels-kpAAVi6g.js';
+import './data-table-labels-BJ5JE_X2.js';
 import './components/data-table-sort.js';
 import './components/swipeable-row.js';
+import './components/status-dot.js';
+import './components/progress-bar.js';
+import './components/signed-amount.js';
+import './components/stat-tile.js';
+import './components/chip.js';
+import 'lucide-react';
+import './components/field-parts.js';
+import './components/write-lock.js';
 import './components/mini-calendar.js';
 import './components/calendar-heatmap.js';
 import './components/popover.js';
 import './hooks/use-breakpoint.js';
-import './components/chip.js';
-import 'lucide-react';
-import './components/field-parts.js';
 import './components/field-sync.js';
 import './wizard/types.js';
 import './tour/tour.js';
@@ -37,7 +42,6 @@ import './search/search-index.js';
 import './components/month-picker.js';
 import './components/page-contents.js';
 import './components/sparkline.js';
-import './components/stat-tile.js';
 import './components/signature-pad.js';
 import './components/password-strength.js';
 import './components/swatch-picker.js';
@@ -49,9 +53,6 @@ import './hooks/use-search-param-state.js';
 import './components/measured-grid.js';
 import './components/user-avatar.js';
 import './lib/person-name.js';
-import './components/status-dot.js';
-import './components/progress-bar.js';
-import './components/signed-amount.js';
 import './shell/topbar-action-menu.js';
 import './components/menu-item.js';
 import './components/floating-panel.js';
@@ -67,7 +68,6 @@ import './components/error-boundary.js';
 import './components/authed-image.js';
 import './components/image-grid.js';
 import './components/lightbox.js';
-import './components/write-lock.js';
 import './auth/sign-in-form.js';
 import './landing/access.js';
 import './landing/landing-labels.js';

package/dist/components/account-chips.d.ts

@@ -3,13 +3,18 @@ import { ReactElement, ReactNode } from 'react';
 import { LucideIcon } from 'lucide-react';
 import { DateInput, FormatDateStyle, FormatRelativeTimeOptions } from '../lib/format.js';
 import { ChipTone, ChipSize, ChipVariant, ChipShape } from './chip.js';
-import { d as DataTableColumn } from '../data-table-labels-kpAAVi6g.js';
+import { d as DataTableColumn } from '../data-table-labels-BJ5JE_X2.js';
 import './field-parts.js';
 import './tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
+import './write-lock.js';
 import './data-table-sort.js';
 import './swipeable-row.js';
+import './status-dot.js';
+import './progress-bar.js';
+import './signed-amount.js';
+import './stat-tile.js';
 
 /**
  * The parts an admin roster repeats (0.18.0) — and only those.

package/dist/components/account-settings.d.ts

@@ -79,7 +79,10 @@ type ProfileSettingProps = ProfileSettingDisplayNameProps | ProfileSettingNamesP
  *
  * The two-field form owns its drafts, starting from the saved names and following them
  * when they change; Save waits for a change, holds — saying why — while a name is
- * blank, and is a `commit` (a {@link WriteLockProvider} locks it, keksdose's demo).
+ * blank, and is a `commit` (a {@link WriteLockProvider} locks it, keksdose's demo) —
+ * every lock but a lapsed plan's (`COMMIT_EXCEPT_BILLING`, 0.33): a profile is the
+ * account's own settings, which billing never locks (docs/billing-harmonization.md §3.3,
+ * §12.36).
  */
 declare function ProfileSetting(props: ProfileSettingProps): react.JSX.Element;
 /**

package/dist/components/account-settings.js

@@ -17,6 +17,7 @@ import { useKitLabelOverrides, useKitLabels } from "../i18n/kit-labels.js";
 import { Chip } from "./chip.js";
 import { useAccountSettingsLabels } from "./account-settings-labels.js";
 import { SettingsCardTitle } from "../settings/settings-heading.js";
+import { COMMIT_EXCEPT_BILLING } from "./write-lock.js";
 import { DEFAULT_ACCOUNT_SETTINGS_LABELS } from "./account-settings-labels.js";
 function ProfileSetting(props) {
   const { name, email, role, memberSince, labels: labelsProp, id } = props;
@@ -154,7 +155,7 @@ function PersonNameFields({
       Button,
       {
         type: "submit",
-        commit: true,
+        commit: COMMIT_EXCEPT_BILLING,
         pending: busy,
         disabled: valid && !dirty,
         disabledReason: valid ? void 0 : labels.nameRequired,