@withpotter/pages-admin 0.13.0-next.101

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

@@ -0,0 +1,56 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "@withpotter/ui-kit/button";
+import {
+  CurrencyFilter,
+  Drawer,
+  PageHeader,
+  currenciesIn,
+  useCurrencyParam
+} from "../_ui";
+import { TierPreviewTab } from "./tier-preview-tab";
+import { TiersTable } from "./tiers-table";
+import { useTiers } from "./use-tiers";
+function TiersWorkspace() {
+  const [previewing, setPreviewing] = useState(false);
+  const [editing, setEditing] = useState(null);
+  const [currency, setCurrency] = useCurrencyParam();
+  const tiers = useTiers();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title: "Payout limits",
+        description: "Per-currency limits by verification level.",
+        actions: /* @__PURE__ */ jsxs("div", { className: "adm-toolbar", children: [
+          /* @__PURE__ */ jsx(
+            CurrencyFilter,
+            {
+              value: currency,
+              onChange: setCurrency,
+              currencies: currenciesIn(tiers.data?.map((t) => t.currency))
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setPreviewing(true), children: "Preview a business" }),
+          /* @__PURE__ */ jsx(Button, { onClick: () => setEditing("new"), children: "New level" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(TiersTable, { editing, onEdit: setEditing, currency }),
+    /* @__PURE__ */ jsx(
+      Drawer,
+      {
+        open: previewing,
+        onClose: () => setPreviewing(false),
+        title: "Preview a business",
+        subtitle: "Which level this business lands on today, and what it is missing.",
+        children: /* @__PURE__ */ jsx(TierPreviewTab, {})
+      }
+    )
+  ] });
+}
+export {
+  TiersWorkspace
+};
+//# sourceMappingURL=tiers-workspace.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/payout-tiers/tiers-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button } from '@withpotter/ui-kit/button';\nimport type { PayoutTier } from '@withpotter/lib/admin-money-api';\nimport {\n  CurrencyFilter,\n  Drawer,\n  PageHeader,\n  currenciesIn,\n  useCurrencyParam,\n} from '../_ui';\nimport { TierPreviewTab } from './tier-preview-tab';\nimport { TiersTable } from './tiers-table';\nimport { useTiers } from './use-tiers';\n\n/**\n * How much a business may send out, by how far it is verified.\n *\n * This is configuration, not approved policy: nothing is seeded, and with no\n * tier a business resolves to \"verification required\". The preview tab\n * answers the question an admin actually asks: which tier would THIS\n * business get today, and what is it missing?\n */\nexport function TiersWorkspace() {\n  const [previewing, setPreviewing] = useState(false);\n  const [editing, setEditing] = useState<PayoutTier | 'new' | null>(null);\n  const [currency, setCurrency] = useCurrencyParam();\n  const tiers = useTiers();\n\n  return (\n    <>\n      <PageHeader\n        title=\"Payout limits\"\n        description=\"Per-currency limits by verification level.\"\n        actions={\n          <div className=\"adm-toolbar\">\n            <CurrencyFilter\n              value={currency}\n              onChange={setCurrency}\n              currencies={currenciesIn(tiers.data?.map((t) => t.currency))}\n            />\n            <Button variant=\"secondary\" onClick={() => setPreviewing(true)}>\n              Preview a business\n            </Button>\n            <Button onClick={() => setEditing('new')}>New level</Button>\n          </div>\n        }\n      />\n      <TiersTable editing={editing} onEdit={setEditing} currency={currency} />\n      <Drawer\n        open={previewing}\n        onClose={() => setPreviewing(false)}\n        title=\"Preview a business\"\n        subtitle=\"Which level this business lands on today, and what it is missing.\"\n      >\n        <TierPreviewTab />\n      </Drawer>\n    </>\n  );\n}\n"],"mappings":";AA+BI,mBAMQ,KADF,YALN;AA7BJ,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAUlB,SAAS,iBAAiB;AAC/B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAoC,IAAI;AACtE,QAAM,CAAC,UAAU,WAAW,IAAI,iBAAiB;AACjD,QAAM,QAAQ,SAAS;AAEvB,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SACE,qBAAC,SAAI,WAAU,eACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV,YAAY,aAAa,MAAM,MAAM,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC;AAAA;AAAA,UAC7D;AAAA,UACA,oBAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,cAAc,IAAI,GAAG,gCAEhE;AAAA,UACA,oBAAC,UAAO,SAAS,MAAM,WAAW,KAAK,GAAG,uBAAS;AAAA,WACrD;AAAA;AAAA,IAEJ;AAAA,IACA,oBAAC,cAAW,SAAkB,QAAQ,YAAY,UAAoB;AAAA,IACtE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS,MAAM,cAAc,KAAK;AAAA,QAClC,OAAM;AAAA,QACN,UAAS;AAAA,QAET,8BAAC,kBAAe;AAAA;AAAA,IAClB;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,14 @@
+import { useQuery } from "@tanstack/react-query";
+import { adminMoneyApi } from "@withpotter/lib/admin-money-api";
+const TIERS_KEY = ["platform-admin", "money", "payout-tiers"];
+function useTiers() {
+  return useQuery({
+    queryKey: TIERS_KEY,
+    queryFn: () => adminMoneyApi.listTiers()
+  });
+}
+export {
+  TIERS_KEY,
+  useTiers
+};
+//# sourceMappingURL=use-tiers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/payout-tiers/use-tiers.ts"],"sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { adminMoneyApi } from '@withpotter/lib/admin-money-api';\n\nexport const TIERS_KEY = ['platform-admin', 'money', 'payout-tiers'];\n\n/** Every payout tier; both tabs read it, so they share one request. */\nexport function useTiers() {\n  return useQuery({\n    queryKey: TIERS_KEY,\n    queryFn: () => adminMoneyApi.listTiers(),\n  });\n}\n"],"mappings":"AAAA,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAEvB,MAAM,YAAY,CAAC,kBAAkB,SAAS,cAAc;AAG5D,SAAS,WAAW;AACzB,SAAO,SAAS;AAAA,IACd,UAAU;AAAA,IACV,SAAS,MAAM,cAAc,UAAU;AAAA,EACzC,CAAC;AACH;","names":[]}

package/dist/admin/pos/page.js

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

package/dist/admin/pos/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pos/page.tsx"],"sourcesContent":["'use client';\n\nimport { Suspense } from 'react';\nimport { PosWorkspace } from './pos-workspace';\n\n/** The tabs and the business filter read the search params. */\nexport default function Page() {\n  return (\n    <Suspense>\n      <PosWorkspace />\n    </Suspense>\n  );\n}\n"],"mappings":";AASM;AAPN,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAGd,SAAR,OAAwB;AAC7B,SACE,oBAAC,YACC,8BAAC,gBAAa,GAChB;AAEJ;","names":[]}

package/dist/admin/pos/pos-workspace.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { EmptyNote } from "@withpotter/ui-kit";
+import {
+  AdmLoading,
+  CurrencyFilter,
+  PageHeader,
+  PageTabs,
+  currenciesIn,
+  useCurrencyParam,
+  useTabParam
+} from "../_ui";
+import { PosFigures } from "../_pos/pos-figures";
+import { usePosAccess } from "../_pos/use-pos-access";
+import { usePosPeriod } from "../_pos/use-pos-period";
+import { usePosSummary } from "../_pos/use-pos";
+import { ShiftsTab } from "./shifts-tab";
+import { TerminalsTab } from "./terminals-tab";
+const TABS = [
+  { id: "terminals", label: "Terminals" },
+  { id: "shifts", label: "Shifts" }
+];
+const KEYS = TABS.map((t) => t.id);
+function PosWorkspace() {
+  const [tab, setTab] = useTabParam(KEYS);
+  const { isLoading, canRead } = usePosAccess();
+  const { period, phrase, control } = usePosPeriod();
+  const [currency, setCurrency] = useCurrencyParam();
+  const summary = usePosSummary(period, canRead);
+  const currencies = currenciesIn(
+    summary.data?.paymentsAmount.map((a) => a.currency)
+  );
+  if (isLoading) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading POS\u2026" });
+  if (!canRead)
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(PageHeader, { title: "POS" }),
+      /* @__PURE__ */ jsx(EmptyNote, { well: true, children: "You don't have permission to see POS." })
+    ] });
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title: "POS",
+        actions: /* @__PURE__ */ jsxs("div", { className: "adm-toolbar", children: [
+          /* @__PURE__ */ jsx(
+            CurrencyFilter,
+            {
+              value: currency,
+              onChange: setCurrency,
+              currencies
+            }
+          ),
+          control
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(PosFigures, { period, phrase, currency }),
+    /* @__PURE__ */ jsx(PageTabs, { tabs: TABS, active: tab, onChange: setTab }),
+    tab === "terminals" && /* @__PURE__ */ jsx(TerminalsTab, { period, currency }),
+    tab === "shifts" && /* @__PURE__ */ jsx(ShiftsTab, { currency })
+  ] });
+}
+export {
+  PosWorkspace
+};
+//# sourceMappingURL=pos-workspace.js.map

package/dist/admin/pos/pos-workspace.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pos/pos-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { EmptyNote } from '@withpotter/ui-kit';\nimport {\n  AdmLoading,\n  CurrencyFilter,\n  PageHeader,\n  PageTabs,\n  currenciesIn,\n  useCurrencyParam,\n  useTabParam,\n} from '../_ui';\nimport { PosFigures } from '../_pos/pos-figures';\nimport { usePosAccess } from '../_pos/use-pos-access';\nimport { usePosPeriod } from '../_pos/use-pos-period';\nimport { usePosSummary } from '../_pos/use-pos';\nimport { ShiftsTab } from './shifts-tab';\nimport { TerminalsTab } from './terminals-tab';\n\n/**\n * Box's POS page has an Orders tab for hardware orders. Olive sells no\n * terminals through the admin, so it has no such tab.\n */\nconst TABS = [\n  { id: 'terminals', label: 'Terminals' },\n  { id: 'shifts', label: 'Shifts' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/**\n * POS across every business: the fleet's figures, then every terminal and\n * every till shift. A terminal opens on its own page.\n */\nexport function PosWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const { isLoading, canRead } = usePosAccess();\n  const { period, phrase, control } = usePosPeriod();\n  const [currency, setCurrency] = useCurrencyParam();\n  // The figures' own request (one shared query): its currencies are the\n  // filter's choices.\n  const summary = usePosSummary(period, canRead);\n  const currencies = currenciesIn(\n    summary.data?.paymentsAmount.map((a) => a.currency),\n  );\n\n  if (isLoading) return <AdmLoading label=\"Loading POS…\" />;\n\n  if (!canRead)\n    return (\n      <div>\n        <PageHeader title=\"POS\" />\n        <EmptyNote well>{\"You don't have permission to see POS.\"}</EmptyNote>\n      </div>\n    );\n\n  return (\n    <div>\n      <PageHeader\n        title=\"POS\"\n        actions={\n          <div className=\"adm-toolbar\">\n            <CurrencyFilter\n              value={currency}\n              onChange={setCurrency}\n              currencies={currencies}\n            />\n            {control}\n          </div>\n        }\n      />\n      <PosFigures period={period} phrase={phrase} currency={currency} />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n      {tab === 'terminals' && (\n        <TerminalsTab period={period} currency={currency} />\n      )}\n      {tab === 'shifts' && <ShiftsTab currency={currency} />}\n    </div>\n  );\n}\n"],"mappings":";AA8CwB,cAIlB,YAJkB;AA5CxB,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAM7B,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,aAAa,OAAO,YAAY;AAAA,EACtC,EAAE,IAAI,UAAU,OAAO,SAAS;AAClC;AAEA,MAAM,OAAO,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AAM1B,SAAS,eAAe;AAC7B,QAAM,CAAC,KAAK,MAAM,IAAI,YAAY,IAAI;AACtC,QAAM,EAAE,WAAW,QAAQ,IAAI,aAAa;AAC5C,QAAM,EAAE,QAAQ,QAAQ,QAAQ,IAAI,aAAa;AACjD,QAAM,CAAC,UAAU,WAAW,IAAI,iBAAiB;AAGjD,QAAM,UAAU,cAAc,QAAQ,OAAO;AAC7C,QAAM,aAAa;AAAA,IACjB,QAAQ,MAAM,eAAe,IAAI,CAAC,MAAM,EAAE,QAAQ;AAAA,EACpD;AAEA,MAAI,UAAW,QAAO,oBAAC,cAAW,OAAM,qBAAe;AAEvD,MAAI,CAAC;AACH,WACE,qBAAC,SACC;AAAA,0BAAC,cAAW,OAAM,OAAM;AAAA,MACxB,oBAAC,aAAU,MAAI,MAAE,mDAAwC;AAAA,OAC3D;AAGJ,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SACE,qBAAC,SAAI,WAAU,eACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV;AAAA;AAAA,UACF;AAAA,UACC;AAAA,WACH;AAAA;AAAA,IAEJ;AAAA,IACA,oBAAC,cAAW,QAAgB,QAAgB,UAAoB;AAAA,IAChE,oBAAC,YAAS,MAAM,MAAM,QAAQ,KAAK,UAAU,QAAQ;AAAA,IACpD,QAAQ,eACP,oBAAC,gBAAa,QAAgB,UAAoB;AAAA,IAEnD,QAAQ,YAAY,oBAAC,aAAU,UAAoB;AAAA,KACtD;AAEJ;","names":[]}

package/dist/admin/pos/shifts-tab.js

@@ -0,0 +1,111 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, RemovableChip } from "@withpotter/ui-kit";
+import { POS_PAGE_SIZE } from "@withpotter/lib/admin-pos-query";
+import { FilterPress, FilterSelect, Filters } from "../_ui";
+import { ListPager } from "../_ui/list-card";
+import { LONG_OPEN_HOURS } from "../_pos/pos-rules";
+import { SHIFT_STATUS_LABEL } from "../_pos/pos-words";
+import { ShiftsTable } from "../_pos/shifts-table";
+import { usePosShifts } from "../_pos/use-pos";
+import { useTenantParam } from "../_pos/use-tenant-param";
+const STATUS_OPTIONS = [
+  { value: "", label: "Any status" },
+  ...Object.entries(SHIFT_STATUS_LABEL).map(([value, label]) => ({
+    value,
+    label
+  }))
+];
+function ShiftsTab({ currency = "" }) {
+  const [tenantId, setTenantId] = useTenantParam();
+  const [status, setStatus] = useState("");
+  const [longOpen, setLongOpen] = useState(false);
+  const [page, setPage] = useState(1);
+  const filters = {
+    status: longOpen ? "open" : status,
+    openOverHours: longOpen ? LONG_OPEN_HOURS : void 0,
+    tenantId: tenantId || void 0,
+    page,
+    limit: POS_PAGE_SIZE
+  };
+  const { data, isLoading, isError, error, refetch } = usePosShifts(filters);
+  const narrowed = !!(status || longOpen || tenantId);
+  const reset = (fn) => {
+    fn();
+    setPage(1);
+  };
+  return /* @__PURE__ */ jsx(
+    ShiftsTable,
+    {
+      title: "Shifts",
+      rows: data?.data,
+      total: data?.total,
+      withBusiness: true,
+      currency,
+      isLoading,
+      isError,
+      error,
+      onRetry: () => void refetch(),
+      emptyTitle: narrowed ? "No shifts match." : "No shifts yet.",
+      controls: /* @__PURE__ */ jsxs(Filters, { label: "Filter shifts", children: [
+        tenantId && /* @__PURE__ */ jsx(
+          RemovableChip,
+          {
+            onRemove: () => reset(() => setTenantId("")),
+            removeLabel: "Show every business",
+            children: "One business"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          FilterPress,
+          {
+            on: longOpen,
+            onToggle: () => reset(() => setLongOpen((v) => !v)),
+            children: [
+              "Open over ",
+              LONG_OPEN_HOURS,
+              " hours"
+            ]
+          }
+        ),
+        !longOpen && /* @__PURE__ */ jsx(
+          FilterSelect,
+          {
+            label: "Status",
+            value: status,
+            onChange: (v) => reset(() => setStatus(v)),
+            options: STATUS_OPTIONS
+          }
+        ),
+        narrowed && /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            variant: "secondary",
+            onClick: () => reset(() => {
+              setStatus("");
+              setLongOpen(false);
+              setTenantId("");
+            }),
+            children: "Clear filters"
+          }
+        )
+      ] }),
+      footer: data && data.total > 0 ? /* @__PURE__ */ jsx(
+        ListPager,
+        {
+          page,
+          totalPages: Math.max(1, data.totalPages),
+          total: data.total,
+          noun: data.total === 1 ? "shift" : "shifts",
+          onPage: setPage
+        }
+      ) : void 0
+    }
+  );
+}
+export {
+  ShiftsTab
+};
+//# sourceMappingURL=shifts-tab.js.map

package/dist/admin/pos/shifts-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pos/shifts-tab.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button, RemovableChip } from '@withpotter/ui-kit';\nimport { POS_PAGE_SIZE, type ShiftFilters } from '@withpotter/lib/admin-pos-query';\nimport type { PosShiftStatus } from '@withpotter/lib/admin-pos-types';\nimport { FilterPress, FilterSelect, Filters } from '../_ui';\nimport { ListPager } from '../_ui/list-card';\nimport { LONG_OPEN_HOURS } from '../_pos/pos-rules';\nimport { SHIFT_STATUS_LABEL } from '../_pos/pos-words';\nimport { ShiftsTable } from '../_pos/shifts-table';\nimport { usePosShifts } from '../_pos/use-pos';\nimport { useTenantParam } from '../_pos/use-tenant-param';\n\nconst STATUS_OPTIONS = [\n  { value: '', label: 'Any status' },\n  ...Object.entries(SHIFT_STATUS_LABEL).map(([value, label]) => ({\n    value,\n    label,\n  })),\n];\n\n/** Open and recent shifts across every business, newest first. */\nexport function ShiftsTab({ currency = '' }: { currency?: string }) {\n  const [tenantId, setTenantId] = useTenantParam();\n  const [status, setStatus] = useState<PosShiftStatus | ''>('');\n  const [longOpen, setLongOpen] = useState(false);\n  const [page, setPage] = useState(1);\n  const filters: ShiftFilters = {\n    status: longOpen ? 'open' : status,\n    openOverHours: longOpen ? LONG_OPEN_HOURS : undefined,\n    tenantId: tenantId || undefined,\n    page,\n    limit: POS_PAGE_SIZE,\n  };\n  const { data, isLoading, isError, error, refetch } = usePosShifts(filters);\n  const narrowed = !!(status || longOpen || tenantId);\n  const reset = (fn: () => void) => {\n    fn();\n    setPage(1);\n  };\n\n  return (\n    <ShiftsTable\n      title=\"Shifts\"\n      rows={data?.data}\n      total={data?.total}\n      withBusiness\n      currency={currency}\n      isLoading={isLoading}\n      isError={isError}\n      error={error}\n      onRetry={() => void refetch()}\n      emptyTitle={narrowed ? 'No shifts match.' : 'No shifts yet.'}\n      controls={\n        <Filters label=\"Filter shifts\">\n          {tenantId && (\n            <RemovableChip\n              onRemove={() => reset(() => setTenantId(''))}\n              removeLabel=\"Show every business\"\n            >\n              One business\n            </RemovableChip>\n          )}\n          <FilterPress\n            on={longOpen}\n            onToggle={() => reset(() => setLongOpen((v) => !v))}\n          >\n            Open over {LONG_OPEN_HOURS} hours\n          </FilterPress>\n          {!longOpen && (\n            <FilterSelect\n              label=\"Status\"\n              value={status}\n              onChange={(v) => reset(() => setStatus(v as PosShiftStatus | ''))}\n              options={STATUS_OPTIONS}\n            />\n          )}\n          {narrowed && (\n            <Button\n              size=\"sm\"\n              variant=\"secondary\"\n              onClick={() =>\n                reset(() => {\n                  setStatus('');\n                  setLongOpen(false);\n                  setTenantId('');\n                })\n              }\n            >\n              Clear filters\n            </Button>\n          )}\n        </Filters>\n      }\n      footer={\n        data && data.total > 0 ? (\n          <ListPager\n            page={page}\n            totalPages={Math.max(1, data.totalPages)}\n            total={data.total}\n            noun={data.total === 1 ? 'shift' : 'shifts'}\n            onPage={setPage}\n          />\n        ) : undefined\n      }\n    />\n  );\n}\n"],"mappings":";AAyDY,cAOF,YAPE;AAvDZ,SAAS,gBAAgB;AACzB,SAAS,QAAQ,qBAAqB;AACtC,SAAS,qBAAwC;AAEjD,SAAS,aAAa,cAAc,eAAe;AACnD,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAE/B,MAAM,iBAAiB;AAAA,EACrB,EAAE,OAAO,IAAI,OAAO,aAAa;AAAA,EACjC,GAAG,OAAO,QAAQ,kBAAkB,EAAE,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO;AAAA,IAC7D;AAAA,IACA;AAAA,EACF,EAAE;AACJ;AAGO,SAAS,UAAU,EAAE,WAAW,GAAG,GAA0B;AAClE,QAAM,CAAC,UAAU,WAAW,IAAI,eAAe;AAC/C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA8B,EAAE;AAC5D,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,UAAwB;AAAA,IAC5B,QAAQ,WAAW,SAAS;AAAA,IAC5B,eAAe,WAAW,kBAAkB;AAAA,IAC5C,UAAU,YAAY;AAAA,IACtB;AAAA,IACA,OAAO;AAAA,EACT;AACA,QAAM,EAAE,MAAM,WAAW,SAAS,OAAO,QAAQ,IAAI,aAAa,OAAO;AACzE,QAAM,WAAW,CAAC,EAAE,UAAU,YAAY;AAC1C,QAAM,QAAQ,CAAC,OAAmB;AAChC,OAAG;AACH,YAAQ,CAAC;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,MAAM,MAAM;AAAA,MACZ,OAAO,MAAM;AAAA,MACb,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,KAAK,QAAQ;AAAA,MAC5B,YAAY,WAAW,qBAAqB;AAAA,MAC5C,UACE,qBAAC,WAAQ,OAAM,iBACZ;AAAA,oBACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,MAAM,MAAM,MAAM,YAAY,EAAE,CAAC;AAAA,YAC3C,aAAY;AAAA,YACb;AAAA;AAAA,QAED;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,UAAU,MAAM,MAAM,MAAM,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;AAAA,YACnD;AAAA;AAAA,cACY;AAAA,cAAgB;AAAA;AAAA;AAAA,QAC7B;AAAA,QACC,CAAC,YACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,MAAM,MAAM,UAAU,CAAwB,CAAC;AAAA,YAChE,SAAS;AAAA;AAAA,QACX;AAAA,QAED,YACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAS,MACP,MAAM,MAAM;AACV,wBAAU,EAAE;AACZ,0BAAY,KAAK;AACjB,0BAAY,EAAE;AAAA,YAChB,CAAC;AAAA,YAEJ;AAAA;AAAA,QAED;AAAA,SAEJ;AAAA,MAEF,QACE,QAAQ,KAAK,QAAQ,IACnB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,YAAY,KAAK,IAAI,GAAG,KAAK,UAAU;AAAA,UACvC,OAAO,KAAK;AAAA,UACZ,MAAM,KAAK,UAAU,IAAI,UAAU;AAAA,UACnC,QAAQ;AAAA;AAAA,MACV,IACE;AAAA;AAAA,EAER;AAEJ;","names":[]}

package/dist/admin/pos/terminal-row.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ExternalLink, Filter } from "lucide-react";
+import {
+  OverflowItem,
+  OverflowMenu,
+  TableRow,
+  Th
+} from "@withpotter/ui-kit";
+import list from "../_ui/list-card.module.css";
+import rows from "../accounts/rows.module.css";
+import { MoneyLines, OnlineState, TerminalStatus } from "../_pos/pos-parts";
+import { businessHref, terminalHref } from "../_pos/shift-row";
+import { useTerminalActions } from "../_pos/terminal-actions";
+import { atTime, cardLine, count } from "../_pos/pos-words";
+import styles from "../_pos/pos.module.css";
+const terminalColumns = (withBusiness) => withBusiness ? 7 : 6;
+function TerminalHead({ withBusiness }) {
+  return /* @__PURE__ */ jsxs("tr", { children: [
+    /* @__PURE__ */ jsx(Th, { children: "Terminal" }),
+    /* @__PURE__ */ jsx(Th, { children: "Online" }),
+    withBusiness && /* @__PURE__ */ jsx(Th, { children: "Business" }),
+    /* @__PURE__ */ jsx(Th, { children: "Status" }),
+    /* @__PURE__ */ jsx(Th, { align: "right", children: "Card payments" }),
+    /* @__PURE__ */ jsx(Th, { children: "Last sale" }),
+    /* @__PURE__ */ jsx(Th, { align: "right", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Actions" }) })
+  ] });
+}
+function TerminalRow({
+  t,
+  onOpen,
+  onOnlyBusiness,
+  currency = ""
+}) {
+  const { items, dialog } = useTerminalActions(t);
+  const card = cardLine(t);
+  return /* @__PURE__ */ jsxs(TableRow, { onClick: onOpen, children: [
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("span", { className: rows.identityText, children: [
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: terminalHref(t.id),
+          className: `${rows.primary} ${styles.clip}`,
+          title: t.label,
+          onClick: (e) => e.stopPropagation(),
+          children: t.label
+        }
+      ),
+      card && /* @__PURE__ */ jsx("span", { className: rows.secondary, children: card })
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(OnlineState, { terminal: t }) }),
+    onOnlyBusiness && /* @__PURE__ */ jsx("td", { className: list.nowrap, children: /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: businessHref(t.tenant.id),
+        className: `text-brand-500 hover:underline ${styles.clip}`,
+        title: t.tenant.name,
+        onClick: (e) => e.stopPropagation(),
+        children: t.tenant.name || "Unnamed business"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("td", { className: list.nowrap, children: /* @__PURE__ */ jsx(TerminalStatus, { status: t.status }) }),
+    /* @__PURE__ */ jsx("td", { className: list.num, children: /* @__PURE__ */ jsxs("span", { className: styles.cellStack, children: [
+      /* @__PURE__ */ jsx(
+        MoneyLines,
+        {
+          amounts: t.paymentsInPeriod.amounts,
+          currency,
+          empty: "None"
+        }
+      ),
+      t.paymentsInPeriod.count > 0 && /* @__PURE__ */ jsxs("span", { className: styles.subtle, children: [
+        count(t.paymentsInPeriod.count, "payment"),
+        currency ? ", every currency" : ""
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: t.lastSaleAt ? atTime(t.lastSaleAt) : /* @__PURE__ */ jsx("span", { className: list.dash, children: "Never" }) }),
+    /* @__PURE__ */ jsxs("td", { className: rows.menuCell, onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsxs(OverflowMenu, { label: `Actions for ${t.label}`, children: [
+        /* @__PURE__ */ jsx(OverflowItem, { icon: /* @__PURE__ */ jsx(ExternalLink, {}), onClick: onOpen, children: "Open terminal" }),
+        onOnlyBusiness ? /* @__PURE__ */ jsx(OverflowItem, { icon: /* @__PURE__ */ jsx(Filter, {}), onClick: onOnlyBusiness, children: "Only this business" }) : null,
+        items
+      ] }),
+      dialog
+    ] })
+  ] });
+}
+export {
+  TerminalHead,
+  TerminalRow,
+  terminalColumns
+};
+//# sourceMappingURL=terminal-row.js.map

package/dist/admin/pos/terminal-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pos/terminal-row.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { ExternalLink, Filter } from 'lucide-react';\nimport {\n  OverflowItem,\n  OverflowMenu,\n  TableRow,\n  Th,\n} from '@withpotter/ui-kit';\nimport type { PosTerminal } from '@withpotter/lib/admin-pos-types';\nimport list from '../_ui/list-card.module.css';\nimport rows from '../accounts/rows.module.css';\nimport { MoneyLines, OnlineState, TerminalStatus } from '../_pos/pos-parts';\nimport { businessHref, terminalHref } from '../_pos/shift-row';\nimport { useTerminalActions } from '../_pos/terminal-actions';\nimport { atTime, cardLine, count } from '../_pos/pos-words';\nimport styles from '../_pos/pos.module.css';\n\nexport const terminalColumns = (withBusiness: boolean) =>\n  withBusiness ? 7 : 6;\n\nexport function TerminalHead({ withBusiness }: { withBusiness: boolean }) {\n  return (\n    <tr>\n      <Th>Terminal</Th>\n      <Th>Online</Th>\n      {withBusiness && <Th>Business</Th>}\n      <Th>Status</Th>\n      <Th align=\"right\">Card payments</Th>\n      <Th>Last sale</Th>\n      <Th align=\"right\">\n        <span className=\"sr-only\">Actions</span>\n      </Th>\n    </tr>\n  );\n}\n\n/**\n * One terminal: what it is, whether it is online, whose it is, and what it\n * took in the period. The row opens the terminal; the menu acts on it.\n */\nexport function TerminalRow({\n  t,\n  onOpen,\n  onOnlyBusiness,\n  currency = '',\n}: {\n  t: PosTerminal;\n  onOpen: () => void;\n  /** The currency filter's choice; '' lists every currency. */\n  currency?: string;\n  /** Narrow the list to this terminal's business; absent on a business's own tab. */\n  onOnlyBusiness?: () => void;\n}) {\n  const { items, dialog } = useTerminalActions(t);\n  const card = cardLine(t);\n\n  return (\n    <TableRow onClick={onOpen}>\n      <td>\n        <span className={rows.identityText}>\n          <Link\n            href={terminalHref(t.id)}\n            className={`${rows.primary} ${styles.clip}`}\n            title={t.label}\n            onClick={(e) => e.stopPropagation()}\n          >\n            {t.label}\n          </Link>\n          {card && <span className={rows.secondary}>{card}</span>}\n        </span>\n      </td>\n      <td>\n        <OnlineState terminal={t} />\n      </td>\n      {onOnlyBusiness && (\n        <td className={list.nowrap}>\n          <Link\n            href={businessHref(t.tenant.id)}\n            className={`text-brand-500 hover:underline ${styles.clip}`}\n            title={t.tenant.name}\n            onClick={(e) => e.stopPropagation()}\n          >\n            {t.tenant.name || 'Unnamed business'}\n          </Link>\n        </td>\n      )}\n      <td className={list.nowrap}>\n        <TerminalStatus status={t.status} />\n      </td>\n      <td className={list.num}>\n        <span className={styles.cellStack}>\n          <MoneyLines\n            amounts={t.paymentsInPeriod.amounts}\n            currency={currency}\n            empty=\"None\"\n          />\n          {t.paymentsInPeriod.count > 0 && (\n            <span className={styles.subtle}>\n              {count(t.paymentsInPeriod.count, 'payment')}\n              {currency ? ', every currency' : ''}\n            </span>\n          )}\n        </span>\n      </td>\n      <td className={`${list.nowrap} ${list.muted}`}>\n        {t.lastSaleAt ? atTime(t.lastSaleAt) : <span className={list.dash}>Never</span>}\n      </td>\n      <td className={rows.menuCell} onClick={(e) => e.stopPropagation()}>\n        <OverflowMenu label={`Actions for ${t.label}`}>\n          <OverflowItem icon={<ExternalLink />} onClick={onOpen}>\n            Open terminal\n          </OverflowItem>\n          {onOnlyBusiness ? (\n            <OverflowItem icon={<Filter />} onClick={onOnlyBusiness}>\n              Only this business\n            </OverflowItem>\n          ) : null}\n          {items}\n        </OverflowMenu>\n        {dialog}\n      </td>\n    </TableRow>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/pos/terminals/[id]/page.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Suspense, use } from "react";
+import { TerminalPage } from "./terminal-page";
+function Page({ params }) {
+  const { id } = use(params);
+  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(TerminalPage, { id }) });
+}
+export {
+  Page as default
+};
+//# sourceMappingURL=page.js.map

package/dist/admin/pos/terminals/[id]/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/pos/terminals/%5Bid%5D/page.tsx"],"sourcesContent":["'use client';\n\nimport { Suspense, use } from 'react';\nimport { TerminalPage } from './terminal-page';\n\nexport default function Page({ params }: { params: Promise<{ id: string }> }) {\n  const { id } = use(params);\n\n  return (\n    <Suspense>\n      <TerminalPage id={id} />\n    </Suspense>\n  );\n}\n"],"mappings":";AAUM;AARN,SAAS,UAAU,WAAW;AAC9B,SAAS,oBAAoB;AAEd,SAAR,KAAsB,EAAE,OAAO,GAAwC;AAC5E,QAAM,EAAE,GAAG,IAAI,IAAI,MAAM;AAEzB,SACE,oBAAC,YACC,8BAAC,gBAAa,IAAQ,GACxB;AAEJ;","names":[]}

package/dist/admin/pos/terminals/[id]/terminal-page.js

@@ -0,0 +1,119 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ArrowLeft } from "lucide-react";
+import { Banner, EmptyNote, OverflowMenu } from "@withpotter/ui-kit";
+import {
+  AdmLoading,
+  CurrencyFilter,
+  currenciesIn,
+  useCurrencyParam
+} from "../../../_ui";
+import { LoadError, OnlineState, TerminalStatus } from "../../../_pos/pos-parts";
+import { isNotFound } from "../../../_pos/pos-rules";
+import { cardLine, onDay } from "../../../_pos/pos-words";
+import { businessHref } from "../../../_pos/shift-row";
+import { ShiftsTable } from "../../../_pos/shifts-table";
+import { useTerminalActions } from "../../../_pos/terminal-actions";
+import { usePosShifts, usePosTerminal } from "../../../_pos/use-pos";
+import { usePosAccess } from "../../../_pos/use-pos-access";
+import { usePosPeriod } from "../../../_pos/use-pos-period";
+import pos from "../../../_pos/pos.module.css";
+import { TerminalMachine, TerminalPayments } from "./terminal-panels";
+import { TerminalHistory, TerminalPeople } from "./terminal-people";
+import styles from "./terminal.module.css";
+const Back = () => /* @__PURE__ */ jsxs(Link, { href: "/admin/pos", className: styles.back, children: [
+  /* @__PURE__ */ jsx(ArrowLeft, { size: 13 }),
+  " POS"
+] });
+function TerminalPage({ id }) {
+  const { isLoading: accessLoading, canRead } = usePosAccess();
+  const { period, phrase, control } = usePosPeriod();
+  const [currency, setCurrency] = useCurrencyParam();
+  const query = usePosTerminal(id, period, canRead);
+  const shifts = usePosShifts({ deviceId: id, limit: 10 }, canRead);
+  const t = query.data;
+  const { items, dialog } = useTerminalActions(t);
+  if (accessLoading || canRead && query.isLoading)
+    return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading terminal\u2026" });
+  if (!canRead)
+    return /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
+      /* @__PURE__ */ jsx(Back, {}),
+      /* @__PURE__ */ jsx(EmptyNote, { well: true, children: "You don't have permission to see POS terminals." })
+    ] });
+  if (query.isError || !t)
+    return /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
+      /* @__PURE__ */ jsx(Back, {}),
+      isNotFound(query.error) ? /* @__PURE__ */ jsx(EmptyNote, { well: true, children: "There is no such terminal." }) : /* @__PURE__ */ jsx(
+        LoadError,
+        {
+          error: query.error,
+          what: "this terminal",
+          onRetry: () => void query.refetch()
+        }
+      )
+    ] });
+  const card = cardLine(t);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("header", { className: styles.header, children: [
+      /* @__PURE__ */ jsx(Back, {}),
+      /* @__PURE__ */ jsxs("div", { className: styles.titleRow, children: [
+        /* @__PURE__ */ jsx("h1", { className: styles.title, children: t.label }),
+        /* @__PURE__ */ jsx(TerminalStatus, { status: t.status }),
+        /* @__PURE__ */ jsx(OnlineState, { terminal: t }),
+        /* @__PURE__ */ jsxs("div", { className: styles.actions, children: [
+          items.length > 0 && /* @__PURE__ */ jsx(OverflowMenu, { label: "Terminal actions", children: items }),
+          /* @__PURE__ */ jsx(
+            CurrencyFilter,
+            {
+              value: currency,
+              onChange: setCurrency,
+              currencies: currenciesIn(
+                t.paymentsInPeriod.amounts.map((a) => a.currency)
+              )
+            }
+          ),
+          control
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: styles.meta, children: [
+        /* @__PURE__ */ jsx(Link, { href: businessHref(t.tenant.id), className: "text-brand-500 hover:underline", children: t.tenant.name || "Unnamed business" }),
+        card && /* @__PURE__ */ jsx("span", { children: card }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Paired ",
+          onDay(t.enrolledAt)
+        ] })
+      ] })
+    ] }),
+    dialog,
+    /* @__PURE__ */ jsxs("div", { className: pos.stack, children: [
+      t.status === "revoked" && /* @__PURE__ */ jsx(Banner, { tone: "info", children: "Revoked. It cannot be resumed; its history and sales are kept." }),
+      t.status === "suspended" && /* @__PURE__ */ jsx(Banner, { tone: "warning", children: "Suspended. It cannot take payments until it is resumed." }),
+      /* @__PURE__ */ jsxs("div", { className: styles.grid, children: [
+        /* @__PURE__ */ jsx(TerminalMachine, { t }),
+        /* @__PURE__ */ jsx(TerminalPayments, { t, phrase, currency })
+      ] }),
+      /* @__PURE__ */ jsx(TerminalPeople, { t }),
+      /* @__PURE__ */ jsx(
+        ShiftsTable,
+        {
+          title: "Newest shifts",
+          rows: shifts.data?.data,
+          total: shifts.data?.total,
+          withBusiness: false,
+          currency,
+          isLoading: shifts.isLoading,
+          isError: shifts.isError,
+          error: shifts.error,
+          onRetry: () => void shifts.refetch(),
+          emptyTitle: "Nobody has opened a shift on it yet."
+        }
+      ),
+      /* @__PURE__ */ jsx(TerminalHistory, { id: t.id })
+    ] })
+  ] });
+}
+export {
+  TerminalPage
+};
+//# sourceMappingURL=terminal-page.js.map

package/dist/admin/pos/terminals/[id]/terminal-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/pos/terminals/%5Bid%5D/terminal-page.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { ArrowLeft } from 'lucide-react';\nimport { Banner, EmptyNote, OverflowMenu } from '@withpotter/ui-kit';\nimport {\n  AdmLoading,\n  CurrencyFilter,\n  currenciesIn,\n  useCurrencyParam,\n} from '../../../_ui';\nimport { LoadError, OnlineState, TerminalStatus } from '../../../_pos/pos-parts';\nimport { isNotFound } from '../../../_pos/pos-rules';\nimport { cardLine, onDay } from '../../../_pos/pos-words';\nimport { businessHref } from '../../../_pos/shift-row';\nimport { ShiftsTable } from '../../../_pos/shifts-table';\nimport { useTerminalActions } from '../../../_pos/terminal-actions';\nimport { usePosShifts, usePosTerminal } from '../../../_pos/use-pos';\nimport { usePosAccess } from '../../../_pos/use-pos-access';\nimport { usePosPeriod } from '../../../_pos/use-pos-period';\nimport pos from '../../../_pos/pos.module.css';\nimport { TerminalMachine, TerminalPayments } from './terminal-panels';\nimport { TerminalHistory, TerminalPeople } from './terminal-people';\nimport styles from './terminal.module.css';\n\nconst Back = () => (\n  <Link href=\"/admin/pos\" className={styles.back}>\n    <ArrowLeft size={13} /> POS\n  </Link>\n);\n\n/**\n * One terminal as a record: status and connection at the top, then the\n * machine and what it took, who may sign in, its shifts and what is on\n * record about it.\n */\nexport function TerminalPage({ id }: { id: string }) {\n  const { isLoading: accessLoading, canRead } = usePosAccess();\n  const { period, phrase, control } = usePosPeriod();\n  const [currency, setCurrency] = useCurrencyParam();\n  const query = usePosTerminal(id, period, canRead);\n  const shifts = usePosShifts({ deviceId: id, limit: 10 }, canRead);\n  const t = query.data;\n  const { items, dialog } = useTerminalActions(t);\n\n  if (accessLoading || (canRead && query.isLoading))\n    return <AdmLoading label=\"Loading terminal…\" />;\n\n  if (!canRead)\n    return (\n      <div className={styles.header}>\n        <Back />\n        <EmptyNote well>{\"You don't have permission to see POS terminals.\"}</EmptyNote>\n      </div>\n    );\n\n  if (query.isError || !t)\n    return (\n      <div className={styles.header}>\n        <Back />\n        {isNotFound(query.error) ? (\n          <EmptyNote well>There is no such terminal.</EmptyNote>\n        ) : (\n          <LoadError\n            error={query.error}\n            what=\"this terminal\"\n            onRetry={() => void query.refetch()}\n          />\n        )}\n      </div>\n    );\n\n  const card = cardLine(t);\n\n  return (\n    <div>\n      <header className={styles.header}>\n        <Back />\n        <div className={styles.titleRow}>\n          <h1 className={styles.title}>{t.label}</h1>\n          <TerminalStatus status={t.status} />\n          <OnlineState terminal={t} />\n          <div className={styles.actions}>\n            {items.length > 0 && (\n              <OverflowMenu label=\"Terminal actions\">{items}</OverflowMenu>\n            )}\n            <CurrencyFilter\n              value={currency}\n              onChange={setCurrency}\n              currencies={currenciesIn(\n                t.paymentsInPeriod.amounts.map((a) => a.currency),\n              )}\n            />\n            {control}\n          </div>\n        </div>\n        <div className={styles.meta}>\n          <Link href={businessHref(t.tenant.id)} className=\"text-brand-500 hover:underline\">\n            {t.tenant.name || 'Unnamed business'}\n          </Link>\n          {card && <span>{card}</span>}\n          <span>Paired {onDay(t.enrolledAt)}</span>\n        </div>\n      </header>\n      {dialog}\n\n      <div className={pos.stack}>\n        {t.status === 'revoked' && (\n          <Banner tone=\"info\">\n            Revoked. It cannot be resumed; its history and sales are kept.\n          </Banner>\n        )}\n        {t.status === 'suspended' && (\n          <Banner tone=\"warning\">\n            Suspended. It cannot take payments until it is resumed.\n          </Banner>\n        )}\n        <div className={styles.grid}>\n          <TerminalMachine t={t} />\n          <TerminalPayments t={t} phrase={phrase} currency={currency} />\n        </div>\n        <TerminalPeople t={t} />\n        <ShiftsTable\n          title=\"Newest shifts\"\n          rows={shifts.data?.data}\n          total={shifts.data?.total}\n          withBusiness={false}\n          currency={currency}\n          isLoading={shifts.isLoading}\n          isError={shifts.isError}\n          error={shifts.error}\n          onRetry={() => void shifts.refetch()}\n          emptyTitle=\"Nobody has opened a shift on it yet.\"\n        />\n        <TerminalHistory id={t.id} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/pos/terminals/[id]/terminal-panels.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Panel } from "../../../_ui";
+import { MoneyLines } from "../../../_pos/pos-parts";
+import { atTime, onDay } from "../../../_pos/pos-words";
+import pos from "../../../_pos/pos.module.css";
+import styles from "./terminal.module.css";
+function Facts({ rows }) {
+  return /* @__PURE__ */ jsx("dl", { className: pos.facts, children: rows.map(([k, v]) => /* @__PURE__ */ jsxs("div", { style: { display: "contents" }, children: [
+    /* @__PURE__ */ jsx("dt", { children: k }),
+    /* @__PURE__ */ jsx("dd", { children: v || /* @__PURE__ */ jsx("span", { className: pos.dash, children: "\u2013" }) })
+  ] }, k)) });
+}
+function TerminalMachine({ t }) {
+  const m = t.machine;
+  return /* @__PURE__ */ jsx(Panel, { title: "Machine", height: "auto", children: /* @__PURE__ */ jsxs("div", { className: styles.body, children: [
+    /* @__PURE__ */ jsx(
+      Facts,
+      {
+        rows: [
+          ["Last heard from", t.lastSeenAt ? atTime(t.lastSeenAt) : "Never"],
+          ["Paired", onDay(t.enrolledAt)],
+          ["Model", m?.model],
+          ["Serial", m?.serial],
+          ["System", m?.os],
+          ["App version", m?.appVersion]
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { className: pos.subtle, children: "As reported when it was paired." })
+  ] }) });
+}
+function TerminalPayments({
+  t,
+  phrase,
+  currency
+}) {
+  return /* @__PURE__ */ jsx(Panel, { title: "Card payments", caption: phrase, height: "auto", children: /* @__PURE__ */ jsx("div", { className: styles.body, children: /* @__PURE__ */ jsxs("dl", { className: pos.facts, children: [
+    /* @__PURE__ */ jsx("dt", { children: "Taken" }),
+    /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx(
+      MoneyLines,
+      {
+        amounts: t.paymentsInPeriod.amounts,
+        currency,
+        empty: "Nothing"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("dt", { children: currency ? "Payments, every currency" : "Payments" }),
+    /* @__PURE__ */ jsx("dd", { className: pos.num, children: t.paymentsInPeriod.count.toLocaleString("en-US") }),
+    /* @__PURE__ */ jsx("dt", { children: "Last sale" }),
+    /* @__PURE__ */ jsx("dd", { children: t.lastSaleAt ? atTime(t.lastSaleAt) : "Never" })
+  ] }) }) });
+}
+export {
+  TerminalMachine,
+  TerminalPayments
+};
+//# sourceMappingURL=terminal-panels.js.map

package/dist/admin/pos/terminals/[id]/terminal-panels.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/pos/terminals/%5Bid%5D/terminal-panels.tsx"],"sourcesContent":["'use client';\n\nimport type { PosTerminalDetail } from '@withpotter/lib/admin-pos-types';\nimport { Panel } from '../../../_ui';\nimport { MoneyLines } from '../../../_pos/pos-parts';\nimport { atTime, onDay } from '../../../_pos/pos-words';\nimport pos from '../../../_pos/pos.module.css';\nimport styles from './terminal.module.css';\n\nfunction Facts({ rows }: { rows: Array<[string, string | null | undefined]> }) {\n  return (\n    <dl className={pos.facts}>\n      {rows.map(([k, v]) => (\n        <div key={k} style={{ display: 'contents' }}>\n          <dt>{k}</dt>\n          <dd>{v || <span className={pos.dash}>–</span>}</dd>\n        </div>\n      ))}\n    </dl>\n  );\n}\n\n/**\n * The machine: when it was last heard from, when it paired, and what it\n * said about itself then. It does not send those details again.\n */\nexport function TerminalMachine({ t }: { t: PosTerminalDetail }) {\n  const m = t.machine;\n\n  return (\n    <Panel title=\"Machine\" height=\"auto\">\n      <div className={styles.body}>\n        <Facts\n          rows={[\n            ['Last heard from', t.lastSeenAt ? atTime(t.lastSeenAt) : 'Never'],\n            ['Paired', onDay(t.enrolledAt)],\n            ['Model', m?.model],\n            ['Serial', m?.serial],\n            ['System', m?.os],\n            ['App version', m?.appVersion],\n          ]}\n        />\n        <p className={pos.subtle}>As reported when it was paired.</p>\n      </div>\n    </Panel>\n  );\n}\n\n/** What it took in the period, per currency, and when it last took anything. */\nexport function TerminalPayments({\n  t,\n  phrase,\n  currency,\n}: {\n  t: PosTerminalDetail;\n  phrase: string;\n  /** The currency filter's choice; narrows the amount only. */\n  currency: string;\n}) {\n  return (\n    <Panel title=\"Card payments\" caption={phrase} height=\"auto\">\n      <div className={styles.body}>\n        <dl className={pos.facts}>\n          <dt>Taken</dt>\n          <dd>\n            <MoneyLines\n              amounts={t.paymentsInPeriod.amounts}\n              currency={currency}\n              empty=\"Nothing\"\n            />\n          </dd>\n          <dt>{currency ? 'Payments, every currency' : 'Payments'}</dt>\n          <dd className={pos.num}>{t.paymentsInPeriod.count.toLocaleString('en-US')}</dd>\n          <dt>Last sale</dt>\n          <dd>{t.lastSaleAt ? atTime(t.lastSaleAt) : 'Never'}</dd>\n        </dl>\n      </div>\n    </Panel>\n  );\n}\n"],"mappings":";AAaQ,SACE,KADF;AAVR,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAC3B,SAAS,QAAQ,aAAa;AAC9B,OAAO,SAAS;AAChB,OAAO,YAAY;AAEnB,SAAS,MAAM,EAAE,KAAK,GAAyD;AAC7E,SACE,oBAAC,QAAG,WAAW,IAAI,OAChB,eAAK,IAAI,CAAC,CAAC,GAAG,CAAC,MACd,qBAAC,SAAY,OAAO,EAAE,SAAS,WAAW,GACxC;AAAA,wBAAC,QAAI,aAAE;AAAA,IACP,oBAAC,QAAI,eAAK,oBAAC,UAAK,WAAW,IAAI,MAAM,oBAAC,GAAQ;AAAA,OAFtC,CAGV,CACD,GACH;AAEJ;AAMO,SAAS,gBAAgB,EAAE,EAAE,GAA6B;AAC/D,QAAM,IAAI,EAAE;AAEZ,SACE,oBAAC,SAAM,OAAM,WAAU,QAAO,QAC5B,+BAAC,SAAI,WAAW,OAAO,MACrB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,UACJ,CAAC,mBAAmB,EAAE,aAAa,OAAO,EAAE,UAAU,IAAI,OAAO;AAAA,UACjE,CAAC,UAAU,MAAM,EAAE,UAAU,CAAC;AAAA,UAC9B,CAAC,SAAS,GAAG,KAAK;AAAA,UAClB,CAAC,UAAU,GAAG,MAAM;AAAA,UACpB,CAAC,UAAU,GAAG,EAAE;AAAA,UAChB,CAAC,eAAe,GAAG,UAAU;AAAA,QAC/B;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,OAAE,WAAW,IAAI,QAAQ,6CAA+B;AAAA,KAC3D,GACF;AAEJ;AAGO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE,oBAAC,SAAM,OAAM,iBAAgB,SAAS,QAAQ,QAAO,QACnD,8BAAC,SAAI,WAAW,OAAO,MACrB,+BAAC,QAAG,WAAW,IAAI,OACjB;AAAA,wBAAC,QAAG,mBAAK;AAAA,IACT,oBAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,EAAE,iBAAiB;AAAA,QAC5B;AAAA,QACA,OAAM;AAAA;AAAA,IACR,GACF;AAAA,IACA,oBAAC,QAAI,qBAAW,6BAA6B,YAAW;AAAA,IACxD,oBAAC,QAAG,WAAW,IAAI,KAAM,YAAE,iBAAiB,MAAM,eAAe,OAAO,GAAE;AAAA,IAC1E,oBAAC,QAAG,uBAAS;AAAA,IACb,oBAAC,QAAI,YAAE,aAAa,OAAO,EAAE,UAAU,IAAI,SAAQ;AAAA,KACrD,GACF,GACF;AAEJ;","names":[]}