@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/_ui/chart-colors.js

@@ -0,0 +1,46 @@
+const STATUS_COLORS = {
+  active: "var(--success)",
+  pending: "var(--warning)",
+  pending_verification: "var(--warning)",
+  trialing: "var(--info)",
+  suspended: "var(--text-muted)",
+  deleted: "var(--error)"
+};
+const STATUS_FALLBACK = "var(--text-muted)";
+const CATEGORY_PALETTE = [
+  "var(--adm-cat-1)",
+  "var(--adm-cat-2)",
+  "var(--adm-cat-3)",
+  "var(--adm-cat-4)",
+  "var(--adm-cat-5)",
+  "var(--adm-cat-6)",
+  "var(--adm-cat-7)",
+  "var(--adm-cat-8)"
+];
+const PROVIDER_COLORS = {
+  local: "var(--adm-cat-1)",
+  google: "var(--adm-cat-5)",
+  github: "var(--adm-cat-2)"
+};
+const ROLE_COLORS = {
+  superadmin: "var(--adm-cat-2)",
+  admin: "var(--adm-cat-1)"
+};
+const ACCENT = "var(--accent-primary)";
+function statusColor(status) {
+  return STATUS_COLORS[status] ?? STATUS_FALLBACK;
+}
+function categoryColor(index) {
+  return CATEGORY_PALETTE[index % CATEGORY_PALETTE.length];
+}
+export {
+  ACCENT,
+  CATEGORY_PALETTE,
+  PROVIDER_COLORS,
+  ROLE_COLORS,
+  STATUS_COLORS,
+  STATUS_FALLBACK,
+  categoryColor,
+  statusColor
+};
+//# sourceMappingURL=chart-colors.js.map

package/dist/admin/_ui/chart-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_ui/chart-colors.ts"],"sourcesContent":["/**\n * Centralized admin chart / data-viz colors.\n *\n * Every value here is a theme-aware CSS custom property (defined in\n * `_ui/admin.css` and the platform `globals.css`), never a raw hex literal.\n * Charts, donuts, sparklines and breakdown bars consume these so they adapt\n * to light/dark and the design system stays the single source of truth.\n */\n\n/** Status hues map to the platform's semantic status tokens. */\nexport const STATUS_COLORS: Record<string, string> = {\n  active: 'var(--success)',\n  pending: 'var(--warning)',\n  pending_verification: 'var(--warning)',\n  trialing: 'var(--info)',\n  suspended: 'var(--text-muted)',\n  deleted: 'var(--error)',\n};\n\n/** Fallback for an unknown status. */\nexport const STATUS_FALLBACK = 'var(--text-muted)';\n\n/** Distinct categorical palette for non-semantic series (industry, events). */\nexport const CATEGORY_PALETTE = [\n  'var(--adm-cat-1)',\n  'var(--adm-cat-2)',\n  'var(--adm-cat-3)',\n  'var(--adm-cat-4)',\n  'var(--adm-cat-5)',\n  'var(--adm-cat-6)',\n  'var(--adm-cat-7)',\n  'var(--adm-cat-8)',\n];\n\n/** Auth-provider legend colors (distinct categorical hues). */\nexport const PROVIDER_COLORS: Record<string, string> = {\n  local: 'var(--adm-cat-1)',\n  google: 'var(--adm-cat-5)',\n  github: 'var(--adm-cat-2)',\n};\n\n/** Admin-role legend colors. */\nexport const ROLE_COLORS: Record<string, string> = {\n  superadmin: 'var(--adm-cat-2)',\n  admin: 'var(--adm-cat-1)',\n};\n\n/** The primary accent (used for spark/series highlights and accent dots). */\nexport const ACCENT = 'var(--accent-primary)';\n\n/** Resolve a status to its themed color. */\nexport function statusColor(status: string): string {\n  return STATUS_COLORS[status] ?? STATUS_FALLBACK;\n}\n\n/** Resolve a category index to a palette color (wraps around). */\nexport function categoryColor(index: number): string {\n  return CATEGORY_PALETTE[index % CATEGORY_PALETTE.length];\n}\n"],"mappings":"AAUO,MAAM,gBAAwC;AAAA,EACnD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,sBAAsB;AAAA,EACtB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AACX;AAGO,MAAM,kBAAkB;AAGxB,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,kBAA0C;AAAA,EACrD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AACV;AAGO,MAAM,cAAsC;AAAA,EACjD,YAAY;AAAA,EACZ,OAAO;AACT;AAGO,MAAM,SAAS;AAGf,SAAS,YAAY,QAAwB;AAClD,SAAO,cAAc,MAAM,KAAK;AAClC;AAGO,SAAS,cAAc,OAAuB;AACnD,SAAO,iBAAiB,QAAQ,iBAAiB,MAAM;AACzD;","names":[]}

package/dist/admin/_ui/column-picker.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { Columns3 } from "lucide-react";
+import { Button, Checkbox } from "@withpotter/ui-kit";
+import { FilterDisclosure } from "@withpotter/ui-kit/filter-disclosure";
+function ColumnPicker({
+  options,
+  visible,
+  onChange
+}) {
+  const [open, setOpen] = useState(false);
+  const [rect, setRect] = useState(null);
+  const buttonRef = useRef(null);
+  const toggle = (key) => {
+    const next = new Set(visible);
+    if (next.has(key)) next.delete(key);
+    else next.add(key);
+    onChange(next);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        ref: buttonRef,
+        type: "button",
+        variant: "secondary",
+        size: "sm",
+        onClick: () => {
+          if (!open)
+            setRect(buttonRef.current?.getBoundingClientRect() ?? null);
+          setOpen((v) => !v);
+        },
+        "aria-expanded": open,
+        "aria-haspopup": "dialog",
+        children: [
+          /* @__PURE__ */ jsx(Columns3, {}),
+          "Columns"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FilterDisclosure,
+      {
+        open,
+        onClose: () => setOpen(false),
+        anchorRef: buttonRef,
+        anchorRect: rect,
+        align: "end",
+        searchable: false,
+        width: 220,
+        children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: options.map((opt) => /* @__PURE__ */ jsxs(
+          "label",
+          {
+            className: "flex cursor-pointer items-center gap-2 rounded-md px-2 py-2 text-sm text-[var(--text-secondary)] hover:bg-[var(--bg-subtle)]",
+            children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  bare: true,
+                  checked: visible.has(opt.key),
+                  onChange: () => toggle(opt.key)
+                }
+              ),
+              opt.label
+            ]
+          },
+          opt.key
+        )) })
+      }
+    )
+  ] });
+}
+export {
+  ColumnPicker
+};
+//# sourceMappingURL=column-picker.js.map

package/dist/admin/_ui/column-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_ui/column-picker.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useState } from 'react';\nimport { Columns3 } from 'lucide-react';\nimport { Button, Checkbox } from '@withpotter/ui-kit';\nimport { FilterDisclosure } from '@withpotter/ui-kit/filter-disclosure';\n\nexport interface ColumnOption {\n  key: string;\n  label: string;\n}\n\n/**\n * Which optional columns a wide table shows. The core identity/status\n * columns a row can't be read without stay out of this list entirely —\n * only the columns a reader might reasonably not need are toggleable.\n */\nexport function ColumnPicker({\n  options,\n  visible,\n  onChange,\n}: {\n  options: ColumnOption[];\n  visible: Set<string>;\n  onChange: (next: Set<string>) => void;\n}) {\n  const [open, setOpen] = useState(false);\n  const [rect, setRect] = useState<DOMRect | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const toggle = (key: string) => {\n    const next = new Set(visible);\n    if (next.has(key)) next.delete(key);\n    else next.add(key);\n    onChange(next);\n  };\n\n  return (\n    <div className=\"relative\">\n      <Button\n        ref={buttonRef}\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"sm\"\n        onClick={() => {\n          if (!open)\n            setRect(buttonRef.current?.getBoundingClientRect() ?? null);\n          setOpen((v) => !v);\n        }}\n        aria-expanded={open}\n        aria-haspopup=\"dialog\"\n      >\n        <Columns3 />\n        Columns\n      </Button>\n\n      <FilterDisclosure\n        open={open}\n        onClose={() => setOpen(false)}\n        anchorRef={buttonRef}\n        anchorRect={rect}\n        align=\"end\"\n        searchable={false}\n        width={220}\n      >\n        <div className=\"flex flex-col gap-1\">\n          {options.map((opt) => (\n            <label\n              key={opt.key}\n              className=\"flex cursor-pointer items-center gap-2 rounded-md px-2 py-2 text-sm text-[var(--text-secondary)] hover:bg-[var(--bg-subtle)]\"\n            >\n              <Checkbox\n                bare\n                checked={visible.has(opt.key)}\n                onChange={() => toggle(opt.key)}\n              />\n              {opt.label}\n            </label>\n          ))}\n        </div>\n      </FilterDisclosure>\n    </div>\n  );\n}\n"],"mappings":";AAuCM,SAaE,KAbF;AArCN,SAAS,QAAQ,gBAAgB;AACjC,SAAS,gBAAgB;AACzB,SAAS,QAAQ,gBAAgB;AACjC,SAAS,wBAAwB;AAY1B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAyB,IAAI;AACrD,QAAM,YAAY,OAA0B,IAAI;AAEhD,QAAM,SAAS,CAAC,QAAgB;AAC9B,UAAM,OAAO,IAAI,IAAI,OAAO;AAC5B,QAAI,KAAK,IAAI,GAAG,EAAG,MAAK,OAAO,GAAG;AAAA,QAC7B,MAAK,IAAI,GAAG;AACjB,aAAS,IAAI;AAAA,EACf;AAEA,SACE,qBAAC,SAAI,WAAU,YACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS,MAAM;AACb,cAAI,CAAC;AACH,oBAAQ,UAAU,SAAS,sBAAsB,KAAK,IAAI;AAC5D,kBAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,QACnB;AAAA,QACA,iBAAe;AAAA,QACf,iBAAc;AAAA,QAEd;AAAA,8BAAC,YAAS;AAAA,UAAE;AAAA;AAAA;AAAA,IAEd;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,MAAM,QAAQ,KAAK;AAAA,QAC5B,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,OAAM;AAAA,QACN,YAAY;AAAA,QACZ,OAAO;AAAA,QAEP,8BAAC,SAAI,WAAU,uBACZ,kBAAQ,IAAI,CAAC,QACZ;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YAEV;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAI;AAAA,kBACJ,SAAS,QAAQ,IAAI,IAAI,GAAG;AAAA,kBAC5B,UAAU,MAAM,OAAO,IAAI,GAAG;AAAA;AAAA,cAChC;AAAA,cACC,IAAI;AAAA;AAAA;AAAA,UARA,IAAI;AAAA,QASX,CACD,GACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/_ui/country-label.js

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CountryFlag } from "@withpotter/ui-kit/country-flag";
+import { cn } from "@withpotter/lib/utils";
+import { countryFlagCode, countryText } from "./country-text";
+import styles from "./country-label.module.css";
+function CountryLabel({
+  country,
+  code,
+  muted = false,
+  className
+}) {
+  const text = countryText(country, code);
+  if (!text) return null;
+  const flag = countryFlagCode(country, code);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(styles.label, muted && styles.muted, className),
+      title: text,
+      children: [
+        flag && /* @__PURE__ */ jsx(CountryFlag, { code: flag, size: "sm" }),
+        /* @__PURE__ */ jsx("span", { className: styles.text, children: text })
+      ]
+    }
+  );
+}
+function WithCountry({
+  children,
+  country,
+  code,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: cn(styles.line, className), children: [
+    children,
+    /* @__PURE__ */ jsx(CountryLabel, { country, code, muted: true })
+  ] });
+}
+export {
+  CountryLabel,
+  WithCountry
+};
+//# sourceMappingURL=country-label.js.map

package/dist/admin/_ui/country-label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_ui/country-label.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { CountryFlag } from '@withpotter/ui-kit/country-flag';\nimport { cn } from '@withpotter/lib/utils';\nimport { countryFlagCode, countryText } from './country-text';\nimport styles from './country-label.module.css';\n\n/**\n * The country a merchant picked, with its flag when it is a known country.\n * Renders nothing when there is no country, so a row never shows an empty\n * label. `muted` is for beside a name; otherwise it takes the ink around it.\n */\nexport function CountryLabel({\n  country,\n  code,\n  muted = false,\n  className,\n}: {\n  country?: string | null;\n  code?: string | null;\n  muted?: boolean;\n  className?: string;\n}) {\n  const text = countryText(country, code);\n\n  if (!text) return null;\n\n  const flag = countryFlagCode(country, code);\n\n  return (\n    <span\n      className={cn(styles.label, muted && styles.muted, className)}\n      title={text}\n    >\n      {flag && <CountryFlag code={flag} size=\"sm\" />}\n      <span className={styles.text}>{text}</span>\n    </span>\n  );\n}\n\n/** A name and, beside it, its country: the row's one way to put them together. */\nexport function WithCountry({\n  children,\n  country,\n  code,\n  className,\n}: {\n  children: ReactNode;\n  country?: string | null;\n  code?: string | null;\n  className?: string;\n}) {\n  return (\n    <span className={cn(styles.line, className)}>\n      {children}\n      <CountryLabel country={country} code={code} muted />\n    </span>\n  );\n}\n"],"mappings":"AA6BI,SAIW,KAJX;AA5BJ,SAAS,mBAAmB;AAC5B,SAAS,UAAU;AACnB,SAAS,iBAAiB,mBAAmB;AAC7C,OAAO,YAAY;AAOZ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AACF,GAKG;AACD,QAAM,OAAO,YAAY,SAAS,IAAI;AAEtC,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,OAAO,gBAAgB,SAAS,IAAI;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,OAAO,OAAO,SAAS,OAAO,OAAO,SAAS;AAAA,MAC5D,OAAO;AAAA,MAEN;AAAA,gBAAQ,oBAAC,eAAY,MAAM,MAAM,MAAK,MAAK;AAAA,QAC5C,oBAAC,UAAK,WAAW,OAAO,MAAO,gBAAK;AAAA;AAAA;AAAA,EACtC;AAEJ;AAGO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE,qBAAC,UAAK,WAAW,GAAG,OAAO,MAAM,SAAS,GACvC;AAAA;AAAA,IACD,oBAAC,gBAAa,SAAkB,MAAY,OAAK,MAAC;AAAA,KACpD;AAEJ;","names":[]}

package/dist/admin/_ui/country-label.module.css

@@ -0,0 +1,31 @@
+/* A merchant's country beside their name: flag, then the name, truncating. */
+
+.label {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+  max-width: 100%;
+  vertical-align: middle;
+}
+
+.text {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* Beside a name in a row: the quieter ink, at the row's own size. */
+.muted {
+  color: var(--text-tertiary);
+  font-weight: 400;
+}
+
+/* A name and its country on one line, the name truncating first. */
+.line {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}

package/dist/admin/_ui/country-text.js

@@ -0,0 +1,21 @@
+import { COUNTRIES } from "@withpotter/lib/countries";
+const byName = new Map(COUNTRIES.map((c) => [c.name.toLowerCase(), c.code]));
+const byCode = new Map(COUNTRIES.map((c) => [c.code, c.name]));
+function countryText(country, code) {
+  const name = country?.trim();
+  if (name) return name;
+  const iso = code?.trim().toUpperCase();
+  if (!iso) return null;
+  return byCode.get(iso) ?? iso;
+}
+function countryFlagCode(country, code) {
+  const iso = code?.trim().toUpperCase();
+  if (iso && byCode.has(iso)) return iso;
+  const name = country?.trim().toLowerCase();
+  return name && byName.get(name) || null;
+}
+export {
+  countryFlagCode,
+  countryText
+};
+//# sourceMappingURL=country-text.js.map

package/dist/admin/_ui/country-text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_ui/country-text.ts"],"sourcesContent":["import { COUNTRIES } from '@withpotter/lib/countries';\n\nconst byName = new Map(COUNTRIES.map((c) => [c.name.toLowerCase(), c.code]));\nconst byCode = new Map(COUNTRIES.map((c) => [c.code, c.name]));\n\n/**\n * The country a merchant picked, as words: the name they stored, else the\n * name for the code, else the code itself. Null when there is neither, which\n * includes an older server that sends no country at all.\n */\nexport function countryText(\n  country?: string | null,\n  code?: string | null,\n): string | null {\n  const name = country?.trim();\n\n  if (name) return name;\n\n  const iso = code?.trim().toUpperCase();\n\n  if (!iso) return null;\n\n  return byCode.get(iso) ?? iso;\n}\n\n/**\n * The code to draw a flag for: the one the server resolved, else the code\n * for the stored name (any case). Null when neither is a known country.\n */\nexport function countryFlagCode(\n  country?: string | null,\n  code?: string | null,\n): string | null {\n  const iso = code?.trim().toUpperCase();\n\n  if (iso && byCode.has(iso)) return iso;\n\n  const name = country?.trim().toLowerCase();\n\n  return (name && byName.get(name)) || null;\n}\n"],"mappings":"AAAA,SAAS,iBAAiB;AAE1B,MAAM,SAAS,IAAI,IAAI,UAAU,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,YAAY,GAAG,EAAE,IAAI,CAAC,CAAC;AAC3E,MAAM,SAAS,IAAI,IAAI,UAAU,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;AAOtD,SAAS,YACd,SACA,MACe;AACf,QAAM,OAAO,SAAS,KAAK;AAE3B,MAAI,KAAM,QAAO;AAEjB,QAAM,MAAM,MAAM,KAAK,EAAE,YAAY;AAErC,MAAI,CAAC,IAAK,QAAO;AAEjB,SAAO,OAAO,IAAI,GAAG,KAAK;AAC5B;AAMO,SAAS,gBACd,SACA,MACe;AACf,QAAM,MAAM,MAAM,KAAK,EAAE,YAAY;AAErC,MAAI,OAAO,OAAO,IAAI,GAAG,EAAG,QAAO;AAEnC,QAAM,OAAO,SAAS,KAAK,EAAE,YAAY;AAEzC,SAAQ,QAAQ,OAAO,IAAI,IAAI,KAAM;AACvC;","names":[]}

package/dist/admin/_ui/currency-filter-model.js

@@ -0,0 +1,53 @@
+const CURRENCY_PARAM = "currency";
+const ALL_CURRENCIES = "";
+const CODE = /^[A-Z]{3}$/;
+function normaliseCurrency(raw) {
+  const code = (raw ?? "").trim().toUpperCase();
+  return CODE.test(code) ? code : ALL_CURRENCIES;
+}
+const parseCurrencyParam = normaliseCurrency;
+function currenciesIn(...lists) {
+  const seen = /* @__PURE__ */ new Set();
+  for (const list of lists)
+    for (const raw of list ?? []) {
+      const code = normaliseCurrency(raw);
+      if (code) seen.add(code);
+    }
+  return [...seen].sort();
+}
+function currencyOptions(currencies, current = ALL_CURRENCIES) {
+  const codes = currenciesIn(currencies, current ? [current] : []);
+  return [
+    { value: ALL_CURRENCIES, label: "All currencies" },
+    ...codes.map((code) => ({ value: code, label: code }))
+  ];
+}
+function inCurrency(currency, selected) {
+  if (!selected) return true;
+  return normaliseCurrency(currency) === selected;
+}
+function byCurrency(rows, selected, currencyOf) {
+  if (!selected) return [...rows];
+  return rows.filter((row) => inCurrency(currencyOf(row), selected));
+}
+function totalsByCurrency(rows, currencyOf, amountOf) {
+  const totals = /* @__PURE__ */ new Map();
+  for (const row of rows) {
+    const code = normaliseCurrency(currencyOf(row));
+    if (!code) continue;
+    totals.set(code, (totals.get(code) ?? 0) + (Number(amountOf(row)) || 0));
+  }
+  return [...totals.keys()].sort().map((currency) => ({ currency, amount: totals.get(currency) ?? 0 }));
+}
+export {
+  ALL_CURRENCIES,
+  CURRENCY_PARAM,
+  byCurrency,
+  currenciesIn,
+  currencyOptions,
+  inCurrency,
+  normaliseCurrency,
+  parseCurrencyParam,
+  totalsByCurrency
+};
+//# sourceMappingURL=currency-filter-model.js.map

package/dist/admin/_ui/currency-filter-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_ui/currency-filter-model.ts"],"sourcesContent":["/**\n * The console's currency filter, as plain logic: which currencies a page can\n * be narrowed to, what `?currency=` means, and how amounts are kept apart.\n *\n * The choices come from the data on the page, never a fixed list, and money\n * in different currencies is never added together: \"All currencies\" shows one\n * line per currency instead of a total.\n */\n\n/** The search param the filter lives in, so a narrowed page can be shared. */\nexport const CURRENCY_PARAM = 'currency';\n\n/** The value that means \"not filtering\". */\nexport const ALL_CURRENCIES = '';\n\nconst CODE = /^[A-Z]{3}$/;\n\n/** A currency code as the filter keeps it (\"ngn \" → \"NGN\"), or '' when it is not one. */\nexport function normaliseCurrency(raw: string | null | undefined): string {\n  const code = (raw ?? '').trim().toUpperCase();\n\n  return CODE.test(code) ? code : ALL_CURRENCIES;\n}\n\n/** `?currency=` read off a link: a code, or \"All currencies\" for anything else. */\nexport const parseCurrencyParam = normaliseCurrency;\n\n/**\n * Every currency present in the data, once each, alphabetically. Blank and\n * malformed codes are left out: they cannot be filtered to.\n */\nexport function currenciesIn(\n  ...lists: Array<Iterable<string | null | undefined> | undefined>\n): string[] {\n  const seen = new Set<string>();\n\n  for (const list of lists)\n    for (const raw of list ?? []) {\n      const code = normaliseCurrency(raw);\n\n      if (code) seen.add(code);\n    }\n\n  return [...seen].sort();\n}\n\nexport interface CurrencyOption {\n  value: string;\n  label: string;\n}\n\n/**\n * The filter's choices: \"All currencies\", then each currency in the data. A\n * currency from a shared link that the data no longer holds still shows as\n * chosen rather than as an empty control.\n */\nexport function currencyOptions(\n  currencies: string[],\n  current = ALL_CURRENCIES,\n): CurrencyOption[] {\n  const codes = currenciesIn(currencies, current ? [current] : []);\n\n  return [\n    { value: ALL_CURRENCIES, label: 'All currencies' },\n    ...codes.map((code) => ({ value: code, label: code })),\n  ];\n}\n\n/** Whether money in `currency` shows while `selected` is chosen. */\nexport function inCurrency(\n  currency: string | null | undefined,\n  selected: string,\n): boolean {\n  if (!selected) return true;\n\n  return normaliseCurrency(currency) === selected;\n}\n\n/** The rows in the chosen currency; every row when nothing is chosen. */\nexport function byCurrency<T>(\n  rows: readonly T[],\n  selected: string,\n  currencyOf: (row: T) => string | null | undefined,\n): T[] {\n  if (!selected) return [...rows];\n\n  return rows.filter((row) => inCurrency(currencyOf(row), selected));\n}\n\nexport interface CurrencyTotal {\n  currency: string;\n  amount: number;\n}\n\n/**\n * Amounts added up within each currency, never across: one entry per\n * currency, alphabetically. Rows with no usable currency are left out rather\n * than guessed at.\n */\nexport function totalsByCurrency<T>(\n  rows: readonly T[],\n  currencyOf: (row: T) => string | null | undefined,\n  amountOf: (row: T) => number,\n): CurrencyTotal[] {\n  const totals = new Map<string, number>();\n\n  for (const row of rows) {\n    const code = normaliseCurrency(currencyOf(row));\n\n    if (!code) continue;\n\n    totals.set(code, (totals.get(code) ?? 0) + (Number(amountOf(row)) || 0));\n  }\n\n  return [...totals.keys()]\n    .sort()\n    .map((currency) => ({ currency, amount: totals.get(currency) ?? 0 }));\n}\n"],"mappings":"AAUO,MAAM,iBAAiB;AAGvB,MAAM,iBAAiB;AAE9B,MAAM,OAAO;AAGN,SAAS,kBAAkB,KAAwC;AACxE,QAAM,QAAQ,OAAO,IAAI,KAAK,EAAE,YAAY;AAE5C,SAAO,KAAK,KAAK,IAAI,IAAI,OAAO;AAClC;AAGO,MAAM,qBAAqB;AAM3B,SAAS,gBACX,OACO;AACV,QAAM,OAAO,oBAAI,IAAY;AAE7B,aAAW,QAAQ;AACjB,eAAW,OAAO,QAAQ,CAAC,GAAG;AAC5B,YAAM,OAAO,kBAAkB,GAAG;AAElC,UAAI,KAAM,MAAK,IAAI,IAAI;AAAA,IACzB;AAEF,SAAO,CAAC,GAAG,IAAI,EAAE,KAAK;AACxB;AAYO,SAAS,gBACd,YACA,UAAU,gBACQ;AAClB,QAAM,QAAQ,aAAa,YAAY,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AAE/D,SAAO;AAAA,IACL,EAAE,OAAO,gBAAgB,OAAO,iBAAiB;AAAA,IACjD,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,OAAO,MAAM,OAAO,KAAK,EAAE;AAAA,EACvD;AACF;AAGO,SAAS,WACd,UACA,UACS;AACT,MAAI,CAAC,SAAU,QAAO;AAEtB,SAAO,kBAAkB,QAAQ,MAAM;AACzC;AAGO,SAAS,WACd,MACA,UACA,YACK;AACL,MAAI,CAAC,SAAU,QAAO,CAAC,GAAG,IAAI;AAE9B,SAAO,KAAK,OAAO,CAAC,QAAQ,WAAW,WAAW,GAAG,GAAG,QAAQ,CAAC;AACnE;AAYO,SAAS,iBACd,MACA,YACA,UACiB;AACjB,QAAM,SAAS,oBAAI,IAAoB;AAEvC,aAAW,OAAO,MAAM;AACtB,UAAM,OAAO,kBAAkB,WAAW,GAAG,CAAC;AAE9C,QAAI,CAAC,KAAM;AAEX,WAAO,IAAI,OAAO,OAAO,IAAI,IAAI,KAAK,MAAM,OAAO,SAAS,GAAG,CAAC,KAAK,EAAE;AAAA,EACzE;AAEA,SAAO,CAAC,GAAG,OAAO,KAAK,CAAC,EACrB,KAAK,EACL,IAAI,CAAC,cAAc,EAAE,UAAU,QAAQ,OAAO,IAAI,QAAQ,KAAK,EAAE,EAAE;AACxE;","names":[]}

package/dist/admin/_ui/currency-filter.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { FilterChip } from "@withpotter/ui-kit";
+import { withParam } from "../tenants/country-options";
+import {
+  ALL_CURRENCIES,
+  CURRENCY_PARAM,
+  currencyOptions,
+  parseCurrencyParam
+} from "./currency-filter-model";
+import { FilterSelect } from "./filters";
+function useCurrencyParam() {
+  const router = useRouter();
+  const pathname = usePathname();
+  const search = useSearchParams();
+  const currency = parseCurrencyParam(search.get(CURRENCY_PARAM));
+  const setCurrency = useCallback(
+    (next) => {
+      const qs = withParam(
+        search.toString(),
+        CURRENCY_PARAM,
+        parseCurrencyParam(next)
+      );
+      router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });
+    },
+    [pathname, router, search]
+  );
+  return [currency, setCurrency];
+}
+function CurrencyFilter({
+  value,
+  onChange,
+  currencies,
+  variant = "select"
+}) {
+  if (currencies.length < 2 && value === ALL_CURRENCIES) return null;
+  if (variant === "chip")
+    return /* @__PURE__ */ jsx(
+      FilterChip,
+      {
+        label: "Currency",
+        value,
+        allValue: ALL_CURRENCIES,
+        onChange,
+        options: currencyOptions(currencies, value)
+      }
+    );
+  return /* @__PURE__ */ jsx(
+    FilterSelect,
+    {
+      label: "Currency",
+      value,
+      onChange,
+      options: currencyOptions(currencies, value)
+    }
+  );
+}
+export {
+  CurrencyFilter,
+  useCurrencyParam
+};
+//# sourceMappingURL=currency-filter.js.map

package/dist/admin/_ui/currency-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_ui/currency-filter.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation';\nimport { FilterChip } from '@withpotter/ui-kit';\nimport { withParam } from '../tenants/country-options';\nimport {\n  ALL_CURRENCIES,\n  CURRENCY_PARAM,\n  currencyOptions,\n  parseCurrencyParam,\n} from './currency-filter-model';\nimport { FilterSelect } from './filters';\n\n/**\n * The chosen currency lives in `?currency=`, so a narrowed page survives a\n * refresh and Back, and a link to it opens narrowed. '' is every currency.\n */\nexport function useCurrencyParam() {\n  const router = useRouter();\n  const pathname = usePathname();\n  const search = useSearchParams();\n  const currency = parseCurrencyParam(search.get(CURRENCY_PARAM));\n\n  const setCurrency = useCallback(\n    (next: string) => {\n      const qs = withParam(\n        search.toString(),\n        CURRENCY_PARAM,\n        parseCurrencyParam(next),\n      );\n\n      router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });\n    },\n    [pathname, router, search],\n  );\n\n  return [currency, setCurrency] as const;\n}\n\n/**\n * Narrow the money on a page to one currency. The choices are the\n * currencies in the data, plus \"All currencies\". With fewer than two\n * currencies there is nothing to narrow, so it stays out of the way unless a\n * link already chose one.\n */\nexport function CurrencyFilter({\n  value,\n  onChange,\n  currencies,\n  variant = 'select',\n}: {\n  value: string;\n  onChange: (value: string) => void;\n  /** The currencies the page's data holds, e.g. from `currenciesIn`. */\n  currencies: string[];\n  /** `chip` beside other `FilterChip`s on a table toolbar; `select` in `Filters`. */\n  variant?: 'select' | 'chip';\n}) {\n  if (currencies.length < 2 && value === ALL_CURRENCIES) return null;\n\n  if (variant === 'chip')\n    return (\n      <FilterChip\n        label=\"Currency\"\n        value={value}\n        allValue={ALL_CURRENCIES}\n        onChange={onChange}\n        options={currencyOptions(currencies, value)}\n      />\n    );\n\n  return (\n    <FilterSelect\n      label=\"Currency\"\n      value={value}\n      onChange={onChange}\n      options={currencyOptions(currencies, value)}\n    />\n  );\n}\n"],"mappings":";AA+DM;AA7DN,SAAS,mBAAmB;AAC5B,SAAS,aAAa,WAAW,uBAAuB;AACxD,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAMtB,SAAS,mBAAmB;AACjC,QAAM,SAAS,UAAU;AACzB,QAAM,WAAW,YAAY;AAC7B,QAAM,SAAS,gBAAgB;AAC/B,QAAM,WAAW,mBAAmB,OAAO,IAAI,cAAc,CAAC;AAE9D,QAAM,cAAc;AAAA,IAClB,CAAC,SAAiB;AAChB,YAAM,KAAK;AAAA,QACT,OAAO,SAAS;AAAA,QAChB;AAAA,QACA,mBAAmB,IAAI;AAAA,MACzB;AAEA,aAAO,QAAQ,KAAK,GAAG,QAAQ,IAAI,EAAE,KAAK,UAAU,EAAE,QAAQ,MAAM,CAAC;AAAA,IACvE;AAAA,IACA,CAAC,UAAU,QAAQ,MAAM;AAAA,EAC3B;AAEA,SAAO,CAAC,UAAU,WAAW;AAC/B;AAQO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAOG;AACD,MAAI,WAAW,SAAS,KAAK,UAAU,eAAgB,QAAO;AAE9D,MAAI,YAAY;AACd,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA,SAAS,gBAAgB,YAAY,KAAK;AAAA;AAAA,IAC5C;AAGJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,SAAS,gBAAgB,YAAY,KAAK;AAAA;AAAA,EAC5C;AAEJ;","names":[]}

package/dist/admin/_ui/data-table.js

@@ -0,0 +1,107 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { EmptyState } from "./empty-state";
+import { Skeleton } from "./skeleton";
+import { tableStyles } from "./styles";
+function DataTable({
+  columns,
+  rows,
+  getRowKey,
+  isLoading,
+  isError,
+  errorTitle = "Failed to load",
+  emptyTitle = "Nothing here yet",
+  emptyDescription,
+  emptyIcon,
+  skeletonRows = 6,
+  renderExpanded,
+  isExpanded,
+  onRowClick
+}) {
+  const colCount = columns.length;
+  return /* @__PURE__ */ jsx("div", { className: "adm-table-card", children: /* @__PURE__ */ jsxs("table", { style: tableStyles.table, children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { style: tableStyles.headRow, children: columns.map((c) => /* @__PURE__ */ jsx("th", { style: { ...tableStyles.th, width: c.width }, children: c.header }, c.key)) }) }),
+    /* @__PURE__ */ jsxs("tbody", { children: [
+      isLoading && Array.from({ length: skeletonRows }).map((_, i) => /* @__PURE__ */ jsx("tr", { children: columns.map((c) => /* @__PURE__ */ jsx("td", { style: tableStyles.cell, children: /* @__PURE__ */ jsx(
+        Skeleton,
+        {
+          width: `${50 + (i + c.key.length) % 4 * 12}%`
+        }
+      ) }, c.key)) }, `sk-${i}`)),
+      !isLoading && isError && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: colCount, style: { padding: 0 }, children: /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          tone: "error",
+          title: errorTitle,
+          description: "Please retry. If this persists, check the API logs."
+        }
+      ) }) }),
+      !isLoading && !isError && rows && rows.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: colCount, style: { padding: 0 }, children: /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: emptyIcon,
+          title: emptyTitle,
+          description: emptyDescription
+        }
+      ) }) }),
+      !isLoading && !isError && rows?.map((row) => /* @__PURE__ */ jsx(
+        RowGroup,
+        {
+          row,
+          columns,
+          renderExpanded,
+          expanded: isExpanded?.(row) ?? false,
+          colCount,
+          onRowClick
+        },
+        getRowKey(row)
+      ))
+    ] })
+  ] }) });
+}
+function RowGroup({
+  row,
+  columns,
+  renderExpanded,
+  expanded,
+  colCount,
+  onRowClick
+}) {
+  const clickable = !!onRowClick;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "tr",
+      {
+        onClick: clickable ? (e) => {
+          if (e.target.closest("a,button")) return;
+          onRowClick(row);
+        } : void 0,
+        style: clickable ? { cursor: "pointer" } : void 0,
+        onMouseEnter: clickable ? (e) => e.currentTarget.style.background = "var(--bg-subtle)" : void 0,
+        onMouseLeave: clickable ? (e) => e.currentTarget.style.background = "" : void 0,
+        children: columns.map((c) => /* @__PURE__ */ jsx(
+          "td",
+          {
+            style: {
+              ...c.muted ? tableStyles.cellMuted : tableStyles.cell,
+              whiteSpace: c.nowrap ? "nowrap" : void 0
+            },
+            children: c.render ? c.render(row) : String(row[c.key] ?? "\u2014")
+          },
+          c.key
+        ))
+      }
+    ),
+    expanded && renderExpanded && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+      "td",
+      {
+        colSpan: colCount,
+        style: { ...tableStyles.cell, background: "var(--bg-subtle)" },
+        children: renderExpanded(row)
+      }
+    ) })
+  ] });
+}
+export {
+  DataTable
+};
+//# sourceMappingURL=data-table.js.map

package/dist/admin/_ui/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_ui/data-table.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { EmptyState } from './empty-state';\nimport { Skeleton } from './skeleton';\nimport { tableStyles } from './styles';\n\nexport interface Column<T> {\n  /** Unique key for the column. */\n  key: string;\n  /** Header label. */\n  header: string;\n  /** Cell renderer. Defaults to String(row[key]). */\n  render?: (row: T) => ReactNode;\n  /** Render muted (secondary text colour). */\n  muted?: boolean;\n  /** Prevent wrapping. */\n  nowrap?: boolean;\n  width?: number | string;\n}\n\n/**\n * Generic admin data table. Owns the loading (skeleton), error and empty\n * states so list pages never hand-roll a <table> again. Supports an optional\n * expandable sub-row per record.\n */\nexport function DataTable<T>({\n  columns,\n  rows,\n  getRowKey,\n  isLoading,\n  isError,\n  errorTitle = 'Failed to load',\n  emptyTitle = 'Nothing here yet',\n  emptyDescription,\n  emptyIcon,\n  skeletonRows = 6,\n  renderExpanded,\n  isExpanded,\n  onRowClick,\n}: {\n  columns: Column<T>[];\n  rows: T[] | undefined;\n  getRowKey: (row: T) => string;\n  isLoading?: boolean;\n  isError?: boolean;\n  errorTitle?: string;\n  emptyTitle?: string;\n  emptyDescription?: string;\n  emptyIcon?: React.ComponentType<{ size?: number; color?: string }>;\n  skeletonRows?: number;\n  renderExpanded?: (row: T) => ReactNode;\n  isExpanded?: (row: T) => boolean;\n  /** When provided, the whole row becomes clickable (excluding links/buttons). */\n  onRowClick?: (row: T) => void;\n}) {\n  const colCount = columns.length;\n\n  return (\n    <div className=\"adm-table-card\">\n      <table style={tableStyles.table}>\n        <thead>\n          <tr style={tableStyles.headRow}>\n            {columns.map((c) => (\n              <th key={c.key} style={{ ...tableStyles.th, width: c.width }}>\n                {c.header}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {isLoading &&\n            Array.from({ length: skeletonRows }).map((_, i) => (\n              <tr key={`sk-${i}`}>\n                {columns.map((c) => (\n                  <td key={c.key} style={tableStyles.cell}>\n                    <Skeleton\n                      width={`${50 + ((i + c.key.length) % 4) * 12}%`}\n                    />\n                  </td>\n                ))}\n              </tr>\n            ))}\n\n          {!isLoading && isError && (\n            <tr>\n              <td colSpan={colCount} style={{ padding: 0 }}>\n                <EmptyState\n                  tone=\"error\"\n                  title={errorTitle}\n                  description=\"Please retry. If this persists, check the API logs.\"\n                />\n              </td>\n            </tr>\n          )}\n\n          {!isLoading && !isError && rows && rows.length === 0 && (\n            <tr>\n              <td colSpan={colCount} style={{ padding: 0 }}>\n                <EmptyState\n                  icon={emptyIcon}\n                  title={emptyTitle}\n                  description={emptyDescription}\n                />\n              </td>\n            </tr>\n          )}\n\n          {!isLoading &&\n            !isError &&\n            rows?.map((row) => (\n              <RowGroup\n                key={getRowKey(row)}\n                row={row}\n                columns={columns}\n                renderExpanded={renderExpanded}\n                expanded={isExpanded?.(row) ?? false}\n                colCount={colCount}\n                onRowClick={onRowClick}\n              />\n            ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction RowGroup<T>({\n  row,\n  columns,\n  renderExpanded,\n  expanded,\n  colCount,\n  onRowClick,\n}: {\n  row: T;\n  columns: Column<T>[];\n  renderExpanded?: (row: T) => ReactNode;\n  expanded: boolean;\n  colCount: number;\n  onRowClick?: (row: T) => void;\n}) {\n  const clickable = !!onRowClick;\n  return (\n    <>\n      <tr\n        onClick={\n          clickable\n            ? (e) => {\n                // Let inner links/buttons handle their own clicks.\n                if ((e.target as HTMLElement).closest('a,button')) return;\n                onRowClick!(row);\n              }\n            : undefined\n        }\n        style={clickable ? { cursor: 'pointer' } : undefined}\n        onMouseEnter={\n          clickable\n            ? (e) => (e.currentTarget.style.background = 'var(--bg-subtle)')\n            : undefined\n        }\n        onMouseLeave={\n          clickable ? (e) => (e.currentTarget.style.background = '') : undefined\n        }\n      >\n        {columns.map((c) => (\n          <td\n            key={c.key}\n            style={{\n              ...(c.muted ? tableStyles.cellMuted : tableStyles.cell),\n              whiteSpace: c.nowrap ? 'nowrap' : undefined,\n            }}\n          >\n            {c.render\n              ? c.render(row)\n              : String((row as Record<string, unknown>)[c.key] ?? '—')}\n          </td>\n        ))}\n      </tr>\n      {expanded && renderExpanded && (\n        <tr>\n          <td\n            colSpan={colCount}\n            style={{ ...tableStyles.cell, background: 'var(--bg-subtle)' }}\n          >\n            {renderExpanded(row)}\n          </td>\n        </tr>\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}