@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/_money/permissions.js

@@ -0,0 +1,46 @@
+"use client";
+import { ApiRequestError } from "@withpotter/lib/api/core";
+import { useAdminSession } from "../hooks";
+const PERMISSION = {
+  propose: "money.cash.propose",
+  approve: "money.cash.approve",
+  readDeposits: "money.deposits.read",
+  manageDeposits: "money.deposits.manage",
+  readWallet: "money.wallet.read",
+  readCompliance: "compliance.read",
+  manageCompliance: "compliance.manage",
+  revealCompliance: "compliance.reveal",
+  impersonate: "accounts.impersonate"
+};
+function useMoneyPermissions() {
+  const { data, isLoading } = useAdminSession();
+  const superadmin = data?.role === "superadmin";
+  const confirmed = (key) => superadmin || (data?.permissions ?? []).includes(key);
+  const hint = (key) => isLoading || confirmed(key) ? void 0 : `Needs the ${key} permission. A role may grant it; the server checks when you act.`;
+  return {
+    isLoading,
+    adminId: data?.id ?? null,
+    proposeHint: hint(PERMISSION.propose),
+    approveHint: hint(PERMISSION.approve),
+    readDepositsHint: hint(PERMISSION.readDeposits),
+    manageDepositsHint: hint(PERMISSION.manageDeposits),
+    readWalletHint: hint(PERMISSION.readWallet),
+    readComplianceHint: hint(PERMISSION.readCompliance),
+    manageComplianceHint: hint(PERMISSION.manageCompliance),
+    revealComplianceHint: hint(PERMISSION.revealCompliance),
+    impersonateHint: hint(PERMISSION.impersonate)
+  };
+}
+function isForbidden(error) {
+  return error instanceof ApiRequestError && error.status === 403;
+}
+function forbiddenText(action) {
+  return `You don't have permission to ${action}.`;
+}
+export {
+  PERMISSION,
+  forbiddenText,
+  isForbidden,
+  useMoneyPermissions
+};
+//# sourceMappingURL=permissions.js.map

package/dist/admin/_money/permissions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/permissions.ts"],"sourcesContent":["'use client';\n\nimport { ApiRequestError } from '@withpotter/lib/api/core';\nimport { useAdminSession } from '../hooks';\n\nexport const PERMISSION = {\n  propose: 'money.cash.propose',\n  approve: 'money.cash.approve',\n  readDeposits: 'money.deposits.read',\n  manageDeposits: 'money.deposits.manage',\n  readWallet: 'money.wallet.read',\n  readCompliance: 'compliance.read',\n  manageCompliance: 'compliance.manage',\n  revealCompliance: 'compliance.reveal',\n  impersonate: 'accounts.impersonate',\n} as const;\n\nexport type MoneyPermission = (typeof PERMISSION)[keyof typeof PERMISSION];\n\n/**\n * What the signed-in admin may do with money (PRD §7).\n *\n * `/auth/me` lists only permissions granted directly, not those that come\n * from a role, so a missing key proves nothing. Nothing is locked here: a\n * superadmin or an explicit grant is confirmed, anything else stays enabled\n * with a quiet hint, and the API has the final say with a 403.\n */\nexport function useMoneyPermissions() {\n  const { data, isLoading } = useAdminSession();\n  const superadmin = data?.role === 'superadmin';\n  const confirmed = (key: MoneyPermission) =>\n    superadmin || (data?.permissions ?? []).includes(key);\n  /** A hint for an action this admin may lack; undefined when confirmed. */\n  const hint = (key: MoneyPermission) =>\n    isLoading || confirmed(key)\n      ? undefined\n      : `Needs the ${key} permission. A role may grant it; the server checks when you act.`;\n\n  return {\n    isLoading,\n    adminId: data?.id ?? null,\n    proposeHint: hint(PERMISSION.propose),\n    approveHint: hint(PERMISSION.approve),\n    readDepositsHint: hint(PERMISSION.readDeposits),\n    manageDepositsHint: hint(PERMISSION.manageDeposits),\n    readWalletHint: hint(PERMISSION.readWallet),\n    readComplianceHint: hint(PERMISSION.readCompliance),\n    manageComplianceHint: hint(PERMISSION.manageCompliance),\n    revealComplianceHint: hint(PERMISSION.revealCompliance),\n    impersonateHint: hint(PERMISSION.impersonate),\n  };\n}\n\nexport function isForbidden(error: unknown): boolean {\n  return error instanceof ApiRequestError && error.status === 403;\n}\n\n/** \"You don't have permission to approve cash postings.\" */\nexport function forbiddenText(action: string): string {\n  return `You don't have permission to ${action}.`;\n}\n"],"mappings":";AAEA,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEzB,MAAM,aAAa;AAAA,EACxB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,aAAa;AACf;AAYO,SAAS,sBAAsB;AACpC,QAAM,EAAE,MAAM,UAAU,IAAI,gBAAgB;AAC5C,QAAM,aAAa,MAAM,SAAS;AAClC,QAAM,YAAY,CAAC,QACjB,eAAe,MAAM,eAAe,CAAC,GAAG,SAAS,GAAG;AAEtD,QAAM,OAAO,CAAC,QACZ,aAAa,UAAU,GAAG,IACtB,SACA,aAAa,GAAG;AAEtB,SAAO;AAAA,IACL;AAAA,IACA,SAAS,MAAM,MAAM;AAAA,IACrB,aAAa,KAAK,WAAW,OAAO;AAAA,IACpC,aAAa,KAAK,WAAW,OAAO;AAAA,IACpC,kBAAkB,KAAK,WAAW,YAAY;AAAA,IAC9C,oBAAoB,KAAK,WAAW,cAAc;AAAA,IAClD,gBAAgB,KAAK,WAAW,UAAU;AAAA,IAC1C,oBAAoB,KAAK,WAAW,cAAc;AAAA,IAClD,sBAAsB,KAAK,WAAW,gBAAgB;AAAA,IACtD,sBAAsB,KAAK,WAAW,gBAAgB;AAAA,IACtD,iBAAiB,KAAK,WAAW,WAAW;AAAA,EAC9C;AACF;AAEO,SAAS,YAAY,OAAyB;AACnD,SAAO,iBAAiB,mBAAmB,MAAM,WAAW;AAC9D;AAGO,SAAS,cAAc,QAAwB;AACpD,SAAO,gCAAgC,MAAM;AAC/C;","names":[]}

package/dist/admin/_money/proposal-status.js

@@ -0,0 +1,20 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./cash.module.css";
+const STATE = {
+  proposed: { label: "Waiting for checker", color: "var(--warning)" },
+  posted: { label: "Posted", color: "var(--success)" },
+  rejected: { label: "Rejected", color: "var(--error)" }
+};
+function ProposalStatus({
+  status
+}) {
+  const state = STATE[status] ?? STATE.proposed;
+  return /* @__PURE__ */ jsxs("span", { className: styles.status, style: { color: state.color }, children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: styles.dot }),
+    /* @__PURE__ */ jsx("span", { className: styles.statusText, children: state.label })
+  ] });
+}
+export {
+  ProposalStatus
+};
+//# sourceMappingURL=proposal-status.js.map

package/dist/admin/_money/proposal-status.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/proposal-status.tsx"],"sourcesContent":["import type { LocalProposal } from './proposal-store';\nimport styles from './cash.module.css';\n\nconst STATE: Record<LocalProposal['status'], { label: string; color: string }> =\n  {\n    proposed: { label: 'Waiting for checker', color: 'var(--warning)' },\n    posted: { label: 'Posted', color: 'var(--success)' },\n    rejected: { label: 'Rejected', color: 'var(--error)' },\n  };\n\n/** A proposal's state as a coloured dot plus its words. */\nexport function ProposalStatus({\n  status,\n}: {\n  status: LocalProposal['status'];\n}) {\n  const state = STATE[status] ?? STATE.proposed;\n\n  return (\n    <span className={styles.status} style={{ color: state.color }}>\n      <span aria-hidden className={styles.dot} />\n      <span className={styles.statusText}>{state.label}</span>\n    </span>\n  );\n}\n"],"mappings":"AAmBI,SACE,KADF;AAlBJ,OAAO,YAAY;AAEnB,MAAM,QACJ;AAAA,EACE,UAAU,EAAE,OAAO,uBAAuB,OAAO,iBAAiB;AAAA,EAClE,QAAQ,EAAE,OAAO,UAAU,OAAO,iBAAiB;AAAA,EACnD,UAAU,EAAE,OAAO,YAAY,OAAO,eAAe;AACvD;AAGK,SAAS,eAAe;AAAA,EAC7B;AACF,GAEG;AACD,QAAM,QAAQ,MAAM,MAAM,KAAK,MAAM;AAErC,SACE,qBAAC,UAAK,WAAW,OAAO,QAAQ,OAAO,EAAE,OAAO,MAAM,MAAM,GAC1D;AAAA,wBAAC,UAAK,eAAW,MAAC,WAAW,OAAO,KAAK;AAAA,IACzC,oBAAC,UAAK,WAAW,OAAO,YAAa,gBAAM,OAAM;AAAA,KACnD;AAEJ;","names":[]}

package/dist/admin/_money/proposal-store.js

@@ -0,0 +1,65 @@
+"use client";
+import { useCallback, useSyncExternalStore } from "react";
+const KEY = "adm.money.cash-proposals";
+const MAX = 20;
+const listeners = /* @__PURE__ */ new Set();
+const EMPTY = [];
+let cache = {
+  raw: null,
+  list: EMPTY
+};
+function read() {
+  let raw = null;
+  try {
+    raw = window.localStorage.getItem(KEY);
+  } catch {
+    return EMPTY;
+  }
+  if (raw === cache.raw) return cache.list;
+  let list = EMPTY;
+  try {
+    const parsed = raw ? JSON.parse(raw) : [];
+    if (Array.isArray(parsed)) list = parsed;
+  } catch {
+    list = EMPTY;
+  }
+  cache = { raw, list };
+  return list;
+}
+function write(list) {
+  try {
+    window.localStorage.setItem(KEY, JSON.stringify(list.slice(0, MAX)));
+  } catch {
+  }
+  listeners.forEach((fn) => fn());
+}
+function subscribe(fn) {
+  listeners.add(fn);
+  const onStorage = (e) => {
+    if (e.key === KEY) fn();
+  };
+  window.addEventListener("storage", onStorage);
+  return () => {
+    listeners.delete(fn);
+    window.removeEventListener("storage", onStorage);
+  };
+}
+function useLocalProposals() {
+  const list = useSyncExternalStore(subscribe, read, () => EMPTY);
+  const remember = useCallback((p) => {
+    write([p, ...read().filter((x) => x.id !== p.id)]);
+  }, []);
+  const mark = useCallback((id, patch) => {
+    const current = read();
+    if (!current.some((x) => x.id === id)) return;
+    write(current.map((x) => x.id === id ? { ...x, ...patch } : x));
+  }, []);
+  const forget = useCallback((id) => {
+    write(read().filter((x) => x.id !== id));
+  }, []);
+  return { list, remember, mark, forget };
+}
+export {
+  useLocalProposals
+};
+//# sourceMappingURL=proposal-store.js.map

package/dist/admin/_money/proposal-store.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/proposal-store.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useSyncExternalStore } from 'react';\nimport type { CashPostingKind } from '@withpotter/lib/admin-money-api';\n\n/**\n * Cash proposals raised or decided in THIS browser. There is no list\n * endpoint, so a checker cannot discover proposals; this keeps the IDs an\n * admin has touched within reach. Storage can be blocked or cleared, so\n * every access is guarded and the list may simply be empty.\n */\nexport interface LocalProposal {\n  id: string;\n  kind: CashPostingKind;\n  amountMinor: string;\n  currency: string;\n  description: string;\n  walletId?: string;\n  /** The admin who proposed it; a different admin has to approve. */\n  makerId?: string | null;\n  /** `posted` once approved: the API's POSTED. */\n  status: 'proposed' | 'posted' | 'rejected';\n  rejectionReasonCode?: string;\n  at: string;\n}\n\nconst KEY = 'adm.money.cash-proposals';\nconst MAX = 20;\nconst listeners = new Set<() => void>();\nconst EMPTY: LocalProposal[] = [];\nlet cache: { raw: string | null; list: LocalProposal[] } = {\n  raw: null,\n  list: EMPTY,\n};\n\nfunction read(): LocalProposal[] {\n  let raw: string | null = null;\n\n  try {\n    raw = window.localStorage.getItem(KEY);\n  } catch {\n    return EMPTY;\n  }\n\n  if (raw === cache.raw) return cache.list;\n\n  let list: LocalProposal[] = EMPTY;\n\n  try {\n    const parsed: unknown = raw ? JSON.parse(raw) : [];\n\n    if (Array.isArray(parsed)) list = parsed as LocalProposal[];\n  } catch {\n    list = EMPTY;\n  }\n\n  cache = { raw, list };\n\n  return list;\n}\n\nfunction write(list: LocalProposal[]) {\n  try {\n    window.localStorage.setItem(KEY, JSON.stringify(list.slice(0, MAX)));\n  } catch {\n    // Private mode or full storage: the list just stays as it was.\n  }\n\n  listeners.forEach((fn) => fn());\n}\n\nfunction subscribe(fn: () => void) {\n  listeners.add(fn);\n\n  const onStorage = (e: StorageEvent) => {\n    if (e.key === KEY) fn();\n  };\n\n  window.addEventListener('storage', onStorage);\n\n  return () => {\n    listeners.delete(fn);\n    window.removeEventListener('storage', onStorage);\n  };\n}\n\nexport function useLocalProposals() {\n  const list = useSyncExternalStore(subscribe, read, () => EMPTY);\n\n  const remember = useCallback((p: LocalProposal) => {\n    write([p, ...read().filter((x) => x.id !== p.id)]);\n  }, []);\n\n  const mark = useCallback((id: string, patch: Partial<LocalProposal>) => {\n    const current = read();\n\n    if (!current.some((x) => x.id === id)) return;\n\n    write(current.map((x) => (x.id === id ? { ...x, ...patch } : x)));\n  }, []);\n\n  const forget = useCallback((id: string) => {\n    write(read().filter((x) => x.id !== id));\n  }, []);\n\n  return { list, remember, mark, forget };\n}\n"],"mappings":";AAEA,SAAS,aAAa,4BAA4B;AAwBlD,MAAM,MAAM;AACZ,MAAM,MAAM;AACZ,MAAM,YAAY,oBAAI,IAAgB;AACtC,MAAM,QAAyB,CAAC;AAChC,IAAI,QAAuD;AAAA,EACzD,KAAK;AAAA,EACL,MAAM;AACR;AAEA,SAAS,OAAwB;AAC/B,MAAI,MAAqB;AAEzB,MAAI;AACF,UAAM,OAAO,aAAa,QAAQ,GAAG;AAAA,EACvC,QAAQ;AACN,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,MAAM,IAAK,QAAO,MAAM;AAEpC,MAAI,OAAwB;AAE5B,MAAI;AACF,UAAM,SAAkB,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;AAEjD,QAAI,MAAM,QAAQ,MAAM,EAAG,QAAO;AAAA,EACpC,QAAQ;AACN,WAAO;AAAA,EACT;AAEA,UAAQ,EAAE,KAAK,KAAK;AAEpB,SAAO;AACT;AAEA,SAAS,MAAM,MAAuB;AACpC,MAAI;AACF,WAAO,aAAa,QAAQ,KAAK,KAAK,UAAU,KAAK,MAAM,GAAG,GAAG,CAAC,CAAC;AAAA,EACrE,QAAQ;AAAA,EAER;AAEA,YAAU,QAAQ,CAAC,OAAO,GAAG,CAAC;AAChC;AAEA,SAAS,UAAU,IAAgB;AACjC,YAAU,IAAI,EAAE;AAEhB,QAAM,YAAY,CAAC,MAAoB;AACrC,QAAI,EAAE,QAAQ,IAAK,IAAG;AAAA,EACxB;AAEA,SAAO,iBAAiB,WAAW,SAAS;AAE5C,SAAO,MAAM;AACX,cAAU,OAAO,EAAE;AACnB,WAAO,oBAAoB,WAAW,SAAS;AAAA,EACjD;AACF;AAEO,SAAS,oBAAoB;AAClC,QAAM,OAAO,qBAAqB,WAAW,MAAM,MAAM,KAAK;AAE9D,QAAM,WAAW,YAAY,CAAC,MAAqB;AACjD,UAAM,CAAC,GAAG,GAAG,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;AAAA,EACnD,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO,YAAY,CAAC,IAAY,UAAkC;AACtE,UAAM,UAAU,KAAK;AAErB,QAAI,CAAC,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,EAAG;AAEvC,UAAM,QAAQ,IAAI,CAAC,MAAO,EAAE,OAAO,KAAK,EAAE,GAAG,GAAG,GAAG,MAAM,IAAI,CAAE,CAAC;AAAA,EAClE,GAAG,CAAC,CAAC;AAEL,QAAM,SAAS,YAAY,CAAC,OAAe;AACzC,UAAM,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AAAA,EACzC,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,MAAM,UAAU,MAAM,OAAO;AACxC;","names":[]}

package/dist/admin/_money/propose-dialog.js

@@ -0,0 +1,124 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { Button } from "@withpotter/ui-kit/button";
+import { FormDialog } from "@withpotter/ui-kit/form-dialog";
+import { useToast } from "@withpotter/ui-kit/use-toast";
+import { adminMoneyApi } from "@withpotter/lib/admin-money-api";
+import { cashErrorText } from "./cash-errors";
+import { useMoneyPermissions } from "./permissions";
+import { useLocalProposals } from "./proposal-store";
+import { CASH_PROPOSALS_KEY } from "./waiting-proposals";
+import { blankDraft, draftMinor, validateDraft } from "./propose-draft";
+import { ProposeFields } from "./propose-fields";
+import {
+  ConfirmSummary,
+  HandOver,
+  StepTrail
+} from "./propose-steps";
+import styles from "./cash.module.css";
+function ProposeCashDialog({
+  open,
+  onClose,
+  defaultCurrency
+}) {
+  const { toast } = useToast();
+  const { remember } = useLocalProposals();
+  const { adminId } = useMoneyPermissions();
+  const [step, setStep] = useState("form");
+  const [draft, setDraft] = useState(() => blankDraft(defaultCurrency));
+  const [tried, setTried] = useState(false);
+  const errors = tried ? validateDraft(draft) : {};
+  const minor = draftMinor(draft) ?? "0";
+  const queryClient = useQueryClient();
+  const propose = useMutation({
+    mutationFn: () => adminMoneyApi.proposeCash(draft.kind, {
+      amountMinor: minor,
+      currency: draft.currency,
+      description: draft.description.trim(),
+      evidence: { note: draft.evidence.trim() },
+      walletId: draft.kind === "otc" ? draft.walletId : void 0
+    }),
+    onSuccess: (p) => {
+      void queryClient.invalidateQueries({ queryKey: CASH_PROPOSALS_KEY });
+      remember({
+        id: p.id,
+        kind: draft.kind,
+        amountMinor: minor,
+        currency: draft.currency,
+        description: draft.description.trim(),
+        walletId: draft.kind === "otc" ? draft.walletId : void 0,
+        makerId: p.maker?.id ?? adminId,
+        status: "proposed",
+        at: (/* @__PURE__ */ new Date()).toISOString()
+      });
+      toast({
+        title: "Cash posting proposed",
+        description: "A different admin must approve it."
+      });
+      setStep("done");
+    }
+  });
+  const close = () => {
+    onClose();
+    setStep("form");
+    setDraft(blankDraft(defaultCurrency));
+    setTried(false);
+    propose.reset();
+  };
+  const next = () => {
+    setTried(true);
+    if (Object.keys(validateDraft(draft)).length === 0) setStep("confirm");
+  };
+  const footer = step === "form" ? /* @__PURE__ */ jsxs("div", { className: styles.footer, children: [
+    /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: close, children: "Cancel" }),
+    /* @__PURE__ */ jsx(Button, { onClick: next, children: "Review" })
+  ] }) : step === "confirm" ? /* @__PURE__ */ jsxs("div", { className: styles.footerSplit, children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        onClick: () => setStep("form"),
+        disabled: propose.isPending,
+        children: "Edit"
+      }
+    ),
+    /* @__PURE__ */ jsx(Button, { loading: propose.isPending, onClick: () => propose.mutate(), children: "Propose posting" })
+  ] }) : /* @__PURE__ */ jsx("div", { className: styles.footer, children: /* @__PURE__ */ jsx(Button, { onClick: close, children: "Done" }) });
+  return /* @__PURE__ */ jsxs(
+    FormDialog,
+    {
+      open,
+      onClose: close,
+      title: "Propose cash posting",
+      description: "A second admin approves it before the ledger changes.",
+      footer,
+      children: [
+        /* @__PURE__ */ jsx(StepTrail, { step }),
+        step === "form" && /* @__PURE__ */ jsx(
+          ProposeFields,
+          {
+            draft,
+            errors,
+            defaultCurrency,
+            onChange: (patch) => setDraft((d) => ({ ...d, ...patch }))
+          }
+        ),
+        step === "confirm" && /* @__PURE__ */ jsx(
+          ConfirmSummary,
+          {
+            draft,
+            minor,
+            error: propose.isError ? cashErrorText(propose.error, "propose") : null
+          }
+        ),
+        step === "done" && propose.data && /* @__PURE__ */ jsx(HandOver, { id: propose.data.id })
+      ]
+    }
+  );
+}
+export {
+  ProposeCashDialog
+};
+//# sourceMappingURL=propose-dialog.js.map

package/dist/admin/_money/propose-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/propose-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { FormDialog } from '@withpotter/ui-kit/form-dialog';\nimport { useToast } from '@withpotter/ui-kit/use-toast';\nimport { adminMoneyApi } from '@withpotter/lib/admin-money-api';\nimport { cashErrorText } from './cash-errors';\nimport { useMoneyPermissions } from './permissions';\nimport { useLocalProposals } from './proposal-store';\nimport { CASH_PROPOSALS_KEY } from './waiting-proposals';\nimport { blankDraft, draftMinor, validateDraft } from './propose-draft';\nimport { ProposeFields } from './propose-fields';\nimport {\n  ConfirmSummary,\n  HandOver,\n  StepTrail,\n  type Step,\n} from './propose-steps';\nimport styles from './cash.module.css';\n\n/**\n * Propose an opening or OTC cash posting: fill in, confirm, then hand the\n * proposal ID to a second admin. Nothing moves until they approve it.\n */\nexport function ProposeCashDialog({\n  open,\n  onClose,\n  defaultCurrency,\n}: {\n  open: boolean;\n  onClose: () => void;\n  defaultCurrency?: string;\n}) {\n  const { toast } = useToast();\n  const { remember } = useLocalProposals();\n  const { adminId } = useMoneyPermissions();\n  const [step, setStep] = useState<Step>('form');\n  const [draft, setDraft] = useState(() => blankDraft(defaultCurrency));\n  const [tried, setTried] = useState(false);\n  const errors = tried ? validateDraft(draft) : {};\n  const minor = draftMinor(draft) ?? '0';\n\n  const queryClient = useQueryClient();\n  const propose = useMutation({\n    mutationFn: () =>\n      adminMoneyApi.proposeCash(draft.kind, {\n        amountMinor: minor,\n        currency: draft.currency,\n        description: draft.description.trim(),\n        evidence: { note: draft.evidence.trim() },\n        walletId: draft.kind === 'otc' ? draft.walletId : undefined,\n      }),\n    onSuccess: (p) => {\n      void queryClient.invalidateQueries({ queryKey: CASH_PROPOSALS_KEY });\n      remember({\n        id: p.id,\n        kind: draft.kind,\n        amountMinor: minor,\n        currency: draft.currency,\n        description: draft.description.trim(),\n        walletId: draft.kind === 'otc' ? draft.walletId : undefined,\n        makerId: p.maker?.id ?? adminId,\n        status: 'proposed',\n        at: new Date().toISOString(),\n      });\n      toast({\n        title: 'Cash posting proposed',\n        description: 'A different admin must approve it.',\n      });\n      setStep('done');\n    },\n  });\n\n  const close = () => {\n    onClose();\n    setStep('form');\n    setDraft(blankDraft(defaultCurrency));\n    setTried(false);\n    propose.reset();\n  };\n\n  const next = () => {\n    setTried(true);\n\n    if (Object.keys(validateDraft(draft)).length === 0) setStep('confirm');\n  };\n\n  const footer =\n    step === 'form' ? (\n      <div className={styles.footer}>\n        <Button variant=\"secondary\" onClick={close}>\n          Cancel\n        </Button>\n        <Button onClick={next}>Review</Button>\n      </div>\n    ) : step === 'confirm' ? (\n      <div className={styles.footerSplit}>\n        <Button\n          variant=\"ghost\"\n          onClick={() => setStep('form')}\n          disabled={propose.isPending}\n        >\n          Edit\n        </Button>\n        <Button loading={propose.isPending} onClick={() => propose.mutate()}>\n          Propose posting\n        </Button>\n      </div>\n    ) : (\n      <div className={styles.footer}>\n        <Button onClick={close}>Done</Button>\n      </div>\n    );\n\n  return (\n    <FormDialog\n      open={open}\n      onClose={close}\n      title=\"Propose cash posting\"\n      description=\"A second admin approves it before the ledger changes.\"\n      footer={footer}\n    >\n      <StepTrail step={step} />\n      {step === 'form' && (\n        <ProposeFields\n          draft={draft}\n          errors={errors}\n          defaultCurrency={defaultCurrency}\n          onChange={(patch) => setDraft((d) => ({ ...d, ...patch }))}\n        />\n      )}\n      {step === 'confirm' && (\n        <ConfirmSummary\n          draft={draft}\n          minor={minor}\n          error={\n            propose.isError ? cashErrorText(propose.error, 'propose') : null\n          }\n        />\n      )}\n      {step === 'done' && propose.data && <HandOver id={propose.data.id} />}\n    </FormDialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/_money/propose-draft.js

@@ -0,0 +1,40 @@
+import { parseMajorToMinor } from "@withpotter/lib/money-minor";
+const KIND_LABEL = {
+  opening: "Opening cash",
+  otc: "Over-the-counter deposit"
+};
+const UUID = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+function isUuid(value) {
+  return UUID.test(value.trim());
+}
+const blankDraft = (currency, walletId, kind = walletId ? "otc" : "opening") => ({
+  kind,
+  amount: "",
+  currency: (currency || "NGN").toUpperCase(),
+  walletId: walletId ?? "",
+  description: "",
+  evidence: ""
+});
+function draftMinor(d) {
+  return parseMajorToMinor(d.amount, d.currency);
+}
+function validateDraft(d) {
+  const errors = {};
+  if (!draftMinor(d))
+    errors.amount = `Enter an amount above zero, with no more decimals than ${d.currency} has.`;
+  if (d.kind === "otc" && !isUuid(d.walletId))
+    errors.walletId = "Paste the full wallet ID.";
+  if (d.description.trim().length < 2)
+    errors.description = "Add a short description (at least 2 characters).";
+  if (d.evidence.trim().length < 2)
+    errors.evidence = "Add a note a checker can verify (at least 2 characters).";
+  return errors;
+}
+export {
+  KIND_LABEL,
+  blankDraft,
+  draftMinor,
+  isUuid,
+  validateDraft
+};
+//# sourceMappingURL=propose-draft.js.map

package/dist/admin/_money/propose-draft.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/propose-draft.ts"],"sourcesContent":["import { parseMajorToMinor } from '@withpotter/lib/money-minor';\nimport type { CashPostingKind } from '@withpotter/lib/admin-money-api';\n\n/**\n * The propose form's state and its checks, kept apart from React so they can\n * be tested. The amount becomes minor units through the currency's own\n * exponent (`parseMajorToMinor`), never by multiplying by 100.\n */\nexport interface ProposeDraft {\n  kind: CashPostingKind;\n  amount: string;\n  currency: string;\n  walletId: string;\n  description: string;\n  evidence: string;\n}\n\nexport const KIND_LABEL: Record<CashPostingKind, string> = {\n  opening: 'Opening cash',\n  otc: 'Over-the-counter deposit',\n};\n\nconst UUID = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;\n\nexport function isUuid(value: string): boolean {\n  return UUID.test(value.trim());\n}\n\nexport const blankDraft = (\n  currency?: string,\n  walletId?: string,\n  kind: CashPostingKind = walletId ? 'otc' : 'opening',\n): ProposeDraft => ({\n  kind,\n  amount: '',\n  currency: (currency || 'NGN').toUpperCase(),\n  walletId: walletId ?? '',\n  description: '',\n  evidence: '',\n});\n\n/** The amount in minor units, or null when it is not a usable amount. */\nexport function draftMinor(d: ProposeDraft): string | null {\n  return parseMajorToMinor(d.amount, d.currency);\n}\n\nexport function validateDraft(d: ProposeDraft) {\n  const errors: Partial<Record<keyof ProposeDraft, string>> = {};\n\n  if (!draftMinor(d))\n    errors.amount = `Enter an amount above zero, with no more decimals than ${d.currency} has.`;\n\n  if (d.kind === 'otc' && !isUuid(d.walletId))\n    errors.walletId = 'Paste the full wallet ID.';\n\n  // The API takes any description; we only ask that there is one.\n  if (d.description.trim().length < 2)\n    errors.description = 'Add a short description (at least 2 characters).';\n\n  if (d.evidence.trim().length < 2)\n    errors.evidence =\n      'Add a note a checker can verify (at least 2 characters).';\n\n  return errors;\n}\n"],"mappings":"AAAA,SAAS,yBAAyB;AAiB3B,MAAM,aAA8C;AAAA,EACzD,SAAS;AAAA,EACT,KAAK;AACP;AAEA,MAAM,OAAO;AAEN,SAAS,OAAO,OAAwB;AAC7C,SAAO,KAAK,KAAK,MAAM,KAAK,CAAC;AAC/B;AAEO,MAAM,aAAa,CACxB,UACA,UACA,OAAwB,WAAW,QAAQ,eACzB;AAAA,EAClB;AAAA,EACA,QAAQ;AAAA,EACR,WAAW,YAAY,OAAO,YAAY;AAAA,EAC1C,UAAU,YAAY;AAAA,EACtB,aAAa;AAAA,EACb,UAAU;AACZ;AAGO,SAAS,WAAW,GAAgC;AACzD,SAAO,kBAAkB,EAAE,QAAQ,EAAE,QAAQ;AAC/C;AAEO,SAAS,cAAc,GAAiB;AAC7C,QAAM,SAAsD,CAAC;AAE7D,MAAI,CAAC,WAAW,CAAC;AACf,WAAO,SAAS,0DAA0D,EAAE,QAAQ;AAEtF,MAAI,EAAE,SAAS,SAAS,CAAC,OAAO,EAAE,QAAQ;AACxC,WAAO,WAAW;AAGpB,MAAI,EAAE,YAAY,KAAK,EAAE,SAAS;AAChC,WAAO,cAAc;AAEvB,MAAI,EAAE,SAAS,KAAK,EAAE,SAAS;AAC7B,WAAO,WACL;AAEJ,SAAO;AACT;","names":[]}

package/dist/admin/_money/propose-fields.js

@@ -0,0 +1,113 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { Field } from "@withpotter/ui-kit/field";
+import { Input } from "@withpotter/ui-kit/input";
+import { OptionButton, OptionGroup } from "@withpotter/ui-kit/option-button";
+import { Select } from "@withpotter/ui-kit/select";
+import { Textarea } from "@withpotter/ui-kit/textarea";
+import styles from "./cash.module.css";
+import local from "./propose.module.css";
+import { KIND_LABEL } from "./propose-draft";
+const KIND_HINT = {
+  opening: "Fund the platform\u2019s cash in safe from opening capital.",
+  otc: "Book cash a merchant handed over off-platform into their wallet."
+};
+function currencyOptions(extra) {
+  const codes = /* @__PURE__ */ new Set(["NGN"]);
+  if (extra) codes.add(extra.toUpperCase());
+  return [...codes].map((c) => ({ value: c, label: c }));
+}
+function ProposeFields({
+  draft,
+  onChange,
+  errors,
+  defaultCurrency,
+  walletNote
+}) {
+  const indicator = useId();
+  return /* @__PURE__ */ jsxs("div", { className: styles.form, children: [
+    /* @__PURE__ */ jsx(Field, { label: "Type of posting", children: /* @__PURE__ */ jsx(
+      OptionGroup,
+      {
+        "aria-label": "Type of posting",
+        className: "grid grid-cols-1 items-stretch overflow-visible pb-0 sm:grid-cols-2",
+        children: Object.keys(KIND_LABEL).map((k) => /* @__PURE__ */ jsxs(
+          OptionButton,
+          {
+            shape: "card",
+            indicatorId: indicator,
+            selected: draft.kind === k,
+            onClick: () => onChange({ kind: k }),
+            className: "flex h-full min-w-0 flex-col items-start gap-1 text-left",
+            children: [
+              /* @__PURE__ */ jsx("strong", { className: local.kindTitle, children: KIND_LABEL[k] }),
+              /* @__PURE__ */ jsx("span", { className: local.kindHint, children: KIND_HINT[k] })
+            ]
+          },
+          k
+        ))
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: local.amountRow, children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          label: "Amount",
+          inputMode: "decimal",
+          placeholder: "0.00",
+          value: draft.amount,
+          error: errors.amount,
+          onChange: (e) => onChange({ amount: e.target.value })
+        }
+      ),
+      /* @__PURE__ */ jsx(Field, { label: "Currency", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          ariaLabel: "Currency",
+          value: draft.currency,
+          options: currencyOptions(defaultCurrency),
+          onChange: (currency) => onChange({ currency })
+        }
+      ) })
+    ] }),
+    draft.kind === "otc" && /* @__PURE__ */ jsx(
+      Input,
+      {
+        label: "Merchant wallet ID",
+        placeholder: "Paste the wallet ID",
+        value: draft.walletId,
+        error: errors.walletId,
+        hint: walletNote ?? "The wallet the cash is credited to.",
+        onChange: (e) => onChange({ walletId: e.target.value.trim() })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        label: "Description",
+        placeholder: "What this cash is and where it came from",
+        value: draft.description,
+        error: errors.description,
+        maxLength: 240,
+        onChange: (e) => onChange({ description: e.target.value })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        label: "Evidence note",
+        rows: 3,
+        placeholder: "Receipt or deposit slip number, who counted it, where it is kept",
+        value: draft.evidence,
+        onChange: (e) => onChange({ evidence: e.target.value })
+      }
+    ),
+    errors.evidence && /* @__PURE__ */ jsx("p", { className: "adm-caption", role: "alert", children: errors.evidence })
+  ] });
+}
+export {
+  ProposeFields,
+  currencyOptions
+};
+//# sourceMappingURL=propose-fields.js.map

package/dist/admin/_money/propose-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/propose-fields.tsx"],"sourcesContent":["'use client';\n\nimport { useId } from 'react';\nimport { Field } from '@withpotter/ui-kit/field';\nimport { Input } from '@withpotter/ui-kit/input';\nimport { OptionButton, OptionGroup } from '@withpotter/ui-kit/option-button';\nimport { Select } from '@withpotter/ui-kit/select';\nimport { Textarea } from '@withpotter/ui-kit/textarea';\nimport type { CashPostingKind } from '@withpotter/lib/admin-money-api';\nimport styles from './cash.module.css';\nimport local from './propose.module.css';\nimport { KIND_LABEL, type ProposeDraft } from './propose-draft';\n\nconst KIND_HINT: Record<CashPostingKind, string> = {\n  opening: 'Fund the platform’s cash in safe from opening capital.',\n  otc: 'Book cash a merchant handed over off-platform into their wallet.',\n};\n\n/** Currencies the ledger has enabled, plus the merchant's own when given. */\nexport function currencyOptions(extra?: string) {\n  const codes = new Set(['NGN']);\n\n  if (extra) codes.add(extra.toUpperCase());\n\n  return [...codes].map((c) => ({ value: c, label: c }));\n}\n\nexport function ProposeFields({\n  draft,\n  onChange,\n  errors,\n  defaultCurrency,\n  walletNote,\n}: {\n  draft: ProposeDraft;\n  onChange: (patch: Partial<ProposeDraft>) => void;\n  errors: Partial<Record<keyof ProposeDraft, string>>;\n  defaultCurrency?: string;\n  /** What the page knows about the merchant's wallet, under the field. */\n  walletNote?: string;\n}) {\n  const indicator = useId();\n\n  return (\n    <div className={styles.form}>\n      <Field label=\"Type of posting\">\n        <OptionGroup\n          aria-label=\"Type of posting\"\n          className=\"grid grid-cols-1 items-stretch overflow-visible pb-0 sm:grid-cols-2\"\n        >\n          {(Object.keys(KIND_LABEL) as CashPostingKind[]).map((k) => (\n            <OptionButton\n              key={k}\n              shape=\"card\"\n              indicatorId={indicator}\n              selected={draft.kind === k}\n              onClick={() => onChange({ kind: k })}\n              className=\"flex h-full min-w-0 flex-col items-start gap-1 text-left\"\n            >\n              <strong className={local.kindTitle}>{KIND_LABEL[k]}</strong>\n              <span className={local.kindHint}>{KIND_HINT[k]}</span>\n            </OptionButton>\n          ))}\n        </OptionGroup>\n      </Field>\n      <div className={local.amountRow}>\n        <Input\n          label=\"Amount\"\n          inputMode=\"decimal\"\n          placeholder=\"0.00\"\n          value={draft.amount}\n          error={errors.amount}\n          onChange={(e) => onChange({ amount: e.target.value })}\n        />\n        <Field label=\"Currency\">\n          <Select\n            ariaLabel=\"Currency\"\n            value={draft.currency}\n            options={currencyOptions(defaultCurrency)}\n            onChange={(currency) => onChange({ currency })}\n          />\n        </Field>\n      </div>\n      {draft.kind === 'otc' && (\n        <Input\n          label=\"Merchant wallet ID\"\n          placeholder=\"Paste the wallet ID\"\n          value={draft.walletId}\n          error={errors.walletId}\n          hint={walletNote ?? 'The wallet the cash is credited to.'}\n          onChange={(e) => onChange({ walletId: e.target.value.trim() })}\n        />\n      )}\n      <Input\n        label=\"Description\"\n        placeholder=\"What this cash is and where it came from\"\n        value={draft.description}\n        error={errors.description}\n        maxLength={240}\n        onChange={(e) => onChange({ description: e.target.value })}\n      />\n      <Textarea\n        label=\"Evidence note\"\n        rows={3}\n        placeholder=\"Receipt or deposit slip number, who counted it, where it is kept\"\n        value={draft.evidence}\n        onChange={(e) => onChange({ evidence: e.target.value })}\n      />\n      {errors.evidence && (\n        <p className=\"adm-caption\" role=\"alert\">\n          {errors.evidence}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/_money/propose-steps.js

@@ -0,0 +1,73 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Banner } from "@withpotter/ui-kit/banner";
+import { CopyField } from "@withpotter/ui-kit/copy-field";
+import { ErrorBanner } from "@withpotter/ui-kit/error-banner";
+import { formatMinor } from "@withpotter/lib/money-minor";
+import { KIND_LABEL } from "./propose-draft";
+import styles from "./cash.module.css";
+import local from "./propose.module.css";
+const STEP_LABEL = {
+  form: "Details",
+  confirm: "Confirm",
+  done: "Hand over"
+};
+const ORDER = Object.keys(STEP_LABEL);
+function StepTrail({ step }) {
+  const at = ORDER.indexOf(step);
+  return /* @__PURE__ */ jsx("ol", { className: local.steps, "aria-label": "Progress", children: ORDER.map((s, i) => {
+    const state = i < at ? "done" : i === at ? "current" : "next";
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: local.step,
+        "data-state": state,
+        "aria-current": state === "current" ? "step" : void 0,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: local.stepMark, "aria-hidden": true, children: i + 1 }),
+          /* @__PURE__ */ jsxs("span", { className: local.stepLabel, children: [
+            STEP_LABEL[s],
+            state === "done" && /* @__PURE__ */ jsx("span", { className: "sr-only", children: " (done)" })
+          ] })
+        ]
+      },
+      s
+    );
+  }) });
+}
+function ConfirmSummary({
+  draft,
+  minor,
+  error
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: styles.form, children: [
+    /* @__PURE__ */ jsxs("dl", { className: styles.summary, children: [
+      /* @__PURE__ */ jsx("dt", { children: "Type" }),
+      /* @__PURE__ */ jsx("dd", { children: KIND_LABEL[draft.kind] }),
+      /* @__PURE__ */ jsx("dt", { children: "Amount" }),
+      /* @__PURE__ */ jsx("dd", { className: styles.amount, children: formatMinor(minor, draft.currency) }),
+      draft.kind === "otc" && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("dt", { children: "Wallet" }),
+        /* @__PURE__ */ jsx("dd", { className: styles.mono, children: draft.walletId })
+      ] }),
+      /* @__PURE__ */ jsx("dt", { children: "Description" }),
+      /* @__PURE__ */ jsx("dd", { children: draft.description }),
+      /* @__PURE__ */ jsx("dt", { children: "Evidence" }),
+      /* @__PURE__ */ jsx("dd", { children: draft.evidence })
+    ] }),
+    /* @__PURE__ */ jsx(Banner, { tone: "warning", title: "Check the figures", children: "Once approved, this posts to the ledger and can only be undone with a new, linked correction." }),
+    error && /* @__PURE__ */ jsx(ErrorBanner, { children: error })
+  ] });
+}
+function HandOver({ id }) {
+  return /* @__PURE__ */ jsxs("div", { className: styles.form, children: [
+    /* @__PURE__ */ jsx(Banner, { tone: "success", title: "Proposed. Nothing has moved yet.", children: "Send this ID to a different admin with approval rights. They open Review proposal and approve or reject it." }),
+    /* @__PURE__ */ jsx(CopyField, { label: "Proposal ID", value: id })
+  ] });
+}
+export {
+  ConfirmSummary,
+  HandOver,
+  StepTrail
+};
+//# sourceMappingURL=propose-steps.js.map

package/dist/admin/_money/propose-steps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/propose-steps.tsx"],"sourcesContent":["'use client';\n\nimport { Banner } from '@withpotter/ui-kit/banner';\nimport { CopyField } from '@withpotter/ui-kit/copy-field';\nimport { ErrorBanner } from '@withpotter/ui-kit/error-banner';\nimport { formatMinor } from '@withpotter/lib/money-minor';\nimport { KIND_LABEL, type ProposeDraft } from './propose-draft';\nimport styles from './cash.module.css';\nimport local from './propose.module.css';\n\nexport type Step = 'form' | 'confirm' | 'done';\n\nconst STEP_LABEL: Record<Step, string> = {\n  form: 'Details',\n  confirm: 'Confirm',\n  done: 'Hand over',\n};\n\nconst ORDER = Object.keys(STEP_LABEL) as Step[];\n\n/** Where the admin is in the three steps: done, current, still to come. */\nexport function StepTrail({ step }: { step: Step }) {\n  const at = ORDER.indexOf(step);\n\n  return (\n    <ol className={local.steps} aria-label=\"Progress\">\n      {ORDER.map((s, i) => {\n        const state = i < at ? 'done' : i === at ? 'current' : 'next';\n\n        return (\n          <li\n            key={s}\n            className={local.step}\n            data-state={state}\n            aria-current={state === 'current' ? 'step' : undefined}\n          >\n            <span className={local.stepMark} aria-hidden>\n              {i + 1}\n            </span>\n            <span className={local.stepLabel}>\n              {STEP_LABEL[s]}\n              {state === 'done' && <span className=\"sr-only\"> (done)</span>}\n            </span>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n\n/** Read-back before anything is sent. */\nexport function ConfirmSummary({\n  draft,\n  minor,\n  error,\n}: {\n  draft: ProposeDraft;\n  minor: string;\n  error: string | null;\n}) {\n  return (\n    <div className={styles.form}>\n      <dl className={styles.summary}>\n        <dt>Type</dt>\n        <dd>{KIND_LABEL[draft.kind]}</dd>\n        <dt>Amount</dt>\n        <dd className={styles.amount}>{formatMinor(minor, draft.currency)}</dd>\n        {draft.kind === 'otc' && (\n          <>\n            <dt>Wallet</dt>\n            <dd className={styles.mono}>{draft.walletId}</dd>\n          </>\n        )}\n        <dt>Description</dt>\n        <dd>{draft.description}</dd>\n        <dt>Evidence</dt>\n        <dd>{draft.evidence}</dd>\n      </dl>\n      <Banner tone=\"warning\" title=\"Check the figures\">\n        Once approved, this posts to the ledger and can only be undone with a\n        new, linked correction.\n      </Banner>\n      {error && <ErrorBanner>{error}</ErrorBanner>}\n    </div>\n  );\n}\n\n/** The proposal exists: hand its ID to the checker. */\nexport function HandOver({ id }: { id: string }) {\n  return (\n    <div className={styles.form}>\n      <Banner tone=\"success\" title=\"Proposed. Nothing has moved yet.\">\n        Send this ID to a different admin with approval rights. They open Review\n        proposal and approve or reject it.\n      </Banner>\n      <CopyField label=\"Proposal ID\" value={id} />\n    </div>\n  );\n}\n"],"mappings":";AAoCY,SAgCF,UAhCE,KAGA,YAHA;AAlCZ,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,kBAAqC;AAC9C,OAAO,YAAY;AACnB,OAAO,WAAW;AAIlB,MAAM,aAAmC;AAAA,EACvC,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AACR;AAEA,MAAM,QAAQ,OAAO,KAAK,UAAU;AAG7B,SAAS,UAAU,EAAE,KAAK,GAAmB;AAClD,QAAM,KAAK,MAAM,QAAQ,IAAI;AAE7B,SACE,oBAAC,QAAG,WAAW,MAAM,OAAO,cAAW,YACpC,gBAAM,IAAI,CAAC,GAAG,MAAM;AACnB,UAAM,QAAQ,IAAI,KAAK,SAAS,MAAM,KAAK,YAAY;AAEvD,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW,MAAM;AAAA,QACjB,cAAY;AAAA,QACZ,gBAAc,UAAU,YAAY,SAAS;AAAA,QAE7C;AAAA,8BAAC,UAAK,WAAW,MAAM,UAAU,eAAW,MACzC,cAAI,GACP;AAAA,UACA,qBAAC,UAAK,WAAW,MAAM,WACpB;AAAA,uBAAW,CAAC;AAAA,YACZ,UAAU,UAAU,oBAAC,UAAK,WAAU,WAAU,qBAAO;AAAA,aACxD;AAAA;AAAA;AAAA,MAXK;AAAA,IAYP;AAAA,EAEJ,CAAC,GACH;AAEJ;AAGO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,qBAAC,SAAI,WAAW,OAAO,MACrB;AAAA,yBAAC,QAAG,WAAW,OAAO,SACpB;AAAA,0BAAC,QAAG,kBAAI;AAAA,MACR,oBAAC,QAAI,qBAAW,MAAM,IAAI,GAAE;AAAA,MAC5B,oBAAC,QAAG,oBAAM;AAAA,MACV,oBAAC,QAAG,WAAW,OAAO,QAAS,sBAAY,OAAO,MAAM,QAAQ,GAAE;AAAA,MACjE,MAAM,SAAS,SACd,iCACE;AAAA,4BAAC,QAAG,oBAAM;AAAA,QACV,oBAAC,QAAG,WAAW,OAAO,MAAO,gBAAM,UAAS;AAAA,SAC9C;AAAA,MAEF,oBAAC,QAAG,yBAAW;AAAA,MACf,oBAAC,QAAI,gBAAM,aAAY;AAAA,MACvB,oBAAC,QAAG,sBAAQ;AAAA,MACZ,oBAAC,QAAI,gBAAM,UAAS;AAAA,OACtB;AAAA,IACA,oBAAC,UAAO,MAAK,WAAU,OAAM,qBAAoB,2GAGjD;AAAA,IACC,SAAS,oBAAC,eAAa,iBAAM;AAAA,KAChC;AAEJ;AAGO,SAAS,SAAS,EAAE,GAAG,GAAmB;AAC/C,SACE,qBAAC,SAAI,WAAW,OAAO,MACrB;AAAA,wBAAC,UAAO,MAAK,WAAU,OAAM,oCAAmC,yHAGhE;AAAA,IACA,oBAAC,aAAU,OAAM,eAAc,OAAO,IAAI;AAAA,KAC5C;AAEJ;","names":[]}