@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/tenants/[id]/commerce/owner-card.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge, Button, Tooltip } from "@withpotter/ui-kit";
+import { useOpenAsOwner } from "../../../_money/open-as-owner";
+import styles from "./money.module.css";
+function OwnerCard({
+  ownerAccountId,
+  ownerName
+}) {
+  const owner = useOpenAsOwner();
+  const disabled = !ownerAccountId || owner.isPending;
+  const open = () => {
+    if (!ownerAccountId) return;
+    owner.open(ownerAccountId, "see fulfilment and stock movements");
+  };
+  const button = /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "primary",
+      loading: owner.isPending,
+      disabled,
+      onClick: open,
+      children: "Open as owner"
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: styles.owner,
+      "aria-label": "Fulfilment and stock movements",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: styles.ownerText, children: [
+          /* @__PURE__ */ jsx("h2", { className: styles.ownerTitle, children: "Open as owner to see fulfilment and stock movements" }),
+          /* @__PURE__ */ jsxs("p", { className: styles.ownerSub, children: [
+            "Shipments, pick-ups and every stock adjustment live in the merchant\u2019s own dashboard",
+            ownerName ? `, opened as ${ownerName}` : "",
+            "."
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("ul", { className: styles.chips, "aria-label": "Available as owner", children: [
+          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: "Fulfilment" }) }),
+          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: "Stock movements" }) })
+        ] }),
+        ownerAccountId ? /* @__PURE__ */ jsxs("span", { className: styles.ownerAction, children: [
+          button,
+          owner.hint && /* @__PURE__ */ jsx("span", { className: styles.ownerHint, children: owner.hint })
+        ] }) : /* @__PURE__ */ jsx(Tooltip, { label: "This workspace has no owner account to open", children: /* @__PURE__ */ jsx("span", { tabIndex: 0, children: button }) })
+      ]
+    }
+  );
+}
+export {
+  OwnerCard
+};
+//# sourceMappingURL=owner-card.js.map

package/dist/admin/tenants/[id]/commerce/owner-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/commerce/owner-card.tsx"],"sourcesContent":["'use client';\n\nimport { Badge, Button, Tooltip } from '@withpotter/ui-kit';\nimport { useOpenAsOwner } from '../../../_money/open-as-owner';\nimport styles from './money.module.css';\n\n/**\n * Fulfilment changes and stock movements are only visible to the merchant,\n * so the way in is to open the dashboard as its owner.\n */\nexport function OwnerCard({\n  ownerAccountId,\n  ownerName,\n}: {\n  ownerAccountId: string | null;\n  ownerName: string | null;\n}) {\n  const owner = useOpenAsOwner();\n  const disabled = !ownerAccountId || owner.isPending;\n\n  const open = () => {\n    if (!ownerAccountId) return;\n    owner.open(ownerAccountId, 'see fulfilment and stock movements');\n  };\n\n  const button = (\n    <Button\n      variant=\"primary\"\n      loading={owner.isPending}\n      disabled={disabled}\n      onClick={open}\n    >\n      Open as owner\n    </Button>\n  );\n\n  return (\n    <section\n      className={styles.owner}\n      aria-label=\"Fulfilment and stock movements\"\n    >\n      <div className={styles.ownerText}>\n        <h2 className={styles.ownerTitle}>\n          Open as owner to see fulfilment and stock movements\n        </h2>\n        <p className={styles.ownerSub}>\n          Shipments, pick-ups and every stock adjustment live in the merchant’s\n          own dashboard\n          {ownerName ? `, opened as ${ownerName}` : ''}.\n        </p>\n      </div>\n      <ul className={styles.chips} aria-label=\"Available as owner\">\n        <li>\n          <Badge variant=\"secondary\">Fulfilment</Badge>\n        </li>\n        <li>\n          <Badge variant=\"secondary\">Stock movements</Badge>\n        </li>\n      </ul>\n      {ownerAccountId ? (\n        <span className={styles.ownerAction}>\n          {button}\n          {owner.hint && <span className={styles.ownerHint}>{owner.hint}</span>}\n        </span>\n      ) : (\n        <Tooltip label=\"This workspace has no owner account to open\">\n          <span tabIndex={0}>{button}</span>\n        </Tooltip>\n      )}\n    </section>\n  );\n}\n"],"mappings":";AA0BI,cAmBI,YAnBJ;AAxBJ,SAAS,OAAO,QAAQ,eAAe;AACvC,SAAS,sBAAsB;AAC/B,OAAO,YAAY;AAMZ,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQ,eAAe;AAC7B,QAAM,WAAW,CAAC,kBAAkB,MAAM;AAE1C,QAAM,OAAO,MAAM;AACjB,QAAI,CAAC,eAAgB;AACrB,UAAM,KAAK,gBAAgB,oCAAoC;AAAA,EACjE;AAEA,QAAM,SACJ;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS,MAAM;AAAA,MACf;AAAA,MACA,SAAS;AAAA,MACV;AAAA;AAAA,EAED;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,OAAO;AAAA,MAClB,cAAW;AAAA,MAEX;AAAA,6BAAC,SAAI,WAAW,OAAO,WACrB;AAAA,8BAAC,QAAG,WAAW,OAAO,YAAY,iEAElC;AAAA,UACA,qBAAC,OAAE,WAAW,OAAO,UAAU;AAAA;AAAA,YAG5B,YAAY,eAAe,SAAS,KAAK;AAAA,YAAG;AAAA,aAC/C;AAAA,WACF;AAAA,QACA,qBAAC,QAAG,WAAW,OAAO,OAAO,cAAW,sBACtC;AAAA,8BAAC,QACC,8BAAC,SAAM,SAAQ,aAAY,wBAAU,GACvC;AAAA,UACA,oBAAC,QACC,8BAAC,SAAM,SAAQ,aAAY,6BAAe,GAC5C;AAAA,WACF;AAAA,QACC,iBACC,qBAAC,UAAK,WAAW,OAAO,aACrB;AAAA;AAAA,UACA,MAAM,QAAQ,oBAAC,UAAK,WAAW,OAAO,WAAY,gBAAM,MAAK;AAAA,WAChE,IAEA,oBAAC,WAAQ,OAAM,+CACb,8BAAC,UAAK,UAAU,GAAI,kBAAO,GAC7B;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/admin/tenants/[id]/commerce/pill.module.css

@@ -0,0 +1,47 @@
+/* Status: a 6px dot plus text, no chip. The dot alone carries the status
+   colour, in the console's semantic tokens: green done, amber waiting, brand
+   blue moving, red failed. Nothing pulses. */
+
+.pill {
+  --pill: var(--text-muted);
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  max-width: 100%;
+  height: 20px;
+  color: var(--text-secondary);
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 16px;
+  white-space: nowrap;
+}
+
+.pill[data-tone='success'] {
+  --pill: var(--adm-ok);
+}
+
+.pill[data-tone='pending'] {
+  --pill: var(--adm-wait);
+}
+
+.pill[data-tone='failed'] {
+  --pill: var(--error);
+  color: color-mix(in srgb, var(--error) 80%, var(--text-primary));
+}
+
+.pill[data-tone='processing'] {
+  --pill: var(--brand-500);
+}
+
+.dot {
+  width: 6px;
+  height: 6px;
+  flex-shrink: 0;
+  border-radius: 999px;
+  background: var(--pill);
+}
+
+.text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/dist/admin/tenants/[id]/commerce/recent-orders.js

@@ -0,0 +1,98 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { TableRow, TableShell, Th } from "@withpotter/ui-kit";
+import { Panel, Skeleton } from "../../../_ui";
+import { moneyIn, shortDate } from "./format";
+import { OrderDrawer } from "./order-drawer";
+import { OrderPipeline } from "./order-pipeline";
+import { StatusPill } from "./status-pill";
+import styles from "./orders.module.css";
+function RecentOrders({
+  orders,
+  stats,
+  transactions,
+  loading,
+  statsLoading,
+  currency
+}) {
+  const [open, setOpen] = useState(null);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Panel,
+      {
+        title: "Orders",
+        count: stats?.total,
+        caption: stats ? `${stats.today.toLocaleString()} today` : void 0,
+        height: "calc(var(--adm-panel-h) + 120px)",
+        flush: true,
+        children: [
+          /* @__PURE__ */ jsx(OrderPipeline, { stats, loading: statsLoading }),
+          /* @__PURE__ */ jsx(
+            TableShell,
+            {
+              bare: true,
+              minWidth: 640,
+              density: "compact",
+              head: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx(Th, { children: "Order" }),
+                /* @__PURE__ */ jsx(Th, { children: "Customer" }),
+                /* @__PURE__ */ jsx(Th, { align: "right", children: "Total" }),
+                /* @__PURE__ */ jsx(Th, { children: "Payment" }),
+                /* @__PURE__ */ jsx(Th, { children: "Fulfilment" }),
+                /* @__PURE__ */ jsx(Th, { align: "right", children: "Placed" })
+              ] }),
+              children: loading ? Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ jsx("tr", { "aria-hidden": true, children: /* @__PURE__ */ jsx("td", { colSpan: 6, children: /* @__PURE__ */ jsx(Skeleton, { height: 20 }) }) }, i)) : orders.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 6, className: styles.emptyCell, children: "No orders yet. They show here as soon as a customer checks out." }) }) : orders.map((o) => /* @__PURE__ */ jsxs(
+                TableRow,
+                {
+                  active: open?.id === o.id,
+                  onClick: () => setOpen(o),
+                  children: [
+                    /* @__PURE__ */ jsx("td", { className: styles.mono, title: o.orderNumber, children: /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: styles.orderLink,
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          setOpen(o);
+                        },
+                        children: o.orderNumber
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: styles.truncate,
+                        title: o.customerName || o.customerEmail,
+                        children: o.customerName || o.customerEmail
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx("td", { className: styles.num, children: moneyIn(o.currency || currency, 2)(o.total) }),
+                    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(StatusPill, { status: o.paymentStatus }) }),
+                    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(StatusPill, { status: o.status }) }),
+                    /* @__PURE__ */ jsx("td", { className: styles.num, children: shortDate(o.createdAt) })
+                  ]
+                },
+                o.id
+              ))
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      OrderDrawer,
+      {
+        order: open,
+        transactions,
+        currency,
+        onClose: () => setOpen(null)
+      }
+    )
+  ] });
+}
+export {
+  RecentOrders
+};
+//# sourceMappingURL=recent-orders.js.map

package/dist/admin/tenants/[id]/commerce/recent-orders.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/commerce/recent-orders.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport type {\n  DashboardStats,\n  TenantActivityOrder,\n  Transaction,\n} from '@withpotter/lib/admin-api';\nimport { TableRow, TableShell, Th } from '@withpotter/ui-kit';\nimport { Panel, Skeleton } from '../../../_ui';\nimport { moneyIn, shortDate } from './format';\nimport { OrderDrawer } from './order-drawer';\nimport { OrderPipeline } from './order-pipeline';\nimport { StatusPill } from './status-pill';\nimport styles from './orders.module.css';\n\n/** The order pipeline over the latest orders; a row opens the order. */\nexport function RecentOrders({\n  orders,\n  stats,\n  transactions,\n  loading,\n  statsLoading,\n  currency,\n}: {\n  orders: TenantActivityOrder[];\n  stats: DashboardStats['orderStats'] | undefined;\n  transactions: Transaction[];\n  loading: boolean;\n  statsLoading: boolean;\n  currency: string;\n}) {\n  const [open, setOpen] = useState<TenantActivityOrder | null>(null);\n\n  return (\n    <>\n      <Panel\n        title=\"Orders\"\n        count={stats?.total}\n        caption={stats ? `${stats.today.toLocaleString()} today` : undefined}\n        height=\"calc(var(--adm-panel-h) + 120px)\"\n        flush\n      >\n        <OrderPipeline stats={stats} loading={statsLoading} />\n        <TableShell\n          bare\n          minWidth={640}\n          density=\"compact\"\n          head={\n            <tr>\n              <Th>Order</Th>\n              <Th>Customer</Th>\n              <Th align=\"right\">Total</Th>\n              <Th>Payment</Th>\n              <Th>Fulfilment</Th>\n              <Th align=\"right\">Placed</Th>\n            </tr>\n          }\n        >\n          {loading ? (\n            Array.from({ length: 5 }, (_, i) => (\n              <tr key={i} aria-hidden>\n                <td colSpan={6}>\n                  <Skeleton height={20} />\n                </td>\n              </tr>\n            ))\n          ) : orders.length === 0 ? (\n            <tr>\n              <td colSpan={6} className={styles.emptyCell}>\n                No orders yet. They show here as soon as a customer checks out.\n              </td>\n            </tr>\n          ) : (\n            orders.map((o) => (\n              <TableRow\n                key={o.id}\n                active={open?.id === o.id}\n                onClick={() => setOpen(o)}\n              >\n                <td className={styles.mono} title={o.orderNumber}>\n                  {/* The row opens on click; this is its keyboard way in. */}\n                  <button\n                    type=\"button\"\n                    className={styles.orderLink}\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      setOpen(o);\n                    }}\n                  >\n                    {o.orderNumber}\n                  </button>\n                </td>\n                <td>\n                  <span\n                    className={styles.truncate}\n                    title={o.customerName || o.customerEmail}\n                  >\n                    {o.customerName || o.customerEmail}\n                  </span>\n                </td>\n                <td className={styles.num}>\n                  {moneyIn(o.currency || currency, 2)(o.total)}\n                </td>\n                <td>\n                  <StatusPill status={o.paymentStatus} />\n                </td>\n                <td>\n                  <StatusPill status={o.status} />\n                </td>\n                <td className={styles.num}>{shortDate(o.createdAt)}</td>\n              </TableRow>\n            ))\n          )}\n        </TableShell>\n      </Panel>\n      <OrderDrawer\n        order={open}\n        transactions={transactions}\n        currency={currency}\n        onClose={() => setOpen(null)}\n      />\n    </>\n  );\n}\n"],"mappings":";AAmCI,mBAQI,KAMI,YAdR;AAjCJ,SAAS,gBAAgB;AAMzB,SAAS,UAAU,YAAY,UAAU;AACzC,SAAS,OAAO,gBAAgB;AAChC,SAAS,SAAS,iBAAiB;AACnC,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,OAAO,YAAY;AAGZ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAqC,IAAI;AAEjE,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,OAAO;AAAA,QACd,SAAS,QAAQ,GAAG,MAAM,MAAM,eAAe,CAAC,WAAW;AAAA,QAC3D,QAAO;AAAA,QACP,OAAK;AAAA,QAEL;AAAA,8BAAC,iBAAc,OAAc,SAAS,cAAc;AAAA,UACpD;AAAA,YAAC;AAAA;AAAA,cACC,MAAI;AAAA,cACJ,UAAU;AAAA,cACV,SAAQ;AAAA,cACR,MACE,qBAAC,QACC;AAAA,oCAAC,MAAG,mBAAK;AAAA,gBACT,oBAAC,MAAG,sBAAQ;AAAA,gBACZ,oBAAC,MAAG,OAAM,SAAQ,mBAAK;AAAA,gBACvB,oBAAC,MAAG,qBAAO;AAAA,gBACX,oBAAC,MAAG,wBAAU;AAAA,gBACd,oBAAC,MAAG,OAAM,SAAQ,oBAAM;AAAA,iBAC1B;AAAA,cAGD,oBACC,MAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,MAC5B,oBAAC,QAAW,eAAW,MACrB,8BAAC,QAAG,SAAS,GACX,8BAAC,YAAS,QAAQ,IAAI,GACxB,KAHO,CAIT,CACD,IACC,OAAO,WAAW,IACpB,oBAAC,QACC,8BAAC,QAAG,SAAS,GAAG,WAAW,OAAO,WAAW,6EAE7C,GACF,IAEA,OAAO,IAAI,CAAC,MACV;AAAA,gBAAC;AAAA;AAAA,kBAEC,QAAQ,MAAM,OAAO,EAAE;AAAA,kBACvB,SAAS,MAAM,QAAQ,CAAC;AAAA,kBAExB;AAAA,wCAAC,QAAG,WAAW,OAAO,MAAM,OAAO,EAAE,aAEnC;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAK;AAAA,wBACL,WAAW,OAAO;AAAA,wBAClB,SAAS,CAAC,MAAM;AACd,4BAAE,gBAAgB;AAClB,kCAAQ,CAAC;AAAA,wBACX;AAAA,wBAEC,YAAE;AAAA;AAAA,oBACL,GACF;AAAA,oBACA,oBAAC,QACC;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAW,OAAO;AAAA,wBAClB,OAAO,EAAE,gBAAgB,EAAE;AAAA,wBAE1B,YAAE,gBAAgB,EAAE;AAAA;AAAA,oBACvB,GACF;AAAA,oBACA,oBAAC,QAAG,WAAW,OAAO,KACnB,kBAAQ,EAAE,YAAY,UAAU,CAAC,EAAE,EAAE,KAAK,GAC7C;AAAA,oBACA,oBAAC,QACC,8BAAC,cAAW,QAAQ,EAAE,eAAe,GACvC;AAAA,oBACA,oBAAC,QACC,8BAAC,cAAW,QAAQ,EAAE,QAAQ,GAChC;AAAA,oBACA,oBAAC,QAAG,WAAW,OAAO,KAAM,oBAAU,EAAE,SAAS,GAAE;AAAA;AAAA;AAAA,gBAlC9C,EAAE;AAAA,cAmCT,CACD;AAAA;AAAA,UAEL;AAAA;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,SAAS,MAAM,QAAQ,IAAI;AAAA;AAAA,IAC7B;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/tenants/[id]/commerce/shell.module.css

@@ -0,0 +1,64 @@
+/* Items section shell: header, controls, states and table cells. */
+
+.panel {
+  min-width: 0;
+  overflow: hidden;
+  border-radius: var(--adm-card-radius);
+  background: var(--bg-base);
+  box-shadow: var(--adm-shadow-1);
+}
+
+.toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px 12px;
+  padding: 16px 20px;
+}
+
+.titleBlock {
+  flex: 1;
+  min-width: 160px;
+}
+
+.title,
+.caption {
+  margin: 0;
+  font-size: 13px;
+  line-height: 20px;
+  color: var(--text-secondary);
+}
+
+.state,
+.more {
+  padding: 0 20px 20px;
+}
+
+.more {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding-top: 4px;
+}
+
+.cellItem {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.cellName {
+  max-width: 280px;
+  overflow: hidden;
+  font-weight: 600;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.num {
+  text-align: right;
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+}

package/dist/admin/tenants/[id]/commerce/status-pill.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { humanize, toneOf } from "./format";
+import styles from "./pill.module.css";
+function StatusPill({
+  status,
+  label,
+  tone
+}) {
+  const t = tone ?? toneOf(status ?? "");
+  const text = label ?? humanize(status ?? "");
+  return /* @__PURE__ */ jsxs("span", { className: styles.pill, "data-tone": t, title: text, children: [
+    /* @__PURE__ */ jsx("span", { className: styles.dot, "aria-hidden": true }),
+    /* @__PURE__ */ jsx("span", { className: styles.text, children: text })
+  ] });
+}
+export {
+  StatusPill
+};
+//# sourceMappingURL=status-pill.js.map

package/dist/admin/tenants/[id]/commerce/status-pill.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/commerce/status-pill.tsx"],"sourcesContent":["import { humanize, toneOf, type PillTone } from './format';\nimport styles from './pill.module.css';\n\n/**\n * Status as a 6px dot plus words. The dot's colour says done, waiting,\n * moving or failed; nothing animates.\n */\nexport function StatusPill({\n  status,\n  label,\n  tone,\n}: {\n  status?: string;\n  label?: string;\n  tone?: PillTone;\n}) {\n  const t = tone ?? toneOf(status ?? '');\n  const text = label ?? humanize(status ?? '');\n\n  return (\n    <span className={styles.pill} data-tone={t} title={text}>\n      <span className={styles.dot} aria-hidden />\n      <span className={styles.text}>{text}</span>\n    </span>\n  );\n}\n"],"mappings":"AAoBI,SACE,KADF;AApBJ,SAAS,UAAU,cAA6B;AAChD,OAAO,YAAY;AAMZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,IAAI,QAAQ,OAAO,UAAU,EAAE;AACrC,QAAM,OAAO,SAAS,SAAS,UAAU,EAAE;AAE3C,SACE,qBAAC,UAAK,WAAW,OAAO,MAAM,aAAW,GAAG,OAAO,MACjD;AAAA,wBAAC,UAAK,WAAW,OAAO,KAAK,eAAW,MAAC;AAAA,IACzC,oBAAC,UAAK,WAAW,OAAO,MAAO,gBAAK;AAAA,KACtC;AAEJ;","names":[]}

package/dist/admin/tenants/[id]/commerce.js

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

package/dist/admin/tenants/[id]/copy-text.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Check, Copy } from "lucide-react";
+import styles from "./tenant-people.module.css";
+function CopyText({ value }) {
+  const [copied, setCopied] = useState(false);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: styles.copy,
+      title: "Copy",
+      onClick: () => {
+        navigator.clipboard?.writeText(value).then(() => {
+          setCopied(true);
+          setTimeout(() => setCopied(false), 1200);
+        }).catch(() => void 0);
+      },
+      children: [
+        /* @__PURE__ */ jsx("span", { className: styles.mono, children: value }),
+        copied ? /* @__PURE__ */ jsx(Check, { size: 13 }) : /* @__PURE__ */ jsx(Copy, { size: 13 })
+      ]
+    }
+  );
+}
+export {
+  CopyText
+};
+//# sourceMappingURL=copy-text.js.map

package/dist/admin/tenants/[id]/copy-text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/tenants/%5Bid%5D/copy-text.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Check, Copy } from 'lucide-react';\nimport styles from './tenant-people.module.css';\n\n/** A value with a one-click copy button, for codes and numbers. */\nexport function CopyText({ value }: { value: string }) {\n  const [copied, setCopied] = useState(false);\n\n  return (\n    <button\n      type=\"button\"\n      className={styles.copy}\n      title=\"Copy\"\n      onClick={() => {\n        // No clipboard on insecure origins or locked-down browsers.\n        navigator.clipboard\n          ?.writeText(value)\n          .then(() => {\n            setCopied(true);\n            setTimeout(() => setCopied(false), 1200);\n          })\n          .catch(() => undefined);\n      }}\n    >\n      <span className={styles.mono}>{value}</span>\n      {copied ? <Check size={13} /> : <Copy size={13} />}\n    </button>\n  );\n}\n"],"mappings":";AAWI,SAeE,KAfF;AATJ,SAAS,gBAAgB;AACzB,SAAS,OAAO,YAAY;AAC5B,OAAO,YAAY;AAGZ,SAAS,SAAS,EAAE,MAAM,GAAsB;AACrD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,OAAO;AAAA,MAClB,OAAM;AAAA,MACN,SAAS,MAAM;AAEb,kBAAU,WACN,UAAU,KAAK,EAChB,KAAK,MAAM;AACV,oBAAU,IAAI;AACd,qBAAW,MAAM,UAAU,KAAK,GAAG,IAAI;AAAA,QACzC,CAAC,EACA,MAAM,MAAM,MAAS;AAAA,MAC1B;AAAA,MAEA;AAAA,4BAAC,UAAK,WAAW,OAAO,MAAO,iBAAM;AAAA,QACpC,SAAS,oBAAC,SAAM,MAAM,IAAI,IAAK,oBAAC,QAAK,MAAM,IAAI;AAAA;AAAA;AAAA,EAClD;AAEJ;","names":[]}

package/dist/admin/tenants/[id]/merchant-ledger.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CurrencyFilter, currenciesIn } from "../../_ui";
+import { LedgerBody } from "../../_money/ledger-body";
+import { useMoneyPermissions } from "../../_money/permissions";
+import { useLedgerWallet } from "../../_money/use-ledger";
+function LedgerCurrencyFilter({
+  tenantId,
+  value,
+  onChange
+}) {
+  const wallet = useLedgerWallet(tenantId);
+  return /* @__PURE__ */ jsx(
+    CurrencyFilter,
+    {
+      value,
+      onChange,
+      currencies: currenciesIn(wallet.data?.balances.map((b) => b.currency))
+    }
+  );
+}
+function MerchantLedger({
+  tenantId,
+  business,
+  currency,
+  onCurrency
+}) {
+  const { readWalletHint } = useMoneyPermissions();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    readWalletHint && /* @__PURE__ */ jsx("p", { className: "adm-caption", children: readWalletHint }),
+    /* @__PURE__ */ jsx(
+      LedgerBody,
+      {
+        tenantId,
+        business,
+        currency,
+        onCurrency
+      },
+      tenantId
+    )
+  ] });
+}
+export {
+  LedgerCurrencyFilter,
+  MerchantLedger
+};
+//# sourceMappingURL=merchant-ledger.js.map

package/dist/admin/tenants/[id]/merchant-ledger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/tenants/%5Bid%5D/merchant-ledger.tsx"],"sourcesContent":["'use client';\n\nimport { CurrencyFilter, currenciesIn } from '../../_ui';\nimport { LedgerBody } from '../../_money/ledger-body';\nimport { useMoneyPermissions } from '../../_money/permissions';\nimport { useLedgerWallet } from '../../_money/use-ledger';\n\n/**\n * The currency filter for the merchant's ledger. Its choices are the\n * currencies the wallet holds, read from the same query the ledger uses.\n */\nexport function LedgerCurrencyFilter({\n  tenantId,\n  value,\n  onChange,\n}: {\n  tenantId: string;\n  value: string;\n  onChange: (currency: string) => void;\n}) {\n  const wallet = useLedgerWallet(tenantId);\n\n  return (\n    <CurrencyFilter\n      value={value}\n      onChange={onChange}\n      currencies={currenciesIn(wallet.data?.balances.map((b) => b.currency))}\n    />\n  );\n}\n\n/**\n * Merchant → Wallet → Money health: this business's wallet ledger, the\n * balances, recent entries, a statement for any window and the holds on it.\n * Amounts stay in their own currency; nothing is added across currencies.\n */\nexport function MerchantLedger({\n  tenantId,\n  business,\n  currency,\n  onCurrency,\n}: {\n  tenantId: string;\n  business: string;\n  /** The page's currency filter; '' shows every currency. */\n  currency: string;\n  onCurrency: (currency: string) => void;\n}) {\n  const { readWalletHint } = useMoneyPermissions();\n\n  return (\n    <div>\n      {readWalletHint && <p className=\"adm-caption\">{readWalletHint}</p>}\n      <LedgerBody\n        key={tenantId}\n        tenantId={tenantId}\n        business={business}\n        currency={currency}\n        onCurrency={onCurrency}\n      />\n    </div>\n  );\n}\n"],"mappings":";AAuBI,cA4BA,YA5BA;AArBJ,SAAS,gBAAgB,oBAAoB;AAC7C,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAMzB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,SAAS,gBAAgB,QAAQ;AAEvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,YAAY,aAAa,OAAO,MAAM,SAAS,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC;AAAA;AAAA,EACvE;AAEJ;AAOO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,EAAE,eAAe,IAAI,oBAAoB;AAE/C,SACE,qBAAC,SACE;AAAA,sBAAkB,oBAAC,OAAE,WAAU,eAAe,0BAAe;AAAA,IAC9D;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,MAJK;AAAA,IAKP;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/tenants/[id]/message-merchant-button.js

@@ -0,0 +1,38 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "@withpotter/ui-kit";
+import { useAdminSession } from "../../hooks";
+import { manageHint } from "../message-merchant";
+import { MessageMerchantDialog } from "./message-merchant-dialog";
+function MessageMerchantButton({
+  tenantId,
+  name
+}) {
+  const [open, setOpen] = useState(false);
+  const { data: session, isLoading } = useAdminSession();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "secondary",
+        title: isLoading ? void 0 : manageHint(session),
+        onClick: () => setOpen(true),
+        children: "Message merchant"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MessageMerchantDialog,
+      {
+        open,
+        tenantId,
+        name,
+        onClose: () => setOpen(false)
+      }
+    )
+  ] });
+}
+export {
+  MessageMerchantButton
+};
+//# sourceMappingURL=message-merchant-button.js.map

package/dist/admin/tenants/[id]/message-merchant-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/tenants/%5Bid%5D/message-merchant-button.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button } from '@withpotter/ui-kit';\nimport { useAdminSession } from '../../hooks';\nimport { manageHint } from '../message-merchant';\nimport { MessageMerchantDialog } from './message-merchant-dialog';\n\n/** The header action that opens a message to this merchant. */\nexport function MessageMerchantButton({\n  tenantId,\n  name,\n}: {\n  tenantId: string;\n  name: string;\n}) {\n  const [open, setOpen] = useState(false);\n  const { data: session, isLoading } = useAdminSession();\n\n  return (\n    <>\n      <Button\n        variant=\"secondary\"\n        title={isLoading ? undefined : manageHint(session)}\n        onClick={() => setOpen(true)}\n      >\n        Message merchant\n      </Button>\n      <MessageMerchantDialog\n        open={open}\n        tenantId={tenantId}\n        name={name}\n        onClose={() => setOpen(false)}\n      />\n    </>\n  );\n}\n"],"mappings":";AAoBI,mBACE,KADF;AAlBJ,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAG/B,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,EAAE,MAAM,SAAS,UAAU,IAAI,gBAAgB;AAErD,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAO,YAAY,SAAY,WAAW,OAAO;AAAA,QACjD,SAAS,MAAM,QAAQ,IAAI;AAAA,QAC5B;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS,MAAM,QAAQ,KAAK;AAAA;AAAA,IAC9B;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/tenants/[id]/message-merchant-dialog.js

@@ -0,0 +1,96 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import {
+  Banner,
+  Button,
+  FormDialog,
+  Input,
+  Textarea,
+  useToast
+} from "@withpotter/ui-kit";
+import { adminServiceOperationsApi } from "@withpotter/lib/admin-service-operations-api";
+import {
+  emptyMessage,
+  messageBody,
+  messageErrors,
+  sendErrorText,
+  sentToast
+} from "../message-merchant";
+function MessageMerchantDialog({
+  open,
+  tenantId,
+  name,
+  onClose
+}) {
+  const queryClient = useQueryClient();
+  const { toast } = useToast();
+  const [values, setValues] = useState(emptyMessage);
+  const [tried, setTried] = useState(false);
+  const send = useMutation({
+    mutationFn: () => adminServiceOperationsApi.createCase(messageBody(tenantId, values)),
+    onSuccess: (made) => {
+      void queryClient.invalidateQueries({
+        queryKey: ["platform-admin", "support"]
+      });
+      toast(sentToast(name, made));
+      close();
+    }
+  });
+  const errors = messageErrors(values);
+  const shown = tried ? errors : {};
+  const close = () => {
+    setValues(emptyMessage());
+    setTried(false);
+    send.reset();
+    onClose();
+  };
+  const submit = () => {
+    setTried(true);
+    if (send.isPending || Object.keys(errors).length > 0) return;
+    send.mutate();
+  };
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      open,
+      title: `Message ${name}`,
+      onClose: close,
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: close, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { loading: send.isPending, onClick: submit, children: "Send message" })
+      ] }),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+        send.isError && /* @__PURE__ */ jsx(Banner, { tone: "error", children: sendErrorText(send.error) }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: "Subject",
+            value: values.subject,
+            error: shown.subject,
+            onChange: (e) => setValues({ ...values, subject: e.target.value })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              label: "Message",
+              rows: 6,
+              value: values.message,
+              "aria-invalid": shown.message ? true : void 0,
+              onChange: (e) => setValues({ ...values, message: e.target.value })
+            }
+          ),
+          shown.message && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-xs text-[var(--error)]", children: shown.message }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-tertiary)]", children: "Arrives in the merchant's support inbox and by email. They can reply." })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  MessageMerchantDialog
+};
+//# sourceMappingURL=message-merchant-dialog.js.map

package/dist/admin/tenants/[id]/message-merchant-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/tenants/%5Bid%5D/message-merchant-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport {\n  Banner,\n  Button,\n  FormDialog,\n  Input,\n  Textarea,\n  useToast,\n} from '@withpotter/ui-kit';\nimport { adminServiceOperationsApi } from '@withpotter/lib/admin-service-operations-api';\nimport {\n  emptyMessage,\n  messageBody,\n  messageErrors,\n  sendErrorText,\n  sentToast,\n} from '../message-merchant';\n\n/**\n * A first message from an admin to one merchant. It becomes a support case,\n * so the merchant can answer and the thread lives where support already is.\n */\nexport function MessageMerchantDialog({\n  open,\n  tenantId,\n  name,\n  onClose,\n}: {\n  open: boolean;\n  tenantId: string;\n  name: string;\n  onClose: () => void;\n}) {\n  const queryClient = useQueryClient();\n  const { toast } = useToast();\n  const [values, setValues] = useState(emptyMessage);\n  const [tried, setTried] = useState(false);\n  const send = useMutation({\n    mutationFn: () =>\n      adminServiceOperationsApi.createCase(messageBody(tenantId, values)),\n    onSuccess: (made) => {\n      // Every support list, this merchant's own among them.\n      void queryClient.invalidateQueries({\n        queryKey: ['platform-admin', 'support'],\n      });\n      toast(sentToast(name, made));\n      close();\n    },\n  });\n  const errors = messageErrors(values);\n  const shown = tried ? errors : {};\n  // Closing discards what was typed, as the other dialogs here do.\n  const close = () => {\n    setValues(emptyMessage());\n    setTried(false);\n    send.reset();\n    onClose();\n  };\n  const submit = () => {\n    setTried(true);\n\n    if (send.isPending || Object.keys(errors).length > 0) return;\n\n    send.mutate();\n  };\n\n  return (\n    <FormDialog\n      open={open}\n      title={`Message ${name}`}\n      onClose={close}\n      footer={\n        <>\n          <Button variant=\"secondary\" onClick={close}>\n            Cancel\n          </Button>\n          <Button loading={send.isPending} onClick={submit}>\n            Send message\n          </Button>\n        </>\n      }\n    >\n      <div className=\"flex flex-col gap-4\">\n        {send.isError && (\n          <Banner tone=\"error\">{sendErrorText(send.error)}</Banner>\n        )}\n        <Input\n          label=\"Subject\"\n          value={values.subject}\n          error={shown.subject}\n          onChange={(e) => setValues({ ...values, subject: e.target.value })}\n        />\n        <div className=\"flex flex-col gap-1\">\n          <Textarea\n            label=\"Message\"\n            rows={6}\n            value={values.message}\n            aria-invalid={shown.message ? true : undefined}\n            onChange={(e) => setValues({ ...values, message: e.target.value })}\n          />\n          {shown.message && (\n            <p role=\"alert\" className=\"text-xs text-[var(--error)]\">\n              {shown.message}\n            </p>\n          )}\n          <p className=\"text-xs text-[var(--text-tertiary)]\">\n            Arrives in the merchant&apos;s support inbox and by email. They can\n            reply.\n          </p>\n        </div>\n      </div>\n    </FormDialog>\n  );\n}\n"],"mappings":";AA2EQ,mBACE,KADF;AAzER,SAAS,gBAAgB;AACzB,SAAS,aAAa,sBAAsB;AAC5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iCAAiC;AAC1C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAMA,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,YAAY;AACjD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,OAAO,YAAY;AAAA,IACvB,YAAY,MACV,0BAA0B,WAAW,YAAY,UAAU,MAAM,CAAC;AAAA,IACpE,WAAW,CAAC,SAAS;AAEnB,WAAK,YAAY,kBAAkB;AAAA,QACjC,UAAU,CAAC,kBAAkB,SAAS;AAAA,MACxC,CAAC;AACD,YAAM,UAAU,MAAM,IAAI,CAAC;AAC3B,YAAM;AAAA,IACR;AAAA,EACF,CAAC;AACD,QAAM,SAAS,cAAc,MAAM;AACnC,QAAM,QAAQ,QAAQ,SAAS,CAAC;AAEhC,QAAM,QAAQ,MAAM;AAClB,cAAU,aAAa,CAAC;AACxB,aAAS,KAAK;AACd,SAAK,MAAM;AACX,YAAQ;AAAA,EACV;AACA,QAAM,SAAS,MAAM;AACnB,aAAS,IAAI;AAEb,QAAI,KAAK,aAAa,OAAO,KAAK,MAAM,EAAE,SAAS,EAAG;AAEtD,SAAK,OAAO;AAAA,EACd;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,WAAW,IAAI;AAAA,MACtB,SAAS;AAAA,MACT,QACE,iCACE;AAAA,4BAAC,UAAO,SAAQ,aAAY,SAAS,OAAO,oBAE5C;AAAA,QACA,oBAAC,UAAO,SAAS,KAAK,WAAW,SAAS,QAAQ,0BAElD;AAAA,SACF;AAAA,MAGF,+BAAC,SAAI,WAAU,uBACZ;AAAA,aAAK,WACJ,oBAAC,UAAO,MAAK,SAAS,wBAAc,KAAK,KAAK,GAAE;AAAA,QAElD;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAO,OAAO;AAAA,YACd,OAAO,MAAM;AAAA,YACb,UAAU,CAAC,MAAM,UAAU,EAAE,GAAG,QAAQ,SAAS,EAAE,OAAO,MAAM,CAAC;AAAA;AAAA,QACnE;AAAA,QACA,qBAAC,SAAI,WAAU,uBACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,MAAM;AAAA,cACN,OAAO,OAAO;AAAA,cACd,gBAAc,MAAM,UAAU,OAAO;AAAA,cACrC,UAAU,CAAC,MAAM,UAAU,EAAE,GAAG,QAAQ,SAAS,EAAE,OAAO,MAAM,CAAC;AAAA;AAAA,UACnE;AAAA,UACC,MAAM,WACL,oBAAC,OAAE,MAAK,SAAQ,WAAU,+BACvB,gBAAM,SACT;AAAA,UAEF,oBAAC,OAAE,WAAU,uCAAsC,mFAGnD;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;","names":[]}