@withpotter/pages-admin 0.13.0-next.124 → 0.13.0-next.58

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

@@ -2,11 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { ADMIN_NAME } from "../_shell/admin-brand";
-import {
-  useMerchantPayments,
-  usePlatformCockpit,
-  usePlatformRevenue
-} from "../hooks";
+import { usePlatformCockpit, usePlatformRevenue } from "../hooks";
 import { LoadFailed } from "../audit/load-failed";
 import {
   AdmLoading,
@@ -23,16 +19,10 @@ import {
   usePersistedDateRange,
   useTabParam
 } from "../_ui";
-import { MerchantPaymentsView } from "./merchant-payments-view";
-import { usePlanList } from "../pricing/use-plans";
 import { RevenueOverview } from "./revenue-overview";
 import { RevenueRetention } from "./revenue-retention";
-import { SubscriptionsView } from "./subscriptions-view";
-import { SummaryDownload } from "./summary-download";
 const TABS = [
-  { id: "overview", label: "Money Olive earns" },
-  { id: "merchants", label: "Merchant payments" },
-  { id: "subscriptions", label: "Subscriptions" },
+  { id: "overview", label: "Overview" },
   { id: "retention", label: "Retention" }
 ];
 const KEYS = TABS.map((t) => t.id);
@@ -54,19 +44,13 @@ function RevenueWorkspace() {
     startDate: range.startDate,
     endDate: range.endDate
   });
-  const plans = usePlanList();
   const cockpit = usePlatformCockpit({
     startDate: range.startDate,
     endDate: range.endDate
   });
-  const ledger = useMerchantPayments({
-    startDate: range.startDate,
-    endDate: range.endDate,
-    limit: 1
-  });
   const currencies = useMemo(() => data?.currencies ?? [], [data]);
   const focus = focusCurrency(currencies, currency);
-  const recurringCurrency = data?.currency || "NGN";
+  const recurringCurrency = data?.currency || "USD";
   const money = useMemo(() => moneyIn(recurringCurrency), [recurringCurrency]);
   const money2 = useMemo(
     () => moneyIn(recurringCurrency, 2),
@@ -85,24 +69,6 @@ function RevenueWorkspace() {
     );
   } else if (isLoading || !data) {
     body = /* @__PURE__ */ jsx(AdmLoading, { label: "Loading revenue metrics\u2026" });
-  } else if (tab === "merchants") {
-    body = /* @__PURE__ */ jsx(
-      MerchantPaymentsView,
-      {
-        startDate: range.startDate,
-        endDate: range.endDate,
-        currency
-      }
-    );
-  } else if (tab === "subscriptions") {
-    body = /* @__PURE__ */ jsx(
-      SubscriptionsView,
-      {
-        startDate: range.startDate,
-        endDate: range.endDate,
-        revenue: data
-      }
-    );
   } else if (tab === "retention") {
     body = /* @__PURE__ */ jsx(
       RevenueRetention,
@@ -117,17 +83,15 @@ function RevenueWorkspace() {
     body = /* @__PURE__ */ jsx(
       RevenueOverview,
       {
-        startDate: range.startDate,
-        endDate: range.endDate,
         data,
         health: cockpit.data?.health,
         money,
         money2,
         currency,
         focus,
+        period,
         span,
-        recurringCaption: `${period} \xB7 ${recurringCurrency}`,
-        plans: plans.data
+        recurringCaption: `${period} \xB7 ${recurringCurrency}`
       }
     );
   }
@@ -136,19 +100,8 @@ function RevenueWorkspace() {
       PageHeader,
       {
         title: "Revenue",
-        description: `How money flows through ${ADMIN_NAME}: what it earns, where it comes from, what it costs and what is left.`,
+        description: `${ADMIN_NAME}'s subscription income each month and year, and the merchant sales (GMV) it is based on.`,
         actions: /* @__PURE__ */ jsxs("div", { className: "adm-toolbar", children: [
-          tab === "overview" ? /* @__PURE__ */ jsx(
-            SummaryDownload,
-            {
-              ledger: ledger.data,
-              revenue: data,
-              currency: focus ?? "NGN",
-              startDate: range.startDate,
-              endDate: range.endDate,
-              period
-            }
-          ) : null,
           /* @__PURE__ */ jsx(
             CurrencyFilter,
             {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/revenue/revenue-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { ADMIN_NAME } from '../_shell/admin-brand';\nimport {\n  useMerchantPayments,\n  usePlatformCockpit,\n  usePlatformRevenue,\n} from '../hooks';\nimport { LoadFailed } from '../audit/load-failed';\nimport {\n  AdmLoading,\n  CurrencyFilter,\n  PageHeader,\n  PageTabs,\n  PeriodSelector,\n  customRange,\n  focusCurrency,\n  moneyIn,\n  periodPhrase,\n  rangeFromKey,\n  useCurrencyParam,\n  usePersistedDateRange,\n  useTabParam,\n} from '../_ui';\nimport { MerchantPaymentsView } from './merchant-payments-view';\nimport { usePlanList } from '../pricing/use-plans';\nimport { RevenueOverview } from './revenue-overview';\nimport { RevenueRetention } from './revenue-retention';\nimport { SubscriptionsView } from './subscriptions-view';\nimport { SummaryDownload } from './summary-download';\n\nconst TABS = [\n  { id: 'overview', label: 'Money Olive earns' },\n  { id: 'merchants', label: 'Merchant payments' },\n  { id: 'subscriptions', label: 'Subscriptions' },\n  { id: 'retention', label: 'Retention' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/**\n * Revenue: the whole picture on Overview, what customers paid merchants on\n * Merchant payments, what merchants pay Olive on Subscriptions, and revenue\n * quality and cohorts on Retention.\n */\nexport function RevenueWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const {\n    rangeKey,\n    setRangeKey,\n    customStart,\n    customEnd,\n    onCustomChange,\n  } = usePersistedDateRange();\n  // Merchant GMV comes back once per currency; `?currency=` narrows it.\n  const [currency, setCurrency] = useCurrencyParam();\n\n  const range = useMemo(\n    () =>\n      rangeKey === 'custom'\n        ? customRange(customStart, customEnd)\n        : rangeFromKey(rangeKey),\n    [rangeKey, customStart, customEnd],\n  );\n\n  const { data, isLoading, isError, refetch } = usePlatformRevenue({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n  // Revenue health (MRR movement, logo churn, concentration) is computed as\n  // part of the cockpit, not the revenue endpoint — fetched here too rather\n  // than duplicating that aggregation.\n  const plans = usePlanList();\n  const cockpit = usePlatformCockpit({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n\n  // The same totals the Merchant payments tab reads, one row only, for the summary download.\n  const ledger = useMerchantPayments({\n    startDate: range.startDate,\n    endDate: range.endDate,\n    limit: 1,\n  });\n\n  const currencies = useMemo(() => data?.currencies ?? [], [data]);\n  const focus = focusCurrency(currencies, currency);\n  // Recurring revenue is the platform's own billing, in the currency the API\n  // names for it (`currency`), shown as it comes, never converted.\n  const recurringCurrency = data?.currency || 'NGN';\n  const money = useMemo(() => moneyIn(recurringCurrency), [recurringCurrency]);\n  const money2 = useMemo(\n    () => moneyIn(recurringCurrency, 2),\n    [recurringCurrency],\n  );\n\n  const span = periodPhrase(range);\n  const period = `${span[0].toUpperCase()}${span.slice(1)}`;\n\n  let body;\n  if (isError) {\n    body = (\n      <LoadFailed\n        message=\"Revenue for this period could not be loaded.\"\n        onRetry={() => void refetch()}\n      />\n    );\n  } else if (isLoading || !data) {\n    body = <AdmLoading label=\"Loading revenue metrics…\" />;\n  } else if (tab === 'merchants') {\n    body = (\n      <MerchantPaymentsView\n        startDate={range.startDate}\n        endDate={range.endDate}\n        currency={currency}\n      />\n    );\n  } else if (tab === 'subscriptions') {\n    body = (\n      <SubscriptionsView\n        startDate={range.startDate}\n        endDate={range.endDate}\n        revenue={data}\n      />\n    );\n  } else if (tab === 'retention') {\n    body = (\n      <RevenueRetention\n        quality={data.quality}\n        money={money}\n        currency={currency}\n        caption={currency ? `${period} · ${currency}` : period}\n      />\n    );\n  } else {\n    body = (\n      <RevenueOverview\n        startDate={range.startDate}\n        endDate={range.endDate}\n        data={data}\n        health={cockpit.data?.health}\n        money={money}\n        money2={money2}\n        currency={currency}\n        focus={focus}\n        span={span}\n        recurringCaption={`${period} · ${recurringCurrency}`}\n        plans={plans.data}\n      />\n    );\n  }\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Revenue\"\n        description={`How money flows through ${ADMIN_NAME}: what it earns, where it comes from, what it costs and what is left.`}\n        actions={\n          <div className=\"adm-toolbar\">\n            {tab === 'overview' ? (\n              <SummaryDownload\n                ledger={ledger.data}\n                revenue={data}\n                currency={focus ?? 'NGN'}\n                startDate={range.startDate}\n                endDate={range.endDate}\n                period={period}\n              />\n            ) : null}\n            <CurrencyFilter\n              value={currency}\n              onChange={setCurrency}\n              currencies={currencies}\n            />\n            <PeriodSelector\n              value={rangeKey}\n              onChange={setRangeKey}\n              customStart={customStart}\n              customEnd={customEnd}\n              onCustomChange={onCustomChange}\n            />\n          </div>\n        }\n      />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n      {body}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/revenue/revenue-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { ADMIN_NAME } from '../_shell/admin-brand';\nimport { usePlatformCockpit, usePlatformRevenue } from '../hooks';\nimport { LoadFailed } from '../audit/load-failed';\nimport {\n  AdmLoading,\n  CurrencyFilter,\n  PageHeader,\n  PageTabs,\n  PeriodSelector,\n  customRange,\n  focusCurrency,\n  moneyIn,\n  periodPhrase,\n  rangeFromKey,\n  useCurrencyParam,\n  usePersistedDateRange,\n  useTabParam,\n} from '../_ui';\nimport { RevenueOverview } from './revenue-overview';\nimport { RevenueRetention } from './revenue-retention';\n\nconst TABS = [\n  { id: 'overview', label: 'Overview' },\n  { id: 'retention', label: 'Retention' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/** Revenue: headline money on Overview, revenue quality and cohorts on Retention. */\nexport function RevenueWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const {\n    rangeKey,\n    setRangeKey,\n    customStart,\n    customEnd,\n    onCustomChange,\n  } = usePersistedDateRange();\n  // Merchant GMV comes back once per currency; `?currency=` narrows it.\n  const [currency, setCurrency] = useCurrencyParam();\n\n  const range = useMemo(\n    () =>\n      rangeKey === 'custom'\n        ? customRange(customStart, customEnd)\n        : rangeFromKey(rangeKey),\n    [rangeKey, customStart, customEnd],\n  );\n\n  const { data, isLoading, isError, refetch } = usePlatformRevenue({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n  // Revenue health (MRR movement, logo churn, concentration) is computed as\n  // part of the cockpit, not the revenue endpoint — fetched here too rather\n  // than duplicating that aggregation.\n  const cockpit = usePlatformCockpit({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n\n  const currencies = useMemo(() => data?.currencies ?? [], [data]);\n  const focus = focusCurrency(currencies, currency);\n  // Recurring revenue is the platform's own billing, in the currency the API\n  // names for it (`currency`), shown as it comes, never converted.\n  const recurringCurrency = data?.currency || 'USD';\n  const money = useMemo(() => moneyIn(recurringCurrency), [recurringCurrency]);\n  const money2 = useMemo(\n    () => moneyIn(recurringCurrency, 2),\n    [recurringCurrency],\n  );\n\n  const span = periodPhrase(range);\n  const period = `${span[0].toUpperCase()}${span.slice(1)}`;\n\n  let body;\n  if (isError) {\n    body = (\n      <LoadFailed\n        message=\"Revenue for this period could not be loaded.\"\n        onRetry={() => void refetch()}\n      />\n    );\n  } else if (isLoading || !data) {\n    body = <AdmLoading label=\"Loading revenue metrics…\" />;\n  } else if (tab === 'retention') {\n    body = (\n      <RevenueRetention\n        quality={data.quality}\n        money={money}\n        currency={currency}\n        caption={currency ? `${period} · ${currency}` : period}\n      />\n    );\n  } else {\n    body = (\n      <RevenueOverview\n        data={data}\n        health={cockpit.data?.health}\n        money={money}\n        money2={money2}\n        currency={currency}\n        focus={focus}\n        period={period}\n        span={span}\n        recurringCaption={`${period} · ${recurringCurrency}`}\n      />\n    );\n  }\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Revenue\"\n        description={`${ADMIN_NAME}'s subscription income each month and year, and the merchant sales (GMV) it is based on.`}\n        actions={\n          <div className=\"adm-toolbar\">\n            <CurrencyFilter\n              value={currency}\n              onChange={setCurrency}\n              currencies={currencies}\n            />\n            <PeriodSelector\n              value={rangeKey}\n              onChange={setRangeKey}\n              customStart={customStart}\n              customEnd={customEnd}\n              onCustomChange={onCustomChange}\n            />\n          </div>\n        }\n      />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n      {body}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/revenue/subscriptions-panel.js

@@ -8,49 +8,49 @@ function SubscriptionsPanel({
 }) {
   const rows = [
     {
-      label: "Payment missed",
+      label: "Past due",
       status: "past_due",
-      note: "Their last payment failed, so they may leave",
+      note: "Payment failed, at risk of churning",
       value: integer.format(recurring.pastDueSubscriptions),
       tone: recurring.pastDueSubscriptions > 0 ? "danger" : "default"
     },
     {
-      label: "Set to end",
+      label: "Non-renewing",
       status: "non_renewing",
-      note: "Will not renew when the paid period ends",
+      note: "Set to cancel at period end",
       value: integer.format(recurring.nonRenewingSubscriptions),
       tone: recurring.nonRenewingSubscriptions > 0 ? "danger" : "default"
     },
     {
       label: "Active",
       status: "active",
-      note: "Paying for their plan",
+      note: "Paying on a live billing cycle",
       value: integer.format(recurring.activeSubscriptions)
     },
     {
-      label: "On a trial",
+      label: "Trialing",
       status: "trialing",
-      note: "Trying a plan, not yet paying",
+      note: "In trial, not yet billed",
       value: integer.format(recurring.trialingSubscriptions)
     },
     {
-      label: "Joined this period",
-      note: `Started paying in ${span}`,
+      label: "New this period",
+      note: `Started in ${span}`,
       value: integer.format(recurring.newInRange)
     },
     {
-      label: "Left this period",
-      note: `Stopped paying in ${span}`,
+      label: "Churned this period",
+      note: `Cancelled in ${span}`,
       value: integer.format(recurring.churnedInRange),
       tone: recurring.churnedInRange > 0 ? "danger" : "default"
     },
     {
-      label: "Cancelled in total",
-      note: "Since the start",
+      label: "Cancelled",
+      note: "Lifetime total",
       value: integer.format(recurring.cancelledSubscriptions)
     }
   ];
-  return /* @__PURE__ */ jsx(Panel, { title: "Plan subscriptions", caption: "Right now", height: "var(--adm-panel-h)", children: /* @__PURE__ */ jsx(FigureList, { rows }) });
+  return /* @__PURE__ */ jsx(Panel, { title: "Subscriptions", caption: "Today", height: "var(--adm-panel-h)", children: /* @__PURE__ */ jsx(FigureList, { rows }) });
 }
 export {
   SubscriptionsPanel

package/dist/admin/revenue/subscriptions-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/revenue/subscriptions-panel.tsx"],"sourcesContent":["import type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { Panel } from '../_ui';\nimport { FigureList, type Figure } from './figure-list';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/** Where the subscription base stands, and what started in the window. */\nexport function SubscriptionsPanel({\n  recurring,\n  span,\n}: {\n  recurring: PlatformRevenue['recurring'];\n  span: string;\n}) {\n  const rows: Figure[] = [\n    {\n      label: 'Payment missed',\n      status: 'past_due',\n      note: 'Their last payment failed, so they may leave',\n      value: integer.format(recurring.pastDueSubscriptions),\n      tone: recurring.pastDueSubscriptions > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Set to end',\n      status: 'non_renewing',\n      note: 'Will not renew when the paid period ends',\n      value: integer.format(recurring.nonRenewingSubscriptions),\n      tone: recurring.nonRenewingSubscriptions > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Active',\n      status: 'active',\n      note: 'Paying for their plan',\n      value: integer.format(recurring.activeSubscriptions),\n    },\n    {\n      label: 'On a trial',\n      status: 'trialing',\n      note: 'Trying a plan, not yet paying',\n      value: integer.format(recurring.trialingSubscriptions),\n    },\n    {\n      label: 'Joined this period',\n      note: `Started paying in ${span}`,\n      value: integer.format(recurring.newInRange),\n    },\n    {\n      label: 'Left this period',\n      note: `Stopped paying in ${span}`,\n      value: integer.format(recurring.churnedInRange),\n      tone: recurring.churnedInRange > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Cancelled in total',\n      note: 'Since the start',\n      value: integer.format(recurring.cancelledSubscriptions),\n    },\n  ];\n\n  return (\n    <Panel title=\"Plan subscriptions\" caption=\"Right now\" height=\"var(--adm-panel-h)\">\n      <FigureList rows={rows} />\n    </Panel>\n  );\n}\n"],"mappings":"AA6DM;AA5DN,SAAS,aAAa;AACtB,SAAS,kBAA+B;AAExC,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAGtC,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAiB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,oBAAoB;AAAA,MACpD,MAAM,UAAU,uBAAuB,IAAI,WAAW;AAAA,IACxD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,wBAAwB;AAAA,MACxD,MAAM,UAAU,2BAA2B,IAAI,WAAW;AAAA,IAC5D;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,mBAAmB;AAAA,IACrD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,qBAAqB;AAAA,IACvD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM,qBAAqB,IAAI;AAAA,MAC/B,OAAO,QAAQ,OAAO,UAAU,UAAU;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM,qBAAqB,IAAI;AAAA,MAC/B,OAAO,QAAQ,OAAO,UAAU,cAAc;AAAA,MAC9C,MAAM,UAAU,iBAAiB,IAAI,WAAW;AAAA,IAClD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,sBAAsB;AAAA,IACxD;AAAA,EACF;AAEA,SACE,oBAAC,SAAM,OAAM,sBAAqB,SAAQ,aAAY,QAAO,sBAC3D,8BAAC,cAAW,MAAY,GAC1B;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/revenue/subscriptions-panel.tsx"],"sourcesContent":["import type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { Panel } from '../_ui';\nimport { FigureList, type Figure } from './figure-list';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/** Where the subscription base stands, and what started in the window. */\nexport function SubscriptionsPanel({\n  recurring,\n  span,\n}: {\n  recurring: PlatformRevenue['recurring'];\n  span: string;\n}) {\n  const rows: Figure[] = [\n    {\n      label: 'Past due',\n      status: 'past_due',\n      note: 'Payment failed, at risk of churning',\n      value: integer.format(recurring.pastDueSubscriptions),\n      tone: recurring.pastDueSubscriptions > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Non-renewing',\n      status: 'non_renewing',\n      note: 'Set to cancel at period end',\n      value: integer.format(recurring.nonRenewingSubscriptions),\n      tone: recurring.nonRenewingSubscriptions > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Active',\n      status: 'active',\n      note: 'Paying on a live billing cycle',\n      value: integer.format(recurring.activeSubscriptions),\n    },\n    {\n      label: 'Trialing',\n      status: 'trialing',\n      note: 'In trial, not yet billed',\n      value: integer.format(recurring.trialingSubscriptions),\n    },\n    {\n      label: 'New this period',\n      note: `Started in ${span}`,\n      value: integer.format(recurring.newInRange),\n    },\n    {\n      label: 'Churned this period',\n      note: `Cancelled in ${span}`,\n      value: integer.format(recurring.churnedInRange),\n      tone: recurring.churnedInRange > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Cancelled',\n      note: 'Lifetime total',\n      value: integer.format(recurring.cancelledSubscriptions),\n    },\n  ];\n\n  return (\n    <Panel title=\"Subscriptions\" caption=\"Today\" height=\"var(--adm-panel-h)\">\n      <FigureList rows={rows} />\n    </Panel>\n  );\n}\n"],"mappings":"AA6DM;AA5DN,SAAS,aAAa;AACtB,SAAS,kBAA+B;AAExC,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAGtC,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAiB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,oBAAoB;AAAA,MACpD,MAAM,UAAU,uBAAuB,IAAI,WAAW;AAAA,IACxD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,wBAAwB;AAAA,MACxD,MAAM,UAAU,2BAA2B,IAAI,WAAW;AAAA,IAC5D;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,mBAAmB;AAAA,IACrD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,qBAAqB;AAAA,IACvD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM,cAAc,IAAI;AAAA,MACxB,OAAO,QAAQ,OAAO,UAAU,UAAU;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM,gBAAgB,IAAI;AAAA,MAC1B,OAAO,QAAQ,OAAO,UAAU,cAAc;AAAA,MAC9C,MAAM,UAAU,iBAAiB,IAAI,WAAW;AAAA,IAClD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,UAAU,sBAAsB;AAAA,IACxD;AAAA,EACF;AAEA,SACE,oBAAC,SAAM,OAAM,iBAAgB,SAAQ,SAAQ,QAAO,sBAClD,8BAAC,cAAW,MAAY,GAC1B;AAEJ;","names":[]}

package/dist/admin/revenue/top-tenants-panel.js

@@ -17,7 +17,7 @@ function TopTenantsPanel({
   return /* @__PURE__ */ jsx(
     Panel,
     {
-      title: "Biggest merchants by sales",
+      title: "Top merchants by GMV",
       count: tenants.length || void 0,
       caption: focus ?? void 0,
       action: /* @__PURE__ */ jsx(Link, { href: "/admin/tenants", children: "View all" }),
@@ -31,9 +31,9 @@ function TopTenantsPanel({
           head: /* @__PURE__ */ jsxs("tr", { children: [
             /* @__PURE__ */ jsx(Th, { children: "Merchant" }),
             /* @__PURE__ */ jsx(Th, { align: "right", children: "Orders" }),
-            /* @__PURE__ */ jsx(Th, { align: "right", children: "Average order" }),
-            /* @__PURE__ */ jsx(Th, { align: "right", children: "Sales" }),
-            /* @__PURE__ */ jsx(Th, { align: "right", children: "Share of sales" })
+            /* @__PURE__ */ jsx(Th, { align: "right", children: "AOV" }),
+            /* @__PURE__ */ jsx(Th, { align: "right", children: "GMV" }),
+            /* @__PURE__ */ jsx(Th, { align: "right", children: "% of GMV" })
           ] }),
           children: tenants.map((t) => {
             const aov = t.orders > 0 ? t.gmv / t.orders : 0;

package/dist/admin/revenue/top-tenants-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/revenue/top-tenants-panel.tsx"],"sourcesContent":["import Link from 'next/link';\nimport { useRouter } from 'next/navigation';\nimport { EmptyNote, TableRow, TableShell, Th } from '@withpotter/ui-kit';\nimport type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { EntityAvatar } from '../_fx';\nimport { PICK_CURRENCY, Panel, moneyIn } from '../_ui';\nimport { logoOf } from '../tenants/tenants-logo';\nimport styles from './revenue.module.css';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/**\n * Merchants ranked by GMV within one currency, with order count, AOV and\n * share of that currency's lifetime GMV.\n */\nexport function TopTenantsPanel({\n  tenants,\n  lifetime,\n  focus,\n}: {\n  tenants: PlatformRevenue['gmv']['topTenants'];\n  /** Lifetime GMV in `focus`, the base for each share. */\n  lifetime: number;\n  /** The one currency ranked, or null when there are several and none is chosen. */\n  focus: string | null;\n}) {\n  const router = useRouter();\n  const money = moneyIn(focus ?? '');\n\n  return (\n    <Panel\n      title=\"Biggest merchants by sales\"\n      count={tenants.length || undefined}\n      caption={focus ?? undefined}\n      action={<Link href=\"/admin/tenants\">View all</Link>}\n      flush\n    >\n      {tenants.length === 0 ? (\n        <EmptyNote className={styles.empty}>\n          {focus ? `No ${focus} merchant revenue recorded yet.` : PICK_CURRENCY}\n        </EmptyNote>\n      ) : (\n        <TableShell\n          bare\n          minWidth={520}\n          density=\"compact\"\n          head={\n            <tr>\n              <Th>Merchant</Th>\n              <Th align=\"right\">Orders</Th>\n              <Th align=\"right\">Average order</Th>\n              <Th align=\"right\">Sales</Th>\n              <Th align=\"right\">Share of sales</Th>\n            </tr>\n          }\n        >\n          {tenants.map((t) => {\n            const aov = t.orders > 0 ? t.gmv / t.orders : 0;\n            const share = lifetime > 0 ? (t.gmv / lifetime) * 100 : 0;\n            const logo = logoOf(t);\n            return (\n              <TableRow\n                key={t.id}\n                onClick={() => router.push(`/admin/tenants/${t.id}`)}\n              >\n                <td className={styles.name}>\n                  <span className={styles.tenant}>\n                    {logo && (\n                      <EntityAvatar\n                        name={t.businessName}\n                        src={logo}\n                        size={28}\n                      />\n                    )}\n                    <span className={styles.tenantText}>\n                      <Link\n                        href={`/admin/tenants/${t.id}`}\n                        title={t.businessName}\n                        onClick={(e) => e.stopPropagation()}\n                      >\n                        {t.businessName}\n                      </Link>\n                      {t.slug && (\n                        <span className={styles.slug} title={t.slug}>\n                          {t.slug}\n                        </span>\n                      )}\n                    </span>\n                  </span>\n                </td>\n                <td className={styles.num}>{integer.format(t.orders)}</td>\n                <td className={styles.num}>{money(aov)}</td>\n                <td className={styles.numStrong}>{money(t.gmv)}</td>\n                <td className={styles.num}>\n                  <span className={styles.share}>\n                    <span className={styles.shareTrack} aria-hidden>\n                      <span\n                        className={styles.shareFill}\n                        style={{ width: `${Math.min(share, 100)}%` }}\n                      />\n                    </span>\n                    {share.toFixed(1)}%\n                  </span>\n                </td>\n              </TableRow>\n            );\n          })}\n        </TableShell>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":"AAkCc,cAaF,YAbE;AAlCd,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAC1B,SAAS,WAAW,UAAU,YAAY,UAAU;AAEpD,SAAS,oBAAoB;AAC7B,SAAS,eAAe,OAAO,eAAe;AAC9C,SAAS,cAAc;AACvB,OAAO,YAAY;AAEnB,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAMtC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,SAAS,UAAU;AACzB,QAAM,QAAQ,QAAQ,SAAS,EAAE;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,QAAQ,UAAU;AAAA,MACzB,SAAS,SAAS;AAAA,MAClB,QAAQ,oBAAC,QAAK,MAAK,kBAAiB,sBAAQ;AAAA,MAC5C,OAAK;AAAA,MAEJ,kBAAQ,WAAW,IAClB,oBAAC,aAAU,WAAW,OAAO,OAC1B,kBAAQ,MAAM,KAAK,oCAAoC,eAC1D,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,UAAU;AAAA,UACV,SAAQ;AAAA,UACR,MACE,qBAAC,QACC;AAAA,gCAAC,MAAG,sBAAQ;AAAA,YACZ,oBAAC,MAAG,OAAM,SAAQ,oBAAM;AAAA,YACxB,oBAAC,MAAG,OAAM,SAAQ,2BAAa;AAAA,YAC/B,oBAAC,MAAG,OAAM,SAAQ,mBAAK;AAAA,YACvB,oBAAC,MAAG,OAAM,SAAQ,4BAAc;AAAA,aAClC;AAAA,UAGD,kBAAQ,IAAI,CAAC,MAAM;AAClB,kBAAM,MAAM,EAAE,SAAS,IAAI,EAAE,MAAM,EAAE,SAAS;AAC9C,kBAAM,QAAQ,WAAW,IAAK,EAAE,MAAM,WAAY,MAAM;AACxD,kBAAM,OAAO,OAAO,CAAC;AACrB,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,SAAS,MAAM,OAAO,KAAK,kBAAkB,EAAE,EAAE,EAAE;AAAA,gBAEnD;AAAA,sCAAC,QAAG,WAAW,OAAO,MACpB,+BAAC,UAAK,WAAW,OAAO,QACrB;AAAA,4BACC;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAM,EAAE;AAAA,wBACR,KAAK;AAAA,wBACL,MAAM;AAAA;AAAA,oBACR;AAAA,oBAEF,qBAAC,UAAK,WAAW,OAAO,YACtB;AAAA;AAAA,wBAAC;AAAA;AAAA,0BACC,MAAM,kBAAkB,EAAE,EAAE;AAAA,0BAC5B,OAAO,EAAE;AAAA,0BACT,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,0BAEjC,YAAE;AAAA;AAAA,sBACL;AAAA,sBACC,EAAE,QACD,oBAAC,UAAK,WAAW,OAAO,MAAM,OAAO,EAAE,MACpC,YAAE,MACL;AAAA,uBAEJ;AAAA,qBACF,GACF;AAAA,kBACA,oBAAC,QAAG,WAAW,OAAO,KAAM,kBAAQ,OAAO,EAAE,MAAM,GAAE;AAAA,kBACrD,oBAAC,QAAG,WAAW,OAAO,KAAM,gBAAM,GAAG,GAAE;AAAA,kBACvC,oBAAC,QAAG,WAAW,OAAO,WAAY,gBAAM,EAAE,GAAG,GAAE;AAAA,kBAC/C,oBAAC,QAAG,WAAW,OAAO,KACpB,+BAAC,UAAK,WAAW,OAAO,OACtB;AAAA,wCAAC,UAAK,WAAW,OAAO,YAAY,eAAW,MAC7C;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAW,OAAO;AAAA,wBAClB,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,OAAO,GAAG,CAAC,IAAI;AAAA;AAAA,oBAC7C,GACF;AAAA,oBACC,MAAM,QAAQ,CAAC;AAAA,oBAAE;AAAA,qBACpB,GACF;AAAA;AAAA;AAAA,cAzCK,EAAE;AAAA,YA0CT;AAAA,UAEJ,CAAC;AAAA;AAAA,MACH;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/revenue/top-tenants-panel.tsx"],"sourcesContent":["import Link from 'next/link';\nimport { useRouter } from 'next/navigation';\nimport { EmptyNote, TableRow, TableShell, Th } from '@withpotter/ui-kit';\nimport type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { EntityAvatar } from '../_fx';\nimport { PICK_CURRENCY, Panel, moneyIn } from '../_ui';\nimport { logoOf } from '../tenants/tenants-logo';\nimport styles from './revenue.module.css';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/**\n * Merchants ranked by GMV within one currency, with order count, AOV and\n * share of that currency's lifetime GMV.\n */\nexport function TopTenantsPanel({\n  tenants,\n  lifetime,\n  focus,\n}: {\n  tenants: PlatformRevenue['gmv']['topTenants'];\n  /** Lifetime GMV in `focus`, the base for each share. */\n  lifetime: number;\n  /** The one currency ranked, or null when there are several and none is chosen. */\n  focus: string | null;\n}) {\n  const router = useRouter();\n  const money = moneyIn(focus ?? '');\n\n  return (\n    <Panel\n      title=\"Top merchants by GMV\"\n      count={tenants.length || undefined}\n      caption={focus ?? undefined}\n      action={<Link href=\"/admin/tenants\">View all</Link>}\n      flush\n    >\n      {tenants.length === 0 ? (\n        <EmptyNote className={styles.empty}>\n          {focus ? `No ${focus} merchant revenue recorded yet.` : PICK_CURRENCY}\n        </EmptyNote>\n      ) : (\n        <TableShell\n          bare\n          minWidth={520}\n          density=\"compact\"\n          head={\n            <tr>\n              <Th>Merchant</Th>\n              <Th align=\"right\">Orders</Th>\n              <Th align=\"right\">AOV</Th>\n              <Th align=\"right\">GMV</Th>\n              <Th align=\"right\">% of GMV</Th>\n            </tr>\n          }\n        >\n          {tenants.map((t) => {\n            const aov = t.orders > 0 ? t.gmv / t.orders : 0;\n            const share = lifetime > 0 ? (t.gmv / lifetime) * 100 : 0;\n            const logo = logoOf(t);\n            return (\n              <TableRow\n                key={t.id}\n                onClick={() => router.push(`/admin/tenants/${t.id}`)}\n              >\n                <td className={styles.name}>\n                  <span className={styles.tenant}>\n                    {logo && (\n                      <EntityAvatar\n                        name={t.businessName}\n                        src={logo}\n                        size={28}\n                      />\n                    )}\n                    <span className={styles.tenantText}>\n                      <Link\n                        href={`/admin/tenants/${t.id}`}\n                        title={t.businessName}\n                        onClick={(e) => e.stopPropagation()}\n                      >\n                        {t.businessName}\n                      </Link>\n                      {t.slug && (\n                        <span className={styles.slug} title={t.slug}>\n                          {t.slug}\n                        </span>\n                      )}\n                    </span>\n                  </span>\n                </td>\n                <td className={styles.num}>{integer.format(t.orders)}</td>\n                <td className={styles.num}>{money(aov)}</td>\n                <td className={styles.numStrong}>{money(t.gmv)}</td>\n                <td className={styles.num}>\n                  <span className={styles.share}>\n                    <span className={styles.shareTrack} aria-hidden>\n                      <span\n                        className={styles.shareFill}\n                        style={{ width: `${Math.min(share, 100)}%` }}\n                      />\n                    </span>\n                    {share.toFixed(1)}%\n                  </span>\n                </td>\n              </TableRow>\n            );\n          })}\n        </TableShell>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/settings/account-tab.js

@@ -2,17 +2,21 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useRouter } from "next/navigation";
-import { Button } from "@withpotter/ui-kit";
+import { Button, useConfirm, useToast } from "@withpotter/ui-kit";
 import { SUPPORT_INBOX_EMAIL } from "@withpotter/lib/support-inbox";
 import { useAdminSession } from "../hooks";
+import { settingsStore } from "../_settings";
 import { useModuleOn } from "../_shell/modules-context";
 import { signOutAdmin } from "../_shell/sign-out";
 import { ChangePasswordDialog } from "./change-password-dialog";
 import { ProfileCard } from "./profile-card";
 import { SettingRow, SettingsCard } from "./setting-row";
+import { SystemStatusCard } from "./system-status-card";
 import styles from "./settings.module.css";
 function AccountTab() {
   const router = useRouter();
+  const confirm = useConfirm();
+  const { toast } = useToast();
   const { data: session } = useAdminSession();
   const [changing, setChanging] = useState(false);
   const [leaving, setLeaving] = useState(false);
@@ -22,6 +26,17 @@ function AccountTab() {
     await signOutAdmin();
     router.replace("/admin/login");
   };
+  const reset = async () => {
+    const ok = await confirm({
+      title: "Reset settings on this device?",
+      description: "Density, accessibility, notification and shortcut choices go back to their defaults. Your account is not affected.",
+      confirmLabel: "Reset settings",
+      tone: "danger"
+    });
+    if (!ok) return;
+    settingsStore.reset();
+    toast({ title: "Settings reset on this device" });
+  };
   return /* @__PURE__ */ jsxs("div", { className: styles.stack, children: [
     session && /* @__PURE__ */ jsx(ProfileCard, { session }),
     /* @__PURE__ */ jsxs(SettingsCard, { title: "Security", children: [
@@ -42,6 +57,14 @@ function AccountTab() {
         }
       )
     ] }),
+    /* @__PURE__ */ jsx(SettingsCard, { title: "This device", children: /* @__PURE__ */ jsx(
+      SettingRow,
+      {
+        label: "Reset all settings on this device",
+        description: "Every preference on this page returns to its default.",
+        children: /* @__PURE__ */ jsx(Button, { variant: "danger", onClick: reset, children: "Reset" })
+      }
+    ) }),
     supportOn && /* @__PURE__ */ jsx(SettingsCard, { title: "Support inbox", children: /* @__PURE__ */ jsx(
       SettingRow,
       {
@@ -50,6 +73,7 @@ function AccountTab() {
         children: /* @__PURE__ */ jsx("span", { className: styles.value, title: SUPPORT_INBOX_EMAIL, children: SUPPORT_INBOX_EMAIL })
       }
     ) }),
+    /* @__PURE__ */ jsx(SystemStatusCard, {}),
     changing && /* @__PURE__ */ jsx(ChangePasswordDialog, { onClose: () => setChanging(false) })
   ] });
 }

package/dist/admin/settings/account-tab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/settings/account-tab.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useRouter } from 'next/navigation';\nimport { Button } from '@withpotter/ui-kit';\nimport { SUPPORT_INBOX_EMAIL } from '@withpotter/lib/support-inbox';\nimport { useAdminSession } from '../hooks';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { signOutAdmin } from '../_shell/sign-out';\nimport { ChangePasswordDialog } from './change-password-dialog';\nimport { ProfileCard } from './profile-card';\nimport { SettingRow, SettingsCard } from './setting-row';\nimport styles from './settings.module.css';\n\n/**\n * Who you are and how you sign in. The support inbox\n * address shows only where this box serves Support.\n */\nexport function AccountTab() {\n  const router = useRouter();\n  const { data: session } = useAdminSession();\n  const [changing, setChanging] = useState(false);\n  const [leaving, setLeaving] = useState(false);\n  const supportOn = useModuleOn('support');\n\n  const signOut = async () => {\n    setLeaving(true);\n    await signOutAdmin();\n    router.replace('/admin/login');\n  };\n\n  return (\n    <div className={styles.stack}>\n      {session && <ProfileCard session={session} />}\n      <SettingsCard title=\"Security\">\n        <SettingRow\n          label=\"Password\"\n          description=\"At least 12 characters. You stay signed in here.\"\n        >\n          <Button variant=\"secondary\" onClick={() => setChanging(true)}>\n            Change password\n          </Button>\n        </SettingRow>\n        <SettingRow\n          label=\"Sign out\"\n          description=\"Also ends any View as owner session.\"\n        >\n          <Button variant=\"secondary\" loading={leaving} onClick={signOut}>\n            Sign out\n          </Button>\n        </SettingRow>\n      </SettingsCard>\n      {supportOn && (\n        <SettingsCard title=\"Support inbox\">\n          <SettingRow\n            label=\"Inbound address\"\n            description=\"Merchants write here; each email opens a case in Support.\"\n          >\n            <span className={styles.value} title={SUPPORT_INBOX_EMAIL}>\n              {SUPPORT_INBOX_EMAIL}\n            </span>\n          </SettingRow>\n        </SettingsCard>\n      )}\n      {changing && <ChangePasswordDialog onClose={() => setChanging(false)} />}\n    </div>\n  );\n}\n"],"mappings":";AAiCkB,cACZ,YADY;AA/BlB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,YAAY,oBAAoB;AACzC,OAAO,YAAY;AAMZ,SAAS,aAAa;AAC3B,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,MAAM,QAAQ,IAAI,gBAAgB;AAC1C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,YAAY,YAAY,SAAS;AAEvC,QAAM,UAAU,YAAY;AAC1B,eAAW,IAAI;AACf,UAAM,aAAa;AACnB,WAAO,QAAQ,cAAc;AAAA,EAC/B;AAEA,SACE,qBAAC,SAAI,WAAW,OAAO,OACpB;AAAA,eAAW,oBAAC,eAAY,SAAkB;AAAA,IAC3C,qBAAC,gBAAa,OAAM,YAClB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ,8BAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,YAAY,IAAI,GAAG,6BAE9D;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ,8BAAC,UAAO,SAAQ,aAAY,SAAS,SAAS,SAAS,SAAS,sBAEhE;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IACC,aACC,oBAAC,gBAAa,OAAM,iBAClB;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QAEZ,8BAAC,UAAK,WAAW,OAAO,OAAO,OAAO,qBACnC,+BACH;AAAA;AAAA,IACF,GACF;AAAA,IAED,YAAY,oBAAC,wBAAqB,SAAS,MAAM,YAAY,KAAK,GAAG;AAAA,KACxE;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/settings/account-tab.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useRouter } from 'next/navigation';\nimport { Button, useConfirm, useToast } from '@withpotter/ui-kit';\nimport { SUPPORT_INBOX_EMAIL } from '@withpotter/lib/support-inbox';\nimport { useAdminSession } from '../hooks';\nimport { settingsStore } from '../_settings';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { signOutAdmin } from '../_shell/sign-out';\nimport { ChangePasswordDialog } from './change-password-dialog';\nimport { ProfileCard } from './profile-card';\nimport { SettingRow, SettingsCard } from './setting-row';\nimport { SystemStatusCard } from './system-status-card';\nimport styles from './settings.module.css';\n\n/**\n * Who you are, how you sign in, and the box's own health. The support inbox\n * address shows only where this box serves Support.\n */\nexport function AccountTab() {\n  const router = useRouter();\n  const confirm = useConfirm();\n  const { toast } = useToast();\n  const { data: session } = useAdminSession();\n  const [changing, setChanging] = useState(false);\n  const [leaving, setLeaving] = useState(false);\n  const supportOn = useModuleOn('support');\n\n  const signOut = async () => {\n    setLeaving(true);\n    await signOutAdmin();\n    router.replace('/admin/login');\n  };\n\n  const reset = async () => {\n    const ok = await confirm({\n      title: 'Reset settings on this device?',\n      description:\n        'Density, accessibility, notification and shortcut choices go back to their defaults. Your account is not affected.',\n      confirmLabel: 'Reset settings',\n      tone: 'danger',\n    });\n    if (!ok) return;\n    settingsStore.reset();\n    toast({ title: 'Settings reset on this device' });\n  };\n\n  return (\n    <div className={styles.stack}>\n      {session && <ProfileCard session={session} />}\n      <SettingsCard title=\"Security\">\n        <SettingRow\n          label=\"Password\"\n          description=\"At least 12 characters. You stay signed in here.\"\n        >\n          <Button variant=\"secondary\" onClick={() => setChanging(true)}>\n            Change password\n          </Button>\n        </SettingRow>\n        <SettingRow\n          label=\"Sign out\"\n          description=\"Also ends any View as owner session.\"\n        >\n          <Button variant=\"secondary\" loading={leaving} onClick={signOut}>\n            Sign out\n          </Button>\n        </SettingRow>\n      </SettingsCard>\n      <SettingsCard title=\"This device\">\n        <SettingRow\n          label=\"Reset all settings on this device\"\n          description=\"Every preference on this page returns to its default.\"\n        >\n          <Button variant=\"danger\" onClick={reset}>\n            Reset\n          </Button>\n        </SettingRow>\n      </SettingsCard>\n      {supportOn && (\n        <SettingsCard title=\"Support inbox\">\n          <SettingRow\n            label=\"Inbound address\"\n            description=\"Merchants write here; each email opens a case in Support.\"\n          >\n            <span className={styles.value} title={SUPPORT_INBOX_EMAIL}>\n              {SUPPORT_INBOX_EMAIL}\n            </span>\n          </SettingRow>\n        </SettingsCard>\n      )}\n      <SystemStatusCard />\n      {changing && <ChangePasswordDialog onClose={() => setChanging(false)} />}\n    </div>\n  );\n}\n"],"mappings":";AAkDkB,cACZ,YADY;AAhDlB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,QAAQ,YAAY,gBAAgB;AAC7C,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,YAAY,oBAAoB;AACzC,SAAS,wBAAwB;AACjC,OAAO,YAAY;AAMZ,SAAS,aAAa;AAC3B,QAAM,SAAS,UAAU;AACzB,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,EAAE,MAAM,QAAQ,IAAI,gBAAgB;AAC1C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,YAAY,YAAY,SAAS;AAEvC,QAAM,UAAU,YAAY;AAC1B,eAAW,IAAI;AACf,UAAM,aAAa;AACnB,WAAO,QAAQ,cAAc;AAAA,EAC/B;AAEA,QAAM,QAAQ,YAAY;AACxB,UAAM,KAAK,MAAM,QAAQ;AAAA,MACvB,OAAO;AAAA,MACP,aACE;AAAA,MACF,cAAc;AAAA,MACd,MAAM;AAAA,IACR,CAAC;AACD,QAAI,CAAC,GAAI;AACT,kBAAc,MAAM;AACpB,UAAM,EAAE,OAAO,gCAAgC,CAAC;AAAA,EAClD;AAEA,SACE,qBAAC,SAAI,WAAW,OAAO,OACpB;AAAA,eAAW,oBAAC,eAAY,SAAkB;AAAA,IAC3C,qBAAC,gBAAa,OAAM,YAClB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ,8BAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,YAAY,IAAI,GAAG,6BAE9D;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ,8BAAC,UAAO,SAAQ,aAAY,SAAS,SAAS,SAAS,SAAS,sBAEhE;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IACA,oBAAC,gBAAa,OAAM,eAClB;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QAEZ,8BAAC,UAAO,SAAQ,UAAS,SAAS,OAAO,mBAEzC;AAAA;AAAA,IACF,GACF;AAAA,IACC,aACC,oBAAC,gBAAa,OAAM,iBAClB;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QAEZ,8BAAC,UAAK,WAAW,OAAO,OAAO,OAAO,qBACnC,+BACH;AAAA;AAAA,IACF,GACF;AAAA,IAEF,oBAAC,oBAAiB;AAAA,IACjB,YAAY,oBAAC,wBAAqB,SAAS,MAAM,YAAY,KAAK,GAAG;AAAA,KACxE;AAEJ;","names":[]}

package/dist/admin/settings/general-tab.js

@@ -17,8 +17,8 @@ const THEMES = [
 const START_OPTIONS = [
   { value: "overview", label: "Overview" },
   { value: "support", label: "Support" },
-  { value: "merchants", label: "Workspaces" },
-  { value: "people", label: "User accounts" }
+  { value: "merchants", label: "Merchants" },
+  { value: "people", label: "People" }
 ];
 function GeneralTab() {
   const settings = useSettings();

package/dist/admin/settings/general-tab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/settings/general-tab.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from '@withpotter/ui-kit';\nimport { useTheme } from '@withpotter/lib/theme-context';\nimport { RANGE_OPTIONS, usePersistedDateRange, type RangeKey } from '../_ui';\nimport { useSettings, type AdminSettings } from '../_settings';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { useSidebarCollapsed, sidebarStore } from '../_shell/use-shell-prefs';\nimport { Segmented, SettingRow, SettingsCard } from './setting-row';\nimport { useSave } from './use-save';\nimport styles from './settings.module.css';\n\ntype Theme = 'system' | 'light' | 'dark';\n\nconst THEMES = [\n  { value: 'system' as Theme, label: 'System' },\n  { value: 'light' as Theme, label: 'Light' },\n  { value: 'dark' as Theme, label: 'Dark' },\n];\n\nconst START_OPTIONS: Array<{\n  value: AdminSettings['startPage'];\n  label: string;\n}> = [\n  { value: 'overview', label: 'Overview' },\n  { value: 'support', label: 'Support' },\n  { value: 'merchants', label: 'Workspaces' },\n  { value: 'people', label: 'User accounts' },\n];\n\n/**\n * Look, layout and the views every page opens with. No display currency on a\n * box: money is shown per currency and never converted, so there is nothing\n * to pick. Support is a start page only where this box serves Support.\n */\nexport function GeneralTab() {\n  const settings = useSettings();\n  const { update, saved } = useSave();\n  const { theme, setTheme } = useTheme();\n  const { rangeKey, setRangeKey } = usePersistedDateRange();\n  const collapsed = useSidebarCollapsed();\n  const supportOn = useModuleOn('support');\n  const startOptions = START_OPTIONS.filter(\n    (o) => supportOn || o.value !== 'support'\n  );\n\n  return (\n    <div className={styles.stack}>\n      <SettingsCard title=\"Appearance\">\n        <SettingRow\n          label=\"Theme\"\n          description=\"System follows your computer's light or dark setting.\"\n        >\n          <Segmented\n            label=\"Theme\"\n            value={theme}\n            options={THEMES}\n            onChange={(next) => {\n              setTheme(next);\n              saved();\n            }}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Density\"\n          description=\"Compact fits more rows and cards on screen.\"\n        >\n          <Segmented\n            label=\"Density\"\n            value={settings.density}\n            options={[\n              { value: 'comfortable', label: 'Comfortable' },\n              { value: 'compact', label: 'Compact' },\n            ]}\n            onChange={(density) => update({ density })}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Sidebar\"\n          description=\"Collapsed shows icons only. You can also toggle it from the sidebar.\"\n        >\n          <Segmented\n            label=\"Sidebar\"\n            value={collapsed ? 'collapsed' : 'expanded'}\n            options={[\n              { value: 'expanded', label: 'Expanded' },\n              { value: 'collapsed', label: 'Collapsed' },\n            ]}\n            onChange={(next) => {\n              sidebarStore.set(next === 'collapsed');\n              saved();\n            }}\n          />\n        </SettingRow>\n      </SettingsCard>\n\n      <SettingsCard title=\"Defaults\" description=\"What pages open with.\">\n        <SettingRow\n          label=\"Default period\"\n          description=\"The date range reports and charts start on.\"\n        >\n          <Select\n            className={styles.select}\n            ariaLabel=\"Default period\"\n            value={rangeKey}\n            options={RANGE_OPTIONS.map((o) => ({\n              value: o.key,\n              label: o.label,\n            }))}\n            onChange={(key) => {\n              setRangeKey(key as RangeKey);\n              saved();\n            }}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Start page\"\n          description=\"Where the console opens when you sign in or reload on Overview.\"\n        >\n          <Select\n            className={styles.select}\n            ariaLabel=\"Start page\"\n            value={settings.startPage}\n            options={startOptions}\n            onChange={(value) =>\n              update({ startPage: value as AdminSettings['startPage'] })\n            }\n          />\n        </SettingRow>\n      </SettingsCard>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/settings/general-tab.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from '@withpotter/ui-kit';\nimport { useTheme } from '@withpotter/lib/theme-context';\nimport { RANGE_OPTIONS, usePersistedDateRange, type RangeKey } from '../_ui';\nimport { useSettings, type AdminSettings } from '../_settings';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { useSidebarCollapsed, sidebarStore } from '../_shell/use-shell-prefs';\nimport { Segmented, SettingRow, SettingsCard } from './setting-row';\nimport { useSave } from './use-save';\nimport styles from './settings.module.css';\n\ntype Theme = 'system' | 'light' | 'dark';\n\nconst THEMES = [\n  { value: 'system' as Theme, label: 'System' },\n  { value: 'light' as Theme, label: 'Light' },\n  { value: 'dark' as Theme, label: 'Dark' },\n];\n\nconst START_OPTIONS: Array<{\n  value: AdminSettings['startPage'];\n  label: string;\n}> = [\n  { value: 'overview', label: 'Overview' },\n  { value: 'support', label: 'Support' },\n  { value: 'merchants', label: 'Merchants' },\n  { value: 'people', label: 'People' },\n];\n\n/**\n * Look, layout and the views every page opens with. No display currency on a\n * box: money is shown per currency and never converted, so there is nothing\n * to pick. Support is a start page only where this box serves Support.\n */\nexport function GeneralTab() {\n  const settings = useSettings();\n  const { update, saved } = useSave();\n  const { theme, setTheme } = useTheme();\n  const { rangeKey, setRangeKey } = usePersistedDateRange();\n  const collapsed = useSidebarCollapsed();\n  const supportOn = useModuleOn('support');\n  const startOptions = START_OPTIONS.filter(\n    (o) => supportOn || o.value !== 'support'\n  );\n\n  return (\n    <div className={styles.stack}>\n      <SettingsCard title=\"Appearance\">\n        <SettingRow\n          label=\"Theme\"\n          description=\"System follows your computer's light or dark setting.\"\n        >\n          <Segmented\n            label=\"Theme\"\n            value={theme}\n            options={THEMES}\n            onChange={(next) => {\n              setTheme(next);\n              saved();\n            }}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Density\"\n          description=\"Compact fits more rows and cards on screen.\"\n        >\n          <Segmented\n            label=\"Density\"\n            value={settings.density}\n            options={[\n              { value: 'comfortable', label: 'Comfortable' },\n              { value: 'compact', label: 'Compact' },\n            ]}\n            onChange={(density) => update({ density })}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Sidebar\"\n          description=\"Collapsed shows icons only. You can also toggle it from the sidebar.\"\n        >\n          <Segmented\n            label=\"Sidebar\"\n            value={collapsed ? 'collapsed' : 'expanded'}\n            options={[\n              { value: 'expanded', label: 'Expanded' },\n              { value: 'collapsed', label: 'Collapsed' },\n            ]}\n            onChange={(next) => {\n              sidebarStore.set(next === 'collapsed');\n              saved();\n            }}\n          />\n        </SettingRow>\n      </SettingsCard>\n\n      <SettingsCard title=\"Defaults\" description=\"What pages open with.\">\n        <SettingRow\n          label=\"Default period\"\n          description=\"The date range reports and charts start on.\"\n        >\n          <Select\n            className={styles.select}\n            ariaLabel=\"Default period\"\n            value={rangeKey}\n            options={RANGE_OPTIONS.map((o) => ({\n              value: o.key,\n              label: o.label,\n            }))}\n            onChange={(key) => {\n              setRangeKey(key as RangeKey);\n              saved();\n            }}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Start page\"\n          description=\"Where the console opens when you sign in or reload on Overview.\"\n        >\n          <Select\n            className={styles.select}\n            ariaLabel=\"Start page\"\n            value={settings.startPage}\n            options={startOptions}\n            onChange={(value) =>\n              update({ startPage: value as AdminSettings['startPage'] })\n            }\n          />\n        </SettingRow>\n      </SettingsCard>\n    </div>\n  );\n}\n"],"mappings":";AAgDM,SAKI,KALJ;AA9CN,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,eAAe,6BAA4C;AACpE,SAAS,mBAAuC;AAChD,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB,oBAAoB;AAClD,SAAS,WAAW,YAAY,oBAAoB;AACpD,SAAS,eAAe;AACxB,OAAO,YAAY;AAInB,MAAM,SAAS;AAAA,EACb,EAAE,OAAO,UAAmB,OAAO,SAAS;AAAA,EAC5C,EAAE,OAAO,SAAkB,OAAO,QAAQ;AAAA,EAC1C,EAAE,OAAO,QAAiB,OAAO,OAAO;AAC1C;AAEA,MAAM,gBAGD;AAAA,EACH,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,EACvC,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,EACrC,EAAE,OAAO,aAAa,OAAO,YAAY;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,SAAS;AACrC;AAOO,SAAS,aAAa;AAC3B,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,QAAQ,MAAM,IAAI,QAAQ;AAClC,QAAM,EAAE,OAAO,SAAS,IAAI,SAAS;AACrC,QAAM,EAAE,UAAU,YAAY,IAAI,sBAAsB;AACxD,QAAM,YAAY,oBAAoB;AACtC,QAAM,YAAY,YAAY,SAAS;AACvC,QAAM,eAAe,cAAc;AAAA,IACjC,CAAC,MAAM,aAAa,EAAE,UAAU;AAAA,EAClC;AAEA,SACE,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,yBAAC,gBAAa,OAAM,cAClB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAO;AAAA,cACP,SAAS;AAAA,cACT,UAAU,CAAC,SAAS;AAClB,yBAAS,IAAI;AACb,sBAAM;AAAA,cACR;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAO,SAAS;AAAA,cAChB,SAAS;AAAA,gBACP,EAAE,OAAO,eAAe,OAAO,cAAc;AAAA,gBAC7C,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,cACvC;AAAA,cACA,UAAU,CAAC,YAAY,OAAO,EAAE,QAAQ,CAAC;AAAA;AAAA,UAC3C;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAO,YAAY,cAAc;AAAA,cACjC,SAAS;AAAA,gBACP,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,gBACvC,EAAE,OAAO,aAAa,OAAO,YAAY;AAAA,cAC3C;AAAA,cACA,UAAU,CAAC,SAAS;AAClB,6BAAa,IAAI,SAAS,WAAW;AACrC,sBAAM;AAAA,cACR;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IAEA,qBAAC,gBAAa,OAAM,YAAW,aAAY,yBACzC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,OAAO;AAAA,cAClB,WAAU;AAAA,cACV,OAAO;AAAA,cACP,SAAS,cAAc,IAAI,CAAC,OAAO;AAAA,gBACjC,OAAO,EAAE;AAAA,gBACT,OAAO,EAAE;AAAA,cACX,EAAE;AAAA,cACF,UAAU,CAAC,QAAQ;AACjB,4BAAY,GAAe;AAC3B,sBAAM;AAAA,cACR;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,OAAO;AAAA,cAClB,WAAU;AAAA,cACV,OAAO,SAAS;AAAA,cAChB,SAAS;AAAA,cACT,UAAU,CAAC,UACT,OAAO,EAAE,WAAW,MAAoC,CAAC;AAAA;AAAA,UAE7D;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/settings/system-status-card.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { adminReadinessApi } from "@withpotter/lib/admin-readiness-api";
+import { overallOf, SystemStatusPanel } from "../_shell/system-status-panel";
+import { SettingsCard } from "./setting-row";
+function SystemStatusCard() {
+  const query = useQuery({
+    queryKey: ["platform-admin", "readiness"],
+    queryFn: adminReadinessApi.readiness,
+    staleTime: 6e4,
+    retry: 1
+  });
+  return /* @__PURE__ */ jsx(SettingsCard, { title: "System status", children: /* @__PURE__ */ jsx(
+    SystemStatusPanel,
+    {
+      data: query.data,
+      overall: overallOf(query.data, query.isError),
+      isLoading: query.isLoading,
+      isError: query.isError,
+      isFetching: query.isFetching,
+      checkedAt: query.dataUpdatedAt,
+      onRefresh: () => void query.refetch()
+    }
+  ) });
+}
+export {
+  SystemStatusCard
+};
+//# sourceMappingURL=system-status-card.js.map

package/dist/admin/settings/system-status-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/settings/system-status-card.tsx"],"sourcesContent":["'use client';\n\nimport { useQuery } from '@tanstack/react-query';\nimport { adminReadinessApi } from '@withpotter/lib/admin-readiness-api';\nimport { overallOf, SystemStatusPanel } from '../_shell/system-status-panel';\nimport { SettingsCard } from './setting-row';\n\n/** The deployment's integration checks, each with its state. */\nexport function SystemStatusCard() {\n  const query = useQuery({\n    queryKey: ['platform-admin', 'readiness'],\n    queryFn: adminReadinessApi.readiness,\n    staleTime: 60_000,\n    retry: 1,\n  });\n\n  return (\n    <SettingsCard title=\"System status\">\n      <SystemStatusPanel\n        data={query.data}\n        overall={overallOf(query.data, query.isError)}\n        isLoading={query.isLoading}\n        isError={query.isError}\n        isFetching={query.isFetching}\n        checkedAt={query.dataUpdatedAt}\n        onRefresh={() => void query.refetch()}\n      />\n    </SettingsCard>\n  );\n}\n"],"mappings":";AAkBM;AAhBN,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,WAAW,yBAAyB;AAC7C,SAAS,oBAAoB;AAGtB,SAAS,mBAAmB;AACjC,QAAM,QAAQ,SAAS;AAAA,IACrB,UAAU,CAAC,kBAAkB,WAAW;AAAA,IACxC,SAAS,kBAAkB;AAAA,IAC3B,WAAW;AAAA,IACX,OAAO;AAAA,EACT,CAAC;AAED,SACE,oBAAC,gBAAa,OAAM,iBAClB;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,MAAM;AAAA,MACZ,SAAS,UAAU,MAAM,MAAM,MAAM,OAAO;AAAA,MAC5C,WAAW,MAAM;AAAA,MACjB,SAAS,MAAM;AAAA,MACf,YAAY,MAAM;AAAA,MAClB,WAAW,MAAM;AAAA,MACjB,WAAW,MAAM,KAAK,MAAM,QAAQ;AAAA;AAAA,EACtC,GACF;AAEJ;","names":[]}

package/dist/admin/support/queue-card.module.css

@@ -75,8 +75,11 @@
   outline-offset: -2px;
 }
 
-/* Column header with a hairline, not a shadow. */
+/* Sticky column header with a hairline, not a shadow. */
 .scroll thead th {
+  position: sticky;
+  top: 0;
+  z-index: 1;
   background: var(--bg-base);
   box-shadow: inset 0 -1px 0 var(--border-subtle);
   white-space: nowrap;

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

@@ -3,8 +3,7 @@ function moneyIn(currency, decimals = 0) {
     try {
       return new Intl.NumberFormat("en-US", {
         style: "currency",
-        currencyDisplay: "narrowSymbol",
-        currency: currency || "NGN",
+        currency: currency || "USD",
         maximumFractionDigits: decimals
       }).format(n);
     } catch {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/commerce/format.ts"],"sourcesContent":["import type { TenantProduct } from '@withpotter/lib/admin-api';\n\n/** Amounts in the merchant's own currency, whole units for headlines. */\nexport function moneyIn(currency: string, decimals = 0) {\n  return (n: number) => {\n    try {\n      return new Intl.NumberFormat('en-US', {\n        style: 'currency',\n        currencyDisplay: 'narrowSymbol',\n        currency: currency || 'NGN',\n        maximumFractionDigits: decimals,\n      }).format(n);\n    } catch {\n      return `${currency} ${Math.round(n).toLocaleString()}`;\n    }\n  };\n}\n\nexport type Money = (n: number) => string;\n\n/** 1.2k / 3.4m, for figures in tight tiles. */\nexport const compact = (n: number) =>\n  new Intl.NumberFormat('en-US', {\n    notation: 'compact',\n    maximumFractionDigits: 1,\n  }).format(n);\n\nexport const shortDate = (iso: string) =>\n  new Intl.DateTimeFormat('en', { month: 'short', day: 'numeric' }).format(\n    new Date(iso),\n  );\n\n/** Sentence-case a machine word: \"checked_in\" → \"Checked in\". */\nexport const humanize = (s: string) => {\n  const t = s.replace(/[_-]+/g, ' ').trim();\n  return t ? t[0].toUpperCase() + t.slice(1) : '–';\n};\n\nexport type PillTone =\n  'success' | 'pending' | 'failed' | 'processing' | 'neutral';\n\nconst TONE_OF: Record<string, PillTone> = {\n  completed: 'success',\n  paid: 'success',\n  success: 'success',\n  settled: 'success',\n  fulfilled: 'success',\n  delivered: 'success',\n  collected: 'success',\n  pending: 'pending',\n  unpaid: 'pending',\n  awaiting_confirmation: 'pending',\n  authorized: 'pending',\n  unfulfilled: 'pending',\n  partial: 'pending',\n  confirmed: 'processing',\n  processing: 'processing',\n  checked_in: 'processing',\n  ready: 'processing',\n  failed: 'failed',\n  reversed: 'failed',\n  expired: 'failed',\n  cancelled: 'neutral',\n  refunded: 'neutral',\n  partially_refunded: 'neutral',\n};\n\nexport const toneOf = (status: string): PillTone =>\n  TONE_OF[status?.toLowerCase()] ?? 'neutral';\n\nexport type StockState = {\n  label: string;\n  tone: PillTone;\n  available: number | null;\n};\n\n/** What a shelf looks like for one item, from the counts the API sends. */\nexport function stockOf(p: TenantProduct): StockState {\n  if (!p.trackInventory || p.quantity == null)\n    return { label: 'Not tracked', tone: 'neutral', available: null };\n\n  const available = p.quantity - (p.reserved ?? 0);\n\n  if (available <= 0)\n    return { label: 'Out of stock', tone: 'failed', available };\n\n  if (p.lowStockThreshold != null && available <= p.lowStockThreshold)\n    return { label: `Low · ${available}`, tone: 'pending', available };\n\n  return {\n    label: `In stock · ${compact(available)}`,\n    tone: 'success',\n    available,\n  };\n}\n"],"mappings":"AAGO,SAAS,QAAQ,UAAkB,WAAW,GAAG;AACtD,SAAO,CAAC,MAAc;AACpB,QAAI;AACF,aAAO,IAAI,KAAK,aAAa,SAAS;AAAA,QACpC,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,UAAU,YAAY;AAAA,QACtB,uBAAuB;AAAA,MACzB,CAAC,EAAE,OAAO,CAAC;AAAA,IACb,QAAQ;AACN,aAAO,GAAG,QAAQ,IAAI,KAAK,MAAM,CAAC,EAAE,eAAe,CAAC;AAAA,IACtD;AAAA,EACF;AACF;AAKO,MAAM,UAAU,CAAC,MACtB,IAAI,KAAK,aAAa,SAAS;AAAA,EAC7B,UAAU;AAAA,EACV,uBAAuB;AACzB,CAAC,EAAE,OAAO,CAAC;AAEN,MAAM,YAAY,CAAC,QACxB,IAAI,KAAK,eAAe,MAAM,EAAE,OAAO,SAAS,KAAK,UAAU,CAAC,EAAE;AAAA,EAChE,IAAI,KAAK,GAAG;AACd;AAGK,MAAM,WAAW,CAAC,MAAc;AACrC,QAAM,IAAI,EAAE,QAAQ,UAAU,GAAG,EAAE,KAAK;AACxC,SAAO,IAAI,EAAE,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,IAAI;AAC/C;AAKA,MAAM,UAAoC;AAAA,EACxC,WAAW;AAAA,EACX,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,uBAAuB;AAAA,EACvB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,oBAAoB;AACtB;AAEO,MAAM,SAAS,CAAC,WACrB,QAAQ,QAAQ,YAAY,CAAC,KAAK;AAS7B,SAAS,QAAQ,GAA8B;AACpD,MAAI,CAAC,EAAE,kBAAkB,EAAE,YAAY;AACrC,WAAO,EAAE,OAAO,eAAe,MAAM,WAAW,WAAW,KAAK;AAElE,QAAM,YAAY,EAAE,YAAY,EAAE,YAAY;AAE9C,MAAI,aAAa;AACf,WAAO,EAAE,OAAO,gBAAgB,MAAM,UAAU,UAAU;AAE5D,MAAI,EAAE,qBAAqB,QAAQ,aAAa,EAAE;AAChD,WAAO,EAAE,OAAO,YAAS,SAAS,IAAI,MAAM,WAAW,UAAU;AAEnE,SAAO;AAAA,IACL,OAAO,iBAAc,QAAQ,SAAS,CAAC;AAAA,IACvC,MAAM;AAAA,IACN;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/commerce/format.ts"],"sourcesContent":["import type { TenantProduct } from '@withpotter/lib/admin-api';\n\n/** Amounts in the merchant's own currency, whole units for headlines. */\nexport function moneyIn(currency: string, decimals = 0) {\n  return (n: number) => {\n    try {\n      return new Intl.NumberFormat('en-US', {\n        style: 'currency',\n        currency: currency || 'USD',\n        maximumFractionDigits: decimals,\n      }).format(n);\n    } catch {\n      return `${currency} ${Math.round(n).toLocaleString()}`;\n    }\n  };\n}\n\nexport type Money = (n: number) => string;\n\n/** 1.2k / 3.4m, for figures in tight tiles. */\nexport const compact = (n: number) =>\n  new Intl.NumberFormat('en-US', {\n    notation: 'compact',\n    maximumFractionDigits: 1,\n  }).format(n);\n\nexport const shortDate = (iso: string) =>\n  new Intl.DateTimeFormat('en', { month: 'short', day: 'numeric' }).format(\n    new Date(iso),\n  );\n\n/** Sentence-case a machine word: \"checked_in\" → \"Checked in\". */\nexport const humanize = (s: string) => {\n  const t = s.replace(/[_-]+/g, ' ').trim();\n  return t ? t[0].toUpperCase() + t.slice(1) : '–';\n};\n\nexport type PillTone =\n  'success' | 'pending' | 'failed' | 'processing' | 'neutral';\n\nconst TONE_OF: Record<string, PillTone> = {\n  completed: 'success',\n  paid: 'success',\n  success: 'success',\n  settled: 'success',\n  fulfilled: 'success',\n  delivered: 'success',\n  collected: 'success',\n  pending: 'pending',\n  unpaid: 'pending',\n  awaiting_confirmation: 'pending',\n  authorized: 'pending',\n  unfulfilled: 'pending',\n  partial: 'pending',\n  confirmed: 'processing',\n  processing: 'processing',\n  checked_in: 'processing',\n  ready: 'processing',\n  failed: 'failed',\n  reversed: 'failed',\n  expired: 'failed',\n  cancelled: 'neutral',\n  refunded: 'neutral',\n  partially_refunded: 'neutral',\n};\n\nexport const toneOf = (status: string): PillTone =>\n  TONE_OF[status?.toLowerCase()] ?? 'neutral';\n\nexport type StockState = {\n  label: string;\n  tone: PillTone;\n  available: number | null;\n};\n\n/** What a shelf looks like for one item, from the counts the API sends. */\nexport function stockOf(p: TenantProduct): StockState {\n  if (!p.trackInventory || p.quantity == null)\n    return { label: 'Not tracked', tone: 'neutral', available: null };\n\n  const available = p.quantity - (p.reserved ?? 0);\n\n  if (available <= 0)\n    return { label: 'Out of stock', tone: 'failed', available };\n\n  if (p.lowStockThreshold != null && available <= p.lowStockThreshold)\n    return { label: `Low · ${available}`, tone: 'pending', available };\n\n  return {\n    label: `In stock · ${compact(available)}`,\n    tone: 'success',\n    available,\n  };\n}\n"],"mappings":"AAGO,SAAS,QAAQ,UAAkB,WAAW,GAAG;AACtD,SAAO,CAAC,MAAc;AACpB,QAAI;AACF,aAAO,IAAI,KAAK,aAAa,SAAS;AAAA,QACpC,OAAO;AAAA,QACP,UAAU,YAAY;AAAA,QACtB,uBAAuB;AAAA,MACzB,CAAC,EAAE,OAAO,CAAC;AAAA,IACb,QAAQ;AACN,aAAO,GAAG,QAAQ,IAAI,KAAK,MAAM,CAAC,EAAE,eAAe,CAAC;AAAA,IACtD;AAAA,EACF;AACF;AAKO,MAAM,UAAU,CAAC,MACtB,IAAI,KAAK,aAAa,SAAS;AAAA,EAC7B,UAAU;AAAA,EACV,uBAAuB;AACzB,CAAC,EAAE,OAAO,CAAC;AAEN,MAAM,YAAY,CAAC,QACxB,IAAI,KAAK,eAAe,MAAM,EAAE,OAAO,SAAS,KAAK,UAAU,CAAC,EAAE;AAAA,EAChE,IAAI,KAAK,GAAG;AACd;AAGK,MAAM,WAAW,CAAC,MAAc;AACrC,QAAM,IAAI,EAAE,QAAQ,UAAU,GAAG,EAAE,KAAK;AACxC,SAAO,IAAI,EAAE,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,IAAI;AAC/C;AAKA,MAAM,UAAoC;AAAA,EACxC,WAAW;AAAA,EACX,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,uBAAuB;AAAA,EACvB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,oBAAoB;AACtB;AAEO,MAAM,SAAS,CAAC,WACrB,QAAQ,QAAQ,YAAY,CAAC,KAAK;AAS7B,SAAS,QAAQ,GAA8B;AACpD,MAAI,CAAC,EAAE,kBAAkB,EAAE,YAAY;AACrC,WAAO,EAAE,OAAO,eAAe,MAAM,WAAW,WAAW,KAAK;AAElE,QAAM,YAAY,EAAE,YAAY,EAAE,YAAY;AAE9C,MAAI,aAAa;AACf,WAAO,EAAE,OAAO,gBAAgB,MAAM,UAAU,UAAU;AAE5D,MAAI,EAAE,qBAAqB,QAAQ,aAAa,EAAE;AAChD,WAAO,EAAE,OAAO,YAAS,SAAS,IAAI,MAAM,WAAW,UAAU;AAEnE,SAAO;AAAA,IACL,OAAO,iBAAc,QAAQ,SAAS,CAAC;AAAA,IACvC,MAAM;AAAA,IACN;AAAA,EACF;AACF;","names":[]}

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

@@ -39,7 +39,7 @@ function RecentOrders({
                 /* @__PURE__ */ jsx(Th, { children: "Customer" }),
                 /* @__PURE__ */ jsx(Th, { align: "right", children: "Total" }),
                 /* @__PURE__ */ jsx(Th, { children: "Payment" }),
-                /* @__PURE__ */ jsx(Th, { children: "Fulfilment" }),
+                /* @__PURE__ */ jsx(Th, { children: "Status" }),
                 /* @__PURE__ */ jsx(Th, { align: "right", children: "Placed" })
               ] }),
               children: loading ? Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ jsx("tr", { "aria-hidden": true, children: /* @__PURE__ */ jsx("td", { colSpan: 6, children: /* @__PURE__ */ jsx(Skeleton, { height: 20 }) }) }, i)) : orders.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 6, className: styles.emptyCell, children: "No orders yet. They show here as soon as a customer checks out." }) }) : orders.map((o) => /* @__PURE__ */ jsxs(

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

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