@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/tenants/tenants-analytics.js

@@ -0,0 +1,119 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { TimeSeriesChart } from "@withpotter/components/charts";
+import {
+  AdmLoading,
+  DonutChart,
+  GmvOrdersChart,
+  PICK_CURRENCY,
+  Panel,
+  moneyIn,
+  rowFor,
+  toTrend
+} from "../_ui";
+import { BarList } from "../audit/bar-list";
+import { LoadFailed } from "../audit/load-failed";
+import { statusFill } from "../audit/status-fill";
+import { Tinted } from "../audit/tinted";
+import { TenantsKpis } from "./tenants-kpis";
+const sentence = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+function TenantsAnalytics({
+  data,
+  isLoading,
+  isError,
+  onRetry,
+  currency,
+  focus,
+  caption,
+  span,
+  compare
+}) {
+  const statusSlices = useMemo(
+    () => (data?.statusBreakdown ?? []).map((s) => ({
+      label: sentence(s.status),
+      value: s.count,
+      color: statusFill(s.status)
+    })).sort((a, b) => b.value - a.value),
+    [data]
+  );
+  const industryRows = useMemo(
+    () => [...data?.industryBreakdown ?? []].sort((a, b) => b.count - a.count).map((s) => ({ key: s.industry, label: s.industry, count: s.count })),
+    [data]
+  );
+  const series = useMemo(
+    () => rowFor(data?.performanceSeriesByCurrency, focus)?.series,
+    [data, focus]
+  );
+  const gmvTrend = useMemo(() => toTrend(series, "gmv"), [series]);
+  const ordersTrend = useMemo(() => toTrend(series, "orders"), [series]);
+  const onboardingTrend = useMemo(
+    () => toTrend(data?.onboardingSeries, "count"),
+    [data]
+  );
+  const previousOnboardingTrend = useMemo(
+    () => toTrend(data?.previousOnboardingSeries, "count"),
+    [data]
+  );
+  if (isError) {
+    return /* @__PURE__ */ jsx(
+      LoadFailed,
+      {
+        message: "Merchant analytics could not be loaded.",
+        onRetry
+      }
+    );
+  }
+  if (isLoading || !data) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading analytics\u2026" });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(TenantsKpis, { data, currency, focus }),
+    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+      /* @__PURE__ */ jsx("div", { className: "adm-span-8", children: /* @__PURE__ */ jsx(Panel, { title: "GMV & orders", caption, children: focus ? /* @__PURE__ */ jsx(
+        GmvOrdersChart,
+        {
+          gmvTrend,
+          ordersTrend,
+          previousGmvTrend: [],
+          previousOrdersTrend: [],
+          compare: false,
+          span,
+          money: moneyIn(focus)
+        }
+      ) : /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-secondary)]", children: PICK_CURRENCY }) }) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-4", children: /* @__PURE__ */ jsx(Panel, { title: "Merchant onboarding", caption, children: /* @__PURE__ */ jsx(Tinted, { tone: "brand", children: /* @__PURE__ */ jsx(
+        TimeSeriesChart,
+        {
+          data: onboardingTrend,
+          compare: compare ? previousOnboardingTrend : null,
+          compareLabel: `Previous ${span}`,
+          label: "Sign-ups",
+          emptyMessage: "No sign-ups in this window",
+          height: 284
+        }
+      ) }) }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+      /* @__PURE__ */ jsx("div", { className: "adm-span-6", children: /* @__PURE__ */ jsx(Panel, { title: "Merchants by status", children: /* @__PURE__ */ jsx(
+        DonutChart,
+        {
+          data: statusSlices,
+          centerLabel: "merchants",
+          emptyLabel: "No merchants yet"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-6", children: /* @__PURE__ */ jsx(
+        Panel,
+        {
+          title: "Merchants by industry",
+          count: industryRows.length || void 0,
+          height: "var(--adm-panel-h)",
+          children: /* @__PURE__ */ jsx(BarList, { rows: industryRows, empty: "No industry data yet." })
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  TenantsAnalytics
+};
+//# sourceMappingURL=tenants-analytics.js.map

package/dist/admin/tenants/tenants-analytics.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/tenants/tenants-analytics.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { TimeSeriesChart } from '@withpotter/components/charts';\nimport type { TenantsAnalytics as Analytics } from '@withpotter/lib/admin-api';\nimport {\n  AdmLoading,\n  DonutChart,\n  GmvOrdersChart,\n  PICK_CURRENCY,\n  Panel,\n  moneyIn,\n  rowFor,\n  toTrend,\n  type DonutSlice,\n} from '../_ui';\nimport { BarList } from '../audit/bar-list';\nimport { LoadFailed } from '../audit/load-failed';\nimport { statusFill } from '../audit/status-fill';\nimport { Tinted } from '../audit/tinted';\nimport { TenantsKpis } from './tenants-kpis';\n\nconst sentence = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);\n\nexport function TenantsAnalytics({\n  data,\n  isLoading,\n  isError,\n  onRetry,\n  currency,\n  focus,\n  caption,\n  span,\n  compare,\n}: {\n  data: Analytics | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  onRetry: () => void;\n  /** The currency filter's choice; '' shows every currency. */\n  currency: string;\n  /** The one currency the chart draws, or null when several and none picked. */\n  focus: string | null;\n  /** The selected window in words, stated once per panel. */\n  caption: string;\n  span: string;\n  /** False for \"all time\": there is no earlier period to compare with. */\n  compare: boolean;\n}) {\n  // Largest first, so each donut reads clockwise from its biggest share.\n  const statusSlices: DonutSlice[] = useMemo(\n    () =>\n      (data?.statusBreakdown ?? [])\n        .map((s) => ({\n          label: sentence(s.status),\n          value: s.count,\n          color: statusFill(s.status),\n        }))\n        .sort((a, b) => b.value - a.value),\n    [data],\n  );\n\n  // Ranked bars in one brand colour; the list scrolls inside its card.\n  const industryRows = useMemo(\n    () =>\n      [...(data?.industryBreakdown ?? [])]\n        .sort((a, b) => b.count - a.count)\n        .map((s) => ({ key: s.industry, label: s.industry, count: s.count })),\n    [data],\n  );\n\n  // A chart draws one currency: the filter's, or the only one there is.\n  const series = useMemo(\n    () => rowFor(data?.performanceSeriesByCurrency, focus)?.series,\n    [data, focus],\n  );\n  const gmvTrend = useMemo(() => toTrend(series, 'gmv'), [series]);\n  const ordersTrend = useMemo(() => toTrend(series, 'orders'), [series]);\n  const onboardingTrend = useMemo(\n    () => toTrend(data?.onboardingSeries, 'count'),\n    [data],\n  );\n  const previousOnboardingTrend = useMemo(\n    () => toTrend(data?.previousOnboardingSeries, 'count'),\n    [data],\n  );\n\n  if (isError) {\n    return (\n      <LoadFailed\n        message=\"Merchant analytics could not be loaded.\"\n        onRetry={onRetry}\n      />\n    );\n  }\n  if (isLoading || !data) return <AdmLoading label=\"Loading analytics…\" />;\n\n  return (\n    <>\n      <TenantsKpis data={data} currency={currency} focus={focus} />\n\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-8\">\n          <Panel title=\"GMV & orders\" caption={caption}>\n            {focus ? (\n              <GmvOrdersChart\n                gmvTrend={gmvTrend}\n                ordersTrend={ordersTrend}\n                previousGmvTrend={[]}\n                previousOrdersTrend={[]}\n                compare={false}\n                span={span}\n                money={moneyIn(focus)}\n              />\n            ) : (\n              <p className=\"text-sm text-[var(--text-secondary)]\">\n                {PICK_CURRENCY}\n              </p>\n            )}\n          </Panel>\n        </div>\n        <div className=\"adm-span-4\">\n          <Panel title=\"Merchant onboarding\" caption={caption}>\n            <Tinted tone=\"brand\">\n              <TimeSeriesChart\n                data={onboardingTrend}\n                compare={compare ? previousOnboardingTrend : null}\n                compareLabel={`Previous ${span}`}\n                label=\"Sign-ups\"\n                emptyMessage=\"No sign-ups in this window\"\n                height={284}\n              />\n            </Tinted>\n          </Panel>\n        </div>\n      </div>\n\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-6\">\n          <Panel title=\"Merchants by status\">\n            <DonutChart\n              data={statusSlices}\n              centerLabel=\"merchants\"\n              emptyLabel=\"No merchants yet\"\n            />\n          </Panel>\n        </div>\n        <div className=\"adm-span-6\">\n          <Panel\n            title=\"Merchants by industry\"\n            count={industryRows.length || undefined}\n            height=\"var(--adm-panel-h)\"\n          >\n            <BarList rows={industryRows} empty=\"No industry data yet.\" />\n          </Panel>\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/tenants/tenants-kpis.js

@@ -0,0 +1,98 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Reveal } from "../_fx";
+import { MoneyLines, StatCard, rowFor, shownRows } from "../_ui";
+const fmt = (n) => new Intl.NumberFormat("en-US").format(n);
+function TenantsKpis({
+  data,
+  currency,
+  focus
+}) {
+  const t = data.totals;
+  const byCurrency = data.totalsByCurrency;
+  const shown = shownRows(byCurrency, currency);
+  const orders = shown.reduce((n, r) => n + r.orders, 0);
+  const ordersInRange = shown.reduce((n, r) => n + r.ordersInRange, 0);
+  const active = data.statusBreakdown.find((s) => s.status === "active")?.count ?? 0;
+  const one = rowFor(byCurrency, focus);
+  const share = one && one.gmv > 0 ? `${Math.round(one.gmvInRange / one.gmv * 100)}% of total` : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("section", { "aria-label": "Merchant indicators", className: "adm-grid", children: [
+      /* @__PURE__ */ jsx(Reveal, { index: 0, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Total merchants",
+          value: fmt(t.tenants),
+          sub: `+${fmt(t.newTenantsInRange)} new`
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Reveal, { index: 1, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Active merchants",
+          value: fmt(active),
+          sub: `${t.activeRate}% of total`
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Reveal, { index: 2, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "GMV this period",
+          value: /* @__PURE__ */ jsx(
+            MoneyLines,
+            {
+              rows: byCurrency,
+              currency,
+              amount: (r) => r.gmvInRange
+            }
+          ),
+          sub: `${fmt(ordersInRange)} orders${share ? ` \xB7 ${share}` : ""}`
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Reveal, { index: 3, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Lifetime GMV",
+          value: /* @__PURE__ */ jsx(
+            MoneyLines,
+            {
+              rows: byCurrency,
+              currency,
+              amount: (r) => r.gmv
+            }
+          ),
+          sub: `${fmt(orders)} orders`
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+      /* @__PURE__ */ jsx(Reveal, { index: 0, className: "adm-span-3", children: /* @__PURE__ */ jsx(StatCard, { label: "New merchants", value: fmt(t.newTenantsInRange) }) }),
+      /* @__PURE__ */ jsx(Reveal, { index: 1, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Avg order value",
+          value: /* @__PURE__ */ jsx(
+            MoneyLines,
+            {
+              rows: byCurrency,
+              currency,
+              amount: (r) => r.aov
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Reveal, { index: 2, className: "adm-span-3", children: /* @__PURE__ */ jsx(StatCard, { label: "Accounts", value: fmt(t.accounts) }) }),
+      /* @__PURE__ */ jsx(Reveal, { index: 3, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Merchants per account",
+          value: fmt(t.avgTenantsPerAccount)
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  TenantsKpis
+};
+//# sourceMappingURL=tenants-kpis.js.map

package/dist/admin/tenants/tenants-kpis.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/tenants/tenants-kpis.tsx"],"sourcesContent":["'use client';\n\nimport type { TenantsAnalytics as Analytics } from '@withpotter/lib/admin-api';\nimport { Reveal } from '../_fx';\nimport { MoneyLines, StatCard, rowFor, shownRows } from '../_ui';\n\nconst fmt = (n: number) => new Intl.NumberFormat('en-US').format(n);\n\n/**\n * Eight headline figures, two rows of four: population and money first,\n * then the secondary figures. Money shows one line per currency, never a\n * total across them; order counts can be added and are.\n */\nexport function TenantsKpis({\n  data,\n  currency,\n  focus,\n}: {\n  data: Analytics;\n  /** The currency filter's choice; '' shows every currency. */\n  currency: string;\n  /** The one currency in view, or null when several and none picked. */\n  focus: string | null;\n}) {\n  const t = data.totals;\n  const byCurrency = data.totalsByCurrency;\n  const shown = shownRows(byCurrency, currency);\n  const orders = shown.reduce((n, r) => n + r.orders, 0);\n  const ordersInRange = shown.reduce((n, r) => n + r.ordersInRange, 0);\n  const active =\n    data.statusBreakdown.find((s) => s.status === 'active')?.count ?? 0;\n  // A share of a total only makes sense inside one currency.\n  const one = rowFor(byCurrency, focus);\n  const share =\n    one && one.gmv > 0\n      ? `${Math.round((one.gmvInRange / one.gmv) * 100)}% of total`\n      : null;\n\n  return (\n    <>\n      <section aria-label=\"Merchant indicators\" className=\"adm-grid\">\n        <Reveal index={0} className=\"adm-span-3\">\n          <StatCard\n            label=\"Total merchants\"\n            value={fmt(t.tenants)}\n            sub={`+${fmt(t.newTenantsInRange)} new`}\n          />\n        </Reveal>\n        <Reveal index={1} className=\"adm-span-3\">\n          <StatCard\n            label=\"Active merchants\"\n            value={fmt(active)}\n            sub={`${t.activeRate}% of total`}\n          />\n        </Reveal>\n        <Reveal index={2} className=\"adm-span-3\">\n          <StatCard\n            label=\"GMV this period\"\n            value={\n              <MoneyLines\n                rows={byCurrency}\n                currency={currency}\n                amount={(r) => r.gmvInRange}\n              />\n            }\n            sub={`${fmt(ordersInRange)} orders${share ? ` · ${share}` : ''}`}\n          />\n        </Reveal>\n        <Reveal index={3} className=\"adm-span-3\">\n          <StatCard\n            label=\"Lifetime GMV\"\n            value={\n              <MoneyLines\n                rows={byCurrency}\n                currency={currency}\n                amount={(r) => r.gmv}\n              />\n            }\n            sub={`${fmt(orders)} orders`}\n          />\n        </Reveal>\n      </section>\n\n      <div className=\"adm-grid\">\n        <Reveal index={0} className=\"adm-span-3\">\n          <StatCard label=\"New merchants\" value={fmt(t.newTenantsInRange)} />\n        </Reveal>\n        <Reveal index={1} className=\"adm-span-3\">\n          <StatCard\n            label=\"Avg order value\"\n            value={\n              <MoneyLines\n                rows={byCurrency}\n                currency={currency}\n                amount={(r) => r.aov}\n              />\n            }\n          />\n        </Reveal>\n        <Reveal index={2} className=\"adm-span-3\">\n          <StatCard label=\"Accounts\" value={fmt(t.accounts)} />\n        </Reveal>\n        <Reveal index={3} className=\"adm-span-3\">\n          <StatCard\n            label=\"Merchants per account\"\n            value={fmt(t.avgTenantsPerAccount)}\n          />\n        </Reveal>\n      </div>\n    </>\n  );\n}\n"],"mappings":";AAuCI,mBAGM,KAFJ,YADF;AApCJ,SAAS,cAAc;AACvB,SAAS,YAAY,UAAU,QAAQ,iBAAiB;AAExD,MAAM,MAAM,CAAC,MAAc,IAAI,KAAK,aAAa,OAAO,EAAE,OAAO,CAAC;AAO3D,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,aAAa,KAAK;AACxB,QAAM,QAAQ,UAAU,YAAY,QAAQ;AAC5C,QAAM,SAAS,MAAM,OAAO,CAAC,GAAG,MAAM,IAAI,EAAE,QAAQ,CAAC;AACrD,QAAM,gBAAgB,MAAM,OAAO,CAAC,GAAG,MAAM,IAAI,EAAE,eAAe,CAAC;AACnE,QAAM,SACJ,KAAK,gBAAgB,KAAK,CAAC,MAAM,EAAE,WAAW,QAAQ,GAAG,SAAS;AAEpE,QAAM,MAAM,OAAO,YAAY,KAAK;AACpC,QAAM,QACJ,OAAO,IAAI,MAAM,IACb,GAAG,KAAK,MAAO,IAAI,aAAa,IAAI,MAAO,GAAG,CAAC,eAC/C;AAEN,SACE,iCACE;AAAA,yBAAC,aAAQ,cAAW,uBAAsB,WAAU,YAClD;AAAA,0BAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,IAAI,EAAE,OAAO;AAAA,UACpB,KAAK,IAAI,IAAI,EAAE,iBAAiB,CAAC;AAAA;AAAA,MACnC,GACF;AAAA,MACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,IAAI,MAAM;AAAA,UACjB,KAAK,GAAG,EAAE,UAAU;AAAA;AAAA,MACtB,GACF;AAAA,MACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OACE;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN;AAAA,cACA,QAAQ,CAAC,MAAM,EAAE;AAAA;AAAA,UACnB;AAAA,UAEF,KAAK,GAAG,IAAI,aAAa,CAAC,UAAU,QAAQ,SAAM,KAAK,KAAK,EAAE;AAAA;AAAA,MAChE,GACF;AAAA,MACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OACE;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN;AAAA,cACA,QAAQ,CAAC,MAAM,EAAE;AAAA;AAAA,UACnB;AAAA,UAEF,KAAK,GAAG,IAAI,MAAM,CAAC;AAAA;AAAA,MACrB,GACF;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,YACb;AAAA,0BAAC,UAAO,OAAO,GAAG,WAAU,cAC1B,8BAAC,YAAS,OAAM,iBAAgB,OAAO,IAAI,EAAE,iBAAiB,GAAG,GACnE;AAAA,MACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OACE;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN;AAAA,cACA,QAAQ,CAAC,MAAM,EAAE;AAAA;AAAA,UACnB;AAAA;AAAA,MAEJ,GACF;AAAA,MACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B,8BAAC,YAAS,OAAM,YAAW,OAAO,IAAI,EAAE,QAAQ,GAAG,GACrD;AAAA,MACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,IAAI,EAAE,oBAAoB;AAAA;AAAA,MACnC,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/tenants/tenants-logo.js

@@ -0,0 +1,8 @@
+function logoOf(row) {
+  const r = row;
+  return r.logoUrl ?? r.profile?.logoUrl ?? null;
+}
+export {
+  logoOf
+};
+//# sourceMappingURL=tenants-logo.js.map

package/dist/admin/tenants/tenants-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/tenants/tenants-logo.ts"],"sourcesContent":["/**\n * A merchant's logo when the API sends one on the row, flat (`logoUrl`) or\n * on the profile (`profile.logoUrl`). Rows without one show the name only,\n * so lists pick logos up the day the API starts sending them.\n */\nexport function logoOf(row: object): string | null {\n  const r = row as {\n    logoUrl?: string | null;\n    profile?: { logoUrl?: string | null } | null;\n  };\n\n  return r.logoUrl ?? r.profile?.logoUrl ?? null;\n}\n"],"mappings":"AAKO,SAAS,OAAO,KAA4B;AACjD,QAAM,IAAI;AAKV,SAAO,EAAE,WAAW,EAAE,SAAS,WAAW;AAC5C;","names":[]}

package/dist/admin/tenants/tenants-table.js

@@ -0,0 +1,135 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { Th } from "@withpotter/ui-kit";
+import { usePlatformTenants } from "../hooks";
+import { ListCard, ListPager } from "../_ui/list-card";
+import { TenantListRow } from "./tenant-list-row";
+import { FilterSearch, FilterSelect, Filters } from "../_ui";
+import { CountryFilter, useCountryParam } from "./country-filter";
+import { AccountOfficerFilter, useOfficerParam } from "./account-officer-filter";
+const STATUS_OPTIONS = [
+  "active",
+  "pending",
+  "suspended",
+  "deleted"
+];
+const sentence = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+function TenantsTable() {
+  const router = useRouter();
+  const [search, setSearch] = useState("");
+  const [status, setStatus] = useState("");
+  const [country, setCountry] = useCountryParam();
+  const [officer, setOfficer] = useOfficerParam();
+  const [page, setPage] = useState(1);
+  const { data, isLoading, isError, refetch } = usePlatformTenants({
+    page,
+    pageSize: 20,
+    search: search || void 0,
+    status: status || void 0,
+    country: country || void 0,
+    accountOfficerId: officer || void 0
+  });
+  const totalPages = data ? Math.max(1, Math.ceil(data.total / data.pageSize)) : 1;
+  return /* @__PURE__ */ jsx(
+    ListCard,
+    {
+      title: "All merchants",
+      count: data?.total,
+      columns: 9,
+      minWidth: 1e3,
+      isLoading,
+      isError,
+      onRetry: () => void refetch(),
+      errorTitle: "Failed to load merchants.",
+      isEmpty: data?.rows.length === 0,
+      emptyTitle: "No merchants found",
+      emptyDescription: "Try a different search, status, country or officer.",
+      controls: /* @__PURE__ */ jsxs(Filters, { label: "Filter merchants", children: [
+        /* @__PURE__ */ jsx(
+          FilterSearch,
+          {
+            value: search,
+            onChange: (v) => {
+              setSearch(v);
+              setPage(1);
+            },
+            placeholder: "Search by name or slug\u2026"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FilterSelect,
+          {
+            label: "Status",
+            value: status,
+            onChange: (v) => {
+              setStatus(v);
+              setPage(1);
+            },
+            options: [
+              { value: "", label: "All statuses" },
+              ...STATUS_OPTIONS.map((s) => ({
+                value: s,
+                label: sentence(s)
+              }))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CountryFilter,
+          {
+            value: country,
+            onChange: (v) => {
+              setCountry(v);
+              setPage(1);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          AccountOfficerFilter,
+          {
+            value: officer,
+            onChange: (v) => {
+              setOfficer(v);
+              setPage(1);
+            }
+          }
+        )
+      ] }),
+      head: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx(Th, { children: "Business" }),
+        /* @__PURE__ */ jsx(Th, { children: "Email" }),
+        /* @__PURE__ */ jsx(Th, { children: "Country" }),
+        /* @__PURE__ */ jsx(Th, { children: "Industry" }),
+        /* @__PURE__ */ jsx(Th, { align: "right", children: "GMV" }),
+        /* @__PURE__ */ jsx(Th, { children: "Status" }),
+        /* @__PURE__ */ jsx(Th, { children: "Account officer" }),
+        /* @__PURE__ */ jsx(Th, { children: "Joined" }),
+        /* @__PURE__ */ jsx(Th, { align: "right", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Actions" }) })
+      ] }),
+      footer: /* @__PURE__ */ jsx(
+        ListPager,
+        {
+          page,
+          totalPages,
+          total: data?.total,
+          noun: "merchants",
+          onPage: setPage
+        }
+      ),
+      children: data?.rows.map((t) => /* @__PURE__ */ jsx(
+        TenantListRow,
+        {
+          t,
+          onOpen: () => router.push(`/admin/tenants/${t.id}`)
+        },
+        t.id
+      ))
+    }
+  );
+}
+export {
+  TenantsTable
+};
+//# sourceMappingURL=tenants-table.js.map

package/dist/admin/tenants/tenants-table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/tenants/tenants-table.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useRouter } from 'next/navigation';\nimport { Th } from '@withpotter/ui-kit';\nimport type { TenantStatus } from '@withpotter/lib/admin-api';\nimport { usePlatformTenants } from '../hooks';\nimport { ListCard, ListPager } from '../_ui/list-card';\nimport { TenantListRow } from './tenant-list-row';\nimport { FilterSearch, FilterSelect, Filters } from '../_ui';\nimport { CountryFilter, useCountryParam } from './country-filter';\nimport { AccountOfficerFilter, useOfficerParam } from './account-officer-filter';\n\nconst STATUS_OPTIONS: TenantStatus[] = [\n  'active',\n  'pending',\n  'suspended',\n  'deleted',\n];\n\nconst sentence = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);\n\n/** Every business, searchable by name or slug, narrowed by status, country or officer. */\nexport function TenantsTable() {\n  const router = useRouter();\n  const [search, setSearch] = useState('');\n  const [status, setStatus] = useState<TenantStatus | ''>('');\n  const [country, setCountry] = useCountryParam();\n  const [officer, setOfficer] = useOfficerParam();\n  const [page, setPage] = useState(1);\n  const { data, isLoading, isError, refetch } = usePlatformTenants({\n    page,\n    pageSize: 20,\n    search: search || undefined,\n    status: status || undefined,\n    country: country || undefined,\n    accountOfficerId: officer || undefined,\n  });\n  const totalPages = data\n    ? Math.max(1, Math.ceil(data.total / data.pageSize))\n    : 1;\n\n  return (\n    <ListCard\n      title=\"All merchants\"\n      count={data?.total}\n      columns={9}\n      minWidth={1000}\n      isLoading={isLoading}\n      isError={isError}\n      onRetry={() => void refetch()}\n      errorTitle=\"Failed to load merchants.\"\n      isEmpty={data?.rows.length === 0}\n      emptyTitle=\"No merchants found\"\n      emptyDescription=\"Try a different search, status, country or officer.\"\n      controls={\n        <Filters label=\"Filter merchants\">\n          <FilterSearch\n            value={search}\n            onChange={(v) => {\n              setSearch(v);\n              setPage(1);\n            }}\n            placeholder=\"Search by name or slug…\"\n          />\n          <FilterSelect\n            label=\"Status\"\n            value={status}\n            onChange={(v) => {\n              setStatus(v as TenantStatus | '');\n              setPage(1);\n            }}\n            options={[\n              { value: '', label: 'All statuses' },\n              ...STATUS_OPTIONS.map((s) => ({\n                value: s,\n                label: sentence(s),\n              })),\n            ]}\n          />\n          <CountryFilter\n            value={country}\n            onChange={(v) => {\n              setCountry(v);\n              setPage(1);\n            }}\n          />\n          <AccountOfficerFilter\n            value={officer}\n            onChange={(v) => {\n              setOfficer(v);\n              setPage(1);\n            }}\n          />\n        </Filters>\n      }\n      head={\n        <tr>\n          <Th>Business</Th>\n          <Th>Email</Th>\n          <Th>Country</Th>\n          <Th>Industry</Th>\n          <Th align=\"right\">GMV</Th>\n          <Th>Status</Th>\n          <Th>Account officer</Th>\n          <Th>Joined</Th>\n          <Th align=\"right\">\n            <span className=\"sr-only\">Actions</span>\n          </Th>\n        </tr>\n      }\n      footer={\n        <ListPager\n          page={page}\n          totalPages={totalPages}\n          total={data?.total}\n          noun=\"merchants\"\n          onPage={setPage}\n        />\n      }\n    >\n      {data?.rows.map((t) => (\n        <TenantListRow\n          key={t.id}\n          t={t}\n          onOpen={() => router.push(`/admin/tenants/${t.id}`)}\n        />\n      ))}\n    </ListCard>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,98 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import {
+  CurrencyFilter,
+  PageHeader,
+  PageTabs,
+  PeriodSelector,
+  customRange,
+  focusCurrency,
+  periodPhrase,
+  rangeFromKey,
+  useCurrencyParam,
+  usePersistedDateRange,
+  useTabParam
+} from "../_ui";
+import { usePlatformTenantsAnalytics } from "../hooks";
+import { TenantsAnalytics } from "./tenants-analytics";
+import { TenantsTable } from "./tenants-table";
+const TABS = [
+  { id: "overview", label: "Overview" },
+  { id: "all", label: "All merchants" }
+];
+const KEYS = TABS.map((t) => t.id);
+function TenantsWorkspace() {
+  const [tab, setTab] = useTabParam(KEYS);
+  const {
+    rangeKey,
+    setRangeKey,
+    customStart,
+    customEnd,
+    onCustomChange,
+    compare
+  } = usePersistedDateRange();
+  const [currency, setCurrency] = useCurrencyParam();
+  const range = useMemo(
+    () => rangeKey === "custom" ? customRange(customStart, customEnd) : rangeFromKey(rangeKey),
+    [rangeKey, customStart, customEnd]
+  );
+  const analytics = usePlatformTenantsAnalytics({
+    startDate: range.startDate,
+    endDate: range.endDate
+  });
+  const currencies = useMemo(
+    () => analytics.data?.currencies ?? [],
+    [analytics.data]
+  );
+  const span = periodPhrase(range);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title: "Workspaces",
+        description: "Every workspace on the platform, how it\u2019s doing and what it sells.",
+        actions: tab === "overview" && /* @__PURE__ */ jsxs("div", { className: "adm-toolbar", children: [
+          /* @__PURE__ */ jsx(
+            CurrencyFilter,
+            {
+              value: currency,
+              onChange: setCurrency,
+              currencies
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PeriodSelector,
+            {
+              value: rangeKey,
+              onChange: setRangeKey,
+              customStart,
+              customEnd,
+              onCustomChange
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(PageTabs, { tabs: TABS, active: tab, onChange: setTab }),
+    tab === "overview" && /* @__PURE__ */ jsx(
+      TenantsAnalytics,
+      {
+        data: analytics.data,
+        isLoading: analytics.isLoading,
+        isError: analytics.isError,
+        onRetry: () => void analytics.refetch(),
+        currency,
+        focus: focusCurrency(currencies, currency),
+        caption: `${span[0].toUpperCase()}${span.slice(1)}`,
+        span,
+        compare
+      }
+    ),
+    tab === "all" && /* @__PURE__ */ jsx(TenantsTable, {})
+  ] });
+}
+export {
+  TenantsWorkspace
+};
+//# sourceMappingURL=tenants-workspace.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/tenants/tenants-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport {\n  CurrencyFilter,\n  PageHeader,\n  PageTabs,\n  PeriodSelector,\n  customRange,\n  focusCurrency,\n  periodPhrase,\n  rangeFromKey,\n  useCurrencyParam,\n  usePersistedDateRange,\n  useTabParam,\n} from '../_ui';\nimport { usePlatformTenantsAnalytics } from '../hooks';\nimport { TenantsAnalytics } from './tenants-analytics';\nimport { TenantsTable } from './tenants-table';\n\nconst TABS = [\n  { id: 'overview', label: 'Overview' },\n  { id: 'all', label: 'All merchants' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/** Merchants: the period's picture on Overview, every business on its own tab. */\nexport function TenantsWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const {\n    rangeKey,\n    setRangeKey,\n    customStart,\n    customEnd,\n    onCustomChange,\n    compare,\n  } = usePersistedDateRange();\n  // Merchant GMV comes back once per currency; `?currency=` narrows it.\n  const [currency, setCurrency] = useCurrencyParam();\n  const range = useMemo(\n    () =>\n      rangeKey === 'custom'\n        ? customRange(customStart, customEnd)\n        : rangeFromKey(rangeKey),\n    [rangeKey, customStart, customEnd],\n  );\n  const analytics = usePlatformTenantsAnalytics({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n\n  const currencies = useMemo(\n    () => analytics.data?.currencies ?? [],\n    [analytics.data],\n  );\n  const span = periodPhrase(range);\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Workspaces\"\n        description=\"Every workspace on the platform, how it’s doing and what it sells.\"\n        actions={\n          tab === 'overview' && (\n            <div className=\"adm-toolbar\">\n              <CurrencyFilter\n                value={currency}\n                onChange={setCurrency}\n                currencies={currencies}\n              />\n              <PeriodSelector\n                value={rangeKey}\n                onChange={setRangeKey}\n                customStart={customStart}\n                customEnd={customEnd}\n                onCustomChange={onCustomChange}\n              />\n            </div>\n          )\n        }\n      />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n\n      {tab === 'overview' && (\n        <TenantsAnalytics\n          data={analytics.data}\n          isLoading={analytics.isLoading}\n          isError={analytics.isError}\n          onRetry={() => void analytics.refetch()}\n          currency={currency}\n          focus={focusCurrency(currencies, currency)}\n          caption={`${span[0].toUpperCase()}${span.slice(1)}`}\n          span={span}\n          compare={compare}\n        />\n      )}\n\n      {tab === 'all' && <TenantsTable />}\n    </div>\n  );\n}\n"],"mappings":";AAiEY,SACE,KADF;AA/DZ,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mCAAmC;AAC5C,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAE7B,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,YAAY,OAAO,WAAW;AAAA,EACpC,EAAE,IAAI,OAAO,OAAO,gBAAgB;AACtC;AAEA,MAAM,OAAO,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AAG1B,SAAS,mBAAmB;AACjC,QAAM,CAAC,KAAK,MAAM,IAAI,YAAY,IAAI;AACtC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,sBAAsB;AAE1B,QAAM,CAAC,UAAU,WAAW,IAAI,iBAAiB;AACjD,QAAM,QAAQ;AAAA,IACZ,MACE,aAAa,WACT,YAAY,aAAa,SAAS,IAClC,aAAa,QAAQ;AAAA,IAC3B,CAAC,UAAU,aAAa,SAAS;AAAA,EACnC;AACA,QAAM,YAAY,4BAA4B;AAAA,IAC5C,WAAW,MAAM;AAAA,IACjB,SAAS,MAAM;AAAA,EACjB,CAAC;AAED,QAAM,aAAa;AAAA,IACjB,MAAM,UAAU,MAAM,cAAc,CAAC;AAAA,IACrC,CAAC,UAAU,IAAI;AAAA,EACjB;AACA,QAAM,OAAO,aAAa,KAAK;AAE/B,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SACE,QAAQ,cACN,qBAAC,SAAI,WAAU,eACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA,WACF;AAAA;AAAA,IAGN;AAAA,IACA,oBAAC,YAAS,MAAM,MAAM,QAAQ,KAAK,UAAU,QAAQ;AAAA,IAEpD,QAAQ,cACP;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,UAAU;AAAA,QAChB,WAAW,UAAU;AAAA,QACrB,SAAS,UAAU;AAAA,QACnB,SAAS,MAAM,KAAK,UAAU,QAAQ;AAAA,QACtC;AAAA,QACA,OAAO,cAAc,YAAY,QAAQ;AAAA,QACzC,SAAS,GAAG,KAAK,CAAC,EAAE,YAAY,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC;AAAA,QACjD;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAGD,QAAQ,SAAS,oBAAC,gBAAa;AAAA,KAClC;AAEJ;","names":[]}

package/dist/admin/till-requests/decision-dialog.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, FormDialog, Textarea } from "@withpotter/ui-kit";
+const ACTION = {
+  approved: "Approve",
+  rejected: "Reject",
+  fulfilled: "Mark fulfilled"
+};
+function DecisionDialog({
+  decision,
+  busy,
+  onClose,
+  onConfirm
+}) {
+  const [note, setNote] = useState("");
+  const label = decision === "fulfilled" ? "mark this request fulfilled" : decision;
+  const close = () => {
+    setNote("");
+    onClose();
+  };
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      open: decision !== null,
+      size: "sm",
+      title: `Are you sure you want to ${label ?? ""}?`,
+      onClose: close,
+      footer: /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: close, children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: decision === "rejected" ? "danger" : "primary",
+            loading: busy,
+            onClick: () => {
+              onConfirm(note.trim() || void 0);
+              setNote("");
+            },
+            children: decision ? ACTION[decision] : "Confirm"
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          label: "Decision note (optional)",
+          rows: 3,
+          value: note,
+          onChange: (e) => setNote(e.target.value)
+        }
+      )
+    }
+  );
+}
+export {
+  DecisionDialog
+};
+//# sourceMappingURL=decision-dialog.js.map

package/dist/admin/till-requests/decision-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/till-requests/decision-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button, FormDialog, Textarea } from '@withpotter/ui-kit';\n\nexport type Decision = 'approved' | 'rejected' | 'fulfilled';\n\nconst ACTION: Record<Decision, string> = {\n  approved: 'Approve',\n  rejected: 'Reject',\n  fulfilled: 'Mark fulfilled',\n};\n\n/** Asks before a Till request changes status, with an optional decision note. */\nexport function DecisionDialog({\n  decision,\n  busy,\n  onClose,\n  onConfirm,\n}: {\n  /** The status being set; null keeps the dialog closed. */\n  decision: Decision | null;\n  busy: boolean;\n  onClose: () => void;\n  onConfirm: (note: string | undefined) => void;\n}) {\n  const [note, setNote] = useState('');\n  const label =\n    decision === 'fulfilled' ? 'mark this request fulfilled' : decision;\n  const close = () => {\n    setNote('');\n    onClose();\n  };\n\n  return (\n    <FormDialog\n      open={decision !== null}\n      size=\"sm\"\n      title={`Are you sure you want to ${label ?? ''}?`}\n      onClose={close}\n      footer={\n        <div className=\"ml-auto flex items-center gap-2\">\n          <Button variant=\"secondary\" onClick={close}>\n            Cancel\n          </Button>\n          <Button\n            variant={decision === 'rejected' ? 'danger' : 'primary'}\n            loading={busy}\n            onClick={() => {\n              onConfirm(note.trim() || undefined);\n              setNote('');\n            }}\n          >\n            {decision ? ACTION[decision] : 'Confirm'}\n          </Button>\n        </div>\n      }\n    >\n      <Textarea\n        label=\"Decision note (optional)\"\n        rows={3}\n        value={note}\n        onChange={(e) => setNote(e.target.value)}\n      />\n    </FormDialog>\n  );\n}\n"],"mappings":";AAyCQ,SACE,KADF;AAvCR,SAAS,gBAAgB;AACzB,SAAS,QAAQ,YAAY,gBAAgB;AAI7C,MAAM,SAAmC;AAAA,EACvC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AACb;AAGO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,QACJ,aAAa,cAAc,gCAAgC;AAC7D,QAAM,QAAQ,MAAM;AAClB,YAAQ,EAAE;AACV,YAAQ;AAAA,EACV;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,aAAa;AAAA,MACnB,MAAK;AAAA,MACL,OAAO,4BAA4B,SAAS,EAAE;AAAA,MAC9C,SAAS;AAAA,MACT,QACE,qBAAC,SAAI,WAAU,mCACb;AAAA,4BAAC,UAAO,SAAQ,aAAY,SAAS,OAAO,oBAE5C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,aAAa,aAAa,WAAW;AAAA,YAC9C,SAAS;AAAA,YACT,SAAS,MAAM;AACb,wBAAU,KAAK,KAAK,KAAK,MAAS;AAClC,sBAAQ,EAAE;AAAA,YACZ;AAAA,YAEC,qBAAW,OAAO,QAAQ,IAAI;AAAA;AAAA,QACjC;AAAA,SACF;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,QAAQ,EAAE,OAAO,KAAK;AAAA;AAAA,MACzC;AAAA;AAAA,EACF;AAEJ;","names":[]}