@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/_money/propose.module.css

@@ -0,0 +1,105 @@
+/* The propose flow: its stepper, the posting-type cards, the amount row. */
+
+/* The stepper: numbered markers joined by a rule; done, current, next. */
+.steps {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 0 0 20px;
+  padding: 0;
+  list-style: none;
+}
+
+.step {
+  display: flex;
+  flex: 1 1 0;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 20px;
+  color: var(--text-tertiary);
+}
+
+.step:last-child {
+  flex: 0 0 auto;
+}
+
+.step:not(:last-child)::after {
+  content: '';
+  flex: 1 1 auto;
+  min-width: 12px;
+  height: 2px;
+  border-radius: 999px;
+  background: var(--border-default);
+}
+
+.step[data-state='done']:not(:last-child)::after {
+  background: var(--brand-500);
+}
+
+.stepMark {
+  display: inline-grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+  flex-shrink: 0;
+  border-radius: 999px;
+  border: 1px solid var(--border-default);
+  background: var(--bg-base);
+  font-size: 12px;
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+  transition:
+    background var(--adm-moderate),
+    color var(--adm-moderate);
+}
+
+.stepLabel {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.step[data-state='current'] {
+  color: var(--text-primary);
+}
+
+.step[data-state='current'] .stepMark {
+  border-color: var(--brand-500);
+  background: var(--brand-500);
+  color: var(--bg-base);
+}
+
+.step[data-state='done'] {
+  color: var(--text-secondary);
+}
+
+.step[data-state='done'] .stepMark {
+  border-color: transparent;
+  background: color-mix(in srgb, var(--brand-500) 12%, transparent);
+  color: var(--brand-600);
+}
+
+.kindTitle {
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
+  color: var(--text-primary);
+}
+
+.kindHint {
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
+  color: var(--text-secondary);
+}
+
+/* Amount takes the room; the currency code needs only a short select. */
+.amountRow {
+  display: grid;
+  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
+  align-items: start;
+  gap: 12px;
+}

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

@@ -0,0 +1,149 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { Banner } from "@withpotter/ui-kit/banner";
+import { Button } from "@withpotter/ui-kit/button";
+import { useConfirm } from "@withpotter/ui-kit/confirm-dialog";
+import { ErrorBanner } from "@withpotter/ui-kit/error-banner";
+import { Field } from "@withpotter/ui-kit/field";
+import { FormDialog } from "@withpotter/ui-kit/form-dialog";
+import { Input } from "@withpotter/ui-kit/input";
+import { Select } from "@withpotter/ui-kit/select";
+import { Tooltip } from "@withpotter/ui-kit/tooltip";
+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 { isUuid } from "./propose-draft";
+import {
+  isOwnProposal,
+  OWN_PROPOSAL,
+  reasonText,
+  REJECT_REASONS,
+  toReasonCode
+} from "./review-rules";
+import styles from "./cash.module.css";
+function ReviewProposalDialog({
+  open,
+  onClose,
+  initialId = ""
+}) {
+  const { toast } = useToast();
+  const confirm = useConfirm();
+  const { list, mark } = useLocalProposals();
+  const { adminId, approveHint } = useMoneyPermissions();
+  const [id, setId] = useState(initialId);
+  const [reason, setReason] = useState("INSUFFICIENT_EVIDENCE");
+  const [other, setOther] = useState("");
+  const validId = isUuid(id);
+  const code = reason === "OTHER" ? toReasonCode(other) : reason;
+  const mine = isOwnProposal(list, id.trim(), adminId);
+  const queryClient = useQueryClient();
+  const decide = useMutation({
+    mutationFn: (v) => v.approve ? adminMoneyApi.approveCash(id.trim()) : adminMoneyApi.rejectCash(id.trim(), code),
+    onSuccess: (_, v) => {
+      void queryClient.invalidateQueries({ queryKey: CASH_PROPOSALS_KEY });
+      mark(id.trim(), {
+        status: v.approve ? "posted" : "rejected",
+        rejectionReasonCode: v.approve ? void 0 : code
+      });
+      toast({
+        title: v.approve ? "Cash posting approved" : "Cash posting rejected",
+        description: v.approve ? "It is now on the ledger." : `Reason: ${reasonText(code).toLowerCase()}.`
+      });
+      close();
+    }
+  });
+  function close() {
+    onClose();
+    decide.reset();
+    setOther("");
+  }
+  const act = async (approve) => {
+    const ok = await confirm(
+      approve ? {
+        title: "Approve and post to the ledger?",
+        description: "The cash is booked as soon as you approve. A mistake is fixed only by a new, linked correction.",
+        confirmLabel: "Approve"
+      } : {
+        title: "Reject this proposal?",
+        description: `Reason: ${reasonText(code).toLowerCase()}. The proposer has to start again.`,
+        confirmLabel: "Reject",
+        tone: "danger"
+      }
+    );
+    if (ok) decide.mutate({ approve });
+  };
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      open,
+      onClose: close,
+      title: "Review proposal",
+      description: "You must be a different admin from the one who proposed it.",
+      footer: /* @__PURE__ */ jsxs("div", { className: styles.footerSplit, children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghostDanger",
+            disabled: !validId || !code || decide.isPending,
+            onClick: () => act(false),
+            children: "Reject"
+          }
+        ),
+        /* @__PURE__ */ jsx(Tooltip, { label: mine ? OWN_PROPOSAL : approveHint, children: /* @__PURE__ */ jsx("span", { tabIndex: mine ? 0 : void 0, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            disabled: !validId || mine,
+            loading: decide.isPending,
+            onClick: () => act(true),
+            children: "Approve"
+          }
+        ) }) })
+      ] }),
+      children: /* @__PURE__ */ jsxs("div", { className: styles.form, children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: "Proposal ID",
+            placeholder: "Paste the ID the proposer sent you",
+            value: id,
+            error: id && !validId ? "That is not a full proposal ID." : void 0,
+            onChange: (e) => setId(e.target.value.trim())
+          }
+        ),
+        /* @__PURE__ */ jsx(Field, { label: "If you reject, why", children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            ariaLabel: "Rejection reason",
+            value: reason,
+            options: REJECT_REASONS,
+            onChange: setReason
+          }
+        ) }),
+        reason === "OTHER" && /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: "Reason in a few words",
+            placeholder: "e.g. counted short",
+            value: other,
+            hint: code ? void 0 : "Start with a letter.",
+            onChange: (e) => setOther(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsx(Banner, { tone: "info", children: "Approving posts the cash to the ledger. Rejecting closes the proposal for good." }),
+        decide.isError && /* @__PURE__ */ jsx(ErrorBanner, { children: cashErrorText(
+          decide.error,
+          decide.variables?.approve ? "approve" : "reject"
+        ) })
+      ] })
+    }
+  );
+}
+export {
+  ReviewProposalDialog
+};
+//# sourceMappingURL=review-dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/review-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport { Banner } from '@withpotter/ui-kit/banner';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { useConfirm } from '@withpotter/ui-kit/confirm-dialog';\nimport { ErrorBanner } from '@withpotter/ui-kit/error-banner';\nimport { Field } from '@withpotter/ui-kit/field';\nimport { FormDialog } from '@withpotter/ui-kit/form-dialog';\nimport { Input } from '@withpotter/ui-kit/input';\nimport { Select } from '@withpotter/ui-kit/select';\nimport { Tooltip } from '@withpotter/ui-kit/tooltip';\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 { isUuid } from './propose-draft';\nimport {\n  isOwnProposal,\n  OWN_PROPOSAL,\n  reasonText,\n  REJECT_REASONS,\n  toReasonCode,\n} from './review-rules';\nimport styles from './cash.module.css';\n\n/** The checker's half: find a proposal by ID, then approve or reject it. */\nexport function ReviewProposalDialog({\n  open,\n  onClose,\n  initialId = '',\n}: {\n  open: boolean;\n  onClose: () => void;\n  initialId?: string;\n}) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const { list, mark } = useLocalProposals();\n  const { adminId, approveHint } = useMoneyPermissions();\n  const [id, setId] = useState(initialId);\n  const [reason, setReason] = useState('INSUFFICIENT_EVIDENCE');\n  const [other, setOther] = useState('');\n  const validId = isUuid(id);\n  const code = reason === 'OTHER' ? toReasonCode(other) : reason;\n  const mine = isOwnProposal(list, id.trim(), adminId);\n\n  const queryClient = useQueryClient();\n  const decide = useMutation({\n    mutationFn: (v: { approve: boolean }) =>\n      v.approve\n        ? adminMoneyApi.approveCash(id.trim())\n        : adminMoneyApi.rejectCash(id.trim(), code),\n    onSuccess: (_, v) => {\n      void queryClient.invalidateQueries({ queryKey: CASH_PROPOSALS_KEY });\n      mark(id.trim(), {\n        status: v.approve ? 'posted' : 'rejected',\n        rejectionReasonCode: v.approve ? undefined : code,\n      });\n      toast({\n        title: v.approve ? 'Cash posting approved' : 'Cash posting rejected',\n        description: v.approve\n          ? 'It is now on the ledger.'\n          : `Reason: ${reasonText(code).toLowerCase()}.`,\n      });\n      close();\n    },\n  });\n\n  function close() {\n    onClose();\n    decide.reset();\n    setOther('');\n  }\n\n  const act = async (approve: boolean) => {\n    const ok = await confirm(\n      approve\n        ? {\n            title: 'Approve and post to the ledger?',\n            description:\n              'The cash is booked as soon as you approve. A mistake is fixed only by a new, linked correction.',\n            confirmLabel: 'Approve',\n          }\n        : {\n            title: 'Reject this proposal?',\n            description: `Reason: ${reasonText(code).toLowerCase()}. The proposer has to start again.`,\n            confirmLabel: 'Reject',\n            tone: 'danger',\n          },\n    );\n\n    if (ok) decide.mutate({ approve });\n  };\n\n  return (\n    <FormDialog\n      open={open}\n      onClose={close}\n      title=\"Review proposal\"\n      description=\"You must be a different admin from the one who proposed it.\"\n      footer={\n        <div className={styles.footerSplit}>\n          <Button\n            variant=\"ghostDanger\"\n            disabled={!validId || !code || decide.isPending}\n            onClick={() => act(false)}\n          >\n            Reject\n          </Button>\n          <Tooltip label={mine ? OWN_PROPOSAL : approveHint}>\n            <span tabIndex={mine ? 0 : undefined}>\n              <Button\n                disabled={!validId || mine}\n                loading={decide.isPending}\n                onClick={() => act(true)}\n              >\n                Approve\n              </Button>\n            </span>\n          </Tooltip>\n        </div>\n      }\n    >\n      <div className={styles.form}>\n        <Input\n          label=\"Proposal ID\"\n          placeholder=\"Paste the ID the proposer sent you\"\n          value={id}\n          error={id && !validId ? 'That is not a full proposal ID.' : undefined}\n          onChange={(e) => setId(e.target.value.trim())}\n        />\n        <Field label=\"If you reject, why\">\n          <Select\n            ariaLabel=\"Rejection reason\"\n            value={reason}\n            options={REJECT_REASONS}\n            onChange={setReason}\n          />\n        </Field>\n        {reason === 'OTHER' && (\n          <Input\n            label=\"Reason in a few words\"\n            placeholder=\"e.g. counted short\"\n            value={other}\n            hint={code ? undefined : 'Start with a letter.'}\n            onChange={(e) => setOther(e.target.value)}\n          />\n        )}\n        <Banner tone=\"info\">\n          Approving posts the cash to the ledger. Rejecting closes the proposal\n          for good.\n        </Banner>\n        {decide.isError && (\n          <ErrorBanner>\n            {cashErrorText(\n              decide.error,\n              decide.variables?.approve ? 'approve' : 'reject',\n            )}\n          </ErrorBanner>\n        )}\n      </div>\n    </FormDialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/_money/review-rules.js

@@ -0,0 +1,31 @@
+const REJECT_REASONS = [
+  { value: "INSUFFICIENT_EVIDENCE", label: "Evidence is missing or unclear" },
+  { value: "AMOUNT_MISMATCH", label: "Amount does not match the evidence" },
+  { value: "WRONG_WALLET", label: "Wrong merchant wallet" },
+  { value: "WRONG_CURRENCY", label: "Wrong currency" },
+  { value: "DUPLICATE_PROPOSAL", label: "Already posted or proposed twice" },
+  { value: "CASH_NOT_RECEIVED", label: "Cash was not received" },
+  { value: "OTHER", label: "Other" }
+];
+function toReasonCode(text) {
+  const code = text.trim().toUpperCase().replace(/[^A-Z0-9]+/g, "_").replace(/^_+|_+$/g, "").slice(0, 64);
+  return /^[A-Z]/.test(code) ? code : "";
+}
+function reasonText(code) {
+  if (!code) return "";
+  const known = REJECT_REASONS.find((r) => r.value === code);
+  return known ? known.label : code.replaceAll("_", " ").toLowerCase();
+}
+const OWN_PROPOSAL = "A different admin has to approve your proposal";
+function isOwnProposal(list, id, adminId) {
+  if (!adminId) return false;
+  return list.some((p) => p.id === id && p.makerId === adminId);
+}
+export {
+  OWN_PROPOSAL,
+  REJECT_REASONS,
+  isOwnProposal,
+  reasonText,
+  toReasonCode
+};
+//# sourceMappingURL=review-rules.js.map

package/dist/admin/_money/review-rules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/review-rules.ts"],"sourcesContent":["import type { LocalProposal } from './proposal-store';\n\nexport const REJECT_REASONS = [\n  { value: 'INSUFFICIENT_EVIDENCE', label: 'Evidence is missing or unclear' },\n  { value: 'AMOUNT_MISMATCH', label: 'Amount does not match the evidence' },\n  { value: 'WRONG_WALLET', label: 'Wrong merchant wallet' },\n  { value: 'WRONG_CURRENCY', label: 'Wrong currency' },\n  { value: 'DUPLICATE_PROPOSAL', label: 'Already posted or proposed twice' },\n  { value: 'CASH_NOT_RECEIVED', label: 'Cash was not received' },\n  { value: 'OTHER', label: 'Other' },\n];\n\n/** \"cash not counted\" → \"CASH_NOT_COUNTED\", the shape the API accepts. */\nexport function toReasonCode(text: string): string {\n  const code = text\n    .trim()\n    .toUpperCase()\n    .replace(/[^A-Z0-9]+/g, '_')\n    .replace(/^_+|_+$/g, '')\n    .slice(0, 64);\n\n  return /^[A-Z]/.test(code) ? code : '';\n}\n\n/** A reason code in words: its label, or \"counted short\" for a custom one. */\nexport function reasonText(code: string | undefined | null): string {\n  if (!code) return '';\n\n  const known = REJECT_REASONS.find((r) => r.value === code);\n\n  return known ? known.label : code.replaceAll('_', ' ').toLowerCase();\n}\n\nexport const OWN_PROPOSAL = 'A different admin has to approve your proposal';\n\n/** True when this browser recorded the current admin as the proposal's maker. */\nexport function isOwnProposal(\n  list: LocalProposal[],\n  id: string,\n  adminId: string | null,\n): boolean {\n  if (!adminId) return false;\n\n  return list.some((p) => p.id === id && p.makerId === adminId);\n}\n"],"mappings":"AAEO,MAAM,iBAAiB;AAAA,EAC5B,EAAE,OAAO,yBAAyB,OAAO,iCAAiC;AAAA,EAC1E,EAAE,OAAO,mBAAmB,OAAO,qCAAqC;AAAA,EACxE,EAAE,OAAO,gBAAgB,OAAO,wBAAwB;AAAA,EACxD,EAAE,OAAO,kBAAkB,OAAO,iBAAiB;AAAA,EACnD,EAAE,OAAO,sBAAsB,OAAO,mCAAmC;AAAA,EACzE,EAAE,OAAO,qBAAqB,OAAO,wBAAwB;AAAA,EAC7D,EAAE,OAAO,SAAS,OAAO,QAAQ;AACnC;AAGO,SAAS,aAAa,MAAsB;AACjD,QAAM,OAAO,KACV,KAAK,EACL,YAAY,EACZ,QAAQ,eAAe,GAAG,EAC1B,QAAQ,YAAY,EAAE,EACtB,MAAM,GAAG,EAAE;AAEd,SAAO,SAAS,KAAK,IAAI,IAAI,OAAO;AACtC;AAGO,SAAS,WAAW,MAAyC;AAClE,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,QAAQ,eAAe,KAAK,CAAC,MAAM,EAAE,UAAU,IAAI;AAEzD,SAAO,QAAQ,MAAM,QAAQ,KAAK,WAAW,KAAK,GAAG,EAAE,YAAY;AACrE;AAEO,MAAM,eAAe;AAGrB,SAAS,cACd,MACA,IACA,SACS;AACT,MAAI,CAAC,QAAS,QAAO;AAErB,SAAO,KAAK,KAAK,CAAC,MAAM,EAAE,OAAO,MAAM,EAAE,YAAY,OAAO;AAC9D;","names":[]}

package/dist/admin/_money/save-csv.js

@@ -0,0 +1,12 @@
+function saveCsv(text, name) {
+  const url = URL.createObjectURL(new Blob([text], { type: "text/csv" }));
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = name;
+  link.click();
+  URL.revokeObjectURL(url);
+}
+export {
+  saveCsv
+};
+//# sourceMappingURL=save-csv.js.map

package/dist/admin/_money/save-csv.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/save-csv.ts"],"sourcesContent":["/** Hands the browser a CSV to save, under `name`. */\nexport function saveCsv(text: string, name: string) {\n  const url = URL.createObjectURL(new Blob([text], { type: 'text/csv' }));\n  const link = document.createElement('a');\n\n  link.href = url;\n  link.download = name;\n  link.click();\n  URL.revokeObjectURL(url);\n}\n"],"mappings":"AACO,SAAS,QAAQ,MAAc,MAAc;AAClD,QAAM,MAAM,IAAI,gBAAgB,IAAI,KAAK,CAAC,IAAI,GAAG,EAAE,MAAM,WAAW,CAAC,CAAC;AACtE,QAAM,OAAO,SAAS,cAAc,GAAG;AAEvC,OAAK,OAAO;AACZ,OAAK,WAAW;AAChB,OAAK,MAAM;AACX,MAAI,gBAAgB,GAAG;AACzB;","names":[]}

package/dist/admin/_money/skeleton-rows.js

@@ -0,0 +1,10 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { Skeleton } from "../_ui";
+function SkeletonRows({ columns }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: 6 }, (_, r) => /* @__PURE__ */ jsx("tr", { "aria-hidden": true, children: Array.from({ length: columns }, (_2, c) => /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Skeleton, { width: `${50 + (r + c) % 3 * 15}%` }) }, c)) }, r)) });
+}
+export {
+  SkeletonRows
+};
+//# sourceMappingURL=skeleton-rows.js.map

package/dist/admin/_money/skeleton-rows.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/skeleton-rows.tsx"],"sourcesContent":["'use client';\n\nimport { Skeleton } from '../_ui';\n\n/** Placeholder rows shaped like the table they stand in for. */\nexport function SkeletonRows({ columns }: { columns: number }) {\n  return (\n    <>\n      {Array.from({ length: 6 }, (_, r) => (\n        <tr key={r} aria-hidden>\n          {Array.from({ length: columns }, (_, c) => (\n            <td key={c}>\n              <Skeleton width={`${50 + ((r + c) % 3) * 15}%`} />\n            </td>\n          ))}\n        </tr>\n      ))}\n    </>\n  );\n}\n"],"mappings":";AAOI,mBAKU,WALV;AALJ,SAAS,gBAAgB;AAGlB,SAAS,aAAa,EAAE,QAAQ,GAAwB;AAC7D,SACE,gCACG,gBAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,MAC7B,oBAAC,QAAW,eAAW,MACpB,gBAAM,KAAK,EAAE,QAAQ,QAAQ,GAAG,CAACA,IAAG,MACnC,oBAAC,QACC,8BAAC,YAAS,OAAO,GAAG,MAAO,IAAI,KAAK,IAAK,EAAE,KAAK,KADzC,CAET,CACD,KALM,CAMT,CACD,GACH;AAEJ;","names":["_"]}

package/dist/admin/_money/statement-export.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { OverflowItem, OverflowMenu, useToast } from "@withpotter/ui-kit";
+import { adminLedgerApi } from "@withpotter/lib/admin-ledger-api";
+import { saveCsv } from "./save-csv";
+import {
+  csvFilename,
+  isNotOnServer,
+  ledgerErrorText,
+  NOT_ON_SERVER
+} from "./ledger";
+import styles from "./ledger.module.css";
+function StatementExport({
+  tenantId,
+  business,
+  query
+}) {
+  const { toast } = useToast();
+  const [exporting, setExporting] = useState(false);
+  const [missing, setMissing] = useState(false);
+  async function exportCsv() {
+    if (!query) return;
+    setExporting(true);
+    try {
+      const csv = await adminLedgerApi.exportStatement(tenantId, query);
+      saveCsv(
+        csv ?? "",
+        csvFilename(business, query.currency, query.from, query.to)
+      );
+    } catch (e) {
+      if (isNotOnServer(e)) setMissing(true);
+      else
+        toast({
+          title: ledgerErrorText(e, "export"),
+          variant: "destructive"
+        });
+    } finally {
+      setExporting(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: styles.chosenActions, children: [
+    missing && /* @__PURE__ */ jsx("span", { className: styles.quiet, children: NOT_ON_SERVER }),
+    /* @__PURE__ */ jsx(OverflowMenu, { label: "Statement actions", align: "end", children: /* @__PURE__ */ jsx(
+      OverflowItem,
+      {
+        onClick: () => void exportCsv(),
+        disabled: !query || exporting || missing,
+        children: exporting ? "Exporting\u2026" : "Export CSV"
+      }
+    ) })
+  ] });
+}
+export {
+  StatementExport
+};
+//# sourceMappingURL=statement-export.js.map

package/dist/admin/_money/statement-export.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/statement-export.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { OverflowItem, OverflowMenu, useToast } from '@withpotter/ui-kit';\nimport { adminLedgerApi, type StatementQuery } from '@withpotter/lib/admin-ledger-api';\nimport { saveCsv } from './save-csv';\nimport {\n  csvFilename,\n  isNotOnServer,\n  ledgerErrorText,\n  NOT_ON_SERVER,\n} from './ledger';\nimport styles from './ledger.module.css';\n\n/**\n * Export CSV behind the ⋯, as every export in the app is. A server with the\n * export switched off answers 404: that is said quietly beside the menu,\n * not raised as a failure.\n */\nexport function StatementExport({\n  tenantId,\n  business,\n  query,\n}: {\n  tenantId: string;\n  business: string;\n  query: StatementQuery | null;\n}) {\n  const { toast } = useToast();\n  const [exporting, setExporting] = useState(false);\n  const [missing, setMissing] = useState(false);\n\n  async function exportCsv() {\n    if (!query) return;\n\n    setExporting(true);\n\n    try {\n      const csv = await adminLedgerApi.exportStatement(tenantId, query);\n\n      saveCsv(\n        csv ?? '',\n        csvFilename(business, query.currency, query.from, query.to),\n      );\n    } catch (e) {\n      if (isNotOnServer(e)) setMissing(true);\n      else\n        toast({\n          title: ledgerErrorText(e, 'export'),\n          variant: 'destructive',\n        });\n    } finally {\n      setExporting(false);\n    }\n  }\n\n  return (\n    <div className={styles.chosenActions}>\n      {missing && <span className={styles.quiet}>{NOT_ON_SERVER}</span>}\n      <OverflowMenu label=\"Statement actions\" align=\"end\">\n        <OverflowItem\n          onClick={() => void exportCsv()}\n          disabled={!query || exporting || missing}\n        >\n          {exporting ? 'Exporting…' : 'Export CSV'}\n        </OverflowItem>\n      </OverflowMenu>\n    </div>\n  );\n}\n"],"mappings":";AAyDI,SACc,KADd;AAvDJ,SAAS,gBAAgB;AACzB,SAAS,cAAc,cAAc,gBAAgB;AACrD,SAAS,sBAA2C;AACpD,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,YAAY;AAOZ,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,iBAAe,YAAY;AACzB,QAAI,CAAC,MAAO;AAEZ,iBAAa,IAAI;AAEjB,QAAI;AACF,YAAM,MAAM,MAAM,eAAe,gBAAgB,UAAU,KAAK;AAEhE;AAAA,QACE,OAAO;AAAA,QACP,YAAY,UAAU,MAAM,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA,MAC5D;AAAA,IACF,SAAS,GAAG;AACV,UAAI,cAAc,CAAC,EAAG,YAAW,IAAI;AAAA;AAEnC,cAAM;AAAA,UACJ,OAAO,gBAAgB,GAAG,QAAQ;AAAA,UAClC,SAAS;AAAA,QACX,CAAC;AAAA,IACL,UAAE;AACA,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAW,OAAO,eACpB;AAAA,eAAW,oBAAC,UAAK,WAAW,OAAO,OAAQ,yBAAc;AAAA,IAC1D,oBAAC,gBAAa,OAAM,qBAAoB,OAAM,OAC5C;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM,KAAK,UAAU;AAAA,QAC9B,UAAU,CAAC,SAAS,aAAa;AAAA,QAEhC,sBAAY,oBAAe;AAAA;AAAA,IAC9B,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/_money/tenant-param.js

@@ -0,0 +1,26 @@
+"use client";
+import { useCallback } from "react";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+const TENANT_PARAM = "tenant";
+function useTenantParam() {
+  const router = useRouter();
+  const pathname = usePathname();
+  const search = useSearchParams();
+  const tenantId = search.get(TENANT_PARAM) ?? "";
+  const setTenantId = useCallback(
+    (next) => {
+      const params = new URLSearchParams(search.toString());
+      if (next) params.set(TENANT_PARAM, next);
+      else params.delete(TENANT_PARAM);
+      const qs = params.toString();
+      router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });
+    },
+    [pathname, router, search]
+  );
+  return [tenantId, setTenantId];
+}
+export {
+  TENANT_PARAM,
+  useTenantParam
+};
+//# sourceMappingURL=tenant-param.js.map

package/dist/admin/_money/tenant-param.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/tenant-param.ts"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation';\n\nexport const TENANT_PARAM = 'tenant';\n\n/** `?tenant=<id>`, kept beside the tab param so the view can be linked. */\nexport function useTenantParam() {\n  const router = useRouter();\n  const pathname = usePathname();\n  const search = useSearchParams();\n  const tenantId = search.get(TENANT_PARAM) ?? '';\n\n  const setTenantId = useCallback(\n    (next: string | null) => {\n      const params = new URLSearchParams(search.toString());\n\n      if (next) params.set(TENANT_PARAM, next);\n      else params.delete(TENANT_PARAM);\n\n      const qs = params.toString();\n\n      router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });\n    },\n    [pathname, router, search],\n  );\n\n  return [tenantId, setTenantId] as const;\n}\n"],"mappings":";AAEA,SAAS,mBAAmB;AAC5B,SAAS,aAAa,WAAW,uBAAuB;AAEjD,MAAM,eAAe;AAGrB,SAAS,iBAAiB;AAC/B,QAAM,SAAS,UAAU;AACzB,QAAM,WAAW,YAAY;AAC7B,QAAM,SAAS,gBAAgB;AAC/B,QAAM,WAAW,OAAO,IAAI,YAAY,KAAK;AAE7C,QAAM,cAAc;AAAA,IAClB,CAAC,SAAwB;AACvB,YAAM,SAAS,IAAI,gBAAgB,OAAO,SAAS,CAAC;AAEpD,UAAI,KAAM,QAAO,IAAI,cAAc,IAAI;AAAA,UAClC,QAAO,OAAO,YAAY;AAE/B,YAAM,KAAK,OAAO,SAAS;AAE3B,aAAO,QAAQ,KAAK,GAAG,QAAQ,IAAI,EAAE,KAAK,UAAU,EAAE,QAAQ,MAAM,CAAC;AAAA,IACvE;AAAA,IACA,CAAC,UAAU,QAAQ,MAAM;AAAA,EAC3B;AAEA,SAAO,CAAC,UAAU,WAAW;AAC/B;","names":[]}

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

@@ -0,0 +1,47 @@
+"use client";
+import { useInfiniteQuery, useQuery } from "@tanstack/react-query";
+import {
+  adminLedgerApi
+} from "@withpotter/lib/admin-ledger-api";
+import { ACTIVITY_LIMIT, nextCursor } from "./ledger";
+const KEY = ["platform-admin", "money", "ledger"];
+function useLedgerWallet(tenantId) {
+  return useQuery({
+    queryKey: [...KEY, tenantId, "wallet"],
+    queryFn: () => adminLedgerApi.wallet(tenantId),
+    // The ledger tab reads it before a business is picked, for its filter.
+    enabled: !!tenantId,
+    retry: false
+  });
+}
+function useLedgerActivity(tenantId) {
+  return useInfiniteQuery({
+    queryKey: [...KEY, tenantId, "activity"],
+    queryFn: ({ pageParam }) => adminLedgerApi.activity(tenantId, ACTIVITY_LIMIT, pageParam),
+    initialPageParam: void 0,
+    getNextPageParam: (last) => nextCursor(last),
+    retry: false
+  });
+}
+function useLedgerStatement(tenantId, query) {
+  return useQuery({
+    queryKey: [...KEY, tenantId, "statement", query],
+    queryFn: () => adminLedgerApi.statement(tenantId, query),
+    enabled: !!query,
+    retry: false
+  });
+}
+function useLedgerHolds(tenantId) {
+  return useQuery({
+    queryKey: [...KEY, tenantId, "restrictions"],
+    queryFn: () => adminLedgerApi.restrictions(tenantId),
+    retry: false
+  });
+}
+export {
+  useLedgerActivity,
+  useLedgerHolds,
+  useLedgerStatement,
+  useLedgerWallet
+};
+//# sourceMappingURL=use-ledger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/use-ledger.ts"],"sourcesContent":["'use client';\n\nimport { useInfiniteQuery, useQuery } from '@tanstack/react-query';\nimport {\n  adminLedgerApi,\n  type ActivityCursor,\n  type StatementQuery,\n} from '@withpotter/lib/admin-ledger-api';\nimport { ACTIVITY_LIMIT, nextCursor } from './ledger';\n\nconst KEY = ['platform-admin', 'money', 'ledger'];\n\n/**\n * The Ledger tab's reads. No automatic retries: until the routes\n * are live the server answers 404, and each part says so at once with Retry.\n */\nexport function useLedgerWallet(tenantId: string) {\n  return useQuery({\n    queryKey: [...KEY, tenantId, 'wallet'],\n    queryFn: () => adminLedgerApi.wallet(tenantId),\n    // The ledger tab reads it before a business is picked, for its filter.\n    enabled: !!tenantId,\n    retry: false,\n  });\n}\n\n/** Newest first, fifty at a time; \"Load more\" asks after the last entry. */\nexport function useLedgerActivity(tenantId: string) {\n  return useInfiniteQuery({\n    queryKey: [...KEY, tenantId, 'activity'],\n    queryFn: ({ pageParam }) =>\n      adminLedgerApi.activity(tenantId, ACTIVITY_LIMIT, pageParam),\n    initialPageParam: undefined as ActivityCursor | undefined,\n    getNextPageParam: (last) => nextCursor(last),\n    retry: false,\n  });\n}\n\n/** Only asked for once the window is one the API will take. */\nexport function useLedgerStatement(\n  tenantId: string,\n  query: StatementQuery | null,\n) {\n  return useQuery({\n    queryKey: [...KEY, tenantId, 'statement', query],\n    queryFn: () => adminLedgerApi.statement(tenantId, query as StatementQuery),\n    enabled: !!query,\n    retry: false,\n  });\n}\n\nexport function useLedgerHolds(tenantId: string) {\n  return useQuery({\n    queryKey: [...KEY, tenantId, 'restrictions'],\n    queryFn: () => adminLedgerApi.restrictions(tenantId),\n    retry: false,\n  });\n}\n"],"mappings":";AAEA,SAAS,kBAAkB,gBAAgB;AAC3C;AAAA,EACE;AAAA,OAGK;AACP,SAAS,gBAAgB,kBAAkB;AAE3C,MAAM,MAAM,CAAC,kBAAkB,SAAS,QAAQ;AAMzC,SAAS,gBAAgB,UAAkB;AAChD,SAAO,SAAS;AAAA,IACd,UAAU,CAAC,GAAG,KAAK,UAAU,QAAQ;AAAA,IACrC,SAAS,MAAM,eAAe,OAAO,QAAQ;AAAA;AAAA,IAE7C,SAAS,CAAC,CAAC;AAAA,IACX,OAAO;AAAA,EACT,CAAC;AACH;AAGO,SAAS,kBAAkB,UAAkB;AAClD,SAAO,iBAAiB;AAAA,IACtB,UAAU,CAAC,GAAG,KAAK,UAAU,UAAU;AAAA,IACvC,SAAS,CAAC,EAAE,UAAU,MACpB,eAAe,SAAS,UAAU,gBAAgB,SAAS;AAAA,IAC7D,kBAAkB;AAAA,IAClB,kBAAkB,CAAC,SAAS,WAAW,IAAI;AAAA,IAC3C,OAAO;AAAA,EACT,CAAC;AACH;AAGO,SAAS,mBACd,UACA,OACA;AACA,SAAO,SAAS;AAAA,IACd,UAAU,CAAC,GAAG,KAAK,UAAU,aAAa,KAAK;AAAA,IAC/C,SAAS,MAAM,eAAe,UAAU,UAAU,KAAuB;AAAA,IACzE,SAAS,CAAC,CAAC;AAAA,IACX,OAAO;AAAA,EACT,CAAC;AACH;AAEO,SAAS,eAAe,UAAkB;AAC/C,SAAO,SAAS;AAAA,IACd,UAAU,CAAC,GAAG,KAAK,UAAU,cAAc;AAAA,IAC3C,SAAS,MAAM,eAAe,aAAa,QAAQ;AAAA,IACnD,OAAO;AAAA,EACT,CAAC;AACH;","names":[]}

package/dist/admin/_money/waiting-proposals.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { Button } from "@withpotter/ui-kit/button";
+import { TableRow, TableShell, Th } from "@withpotter/ui-kit/table-shell";
+import { Tooltip } from "@withpotter/ui-kit/tooltip";
+import { formatMinor } from "@withpotter/lib/money-minor";
+import { adminMoneyApi } from "@withpotter/lib/admin-money-api";
+import { Panel } from "../_ui";
+import { age, day } from "./format";
+import { useMoneyPermissions } from "./permissions";
+import { OWN_PROPOSAL } from "./review-rules";
+import styles from "./cash.module.css";
+const CASH_PROPOSALS_KEY = ["platform-admin", "money", "cash-proposals"];
+const KIND = {
+  OPENING_CASH_FUNDING: "Opening cash",
+  OTC_CASH_DEPOSIT: "Over-the-counter deposit"
+};
+function WaitingProposals({
+  onReview
+}) {
+  const { adminId, approveHint } = useMoneyPermissions();
+  const waiting = useQuery({
+    queryKey: [...CASH_PROPOSALS_KEY, "PROPOSED"],
+    queryFn: () => adminMoneyApi.cashProposals("PROPOSED")
+  });
+  const rows = waiting.data ?? [];
+  return /* @__PURE__ */ jsx(
+    Panel,
+    {
+      title: "Waiting for approval",
+      count: waiting.isLoading ? void 0 : rows.length,
+      height: "auto",
+      flush: true,
+      children: waiting.isError ? /* @__PURE__ */ jsxs("p", { className: `adm-caption ${styles.empty}`, children: [
+        "The waiting postings could not be loaded.",
+        " ",
+        /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: () => waiting.refetch(), children: "Try again" })
+      ] }) : rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: `adm-caption ${styles.empty}`, children: waiting.isLoading ? "Loading\u2026" : "Cash postings another admin proposes appear here for you to approve." }) : /* @__PURE__ */ jsx(
+        TableShell,
+        {
+          bare: true,
+          density: "compact",
+          minWidth: 640,
+          head: /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx(Th, { scope: "col", children: "Posting" }),
+            /* @__PURE__ */ jsx(Th, { scope: "col", children: "Proposed by" }),
+            /* @__PURE__ */ jsx(Th, { scope: "col", align: "right", children: "Amount" }),
+            /* @__PURE__ */ jsx(Th, { scope: "col", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Actions" }) })
+          ] }),
+          children: rows.map((p) => {
+            const mine = !!adminId && p.makerId === adminId;
+            return /* @__PURE__ */ jsxs(TableRow, { children: [
+              /* @__PURE__ */ jsxs("td", { children: [
+                KIND[p.reasonCode] ?? "Cash posting",
+                /* @__PURE__ */ jsx("div", { className: "adm-caption", children: p.description })
+              ] }),
+              /* @__PURE__ */ jsxs("td", { children: [
+                mine ? "You" : p.makerEmail ?? "Another admin",
+                /* @__PURE__ */ jsxs("div", { className: "adm-caption", children: [
+                  day(p.proposedAt),
+                  " \xB7 ",
+                  age(p.proposedAt),
+                  " ago"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx("td", { className: styles.amount, style: { textAlign: "right" }, children: p.amountMinor && p.currency ? formatMinor(p.amountMinor, p.currency) : "\u2013" }),
+              /* @__PURE__ */ jsx("td", { style: { textAlign: "right" }, children: /* @__PURE__ */ jsx(Tooltip, { label: mine ? OWN_PROPOSAL : approveHint, children: /* @__PURE__ */ jsx("span", { tabIndex: mine ? 0 : void 0, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "sm",
+                  variant: "secondary",
+                  disabled: mine,
+                  onClick: () => onReview(p.id),
+                  children: "Review"
+                }
+              ) }) }) })
+            ] }, p.id);
+          })
+        }
+      )
+    }
+  );
+}
+export {
+  CASH_PROPOSALS_KEY,
+  WaitingProposals
+};
+//# sourceMappingURL=waiting-proposals.js.map

package/dist/admin/_money/waiting-proposals.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/waiting-proposals.tsx"],"sourcesContent":["'use client';\n\nimport { useQuery } from '@tanstack/react-query';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { TableRow, TableShell, Th } from '@withpotter/ui-kit/table-shell';\nimport { Tooltip } from '@withpotter/ui-kit/tooltip';\nimport { formatMinor } from '@withpotter/lib/money-minor';\nimport { adminMoneyApi } from '@withpotter/lib/admin-money-api';\nimport { Panel } from '../_ui';\nimport { age, day } from './format';\nimport { useMoneyPermissions } from './permissions';\nimport { OWN_PROPOSAL } from './review-rules';\nimport styles from './cash.module.css';\n\nexport const CASH_PROPOSALS_KEY = ['platform-admin', 'money', 'cash-proposals'];\n\nconst KIND: Record<string, string> = {\n  OPENING_CASH_FUNDING: 'Opening cash',\n  OTC_CASH_DEPOSIT: 'Over-the-counter deposit',\n};\n\n/**\n * Cash postings waiting for a second admin, oldest at the bottom as they\n * arrive. The maker sees their own as waiting, without a Review button.\n */\nexport function WaitingProposals({\n  onReview,\n}: {\n  onReview: (id: string) => void;\n}) {\n  const { adminId, approveHint } = useMoneyPermissions();\n  const waiting = useQuery({\n    queryKey: [...CASH_PROPOSALS_KEY, 'PROPOSED'],\n    queryFn: () => adminMoneyApi.cashProposals('PROPOSED'),\n  });\n  const rows = waiting.data ?? [];\n\n  return (\n    <Panel\n      title=\"Waiting for approval\"\n      count={waiting.isLoading ? undefined : rows.length}\n      height=\"auto\"\n      flush\n    >\n      {waiting.isError ? (\n        <p className={`adm-caption ${styles.empty}`}>\n          The waiting postings could not be loaded.{' '}\n          <Button size=\"sm\" variant=\"ghost\" onClick={() => waiting.refetch()}>\n            Try again\n          </Button>\n        </p>\n      ) : rows.length === 0 ? (\n        <p className={`adm-caption ${styles.empty}`}>\n          {waiting.isLoading\n            ? 'Loading…'\n            : 'Cash postings another admin proposes appear here for you to approve.'}\n        </p>\n      ) : (\n        <TableShell\n          bare\n          density=\"compact\"\n          minWidth={640}\n          head={\n            <tr>\n              <Th scope=\"col\">Posting</Th>\n              <Th scope=\"col\">Proposed by</Th>\n              <Th scope=\"col\" align=\"right\">\n                Amount\n              </Th>\n              <Th scope=\"col\">\n                <span className=\"sr-only\">Actions</span>\n              </Th>\n            </tr>\n          }\n        >\n          {rows.map((p) => {\n            const mine = !!adminId && p.makerId === adminId;\n\n            return (\n              <TableRow key={p.id}>\n                <td>\n                  {KIND[p.reasonCode] ?? 'Cash posting'}\n                  <div className=\"adm-caption\">{p.description}</div>\n                </td>\n                <td>\n                  {mine ? 'You' : (p.makerEmail ?? 'Another admin')}\n                  <div className=\"adm-caption\">\n                    {day(p.proposedAt)} · {age(p.proposedAt)} ago\n                  </div>\n                </td>\n                <td className={styles.amount} style={{ textAlign: 'right' }}>\n                  {p.amountMinor && p.currency\n                    ? formatMinor(p.amountMinor, p.currency)\n                    : '–'}\n                </td>\n                <td style={{ textAlign: 'right' }}>\n                  <Tooltip label={mine ? OWN_PROPOSAL : approveHint}>\n                    <span tabIndex={mine ? 0 : undefined}>\n                      <Button\n                        size=\"sm\"\n                        variant=\"secondary\"\n                        disabled={mine}\n                        onClick={() => onReview(p.id)}\n                      >\n                        Review\n                      </Button>\n                    </span>\n                  </Tooltip>\n                </td>\n              </TableRow>\n            );\n          })}\n        </TableShell>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":";AA6CQ,SAEE,KAFF;AA3CR,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,UAAU,YAAY,UAAU;AACzC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AACtB,SAAS,KAAK,WAAW;AACzB,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,OAAO,YAAY;AAEZ,MAAM,qBAAqB,CAAC,kBAAkB,SAAS,gBAAgB;AAE9E,MAAM,OAA+B;AAAA,EACnC,sBAAsB;AAAA,EACtB,kBAAkB;AACpB;AAMO,SAAS,iBAAiB;AAAA,EAC/B;AACF,GAEG;AACD,QAAM,EAAE,SAAS,YAAY,IAAI,oBAAoB;AACrD,QAAM,UAAU,SAAS;AAAA,IACvB,UAAU,CAAC,GAAG,oBAAoB,UAAU;AAAA,IAC5C,SAAS,MAAM,cAAc,cAAc,UAAU;AAAA,EACvD,CAAC;AACD,QAAM,OAAO,QAAQ,QAAQ,CAAC;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,QAAQ,YAAY,SAAY,KAAK;AAAA,MAC5C,QAAO;AAAA,MACP,OAAK;AAAA,MAEJ,kBAAQ,UACP,qBAAC,OAAE,WAAW,eAAe,OAAO,KAAK,IAAI;AAAA;AAAA,QACD;AAAA,QAC1C,oBAAC,UAAO,MAAK,MAAK,SAAQ,SAAQ,SAAS,MAAM,QAAQ,QAAQ,GAAG,uBAEpE;AAAA,SACF,IACE,KAAK,WAAW,IAClB,oBAAC,OAAE,WAAW,eAAe,OAAO,KAAK,IACtC,kBAAQ,YACL,kBACA,wEACN,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,SAAQ;AAAA,UACR,UAAU;AAAA,UACV,MACE,qBAAC,QACC;AAAA,gCAAC,MAAG,OAAM,OAAM,qBAAO;AAAA,YACvB,oBAAC,MAAG,OAAM,OAAM,yBAAW;AAAA,YAC3B,oBAAC,MAAG,OAAM,OAAM,OAAM,SAAQ,oBAE9B;AAAA,YACA,oBAAC,MAAG,OAAM,OACR,8BAAC,UAAK,WAAU,WAAU,qBAAO,GACnC;AAAA,aACF;AAAA,UAGD,eAAK,IAAI,CAAC,MAAM;AACf,kBAAM,OAAO,CAAC,CAAC,WAAW,EAAE,YAAY;AAExC,mBACE,qBAAC,YACC;AAAA,mCAAC,QACE;AAAA,qBAAK,EAAE,UAAU,KAAK;AAAA,gBACvB,oBAAC,SAAI,WAAU,eAAe,YAAE,aAAY;AAAA,iBAC9C;AAAA,cACA,qBAAC,QACE;AAAA,uBAAO,QAAS,EAAE,cAAc;AAAA,gBACjC,qBAAC,SAAI,WAAU,eACZ;AAAA,sBAAI,EAAE,UAAU;AAAA,kBAAE;AAAA,kBAAI,IAAI,EAAE,UAAU;AAAA,kBAAE;AAAA,mBAC3C;AAAA,iBACF;AAAA,cACA,oBAAC,QAAG,WAAW,OAAO,QAAQ,OAAO,EAAE,WAAW,QAAQ,GACvD,YAAE,eAAe,EAAE,WAChB,YAAY,EAAE,aAAa,EAAE,QAAQ,IACrC,UACN;AAAA,cACA,oBAAC,QAAG,OAAO,EAAE,WAAW,QAAQ,GAC9B,8BAAC,WAAQ,OAAO,OAAO,eAAe,aACpC,8BAAC,UAAK,UAAU,OAAO,IAAI,QACzB;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAQ;AAAA,kBACR,UAAU;AAAA,kBACV,SAAS,MAAM,SAAS,EAAE,EAAE;AAAA,kBAC7B;AAAA;AAAA,cAED,GACF,GACF,GACF;AAAA,iBA7Ba,EAAE,EA8BjB;AAAA,UAEJ,CAAC;AAAA;AAAA,MACH;AAAA;AAAA,EAEJ;AAEJ;","names":[]}