@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/_pos/pos-figures.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { StatCard } from "../_ui";
+import { amountLines } from "./pos-money";
+import { inPeriod } from "./pos-words";
+import { usePosSummary } from "./use-pos";
+import styles from "./pos.module.css";
+function PosFigures({
+  period,
+  phrase,
+  currency = ""
+}) {
+  const { data, isLoading, isError } = usePosSummary(period);
+  const value = (n) => isError || n === void 0 ? "\u2013" : n.toLocaleString("en-US");
+  const money = data ? amountLines(data.paymentsAmount, currency) : [];
+  const countNote = currency ? ". The count is every currency" : "";
+  return /* @__PURE__ */ jsxs("section", { className: styles.figures, "aria-label": "POS at a glance", children: [
+    /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        compact: true,
+        label: "Terminals",
+        isLoading,
+        value: value(data?.terminals),
+        sub: data ? `${data.revoked} revoked` : void 0
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        compact: true,
+        label: "Online now",
+        isLoading,
+        value: value(data?.online),
+        sub: data ? `Of ${data.terminals}` : void 0
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        compact: true,
+        label: "Offline over a day",
+        isLoading,
+        value: value(data?.offlineOverDay),
+        alert: !!data?.offlineOverDay
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        compact: true,
+        label: "Suspended",
+        isLoading,
+        value: value(data?.suspended)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        compact: true,
+        label: "Shifts open over 12 h",
+        isLoading,
+        value: value(data?.openShiftsOverTwelveHours),
+        alert: !!data?.openShiftsOverTwelveHours
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        compact: true,
+        label: "Card payments",
+        isLoading,
+        value: value(data?.paymentsCount),
+        sub: data ? money.length ? `${money.join(" \xB7 ")}, ${phrase}${countNote}` : `None ${currency ? `in ${currency} ` : ""}${inPeriod(phrase)}${countNote}` : void 0
+      }
+    )
+  ] });
+}
+export {
+  PosFigures
+};
+//# sourceMappingURL=pos-figures.js.map

package/dist/admin/_pos/pos-figures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_pos/pos-figures.tsx"],"sourcesContent":["'use client';\n\nimport type { PosWindow } from '@withpotter/lib/admin-pos-types';\nimport { StatCard } from '../_ui';\nimport { amountLines } from './pos-money';\nimport { inPeriod } from './pos-words';\nimport { usePosSummary } from './use-pos';\nimport styles from './pos.module.css';\n\n/**\n * The fleet at a glance: one number per card. Payments are counted in the\n * period and listed per currency, never added across currencies.\n */\nexport function PosFigures({\n  period,\n  phrase,\n  currency = '',\n}: {\n  period: PosWindow;\n  phrase: string;\n  /** The currency filter's choice; '' lists every currency. */\n  currency?: string;\n}) {\n  const { data, isLoading, isError } = usePosSummary(period);\n  const value = (n: number | undefined) =>\n    isError || n === undefined ? '–' : n.toLocaleString('en-US');\n  const money = data ? amountLines(data.paymentsAmount, currency) : [];\n  // The API counts payments across every currency, not per currency.\n  const countNote = currency ? '. The count is every currency' : '';\n\n  return (\n    <section className={styles.figures} aria-label=\"POS at a glance\">\n      <StatCard\n        compact\n        label=\"Terminals\"\n        isLoading={isLoading}\n        value={value(data?.terminals)}\n        sub={data ? `${data.revoked} revoked` : undefined}\n      />\n      <StatCard\n        compact\n        label=\"Online now\"\n        isLoading={isLoading}\n        value={value(data?.online)}\n        sub={data ? `Of ${data.terminals}` : undefined}\n      />\n      <StatCard\n        compact\n        label=\"Offline over a day\"\n        isLoading={isLoading}\n        value={value(data?.offlineOverDay)}\n        alert={!!data?.offlineOverDay}\n      />\n      <StatCard\n        compact\n        label=\"Suspended\"\n        isLoading={isLoading}\n        value={value(data?.suspended)}\n      />\n      <StatCard\n        compact\n        label=\"Shifts open over 12 h\"\n        isLoading={isLoading}\n        value={value(data?.openShiftsOverTwelveHours)}\n        alert={!!data?.openShiftsOverTwelveHours}\n      />\n      <StatCard\n        compact\n        label=\"Card payments\"\n        isLoading={isLoading}\n        value={value(data?.paymentsCount)}\n        sub={\n          data\n            ? money.length\n              ? `${money.join(' · ')}, ${phrase}${countNote}`\n              : `None ${currency ? `in ${currency} ` : ''}${inPeriod(phrase)}${countNote}`\n            : undefined\n        }\n      />\n    </section>\n  );\n}\n"],"mappings":";AA+BI,SACE,KADF;AA5BJ,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,OAAO,YAAY;AAMZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAKG;AACD,QAAM,EAAE,MAAM,WAAW,QAAQ,IAAI,cAAc,MAAM;AACzD,QAAM,QAAQ,CAAC,MACb,WAAW,MAAM,SAAY,WAAM,EAAE,eAAe,OAAO;AAC7D,QAAM,QAAQ,OAAO,YAAY,KAAK,gBAAgB,QAAQ,IAAI,CAAC;AAEnE,QAAM,YAAY,WAAW,kCAAkC;AAE/D,SACE,qBAAC,aAAQ,WAAW,OAAO,SAAS,cAAW,mBAC7C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAO;AAAA,QACP,OAAM;AAAA,QACN;AAAA,QACA,OAAO,MAAM,MAAM,SAAS;AAAA,QAC5B,KAAK,OAAO,GAAG,KAAK,OAAO,aAAa;AAAA;AAAA,IAC1C;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAO;AAAA,QACP,OAAM;AAAA,QACN;AAAA,QACA,OAAO,MAAM,MAAM,MAAM;AAAA,QACzB,KAAK,OAAO,MAAM,KAAK,SAAS,KAAK;AAAA;AAAA,IACvC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAO;AAAA,QACP,OAAM;AAAA,QACN;AAAA,QACA,OAAO,MAAM,MAAM,cAAc;AAAA,QACjC,OAAO,CAAC,CAAC,MAAM;AAAA;AAAA,IACjB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAO;AAAA,QACP,OAAM;AAAA,QACN;AAAA,QACA,OAAO,MAAM,MAAM,SAAS;AAAA;AAAA,IAC9B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAO;AAAA,QACP,OAAM;AAAA,QACN;AAAA,QACA,OAAO,MAAM,MAAM,yBAAyB;AAAA,QAC5C,OAAO,CAAC,CAAC,MAAM;AAAA;AAAA,IACjB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAO;AAAA,QACP,OAAM;AAAA,QACN;AAAA,QACA,OAAO,MAAM,MAAM,aAAa;AAAA,QAChC,KACE,OACI,MAAM,SACJ,GAAG,MAAM,KAAK,QAAK,CAAC,KAAK,MAAM,GAAG,SAAS,KAC3C,QAAQ,WAAW,MAAM,QAAQ,MAAM,EAAE,GAAG,SAAS,MAAM,CAAC,GAAG,SAAS,KAC1E;AAAA;AAAA,IAER;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/_pos/pos-money.js

@@ -0,0 +1,14 @@
+import { formatMinor } from "@withpotter/lib/money-minor";
+import { byCurrency } from "../_ui/currency-filter-model";
+const isZero = (minor) => /^-?0*$/.test(minor);
+function amountLines(amounts, currency = "") {
+  return byCurrency(amounts, currency, (a) => a.currency).filter((a) => !isZero(a.amountMinor)).map((a) => formatMinor(a.amountMinor, a.currency));
+}
+function emptyAmountText(amounts, currency, empty) {
+  return currency && amountLines(amounts).length ? `No ${currency}` : empty;
+}
+export {
+  amountLines,
+  emptyAmountText
+};
+//# sourceMappingURL=pos-money.js.map

package/dist/admin/_pos/pos-money.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_pos/pos-money.ts"],"sourcesContent":["import type { PosMoney } from '@withpotter/lib/admin-pos-types';\nimport { formatMinor } from '@withpotter/lib/money-minor';\nimport { byCurrency } from '../_ui/currency-filter-model';\n\n/**\n * Money on the POS screens. The POS routes answer in minor units at each\n * currency's own exponent, as strings, exactly as Box Money keeps them, so\n * the conversion follows the exponent (kobo for NGN, none for XOF, fils\n * for KWD) and never a fixed 100. Currencies are never added together.\n */\n\nconst isZero = (minor: string) => /^-?0*$/.test(minor);\n\n/**\n * One line per currency, in the API's order. Zero amounts are dropped, so\n * an empty list means nothing taken. With a currency chosen, only that\n * currency's line is left.\n */\nexport function amountLines(amounts: readonly PosMoney[], currency = ''): string[] {\n  return byCurrency(amounts, currency, (a) => a.currency)\n    .filter((a) => !isZero(a.amountMinor))\n    .map((a) => formatMinor(a.amountMinor, a.currency));\n}\n\n/**\n * What an amount cell says when it has no line to show. With a currency\n * chosen and money taken in another one, it says \"No NGN\" rather than the\n * plain `empty`: beside a count that covers every currency, \"None\" would\n * read as nothing taken at all.\n */\nexport function emptyAmountText(\n  amounts: readonly PosMoney[],\n  currency: string,\n  empty: string,\n): string {\n  return currency && amountLines(amounts).length ? `No ${currency}` : empty;\n}\n"],"mappings":"AACA,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAS3B,MAAM,SAAS,CAAC,UAAkB,SAAS,KAAK,KAAK;AAO9C,SAAS,YAAY,SAA8B,WAAW,IAAc;AACjF,SAAO,WAAW,SAAS,UAAU,CAAC,MAAM,EAAE,QAAQ,EACnD,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,EACpC,IAAI,CAAC,MAAM,YAAY,EAAE,aAAa,EAAE,QAAQ,CAAC;AACtD;AAQO,SAAS,gBACd,SACA,UACA,OACQ;AACR,SAAO,YAAY,YAAY,OAAO,EAAE,SAAS,MAAM,QAAQ,KAAK;AACtE;","names":[]}

package/dist/admin/_pos/pos-parts.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge, Button, EmptyNote, ErrorBanner } from "@withpotter/ui-kit";
+import { amountLines, emptyAmountText } from "./pos-money";
+import { isForbidden, posErrorText } from "./pos-rules";
+import {
+  onlineTone,
+  seenLine,
+  SHIFT_STATUS_LABEL,
+  TERMINAL_STATUS_LABEL
+} from "./pos-words";
+import styles from "./pos.module.css";
+function OnlineState({
+  terminal
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: styles.seen, children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: styles.dot,
+        "data-tone": onlineTone(terminal),
+        "aria-hidden": true
+      }
+    ),
+    seenLine(terminal)
+  ] });
+}
+const TERMINAL_TONE = {
+  active: "success",
+  suspended: "warning",
+  revoked: "secondary"
+};
+const TerminalStatus = ({ status }) => /* @__PURE__ */ jsx(Badge, { variant: TERMINAL_TONE[status], children: TERMINAL_STATUS_LABEL[status] });
+const ShiftStatus = ({ status }) => /* @__PURE__ */ jsx(Badge, { variant: status === "open" ? "success" : "secondary", children: SHIFT_STATUS_LABEL[status] });
+function MoneyLines({
+  amounts,
+  empty = "\u2013",
+  currency = ""
+}) {
+  const lines = amountLines(amounts, currency);
+  if (!lines.length)
+    return /* @__PURE__ */ jsx("span", { className: styles.dash, children: emptyAmountText(amounts, currency, empty) });
+  return /* @__PURE__ */ jsx("span", { className: styles.lines, children: lines.map((l) => /* @__PURE__ */ jsx("span", { className: styles.num, children: l }, l)) });
+}
+function LoadError({
+  error,
+  what,
+  onRetry
+}) {
+  if (isForbidden(error))
+    return /* @__PURE__ */ jsx(EmptyNote, { well: true, children: `You don't have permission to see ${what}.` });
+  return /* @__PURE__ */ jsxs(ErrorBanner, { children: [
+    posErrorText(
+      error,
+      `${what.charAt(0).toUpperCase()}${what.slice(1)} did not load.`
+    ),
+    " ",
+    /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: onRetry, children: "Try again" })
+  ] });
+}
+export {
+  LoadError,
+  MoneyLines,
+  OnlineState,
+  ShiftStatus,
+  TerminalStatus
+};
+//# sourceMappingURL=pos-parts.js.map

package/dist/admin/_pos/pos-parts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_pos/pos-parts.tsx"],"sourcesContent":["'use client';\n\nimport { Badge, Button, EmptyNote, ErrorBanner } from '@withpotter/ui-kit';\nimport type {\n  PosMoney,\n  PosShiftStatus,\n  PosTerminal,\n  PosTerminalStatus,\n} from '@withpotter/lib/admin-pos-types';\nimport { amountLines, emptyAmountText } from './pos-money';\nimport { isForbidden, posErrorText } from './pos-rules';\nimport {\n  onlineTone,\n  seenLine,\n  SHIFT_STATUS_LABEL,\n  TERMINAL_STATUS_LABEL,\n} from './pos-words';\nimport styles from './pos.module.css';\n\n/** The connection first: a dot and when it was last heard from. */\nexport function OnlineState({\n  terminal,\n}: {\n  terminal: Pick<PosTerminal, 'online' | 'lastSeenAt' | 'status'>;\n}) {\n  return (\n    <span className={styles.seen}>\n      <span\n        className={styles.dot}\n        data-tone={onlineTone(terminal)}\n        aria-hidden\n      />\n      {seenLine(terminal)}\n    </span>\n  );\n}\n\nconst TERMINAL_TONE = {\n  active: 'success',\n  suspended: 'warning',\n  revoked: 'secondary',\n} as const;\n\nexport const TerminalStatus = ({ status }: { status: PosTerminalStatus }) => (\n  <Badge variant={TERMINAL_TONE[status]}>{TERMINAL_STATUS_LABEL[status]}</Badge>\n);\n\nexport const ShiftStatus = ({ status }: { status: PosShiftStatus }) => (\n  <Badge variant={status === 'open' ? 'success' : 'secondary'}>\n    {SHIFT_STATUS_LABEL[status]}\n  </Badge>\n);\n\n/** Money in each currency on its own line; never added across currencies. */\nexport function MoneyLines({\n  amounts,\n  empty = '–',\n  currency = '',\n}: {\n  amounts: PosMoney[];\n  empty?: string;\n  /** The currency filter's choice; '' shows every currency. */\n  currency?: string;\n}) {\n  const lines = amountLines(amounts, currency);\n\n  if (!lines.length)\n    return (\n      <span className={styles.dash}>\n        {emptyAmountText(amounts, currency, empty)}\n      </span>\n    );\n\n  return (\n    <span className={styles.lines}>\n      {lines.map((l) => (\n        <span key={l} className={styles.num}>\n          {l}\n        </span>\n      ))}\n    </span>\n  );\n}\n\n/** A section that would not load: no permission, or a retry. */\nexport function LoadError({\n  error,\n  what,\n  onRetry,\n}: {\n  error: unknown;\n  what: string;\n  onRetry: () => void;\n}) {\n  if (isForbidden(error))\n    return (\n      <EmptyNote well>{`You don't have permission to see ${what}.`}</EmptyNote>\n    );\n\n  return (\n    <ErrorBanner>\n      {posErrorText(\n        error,\n        `${what.charAt(0).toUpperCase()}${what.slice(1)} did not load.`,\n      )}{' '}\n      <Button size=\"sm\" variant=\"secondary\" onClick={onRetry}>\n        Try again\n      </Button>\n    </ErrorBanner>\n  );\n}\n"],"mappings":";AA0BI,SACE,KADF;AAxBJ,SAAS,OAAO,QAAQ,WAAW,mBAAmB;AAOtD,SAAS,aAAa,uBAAuB;AAC7C,SAAS,aAAa,oBAAoB;AAC1C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,YAAY;AAGZ,SAAS,YAAY;AAAA,EAC1B;AACF,GAEG;AACD,SACE,qBAAC,UAAK,WAAW,OAAO,MACtB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,aAAW,WAAW,QAAQ;AAAA,QAC9B,eAAW;AAAA;AAAA,IACb;AAAA,IACC,SAAS,QAAQ;AAAA,KACpB;AAEJ;AAEA,MAAM,gBAAgB;AAAA,EACpB,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,SAAS;AACX;AAEO,MAAM,iBAAiB,CAAC,EAAE,OAAO,MACtC,oBAAC,SAAM,SAAS,cAAc,MAAM,GAAI,gCAAsB,MAAM,GAAE;AAGjE,MAAM,cAAc,CAAC,EAAE,OAAO,MACnC,oBAAC,SAAM,SAAS,WAAW,SAAS,YAAY,aAC7C,6BAAmB,MAAM,GAC5B;AAIK,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AACb,GAKG;AACD,QAAM,QAAQ,YAAY,SAAS,QAAQ;AAE3C,MAAI,CAAC,MAAM;AACT,WACE,oBAAC,UAAK,WAAW,OAAO,MACrB,0BAAgB,SAAS,UAAU,KAAK,GAC3C;AAGJ,SACE,oBAAC,UAAK,WAAW,OAAO,OACrB,gBAAM,IAAI,CAAC,MACV,oBAAC,UAAa,WAAW,OAAO,KAC7B,eADQ,CAEX,CACD,GACH;AAEJ;AAGO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,YAAY,KAAK;AACnB,WACE,oBAAC,aAAU,MAAI,MAAE,8CAAoC,IAAI,KAAI;AAGjE,SACE,qBAAC,eACE;AAAA;AAAA,MACC;AAAA,MACA,GAAG,KAAK,OAAO,CAAC,EAAE,YAAY,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC;AAAA,IACjD;AAAA,IAAG;AAAA,IACH,oBAAC,UAAO,MAAK,MAAK,SAAQ,aAAY,SAAS,SAAS,uBAExD;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/_pos/pos-rules.js

@@ -0,0 +1,43 @@
+const REASON_MAX = 300;
+const LONG_OPEN_HOURS = 12;
+function terminalActions(status) {
+  if (status === "revoked") return [];
+  return [status === "active" ? "suspend" : "resume", "revoke"];
+}
+const canCloseShift = (s) => s.status === "open";
+const isLongOpen = (s) => s.status === "open" && (s.openHours ?? 0) >= LONG_OPEN_HOURS;
+function reasonError(reason) {
+  const clean = reason.trim();
+  if (!clean) return "Say why, for the audit log.";
+  if (clean.length > REASON_MAX)
+    return `Keep the reason to ${REASON_MAX} characters.`;
+  return void 0;
+}
+const statusOf = (e) => e?.status;
+const isStale = (e) => statusOf(e) === 409;
+const isForbidden = (e) => statusOf(e) === 403;
+const isNotFound = (e) => statusOf(e) === 404;
+const STALE_TEXT = "This changed since you opened it. Refresh to see where it stands now.";
+function posErrorText(error, fallback) {
+  const status = statusOf(error);
+  const message = error instanceof Error ? error.message.trim() : "";
+  if (status === 409) return STALE_TEXT;
+  if (status === 403) return "You don't have permission to do this.";
+  if (status === 404) return "This no longer exists. Refresh the list.";
+  if (status === 400 && message) return message;
+  return fallback;
+}
+export {
+  LONG_OPEN_HOURS,
+  REASON_MAX,
+  STALE_TEXT,
+  canCloseShift,
+  isForbidden,
+  isLongOpen,
+  isNotFound,
+  isStale,
+  posErrorText,
+  reasonError,
+  terminalActions
+};
+//# sourceMappingURL=pos-rules.js.map

package/dist/admin/_pos/pos-rules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_pos/pos-rules.ts"],"sourcesContent":["import type {\n  PosShift,\n  PosTerminalStatus,\n} from '@withpotter/lib/admin-pos-types';\n\n/**\n * What an admin may do to a terminal or a shift, the forms' checks and what\n * an error says. Pure, so the rules the API enforces are tested here rather\n * than met as a 409.\n */\n\nexport const REASON_MAX = 300;\n\n/** A shift open this long is flagged; the API's own threshold. */\nexport const LONG_OPEN_HOURS = 12;\n\nexport type TerminalAction = 'suspend' | 'resume' | 'revoke';\n\n/**\n * Suspend needs active, resume needs suspended, revoke works from either\n * and is one-way. A revoked terminal has nothing left to do.\n */\nexport function terminalActions(status: PosTerminalStatus): TerminalAction[] {\n  if (status === 'revoked') return [];\n\n  return [status === 'active' ? 'suspend' : 'resume', 'revoke'];\n}\n\nexport const canCloseShift = (s: Pick<PosShift, 'status'>) =>\n  s.status === 'open';\n\nexport const isLongOpen = (s: Pick<PosShift, 'status' | 'openHours'>) =>\n  s.status === 'open' && (s.openHours ?? 0) >= LONG_OPEN_HOURS;\n\n/** An error for a reason, or undefined when it can be sent. */\nexport function reasonError(reason: string): string | undefined {\n  const clean = reason.trim();\n\n  if (!clean) return 'Say why, for the audit log.';\n\n  if (clean.length > REASON_MAX)\n    return `Keep the reason to ${REASON_MAX} characters.`;\n\n  return undefined;\n}\n\nconst statusOf = (e: unknown) => (e as { status?: unknown } | null)?.status;\n\n/** The record changed under the admin: someone else acted first. */\nexport const isStale = (e: unknown) => statusOf(e) === 409;\n\nexport const isForbidden = (e: unknown) => statusOf(e) === 403;\n\nexport const isNotFound = (e: unknown) => statusOf(e) === 404;\n\nexport const STALE_TEXT =\n  'This changed since you opened it. Refresh to see where it stands now.';\n\n/**\n * An error in plain words. A 409 means the terminal or shift moved on, so\n * it says so and offers a refresh. A 400 keeps the server's line.\n */\nexport function posErrorText(error: unknown, fallback: string): string {\n  const status = statusOf(error);\n  const message = error instanceof Error ? error.message.trim() : '';\n\n  if (status === 409) return STALE_TEXT;\n\n  if (status === 403) return \"You don't have permission to do this.\";\n\n  if (status === 404) return 'This no longer exists. Refresh the list.';\n\n  if (status === 400 && message) return message;\n\n  return fallback;\n}\n"],"mappings":"AAWO,MAAM,aAAa;AAGnB,MAAM,kBAAkB;AAQxB,SAAS,gBAAgB,QAA6C;AAC3E,MAAI,WAAW,UAAW,QAAO,CAAC;AAElC,SAAO,CAAC,WAAW,WAAW,YAAY,UAAU,QAAQ;AAC9D;AAEO,MAAM,gBAAgB,CAAC,MAC5B,EAAE,WAAW;AAER,MAAM,aAAa,CAAC,MACzB,EAAE,WAAW,WAAW,EAAE,aAAa,MAAM;AAGxC,SAAS,YAAY,QAAoC;AAC9D,QAAM,QAAQ,OAAO,KAAK;AAE1B,MAAI,CAAC,MAAO,QAAO;AAEnB,MAAI,MAAM,SAAS;AACjB,WAAO,sBAAsB,UAAU;AAEzC,SAAO;AACT;AAEA,MAAM,WAAW,CAAC,MAAgB,GAAmC;AAG9D,MAAM,UAAU,CAAC,MAAe,SAAS,CAAC,MAAM;AAEhD,MAAM,cAAc,CAAC,MAAe,SAAS,CAAC,MAAM;AAEpD,MAAM,aAAa,CAAC,MAAe,SAAS,CAAC,MAAM;AAEnD,MAAM,aACX;AAMK,SAAS,aAAa,OAAgB,UAA0B;AACrE,QAAM,SAAS,SAAS,KAAK;AAC7B,QAAM,UAAU,iBAAiB,QAAQ,MAAM,QAAQ,KAAK,IAAI;AAEhE,MAAI,WAAW,IAAK,QAAO;AAE3B,MAAI,WAAW,IAAK,QAAO;AAE3B,MAAI,WAAW,IAAK,QAAO;AAE3B,MAAI,WAAW,OAAO,QAAS,QAAO;AAEtC,SAAO;AACT;","names":[]}

package/dist/admin/_pos/pos-words.js

@@ -0,0 +1,101 @@
+const MINUTE = 6e4;
+const HOUR = 60 * MINUTE;
+const DAY = 24 * HOUR;
+const TERMINAL_STATUS_LABEL = {
+  active: "Active",
+  suspended: "Suspended",
+  revoked: "Revoked"
+};
+const SHIFT_STATUS_LABEL = {
+  open: "Open",
+  closed: "Closed"
+};
+const CLOSED_REASON = {
+  operator_sign_in_elsewhere: "Signed in at another till",
+  shift_expired: "Ran out of time",
+  manual_revoke: "Closed from a dashboard"
+};
+function closedLine(s) {
+  if (s.status === "open") return null;
+  return (s.closedReason && CLOSED_REASON[s.closedReason]) ?? "Closed";
+}
+function onDay(iso) {
+  return new Date(iso).toLocaleDateString("en-GB", {
+    day: "numeric",
+    month: "short",
+    year: "numeric"
+  });
+}
+function atTime(iso) {
+  const d = new Date(iso);
+  return `${onDay(iso)}, ${d.toLocaleTimeString("en-GB", {
+    hour: "2-digit",
+    minute: "2-digit"
+  })}`;
+}
+function ago(iso, now = Date.now()) {
+  const ms = Math.max(0, now - new Date(iso).getTime());
+  if (ms < MINUTE) return "just now";
+  if (ms < HOUR) return `${Math.floor(ms / MINUTE)} min ago`;
+  if (ms < DAY) return `${Math.floor(ms / HOUR)} h ago`;
+  const days = Math.floor(ms / DAY);
+  return days === 1 ? "1 day ago" : `${days} days ago`;
+}
+function onlineTone(t, now = Date.now()) {
+  if (t.status !== "active") return "stopped";
+  if (t.online) return "online";
+  if (!t.lastSeenAt) return "never";
+  return now - new Date(t.lastSeenAt).getTime() > DAY ? "stale" : "offline";
+}
+function seenLine(t, now = Date.now()) {
+  if (!t.lastSeenAt) return "Never seen";
+  const when = ago(t.lastSeenAt, now);
+  if (t.online) return `Seen ${when}`;
+  return t.status === "active" ? `Offline \xB7 seen ${when}` : `Last seen ${when}`;
+}
+function cardLine(t) {
+  if (t.status === "revoked") return null;
+  if (!t.tid) return "Needs a TID";
+  const vendor = t.provider ? `${t.provider.charAt(0).toUpperCase()}${t.provider.slice(1)} \xB7 ` : "";
+  return `${vendor}TID ${t.tid}`;
+}
+const words = (s) => {
+  const w = s.replace(/[._-]+/g, " ").trim();
+  return w.charAt(0).toUpperCase() + w.slice(1);
+};
+const ADMIN_EVENT = {
+  "pos_terminal.suspend": "Suspended",
+  "pos_terminal.resume": "Resumed",
+  "pos_terminal.revoke": "Revoked"
+};
+function historyLine(e) {
+  if (e.source === "admin_action") return ADMIN_EVENT[e.event] ?? words(e.event);
+  return e.summary?.trim() || words(e.event);
+}
+function historyBy(e) {
+  if (e.by.type === "admin") return `${e.by.name ?? "An admin"} \xB7 Admin`;
+  return "The business";
+}
+const count = (n, one, many = `${one}s`) => `${n} ${n === 1 ? one : many}`;
+function inPeriod(phrase) {
+  if (phrase === "all time") return "yet";
+  return `in ${phrase.startsWith("last") ? "the " : ""}${phrase}`;
+}
+const accessLine = (t) => t.operatorAccess === "any_member" ? "Anyone on the till roster can sign in" : "Only the people listed can sign in";
+export {
+  SHIFT_STATUS_LABEL,
+  TERMINAL_STATUS_LABEL,
+  accessLine,
+  ago,
+  atTime,
+  cardLine,
+  closedLine,
+  count,
+  historyBy,
+  historyLine,
+  inPeriod,
+  onDay,
+  onlineTone,
+  seenLine
+};
+//# sourceMappingURL=pos-words.js.map

package/dist/admin/_pos/pos-words.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_pos/pos-words.ts"],"sourcesContent":["import type {\n  PosHistoryEntry,\n  PosShift,\n  PosShiftStatus,\n  PosTerminal,\n  PosTerminalStatus,\n} from '@withpotter/lib/admin-pos-types';\n\n/** The words the POS screens use for what the API sends. Pure and tested. */\n\nconst MINUTE = 60_000;\nconst HOUR = 60 * MINUTE;\nconst DAY = 24 * HOUR;\n\nexport const TERMINAL_STATUS_LABEL: Record<PosTerminalStatus, string> = {\n  active: 'Active',\n  suspended: 'Suspended',\n  revoked: 'Revoked',\n};\n\nexport const SHIFT_STATUS_LABEL: Record<PosShiftStatus, string> = {\n  open: 'Open',\n  closed: 'Closed',\n};\n\nconst CLOSED_REASON: Record<string, string> = {\n  operator_sign_in_elsewhere: 'Signed in at another till',\n  shift_expired: 'Ran out of time',\n  manual_revoke: 'Closed from a dashboard',\n};\n\n/** Why a shift ended, in words; null while it is open. */\nexport function closedLine(s: Pick<PosShift, 'status' | 'closedReason'>) {\n  if (s.status === 'open') return null;\n\n  return (s.closedReason && CLOSED_REASON[s.closedReason]) ?? 'Closed';\n}\n\n/** \"15 Oct 2026\". */\nexport function onDay(iso: string): string {\n  return new Date(iso).toLocaleDateString('en-GB', {\n    day: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  });\n}\n\n/** \"15 Oct 2026, 14:03\". */\nexport function atTime(iso: string): string {\n  const d = new Date(iso);\n\n  return `${onDay(iso)}, ${d.toLocaleTimeString('en-GB', {\n    hour: '2-digit',\n    minute: '2-digit',\n  })}`;\n}\n\n/** \"just now\", \"4 min ago\", \"3 h ago\", \"2 days ago\". */\nexport function ago(iso: string, now = Date.now()): string {\n  const ms = Math.max(0, now - new Date(iso).getTime());\n\n  if (ms < MINUTE) return 'just now';\n\n  if (ms < HOUR) return `${Math.floor(ms / MINUTE)} min ago`;\n\n  if (ms < DAY) return `${Math.floor(ms / HOUR)} h ago`;\n\n  const days = Math.floor(ms / DAY);\n\n  return days === 1 ? '1 day ago' : `${days} days ago`;\n}\n\n/**\n * How a terminal's connection reads. Online is green; offline for over a\n * day is amber, because someone should look; a stopped terminal (revoked\n * or suspended) and one never heard from are grey.\n */\nexport type OnlineTone = 'online' | 'offline' | 'stale' | 'never' | 'stopped';\n\ntype Seen = Pick<PosTerminal, 'online' | 'lastSeenAt' | 'status'>;\n\nexport function onlineTone(t: Seen, now = Date.now()): OnlineTone {\n  if (t.status !== 'active') return 'stopped';\n\n  if (t.online) return 'online';\n\n  if (!t.lastSeenAt) return 'never';\n\n  return now - new Date(t.lastSeenAt).getTime() > DAY ? 'stale' : 'offline';\n}\n\n/** \"Seen 4 min ago\", \"Offline · seen 3 days ago\", \"Never seen\". */\nexport function seenLine(t: Seen, now = Date.now()): string {\n  if (!t.lastSeenAt) return 'Never seen';\n\n  const when = ago(t.lastSeenAt, now);\n\n  if (t.online) return `Seen ${when}`;\n\n  return t.status === 'active' ? `Offline · seen ${when}` : `Last seen ${when}`;\n}\n\n/** \"Urovo · TID T100\", \"Needs a TID\", or nothing for a revoked terminal. */\nexport function cardLine(\n  t: Pick<PosTerminal, 'provider' | 'tid' | 'status'>,\n): string | null {\n  if (t.status === 'revoked') return null;\n\n  if (!t.tid) return 'Needs a TID';\n\n  const vendor = t.provider\n    ? `${t.provider.charAt(0).toUpperCase()}${t.provider.slice(1)} · `\n    : '';\n\n  return `${vendor}TID ${t.tid}`;\n}\n\nconst words = (s: string) => {\n  const w = s.replace(/[._-]+/g, ' ').trim();\n\n  return w.charAt(0).toUpperCase() + w.slice(1);\n};\n\nconst ADMIN_EVENT: Record<string, string> = {\n  'pos_terminal.suspend': 'Suspended',\n  'pos_terminal.resume': 'Resumed',\n  'pos_terminal.revoke': 'Revoked',\n};\n\n/** One history entry as a sentence: what happened. */\nexport function historyLine(e: PosHistoryEntry): string {\n  if (e.source === 'admin_action') return ADMIN_EVENT[e.event] ?? words(e.event);\n\n  return e.summary?.trim() || words(e.event);\n}\n\n/** Who did it: an admin by name, or the business itself. */\nexport function historyBy(e: PosHistoryEntry): string {\n  if (e.by.type === 'admin') return `${e.by.name ?? 'An admin'} · Admin`;\n\n  return 'The business';\n}\n\n/** \"2 terminals\", \"1 terminal\". */\nexport const count = (n: number, one: string, many = `${one}s`) =>\n  `${n} ${n === 1 ? one : many}`;\n\n/**\n * A period phrase after a noun: \"in the last 30 days\", \"in Sep 30 – Oct 1\",\n * and \"yet\" for all time (\"No payments yet\").\n */\nexport function inPeriod(phrase: string): string {\n  if (phrase === 'all time') return 'yet';\n\n  return `in ${phrase.startsWith('last') ? 'the ' : ''}${phrase}`;\n}\n\n/** Who may sign in at a terminal, in a line. */\nexport const accessLine = (t: Pick<PosTerminal, 'operatorAccess'>) =>\n  t.operatorAccess === 'any_member'\n    ? 'Anyone on the till roster can sign in'\n    : 'Only the people listed can sign in';\n"],"mappings":"AAUA,MAAM,SAAS;AACf,MAAM,OAAO,KAAK;AAClB,MAAM,MAAM,KAAK;AAEV,MAAM,wBAA2D;AAAA,EACtE,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,SAAS;AACX;AAEO,MAAM,qBAAqD;AAAA,EAChE,MAAM;AAAA,EACN,QAAQ;AACV;AAEA,MAAM,gBAAwC;AAAA,EAC5C,4BAA4B;AAAA,EAC5B,eAAe;AAAA,EACf,eAAe;AACjB;AAGO,SAAS,WAAW,GAA8C;AACvE,MAAI,EAAE,WAAW,OAAQ,QAAO;AAEhC,UAAQ,EAAE,gBAAgB,cAAc,EAAE,YAAY,MAAM;AAC9D;AAGO,SAAS,MAAM,KAAqB;AACzC,SAAO,IAAI,KAAK,GAAG,EAAE,mBAAmB,SAAS;AAAA,IAC/C,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC;AACH;AAGO,SAAS,OAAO,KAAqB;AAC1C,QAAM,IAAI,IAAI,KAAK,GAAG;AAEtB,SAAO,GAAG,MAAM,GAAG,CAAC,KAAK,EAAE,mBAAmB,SAAS;AAAA,IACrD,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,CAAC,CAAC;AACJ;AAGO,SAAS,IAAI,KAAa,MAAM,KAAK,IAAI,GAAW;AACzD,QAAM,KAAK,KAAK,IAAI,GAAG,MAAM,IAAI,KAAK,GAAG,EAAE,QAAQ,CAAC;AAEpD,MAAI,KAAK,OAAQ,QAAO;AAExB,MAAI,KAAK,KAAM,QAAO,GAAG,KAAK,MAAM,KAAK,MAAM,CAAC;AAEhD,MAAI,KAAK,IAAK,QAAO,GAAG,KAAK,MAAM,KAAK,IAAI,CAAC;AAE7C,QAAM,OAAO,KAAK,MAAM,KAAK,GAAG;AAEhC,SAAO,SAAS,IAAI,cAAc,GAAG,IAAI;AAC3C;AAWO,SAAS,WAAW,GAAS,MAAM,KAAK,IAAI,GAAe;AAChE,MAAI,EAAE,WAAW,SAAU,QAAO;AAElC,MAAI,EAAE,OAAQ,QAAO;AAErB,MAAI,CAAC,EAAE,WAAY,QAAO;AAE1B,SAAO,MAAM,IAAI,KAAK,EAAE,UAAU,EAAE,QAAQ,IAAI,MAAM,UAAU;AAClE;AAGO,SAAS,SAAS,GAAS,MAAM,KAAK,IAAI,GAAW;AAC1D,MAAI,CAAC,EAAE,WAAY,QAAO;AAE1B,QAAM,OAAO,IAAI,EAAE,YAAY,GAAG;AAElC,MAAI,EAAE,OAAQ,QAAO,QAAQ,IAAI;AAEjC,SAAO,EAAE,WAAW,WAAW,qBAAkB,IAAI,KAAK,aAAa,IAAI;AAC7E;AAGO,SAAS,SACd,GACe;AACf,MAAI,EAAE,WAAW,UAAW,QAAO;AAEnC,MAAI,CAAC,EAAE,IAAK,QAAO;AAEnB,QAAM,SAAS,EAAE,WACb,GAAG,EAAE,SAAS,OAAO,CAAC,EAAE,YAAY,CAAC,GAAG,EAAE,SAAS,MAAM,CAAC,CAAC,WAC3D;AAEJ,SAAO,GAAG,MAAM,OAAO,EAAE,GAAG;AAC9B;AAEA,MAAM,QAAQ,CAAC,MAAc;AAC3B,QAAM,IAAI,EAAE,QAAQ,WAAW,GAAG,EAAE,KAAK;AAEzC,SAAO,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC;AAC9C;AAEA,MAAM,cAAsC;AAAA,EAC1C,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,uBAAuB;AACzB;AAGO,SAAS,YAAY,GAA4B;AACtD,MAAI,EAAE,WAAW,eAAgB,QAAO,YAAY,EAAE,KAAK,KAAK,MAAM,EAAE,KAAK;AAE7E,SAAO,EAAE,SAAS,KAAK,KAAK,MAAM,EAAE,KAAK;AAC3C;AAGO,SAAS,UAAU,GAA4B;AACpD,MAAI,EAAE,GAAG,SAAS,QAAS,QAAO,GAAG,EAAE,GAAG,QAAQ,UAAU;AAE5D,SAAO;AACT;AAGO,MAAM,QAAQ,CAAC,GAAW,KAAa,OAAO,GAAG,GAAG,QACzD,GAAG,CAAC,IAAI,MAAM,IAAI,MAAM,IAAI;AAMvB,SAAS,SAAS,QAAwB;AAC/C,MAAI,WAAW,WAAY,QAAO;AAElC,SAAO,MAAM,OAAO,WAAW,MAAM,IAAI,SAAS,EAAE,GAAG,MAAM;AAC/D;AAGO,MAAM,aAAa,CAAC,MACzB,EAAE,mBAAmB,eACjB,0CACA;","names":[]}

package/dist/admin/_pos/pos.module.css

@@ -0,0 +1,154 @@
+/* POS: terminals and shifts. Hairlines, tabular money, no decoration. */
+
+.stack {
+  display: grid;
+  gap: var(--adm-gap);
+  min-width: 0;
+}
+
+.consequence {
+  margin: 0;
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--text-secondary);
+}
+
+/* Online state: a 6px dot then when it was last heard from. */
+.online {
+  display: grid;
+  gap: 2px;
+  min-width: 0;
+}
+
+.seen {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  white-space: nowrap;
+  color: var(--text-primary);
+}
+
+.dot {
+  flex-shrink: 0;
+  width: 6px;
+  height: 6px;
+  border-radius: 999px;
+  background: var(--text-tertiary);
+}
+
+.dot[data-tone='online'] {
+  background: var(--success);
+}
+
+.dot[data-tone='stale'] {
+  background: var(--warning);
+}
+
+.dot[data-tone='never'] {
+  background: transparent;
+  outline: 1px solid var(--text-tertiary);
+  outline-offset: -1px;
+}
+
+.subtle {
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--text-tertiary);
+}
+
+.dash {
+  color: var(--text-tertiary);
+}
+
+.lines {
+  display: grid;
+  justify-items: end;
+}
+
+.num {
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+}
+
+/* A name that may run long: one line, cut with an ellipsis. */
+.clip {
+  display: block;
+  max-width: 220px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.cellStack {
+  display: grid;
+  gap: 2px;
+  min-width: 0;
+}
+
+/* Figures row: one big number per card. */
+.figures {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: var(--adm-gap);
+  margin-bottom: var(--adm-gap);
+}
+
+.toolbarRow {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+/* Key and value, one per row, for a record's facts. */
+.facts {
+  display: grid;
+  grid-template-columns: max-content minmax(0, 1fr);
+  gap: 8px 16px;
+  margin: 0;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.facts dt {
+  color: var(--text-tertiary);
+}
+
+.facts dd {
+  min-width: 0;
+  margin: 0;
+  overflow-wrap: anywhere;
+  color: var(--text-primary);
+}
+
+.sectionTitle {
+  margin: 0;
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 20px;
+  color: var(--text-secondary);
+}
+
+.form {
+  display: grid;
+  gap: 16px;
+}
+
+.footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-left: auto;
+}
+
+@media (max-width: 559.98px) {
+  .facts {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 2px;
+  }
+
+  .facts dd {
+    margin-bottom: 8px;
+  }
+}

package/dist/admin/_pos/shift-row.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { ExternalLink, LockKeyhole } from "lucide-react";
+import {
+  Badge,
+  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, ShiftStatus } from "./pos-parts";
+import { canCloseShift, isLongOpen } from "./pos-rules";
+import { atTime, closedLine, count } from "./pos-words";
+import styles from "./pos.module.css";
+function ShiftHead({ withBusiness }) {
+  return /* @__PURE__ */ jsxs("tr", { children: [
+    /* @__PURE__ */ jsx(Th, { children: "Terminal" }),
+    withBusiness && /* @__PURE__ */ jsx(Th, { children: "Business" }),
+    /* @__PURE__ */ jsx(Th, { children: "Opened by" }),
+    /* @__PURE__ */ jsx(Th, { children: "Opened" }),
+    /* @__PURE__ */ jsx(Th, { children: "Status" }),
+    /* @__PURE__ */ jsx(Th, { align: "right", children: "Card payments" }),
+    /* @__PURE__ */ jsx(Th, { align: "right", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Actions" }) })
+  ] });
+}
+const shiftColumns = (withBusiness) => withBusiness ? 7 : 6;
+const terminalHref = (id) => `/admin/pos/terminals/${id}`;
+const businessHref = (id) => `/admin/tenants/${id}?tab=pos`;
+function ShiftRow({
+  shift,
+  withBusiness,
+  canManage,
+  currency,
+  onClose
+}) {
+  const router = useRouter();
+  const t = shift.terminal;
+  const name = t.label ?? "Removed terminal";
+  const ended = closedLine(shift);
+  return /* @__PURE__ */ jsxs(TableRow, { children: [
+    /* @__PURE__ */ jsx("td", { children: t.label ? /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: terminalHref(t.id),
+        className: `${rows.primary} ${styles.clip}`,
+        title: name,
+        children: name
+      }
+    ) : /* @__PURE__ */ jsx("span", { className: `${rows.primary} ${styles.clip}`, children: name }) }),
+    withBusiness && /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: businessHref(shift.tenant.id),
+        className: `text-brand-500 hover:underline ${styles.clip}`,
+        title: shift.tenant.name,
+        children: shift.tenant.name || "Unnamed business"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("td", { className: list.muted, children: /* @__PURE__ */ jsx("span", { className: styles.clip, children: shift.operatorName ?? "\u2013" }) }),
+    /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: atTime(shift.openedAt) }),
+    /* @__PURE__ */ jsx("td", { className: list.nowrap, children: /* @__PURE__ */ jsxs("span", { className: styles.cellStack, children: [
+      /* @__PURE__ */ jsxs("span", { className: styles.seen, children: [
+        /* @__PURE__ */ jsx(ShiftStatus, { status: shift.status }),
+        isLongOpen(shift) && /* @__PURE__ */ jsxs(Badge, { variant: "warning", children: [
+          "Open ",
+          shift.openHours,
+          " h"
+        ] })
+      ] }),
+      ended && /* @__PURE__ */ jsx("span", { className: styles.subtle, children: ended })
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { className: list.num, children: /* @__PURE__ */ jsxs("span", { className: styles.cellStack, children: [
+      /* @__PURE__ */ jsx(
+        MoneyLines,
+        {
+          amounts: shift.takings.amounts,
+          currency,
+          empty: "None"
+        }
+      ),
+      shift.takings.count > 0 && /* @__PURE__ */ jsx("span", { className: styles.subtle, children: count(shift.takings.count, "payment") })
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { className: rows.menuCell, children: /* @__PURE__ */ jsxs(OverflowMenu, { label: `Actions for ${name}`, children: [
+      t.label ? /* @__PURE__ */ jsx(
+        OverflowItem,
+        {
+          icon: /* @__PURE__ */ jsx(ExternalLink, {}),
+          onClick: () => router.push(terminalHref(t.id)),
+          children: "Open terminal"
+        }
+      ) : null,
+      canManage && canCloseShift(shift) ? /* @__PURE__ */ jsx(OverflowItem, { icon: /* @__PURE__ */ jsx(LockKeyhole, {}), onClick: onClose, children: "Close shift" }) : null
+    ] }) })
+  ] });
+}
+export {
+  ShiftHead,
+  ShiftRow,
+  businessHref,
+  shiftColumns,
+  terminalHref
+};
+//# sourceMappingURL=shift-row.js.map

package/dist/admin/_pos/shift-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_pos/shift-row.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { useRouter } from 'next/navigation';\nimport { ExternalLink, LockKeyhole } from 'lucide-react';\nimport {\n  Badge,\n  OverflowItem,\n  OverflowMenu,\n  TableRow,\n  Th,\n} from '@withpotter/ui-kit';\nimport type { PosShift } from '@withpotter/lib/admin-pos-types';\nimport list from '../_ui/list-card.module.css';\nimport rows from '../accounts/rows.module.css';\nimport { MoneyLines, ShiftStatus } from './pos-parts';\nimport { canCloseShift, isLongOpen } from './pos-rules';\nimport { atTime, closedLine, count } from './pos-words';\nimport styles from './pos.module.css';\n\nexport function ShiftHead({ withBusiness }: { withBusiness: boolean }) {\n  return (\n    <tr>\n      <Th>Terminal</Th>\n      {withBusiness && <Th>Business</Th>}\n      <Th>Opened by</Th>\n      <Th>Opened</Th>\n      <Th>Status</Th>\n      <Th align=\"right\">Card payments</Th>\n      <Th align=\"right\">\n        <span className=\"sr-only\">Actions</span>\n      </Th>\n    </tr>\n  );\n}\n\nexport const shiftColumns = (withBusiness: boolean) => (withBusiness ? 7 : 6);\n\nexport const terminalHref = (id: string) => `/admin/pos/terminals/${id}`;\n\nexport const businessHref = (id: string) => `/admin/tenants/${id}?tab=pos`;\n\n/**\n * One till shift. A shift open over 12 hours says so beside its status;\n * the menu closes it, signing it out at the till.\n */\nexport function ShiftRow({\n  shift,\n  withBusiness,\n  canManage,\n  currency,\n  onClose,\n}: {\n  shift: PosShift;\n  withBusiness: boolean;\n  canManage: boolean;\n  currency: string;\n  onClose: () => void;\n}) {\n  const router = useRouter();\n  const t = shift.terminal;\n  const name = t.label ?? 'Removed terminal';\n  const ended = closedLine(shift);\n\n  return (\n    <TableRow>\n      <td>\n        {t.label ? (\n          <Link\n            href={terminalHref(t.id)}\n            className={`${rows.primary} ${styles.clip}`}\n            title={name}\n          >\n            {name}\n          </Link>\n        ) : (\n          <span className={`${rows.primary} ${styles.clip}`}>{name}</span>\n        )}\n      </td>\n      {withBusiness && (\n        <td>\n          <Link\n            href={businessHref(shift.tenant.id)}\n            className={`text-brand-500 hover:underline ${styles.clip}`}\n            title={shift.tenant.name}\n          >\n            {shift.tenant.name || 'Unnamed business'}\n          </Link>\n        </td>\n      )}\n      <td className={list.muted}>\n        <span className={styles.clip}>{shift.operatorName ?? '–'}</span>\n      </td>\n      <td className={`${list.nowrap} ${list.muted}`}>{atTime(shift.openedAt)}</td>\n      <td className={list.nowrap}>\n        <span className={styles.cellStack}>\n          <span className={styles.seen}>\n            <ShiftStatus status={shift.status} />\n            {isLongOpen(shift) && (\n              <Badge variant=\"warning\">Open {shift.openHours} h</Badge>\n            )}\n          </span>\n          {ended && <span className={styles.subtle}>{ended}</span>}\n        </span>\n      </td>\n      <td className={list.num}>\n        <span className={styles.cellStack}>\n          <MoneyLines\n            amounts={shift.takings.amounts}\n            currency={currency}\n            empty=\"None\"\n          />\n          {shift.takings.count > 0 && (\n            <span className={styles.subtle}>\n              {count(shift.takings.count, 'payment')}\n            </span>\n          )}\n        </span>\n      </td>\n      <td className={rows.menuCell}>\n        <OverflowMenu label={`Actions for ${name}`}>\n          {t.label ? (\n            <OverflowItem\n              icon={<ExternalLink />}\n              onClick={() => router.push(terminalHref(t.id))}\n            >\n              Open terminal\n            </OverflowItem>\n          ) : null}\n          {canManage && canCloseShift(shift) ? (\n            <OverflowItem icon={<LockKeyhole />} onClick={onClose}>\n              Close shift\n            </OverflowItem>\n          ) : null}\n        </OverflowMenu>\n      </td>\n    </TableRow>\n  );\n}\n"],"mappings":";AAsBI,SACE,KADF;AApBJ,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAC1B,SAAS,cAAc,mBAAmB;AAC1C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,SAAS,YAAY,mBAAmB;AACxC,SAAS,eAAe,kBAAkB;AAC1C,SAAS,QAAQ,YAAY,aAAa;AAC1C,OAAO,YAAY;AAEZ,SAAS,UAAU,EAAE,aAAa,GAA8B;AACrE,SACE,qBAAC,QACC;AAAA,wBAAC,MAAG,sBAAQ;AAAA,IACX,gBAAgB,oBAAC,MAAG,sBAAQ;AAAA,IAC7B,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,oBAAM;AAAA,IACV,oBAAC,MAAG,oBAAM;AAAA,IACV,oBAAC,MAAG,OAAM,SAAQ,2BAAa;AAAA,IAC/B,oBAAC,MAAG,OAAM,SACR,8BAAC,UAAK,WAAU,WAAU,qBAAO,GACnC;AAAA,KACF;AAEJ;AAEO,MAAM,eAAe,CAAC,iBAA2B,eAAe,IAAI;AAEpE,MAAM,eAAe,CAAC,OAAe,wBAAwB,EAAE;AAE/D,MAAM,eAAe,CAAC,OAAe,kBAAkB,EAAE;AAMzD,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,SAAS,UAAU;AACzB,QAAM,IAAI,MAAM;AAChB,QAAM,OAAO,EAAE,SAAS;AACxB,QAAM,QAAQ,WAAW,KAAK;AAE9B,SACE,qBAAC,YACC;AAAA,wBAAC,QACE,YAAE,QACD;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,aAAa,EAAE,EAAE;AAAA,QACvB,WAAW,GAAG,KAAK,OAAO,IAAI,OAAO,IAAI;AAAA,QACzC,OAAO;AAAA,QAEN;AAAA;AAAA,IACH,IAEA,oBAAC,UAAK,WAAW,GAAG,KAAK,OAAO,IAAI,OAAO,IAAI,IAAK,gBAAK,GAE7D;AAAA,IACC,gBACC,oBAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,aAAa,MAAM,OAAO,EAAE;AAAA,QAClC,WAAW,kCAAkC,OAAO,IAAI;AAAA,QACxD,OAAO,MAAM,OAAO;AAAA,QAEnB,gBAAM,OAAO,QAAQ;AAAA;AAAA,IACxB,GACF;AAAA,IAEF,oBAAC,QAAG,WAAW,KAAK,OAClB,8BAAC,UAAK,WAAW,OAAO,MAAO,gBAAM,gBAAgB,UAAI,GAC3D;AAAA,IACA,oBAAC,QAAG,WAAW,GAAG,KAAK,MAAM,IAAI,KAAK,KAAK,IAAK,iBAAO,MAAM,QAAQ,GAAE;AAAA,IACvE,oBAAC,QAAG,WAAW,KAAK,QAClB,+BAAC,UAAK,WAAW,OAAO,WACtB;AAAA,2BAAC,UAAK,WAAW,OAAO,MACtB;AAAA,4BAAC,eAAY,QAAQ,MAAM,QAAQ;AAAA,QAClC,WAAW,KAAK,KACf,qBAAC,SAAM,SAAQ,WAAU;AAAA;AAAA,UAAM,MAAM;AAAA,UAAU;AAAA,WAAE;AAAA,SAErD;AAAA,MACC,SAAS,oBAAC,UAAK,WAAW,OAAO,QAAS,iBAAM;AAAA,OACnD,GACF;AAAA,IACA,oBAAC,QAAG,WAAW,KAAK,KAClB,+BAAC,UAAK,WAAW,OAAO,WACtB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MAAM,QAAQ;AAAA,UACvB;AAAA,UACA,OAAM;AAAA;AAAA,MACR;AAAA,MACC,MAAM,QAAQ,QAAQ,KACrB,oBAAC,UAAK,WAAW,OAAO,QACrB,gBAAM,MAAM,QAAQ,OAAO,SAAS,GACvC;AAAA,OAEJ,GACF;AAAA,IACA,oBAAC,QAAG,WAAW,KAAK,UAClB,+BAAC,gBAAa,OAAO,eAAe,IAAI,IACrC;AAAA,QAAE,QACD;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,oBAAC,gBAAa;AAAA,UACpB,SAAS,MAAM,OAAO,KAAK,aAAa,EAAE,EAAE,CAAC;AAAA,UAC9C;AAAA;AAAA,MAED,IACE;AAAA,MACH,aAAa,cAAc,KAAK,IAC/B,oBAAC,gBAAa,MAAM,oBAAC,eAAY,GAAI,SAAS,SAAS,yBAEvD,IACE;AAAA,OACN,GACF;AAAA,KACF;AAEJ;","names":[]}