@withpotter/pages-admin 0.13.0-next.124 → 0.13.0-next.58

package/dist/admin/payout-tiers/tiers-table.js

@@ -14,7 +14,6 @@ import {
   dangerRowBtn
 } from "../_ui";
 import { TierDialog } from "./_tier-dialog";
-import { requirementLabel } from "./requirement-labels";
 import { TIERS_KEY, useTiers } from "./use-tiers";
 const TAG = {
   padding: "2px 8px",
@@ -49,49 +48,27 @@ function TiersTable({
     remove.reset();
   }
   const columns = [
+    { key: "label", header: "Tier", render: (t) => `${t.label} (${t.key})` },
+    { key: "currency", header: "Currency", render: (t) => t.currency },
+    { key: "position", header: "Position", render: (t) => t.position },
     {
-      key: "label",
-      header: "Level",
-      render: (t) => /* @__PURE__ */ jsxs("span", { children: [
-        /* @__PURE__ */ jsx("span", { style: { fontWeight: 500 }, children: t.label }),
-        !t.enabled && /* @__PURE__ */ jsx("span", { style: { ...TAG, marginLeft: 8 }, children: "Disabled" }),
-        /* @__PURE__ */ jsxs(
-          "span",
-          {
-            style: {
-              display: "block",
-              fontSize: 12,
-              color: "var(--text-tertiary)",
-              fontFamily: "var(--font-mono, monospace)"
-            },
-            children: [
-              t.currency,
-              " \xB7 priority ",
-              t.position
-            ]
-          }
-        )
-      ] })
+      key: "limits",
+      header: "Per transfer \xB7 daily \xB7 monthly",
+      render: (t) => [
+        `${formatMinor(t.minimumMinor, t.currency)}\u2013${formatMinor(t.maximumMinor, t.currency)}`,
+        formatMinor(t.dailyMaximumMinor, t.currency),
+        t.monthlyMaximumMinor ? formatMinor(t.monthlyMaximumMinor, t.currency) : "no cap"
+      ].join(" \xB7 ")
     },
     {
       key: "requirements",
-      header: "Must complete",
-      render: (t) => t.requirements.length === 0 ? "\u2013" : /* @__PURE__ */ jsx("span", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: t.requirements.map((r) => /* @__PURE__ */ jsx("span", { style: TAG, children: requirementLabel(r) }, r)) })
-    },
-    {
-      key: "transfer",
-      header: "Per transfer",
-      render: (t) => `${formatMinor(t.minimumMinor, t.currency)} to ${formatMinor(t.maximumMinor, t.currency)}`
-    },
-    {
-      key: "daily",
-      header: "Per day",
-      render: (t) => formatMinor(t.dailyMaximumMinor, t.currency)
+      header: "Requires",
+      render: (t) => t.requirements.length === 0 ? "Nothing" : /* @__PURE__ */ jsx("span", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: t.requirements.map((r) => /* @__PURE__ */ jsx("span", { style: TAG, children: r }, r)) })
     },
     {
-      key: "monthly",
-      header: "Per month",
-      render: (t) => t.monthlyMaximumMinor ? formatMinor(t.monthlyMaximumMinor, t.currency) : "No cap"
+      key: "enabled",
+      header: "Status",
+      render: (t) => t.enabled ? "Enabled" : "Disabled"
     },
     {
       key: "actions",
@@ -128,8 +105,8 @@ function TiersTable({
         getRowKey: (t) => t.id,
         isLoading,
         isError,
-        emptyTitle: currency && data?.length ? `No ${currency} levels` : "No levels yet",
-        emptyDescription: `Until you add one, every merchant has to verify their identity before they can send money out${currency ? ` in ${currency}` : ""}.`
+        emptyTitle: currency && data?.length ? `No ${currency} tiers` : "No tiers yet",
+        emptyDescription: `With no tier, every business resolves to verification required${currency ? ` in ${currency}` : ""}.`
       }
     ),
     editing && /* @__PURE__ */ jsx(

package/dist/admin/payout-tiers/tiers-table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/payout-tiers/tiers-table.tsx"],"sourcesContent":["'use client';\n\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport { Banner } from '@withpotter/ui-kit/banner';\nimport { useConfirm } from '@withpotter/ui-kit/confirm-dialog';\nimport { formatMinor } from '@withpotter/lib/money-minor';\nimport {\n  adminMoneyApi,\n  type PayoutTier,\n  type PayoutTierInput,\n} from '@withpotter/lib/admin-money-api';\nimport {\n  DataTable,\n  byCurrency,\n  rowBtn,\n  dangerRowBtn,\n  type Column,\n} from '../_ui';\nimport { TierDialog } from './_tier-dialog';\nimport { requirementLabel } from './requirement-labels';\nimport { TIERS_KEY, useTiers } from './use-tiers';\n\nconst TAG = {\n  padding: '2px 8px',\n  borderRadius: 999,\n  border: '1px solid var(--border-default)',\n  fontSize: 12,\n  color: 'var(--text-secondary)',\n} as const;\n\ntype Editing = PayoutTier | 'new' | null;\n\n/** The tiers, with edit and remove on each row and the tier dialog. */\nexport function TiersTable({\n  editing,\n  onEdit,\n  currency = '',\n}: {\n  editing: Editing;\n  onEdit: (next: Editing) => void;\n  /** The currency filter's choice; '' lists every currency. */\n  currency?: string;\n}) {\n  const qc = useQueryClient();\n  const confirm = useConfirm();\n  const { data, isLoading, isError } = useTiers();\n\n  const refresh = () => qc.invalidateQueries({ queryKey: TIERS_KEY });\n  const save = useMutation({\n    mutationFn: (body: PayoutTierInput) =>\n      editing && editing !== 'new'\n        ? adminMoneyApi.updateTier(editing.id, body)\n        : adminMoneyApi.createTier(body),\n    onSuccess: () => {\n      close();\n      refresh();\n    },\n  });\n  const remove = useMutation({\n    mutationFn: (id: string) => adminMoneyApi.removeTier(id),\n    onSuccess: refresh,\n  });\n  // Closing the dialog clears both errors, as opening a fresh one should.\n  function close() {\n    onEdit(null);\n    save.reset();\n    remove.reset();\n  }\n\n  const columns: Column<PayoutTier>[] = [\n    {\n      key: 'label',\n      header: 'Level',\n      render: (t) => (\n        <span>\n          <span style={{ fontWeight: 500 }}>{t.label}</span>\n          {!t.enabled && (\n            <span style={{ ...TAG, marginLeft: 8 }}>Disabled</span>\n          )}\n          <span\n            style={{\n              display: 'block',\n              fontSize: 12,\n              color: 'var(--text-tertiary)',\n              fontFamily: 'var(--font-mono, monospace)',\n            }}\n          >\n            {t.currency} · priority {t.position}\n          </span>\n        </span>\n      ),\n    },\n    {\n      key: 'requirements',\n      header: 'Must complete',\n      render: (t) =>\n        t.requirements.length === 0 ? (\n          '–'\n        ) : (\n          <span style={{ display: 'flex', flexWrap: 'wrap', gap: 4 }}>\n            {t.requirements.map((r) => (\n              <span key={r} style={TAG}>\n                {requirementLabel(r)}\n              </span>\n            ))}\n          </span>\n        ),\n    },\n    {\n      key: 'transfer',\n      header: 'Per transfer',\n      render: (t) =>\n        `${formatMinor(t.minimumMinor, t.currency)} to ${formatMinor(t.maximumMinor, t.currency)}`,\n    },\n    {\n      key: 'daily',\n      header: 'Per day',\n      render: (t) => formatMinor(t.dailyMaximumMinor, t.currency),\n    },\n    {\n      key: 'monthly',\n      header: 'Per month',\n      render: (t) =>\n        t.monthlyMaximumMinor\n          ? formatMinor(t.monthlyMaximumMinor, t.currency)\n          : 'No cap',\n    },\n    {\n      key: 'actions',\n      header: '',\n      render: (t) => (\n        <span style={{ display: 'flex', gap: 6 }}>\n          <button type=\"button\" style={rowBtn} onClick={() => onEdit(t)}>\n            Edit\n          </button>\n          <button\n            type=\"button\"\n            style={dangerRowBtn}\n            onClick={async () => {\n              const ok = await confirm({\n                title: `Remove ${t.label}?`,\n                description:\n                  'Businesses on this tier fall back to the next tier they qualify for.',\n                confirmLabel: 'Remove',\n                tone: 'danger',\n              });\n              if (ok) remove.mutate(t.id);\n            }}\n          >\n            Remove\n          </button>\n        </span>\n      ),\n    },\n  ];\n\n  return (\n    <>\n      {remove.error && !editing && (\n        <Banner tone=\"error\">{remove.error.message}</Banner>\n      )}\n      <DataTable\n        columns={columns}\n        rows={data && byCurrency(data, currency, (t) => t.currency)}\n        getRowKey={(t) => t.id}\n        isLoading={isLoading}\n        isError={isError}\n        emptyTitle={\n          currency && data?.length ? `No ${currency} levels` : 'No levels yet'\n        }\n        emptyDescription={`Until you add one, every merchant has to verify their identity before they can send money out${currency ? ` in ${currency}` : ''}.`}\n      />\n      {editing && (\n        <TierDialog\n          tier={editing === 'new' ? null : editing}\n          saving={save.isPending}\n          error={save.error?.message ?? null}\n          onSave={(b) => save.mutate(b)}\n          onClose={close}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/payout-tiers/tiers-table.tsx"],"sourcesContent":["'use client';\n\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport { Banner } from '@withpotter/ui-kit/banner';\nimport { useConfirm } from '@withpotter/ui-kit/confirm-dialog';\nimport { formatMinor } from '@withpotter/lib/money-minor';\nimport {\n  adminMoneyApi,\n  type PayoutTier,\n  type PayoutTierInput,\n} from '@withpotter/lib/admin-money-api';\nimport {\n  DataTable,\n  byCurrency,\n  rowBtn,\n  dangerRowBtn,\n  type Column,\n} from '../_ui';\nimport { TierDialog } from './_tier-dialog';\nimport { TIERS_KEY, useTiers } from './use-tiers';\n\nconst TAG = {\n  padding: '2px 8px',\n  borderRadius: 999,\n  border: '1px solid var(--border-default)',\n  fontSize: 12,\n  color: 'var(--text-secondary)',\n} as const;\n\ntype Editing = PayoutTier | 'new' | null;\n\n/** The tiers, with edit and remove on each row and the tier dialog. */\nexport function TiersTable({\n  editing,\n  onEdit,\n  currency = '',\n}: {\n  editing: Editing;\n  onEdit: (next: Editing) => void;\n  /** The currency filter's choice; '' lists every currency. */\n  currency?: string;\n}) {\n  const qc = useQueryClient();\n  const confirm = useConfirm();\n  const { data, isLoading, isError } = useTiers();\n\n  const refresh = () => qc.invalidateQueries({ queryKey: TIERS_KEY });\n  const save = useMutation({\n    mutationFn: (body: PayoutTierInput) =>\n      editing && editing !== 'new'\n        ? adminMoneyApi.updateTier(editing.id, body)\n        : adminMoneyApi.createTier(body),\n    onSuccess: () => {\n      close();\n      refresh();\n    },\n  });\n  const remove = useMutation({\n    mutationFn: (id: string) => adminMoneyApi.removeTier(id),\n    onSuccess: refresh,\n  });\n  // Closing the dialog clears both errors, as opening a fresh one should.\n  function close() {\n    onEdit(null);\n    save.reset();\n    remove.reset();\n  }\n\n  const columns: Column<PayoutTier>[] = [\n    { key: 'label', header: 'Tier', render: (t) => `${t.label} (${t.key})` },\n    { key: 'currency', header: 'Currency', render: (t) => t.currency },\n    { key: 'position', header: 'Position', render: (t) => t.position },\n    {\n      key: 'limits',\n      header: 'Per transfer · daily · monthly',\n      render: (t) =>\n        [\n          `${formatMinor(t.minimumMinor, t.currency)}–${formatMinor(t.maximumMinor, t.currency)}`,\n          formatMinor(t.dailyMaximumMinor, t.currency),\n          t.monthlyMaximumMinor\n            ? formatMinor(t.monthlyMaximumMinor, t.currency)\n            : 'no cap',\n        ].join(' · '),\n    },\n    {\n      key: 'requirements',\n      header: 'Requires',\n      render: (t) =>\n        t.requirements.length === 0 ? (\n          'Nothing'\n        ) : (\n          <span style={{ display: 'flex', flexWrap: 'wrap', gap: 4 }}>\n            {t.requirements.map((r) => (\n              <span key={r} style={TAG}>\n                {r}\n              </span>\n            ))}\n          </span>\n        ),\n    },\n    {\n      key: 'enabled',\n      header: 'Status',\n      render: (t) => (t.enabled ? 'Enabled' : 'Disabled'),\n    },\n    {\n      key: 'actions',\n      header: '',\n      render: (t) => (\n        <span style={{ display: 'flex', gap: 6 }}>\n          <button type=\"button\" style={rowBtn} onClick={() => onEdit(t)}>\n            Edit\n          </button>\n          <button\n            type=\"button\"\n            style={dangerRowBtn}\n            onClick={async () => {\n              const ok = await confirm({\n                title: `Remove ${t.label}?`,\n                description:\n                  'Businesses on this tier fall back to the next tier they qualify for.',\n                confirmLabel: 'Remove',\n                tone: 'danger',\n              });\n              if (ok) remove.mutate(t.id);\n            }}\n          >\n            Remove\n          </button>\n        </span>\n      ),\n    },\n  ];\n\n  return (\n    <>\n      {remove.error && !editing && (\n        <Banner tone=\"error\">{remove.error.message}</Banner>\n      )}\n      <DataTable\n        columns={columns}\n        rows={data && byCurrency(data, currency, (t) => t.currency)}\n        getRowKey={(t) => t.id}\n        isLoading={isLoading}\n        isError={isError}\n        emptyTitle={\n          currency && data?.length ? `No ${currency} tiers` : 'No tiers yet'\n        }\n        emptyDescription={`With no tier, every business resolves to verification required${currency ? ` in ${currency}` : ''}.`}\n      />\n      {editing && (\n        <TierDialog\n          tier={editing === 'new' ? null : editing}\n          saving={save.isPending}\n          error={save.error?.message ?? null}\n          onSave={(b) => save.mutate(b)}\n          onClose={close}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":";AA6Fc,SA0CV,UA1CU,KAgBN,YAhBM;AA3Fd,SAAS,aAAa,sBAAsB;AAC5C,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,OAGK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,kBAAkB;AAC3B,SAAS,WAAW,gBAAgB;AAEpC,MAAM,MAAM;AAAA,EACV,SAAS;AAAA,EACT,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT;AAKO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAKG;AACD,QAAM,KAAK,eAAe;AAC1B,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,MAAM,WAAW,QAAQ,IAAI,SAAS;AAE9C,QAAM,UAAU,MAAM,GAAG,kBAAkB,EAAE,UAAU,UAAU,CAAC;AAClE,QAAM,OAAO,YAAY;AAAA,IACvB,YAAY,CAAC,SACX,WAAW,YAAY,QACnB,cAAc,WAAW,QAAQ,IAAI,IAAI,IACzC,cAAc,WAAW,IAAI;AAAA,IACnC,WAAW,MAAM;AACf,YAAM;AACN,cAAQ;AAAA,IACV;AAAA,EACF,CAAC;AACD,QAAM,SAAS,YAAY;AAAA,IACzB,YAAY,CAAC,OAAe,cAAc,WAAW,EAAE;AAAA,IACvD,WAAW;AAAA,EACb,CAAC;AAED,WAAS,QAAQ;AACf,WAAO,IAAI;AACX,SAAK,MAAM;AACX,WAAO,MAAM;AAAA,EACf;AAEA,QAAM,UAAgC;AAAA,IACpC,EAAE,KAAK,SAAS,QAAQ,QAAQ,QAAQ,CAAC,MAAM,GAAG,EAAE,KAAK,KAAK,EAAE,GAAG,IAAI;AAAA,IACvE,EAAE,KAAK,YAAY,QAAQ,YAAY,QAAQ,CAAC,MAAM,EAAE,SAAS;AAAA,IACjE,EAAE,KAAK,YAAY,QAAQ,YAAY,QAAQ,CAAC,MAAM,EAAE,SAAS;AAAA,IACjE;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ,CAAC,MACP;AAAA,QACE,GAAG,YAAY,EAAE,cAAc,EAAE,QAAQ,CAAC,SAAI,YAAY,EAAE,cAAc,EAAE,QAAQ,CAAC;AAAA,QACrF,YAAY,EAAE,mBAAmB,EAAE,QAAQ;AAAA,QAC3C,EAAE,sBACE,YAAY,EAAE,qBAAqB,EAAE,QAAQ,IAC7C;AAAA,MACN,EAAE,KAAK,QAAK;AAAA,IAChB;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ,CAAC,MACP,EAAE,aAAa,WAAW,IACxB,YAEA,oBAAC,UAAK,OAAO,EAAE,SAAS,QAAQ,UAAU,QAAQ,KAAK,EAAE,GACtD,YAAE,aAAa,IAAI,CAAC,MACnB,oBAAC,UAAa,OAAO,KAClB,eADQ,CAEX,CACD,GACH;AAAA,IAEN;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ,CAAC,MAAO,EAAE,UAAU,YAAY;AAAA,IAC1C;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ,CAAC,MACP,qBAAC,UAAK,OAAO,EAAE,SAAS,QAAQ,KAAK,EAAE,GACrC;AAAA,4BAAC,YAAO,MAAK,UAAS,OAAO,QAAQ,SAAS,MAAM,OAAO,CAAC,GAAG,kBAE/D;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,SAAS,YAAY;AACnB,oBAAM,KAAK,MAAM,QAAQ;AAAA,gBACvB,OAAO,UAAU,EAAE,KAAK;AAAA,gBACxB,aACE;AAAA,gBACF,cAAc;AAAA,gBACd,MAAM;AAAA,cACR,CAAC;AACD,kBAAI,GAAI,QAAO,OAAO,EAAE,EAAE;AAAA,YAC5B;AAAA,YACD;AAAA;AAAA,QAED;AAAA,SACF;AAAA,IAEJ;AAAA,EACF;AAEA,SACE,iCACG;AAAA,WAAO,SAAS,CAAC,WAChB,oBAAC,UAAO,MAAK,SAAS,iBAAO,MAAM,SAAQ;AAAA,IAE7C;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM,QAAQ,WAAW,MAAM,UAAU,CAAC,MAAM,EAAE,QAAQ;AAAA,QAC1D,WAAW,CAAC,MAAM,EAAE;AAAA,QACpB;AAAA,QACA;AAAA,QACA,YACE,YAAY,MAAM,SAAS,MAAM,QAAQ,WAAW;AAAA,QAEtD,kBAAkB,iEAAiE,WAAW,OAAO,QAAQ,KAAK,EAAE;AAAA;AAAA,IACtH;AAAA,IACC,WACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,YAAY,QAAQ,OAAO;AAAA,QACjC,QAAQ,KAAK;AAAA,QACb,OAAO,KAAK,OAAO,WAAW;AAAA,QAC9B,QAAQ,CAAC,MAAM,KAAK,OAAO,CAAC;AAAA,QAC5B,SAAS;AAAA;AAAA,IACX;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/payout-tiers/tiers-workspace.js

@@ -4,16 +4,22 @@ import { useState } from "react";
 import { Button } from "@withpotter/ui-kit/button";
 import {
   CurrencyFilter,
-  Drawer,
   PageHeader,
+  PageTabs,
   currenciesIn,
-  useCurrencyParam
+  useCurrencyParam,
+  useTabParam
 } from "../_ui";
 import { TierPreviewTab } from "./tier-preview-tab";
 import { TiersTable } from "./tiers-table";
 import { useTiers } from "./use-tiers";
+const TABS = [
+  { id: "tiers", label: "Tiers" },
+  { id: "preview", label: "Preview a business" }
+];
+const KEYS = TABS.map((t) => t.id);
 function TiersWorkspace() {
-  const [previewing, setPreviewing] = useState(false);
+  const [tab, setTab] = useTabParam(KEYS);
   const [editing, setEditing] = useState(null);
   const [currency, setCurrency] = useCurrencyParam();
   const tiers = useTiers();
@@ -21,9 +27,9 @@ function TiersWorkspace() {
     /* @__PURE__ */ jsx(
       PageHeader,
       {
-        title: "Payout limits",
-        description: "How much money a merchant can send out, based on how fully their identity has been checked.",
-        actions: /* @__PURE__ */ jsxs("div", { className: "adm-toolbar", children: [
+        title: "Payout tiers",
+        description: "Per-currency limits by verification level.",
+        actions: tab === "tiers" ? /* @__PURE__ */ jsxs("div", { className: "adm-toolbar", children: [
           /* @__PURE__ */ jsx(
             CurrencyFilter,
             {
@@ -32,22 +38,13 @@ function TiersWorkspace() {
               currencies: currenciesIn(tiers.data?.map((t) => t.currency))
             }
           ),
-          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setPreviewing(true), children: "Preview a business" }),
-          /* @__PURE__ */ jsx(Button, { onClick: () => setEditing("new"), children: "New level" })
-        ] })
+          /* @__PURE__ */ jsx(Button, { onClick: () => setEditing("new"), children: "New tier" })
+        ] }) : void 0
       }
     ),
-    /* @__PURE__ */ jsx(TiersTable, { editing, onEdit: setEditing, currency }),
-    /* @__PURE__ */ jsx(
-      Drawer,
-      {
-        open: previewing,
-        onClose: () => setPreviewing(false),
-        title: "Preview a business",
-        subtitle: "Which level a merchant gets today, and what they still need to complete.",
-        children: /* @__PURE__ */ jsx(TierPreviewTab, {})
-      }
-    )
+    /* @__PURE__ */ jsx(PageTabs, { tabs: TABS, active: tab, onChange: setTab }),
+    tab === "tiers" && /* @__PURE__ */ jsx(TiersTable, { editing, onEdit: setEditing, currency }),
+    tab === "preview" && /* @__PURE__ */ jsx(TierPreviewTab, {})
   ] });
 }
 export {

package/dist/admin/payout-tiers/tiers-workspace.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/payout-tiers/tiers-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button } from '@withpotter/ui-kit/button';\nimport type { PayoutTier } from '@withpotter/lib/admin-money-api';\nimport {\n  CurrencyFilter,\n  Drawer,\n  PageHeader,\n  currenciesIn,\n  useCurrencyParam,\n} from '../_ui';\nimport { TierPreviewTab } from './tier-preview-tab';\nimport { TiersTable } from './tiers-table';\nimport { useTiers } from './use-tiers';\n\n/**\n * How much a business may send out, by how far it is verified.\n *\n * This is configuration, not approved policy: nothing is seeded, and with no\n * tier a business resolves to \"verification required\". The preview tab\n * answers the question an admin actually asks: which tier would THIS\n * business get today, and what is it missing?\n */\nexport function TiersWorkspace() {\n  const [previewing, setPreviewing] = useState(false);\n  const [editing, setEditing] = useState<PayoutTier | 'new' | null>(null);\n  const [currency, setCurrency] = useCurrencyParam();\n  const tiers = useTiers();\n\n  return (\n    <>\n      <PageHeader\n        title=\"Payout limits\"\n        description=\"How much money a merchant can send out, based on how fully their identity has been checked.\"\n        actions={\n          <div className=\"adm-toolbar\">\n            <CurrencyFilter\n              value={currency}\n              onChange={setCurrency}\n              currencies={currenciesIn(tiers.data?.map((t) => t.currency))}\n            />\n            <Button variant=\"secondary\" onClick={() => setPreviewing(true)}>\n              Preview a business\n            </Button>\n            <Button onClick={() => setEditing('new')}>New level</Button>\n          </div>\n        }\n      />\n      <TiersTable editing={editing} onEdit={setEditing} currency={currency} />\n      <Drawer\n        open={previewing}\n        onClose={() => setPreviewing(false)}\n        title=\"Preview a business\"\n        subtitle=\"Which level a merchant gets today, and what they still need to complete.\"\n      >\n        <TierPreviewTab />\n      </Drawer>\n    </>\n  );\n}\n"],"mappings":";AA+BI,mBAMQ,KADF,YALN;AA7BJ,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAUlB,SAAS,iBAAiB;AAC/B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAoC,IAAI;AACtE,QAAM,CAAC,UAAU,WAAW,IAAI,iBAAiB;AACjD,QAAM,QAAQ,SAAS;AAEvB,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SACE,qBAAC,SAAI,WAAU,eACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV,YAAY,aAAa,MAAM,MAAM,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC;AAAA;AAAA,UAC7D;AAAA,UACA,oBAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,cAAc,IAAI,GAAG,gCAEhE;AAAA,UACA,oBAAC,UAAO,SAAS,MAAM,WAAW,KAAK,GAAG,uBAAS;AAAA,WACrD;AAAA;AAAA,IAEJ;AAAA,IACA,oBAAC,cAAW,SAAkB,QAAQ,YAAY,UAAoB;AAAA,IACtE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS,MAAM,cAAc,KAAK;AAAA,QAClC,OAAM;AAAA,QACN,UAAS;AAAA,QAET,8BAAC,kBAAe;AAAA;AAAA,IAClB;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/payout-tiers/tiers-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button } from '@withpotter/ui-kit/button';\nimport type { PayoutTier } from '@withpotter/lib/admin-money-api';\nimport {\n  CurrencyFilter,\n  PageHeader,\n  PageTabs,\n  currenciesIn,\n  useCurrencyParam,\n  useTabParam,\n} from '../_ui';\nimport { TierPreviewTab } from './tier-preview-tab';\nimport { TiersTable } from './tiers-table';\nimport { useTiers } from './use-tiers';\n\nconst TABS = [\n  { id: 'tiers', label: 'Tiers' },\n  { id: 'preview', label: 'Preview a business' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/**\n * How much a business may send out, by how far it is verified.\n *\n * This is configuration, not approved policy: nothing is seeded, and with no\n * tier a business resolves to \"verification required\". The preview tab\n * answers the question an admin actually asks: which tier would THIS\n * business get today, and what is it missing?\n */\nexport function TiersWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const [editing, setEditing] = useState<PayoutTier | 'new' | null>(null);\n  const [currency, setCurrency] = useCurrencyParam();\n  const tiers = useTiers();\n\n  return (\n    <>\n      <PageHeader\n        title=\"Payout tiers\"\n        description=\"Per-currency limits by verification level.\"\n        actions={\n          tab === 'tiers' ? (\n            <div className=\"adm-toolbar\">\n              <CurrencyFilter\n                value={currency}\n                onChange={setCurrency}\n                currencies={currenciesIn(tiers.data?.map((t) => t.currency))}\n              />\n              <Button onClick={() => setEditing('new')}>New tier</Button>\n            </div>\n          ) : undefined\n        }\n      />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n      {tab === 'tiers' && (\n        <TiersTable editing={editing} onEdit={setEditing} currency={currency} />\n      )}\n      {tab === 'preview' && <TierPreviewTab />}\n    </>\n  );\n}\n"],"mappings":";AAuCI,mBAOU,KADF,YANR;AArCJ,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAEzB,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,SAAS,OAAO,QAAQ;AAAA,EAC9B,EAAE,IAAI,WAAW,OAAO,qBAAqB;AAC/C;AAEA,MAAM,OAAO,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AAU1B,SAAS,iBAAiB;AAC/B,QAAM,CAAC,KAAK,MAAM,IAAI,YAAY,IAAI;AACtC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAoC,IAAI;AACtE,QAAM,CAAC,UAAU,WAAW,IAAI,iBAAiB;AACjD,QAAM,QAAQ,SAAS;AAEvB,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SACE,QAAQ,UACN,qBAAC,SAAI,WAAU,eACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV,YAAY,aAAa,MAAM,MAAM,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC;AAAA;AAAA,UAC7D;AAAA,UACA,oBAAC,UAAO,SAAS,MAAM,WAAW,KAAK,GAAG,sBAAQ;AAAA,WACpD,IACE;AAAA;AAAA,IAER;AAAA,IACA,oBAAC,YAAS,MAAM,MAAM,QAAQ,KAAK,UAAU,QAAQ;AAAA,IACpD,QAAQ,WACP,oBAAC,cAAW,SAAkB,QAAQ,YAAY,UAAoB;AAAA,IAEvE,QAAQ,aAAa,oBAAC,kBAAe;AAAA,KACxC;AAEJ;","names":[]}

package/dist/admin/pos/pos-workspace.js

@@ -16,12 +16,9 @@ import { usePosPeriod } from "../_pos/use-pos-period";
 import { usePosSummary } from "../_pos/use-pos";
 import { ShiftsTab } from "./shifts-tab";
 import { TerminalsTab } from "./terminals-tab";
-import { TransactionsTab } from "./transactions-tab";
 const TABS = [
   { id: "terminals", label: "Terminals" },
-  // The merchant's POS page calls these sessions, here POS sessions; the address keeps `shifts` so old links still open.
-  { id: "shifts", label: "POS sessions" },
-  { id: "transactions", label: "Transactions" }
+  { id: "shifts", label: "Shifts" }
 ];
 const KEYS = TABS.map((t) => t.id);
 function PosWorkspace() {
@@ -60,8 +57,7 @@ function PosWorkspace() {
     /* @__PURE__ */ jsx(PosFigures, { period, phrase, currency }),
     /* @__PURE__ */ jsx(PageTabs, { tabs: TABS, active: tab, onChange: setTab }),
     tab === "terminals" && /* @__PURE__ */ jsx(TerminalsTab, { period, currency }),
-    tab === "shifts" && /* @__PURE__ */ jsx(ShiftsTab, { currency }),
-    tab === "transactions" && /* @__PURE__ */ jsx(TransactionsTab, {})
+    tab === "shifts" && /* @__PURE__ */ jsx(ShiftsTab, { currency })
   ] });
 }
 export {

package/dist/admin/pos/pos-workspace.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/pos/pos-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { EmptyNote } from '@withpotter/ui-kit';\nimport {\n  AdmLoading,\n  CurrencyFilter,\n  PageHeader,\n  PageTabs,\n  currenciesIn,\n  useCurrencyParam,\n  useTabParam,\n} from '../_ui';\nimport { PosFigures } from '../_pos/pos-figures';\nimport { usePosAccess } from '../_pos/use-pos-access';\nimport { usePosPeriod } from '../_pos/use-pos-period';\nimport { usePosSummary } from '../_pos/use-pos';\nimport { ShiftsTab } from './shifts-tab';\nimport { TerminalsTab } from './terminals-tab';\nimport { TransactionsTab } from './transactions-tab';\n\n/**\n * Box's POS page has an Orders tab for hardware orders. Olive sells no\n * terminals through the admin, so it has no such tab.\n */\nconst TABS = [\n  { id: 'terminals', label: 'Terminals' },\n  // The merchant's POS page calls these sessions, here POS sessions; the address keeps `shifts` so old links still open.\n  { id: 'shifts', label: 'POS sessions' },\n  { id: 'transactions', label: 'Transactions' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/**\n * POS across every business: the fleet's figures, then every terminal and\n * every till shift. A terminal opens on its own page.\n */\nexport function PosWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const { isLoading, canRead } = usePosAccess();\n  const { period, phrase, control } = usePosPeriod();\n  const [currency, setCurrency] = useCurrencyParam();\n  // The figures' own request (one shared query): its currencies are the\n  // filter's choices.\n  const summary = usePosSummary(period, canRead);\n  const currencies = currenciesIn(\n    summary.data?.paymentsAmount.map((a) => a.currency),\n  );\n\n  if (isLoading) return <AdmLoading label=\"Loading POS…\" />;\n\n  if (!canRead)\n    return (\n      <div>\n        <PageHeader title=\"POS\" />\n        <EmptyNote well>{\"You don't have permission to see POS.\"}</EmptyNote>\n      </div>\n    );\n\n  return (\n    <div>\n      <PageHeader\n        title=\"POS\"\n        actions={\n          <div className=\"adm-toolbar\">\n            <CurrencyFilter\n              value={currency}\n              onChange={setCurrency}\n              currencies={currencies}\n            />\n            {control}\n          </div>\n        }\n      />\n      <PosFigures period={period} phrase={phrase} currency={currency} />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n      {tab === 'terminals' && (\n        <TerminalsTab period={period} currency={currency} />\n      )}\n      {tab === 'shifts' && <ShiftsTab currency={currency} />}\n      {tab === 'transactions' && <TransactionsTab />}\n    </div>\n  );\n}\n"],"mappings":";AAiDwB,cAIlB,YAJkB;AA/CxB,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAMhC,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,aAAa,OAAO,YAAY;AAAA;AAAA,EAEtC,EAAE,IAAI,UAAU,OAAO,eAAe;AAAA,EACtC,EAAE,IAAI,gBAAgB,OAAO,eAAe;AAC9C;AAEA,MAAM,OAAO,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AAM1B,SAAS,eAAe;AAC7B,QAAM,CAAC,KAAK,MAAM,IAAI,YAAY,IAAI;AACtC,QAAM,EAAE,WAAW,QAAQ,IAAI,aAAa;AAC5C,QAAM,EAAE,QAAQ,QAAQ,QAAQ,IAAI,aAAa;AACjD,QAAM,CAAC,UAAU,WAAW,IAAI,iBAAiB;AAGjD,QAAM,UAAU,cAAc,QAAQ,OAAO;AAC7C,QAAM,aAAa;AAAA,IACjB,QAAQ,MAAM,eAAe,IAAI,CAAC,MAAM,EAAE,QAAQ;AAAA,EACpD;AAEA,MAAI,UAAW,QAAO,oBAAC,cAAW,OAAM,qBAAe;AAEvD,MAAI,CAAC;AACH,WACE,qBAAC,SACC;AAAA,0BAAC,cAAW,OAAM,OAAM;AAAA,MACxB,oBAAC,aAAU,MAAI,MAAE,mDAAwC;AAAA,OAC3D;AAGJ,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SACE,qBAAC,SAAI,WAAU,eACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV;AAAA;AAAA,UACF;AAAA,UACC;AAAA,WACH;AAAA;AAAA,IAEJ;AAAA,IACA,oBAAC,cAAW,QAAgB,QAAgB,UAAoB;AAAA,IAChE,oBAAC,YAAS,MAAM,MAAM,QAAQ,KAAK,UAAU,QAAQ;AAAA,IACpD,QAAQ,eACP,oBAAC,gBAAa,QAAgB,UAAoB;AAAA,IAEnD,QAAQ,YAAY,oBAAC,aAAU,UAAoB;AAAA,IACnD,QAAQ,kBAAkB,oBAAC,mBAAgB;AAAA,KAC9C;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/pos/pos-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { EmptyNote } from '@withpotter/ui-kit';\nimport {\n  AdmLoading,\n  CurrencyFilter,\n  PageHeader,\n  PageTabs,\n  currenciesIn,\n  useCurrencyParam,\n  useTabParam,\n} from '../_ui';\nimport { PosFigures } from '../_pos/pos-figures';\nimport { usePosAccess } from '../_pos/use-pos-access';\nimport { usePosPeriod } from '../_pos/use-pos-period';\nimport { usePosSummary } from '../_pos/use-pos';\nimport { ShiftsTab } from './shifts-tab';\nimport { TerminalsTab } from './terminals-tab';\n\n/**\n * Box's POS page has an Orders tab for hardware orders. Olive sells no\n * terminals through the admin, so it has no such tab.\n */\nconst TABS = [\n  { id: 'terminals', label: 'Terminals' },\n  { id: 'shifts', label: 'Shifts' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/**\n * POS across every business: the fleet's figures, then every terminal and\n * every till shift. A terminal opens on its own page.\n */\nexport function PosWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const { isLoading, canRead } = usePosAccess();\n  const { period, phrase, control } = usePosPeriod();\n  const [currency, setCurrency] = useCurrencyParam();\n  // The figures' own request (one shared query): its currencies are the\n  // filter's choices.\n  const summary = usePosSummary(period, canRead);\n  const currencies = currenciesIn(\n    summary.data?.paymentsAmount.map((a) => a.currency),\n  );\n\n  if (isLoading) return <AdmLoading label=\"Loading POS…\" />;\n\n  if (!canRead)\n    return (\n      <div>\n        <PageHeader title=\"POS\" />\n        <EmptyNote well>{\"You don't have permission to see POS.\"}</EmptyNote>\n      </div>\n    );\n\n  return (\n    <div>\n      <PageHeader\n        title=\"POS\"\n        actions={\n          <div className=\"adm-toolbar\">\n            <CurrencyFilter\n              value={currency}\n              onChange={setCurrency}\n              currencies={currencies}\n            />\n            {control}\n          </div>\n        }\n      />\n      <PosFigures period={period} phrase={phrase} currency={currency} />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n      {tab === 'terminals' && (\n        <TerminalsTab period={period} currency={currency} />\n      )}\n      {tab === 'shifts' && <ShiftsTab currency={currency} />}\n    </div>\n  );\n}\n"],"mappings":";AA8CwB,cAIlB,YAJkB;AA5CxB,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAM7B,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,aAAa,OAAO,YAAY;AAAA,EACtC,EAAE,IAAI,UAAU,OAAO,SAAS;AAClC;AAEA,MAAM,OAAO,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AAM1B,SAAS,eAAe;AAC7B,QAAM,CAAC,KAAK,MAAM,IAAI,YAAY,IAAI;AACtC,QAAM,EAAE,WAAW,QAAQ,IAAI,aAAa;AAC5C,QAAM,EAAE,QAAQ,QAAQ,QAAQ,IAAI,aAAa;AACjD,QAAM,CAAC,UAAU,WAAW,IAAI,iBAAiB;AAGjD,QAAM,UAAU,cAAc,QAAQ,OAAO;AAC7C,QAAM,aAAa;AAAA,IACjB,QAAQ,MAAM,eAAe,IAAI,CAAC,MAAM,EAAE,QAAQ;AAAA,EACpD;AAEA,MAAI,UAAW,QAAO,oBAAC,cAAW,OAAM,qBAAe;AAEvD,MAAI,CAAC;AACH,WACE,qBAAC,SACC;AAAA,0BAAC,cAAW,OAAM,OAAM;AAAA,MACxB,oBAAC,aAAU,MAAI,MAAE,mDAAwC;AAAA,OAC3D;AAGJ,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SACE,qBAAC,SAAI,WAAU,eACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV;AAAA;AAAA,UACF;AAAA,UACC;AAAA,WACH;AAAA;AAAA,IAEJ;AAAA,IACA,oBAAC,cAAW,QAAgB,QAAgB,UAAoB;AAAA,IAChE,oBAAC,YAAS,MAAM,MAAM,QAAQ,KAAK,UAAU,QAAQ;AAAA,IACpD,QAAQ,eACP,oBAAC,gBAAa,QAAgB,UAAoB;AAAA,IAEnD,QAAQ,YAAY,oBAAC,aAAU,UAAoB;AAAA,KACtD;AAEJ;","names":[]}

package/dist/admin/pos/shifts-tab.js

@@ -2,9 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button, RemovableChip } from "@withpotter/ui-kit";
-import {
-  POS_PAGE_SIZE
-} from "@withpotter/lib/admin-pos-query";
+import { POS_PAGE_SIZE } from "@withpotter/lib/admin-pos-query";
 import { FilterPress, FilterSelect, Filters } from "../_ui";
 import { ListPager } from "../_ui/list-card";
 import { LONG_OPEN_HOURS } from "../_pos/pos-rules";
@@ -19,13 +17,8 @@ const STATUS_OPTIONS = [
     label
   }))
 ];
-function ShiftsTab({
-  currency = "",
-  tenantId: fixedTenantId,
-  title = "POS sessions"
-}) {
-  const [paramTenantId, setTenantId] = useTenantParam();
-  const tenantId = fixedTenantId ?? paramTenantId;
+function ShiftsTab({ currency = "" }) {
+  const [tenantId, setTenantId] = useTenantParam();
   const [status, setStatus] = useState("");
   const [longOpen, setLongOpen] = useState(false);
   const [page, setPage] = useState(1);
@@ -37,7 +30,7 @@ function ShiftsTab({
     limit: POS_PAGE_SIZE
   };
   const { data, isLoading, isError, error, refetch } = usePosShifts(filters);
-  const narrowed = !!(status || longOpen || tenantId && !fixedTenantId);
+  const narrowed = !!(status || longOpen || tenantId);
   const reset = (fn) => {
     fn();
     setPage(1);
@@ -45,18 +38,18 @@ function ShiftsTab({
   return /* @__PURE__ */ jsx(
     ShiftsTable,
     {
-      title,
+      title: "Shifts",
       rows: data?.data,
       total: data?.total,
-      withBusiness: !fixedTenantId,
+      withBusiness: true,
       currency,
       isLoading,
       isError,
       error,
       onRetry: () => void refetch(),
-      emptyTitle: narrowed ? "No POS sessions match." : "No POS sessions yet.",
+      emptyTitle: narrowed ? "No shifts match." : "No shifts yet.",
       controls: /* @__PURE__ */ jsxs(Filters, { label: "Filter shifts", children: [
-        tenantId && !fixedTenantId && /* @__PURE__ */ jsx(
+        tenantId && /* @__PURE__ */ jsx(
           RemovableChip,
           {
             onRemove: () => reset(() => setTenantId("")),
@@ -93,7 +86,7 @@ function ShiftsTab({
             onClick: () => reset(() => {
               setStatus("");
               setLongOpen(false);
-              if (!fixedTenantId) setTenantId("");
+              setTenantId("");
             }),
             children: "Clear filters"
           }

package/dist/admin/pos/shifts-tab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/pos/shifts-tab.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button, RemovableChip } from '@withpotter/ui-kit';\nimport {\n  POS_PAGE_SIZE,\n  type ShiftFilters,\n} from '@withpotter/lib/admin-pos-query';\nimport type { PosShiftStatus } from '@withpotter/lib/admin-pos-types';\nimport { FilterPress, FilterSelect, Filters } from '../_ui';\nimport { ListPager } from '../_ui/list-card';\nimport { LONG_OPEN_HOURS } from '../_pos/pos-rules';\nimport { SHIFT_STATUS_LABEL } from '../_pos/pos-words';\nimport { ShiftsTable } from '../_pos/shifts-table';\nimport { usePosShifts } from '../_pos/use-pos';\nimport { useTenantParam } from '../_pos/use-tenant-param';\n\nconst STATUS_OPTIONS = [\n  { value: '', label: 'Any status' },\n  ...Object.entries(SHIFT_STATUS_LABEL).map(([value, label]) => ({\n    value,\n    label,\n  })),\n];\n\n/** Open and recent shifts across every business, newest first. */\nexport function ShiftsTab({\n  currency = '',\n  tenantId: fixedTenantId,\n  title = 'POS sessions',\n}: {\n  currency?: string;\n  /** Fixes the list to one business (its own page); otherwise `?tenant=` narrows it. */\n  tenantId?: string;\n  title?: string;\n}) {\n  const [paramTenantId, setTenantId] = useTenantParam();\n  const tenantId = fixedTenantId ?? paramTenantId;\n  const [status, setStatus] = useState<PosShiftStatus | ''>('');\n  const [longOpen, setLongOpen] = useState(false);\n  const [page, setPage] = useState(1);\n  const filters: ShiftFilters = {\n    status: longOpen ? 'open' : status,\n    openOverHours: longOpen ? LONG_OPEN_HOURS : undefined,\n    tenantId: tenantId || undefined,\n    page,\n    limit: POS_PAGE_SIZE,\n  };\n  const { data, isLoading, isError, error, refetch } = usePosShifts(filters);\n  const narrowed = !!(status || longOpen || (tenantId && !fixedTenantId));\n  const reset = (fn: () => void) => {\n    fn();\n    setPage(1);\n  };\n\n  return (\n    <ShiftsTable\n      title={title}\n      rows={data?.data}\n      total={data?.total}\n      withBusiness={!fixedTenantId}\n      currency={currency}\n      isLoading={isLoading}\n      isError={isError}\n      error={error}\n      onRetry={() => void refetch()}\n      emptyTitle={narrowed ? 'No POS sessions match.' : 'No POS sessions yet.'}\n      controls={\n        <Filters label=\"Filter shifts\">\n          {tenantId && !fixedTenantId && (\n            <RemovableChip\n              onRemove={() => reset(() => setTenantId(''))}\n              removeLabel=\"Show every business\"\n            >\n              One business\n            </RemovableChip>\n          )}\n          <FilterPress\n            on={longOpen}\n            onToggle={() => reset(() => setLongOpen((v) => !v))}\n          >\n            Open over {LONG_OPEN_HOURS} hours\n          </FilterPress>\n          {!longOpen && (\n            <FilterSelect\n              label=\"Status\"\n              value={status}\n              onChange={(v) => reset(() => setStatus(v as PosShiftStatus | ''))}\n              options={STATUS_OPTIONS}\n            />\n          )}\n          {narrowed && (\n            <Button\n              size=\"sm\"\n              variant=\"secondary\"\n              onClick={() =>\n                reset(() => {\n                  setStatus('');\n                  setLongOpen(false);\n                  if (!fixedTenantId) setTenantId('');\n                })\n              }\n            >\n              Clear filters\n            </Button>\n          )}\n        </Filters>\n      }\n      footer={\n        data && data.total > 0 ? (\n          <ListPager\n            page={page}\n            totalPages={Math.max(1, data.totalPages)}\n            total={data.total}\n            noun={data.total === 1 ? 'shift' : 'shifts'}\n            onPage={setPage}\n          />\n        ) : undefined\n      }\n    />\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/pos/shifts-tab.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button, RemovableChip } from '@withpotter/ui-kit';\nimport { POS_PAGE_SIZE, type ShiftFilters } from '@withpotter/lib/admin-pos-query';\nimport type { PosShiftStatus } from '@withpotter/lib/admin-pos-types';\nimport { FilterPress, FilterSelect, Filters } from '../_ui';\nimport { ListPager } from '../_ui/list-card';\nimport { LONG_OPEN_HOURS } from '../_pos/pos-rules';\nimport { SHIFT_STATUS_LABEL } from '../_pos/pos-words';\nimport { ShiftsTable } from '../_pos/shifts-table';\nimport { usePosShifts } from '../_pos/use-pos';\nimport { useTenantParam } from '../_pos/use-tenant-param';\n\nconst STATUS_OPTIONS = [\n  { value: '', label: 'Any status' },\n  ...Object.entries(SHIFT_STATUS_LABEL).map(([value, label]) => ({\n    value,\n    label,\n  })),\n];\n\n/** Open and recent shifts across every business, newest first. */\nexport function ShiftsTab({ currency = '' }: { currency?: string }) {\n  const [tenantId, setTenantId] = useTenantParam();\n  const [status, setStatus] = useState<PosShiftStatus | ''>('');\n  const [longOpen, setLongOpen] = useState(false);\n  const [page, setPage] = useState(1);\n  const filters: ShiftFilters = {\n    status: longOpen ? 'open' : status,\n    openOverHours: longOpen ? LONG_OPEN_HOURS : undefined,\n    tenantId: tenantId || undefined,\n    page,\n    limit: POS_PAGE_SIZE,\n  };\n  const { data, isLoading, isError, error, refetch } = usePosShifts(filters);\n  const narrowed = !!(status || longOpen || tenantId);\n  const reset = (fn: () => void) => {\n    fn();\n    setPage(1);\n  };\n\n  return (\n    <ShiftsTable\n      title=\"Shifts\"\n      rows={data?.data}\n      total={data?.total}\n      withBusiness\n      currency={currency}\n      isLoading={isLoading}\n      isError={isError}\n      error={error}\n      onRetry={() => void refetch()}\n      emptyTitle={narrowed ? 'No shifts match.' : 'No shifts yet.'}\n      controls={\n        <Filters label=\"Filter shifts\">\n          {tenantId && (\n            <RemovableChip\n              onRemove={() => reset(() => setTenantId(''))}\n              removeLabel=\"Show every business\"\n            >\n              One business\n            </RemovableChip>\n          )}\n          <FilterPress\n            on={longOpen}\n            onToggle={() => reset(() => setLongOpen((v) => !v))}\n          >\n            Open over {LONG_OPEN_HOURS} hours\n          </FilterPress>\n          {!longOpen && (\n            <FilterSelect\n              label=\"Status\"\n              value={status}\n              onChange={(v) => reset(() => setStatus(v as PosShiftStatus | ''))}\n              options={STATUS_OPTIONS}\n            />\n          )}\n          {narrowed && (\n            <Button\n              size=\"sm\"\n              variant=\"secondary\"\n              onClick={() =>\n                reset(() => {\n                  setStatus('');\n                  setLongOpen(false);\n                  setTenantId('');\n                })\n              }\n            >\n              Clear filters\n            </Button>\n          )}\n        </Filters>\n      }\n      footer={\n        data && data.total > 0 ? (\n          <ListPager\n            page={page}\n            totalPages={Math.max(1, data.totalPages)}\n            total={data.total}\n            noun={data.total === 1 ? 'shift' : 'shifts'}\n            onPage={setPage}\n          />\n        ) : undefined\n      }\n    />\n  );\n}\n"],"mappings":";AAyDY,cAOF,YAPE;AAvDZ,SAAS,gBAAgB;AACzB,SAAS,QAAQ,qBAAqB;AACtC,SAAS,qBAAwC;AAEjD,SAAS,aAAa,cAAc,eAAe;AACnD,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAE/B,MAAM,iBAAiB;AAAA,EACrB,EAAE,OAAO,IAAI,OAAO,aAAa;AAAA,EACjC,GAAG,OAAO,QAAQ,kBAAkB,EAAE,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO;AAAA,IAC7D;AAAA,IACA;AAAA,EACF,EAAE;AACJ;AAGO,SAAS,UAAU,EAAE,WAAW,GAAG,GAA0B;AAClE,QAAM,CAAC,UAAU,WAAW,IAAI,eAAe;AAC/C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA8B,EAAE;AAC5D,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,UAAwB;AAAA,IAC5B,QAAQ,WAAW,SAAS;AAAA,IAC5B,eAAe,WAAW,kBAAkB;AAAA,IAC5C,UAAU,YAAY;AAAA,IACtB;AAAA,IACA,OAAO;AAAA,EACT;AACA,QAAM,EAAE,MAAM,WAAW,SAAS,OAAO,QAAQ,IAAI,aAAa,OAAO;AACzE,QAAM,WAAW,CAAC,EAAE,UAAU,YAAY;AAC1C,QAAM,QAAQ,CAAC,OAAmB;AAChC,OAAG;AACH,YAAQ,CAAC;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,MAAM,MAAM;AAAA,MACZ,OAAO,MAAM;AAAA,MACb,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,KAAK,QAAQ;AAAA,MAC5B,YAAY,WAAW,qBAAqB;AAAA,MAC5C,UACE,qBAAC,WAAQ,OAAM,iBACZ;AAAA,oBACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,MAAM,MAAM,MAAM,YAAY,EAAE,CAAC;AAAA,YAC3C,aAAY;AAAA,YACb;AAAA;AAAA,QAED;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,UAAU,MAAM,MAAM,MAAM,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;AAAA,YACnD;AAAA;AAAA,cACY;AAAA,cAAgB;AAAA;AAAA;AAAA,QAC7B;AAAA,QACC,CAAC,YACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,MAAM,MAAM,UAAU,CAAwB,CAAC;AAAA,YAChE,SAAS;AAAA;AAAA,QACX;AAAA,QAED,YACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAS,MACP,MAAM,MAAM;AACV,wBAAU,EAAE;AACZ,0BAAY,KAAK;AACjB,0BAAY,EAAE;AAAA,YAChB,CAAC;AAAA,YAEJ;AAAA;AAAA,QAED;AAAA,SAEJ;AAAA,MAEF,QACE,QAAQ,KAAK,QAAQ,IACnB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,YAAY,KAAK,IAAI,GAAG,KAAK,UAAU;AAAA,UACvC,OAAO,KAAK;AAAA,UACZ,MAAM,KAAK,UAAU,IAAI,UAAU;AAAA,UACnC,QAAQ;AAAA;AAAA,MACV,IACE;AAAA;AAAA,EAER;AAEJ;","names":[]}

package/dist/admin/revenue/cohort-panel.js

@@ -17,28 +17,28 @@ function CohortPanel({ cohorts }) {
   return /* @__PURE__ */ jsx(
     Panel,
     {
-      title: "Do new merchants keep selling?",
+      title: "Logo cohort retention",
       action: cohorts.length > 0 && /* @__PURE__ */ jsx(
         ViewSwitch,
         {
           className: "adm-view-switch",
-          "aria-label": "Show the table as",
+          "aria-label": "Show cohort cells as",
           options: LENSES,
           value: lens,
           onChange: setLens
         }
       ),
-      footer: "Of the merchants who signed up in each month, the share still selling (at least one paid order) in each month after. M0 is the sign-up month itself.",
+      footer: "Share of each signup-month cohort still transacting (at least 1 paid order) at each month offset. M0 is the signup month itself.",
       flush: true,
-      children: cohorts.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { className: styles.empty, children: "Not enough sign-up history yet." }) : /* @__PURE__ */ jsx(
+      children: cohorts.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { className: styles.empty, children: "Not enough signup history yet." }) : /* @__PURE__ */ jsx(
         TableShell,
         {
           bare: true,
           minWidth: Math.max(320, 200 + offsets.length * 64),
           density: "compact",
           head: /* @__PURE__ */ jsxs("tr", { children: [
-            /* @__PURE__ */ jsx(Th, { children: "Signed up" }),
-            /* @__PURE__ */ jsx(Th, { align: "right", children: "Merchants" }),
+            /* @__PURE__ */ jsx(Th, { children: "Cohort" }),
+            /* @__PURE__ */ jsx(Th, { align: "right", children: "Tenants" }),
             offsets.map((_, i) => /* @__PURE__ */ jsxs(Th, { align: "right", children: [
               "M",
               i

package/dist/admin/revenue/cohort-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/revenue/cohort-panel.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { EmptyNote, TableShell, Th, ViewSwitch } from '@withpotter/ui-kit';\nimport type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { TONE } from '../_fx';\nimport { Panel } from '../_ui';\nimport styles from './revenue.module.css';\n\nconst integer = new Intl.NumberFormat('en-US');\n\ntype Cohort = NonNullable<PlatformRevenue['quality']>['cohorts'][number];\ntype Lens = 'share' | 'count';\n\nconst LENSES = [\n  { value: 'share' as const, label: 'Share' },\n  { value: 'count' as const, label: 'Merchants' },\n];\n\n/**\n * Logo retention by signup month, shaded by the share still transacting.\n * The switch reads each cell as a share of the cohort or as the merchants\n * that share stands for; the shading stays the share either way.\n */\nexport function CohortPanel({ cohorts }: { cohorts: Cohort[] }) {\n  const [lens, setLens] = useState<Lens>('share');\n  const offsets = cohorts[0]?.retention ?? [];\n  const cell = (v: number, size: number) =>\n    lens === 'share' ? `${v}%` : integer.format(Math.round((size * v) / 100));\n\n  return (\n    <Panel\n      title=\"Do new merchants keep selling?\"\n      action={\n        cohorts.length > 0 && (\n          <ViewSwitch\n            className=\"adm-view-switch\"\n            aria-label=\"Show the table as\"\n            options={LENSES}\n            value={lens}\n            onChange={setLens}\n          />\n        )\n      }\n      footer=\"Of the merchants who signed up in each month, the share still selling (at least one paid order) in each month after. M0 is the sign-up month itself.\"\n      flush\n    >\n      {cohorts.length === 0 ? (\n        <EmptyNote className={styles.empty}>\n          Not enough sign-up history yet.\n        </EmptyNote>\n      ) : (\n        <TableShell\n          bare\n          minWidth={Math.max(320, 200 + offsets.length * 64)}\n          density=\"compact\"\n          head={\n            <tr>\n              <Th>Signed up</Th>\n              <Th align=\"right\">Merchants</Th>\n              {offsets.map((_, i) => (\n                <Th key={i} align=\"right\">\n                  M{i}\n                </Th>\n              ))}\n            </tr>\n          }\n        >\n          {cohorts.map((c) => (\n            <tr key={c.cohort}>\n              <td className={styles.cohort}>{c.cohort}</td>\n              <td className={styles.num}>{integer.format(c.size)}</td>\n              {c.retention.map((v, i) => (\n                <td\n                  key={i}\n                  className={styles.heat}\n                  data-empty={v == null}\n                  style={\n                    v == null\n                      ? undefined\n                      : {\n                          // 60% at most, so dark figures stay readable on the darkest cell.\n                          background: `color-mix(in srgb, ${TONE.brand.fg} ${Math.round(\n                            Math.min(v, 100) * 0.6,\n                          )}%, transparent)`,\n                        }\n                  }\n                >\n                  {v == null ? '–' : cell(v, c.size)}\n                </td>\n              ))}\n            </tr>\n          ))}\n        </TableShell>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":";AAmCU,cA0BM,YA1BN;AAjCV,SAAS,gBAAgB;AACzB,SAAS,WAAW,YAAY,IAAI,kBAAkB;AAEtD,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,OAAO,YAAY;AAEnB,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAK7C,MAAM,SAAS;AAAA,EACb,EAAE,OAAO,SAAkB,OAAO,QAAQ;AAAA,EAC1C,EAAE,OAAO,SAAkB,OAAO,YAAY;AAChD;AAOO,SAAS,YAAY,EAAE,QAAQ,GAA0B;AAC9D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAe,OAAO;AAC9C,QAAM,UAAU,QAAQ,CAAC,GAAG,aAAa,CAAC;AAC1C,QAAM,OAAO,CAAC,GAAW,SACvB,SAAS,UAAU,GAAG,CAAC,MAAM,QAAQ,OAAO,KAAK,MAAO,OAAO,IAAK,GAAG,CAAC;AAE1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QACE,QAAQ,SAAS,KACf;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,cAAW;AAAA,UACX,SAAS;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA;AAAA,MACZ;AAAA,MAGJ,QAAO;AAAA,MACP,OAAK;AAAA,MAEJ,kBAAQ,WAAW,IAClB,oBAAC,aAAU,WAAW,OAAO,OAAO,6CAEpC,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,UAAU,KAAK,IAAI,KAAK,MAAM,QAAQ,SAAS,EAAE;AAAA,UACjD,SAAQ;AAAA,UACR,MACE,qBAAC,QACC;AAAA,gCAAC,MAAG,uBAAS;AAAA,YACb,oBAAC,MAAG,OAAM,SAAQ,uBAAS;AAAA,YAC1B,QAAQ,IAAI,CAAC,GAAG,MACf,qBAAC,MAAW,OAAM,SAAQ;AAAA;AAAA,cACtB;AAAA,iBADK,CAET,CACD;AAAA,aACH;AAAA,UAGD,kBAAQ,IAAI,CAAC,MACZ,qBAAC,QACC;AAAA,gCAAC,QAAG,WAAW,OAAO,QAAS,YAAE,QAAO;AAAA,YACxC,oBAAC,QAAG,WAAW,OAAO,KAAM,kBAAQ,OAAO,EAAE,IAAI,GAAE;AAAA,YAClD,EAAE,UAAU,IAAI,CAAC,GAAG,MACnB;AAAA,cAAC;AAAA;AAAA,gBAEC,WAAW,OAAO;AAAA,gBAClB,cAAY,KAAK;AAAA,gBACjB,OACE,KAAK,OACD,SACA;AAAA;AAAA,kBAEE,YAAY,sBAAsB,KAAK,MAAM,EAAE,IAAI,KAAK;AAAA,oBACtD,KAAK,IAAI,GAAG,GAAG,IAAI;AAAA,kBACrB,CAAC;AAAA,gBACH;AAAA,gBAGL,eAAK,OAAO,WAAM,KAAK,GAAG,EAAE,IAAI;AAAA;AAAA,cAd5B;AAAA,YAeP,CACD;AAAA,eArBM,EAAE,MAsBX,CACD;AAAA;AAAA,MACH;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/revenue/cohort-panel.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { EmptyNote, TableShell, Th, ViewSwitch } from '@withpotter/ui-kit';\nimport type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { TONE } from '../_fx';\nimport { Panel } from '../_ui';\nimport styles from './revenue.module.css';\n\nconst integer = new Intl.NumberFormat('en-US');\n\ntype Cohort = NonNullable<PlatformRevenue['quality']>['cohorts'][number];\ntype Lens = 'share' | 'count';\n\nconst LENSES = [\n  { value: 'share' as const, label: 'Share' },\n  { value: 'count' as const, label: 'Merchants' },\n];\n\n/**\n * Logo retention by signup month, shaded by the share still transacting.\n * The switch reads each cell as a share of the cohort or as the merchants\n * that share stands for; the shading stays the share either way.\n */\nexport function CohortPanel({ cohorts }: { cohorts: Cohort[] }) {\n  const [lens, setLens] = useState<Lens>('share');\n  const offsets = cohorts[0]?.retention ?? [];\n  const cell = (v: number, size: number) =>\n    lens === 'share' ? `${v}%` : integer.format(Math.round((size * v) / 100));\n\n  return (\n    <Panel\n      title=\"Logo cohort retention\"\n      action={\n        cohorts.length > 0 && (\n          <ViewSwitch\n            className=\"adm-view-switch\"\n            aria-label=\"Show cohort cells as\"\n            options={LENSES}\n            value={lens}\n            onChange={setLens}\n          />\n        )\n      }\n      footer=\"Share of each signup-month cohort still transacting (at least 1 paid order) at each month offset. M0 is the signup month itself.\"\n      flush\n    >\n      {cohorts.length === 0 ? (\n        <EmptyNote className={styles.empty}>\n          Not enough signup history yet.\n        </EmptyNote>\n      ) : (\n        <TableShell\n          bare\n          minWidth={Math.max(320, 200 + offsets.length * 64)}\n          density=\"compact\"\n          head={\n            <tr>\n              <Th>Cohort</Th>\n              <Th align=\"right\">Tenants</Th>\n              {offsets.map((_, i) => (\n                <Th key={i} align=\"right\">\n                  M{i}\n                </Th>\n              ))}\n            </tr>\n          }\n        >\n          {cohorts.map((c) => (\n            <tr key={c.cohort}>\n              <td className={styles.cohort}>{c.cohort}</td>\n              <td className={styles.num}>{integer.format(c.size)}</td>\n              {c.retention.map((v, i) => (\n                <td\n                  key={i}\n                  className={styles.heat}\n                  data-empty={v == null}\n                  style={\n                    v == null\n                      ? undefined\n                      : {\n                          // 60% at most, so dark figures stay readable on the darkest cell.\n                          background: `color-mix(in srgb, ${TONE.brand.fg} ${Math.round(\n                            Math.min(v, 100) * 0.6,\n                          )}%, transparent)`,\n                        }\n                  }\n                >\n                  {v == null ? '–' : cell(v, c.size)}\n                </td>\n              ))}\n            </tr>\n          ))}\n        </TableShell>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":";AAmCU,cA0BM,YA1BN;AAjCV,SAAS,gBAAgB;AACzB,SAAS,WAAW,YAAY,IAAI,kBAAkB;AAEtD,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,OAAO,YAAY;AAEnB,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAK7C,MAAM,SAAS;AAAA,EACb,EAAE,OAAO,SAAkB,OAAO,QAAQ;AAAA,EAC1C,EAAE,OAAO,SAAkB,OAAO,YAAY;AAChD;AAOO,SAAS,YAAY,EAAE,QAAQ,GAA0B;AAC9D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAe,OAAO;AAC9C,QAAM,UAAU,QAAQ,CAAC,GAAG,aAAa,CAAC;AAC1C,QAAM,OAAO,CAAC,GAAW,SACvB,SAAS,UAAU,GAAG,CAAC,MAAM,QAAQ,OAAO,KAAK,MAAO,OAAO,IAAK,GAAG,CAAC;AAE1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QACE,QAAQ,SAAS,KACf;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,cAAW;AAAA,UACX,SAAS;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA;AAAA,MACZ;AAAA,MAGJ,QAAO;AAAA,MACP,OAAK;AAAA,MAEJ,kBAAQ,WAAW,IAClB,oBAAC,aAAU,WAAW,OAAO,OAAO,4CAEpC,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,UAAU,KAAK,IAAI,KAAK,MAAM,QAAQ,SAAS,EAAE;AAAA,UACjD,SAAQ;AAAA,UACR,MACE,qBAAC,QACC;AAAA,gCAAC,MAAG,oBAAM;AAAA,YACV,oBAAC,MAAG,OAAM,SAAQ,qBAAO;AAAA,YACxB,QAAQ,IAAI,CAAC,GAAG,MACf,qBAAC,MAAW,OAAM,SAAQ;AAAA;AAAA,cACtB;AAAA,iBADK,CAET,CACD;AAAA,aACH;AAAA,UAGD,kBAAQ,IAAI,CAAC,MACZ,qBAAC,QACC;AAAA,gCAAC,QAAG,WAAW,OAAO,QAAS,YAAE,QAAO;AAAA,YACxC,oBAAC,QAAG,WAAW,OAAO,KAAM,kBAAQ,OAAO,EAAE,IAAI,GAAE;AAAA,YAClD,EAAE,UAAU,IAAI,CAAC,GAAG,MACnB;AAAA,cAAC;AAAA;AAAA,gBAEC,WAAW,OAAO;AAAA,gBAClB,cAAY,KAAK;AAAA,gBACjB,OACE,KAAK,OACD,SACA;AAAA;AAAA,kBAEE,YAAY,sBAAsB,KAAK,MAAM,EAAE,IAAI,KAAK;AAAA,oBACtD,KAAK,IAAI,GAAG,GAAG,IAAI;AAAA,kBACrB,CAAC;AAAA,gBACH;AAAA,gBAGL,eAAK,OAAO,WAAM,KAAK,GAAG,EAAE,IAAI;AAAA;AAAA,cAd5B;AAAA,YAeP,CACD;AAAA,eArBM,EAAE,MAsBX,CACD;AAAA;AAAA,MACH;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/admin/revenue/health-panel.js

@@ -2,57 +2,56 @@ import { jsx } from "react/jsx-runtime";
 import { AdmLoading, Panel } from "../_ui";
 import { FigureList } from "./figure-list";
 const integer = new Intl.NumberFormat("en-US");
-const pct = (value) => value == null ? "\u2013" : `${value}%`;
 function HealthPanel({
   health,
   money,
   caption
 }) {
   if (!health) {
-    return /* @__PURE__ */ jsx(Panel, { title: "How plan income is changing", caption, children: /* @__PURE__ */ jsx(AdmLoading, { label: "Loading revenue health\u2026", size: "sm" }) });
+    return /* @__PURE__ */ jsx(Panel, { title: "Revenue health", caption, children: /* @__PURE__ */ jsx(AdmLoading, { label: "Loading revenue health\u2026", size: "sm" }) });
   }
   const rows = [
     {
-      label: "Plan income change",
-      note: "Gained from new merchants, less lost from merchants who left",
+      label: "Net new MRR",
+      note: "New and expansion, less churned",
       value: money(health.netNewMrr),
-      hint: `+${money(health.newMrr)} gained \xB7 \u2212${money(health.churnedMrr)} lost`,
+      hint: `+${money(health.newMrr)} new \xB7 \u2212${money(health.churnedMrr)} churned`,
       tone: health.netNewMrr < 0 ? "danger" : "default"
     },
     {
-      label: "Plan income kept",
-      note: "Share of the plan income at the start that is still being paid",
-      value: pct(health.grossRevenueRetentionPct)
+      label: "Gross revenue retention",
+      note: "Share of starting MRR kept, ignoring expansion",
+      value: `${health.grossRevenueRetentionPct}%`
     },
     {
-      label: "Plan income lost",
-      note: "Share of plan income lost to merchants who left",
-      value: pct(health.grossMrrChurnPct),
+      label: "Gross MRR churn",
+      note: "MRR lost as a share of the base",
+      value: `${health.grossMrrChurnPct}%`,
       tone: health.grossMrrChurnPct > 0 ? "danger" : "default"
     },
     {
-      label: "Paying merchants gained",
-      note: "Merchants who started paying, less merchants who stopped",
+      label: "Net new logos",
+      note: "Paying merchants gained, less lost",
       value: integer.format(health.netNewLogos),
-      hint: `+${integer.format(health.newLogos)} joined \xB7 \u2212${integer.format(
+      hint: `+${integer.format(health.newLogos)} new \xB7 \u2212${integer.format(
         health.churnedLogos
-      )} left`,
+      )} churned`,
       tone: health.netNewLogos < 0 ? "danger" : "default"
     },
     {
-      label: "Paying merchants lost",
-      note: "Share of paying merchants who stopped paying",
-      value: pct(health.logoChurnPct),
+      label: "Logo churn",
+      note: "Paying merchants lost as a share of the base",
+      value: `${health.logoChurnPct}%`,
       tone: health.logoChurnPct > 0 ? "danger" : "default"
     },
     {
-      label: "Reliance on the top 10",
-      note: "Share of merchant sales that comes from the 10 biggest merchants",
-      value: pct(health.gmvConcentrationTop10Pct),
+      label: "GMV concentration",
+      note: "Share of GMV from the top 10 merchants",
+      value: `${health.gmvConcentrationTop10Pct}%`,
       tone: health.gmvConcentrationTop10Pct > 50 ? "danger" : "default"
     }
   ];
-  return /* @__PURE__ */ jsx(Panel, { title: "How plan income is changing", caption, children: /* @__PURE__ */ jsx(FigureList, { rows }) });
+  return /* @__PURE__ */ jsx(Panel, { title: "Revenue health", caption, children: /* @__PURE__ */ jsx(FigureList, { rows }) });
 }
 export {
   HealthPanel

package/dist/admin/revenue/health-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/revenue/health-panel.tsx"],"sourcesContent":["import type { PlatformCockpit } from '@withpotter/lib/admin-api';\nimport { AdmLoading, Panel } from '../_ui';\nimport { FigureList, type Figure } from './figure-list';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/** A share, or a dash when there is no base to take it of (the api sends null then, not 0). */\nconst pct = (value: number | null | undefined) => (value == null ? '–' : `${value}%`);\n\n/** MRR movement, logo churn and concentration risk — how healthy the base is. */\nexport function HealthPanel({\n  health,\n  money,\n  caption,\n}: {\n  health: PlatformCockpit['health'] | undefined;\n  money: (value: number) => string;\n  caption: string;\n}) {\n  if (!health) {\n    return (\n      <Panel title=\"How plan income is changing\" caption={caption}>\n        <AdmLoading label=\"Loading revenue health…\" size=\"sm\" />\n      </Panel>\n    );\n  }\n\n  const rows: Figure[] = [\n    {\n      label: 'Plan income change',\n      note: 'Gained from new merchants, less lost from merchants who left',\n      value: money(health.netNewMrr),\n      hint: `+${money(health.newMrr)} gained · −${money(health.churnedMrr)} lost`,\n      tone: health.netNewMrr < 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Plan income kept',\n      note: 'Share of the plan income at the start that is still being paid',\n      value: pct(health.grossRevenueRetentionPct),\n    },\n    {\n      label: 'Plan income lost',\n      note: 'Share of plan income lost to merchants who left',\n      value: pct(health.grossMrrChurnPct),\n      tone: health.grossMrrChurnPct > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Paying merchants gained',\n      note: 'Merchants who started paying, less merchants who stopped',\n      value: integer.format(health.netNewLogos),\n      hint: `+${integer.format(health.newLogos)} joined · −${integer.format(\n        health.churnedLogos,\n      )} left`,\n      tone: health.netNewLogos < 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Paying merchants lost',\n      note: 'Share of paying merchants who stopped paying',\n      value: pct(health.logoChurnPct),\n      tone: health.logoChurnPct > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Reliance on the top 10',\n      note: 'Share of merchant sales that comes from the 10 biggest merchants',\n      value: pct(health.gmvConcentrationTop10Pct),\n      tone: health.gmvConcentrationTop10Pct > 50 ? 'danger' : 'default',\n    },\n  ];\n\n  return (\n    <Panel title=\"How plan income is changing\" caption={caption}>\n      <FigureList rows={rows} />\n    </Panel>\n  );\n}\n"],"mappings":"AAsBQ;AArBR,SAAS,YAAY,aAAa;AAClC,SAAS,kBAA+B;AAExC,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAG7C,MAAM,MAAM,CAAC,UAAsC,SAAS,OAAO,WAAM,GAAG,KAAK;AAG1E,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,CAAC,QAAQ;AACX,WACE,oBAAC,SAAM,OAAM,+BAA8B,SACzC,8BAAC,cAAW,OAAM,gCAA0B,MAAK,MAAK,GACxD;AAAA,EAEJ;AAEA,QAAM,OAAiB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,MAAM,OAAO,SAAS;AAAA,MAC7B,MAAM,IAAI,MAAM,OAAO,MAAM,CAAC,sBAAc,MAAM,OAAO,UAAU,CAAC;AAAA,MACpE,MAAM,OAAO,YAAY,IAAI,WAAW;AAAA,IAC1C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,IAAI,OAAO,wBAAwB;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,IAAI,OAAO,gBAAgB;AAAA,MAClC,MAAM,OAAO,mBAAmB,IAAI,WAAW;AAAA,IACjD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,OAAO,WAAW;AAAA,MACxC,MAAM,IAAI,QAAQ,OAAO,OAAO,QAAQ,CAAC,sBAAc,QAAQ;AAAA,QAC7D,OAAO;AAAA,MACT,CAAC;AAAA,MACD,MAAM,OAAO,cAAc,IAAI,WAAW;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,IAAI,OAAO,YAAY;AAAA,MAC9B,MAAM,OAAO,eAAe,IAAI,WAAW;AAAA,IAC7C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,IAAI,OAAO,wBAAwB;AAAA,MAC1C,MAAM,OAAO,2BAA2B,KAAK,WAAW;AAAA,IAC1D;AAAA,EACF;AAEA,SACE,oBAAC,SAAM,OAAM,+BAA8B,SACzC,8BAAC,cAAW,MAAY,GAC1B;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/revenue/health-panel.tsx"],"sourcesContent":["import type { PlatformCockpit } from '@withpotter/lib/admin-api';\nimport { AdmLoading, Panel } from '../_ui';\nimport { FigureList, type Figure } from './figure-list';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/** MRR movement, logo churn and concentration risk — how healthy the base is. */\nexport function HealthPanel({\n  health,\n  money,\n  caption,\n}: {\n  health: PlatformCockpit['health'] | undefined;\n  money: (value: number) => string;\n  caption: string;\n}) {\n  if (!health) {\n    return (\n      <Panel title=\"Revenue health\" caption={caption}>\n        <AdmLoading label=\"Loading revenue health…\" size=\"sm\" />\n      </Panel>\n    );\n  }\n\n  const rows: Figure[] = [\n    {\n      label: 'Net new MRR',\n      note: 'New and expansion, less churned',\n      value: money(health.netNewMrr),\n      hint: `+${money(health.newMrr)} new · −${money(health.churnedMrr)} churned`,\n      tone: health.netNewMrr < 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Gross revenue retention',\n      note: 'Share of starting MRR kept, ignoring expansion',\n      value: `${health.grossRevenueRetentionPct}%`,\n    },\n    {\n      label: 'Gross MRR churn',\n      note: 'MRR lost as a share of the base',\n      value: `${health.grossMrrChurnPct}%`,\n      tone: health.grossMrrChurnPct > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Net new logos',\n      note: 'Paying merchants gained, less lost',\n      value: integer.format(health.netNewLogos),\n      hint: `+${integer.format(health.newLogos)} new · −${integer.format(\n        health.churnedLogos,\n      )} churned`,\n      tone: health.netNewLogos < 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Logo churn',\n      note: 'Paying merchants lost as a share of the base',\n      value: `${health.logoChurnPct}%`,\n      tone: health.logoChurnPct > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'GMV concentration',\n      note: 'Share of GMV from the top 10 merchants',\n      value: `${health.gmvConcentrationTop10Pct}%`,\n      tone: health.gmvConcentrationTop10Pct > 50 ? 'danger' : 'default',\n    },\n  ];\n\n  return (\n    <Panel title=\"Revenue health\" caption={caption}>\n      <FigureList rows={rows} />\n    </Panel>\n  );\n}\n"],"mappings":"AAmBQ;AAlBR,SAAS,YAAY,aAAa;AAClC,SAAS,kBAA+B;AAExC,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAGtC,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,CAAC,QAAQ;AACX,WACE,oBAAC,SAAM,OAAM,kBAAiB,SAC5B,8BAAC,cAAW,OAAM,gCAA0B,MAAK,MAAK,GACxD;AAAA,EAEJ;AAEA,QAAM,OAAiB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,MAAM,OAAO,SAAS;AAAA,MAC7B,MAAM,IAAI,MAAM,OAAO,MAAM,CAAC,mBAAW,MAAM,OAAO,UAAU,CAAC;AAAA,MACjE,MAAM,OAAO,YAAY,IAAI,WAAW;AAAA,IAC1C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,GAAG,OAAO,wBAAwB;AAAA,IAC3C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,GAAG,OAAO,gBAAgB;AAAA,MACjC,MAAM,OAAO,mBAAmB,IAAI,WAAW;AAAA,IACjD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,OAAO,WAAW;AAAA,MACxC,MAAM,IAAI,QAAQ,OAAO,OAAO,QAAQ,CAAC,mBAAW,QAAQ;AAAA,QAC1D,OAAO;AAAA,MACT,CAAC;AAAA,MACD,MAAM,OAAO,cAAc,IAAI,WAAW;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,GAAG,OAAO,YAAY;AAAA,MAC7B,MAAM,OAAO,eAAe,IAAI,WAAW;AAAA,IAC7C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,GAAG,OAAO,wBAAwB;AAAA,MACzC,MAAM,OAAO,2BAA2B,KAAK,WAAW;AAAA,IAC1D;AAAA,EACF;AAEA,SACE,oBAAC,SAAM,OAAM,kBAAiB,SAC5B,8BAAC,cAAW,MAAY,GAC1B;AAEJ;","names":[]}

package/dist/admin/revenue/plan-mix-panel.js

@@ -13,7 +13,7 @@ function PlanMixPanel({
   return /* @__PURE__ */ jsx(
     Panel,
     {
-      title: "Who pays what",
+      title: "Plan mix",
       count: plans.length || void 0,
       caption,
       flush: true,
@@ -26,8 +26,8 @@ function PlanMixPanel({
           head: /* @__PURE__ */ jsxs("tr", { children: [
             /* @__PURE__ */ jsx(Th, { children: "Plan" }),
             /* @__PURE__ */ jsx(Th, { align: "right", children: "Subscribers" }),
-            /* @__PURE__ */ jsx(Th, { align: "right", children: "Monthly income" }),
-            /* @__PURE__ */ jsx(Th, { align: "right", children: "Share of monthly income" })
+            /* @__PURE__ */ jsx(Th, { align: "right", children: "MRR" }),
+            /* @__PURE__ */ jsx(Th, { align: "right", children: "% of MRR" })
           ] }),
           children: plans.map((p) => {
             const share = totalMrr > 0 ? p.mrr / totalMrr * 100 : 0;

package/dist/admin/revenue/plan-mix-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/revenue/plan-mix-panel.tsx"],"sourcesContent":["import type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { EmptyNote, TableRow, TableShell, Th } from '@withpotter/ui-kit';\nimport { Panel } from '../_ui';\nimport styles from './revenue.module.css';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/** Subscriber count and MRR per plan, ranked by MRR. */\nexport function PlanMixPanel({\n  planBreakdown,\n  money,\n  caption,\n}: {\n  planBreakdown: PlatformRevenue['recurring']['planBreakdown'];\n  money: (value: number) => string;\n  caption: string;\n}) {\n  const plans = [...planBreakdown].sort((a, b) => b.mrr - a.mrr);\n  const totalMrr = plans.reduce((sum, p) => sum + p.mrr, 0);\n\n  return (\n    <Panel\n      title=\"Who pays what\"\n      count={plans.length || undefined}\n      caption={caption}\n      flush\n    >\n      {plans.length === 0 ? (\n        <EmptyNote className={styles.empty}>\n          No active plans in this period.\n        </EmptyNote>\n      ) : (\n        <TableShell\n          bare\n          minWidth={420}\n          density=\"compact\"\n          head={\n            <tr>\n              <Th>Plan</Th>\n              <Th align=\"right\">Subscribers</Th>\n              <Th align=\"right\">Monthly income</Th>\n              <Th align=\"right\">Share of monthly income</Th>\n            </tr>\n          }\n        >\n          {plans.map((p) => {\n            const share = totalMrr > 0 ? (p.mrr / totalMrr) * 100 : 0;\n            return (\n              <TableRow key={p.planId}>\n                <td className={styles.name}>\n                  <span className={styles.tenantText}>\n                    {p.name}\n                    <span className={styles.slug}>{p.interval}</span>\n                  </span>\n                </td>\n                <td className={styles.num}>\n                  {integer.format(p.subscribers)}\n                </td>\n                <td className={styles.numStrong}>{money(p.mrr)}</td>\n                <td className={styles.num}>\n                  <span className={styles.share}>\n                    <span className={styles.shareTrack} aria-hidden>\n                      <span\n                        className={styles.shareFill}\n                        style={{ width: `${Math.min(share, 100)}%` }}\n                      />\n                    </span>\n                    {share.toFixed(1)}%\n                  </span>\n                </td>\n              </TableRow>\n            );\n          })}\n        </TableShell>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":"AA4BQ,cASI,YATJ;AA3BR,SAAS,WAAW,UAAU,YAAY,UAAU;AACpD,SAAS,aAAa;AACtB,OAAO,YAAY;AAEnB,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAGtC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,QAAQ,CAAC,GAAG,aAAa,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,GAAG;AAC7D,QAAM,WAAW,MAAM,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,KAAK,CAAC;AAExD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,MAAM,UAAU;AAAA,MACvB;AAAA,MACA,OAAK;AAAA,MAEJ,gBAAM,WAAW,IAChB,oBAAC,aAAU,WAAW,OAAO,OAAO,6CAEpC,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,UAAU;AAAA,UACV,SAAQ;AAAA,UACR,MACE,qBAAC,QACC;AAAA,gCAAC,MAAG,kBAAI;AAAA,YACR,oBAAC,MAAG,OAAM,SAAQ,yBAAW;AAAA,YAC7B,oBAAC,MAAG,OAAM,SAAQ,4BAAc;AAAA,YAChC,oBAAC,MAAG,OAAM,SAAQ,qCAAuB;AAAA,aAC3C;AAAA,UAGD,gBAAM,IAAI,CAAC,MAAM;AAChB,kBAAM,QAAQ,WAAW,IAAK,EAAE,MAAM,WAAY,MAAM;AACxD,mBACE,qBAAC,YACC;AAAA,kCAAC,QAAG,WAAW,OAAO,MACpB,+BAAC,UAAK,WAAW,OAAO,YACrB;AAAA,kBAAE;AAAA,gBACH,oBAAC,UAAK,WAAW,OAAO,MAAO,YAAE,UAAS;AAAA,iBAC5C,GACF;AAAA,cACA,oBAAC,QAAG,WAAW,OAAO,KACnB,kBAAQ,OAAO,EAAE,WAAW,GAC/B;AAAA,cACA,oBAAC,QAAG,WAAW,OAAO,WAAY,gBAAM,EAAE,GAAG,GAAE;AAAA,cAC/C,oBAAC,QAAG,WAAW,OAAO,KACpB,+BAAC,UAAK,WAAW,OAAO,OACtB;AAAA,oCAAC,UAAK,WAAW,OAAO,YAAY,eAAW,MAC7C;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAW,OAAO;AAAA,oBAClB,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,OAAO,GAAG,CAAC,IAAI;AAAA;AAAA,gBAC7C,GACF;AAAA,gBACC,MAAM,QAAQ,CAAC;AAAA,gBAAE;AAAA,iBACpB,GACF;AAAA,iBArBa,EAAE,MAsBjB;AAAA,UAEJ,CAAC;AAAA;AAAA,MACH;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/revenue/plan-mix-panel.tsx"],"sourcesContent":["import type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { EmptyNote, TableRow, TableShell, Th } from '@withpotter/ui-kit';\nimport { Panel } from '../_ui';\nimport styles from './revenue.module.css';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/** Subscriber count and MRR per plan, ranked by MRR. */\nexport function PlanMixPanel({\n  planBreakdown,\n  money,\n  caption,\n}: {\n  planBreakdown: PlatformRevenue['recurring']['planBreakdown'];\n  money: (value: number) => string;\n  caption: string;\n}) {\n  const plans = [...planBreakdown].sort((a, b) => b.mrr - a.mrr);\n  const totalMrr = plans.reduce((sum, p) => sum + p.mrr, 0);\n\n  return (\n    <Panel\n      title=\"Plan mix\"\n      count={plans.length || undefined}\n      caption={caption}\n      flush\n    >\n      {plans.length === 0 ? (\n        <EmptyNote className={styles.empty}>\n          No active plans in this period.\n        </EmptyNote>\n      ) : (\n        <TableShell\n          bare\n          minWidth={420}\n          density=\"compact\"\n          head={\n            <tr>\n              <Th>Plan</Th>\n              <Th align=\"right\">Subscribers</Th>\n              <Th align=\"right\">MRR</Th>\n              <Th align=\"right\">% of MRR</Th>\n            </tr>\n          }\n        >\n          {plans.map((p) => {\n            const share = totalMrr > 0 ? (p.mrr / totalMrr) * 100 : 0;\n            return (\n              <TableRow key={p.planId}>\n                <td className={styles.name}>\n                  <span className={styles.tenantText}>\n                    {p.name}\n                    <span className={styles.slug}>{p.interval}</span>\n                  </span>\n                </td>\n                <td className={styles.num}>\n                  {integer.format(p.subscribers)}\n                </td>\n                <td className={styles.numStrong}>{money(p.mrr)}</td>\n                <td className={styles.num}>\n                  <span className={styles.share}>\n                    <span className={styles.shareTrack} aria-hidden>\n                      <span\n                        className={styles.shareFill}\n                        style={{ width: `${Math.min(share, 100)}%` }}\n                      />\n                    </span>\n                    {share.toFixed(1)}%\n                  </span>\n                </td>\n              </TableRow>\n            );\n          })}\n        </TableShell>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":"AA4BQ,cASI,YATJ;AA3BR,SAAS,WAAW,UAAU,YAAY,UAAU;AACpD,SAAS,aAAa;AACtB,OAAO,YAAY;AAEnB,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAGtC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,QAAQ,CAAC,GAAG,aAAa,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,GAAG;AAC7D,QAAM,WAAW,MAAM,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,KAAK,CAAC;AAExD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,MAAM,UAAU;AAAA,MACvB;AAAA,MACA,OAAK;AAAA,MAEJ,gBAAM,WAAW,IAChB,oBAAC,aAAU,WAAW,OAAO,OAAO,6CAEpC,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,UAAU;AAAA,UACV,SAAQ;AAAA,UACR,MACE,qBAAC,QACC;AAAA,gCAAC,MAAG,kBAAI;AAAA,YACR,oBAAC,MAAG,OAAM,SAAQ,yBAAW;AAAA,YAC7B,oBAAC,MAAG,OAAM,SAAQ,iBAAG;AAAA,YACrB,oBAAC,MAAG,OAAM,SAAQ,sBAAQ;AAAA,aAC5B;AAAA,UAGD,gBAAM,IAAI,CAAC,MAAM;AAChB,kBAAM,QAAQ,WAAW,IAAK,EAAE,MAAM,WAAY,MAAM;AACxD,mBACE,qBAAC,YACC;AAAA,kCAAC,QAAG,WAAW,OAAO,MACpB,+BAAC,UAAK,WAAW,OAAO,YACrB;AAAA,kBAAE;AAAA,gBACH,oBAAC,UAAK,WAAW,OAAO,MAAO,YAAE,UAAS;AAAA,iBAC5C,GACF;AAAA,cACA,oBAAC,QAAG,WAAW,OAAO,KACnB,kBAAQ,OAAO,EAAE,WAAW,GAC/B;AAAA,cACA,oBAAC,QAAG,WAAW,OAAO,WAAY,gBAAM,EAAE,GAAG,GAAE;AAAA,cAC/C,oBAAC,QAAG,WAAW,OAAO,KACpB,+BAAC,UAAK,WAAW,OAAO,OACtB;AAAA,oCAAC,UAAK,WAAW,OAAO,YAAY,eAAW,MAC7C;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAW,OAAO;AAAA,oBAClB,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,OAAO,GAAG,CAAC,IAAI;AAAA;AAAA,gBAC7C,GACF;AAAA,gBACC,MAAM,QAAQ,CAAC;AAAA,gBAAE;AAAA,iBACpB,GACF;AAAA,iBArBa,EAAE,MAsBjB;AAAA,UAEJ,CAAC;AAAA;AAAA,MACH;AAAA;AAAA,EAEJ;AAEJ;","names":[]}