@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/_fx/entity-avatar.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { hueFor } from "./tones";
+const initials = (name) => name.split(/[\s@._-]+/).filter(Boolean).slice(0, 2).map((p) => p[0]?.toUpperCase()).join("") || "?";
+function EntityAvatar({
+  name,
+  src,
+  size = 40,
+  round = false
+}) {
+  const [broken, setBroken] = useState(false);
+  const radius = round ? 999 : Math.round(size * 0.28);
+  const hue = hueFor(name);
+  if (src && !broken) {
+    return (
+      // eslint-disable-next-line @next/next/no-img-element -- remote merchant logos, any host
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src,
+          alt: "",
+          width: size,
+          height: size,
+          onError: () => setBroken(true),
+          style: {
+            width: size,
+            height: size,
+            borderRadius: radius,
+            objectFit: "cover",
+            flexShrink: 0,
+            boxShadow: "0 0 0 1px var(--adm-line)"
+          }
+        }
+      )
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      style: {
+        display: "inline-grid",
+        placeItems: "center",
+        width: size,
+        height: size,
+        flexShrink: 0,
+        borderRadius: radius,
+        // Flat: a brand tint with the initials in the same hue, no gradient.
+        background: `color-mix(in srgb, ${hue} 14%, var(--bg-base))`,
+        color: `color-mix(in srgb, ${hue} 75%, var(--text-primary))`,
+        fontSize: Math.round(size * 0.36),
+        fontWeight: 600,
+        letterSpacing: "0.02em"
+      },
+      children: initials(name)
+    }
+  );
+}
+export {
+  EntityAvatar
+};
+//# sourceMappingURL=entity-avatar.js.map

package/dist/admin/_fx/entity-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_fx/entity-avatar.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { hueFor } from './tones';\n\nconst initials = (name: string) =>\n  name\n    .split(/[\\s@._-]+/)\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((p) => p[0]?.toUpperCase())\n    .join('') || '?';\n\n/**\n * A merchant or person: their logo when they have one, otherwise initials on\n * a flat brand tint that is always the same for that name.\n */\nexport function EntityAvatar({\n  name,\n  src,\n  size = 40,\n  round = false,\n}: {\n  name: string;\n  src?: string | null;\n  size?: number;\n  round?: boolean;\n}) {\n  const [broken, setBroken] = useState(false);\n  const radius = round ? 999 : Math.round(size * 0.28);\n  const hue = hueFor(name);\n\n  if (src && !broken) {\n    return (\n      // eslint-disable-next-line @next/next/no-img-element -- remote merchant logos, any host\n      <img\n        src={src}\n        alt=\"\"\n        width={size}\n        height={size}\n        onError={() => setBroken(true)}\n        style={{\n          width: size,\n          height: size,\n          borderRadius: radius,\n          objectFit: 'cover',\n          flexShrink: 0,\n          boxShadow: '0 0 0 1px var(--adm-line)',\n        }}\n      />\n    );\n  }\n\n  return (\n    <span\n      aria-hidden\n      style={{\n        display: 'inline-grid',\n        placeItems: 'center',\n        width: size,\n        height: size,\n        flexShrink: 0,\n        borderRadius: radius,\n        // Flat: a brand tint with the initials in the same hue, no gradient.\n        background: `color-mix(in srgb, ${hue} 14%, var(--bg-base))`,\n        color: `color-mix(in srgb, ${hue} 75%, var(--text-primary))`,\n        fontSize: Math.round(size * 0.36),\n        fontWeight: 600,\n        letterSpacing: '0.02em',\n      }}\n    >\n      {initials(name)}\n    </span>\n  );\n}\n"],"mappings":";AAmCM;AAjCN,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB,MAAM,WAAW,CAAC,SAChB,KACG,MAAM,WAAW,EACjB,OAAO,OAAO,EACd,MAAM,GAAG,CAAC,EACV,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,YAAY,CAAC,EAC9B,KAAK,EAAE,KAAK;AAMV,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AACV,GAKG;AACD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,SAAS,QAAQ,MAAM,KAAK,MAAM,OAAO,IAAI;AACnD,QAAM,MAAM,OAAO,IAAI;AAEvB,MAAI,OAAO,CAAC,QAAQ;AAClB;AAAA;AAAA,MAEE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,KAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,SAAS,MAAM,UAAU,IAAI;AAAA,UAC7B,OAAO;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,WAAW;AAAA,UACb;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,cAAc;AAAA;AAAA,QAEd,YAAY,sBAAsB,GAAG;AAAA,QACrC,OAAO,sBAAsB,GAAG;AAAA,QAChC,UAAU,KAAK,MAAM,OAAO,IAAI;AAAA,QAChC,YAAY;AAAA,QACZ,eAAe;AAAA,MACjB;AAAA,MAEC,mBAAS,IAAI;AAAA;AAAA,EAChB;AAEJ;","names":[]}

package/dist/admin/_fx/index.js

@@ -0,0 +1,14 @@
+import { Reveal, CountUp, SPRING } from "./motion";
+import { PageTransition } from "./page-transition";
+import { EntityAvatar } from "./entity-avatar";
+import { TONE, hueFor } from "./tones";
+export {
+  CountUp,
+  EntityAvatar,
+  PageTransition,
+  Reveal,
+  SPRING,
+  TONE,
+  hueFor
+};
+//# sourceMappingURL=index.js.map

package/dist/admin/_fx/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_fx/index.ts"],"sourcesContent":["export { Reveal, CountUp, SPRING } from './motion';\nexport { PageTransition } from './page-transition';\nexport { EntityAvatar } from './entity-avatar';\nexport { TONE, hueFor } from './tones';\nexport type { Tone } from './tones';\n"],"mappings":"AAAA,SAAS,QAAQ,SAAS,cAAc;AACxC,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,MAAM,cAAc;","names":[]}

package/dist/admin/_fx/motion.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  animate,
+  motion,
+  useInView,
+  useReducedMotionConfig
+} from "motion/react";
+import { useEffect, useRef, useState } from "react";
+const SPRING = {
+  fast: { type: "spring", duration: 0.18, bounce: 0 },
+  moderate: { type: "spring", duration: 0.32, bounce: 0.08 },
+  slow: { type: "spring", duration: 0.48, bounce: 0.14 }
+};
+function Reveal({
+  children,
+  className,
+  as = "div"
+}) {
+  const reduce = useReducedMotionConfig();
+  const Tag = motion[as];
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      className,
+      initial: { opacity: reduce ? 1 : 0 },
+      animate: { opacity: 1 },
+      transition: { duration: 0.16, ease: "easeOut" },
+      children
+    }
+  );
+}
+function CountUp({
+  value,
+  format = (n) => Math.round(n).toLocaleString()
+}) {
+  const ref = useRef(null);
+  const inView = useInView(ref, { once: true });
+  const reduce = useReducedMotionConfig();
+  const [shown, setShown] = useState(reduce ? value : 0);
+  const [done, setDone] = useState(Boolean(reduce));
+  useEffect(() => {
+    if (!inView || done) return;
+    const controls = animate(0, value, {
+      duration: 0.6,
+      ease: [0.2, 0, 0, 1],
+      onUpdate: setShown,
+      onComplete: () => setDone(true)
+    });
+    return () => controls.stop();
+  }, [inView, done, value]);
+  return /* @__PURE__ */ jsx("span", { ref, children: format(done ? value : shown) });
+}
+export {
+  CountUp,
+  Reveal,
+  SPRING
+};
+//# sourceMappingURL=motion.js.map

package/dist/admin/_fx/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_fx/motion.tsx"],"sourcesContent":["'use client';\n\nimport {\n  animate,\n  motion,\n  useInView,\n  useReducedMotionConfig,\n} from 'motion/react';\nimport { useEffect, useRef, useState, type ReactNode } from 'react';\n\n/** Spring tiers (Fluid Functionalism): small things fast, big things slower. */\nexport const SPRING = {\n  fast: { type: 'spring', duration: 0.18, bounce: 0 },\n  moderate: { type: 'spring', duration: 0.32, bounce: 0.08 },\n  slow: { type: 'spring', duration: 0.48, bounce: 0.14 },\n} as const;\n\n/**\n * Fades in once when mounted: one short fade, no rise and no stagger, so a\n * grid of cards simply appears. `index` is accepted for older callers and\n * ignored. Reduced motion: no fade.\n */\nexport function Reveal({\n  children,\n  className,\n  as = 'div',\n}: {\n  children: ReactNode;\n  index?: number;\n  className?: string;\n  as?: 'div' | 'section' | 'li';\n}) {\n  // Follows Settings → Motion (the shell's MotionConfig), then the OS.\n  const reduce = useReducedMotionConfig();\n  const Tag = motion[as];\n\n  return (\n    <Tag\n      className={className}\n      initial={{ opacity: reduce ? 1 : 0 }}\n      animate={{ opacity: 1 }}\n      transition={{ duration: 0.16, ease: 'easeOut' }}\n    >\n      {children}\n    </Tag>\n  );\n}\n\n/**\n * A headline number that counts up once, on the page's first load, when it\n * scrolls into view. After that (refetch, period change) it shows the new\n * figure straight away.\n */\nexport function CountUp({\n  value,\n  format = (n) => Math.round(n).toLocaleString(),\n}: {\n  value: number;\n  format?: (n: number) => string;\n}) {\n  const ref = useRef<HTMLSpanElement>(null);\n  const inView = useInView(ref, { once: true });\n  // Follows Settings → Motion (the shell's MotionConfig), then the OS.\n  const reduce = useReducedMotionConfig();\n  const [shown, setShown] = useState(reduce ? value : 0);\n  const [done, setDone] = useState(Boolean(reduce));\n\n  useEffect(() => {\n    if (!inView || done) return;\n\n    const controls = animate(0, value, {\n      duration: 0.6,\n      ease: [0.2, 0, 0, 1],\n      onUpdate: setShown,\n      onComplete: () => setDone(true),\n    });\n\n    return () => controls.stop();\n  }, [inView, done, value]);\n\n  return <span ref={ref}>{format(done ? value : shown)}</span>;\n}\n"],"mappings":";AAqCI;AAnCJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,QAAQ,gBAAgC;AAGrD,MAAM,SAAS;AAAA,EACpB,MAAM,EAAE,MAAM,UAAU,UAAU,MAAM,QAAQ,EAAE;AAAA,EAClD,UAAU,EAAE,MAAM,UAAU,UAAU,MAAM,QAAQ,KAAK;AAAA,EACzD,MAAM,EAAE,MAAM,UAAU,UAAU,MAAM,QAAQ,KAAK;AACvD;AAOO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA,KAAK;AACP,GAKG;AAED,QAAM,SAAS,uBAAuB;AACtC,QAAM,MAAM,OAAO,EAAE;AAErB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,EAAE,SAAS,SAAS,IAAI,EAAE;AAAA,MACnC,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,YAAY,EAAE,UAAU,MAAM,MAAM,UAAU;AAAA,MAE7C;AAAA;AAAA,EACH;AAEJ;AAOO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,SAAS,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,eAAe;AAC/C,GAGG;AACD,QAAM,MAAM,OAAwB,IAAI;AACxC,QAAM,SAAS,UAAU,KAAK,EAAE,MAAM,KAAK,CAAC;AAE5C,QAAM,SAAS,uBAAuB;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,SAAS,QAAQ,CAAC;AACrD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,QAAQ,MAAM,CAAC;AAEhD,YAAU,MAAM;AACd,QAAI,CAAC,UAAU,KAAM;AAErB,UAAM,WAAW,QAAQ,GAAG,OAAO;AAAA,MACjC,UAAU;AAAA,MACV,MAAM,CAAC,KAAK,GAAG,GAAG,CAAC;AAAA,MACnB,UAAU;AAAA,MACV,YAAY,MAAM,QAAQ,IAAI;AAAA,IAChC,CAAC;AAED,WAAO,MAAM,SAAS,KAAK;AAAA,EAC7B,GAAG,CAAC,QAAQ,MAAM,KAAK,CAAC;AAExB,SAAO,oBAAC,UAAK,KAAW,iBAAO,OAAO,QAAQ,KAAK,GAAE;AACvD;","names":[]}

package/dist/admin/_fx/page-transition.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { motion, useReducedMotionConfig } from "motion/react";
+function PageTransition({
+  routeKey,
+  children
+}) {
+  const reduce = useReducedMotionConfig();
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: { opacity: reduce ? 1 : 0 },
+      animate: { opacity: 1 },
+      transition: { duration: 0.16, ease: "easeOut" },
+      children
+    },
+    routeKey
+  );
+}
+export {
+  PageTransition
+};
+//# sourceMappingURL=page-transition.js.map

package/dist/admin/_fx/page-transition.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_fx/page-transition.tsx"],"sourcesContent":["'use client';\n\nimport { motion, useReducedMotionConfig } from 'motion/react';\nimport type { ReactNode } from 'react';\n\n/** Each route fades in briefly under the shell (no slide). */\nexport function PageTransition({\n  routeKey,\n  children,\n}: {\n  routeKey: string;\n  children: ReactNode;\n}) {\n  // Follows Settings → Motion (the shell's MotionConfig), then the OS.\n  const reduce = useReducedMotionConfig();\n\n  return (\n    <motion.div\n      key={routeKey}\n      initial={{ opacity: reduce ? 1 : 0 }}\n      animate={{ opacity: 1 }}\n      transition={{ duration: 0.16, ease: 'easeOut' }}\n    >\n      {children}\n    </motion.div>\n  );\n}\n"],"mappings":";AAiBI;AAfJ,SAAS,QAAQ,8BAA8B;AAIxC,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;AAED,QAAM,SAAS,uBAAuB;AAEtC,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MAEC,SAAS,EAAE,SAAS,SAAS,IAAI,EAAE;AAAA,MACnC,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,YAAY,EAAE,UAAU,MAAM,MAAM,UAAU;AAAA,MAE7C;AAAA;AAAA,IALI;AAAA,EAMP;AAEJ;","names":[]}

package/dist/admin/_fx/tones.js

@@ -0,0 +1,28 @@
+const tint = (token, pct = 10) => `color-mix(in srgb, ${token} ${pct}%, transparent)`;
+const TONE = {
+  brand: { fg: "var(--brand-500)", bg: tint("var(--brand-500)") },
+  money: { fg: "var(--brand-700)", bg: tint("var(--brand-700)") },
+  ops: { fg: "var(--brand-400)", bg: tint("var(--brand-400)", 12) },
+  inbox: { fg: "var(--brand-600)", bg: tint("var(--brand-600)") },
+  platform: { fg: "var(--brand-800)", bg: tint("var(--brand-800)") },
+  risk: { fg: "var(--error)", bg: tint("var(--error)") }
+};
+const HUES = [
+  "var(--brand-400)",
+  "var(--brand-500)",
+  "var(--brand-600)",
+  "var(--brand-700)",
+  "var(--brand-800)",
+  "var(--brand-300)"
+];
+function hueFor(name) {
+  let hash = 0;
+  for (let i = 0; i < name.length; i++)
+    hash = hash * 31 + name.charCodeAt(i) | 0;
+  return HUES[Math.abs(hash) % HUES.length];
+}
+export {
+  TONE,
+  hueFor
+};
+//# sourceMappingURL=tones.js.map

package/dist/admin/_fx/tones.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_fx/tones.ts"],"sourcesContent":["/**\n * Section tones, drawn ONLY from the Box brand: the blue scale and ink.\n * Colour says which part of the console you are in, quietly; it never\n * shouts (no greens, violets or ambers as decoration). Red is kept for\n * risk because it carries meaning, not decoration.\n */\nexport type Tone = 'brand' | 'money' | 'ops' | 'inbox' | 'platform' | 'risk';\n\nconst tint = (token: string, pct = 10) =>\n  `color-mix(in srgb, ${token} ${pct}%, transparent)`;\n\nexport const TONE: Record<Tone, { fg: string; bg: string }> = {\n  brand: { fg: 'var(--brand-500)', bg: tint('var(--brand-500)') },\n  money: { fg: 'var(--brand-700)', bg: tint('var(--brand-700)') },\n  ops: { fg: 'var(--brand-400)', bg: tint('var(--brand-400)', 12) },\n  inbox: { fg: 'var(--brand-600)', bg: tint('var(--brand-600)') },\n  platform: { fg: 'var(--brand-800)', bg: tint('var(--brand-800)') },\n  risk: { fg: 'var(--error)', bg: tint('var(--error)') },\n};\n\n/** Brand-family hues for avatars: a stable shade per name. */\nconst HUES = [\n  'var(--brand-400)',\n  'var(--brand-500)',\n  'var(--brand-600)',\n  'var(--brand-700)',\n  'var(--brand-800)',\n  'var(--brand-300)',\n];\n\nexport function hueFor(name: string): string {\n  let hash = 0;\n\n  for (let i = 0; i < name.length; i++)\n    hash = (hash * 31 + name.charCodeAt(i)) | 0;\n\n  return HUES[Math.abs(hash) % HUES.length];\n}\n"],"mappings":"AAQA,MAAM,OAAO,CAAC,OAAe,MAAM,OACjC,sBAAsB,KAAK,IAAI,GAAG;AAE7B,MAAM,OAAiD;AAAA,EAC5D,OAAO,EAAE,IAAI,oBAAoB,IAAI,KAAK,kBAAkB,EAAE;AAAA,EAC9D,OAAO,EAAE,IAAI,oBAAoB,IAAI,KAAK,kBAAkB,EAAE;AAAA,EAC9D,KAAK,EAAE,IAAI,oBAAoB,IAAI,KAAK,oBAAoB,EAAE,EAAE;AAAA,EAChE,OAAO,EAAE,IAAI,oBAAoB,IAAI,KAAK,kBAAkB,EAAE;AAAA,EAC9D,UAAU,EAAE,IAAI,oBAAoB,IAAI,KAAK,kBAAkB,EAAE;AAAA,EACjE,MAAM,EAAE,IAAI,gBAAgB,IAAI,KAAK,cAAc,EAAE;AACvD;AAGA,MAAM,OAAO;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,OAAO,MAAsB;AAC3C,MAAI,OAAO;AAEX,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ;AAC/B,WAAQ,OAAO,KAAK,KAAK,WAAW,CAAC,IAAK;AAE5C,SAAO,KAAK,KAAK,IAAI,IAAI,IAAI,KAAK,MAAM;AAC1C;","names":[]}

package/dist/admin/_fx.js

@@ -0,0 +1 @@
+export * from './_fx/index.js';

package/dist/admin/_inbox/nav-badge.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  useAdminInbox,
+  useInboxAlerts
+} from "./use-admin-inbox";
+import styles from "./nav-badge.module.css";
+function NavBadge({
+  kind,
+  canSupport
+}) {
+  const count = useAdminInbox(canSupport)[kind];
+  if (!count) return null;
+  return /* @__PURE__ */ jsx("span", { className: styles.badge, "aria-label": `${count} new`, children: count > 99 ? "99+" : count });
+}
+function InboxAlerts({
+  canSupport,
+  pathname
+}) {
+  useInboxAlerts(canSupport, pathname);
+  return null;
+}
+export {
+  InboxAlerts,
+  NavBadge
+};
+//# sourceMappingURL=nav-badge.js.map

package/dist/admin/_inbox/nav-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_inbox/nav-badge.tsx"],"sourcesContent":["'use client';\n\nimport {\n  useAdminInbox,\n  useInboxAlerts,\n  type AdminInbox,\n} from './use-admin-inbox';\nimport styles from './nav-badge.module.css';\n\n/** A small count beside a nav label; hidden at zero. */\nexport function NavBadge({\n  kind,\n  canSupport,\n}: {\n  kind: keyof AdminInbox;\n  canSupport: boolean;\n}) {\n  const count = useAdminInbox(canSupport)[kind];\n\n  if (!count) return null;\n\n  return (\n    <span className={styles.badge} aria-label={`${count} new`}>\n      {count > 99 ? '99+' : count}\n    </span>\n  );\n}\n\n/** Renders nothing; runs the new-item toast and tab-title count once. */\nexport function InboxAlerts({\n  canSupport,\n  pathname,\n}: {\n  canSupport: boolean;\n  pathname: string;\n}) {\n  useInboxAlerts(canSupport, pathname);\n\n  return null;\n}\n"],"mappings":";AAsBI;AApBJ;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,OAAO,YAAY;AAGZ,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQ,cAAc,UAAU,EAAE,IAAI;AAE5C,MAAI,CAAC,MAAO,QAAO;AAEnB,SACE,oBAAC,UAAK,WAAW,OAAO,OAAO,cAAY,GAAG,KAAK,QAChD,kBAAQ,KAAK,QAAQ,OACxB;AAEJ;AAGO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,iBAAe,YAAY,QAAQ;AAEnC,SAAO;AACT;","names":[]}

package/dist/admin/_inbox/nav-badge.module.css

@@ -0,0 +1,15 @@
+.badge {
+  display: inline-grid;
+  min-width: 18px;
+  height: 18px;
+  margin-left: 4px;
+  padding: 0 4px;
+  place-items: center;
+  border-radius: 999px;
+  background: var(--error);
+  color: var(--adm-on-accent);
+  font-size: 11px;
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+  line-height: 1;
+}

package/dist/admin/_inbox/use-admin-inbox.js

@@ -0,0 +1,118 @@
+"use client";
+import { useCallback, useEffect, useRef, useSyncExternalStore } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { useToast } from "@withpotter/ui-kit";
+import { adminFeedbackApi } from "@withpotter/lib/admin-feedback-api";
+import {
+  countUnseen,
+  inboxSeenStore,
+  newest
+} from "@withpotter/lib/admin-inbox-seen";
+import { adminServiceOperationsApi } from "@withpotter/lib/admin-service-operations-api";
+import { playSound } from "@withpotter/lib/sound";
+import { announce, pollMs, useSettings } from "../_settings";
+const PAGE = 50;
+const INBOX_ROUTES = {
+  support: "/admin/support",
+  feedback: "/admin/feedback"
+};
+async function loadStamps(canSupport) {
+  const cases = (status) => canSupport ? adminServiceOperationsApi.listCases({ status, pageSize: PAGE }).catch(() => null) : null;
+  const [open, waiting, feedback] = await Promise.all([
+    cases("open"),
+    cases("waiting_on_potter"),
+    adminFeedbackApi.list({ status: "open", pageSize: PAGE }).catch(() => null)
+  ]);
+  return {
+    support: [...open?.rows ?? [], ...waiting?.rows ?? []].map(
+      (c) => c.updatedAt
+    ),
+    feedback: (feedback?.items ?? []).map((f) => f.createdAt)
+  };
+}
+const EMPTY = { support: [], feedback: [] };
+function useStamps(canSupport) {
+  const settings = useSettings();
+  const query = useQuery({
+    queryKey: ["platform-admin", "inbox", canSupport],
+    queryFn: () => loadStamps(canSupport),
+    refetchInterval: pollMs(settings),
+    refetchOnWindowFocus: true
+  });
+  return query.data;
+}
+function useAdminInbox(canSupport) {
+  const stamps = useStamps(canSupport) ?? EMPTY;
+  const { notifySupport, notifyFeedback } = useSettings();
+  const seen = useSyncExternalStore(
+    inboxSeenStore.subscribe,
+    inboxSeenStore.snapshot,
+    inboxSeenStore.serverSnapshot
+  );
+  return {
+    support: notifySupport === "off" ? 0 : countUnseen(stamps.support, seen.support),
+    feedback: notifyFeedback === "off" ? 0 : countUnseen(stamps.feedback, seen.feedback)
+  };
+}
+function useMarkInboxSeen(canSupport) {
+  const stamps = useStamps(canSupport);
+  return useCallback(() => {
+    if (!stamps) return;
+    Object.keys(INBOX_ROUTES).forEach((kind) => {
+      const latest = newest(stamps[kind]);
+      if (latest) inboxSeenStore.markSeen(kind, latest);
+    });
+  }, [stamps]);
+}
+function useInboxAlerts(canSupport, pathname) {
+  const { toast } = useToast();
+  const stamps = useStamps(canSupport);
+  const inbox = useAdminInbox(canSupport);
+  const settings = useSettings();
+  const previous = useRef(null);
+  useEffect(() => {
+    if (!stamps || settings.markSeen === "manual") return;
+    Object.keys(INBOX_ROUTES).forEach((kind) => {
+      const latest = newest(stamps[kind]);
+      if (latest && pathname.startsWith(INBOX_ROUTES[kind])) {
+        inboxSeenStore.markSeen(kind, latest);
+      }
+    });
+  }, [stamps, pathname, settings.markSeen]);
+  useEffect(() => {
+    if (!stamps) return;
+    const before = previous.current;
+    previous.current = inbox;
+    if (!before) return;
+    const newSupport = inbox.support - before.support;
+    const newFeedback = inbox.feedback - before.feedback;
+    if (newSupport > 0) {
+      if (settings.sound === "soft") playSound("potter");
+      announce(`${newSupport} new support case${newSupport === 1 ? "" : "s"}`);
+    }
+    if (newFeedback > 0) announce(`${newFeedback} new product feedback`);
+    if (newSupport > 0 && settings.notifySupport === "toast") {
+      toast({
+        title: `${newSupport} new support case${newSupport === 1 ? "" : "s"}`,
+        description: "A merchant is waiting on a reply. Open Support."
+      });
+    }
+    if (newFeedback > 0 && settings.notifyFeedback === "toast") {
+      toast({
+        title: `${newFeedback} new product feedback`,
+        description: "Open Product feedback to read it."
+      });
+    }
+  }, [stamps, inbox, toast, settings]);
+  useEffect(() => {
+    const total = settings.titleCount ? inbox.support + inbox.feedback : 0;
+    const base = document.title.replace(/^\(\d+\)\s*/, "");
+    document.title = total ? `(${total}) ${base}` : base;
+  }, [inbox, settings.titleCount]);
+}
+export {
+  useAdminInbox,
+  useInboxAlerts,
+  useMarkInboxSeen
+};
+//# sourceMappingURL=use-admin-inbox.js.map

package/dist/admin/_inbox/use-admin-inbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_inbox/use-admin-inbox.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useRef, useSyncExternalStore } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useToast } from '@withpotter/ui-kit';\nimport { adminFeedbackApi } from '@withpotter/lib/admin-feedback-api';\nimport {\n  countUnseen,\n  inboxSeenStore,\n  newest,\n  type InboxKind,\n} from '@withpotter/lib/admin-inbox-seen';\nimport { adminServiceOperationsApi } from '@withpotter/lib/admin-service-operations-api';\nimport { playSound } from '@withpotter/lib/sound';\nimport { announce, pollMs, useSettings } from '../_settings';\n\n/** Waiting items read per inbox; more than this is a backlog, not news. */\nconst PAGE = 50;\n\n/** Opening one of these pages means the admin has seen that inbox. */\nconst INBOX_ROUTES: Record<InboxKind, string> = {\n  support: '/admin/support',\n  feedback: '/admin/feedback',\n};\n\nexport type AdminInbox = Record<InboxKind, number>;\n\n/** When each waiting item last changed (a merchant reply bumps a case). */\ntype Stamps = Record<InboxKind, string[]>;\n\nasync function loadStamps(canSupport: boolean): Promise<Stamps> {\n  const cases = (status: 'open' | 'waiting_on_potter') =>\n    canSupport\n      ? adminServiceOperationsApi\n          .listCases({ status, pageSize: PAGE })\n          .catch(() => null)\n      : null;\n  const [open, waiting, feedback] = await Promise.all([\n    cases('open'),\n    cases('waiting_on_potter'),\n    adminFeedbackApi.list({ status: 'open', pageSize: PAGE }).catch(() => null),\n  ]);\n\n  return {\n    support: [...(open?.rows ?? []), ...(waiting?.rows ?? [])].map(\n      (c) => c.updatedAt,\n    ),\n    feedback: (feedback?.items ?? []).map((f) => f.createdAt),\n  };\n}\n\nconst EMPTY: Stamps = { support: [], feedback: [] };\n\n/** Polled as often as the admin chose in Settings → Notifications. */\nfunction useStamps(canSupport: boolean) {\n  const settings = useSettings();\n  const query = useQuery({\n    queryKey: ['platform-admin', 'inbox', canSupport],\n    queryFn: () => loadStamps(canSupport),\n    refetchInterval: pollMs(settings),\n    refetchOnWindowFocus: true,\n  });\n\n  return query.data;\n}\n\n/** New since this admin last opened each inbox; an inbox set to Off counts 0. */\nexport function useAdminInbox(canSupport: boolean): AdminInbox {\n  const stamps = useStamps(canSupport) ?? EMPTY;\n  const { notifySupport, notifyFeedback } = useSettings();\n  const seen = useSyncExternalStore(\n    inboxSeenStore.subscribe,\n    inboxSeenStore.snapshot,\n    inboxSeenStore.serverSnapshot,\n  );\n\n  return {\n    support:\n      notifySupport === 'off' ? 0 : countUnseen(stamps.support, seen.support),\n    feedback:\n      notifyFeedback === 'off'\n        ? 0\n        : countUnseen(stamps.feedback, seen.feedback),\n  };\n}\n\n/** Marks both inboxes seen now: the manual half of \"Mark inbox seen\". */\nexport function useMarkInboxSeen(canSupport: boolean) {\n  const stamps = useStamps(canSupport);\n  return useCallback(() => {\n    if (!stamps) return;\n    (Object.keys(INBOX_ROUTES) as InboxKind[]).forEach((kind) => {\n      const latest = newest(stamps[kind]);\n      if (latest) inboxSeenStore.markSeen(kind, latest);\n    });\n  }, [stamps]);\n}\n\n/**\n * Mounted once in the admin shell. Being on Support or Product feedback marks\n * that inbox seen (and keeps it seen as items arrive); otherwise a rise in\n * unseen items toasts, and the total rides in the browser tab title.\n */\nexport function useInboxAlerts(canSupport: boolean, pathname: string) {\n  const { toast } = useToast();\n  const stamps = useStamps(canSupport);\n  const inbox = useAdminInbox(canSupport);\n  const settings = useSettings();\n  const previous = useRef<AdminInbox | null>(null);\n\n  useEffect(() => {\n    if (!stamps || settings.markSeen === 'manual') return;\n\n    (Object.keys(INBOX_ROUTES) as InboxKind[]).forEach((kind) => {\n      const latest = newest(stamps[kind]);\n\n      if (latest && pathname.startsWith(INBOX_ROUTES[kind])) {\n        inboxSeenStore.markSeen(kind, latest);\n      }\n    });\n  }, [stamps, pathname, settings.markSeen]);\n\n  useEffect(() => {\n    if (!stamps) return;\n\n    const before = previous.current;\n\n    previous.current = inbox;\n\n    if (!before) return;\n\n    const newSupport = inbox.support - before.support;\n    const newFeedback = inbox.feedback - before.feedback;\n\n    if (newSupport > 0) {\n      if (settings.sound === 'soft') playSound('potter');\n      announce(`${newSupport} new support case${newSupport === 1 ? '' : 's'}`);\n    }\n\n    if (newFeedback > 0) announce(`${newFeedback} new product feedback`);\n\n    if (newSupport > 0 && settings.notifySupport === 'toast') {\n      toast({\n        title: `${newSupport} new support case${newSupport === 1 ? '' : 's'}`,\n        description: 'A merchant is waiting on a reply. Open Support.',\n      });\n    }\n\n    if (newFeedback > 0 && settings.notifyFeedback === 'toast') {\n      toast({\n        title: `${newFeedback} new product feedback`,\n        description: 'Open Product feedback to read it.',\n      });\n    }\n  }, [stamps, inbox, toast, settings]);\n\n  useEffect(() => {\n    const total = settings.titleCount ? inbox.support + inbox.feedback : 0;\n    const base = document.title.replace(/^\\(\\d+\\)\\s*/, '');\n\n    document.title = total ? `(${total}) ${base}` : base;\n  }, [inbox, settings.titleCount]);\n}\n"],"mappings":"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","names":[]}

package/dist/admin/_money/business-ledger.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Button, Card } from "@withpotter/ui-kit";
+import { usePlatformTenant } from "../hooks";
+import { CurrencyFilter, currenciesIn, useCurrencyParam } from "../_ui";
+import { BusinessPicker } from "./business-picker";
+import { LedgerBody } from "./ledger-body";
+import { useMoneyPermissions } from "./permissions";
+import { useTenantParam } from "./tenant-param";
+import { useLedgerWallet } from "./use-ledger";
+import styles from "./ledger.module.css";
+function BusinessLedger() {
+  const [tenantId, setTenantId] = useTenantParam();
+  const { readWalletHint } = useMoneyPermissions();
+  const tenant = usePlatformTenant(tenantId);
+  const name = tenant.data?.businessName ?? "";
+  const [currency, setCurrency] = useCurrencyParam();
+  const wallet = useLedgerWallet(tenantId);
+  const currencies = currenciesIn(wallet.data?.balances.map((b) => b.currency));
+  if (!tenantId)
+    return /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(BusinessPicker, { picked: null, onPick: (t) => setTenantId(t.id) }),
+      readWalletHint && /* @__PURE__ */ jsx("span", { className: "adm-caption", children: readWalletHint })
+    ] });
+  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(
+          CurrencyFilter,
+          {
+            value: currency,
+            onChange: setCurrency,
+            currencies
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: `/admin/tenants/${tenantId}`,
+            className: "text-brand-500 hover:underline",
+            children: "Open profile"
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setTenantId(null), children: "Change business" })
+      ] })
+    ] }),
+    readWalletHint && /* @__PURE__ */ jsx("p", { className: "adm-caption", children: readWalletHint }),
+    /* @__PURE__ */ jsx(
+      LedgerBody,
+      {
+        tenantId,
+        business: name,
+        currency,
+        onCurrency: setCurrency
+      },
+      tenantId
+    )
+  ] });
+}
+export {
+  BusinessLedger
+};
+//# sourceMappingURL=business-ledger.js.map

package/dist/admin/_money/business-ledger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/business-ledger.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { Button, Card } from '@withpotter/ui-kit';\nimport { usePlatformTenant } from '../hooks';\nimport { CurrencyFilter, currenciesIn, useCurrencyParam } from '../_ui';\nimport { BusinessPicker } from './business-picker';\nimport { LedgerBody } from './ledger-body';\nimport { useMoneyPermissions } from './permissions';\nimport { useTenantParam } from './tenant-param';\nimport { useLedgerWallet } from './use-ledger';\nimport styles from './ledger.module.css';\n\n/**\n * One business's ledger: pick it, then read its balances, recent entries,\n * a statement for any window, and the holds on it. The ledger itself is the\n * merchant page's (`LedgerBody`), shared, not copied.\n */\nexport function BusinessLedger() {\n  const [tenantId, setTenantId] = useTenantParam();\n  const { readWalletHint } = useMoneyPermissions();\n  // The name, for the heading and the CSV, survives a refresh this way.\n  const tenant = usePlatformTenant(tenantId);\n  const name = tenant.data?.businessName ?? '';\n  const [currency, setCurrency] = useCurrencyParam();\n  // The body's own wallet read (one shared query): its currencies are the\n  // filter's choices.\n  const wallet = useLedgerWallet(tenantId);\n  const currencies = currenciesIn(wallet.data?.balances.map((b) => b.currency));\n\n  if (!tenantId)\n    return (\n      <Card>\n        <BusinessPicker picked={null} onPick={(t) => setTenantId(t.id)} />\n        {readWalletHint && (\n          <span className=\"adm-caption\">{readWalletHint}</span>\n        )}\n      </Card>\n    );\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          <CurrencyFilter\n            value={currency}\n            onChange={setCurrency}\n            currencies={currencies}\n          />\n          <Link\n            href={`/admin/tenants/${tenantId}`}\n            className=\"text-brand-500 hover:underline\"\n          >\n            Open profile\n          </Link>\n          <Button variant=\"secondary\" onClick={() => setTenantId(null)}>\n            Change business\n          </Button>\n        </div>\n      </div>\n      {readWalletHint && <p className=\"adm-caption\">{readWalletHint}</p>}\n      <LedgerBody\n        key={tenantId}\n        tenantId={tenantId}\n        business={name}\n        currency={currency}\n        onCurrency={setCurrency}\n      />\n    </div>\n  );\n}\n"],"mappings":";AAgCM,SACE,KADF;AA9BN,OAAO,UAAU;AACjB,SAAS,QAAQ,YAAY;AAC7B,SAAS,yBAAyB;AAClC,SAAS,gBAAgB,cAAc,wBAAwB;AAC/D,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,OAAO,YAAY;AAOZ,SAAS,iBAAiB;AAC/B,QAAM,CAAC,UAAU,WAAW,IAAI,eAAe;AAC/C,QAAM,EAAE,eAAe,IAAI,oBAAoB;AAE/C,QAAM,SAAS,kBAAkB,QAAQ;AACzC,QAAM,OAAO,OAAO,MAAM,gBAAgB;AAC1C,QAAM,CAAC,UAAU,WAAW,IAAI,iBAAiB;AAGjD,QAAM,SAAS,gBAAgB,QAAQ;AACvC,QAAM,aAAa,aAAa,OAAO,MAAM,SAAS,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC;AAE5E,MAAI,CAAC;AACH,WACE,qBAAC,QACC;AAAA,0BAAC,kBAAe,QAAQ,MAAM,QAAQ,CAAC,MAAM,YAAY,EAAE,EAAE,GAAG;AAAA,MAC/D,kBACC,oBAAC,UAAK,WAAU,eAAe,0BAAe;AAAA,OAElD;AAGJ,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,OAAO;AAAA,YACP,UAAU;AAAA,YACV;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,kBAAkB,QAAQ;AAAA,YAChC,WAAU;AAAA,YACX;AAAA;AAAA,QAED;AAAA,QACA,oBAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,YAAY,IAAI,GAAG,6BAE9D;AAAA,SACF;AAAA,OACF;AAAA,IACC,kBAAkB,oBAAC,OAAE,WAAU,eAAe,0BAAe;AAAA,IAC9D;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA,YAAY;AAAA;AAAA,MAJP;AAAA,IAKP;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/_money/business-picker.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useDeferredValue, useState } from "react";
+import { Button, SearchField } from "@withpotter/ui-kit";
+import { Skeleton } from "../_ui";
+import { usePlatformTenants } from "../hooks";
+import { FinderRow } from "./finder-row";
+import styles from "./page.module.css";
+function BusinessPicker({
+  picked,
+  onPick
+}) {
+  const [search, setSearch] = useState("");
+  const term = useDeferredValue(search.trim());
+  const { data, isLoading, isError, refetch } = usePlatformTenants({
+    page: 1,
+    pageSize: 5,
+    search: term || void 0
+  });
+  const rows = data?.rows ?? [];
+  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: 8 }, children: [
+    /* @__PURE__ */ jsx(
+      SearchField,
+      {
+        value: search,
+        onChange: setSearch,
+        "aria-label": "Search businesses by name",
+        placeholder: "Search businesses by name"
+      }
+    ),
+    /* @__PURE__ */ jsxs("ul", { className: styles.results, "aria-busy": isLoading || void 0, children: [
+      isLoading && Array.from({ length: 3 }, (_, i) => /* @__PURE__ */ jsx("li", { "aria-hidden": true, style: { padding: "8px 12px" }, children: /* @__PURE__ */ jsx(Skeleton, { height: 20, width: `${60 - i * 8}%` }) }, i)),
+      isError && /* @__PURE__ */ jsxs("li", { className: styles.failed, role: "alert", children: [
+        /* @__PURE__ */ jsx("span", { children: "Businesses did not load." }),
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => refetch(), children: "Try again" })
+      ] }),
+      !isLoading && !isError && rows.length === 0 && /* @__PURE__ */ jsx("li", { className: styles.meta, children: term ? `No business matches \u201C${term}\u201D.` : "No businesses yet." }),
+      rows.map((t) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+        FinderRow,
+        {
+          t,
+          selected: picked?.id === t.id,
+          failedPayout: false,
+          onSelect: () => onPick(t)
+        }
+      ) }, t.id))
+    ] })
+  ] });
+}
+export {
+  BusinessPicker
+};
+//# sourceMappingURL=business-picker.js.map

package/dist/admin/_money/business-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/business-picker.tsx"],"sourcesContent":["'use client';\n\nimport { useDeferredValue, useState } from 'react';\nimport { Button, SearchField } from '@withpotter/ui-kit';\nimport type { TenantRow } from '@withpotter/lib/admin-api';\nimport { Skeleton } from '../_ui';\nimport { usePlatformTenants } from '../hooks';\nimport { FinderRow } from './finder-row';\nimport styles from './page.module.css';\n\n/**\n * The merchant finder's search and rows, for use inside a dialog: pressing a\n * row picks the business instead of opening the quick view, so no second\n * dialog opens over the first.\n */\nexport function BusinessPicker({\n  picked,\n  onPick,\n}: {\n  picked: TenantRow | null;\n  onPick: (t: TenantRow) => void;\n}) {\n  const [search, setSearch] = useState('');\n  const term = useDeferredValue(search.trim());\n  const { data, isLoading, isError, refetch } = usePlatformTenants({\n    page: 1,\n    pageSize: 5,\n    search: term || undefined,\n  });\n  const rows = data?.rows ?? [];\n\n  return (\n    <div style={{ display: 'grid', gap: 8 }}>\n      <SearchField\n        value={search}\n        onChange={setSearch}\n        aria-label=\"Search businesses by name\"\n        placeholder=\"Search businesses by name\"\n      />\n      <ul className={styles.results} aria-busy={isLoading || undefined}>\n        {isLoading &&\n          Array.from({ length: 3 }, (_, i) => (\n            <li key={i} aria-hidden style={{ padding: '8px 12px' }}>\n              <Skeleton height={20} width={`${60 - i * 8}%`} />\n            </li>\n          ))}\n        {isError && (\n          <li className={styles.failed} role=\"alert\">\n            <span>Businesses did not load.</span>\n            <Button variant=\"secondary\" onClick={() => refetch()}>\n              Try again\n            </Button>\n          </li>\n        )}\n        {!isLoading && !isError && rows.length === 0 && (\n          <li className={styles.meta}>\n            {term ? `No business matches “${term}”.` : 'No businesses yet.'}\n          </li>\n        )}\n        {rows.map((t) => (\n          <li key={t.id}>\n            <FinderRow\n              t={t}\n              selected={picked?.id === t.id}\n              failedPayout={false}\n              onSelect={() => onPick(t)}\n            />\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"mappings":";AAiCM,cAcI,YAdJ;AA/BN,SAAS,kBAAkB,gBAAgB;AAC3C,SAAS,QAAQ,mBAAmB;AAEpC,SAAS,gBAAgB;AACzB,SAAS,0BAA0B;AACnC,SAAS,iBAAiB;AAC1B,OAAO,YAAY;AAOZ,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,OAAO,iBAAiB,OAAO,KAAK,CAAC;AAC3C,QAAM,EAAE,MAAM,WAAW,SAAS,QAAQ,IAAI,mBAAmB;AAAA,IAC/D,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ,QAAQ;AAAA,EAClB,CAAC;AACD,QAAM,OAAO,MAAM,QAAQ,CAAC;AAE5B,SACE,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,EAAE,GACpC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAW;AAAA,QACX,aAAY;AAAA;AAAA,IACd;AAAA,IACA,qBAAC,QAAG,WAAW,OAAO,SAAS,aAAW,aAAa,QACpD;AAAA,mBACC,MAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,MAC5B,oBAAC,QAAW,eAAW,MAAC,OAAO,EAAE,SAAS,WAAW,GACnD,8BAAC,YAAS,QAAQ,IAAI,OAAO,GAAG,KAAK,IAAI,CAAC,KAAK,KADxC,CAET,CACD;AAAA,MACF,WACC,qBAAC,QAAG,WAAW,OAAO,QAAQ,MAAK,SACjC;AAAA,4BAAC,UAAK,sCAAwB;AAAA,QAC9B,oBAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,QAAQ,GAAG,uBAEtD;AAAA,SACF;AAAA,MAED,CAAC,aAAa,CAAC,WAAW,KAAK,WAAW,KACzC,oBAAC,QAAG,WAAW,OAAO,MACnB,iBAAO,6BAAwB,IAAI,YAAO,sBAC7C;AAAA,MAED,KAAK,IAAI,CAAC,MACT,oBAAC,QACC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,UAAU,QAAQ,OAAO,EAAE;AAAA,UAC3B,cAAc;AAAA,UACd,UAAU,MAAM,OAAO,CAAC;AAAA;AAAA,MAC1B,KANO,EAAE,EAOX,CACD;AAAA,OACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/_money/cash-errors.js

@@ -0,0 +1,42 @@
+import { ApiRequestError } from "@withpotter/lib/api/core";
+import { forbiddenText, isForbidden } from "./permissions";
+const ACTION = {
+  propose: "propose cash postings",
+  approve: "approve cash postings",
+  reject: "reject cash postings"
+};
+const MAKER_CHECKER = "A different admin has to approve your proposal. You cannot decide one you proposed.";
+const UNKNOWN_OR_DECIDED = "That proposal was not found, or it has already been approved or rejected.";
+const BAD_WALLET = "The merchant wallet was not found or is not active. Check the wallet ID.";
+const NO_CURRENCY = "That currency is not set up for cash postings yet. Ask engineering to enable it.";
+const BY_TEXT = [
+  [/maker-checker|human maker/i, MAKER_CHECKER],
+  [/wallet/i, BAD_WALLET],
+  [/currency/i, NO_CURRENCY],
+  [
+    /not found|not approvable|not rejectable|outside the platform/i,
+    UNKNOWN_OR_DECIDED
+  ]
+];
+const LIKELY = {
+  propose: `The proposal was not saved. Usually the wallet ID is wrong or the currency is not set up for cash postings.`,
+  approve: `The posting was not approved. Usually: you proposed it yourself (a different admin has to approve), the ID is unknown or already decided, the wallet is no longer valid, or the currency is not set up.`,
+  reject: `The rejection was not saved. Usually: the ID is unknown or already decided, or you proposed it yourself.`
+};
+function cashErrorText(error, step) {
+  if (isForbidden(error)) return forbiddenText(ACTION[step]);
+  const message = error instanceof Error ? error.message : "";
+  const known = BY_TEXT.find(([re]) => re.test(message));
+  if (known) return known[1];
+  if (error instanceof ApiRequestError) {
+    if (error.status === 404) return UNKNOWN_OR_DECIDED;
+    if (error.status === 409 || error.status === 422)
+      return message || LIKELY[step];
+    if (error.status >= 500) return LIKELY[step];
+  }
+  return message || LIKELY[step];
+}
+export {
+  cashErrorText
+};
+//# sourceMappingURL=cash-errors.js.map

package/dist/admin/_money/cash-errors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/cash-errors.ts"],"sourcesContent":["import { ApiRequestError } from '@withpotter/lib/api/core';\nimport { forbiddenText, isForbidden } from './permissions';\n\nexport type CashStep = 'propose' | 'approve' | 'reject';\n\nconst ACTION: Record<CashStep, string> = {\n  propose: 'propose cash postings',\n  approve: 'approve cash postings',\n  reject: 'reject cash postings',\n};\n\nconst MAKER_CHECKER =\n  'A different admin has to approve your proposal. You cannot decide one you proposed.';\nconst UNKNOWN_OR_DECIDED =\n  'That proposal was not found, or it has already been approved or rejected.';\nconst BAD_WALLET =\n  'The merchant wallet was not found or is not active. Check the wallet ID.';\nconst NO_CURRENCY =\n  'That currency is not set up for cash postings yet. Ask engineering to enable it.';\n\n/** Known API wording → friendly copy, for when the message survives. */\nconst BY_TEXT: Array<[RegExp, string]> = [\n  [/maker-checker|human maker/i, MAKER_CHECKER],\n  [/wallet/i, BAD_WALLET],\n  [/currency/i, NO_CURRENCY],\n  [\n    /not found|not approvable|not rejectable|outside the platform/i,\n    UNKNOWN_OR_DECIDED,\n  ],\n];\n\n/** What can go wrong at each step, for an opaque 500. */\nconst LIKELY: Record<CashStep, string> = {\n  propose: `The proposal was not saved. Usually the wallet ID is wrong or the currency is not set up for cash postings.`,\n  approve: `The posting was not approved. Usually: you proposed it yourself (a different admin has to approve), the ID is unknown or already decided, the wallet is no longer valid, or the currency is not set up.`,\n  reject: `The rejection was not saved. Usually: the ID is unknown or already decided, or you proposed it yourself.`,\n};\n\n/**\n * Cash-posting failures in plain words. The API turns its plain Errors into\n * a 500 \"Internal server error\", so the step decides the likely causes.\n */\nexport function cashErrorText(error: unknown, step: CashStep): string {\n  if (isForbidden(error)) return forbiddenText(ACTION[step]);\n\n  const message = error instanceof Error ? error.message : '';\n  const known = BY_TEXT.find(([re]) => re.test(message));\n\n  if (known) return known[1];\n\n  if (error instanceof ApiRequestError) {\n    if (error.status === 404) return UNKNOWN_OR_DECIDED;\n\n    if (error.status === 409 || error.status === 422)\n      return message || LIKELY[step];\n\n    if (error.status >= 500) return LIKELY[step];\n  }\n\n  return message || LIKELY[step];\n}\n"],"mappings":"AAAA,SAAS,uBAAuB;AAChC,SAAS,eAAe,mBAAmB;AAI3C,MAAM,SAAmC;AAAA,EACvC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEA,MAAM,gBACJ;AACF,MAAM,qBACJ;AACF,MAAM,aACJ;AACF,MAAM,cACJ;AAGF,MAAM,UAAmC;AAAA,EACvC,CAAC,8BAA8B,aAAa;AAAA,EAC5C,CAAC,WAAW,UAAU;AAAA,EACtB,CAAC,aAAa,WAAW;AAAA,EACzB;AAAA,IACE;AAAA,IACA;AAAA,EACF;AACF;AAGA,MAAM,SAAmC;AAAA,EACvC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAMO,SAAS,cAAc,OAAgB,MAAwB;AACpE,MAAI,YAAY,KAAK,EAAG,QAAO,cAAc,OAAO,IAAI,CAAC;AAEzD,QAAM,UAAU,iBAAiB,QAAQ,MAAM,UAAU;AACzD,QAAM,QAAQ,QAAQ,KAAK,CAAC,CAAC,EAAE,MAAM,GAAG,KAAK,OAAO,CAAC;AAErD,MAAI,MAAO,QAAO,MAAM,CAAC;AAEzB,MAAI,iBAAiB,iBAAiB;AACpC,QAAI,MAAM,WAAW,IAAK,QAAO;AAEjC,QAAI,MAAM,WAAW,OAAO,MAAM,WAAW;AAC3C,aAAO,WAAW,OAAO,IAAI;AAE/B,QAAI,MAAM,UAAU,IAAK,QAAO,OAAO,IAAI;AAAA,EAC7C;AAEA,SAAO,WAAW,OAAO,IAAI;AAC/B;","names":[]}