@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/payout-tiers/_tier-dialog.js

@@ -0,0 +1,205 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { FormDialog } from "@withpotter/ui-kit/form-dialog";
+import { Button } from "@withpotter/ui-kit/button";
+import { Banner } from "@withpotter/ui-kit/banner";
+import { Input } from "@withpotter/ui-kit/input";
+import { Checkbox } from "@withpotter/ui-kit/checkbox";
+import { Field } from "@withpotter/ui-kit/field";
+import { formatMinor, parseMajorToMinor } from "@withpotter/lib/money-minor";
+import {
+  TIER_REQUIREMENTS
+} from "@withpotter/lib/admin-money-api";
+function toMajor(minor, currency) {
+  return formatMinor(minor, currency).replace(/[^\d.]/g, "");
+}
+function TierDialog({
+  tier,
+  saving,
+  error,
+  onSave,
+  onClose
+}) {
+  const [key, setKey] = useState(tier?.key ?? "");
+  const [currency, setCurrency] = useState(tier?.currency ?? "NGN");
+  const [label, setLabel] = useState(tier?.label ?? "");
+  const [position, setPosition] = useState(String(tier?.position ?? 0));
+  const [requirements, setRequirements] = useState(
+    tier?.requirements ?? []
+  );
+  const [min, setMin] = useState(
+    tier ? toMajor(tier.minimumMinor, tier.currency) : ""
+  );
+  const [max, setMax] = useState(
+    tier ? toMajor(tier.maximumMinor, tier.currency) : ""
+  );
+  const [daily, setDaily] = useState(
+    tier ? toMajor(tier.dailyMaximumMinor, tier.currency) : ""
+  );
+  const [monthly, setMonthly] = useState(
+    tier?.monthlyMaximumMinor ? toMajor(tier.monthlyMaximumMinor, tier.currency) : ""
+  );
+  const [enabled, setEnabled] = useState(tier?.enabled ?? true);
+  const [formError, setFormError] = useState(null);
+  const toggle = (r) => setRequirements(
+    (c) => c.includes(r) ? c.filter((x) => x !== r) : [...c, r]
+  );
+  const submit = () => {
+    setFormError(null);
+    const code = currency.trim().toUpperCase();
+    const minimumMinor = parseMajorToMinor(min, code);
+    const maximumMinor = parseMajorToMinor(max, code);
+    const dailyMaximumMinor = parseMajorToMinor(daily, code);
+    const monthlyMaximumMinor = monthly ? parseMajorToMinor(monthly, code) : null;
+    if (!key.trim() || !label.trim())
+      return setFormError("Key and label are required.");
+    if (!minimumMinor || !maximumMinor || !dailyMaximumMinor)
+      return setFormError(
+        "Minimum, maximum and daily limit must be valid amounts."
+      );
+    if (monthly && !monthlyMaximumMinor)
+      return setFormError("The monthly limit is not a valid amount.");
+    if (!/^\d+$/.test(position))
+      return setFormError("Position must be a whole number.");
+    onSave({
+      key: key.trim(),
+      currency: code,
+      label: label.trim(),
+      position: Number(position),
+      requirements,
+      minimumMinor,
+      maximumMinor,
+      dailyMaximumMinor,
+      monthlyMaximumMinor,
+      enabled
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      title: tier ? "Edit tier" : "New payout tier",
+      description: "Limits a business gets once it has passed every listed verification.",
+      size: "lg",
+      onClose,
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { onClick: submit, loading: saving, children: tier ? "Save tier" : "Create tier" })
+      ] }),
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        (formError || error) && /* @__PURE__ */ jsx(Banner, { tone: "error", children: formError ?? error }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsx(Field, { label: "Key", htmlFor: "t-key", required: true, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "t-key",
+              value: key,
+              onChange: (e) => setKey(e.target.value)
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field, { label: "Label", htmlFor: "t-label", required: true, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "t-label",
+              value: label,
+              onChange: (e) => setLabel(e.target.value)
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field, { label: "Currency", htmlFor: "t-cur", required: true, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "t-cur",
+              value: currency,
+              maxLength: 3,
+              onChange: (e) => setCurrency(e.target.value)
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Field,
+            {
+              label: "Position",
+              htmlFor: "t-pos",
+              hint: "Higher tiers are chosen first when a business qualifies for several.",
+              children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "t-pos",
+                  inputMode: "numeric",
+                  value: position,
+                  onChange: (e) => setPosition(e.target.value)
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(Field, { label: "Per-transfer minimum", htmlFor: "t-min", required: true, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "t-min",
+              inputMode: "decimal",
+              value: min,
+              onChange: (e) => setMin(e.target.value)
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field, { label: "Per-transfer maximum", htmlFor: "t-max", required: true, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "t-max",
+              inputMode: "decimal",
+              value: max,
+              onChange: (e) => setMax(e.target.value)
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field, { label: "Daily total", htmlFor: "t-day", required: true, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "t-day",
+              inputMode: "decimal",
+              value: daily,
+              onChange: (e) => setDaily(e.target.value)
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Field, { label: "Monthly total", htmlFor: "t-mon", hint: "Optional.", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "t-mon",
+              inputMode: "decimal",
+              value: monthly,
+              onChange: (e) => setMonthly(e.target.value)
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("fieldset", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs("legend", { className: "text-sm font-medium text-[var(--text-secondary)]", children: [
+            "Required verifications (",
+            requirements.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "max-h-56 space-y-3 overflow-y-auto rounded-md border border-[var(--border-default)] p-3", children: Object.entries(TIER_REQUIREMENTS).map(([group, ops]) => /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium text-[var(--text-tertiary)]", children: group }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-x-4 gap-y-1", children: ops.map((op) => /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                label: op,
+                checked: requirements.includes(op),
+                onChange: () => toggle(op)
+              },
+              op
+            )) })
+          ] }, group)) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            label: "Enabled",
+            checked: enabled,
+            onChange: (e) => setEnabled(e.target.checked)
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  TierDialog
+};
+//# sourceMappingURL=_tier-dialog.js.map

package/dist/admin/payout-tiers/_tier-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/payout-tiers/_tier-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { FormDialog } from '@withpotter/ui-kit/form-dialog';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { Banner } from '@withpotter/ui-kit/banner';\nimport { Input } from '@withpotter/ui-kit/input';\nimport { Checkbox } from '@withpotter/ui-kit/checkbox';\nimport { Field } from '@withpotter/ui-kit/field';\nimport { formatMinor, parseMajorToMinor } from '@withpotter/lib/money-minor';\nimport {\n  TIER_REQUIREMENTS,\n  type PayoutTier,\n  type PayoutTierInput,\n} from '@withpotter/lib/admin-money-api';\n\n/** Minor units back to what a person types: \"150000\" NGN is \"1500\". */\nfunction toMajor(minor: string, currency: string): string {\n  return formatMinor(minor, currency).replace(/[^\\d.]/g, '');\n}\n\nexport function TierDialog({\n  tier,\n  saving,\n  error,\n  onSave,\n  onClose,\n}: {\n  tier: PayoutTier | null;\n  saving: boolean;\n  error: string | null;\n  onSave: (body: PayoutTierInput) => void;\n  onClose: () => void;\n}) {\n  const [key, setKey] = useState(tier?.key ?? '');\n  const [currency, setCurrency] = useState(tier?.currency ?? 'NGN');\n  const [label, setLabel] = useState(tier?.label ?? '');\n  const [position, setPosition] = useState(String(tier?.position ?? 0));\n  const [requirements, setRequirements] = useState<string[]>(\n    tier?.requirements ?? [],\n  );\n  const [min, setMin] = useState(\n    tier ? toMajor(tier.minimumMinor, tier.currency) : '',\n  );\n  const [max, setMax] = useState(\n    tier ? toMajor(tier.maximumMinor, tier.currency) : '',\n  );\n  const [daily, setDaily] = useState(\n    tier ? toMajor(tier.dailyMaximumMinor, tier.currency) : '',\n  );\n  const [monthly, setMonthly] = useState(\n    tier?.monthlyMaximumMinor\n      ? toMajor(tier.monthlyMaximumMinor, tier.currency)\n      : '',\n  );\n  const [enabled, setEnabled] = useState(tier?.enabled ?? true);\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const toggle = (r: string) =>\n    setRequirements((c) =>\n      c.includes(r) ? c.filter((x) => x !== r) : [...c, r],\n    );\n\n  const submit = () => {\n    setFormError(null);\n    const code = currency.trim().toUpperCase();\n    const minimumMinor = parseMajorToMinor(min, code);\n    const maximumMinor = parseMajorToMinor(max, code);\n    const dailyMaximumMinor = parseMajorToMinor(daily, code);\n    const monthlyMaximumMinor = monthly\n      ? parseMajorToMinor(monthly, code)\n      : null;\n    if (!key.trim() || !label.trim())\n      return setFormError('Key and label are required.');\n    if (!minimumMinor || !maximumMinor || !dailyMaximumMinor)\n      return setFormError(\n        'Minimum, maximum and daily limit must be valid amounts.',\n      );\n    if (monthly && !monthlyMaximumMinor)\n      return setFormError('The monthly limit is not a valid amount.');\n    if (!/^\\d+$/.test(position))\n      return setFormError('Position must be a whole number.');\n    onSave({\n      key: key.trim(),\n      currency: code,\n      label: label.trim(),\n      position: Number(position),\n      requirements,\n      minimumMinor,\n      maximumMinor,\n      dailyMaximumMinor,\n      monthlyMaximumMinor,\n      enabled,\n    });\n  };\n\n  return (\n    <FormDialog\n      title={tier ? 'Edit tier' : 'New payout tier'}\n      description=\"Limits a business gets once it has passed every listed verification.\"\n      size=\"lg\"\n      onClose={onClose}\n      footer={\n        <>\n          <Button variant=\"secondary\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button onClick={submit} loading={saving}>\n            {tier ? 'Save tier' : 'Create tier'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-4\">\n        {(formError || error) && (\n          <Banner tone=\"error\">{formError ?? error}</Banner>\n        )}\n        <div className=\"grid gap-4 sm:grid-cols-2\">\n          <Field label=\"Key\" htmlFor=\"t-key\" required>\n            <Input\n              id=\"t-key\"\n              value={key}\n              onChange={(e) => setKey(e.target.value)}\n            />\n          </Field>\n          <Field label=\"Label\" htmlFor=\"t-label\" required>\n            <Input\n              id=\"t-label\"\n              value={label}\n              onChange={(e) => setLabel(e.target.value)}\n            />\n          </Field>\n          <Field label=\"Currency\" htmlFor=\"t-cur\" required>\n            <Input\n              id=\"t-cur\"\n              value={currency}\n              maxLength={3}\n              onChange={(e) => setCurrency(e.target.value)}\n            />\n          </Field>\n          <Field\n            label=\"Position\"\n            htmlFor=\"t-pos\"\n            hint=\"Higher tiers are chosen first when a business qualifies for several.\"\n          >\n            <Input\n              id=\"t-pos\"\n              inputMode=\"numeric\"\n              value={position}\n              onChange={(e) => setPosition(e.target.value)}\n            />\n          </Field>\n          <Field label=\"Per-transfer minimum\" htmlFor=\"t-min\" required>\n            <Input\n              id=\"t-min\"\n              inputMode=\"decimal\"\n              value={min}\n              onChange={(e) => setMin(e.target.value)}\n            />\n          </Field>\n          <Field label=\"Per-transfer maximum\" htmlFor=\"t-max\" required>\n            <Input\n              id=\"t-max\"\n              inputMode=\"decimal\"\n              value={max}\n              onChange={(e) => setMax(e.target.value)}\n            />\n          </Field>\n          <Field label=\"Daily total\" htmlFor=\"t-day\" required>\n            <Input\n              id=\"t-day\"\n              inputMode=\"decimal\"\n              value={daily}\n              onChange={(e) => setDaily(e.target.value)}\n            />\n          </Field>\n          <Field label=\"Monthly total\" htmlFor=\"t-mon\" hint=\"Optional.\">\n            <Input\n              id=\"t-mon\"\n              inputMode=\"decimal\"\n              value={monthly}\n              onChange={(e) => setMonthly(e.target.value)}\n            />\n          </Field>\n        </div>\n\n        <fieldset className=\"space-y-2\">\n          <legend className=\"text-sm font-medium text-[var(--text-secondary)]\">\n            Required verifications ({requirements.length})\n          </legend>\n          <div className=\"max-h-56 space-y-3 overflow-y-auto rounded-md border border-[var(--border-default)] p-3\">\n            {Object.entries(TIER_REQUIREMENTS).map(([group, ops]) => (\n              <div key={group}>\n                <p className=\"mb-1 text-xs font-medium text-[var(--text-tertiary)]\">\n                  {group}\n                </p>\n                <div className=\"flex flex-wrap gap-x-4 gap-y-1\">\n                  {ops.map((op) => (\n                    <Checkbox\n                      key={op}\n                      label={op}\n                      checked={requirements.includes(op)}\n                      onChange={() => toggle(op)}\n                    />\n                  ))}\n                </div>\n              </div>\n            ))}\n          </div>\n        </fieldset>\n\n        <Checkbox\n          label=\"Enabled\"\n          checked={enabled}\n          onChange={(e) => setEnabled(e.target.checked)}\n        />\n      </div>\n    </FormDialog>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,11 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { TiersWorkspace } from "./tiers-workspace";
+function Page() {
+  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(TiersWorkspace, {}) });
+}
+export {
+  Page as default
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/payout-tiers/page.tsx"],"sourcesContent":["'use client';\n\nimport { Suspense } from 'react';\nimport { TiersWorkspace } from './tiers-workspace';\n\n/** The tabs read `?tab=`, so the workspace waits on the search params. */\nexport default function Page() {\n  return (\n    <Suspense>\n      <TiersWorkspace />\n    </Suspense>\n  );\n}\n"],"mappings":";AASM;AAPN,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAGhB,SAAR,OAAwB;AAC7B,SACE,oBAAC,YACC,8BAAC,kBAAe,GAClB;AAEJ;","names":[]}

package/dist/admin/payout-tiers/tier-preview-result.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Card,
+  Fact,
+  FactList,
+  TableRow,
+  TableShell,
+  Th
+} from "@withpotter/ui-kit";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import { limitLines, requirementRows } from "./tier-preview";
+import styles from "../_money/ledger.module.css";
+function TierPreviewResult({ preview }) {
+  const { tier } = preview;
+  const rows = requirementRows(preview);
+  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: 16 }, children: [
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx("h3", { className: styles.chosenName, children: tier ? `Lands on ${tier.label} in ${preview.currency}` : `No ${preview.currency} tier qualifies yet` }),
+      tier ? /* @__PURE__ */ jsxs(FactList, { className: "mt-4", children: [
+        /* @__PURE__ */ jsx(Fact, { label: "Tier", value: `${tier.label} (${tier.key})` }),
+        /* @__PURE__ */ jsx(Fact, { label: "Position", value: String(tier.position) }),
+        limitLines(tier).map(([label, value]) => /* @__PURE__ */ jsx(Fact, { label, value }, label)),
+        /* @__PURE__ */ jsx(
+          Fact,
+          {
+            label: "Status",
+            value: tier.enabled ? "Enabled" : "Disabled"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx("p", { className: styles.quiet, children: "With no tier, this business resolves to verification required." })
+    ] }),
+    /* @__PURE__ */ jsx(
+      TableShell,
+      {
+        minWidth: 0,
+        head: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx(Th, { children: "Requirement" }),
+          /* @__PURE__ */ jsx(Th, { children: "State" })
+        ] }),
+        children: rows.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 2, className: styles.quiet, children: "Nothing verified and nothing required." }) }) : rows.map((r) => /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx("td", { children: r.name }),
+          /* @__PURE__ */ jsx("td", { children: r.met ? /* @__PURE__ */ jsx(StatusBadge, { status: "completed", label: "Met" }) : /* @__PURE__ */ jsx(
+            StatusBadge,
+            {
+              status: "action_required",
+              label: "Missing for the next tier"
+            }
+          ) })
+        ] }, r.name))
+      }
+    )
+  ] });
+}
+export {
+  TierPreviewResult
+};
+//# sourceMappingURL=tier-preview-result.js.map

package/dist/admin/payout-tiers/tier-preview-result.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/payout-tiers/tier-preview-result.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Card,\n  Fact,\n  FactList,\n  TableRow,\n  TableShell,\n  Th,\n} from '@withpotter/ui-kit';\nimport { StatusBadge } from '@withpotter/components/shared/status-badge';\nimport type { PayoutTierPreview } from '@withpotter/lib/admin-money-api';\nimport { limitLines, requirementRows } from './tier-preview';\nimport styles from '../_money/ledger.module.css';\n\n/**\n * What the preview answered: the tier the business lands on with its\n * limits, then every requirement it names, met or still missing.\n */\nexport function TierPreviewResult({ preview }: { preview: PayoutTierPreview }) {\n  const { tier } = preview;\n  const rows = requirementRows(preview);\n\n  return (\n    <div style={{ display: 'grid', gap: 16 }}>\n      <Card>\n        <h3 className={styles.chosenName}>\n          {tier\n            ? `Lands on ${tier.label} in ${preview.currency}`\n            : `No ${preview.currency} tier qualifies yet`}\n        </h3>\n        {tier ? (\n          <FactList className=\"mt-4\">\n            <Fact label=\"Tier\" value={`${tier.label} (${tier.key})`} />\n            <Fact label=\"Position\" value={String(tier.position)} />\n            {limitLines(tier).map(([label, value]) => (\n              <Fact key={label} label={label} value={value} />\n            ))}\n            <Fact\n              label=\"Status\"\n              value={tier.enabled ? 'Enabled' : 'Disabled'}\n            />\n          </FactList>\n        ) : (\n          <p className={styles.quiet}>\n            With no tier, this business resolves to verification required.\n          </p>\n        )}\n      </Card>\n      <TableShell\n        minWidth={0}\n        head={\n          <tr>\n            <Th>Requirement</Th>\n            <Th>State</Th>\n          </tr>\n        }\n      >\n        {rows.length === 0 ? (\n          <tr>\n            <td colSpan={2} className={styles.quiet}>\n              Nothing verified and nothing required.\n            </td>\n          </tr>\n        ) : (\n          rows.map((r) => (\n            <TableRow key={r.name}>\n              <td>{r.name}</td>\n              <td>\n                {r.met ? (\n                  <StatusBadge status=\"completed\" label=\"Met\" />\n                ) : (\n                  <StatusBadge\n                    status=\"action_required\"\n                    label=\"Missing for the next tier\"\n                  />\n                )}\n              </td>\n            </TableRow>\n          ))\n        )}\n      </TableShell>\n    </div>\n  );\n}\n"],"mappings":";AA0BQ,cAME,YANF;AAxBR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAE5B,SAAS,YAAY,uBAAuB;AAC5C,OAAO,YAAY;AAMZ,SAAS,kBAAkB,EAAE,QAAQ,GAAmC;AAC7E,QAAM,EAAE,KAAK,IAAI;AACjB,QAAM,OAAO,gBAAgB,OAAO;AAEpC,SACE,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,GAAG,GACrC;AAAA,yBAAC,QACC;AAAA,0BAAC,QAAG,WAAW,OAAO,YACnB,iBACG,YAAY,KAAK,KAAK,OAAO,QAAQ,QAAQ,KAC7C,MAAM,QAAQ,QAAQ,uBAC5B;AAAA,MACC,OACC,qBAAC,YAAS,WAAU,QAClB;AAAA,4BAAC,QAAK,OAAM,QAAO,OAAO,GAAG,KAAK,KAAK,KAAK,KAAK,GAAG,KAAK;AAAA,QACzD,oBAAC,QAAK,OAAM,YAAW,OAAO,OAAO,KAAK,QAAQ,GAAG;AAAA,QACpD,WAAW,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,KAAK,MAClC,oBAAC,QAAiB,OAAc,SAArB,KAAmC,CAC/C;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAO,KAAK,UAAU,YAAY;AAAA;AAAA,QACpC;AAAA,SACF,IAEA,oBAAC,OAAE,WAAW,OAAO,OAAO,4EAE5B;AAAA,OAEJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,MACE,qBAAC,QACC;AAAA,8BAAC,MAAG,yBAAW;AAAA,UACf,oBAAC,MAAG,mBAAK;AAAA,WACX;AAAA,QAGD,eAAK,WAAW,IACf,oBAAC,QACC,8BAAC,QAAG,SAAS,GAAG,WAAW,OAAO,OAAO,oDAEzC,GACF,IAEA,KAAK,IAAI,CAAC,MACR,qBAAC,YACC;AAAA,8BAAC,QAAI,YAAE,MAAK;AAAA,UACZ,oBAAC,QACE,YAAE,MACD,oBAAC,eAAY,QAAO,aAAY,OAAM,OAAM,IAE5C;AAAA,YAAC;AAAA;AAAA,cACC,QAAO;AAAA,cACP,OAAM;AAAA;AAAA,UACR,GAEJ;AAAA,aAXa,EAAE,IAYjB,CACD;AAAA;AAAA,IAEL;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/payout-tiers/tier-preview-tab.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { Button, Card, Select, StateView } from "@withpotter/ui-kit";
+import { adminMoneyApi } from "@withpotter/lib/admin-money-api";
+import { Skeleton } from "../_ui";
+import { usePlatformTenant } from "../hooks";
+import { useTenantParam } from "../_money/tenant-param";
+import { BusinessPicker } from "../_money/business-picker";
+import styles from "../_money/ledger.module.css";
+import {
+  DEFAULT_CURRENCY,
+  previewErrorText,
+  tierCurrencies
+} from "./tier-preview";
+import { TierPreviewResult } from "./tier-preview-result";
+import { TIERS_KEY, useTiers } from "./use-tiers";
+function TierPreviewTab() {
+  const [tenantId, setTenantId] = useTenantParam();
+  const tenant = usePlatformTenant(tenantId);
+  const tiers = useTiers();
+  const currencies = tierCurrencies(tiers.data);
+  const [currency, setCurrency] = useState(DEFAULT_CURRENCY);
+  const preview = useQuery({
+    // Under the tiers key: editing a tier refreshes any open preview.
+    queryKey: [...TIERS_KEY, "preview", tenantId, currency],
+    queryFn: () => adminMoneyApi.previewTier(tenantId, currency),
+    enabled: Boolean(tenantId && currency),
+    retry: false
+  });
+  if (!tenantId)
+    return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(BusinessPicker, { picked: null, onPick: (t) => setTenantId(t.id) }) });
+  const name = tenant.data?.businessName;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.chosen, children: [
+      /* @__PURE__ */ jsx("h3", { className: styles.chosenName, children: name || (tenant.isLoading ? "Loading business\u2026" : "Business") }),
+      /* @__PURE__ */ jsxs("div", { className: styles.chosenActions, children: [
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            className: styles.control,
+            ariaLabel: "Currency",
+            value: currency,
+            onChange: setCurrency,
+            options: currencies.map((c) => ({ value: c, label: c }))
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setTenantId(null), children: "Change business" })
+      ] })
+    ] }),
+    preview.isLoading ? /* @__PURE__ */ jsx(Skeleton, { height: 160 }) : preview.isError ? /* @__PURE__ */ jsx(
+      StateView,
+      {
+        kind: "error",
+        compact: true,
+        title: "The preview did not load",
+        description: previewErrorText(preview.error),
+        action: { label: "Retry", onClick: () => void preview.refetch() }
+      }
+    ) : preview.data ? /* @__PURE__ */ jsx(TierPreviewResult, { preview: preview.data }) : null
+  ] });
+}
+export {
+  TierPreviewTab
+};
+//# sourceMappingURL=tier-preview-tab.js.map

package/dist/admin/payout-tiers/tier-preview-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/payout-tiers/tier-preview-tab.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { Button, Card, Select, StateView } from '@withpotter/ui-kit';\nimport { adminMoneyApi } from '@withpotter/lib/admin-money-api';\nimport { Skeleton } from '../_ui';\nimport { usePlatformTenant } from '../hooks';\nimport { useTenantParam } from '../_money/tenant-param';\nimport { BusinessPicker } from '../_money/business-picker';\nimport styles from '../_money/ledger.module.css';\nimport {\n  DEFAULT_CURRENCY,\n  previewErrorText,\n  tierCurrencies,\n} from './tier-preview';\nimport { TierPreviewResult } from './tier-preview-result';\nimport { TIERS_KEY, useTiers } from './use-tiers';\n\n/**\n * Which tier one business would get today. Pick it by name (`?tenant=`),\n * pick a currency, and the preview runs on its own.\n */\nexport function TierPreviewTab() {\n  const [tenantId, setTenantId] = useTenantParam();\n  const tenant = usePlatformTenant(tenantId);\n  const tiers = useTiers();\n  const currencies = tierCurrencies(tiers.data);\n  const [currency, setCurrency] = useState(DEFAULT_CURRENCY);\n  const preview = useQuery({\n    // Under the tiers key: editing a tier refreshes any open preview.\n    queryKey: [...TIERS_KEY, 'preview', tenantId, currency],\n    queryFn: () => adminMoneyApi.previewTier(tenantId, currency),\n    enabled: Boolean(tenantId && currency),\n    retry: false,\n  });\n\n  if (!tenantId)\n    return (\n      <Card>\n        <BusinessPicker picked={null} onPick={(t) => setTenantId(t.id)} />\n      </Card>\n    );\n\n  const name = tenant.data?.businessName;\n\n  return (\n    <div>\n      <div className={styles.chosen}>\n        <h3 className={styles.chosenName}>\n          {name || (tenant.isLoading ? 'Loading business…' : 'Business')}\n        </h3>\n        <div className={styles.chosenActions}>\n          <Select\n            className={styles.control}\n            ariaLabel=\"Currency\"\n            value={currency}\n            onChange={setCurrency}\n            options={currencies.map((c) => ({ value: c, label: c }))}\n          />\n          <Button variant=\"secondary\" onClick={() => setTenantId(null)}>\n            Change business\n          </Button>\n        </div>\n      </div>\n      {preview.isLoading ? (\n        <Skeleton height={160} />\n      ) : preview.isError ? (\n        <StateView\n          kind=\"error\"\n          compact\n          title=\"The preview did not load\"\n          description={previewErrorText(preview.error)}\n          action={{ label: 'Retry', onClick: () => void preview.refetch() }}\n        />\n      ) : preview.data ? (\n        <TierPreviewResult preview={preview.data} />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";AAwCQ,cAYA,YAZA;AAtCR,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,MAAM,QAAQ,iBAAiB;AAChD,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,OAAO,YAAY;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAAS,WAAW,gBAAgB;AAM7B,SAAS,iBAAiB;AAC/B,QAAM,CAAC,UAAU,WAAW,IAAI,eAAe;AAC/C,QAAM,SAAS,kBAAkB,QAAQ;AACzC,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,eAAe,MAAM,IAAI;AAC5C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,gBAAgB;AACzD,QAAM,UAAU,SAAS;AAAA;AAAA,IAEvB,UAAU,CAAC,GAAG,WAAW,WAAW,UAAU,QAAQ;AAAA,IACtD,SAAS,MAAM,cAAc,YAAY,UAAU,QAAQ;AAAA,IAC3D,SAAS,QAAQ,YAAY,QAAQ;AAAA,IACrC,OAAO;AAAA,EACT,CAAC;AAED,MAAI,CAAC;AACH,WACE,oBAAC,QACC,8BAAC,kBAAe,QAAQ,MAAM,QAAQ,CAAC,MAAM,YAAY,EAAE,EAAE,GAAG,GAClE;AAGJ,QAAM,OAAO,OAAO,MAAM;AAE1B,SACE,qBAAC,SACC;AAAA,yBAAC,SAAI,WAAW,OAAO,QACrB;AAAA,0BAAC,QAAG,WAAW,OAAO,YACnB,mBAAS,OAAO,YAAY,2BAAsB,aACrD;AAAA,MACA,qBAAC,SAAI,WAAW,OAAO,eACrB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,OAAO;AAAA,YAClB,WAAU;AAAA,YACV,OAAO;AAAA,YACP,UAAU;AAAA,YACV,SAAS,WAAW,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,EAAE,EAAE;AAAA;AAAA,QACzD;AAAA,QACA,oBAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,YAAY,IAAI,GAAG,6BAE9D;AAAA,SACF;AAAA,OACF;AAAA,IACC,QAAQ,YACP,oBAAC,YAAS,QAAQ,KAAK,IACrB,QAAQ,UACV;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAO;AAAA,QACP,OAAM;AAAA,QACN,aAAa,iBAAiB,QAAQ,KAAK;AAAA,QAC3C,QAAQ,EAAE,OAAO,SAAS,SAAS,MAAM,KAAK,QAAQ,QAAQ,EAAE;AAAA;AAAA,IAClE,IACE,QAAQ,OACV,oBAAC,qBAAkB,SAAS,QAAQ,MAAM,IACxC;AAAA,KACN;AAEJ;","names":[]}

package/dist/admin/payout-tiers/tier-preview.js

@@ -0,0 +1,41 @@
+import { formatMinor } from "@withpotter/lib/money-minor";
+const DEFAULT_CURRENCY = "NGN";
+function tierCurrencies(tiers = []) {
+  const set = /* @__PURE__ */ new Set([DEFAULT_CURRENCY]);
+  for (const t of tiers) if (t.currency) set.add(t.currency.toUpperCase());
+  return [...set].sort();
+}
+function requirementRows(p) {
+  const verified = new Set(p.verified);
+  const names = [...p.tier?.requirements ?? [], ...p.verified, ...p.missing];
+  return [...new Set(names)].map((name) => ({
+    name,
+    met: verified.has(name)
+  }));
+}
+function limitLines(t) {
+  const m = (minor) => formatMinor(minor, t.currency);
+  return [
+    ["Per transfer", `${m(t.minimumMinor)} \u2013 ${m(t.maximumMinor)}`],
+    ["Daily", m(t.dailyMaximumMinor)],
+    ["Monthly", t.monthlyMaximumMinor ? m(t.monthlyMaximumMinor) : "No cap"]
+  ];
+}
+const statusOf = (e) => e?.status;
+function previewErrorText(error) {
+  const status = statusOf(error);
+  if (status === 403) return "You don't have permission to preview tiers.";
+  if (status === 404) return "Business not found.";
+  if (typeof status === "number" && status >= 500)
+    return "The preview did not load. Try again.";
+  const message = error instanceof Error ? error.message.trim() : "";
+  return message || "The preview did not load. Try again.";
+}
+export {
+  DEFAULT_CURRENCY,
+  limitLines,
+  previewErrorText,
+  requirementRows,
+  tierCurrencies
+};
+//# sourceMappingURL=tier-preview.js.map

package/dist/admin/payout-tiers/tier-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/payout-tiers/tier-preview.ts"],"sourcesContent":["import type { PayoutTier, PayoutTierPreview } from '@withpotter/lib/admin-money-api';\nimport { formatMinor } from '@withpotter/lib/money-minor';\n\nexport const DEFAULT_CURRENCY = 'NGN';\n\n/** The currencies the tiers use, with the default always on offer. */\nexport function tierCurrencies(tiers: readonly PayoutTier[] = []): string[] {\n  const set = new Set([DEFAULT_CURRENCY]);\n\n  for (const t of tiers) if (t.currency) set.add(t.currency.toUpperCase());\n\n  return [...set].sort();\n}\n\nexport type RequirementRow = { name: string; met: boolean };\n\n/**\n * Every requirement the preview names, once: the landed tier's own first,\n * then anything else verified, then what the next tier still needs. A\n * requirement is met when the business has verified it.\n */\nexport function requirementRows(p: PayoutTierPreview): RequirementRow[] {\n  const verified = new Set(p.verified);\n  const names = [...(p.tier?.requirements ?? []), ...p.verified, ...p.missing];\n\n  return [...new Set(names)].map((name) => ({\n    name,\n    met: verified.has(name),\n  }));\n}\n\n/** The landed tier's limits, as label and formatted value. */\nexport function limitLines(t: PayoutTier): Array<[string, string]> {\n  const m = (minor: string) => formatMinor(minor, t.currency);\n\n  return [\n    ['Per transfer', `${m(t.minimumMinor)} – ${m(t.maximumMinor)}`],\n    ['Daily', m(t.dailyMaximumMinor)],\n    ['Monthly', t.monthlyMaximumMinor ? m(t.monthlyMaximumMinor) : 'No cap'],\n  ];\n}\n\nconst statusOf = (e: unknown) => (e as { status?: unknown } | null)?.status;\n\n/** The preview's failure in plain words. */\nexport function previewErrorText(error: unknown): string {\n  const status = statusOf(error);\n\n  if (status === 403) return \"You don't have permission to preview tiers.\";\n\n  if (status === 404) return 'Business not found.';\n\n  if (typeof status === 'number' && status >= 500)\n    return 'The preview did not load. Try again.';\n\n  const message = error instanceof Error ? error.message.trim() : '';\n\n  return message || 'The preview did not load. Try again.';\n}\n"],"mappings":"AACA,SAAS,mBAAmB;AAErB,MAAM,mBAAmB;AAGzB,SAAS,eAAe,QAA+B,CAAC,GAAa;AAC1E,QAAM,MAAM,oBAAI,IAAI,CAAC,gBAAgB,CAAC;AAEtC,aAAW,KAAK,MAAO,KAAI,EAAE,SAAU,KAAI,IAAI,EAAE,SAAS,YAAY,CAAC;AAEvE,SAAO,CAAC,GAAG,GAAG,EAAE,KAAK;AACvB;AASO,SAAS,gBAAgB,GAAwC;AACtE,QAAM,WAAW,IAAI,IAAI,EAAE,QAAQ;AACnC,QAAM,QAAQ,CAAC,GAAI,EAAE,MAAM,gBAAgB,CAAC,GAAI,GAAG,EAAE,UAAU,GAAG,EAAE,OAAO;AAE3E,SAAO,CAAC,GAAG,IAAI,IAAI,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU;AAAA,IACxC;AAAA,IACA,KAAK,SAAS,IAAI,IAAI;AAAA,EACxB,EAAE;AACJ;AAGO,SAAS,WAAW,GAAwC;AACjE,QAAM,IAAI,CAAC,UAAkB,YAAY,OAAO,EAAE,QAAQ;AAE1D,SAAO;AAAA,IACL,CAAC,gBAAgB,GAAG,EAAE,EAAE,YAAY,CAAC,WAAM,EAAE,EAAE,YAAY,CAAC,EAAE;AAAA,IAC9D,CAAC,SAAS,EAAE,EAAE,iBAAiB,CAAC;AAAA,IAChC,CAAC,WAAW,EAAE,sBAAsB,EAAE,EAAE,mBAAmB,IAAI,QAAQ;AAAA,EACzE;AACF;AAEA,MAAM,WAAW,CAAC,MAAgB,GAAmC;AAG9D,SAAS,iBAAiB,OAAwB;AACvD,QAAM,SAAS,SAAS,KAAK;AAE7B,MAAI,WAAW,IAAK,QAAO;AAE3B,MAAI,WAAW,IAAK,QAAO;AAE3B,MAAI,OAAO,WAAW,YAAY,UAAU;AAC1C,WAAO;AAET,QAAM,UAAU,iBAAiB,QAAQ,MAAM,QAAQ,KAAK,IAAI;AAEhE,SAAO,WAAW;AACpB;","names":[]}

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

@@ -0,0 +1,151 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { Banner } from "@withpotter/ui-kit/banner";
+import { useConfirm } from "@withpotter/ui-kit/confirm-dialog";
+import { formatMinor } from "@withpotter/lib/money-minor";
+import {
+  adminMoneyApi
+} from "@withpotter/lib/admin-money-api";
+import {
+  DataTable,
+  byCurrency,
+  rowBtn,
+  dangerRowBtn
+} from "../_ui";
+import { TierDialog } from "./_tier-dialog";
+import { TIERS_KEY, useTiers } from "./use-tiers";
+const TAG = {
+  padding: "2px 8px",
+  borderRadius: 999,
+  border: "1px solid var(--border-default)",
+  fontSize: 12,
+  color: "var(--text-secondary)"
+};
+function TiersTable({
+  editing,
+  onEdit,
+  currency = ""
+}) {
+  const qc = useQueryClient();
+  const confirm = useConfirm();
+  const { data, isLoading, isError } = useTiers();
+  const refresh = () => qc.invalidateQueries({ queryKey: TIERS_KEY });
+  const save = useMutation({
+    mutationFn: (body) => editing && editing !== "new" ? adminMoneyApi.updateTier(editing.id, body) : adminMoneyApi.createTier(body),
+    onSuccess: () => {
+      close();
+      refresh();
+    }
+  });
+  const remove = useMutation({
+    mutationFn: (id) => adminMoneyApi.removeTier(id),
+    onSuccess: refresh
+  });
+  function close() {
+    onEdit(null);
+    save.reset();
+    remove.reset();
+  }
+  const columns = [
+    {
+      key: "label",
+      header: "Tier",
+      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.key,
+              " \xB7 ",
+              t.currency,
+              " \xB7 position ",
+              t.position
+            ]
+          }
+        )
+      ] })
+    },
+    {
+      key: "requirements",
+      header: "Needs",
+      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: 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)
+    },
+    {
+      key: "monthly",
+      header: "Per month",
+      render: (t) => t.monthlyMaximumMinor ? formatMinor(t.monthlyMaximumMinor, t.currency) : "No cap"
+    },
+    {
+      key: "actions",
+      header: "",
+      render: (t) => /* @__PURE__ */ jsxs("span", { style: { display: "flex", gap: 6 }, children: [
+        /* @__PURE__ */ jsx("button", { type: "button", style: rowBtn, onClick: () => onEdit(t), children: "Edit" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            style: dangerRowBtn,
+            onClick: async () => {
+              const ok = await confirm({
+                title: `Remove ${t.label}?`,
+                description: "Businesses on this tier fall back to the next tier they qualify for.",
+                confirmLabel: "Remove",
+                tone: "danger"
+              });
+              if (ok) remove.mutate(t.id);
+            },
+            children: "Remove"
+          }
+        )
+      ] })
+    }
+  ];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    remove.error && !editing && /* @__PURE__ */ jsx(Banner, { tone: "error", children: remove.error.message }),
+    /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        columns,
+        rows: data && byCurrency(data, currency, (t) => t.currency),
+        getRowKey: (t) => t.id,
+        isLoading,
+        isError,
+        emptyTitle: currency && data?.length ? `No ${currency} levels` : "No levels yet",
+        emptyDescription: `With no tier, every business resolves to verification required${currency ? ` in ${currency}` : ""}.`
+      }
+    ),
+    editing && /* @__PURE__ */ jsx(
+      TierDialog,
+      {
+        tier: editing === "new" ? null : editing,
+        saving: save.isPending,
+        error: save.error?.message ?? null,
+        onSave: (b) => save.mutate(b),
+        onClose: close
+      }
+    )
+  ] });
+}
+export {
+  TiersTable
+};
+//# sourceMappingURL=tiers-table.js.map

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

@@ -0,0 +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 { 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: 'Tier',\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.key} · {t.currency} · position {t.position}\n          </span>\n        </span>\n      ),\n    },\n    {\n      key: 'requirements',\n      header: 'Needs',\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                {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={`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":";AA0EU,SAkFN,UAlFM,KAIA,YAJA;AAxEV,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;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ,CAAC,MACP,qBAAC,UACC;AAAA,4BAAC,UAAK,OAAO,EAAE,YAAY,IAAI,GAAI,YAAE,OAAM;AAAA,QAC1C,CAAC,EAAE,WACF,oBAAC,UAAK,OAAO,EAAE,GAAG,KAAK,YAAY,EAAE,GAAG,sBAAQ;AAAA,QAElD;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,UAAU;AAAA,cACV,OAAO;AAAA,cACP,YAAY;AAAA,YACd;AAAA,YAEC;AAAA,gBAAE;AAAA,cAAI;AAAA,cAAI,EAAE;AAAA,cAAS;AAAA,cAAa,EAAE;AAAA;AAAA;AAAA,QACvC;AAAA,SACF;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ,CAAC,MACP,EAAE,aAAa,WAAW,IACxB,WAEA,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,MACP,GAAG,YAAY,EAAE,cAAc,EAAE,QAAQ,CAAC,OAAO,YAAY,EAAE,cAAc,EAAE,QAAQ,CAAC;AAAA,IAC5F;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ,CAAC,MAAM,YAAY,EAAE,mBAAmB,EAAE,QAAQ;AAAA,IAC5D;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ,CAAC,MACP,EAAE,sBACE,YAAY,EAAE,qBAAqB,EAAE,QAAQ,IAC7C;AAAA,IACR;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,YAAY;AAAA,QAEvD,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":[]}