@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/accounts/account-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/account-row.tsx"],"sourcesContent":["'use client';\n\nimport {\n  OverflowItem,\n  OverflowMenu,\n  TableRow,\n  useConfirm,\n  useToast,\n} from '@withpotter/ui-kit';\nimport type { AccountRow as Account } from '@withpotter/lib/admin-api';\nimport { EntityAvatar } from '../_fx';\nimport { EMPTY } from '../_ui/list-card';\nimport { StatusPill } from '../audit/status-pill';\nimport { When } from '../audit/when';\nimport { kycLabel, STAGE_LABELS, stageStatus } from './account-stage';\nimport { useAccountActions } from './use-account-actions';\nimport { useModuleOn } from '../_shell/modules-context';\nimport list from '../_ui/list-card.module.css';\nimport styles from './rows.module.css';\n\nexport const PROVIDER_LABELS: Record<string, string> = {\n  local: 'Email',\n  google: 'Google',\n  github: 'GitHub',\n};\n\nconst day = (iso?: string | null) =>\n  iso ? new Date(iso).toLocaleDateString() : null;\n\n/** One account: who, how they sign in, status, activity and a ••• menu. */\nexport function AccountListRow({\n  a,\n  active,\n  onOpen,\n  visible,\n}: {\n  a: Account;\n  active: boolean;\n  onOpen: () => void;\n  /** Which optional columns are showing, in the order the header renders them. */\n  visible: Set<string>;\n}) {\n  const confirm = useConfirm();\n  const { toast } = useToast();\n  const { setStatus, verify, impersonate } = useAccountActions();\n  const ownerView = useModuleOn('ownerView');\n  const suspended = a.status === 'suspended';\n  const label = a.name ?? a.email;\n\n  const toggleStatus = async () => {\n    const ok = await confirm({\n      title: suspended ? `Restore ${label}?` : `Suspend ${label}?`,\n      description: suspended\n        ? 'They can sign in and use their workspaces again.'\n        : 'They are signed out everywhere and cannot sign in until restored.',\n      confirmLabel: suspended ? 'Restore' : 'Suspend',\n      tone: suspended ? 'default' : 'danger',\n    });\n    if (!ok) return;\n    setStatus.mutate(\n      { id: a.id, status: suspended ? 'active' : 'suspended' },\n      {\n        onSuccess: () =>\n          toast({ title: `${label} ${suspended ? 'restored' : 'suspended'}` }),\n        onError: (e) =>\n          toast({\n            title: 'The status was not changed',\n            description: e.message,\n            variant: 'destructive',\n          }),\n      },\n    );\n  };\n\n  return (\n    <TableRow active={active} onClick={onOpen}>\n      <td>\n        <span className={styles.identity}>\n          <EntityAvatar name={label} size={32} round />\n          <span className={styles.identityText}>\n            <button\n              type=\"button\"\n              className={styles.nameButton}\n              title={label}\n              aria-label={`Open ${label}`}\n              onClick={(e) => {\n                e.stopPropagation();\n                onOpen();\n              }}\n            >\n              {a.name ?? EMPTY}\n            </button>\n            <span className={styles.secondary} title={a.email}>\n              {a.email}\n            </span>\n          </span>\n        </span>\n      </td>\n      {visible.has('provider') && (\n        <td className={`${list.nowrap} ${list.muted}`}>\n          {PROVIDER_LABELS[a.authProvider] ?? (a.authProvider || EMPTY)}\n        </td>\n      )}\n      <td className={list.nowrap}>\n        <StatusPill status={a.status} />\n      </td>\n      {visible.has('kyc') && (\n        <td className={list.nowrap}>\n          {kycLabel(a.kycStatus) ?? <span className={list.muted}>{EMPTY}</span>}\n        </td>\n      )}\n      {visible.has('stage') && (\n        <td className={list.nowrap}>\n          {a.stage ? (\n            <StatusPill\n              status={stageStatus(a.stage)}\n              label={STAGE_LABELS[a.stage]}\n            />\n          ) : (\n            <span className={list.muted}>{EMPTY}</span>\n          )}\n        </td>\n      )}\n      {visible.has('emailVerified') && (\n        <td className={list.nowrap}>\n          <StatusPill status={a.emailVerified ? 'verified' : 'unverified'} />\n        </td>\n      )}\n      {visible.has('workspaces') && (\n        <td className={list.num}>{a.workspaceCount ?? EMPTY}</td>\n      )}\n      {visible.has('lastLogin') && (\n        <td className={`${list.nowrap} ${list.muted}`}>\n          {day(a.lastLoginAt) ?? 'Never'}\n        </td>\n      )}\n      {visible.has('joined') && (\n        <td className={`${list.nowrap} ${list.muted}`}>{day(a.createdAt)}</td>\n      )}\n      {visible.has('firstSale') && (\n        <td className={`${list.nowrap} ${list.muted}`}>\n          {day(a.firstSaleAt) ?? 'None yet'}\n        </td>\n      )}\n      {visible.has('activeSessions') && (\n        <td className={list.num}>{a.activeSessions ?? EMPTY}</td>\n      )}\n      {visible.has('lastSeen') && (\n        <td className={`${list.nowrap} ${list.muted}`}>\n          {a.lastSeenAt ? (\n            <When iso={a.lastSeenAt} className={styles.when} />\n          ) : (\n            'Never'\n          )}\n        </td>\n      )}\n      <td className={styles.menuCell} onClick={(e) => e.stopPropagation()}>\n        <OverflowMenu label={`Actions for ${label}`}>\n          <OverflowItem onClick={onOpen}>View account</OverflowItem>\n          {ownerView && (\n            <OverflowItem onClick={() => impersonate.mutate(a.id)}>\n              View as user\n            </OverflowItem>\n          )}\n          {!a.emailVerified && (\n            <OverflowItem\n              onClick={() =>\n                verify.mutate(a.id, {\n                  onSuccess: () => toast({ title: `${a.email} verified` }),\n                })\n              }\n            >\n              Verify email\n            </OverflowItem>\n          )}\n          <OverflowItem\n            onClick={() => void toggleStatus()}\n            destructive={!suspended}\n          >\n            {suspended ? 'Restore' : 'Suspend'}\n          </OverflowItem>\n        </OverflowMenu>\n      </td>\n    </TableRow>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/accounts/account-sessions.js

@@ -0,0 +1,70 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, EmptyNote } from "@withpotter/ui-kit";
+import { AdmLoading } from "../_ui";
+import { useAccountSessions } from "../hooks";
+import { relativeTime, seenWithin } from "./relative-time";
+import styles from "./account-sessions.module.css";
+const ENDED = {
+  active: "Signed in",
+  revoked: "Signed out",
+  expired: "Expired"
+};
+const IN_USE_SECONDS = 300;
+const inUse = (s) => s.endedHow === "active" && seenWithin(s.lastSeenAt, IN_USE_SECONDS);
+const stateOf = (s) => inUse(s) ? "Active now" : ENDED[s.endedHow];
+const when = (iso) => iso ? new Date(iso).toLocaleString(void 0, {
+  dateStyle: "medium",
+  timeStyle: "short"
+}) : null;
+const FIRST_PAGE = 5;
+const NEXT_PAGE = 10;
+function deviceOf(s) {
+  return s.name || s.kind || s.userAgent || "Unknown device";
+}
+function AccountSessions({ accountId }) {
+  const { data, isLoading, isError, refetch } = useAccountSessions(accountId);
+  const [shown, setShown] = useState(FIRST_PAGE);
+  if (isLoading) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading sessions\u2026", size: "sm" });
+  if (isError) {
+    return /* @__PURE__ */ jsxs(EmptyNote, { children: [
+      "We could not load their sessions just now.",
+      " ",
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => void refetch(), children: "Try again" })
+    ] });
+  }
+  if (!data?.length) {
+    return /* @__PURE__ */ jsx(EmptyNote, { children: "No sign-ins recorded for this person yet." });
+  }
+  const ordered = [...data].sort(
+    (a, b) => b.startedAt.localeCompare(a.startedAt)
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("ul", { className: styles.list, children: ordered.slice(0, shown).map((s) => /* @__PURE__ */ jsxs("li", { className: styles.item, children: [
+      /* @__PURE__ */ jsxs("span", { className: styles.top, children: [
+        /* @__PURE__ */ jsx("span", { className: styles.device, title: s.userAgent ?? void 0, children: deviceOf(s) }),
+        /* @__PURE__ */ jsx("span", { className: styles.how, "data-live": inUse(s), children: stateOf(s) })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: styles.meta, children: [s.ipAddress, s.location].filter(Boolean).join(" \xB7 ") || "No address recorded" }),
+      /* @__PURE__ */ jsxs("span", { className: styles.meta, children: [
+        "Started ",
+        when(s.startedAt),
+        s.endedAt ? ` \xB7 Ended ${when(s.endedAt)}` : ` \xB7 Last seen ${relativeTime(s.lastSeenAt)}`
+      ] })
+    ] }, s.id)) }),
+    ordered.length > shown && /* @__PURE__ */ jsx("div", { className: styles.more, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "secondary",
+        size: "sm",
+        onClick: () => setShown((n) => n + NEXT_PAGE),
+        children: "Show older"
+      }
+    ) })
+  ] });
+}
+export {
+  AccountSessions
+};
+//# sourceMappingURL=account-sessions.js.map

package/dist/admin/accounts/account-sessions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/account-sessions.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button, EmptyNote } from '@withpotter/ui-kit';\nimport type { AccountSession } from '@withpotter/lib/admin-api';\nimport { AdmLoading } from '../_ui';\nimport { useAccountSessions } from '../hooks';\nimport { relativeTime, seenWithin } from './relative-time';\nimport styles from './account-sessions.module.css';\n\nconst ENDED: Record<AccountSession['endedHow'], string> = {\n  active: 'Signed in',\n  revoked: 'Signed out',\n  expired: 'Expired',\n};\n\n/** A device seen in the last few minutes is in use; a session not ended yet is only signed in. */\nconst IN_USE_SECONDS = 300;\nconst inUse = (s: AccountSession) =>\n  s.endedHow === 'active' && seenWithin(s.lastSeenAt, IN_USE_SECONDS);\nconst stateOf = (s: AccountSession) =>\n  inUse(s) ? 'Active now' : ENDED[s.endedHow];\n\nconst when = (iso: string | null) =>\n  iso\n    ? new Date(iso).toLocaleString(undefined, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n      })\n    : null;\n\n/** Sessions shown first, and how many more each \"Show older\" adds. */\nconst FIRST_PAGE = 5;\nconst NEXT_PAGE = 10;\n\n/** A short device name from the session, falling back to the raw agent. */\nfunction deviceOf(s: AccountSession): string {\n  return s.name || s.kind || s.userAgent || 'Unknown device';\n}\n\n/** Where and when this person signed in, newest first. */\nexport function AccountSessions({ accountId }: { accountId: string }) {\n  const { data, isLoading, isError, refetch } = useAccountSessions(accountId);\n  const [shown, setShown] = useState(FIRST_PAGE);\n\n  if (isLoading) return <AdmLoading label=\"Loading sessions…\" size=\"sm\" />;\n\n  if (isError) {\n    return (\n      <EmptyNote>\n        We could not load their sessions just now.{' '}\n        <Button variant=\"ghost\" size=\"sm\" onClick={() => void refetch()}>\n          Try again\n        </Button>\n      </EmptyNote>\n    );\n  }\n\n  if (!data?.length) {\n    return <EmptyNote>No sign-ins recorded for this person yet.</EmptyNote>;\n  }\n\n  const ordered = [...data].sort((a: AccountSession, b: AccountSession) =>\n    b.startedAt.localeCompare(a.startedAt),\n  );\n\n  return (\n    <>\n      <ul className={styles.list}>\n        {ordered.slice(0, shown).map((s: AccountSession) => (\n          <li key={s.id} className={styles.item}>\n            <span className={styles.top}>\n              <span className={styles.device} title={s.userAgent ?? undefined}>\n                {deviceOf(s)}\n              </span>\n              <span className={styles.how} data-live={inUse(s)}>\n                {stateOf(s)}\n              </span>\n            </span>\n            <span className={styles.meta}>\n              {[s.ipAddress, s.location].filter(Boolean).join(' · ') ||\n                'No address recorded'}\n            </span>\n            <span className={styles.meta}>\n              Started {when(s.startedAt)}\n              {s.endedAt\n                ? ` · Ended ${when(s.endedAt)}`\n                : ` · Last seen ${relativeTime(s.lastSeenAt)}`}\n            </span>\n          </li>\n        ))}\n      </ul>\n      {ordered.length > shown && (\n        <div className={styles.more}>\n          <Button\n            variant=\"secondary\"\n            size=\"sm\"\n            onClick={() => setShown((n: number) => n + NEXT_PAGE)}\n          >\n            Show older\n          </Button>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":";AA6CwB,SAsBpB,UAtBoB,KAIlB,YAJkB;AA3CxB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,iBAAiB;AAElC,SAAS,kBAAkB;AAC3B,SAAS,0BAA0B;AACnC,SAAS,cAAc,kBAAkB;AACzC,OAAO,YAAY;AAEnB,MAAM,QAAoD;AAAA,EACxD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AACX;AAGA,MAAM,iBAAiB;AACvB,MAAM,QAAQ,CAAC,MACb,EAAE,aAAa,YAAY,WAAW,EAAE,YAAY,cAAc;AACpE,MAAM,UAAU,CAAC,MACf,MAAM,CAAC,IAAI,eAAe,MAAM,EAAE,QAAQ;AAE5C,MAAM,OAAO,CAAC,QACZ,MACI,IAAI,KAAK,GAAG,EAAE,eAAe,QAAW;AAAA,EACtC,WAAW;AAAA,EACX,WAAW;AACb,CAAC,IACD;AAGN,MAAM,aAAa;AACnB,MAAM,YAAY;AAGlB,SAAS,SAAS,GAA2B;AAC3C,SAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa;AAC5C;AAGO,SAAS,gBAAgB,EAAE,UAAU,GAA0B;AACpE,QAAM,EAAE,MAAM,WAAW,SAAS,QAAQ,IAAI,mBAAmB,SAAS;AAC1E,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,UAAU;AAE7C,MAAI,UAAW,QAAO,oBAAC,cAAW,OAAM,0BAAoB,MAAK,MAAK;AAEtE,MAAI,SAAS;AACX,WACE,qBAAC,aAAU;AAAA;AAAA,MACkC;AAAA,MAC3C,oBAAC,UAAO,SAAQ,SAAQ,MAAK,MAAK,SAAS,MAAM,KAAK,QAAQ,GAAG,uBAEjE;AAAA,OACF;AAAA,EAEJ;AAEA,MAAI,CAAC,MAAM,QAAQ;AACjB,WAAO,oBAAC,aAAU,uDAAyC;AAAA,EAC7D;AAEA,QAAM,UAAU,CAAC,GAAG,IAAI,EAAE;AAAA,IAAK,CAAC,GAAmB,MACjD,EAAE,UAAU,cAAc,EAAE,SAAS;AAAA,EACvC;AAEA,SACE,iCACE;AAAA,wBAAC,QAAG,WAAW,OAAO,MACnB,kBAAQ,MAAM,GAAG,KAAK,EAAE,IAAI,CAAC,MAC5B,qBAAC,QAAc,WAAW,OAAO,MAC/B;AAAA,2BAAC,UAAK,WAAW,OAAO,KACtB;AAAA,4BAAC,UAAK,WAAW,OAAO,QAAQ,OAAO,EAAE,aAAa,QACnD,mBAAS,CAAC,GACb;AAAA,QACA,oBAAC,UAAK,WAAW,OAAO,KAAK,aAAW,MAAM,CAAC,GAC5C,kBAAQ,CAAC,GACZ;AAAA,SACF;AAAA,MACA,oBAAC,UAAK,WAAW,OAAO,MACrB,WAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,QAAK,KACnD,uBACJ;AAAA,MACA,qBAAC,UAAK,WAAW,OAAO,MAAM;AAAA;AAAA,QACnB,KAAK,EAAE,SAAS;AAAA,QACxB,EAAE,UACC,eAAY,KAAK,EAAE,OAAO,CAAC,KAC3B,mBAAgB,aAAa,EAAE,UAAU,CAAC;AAAA,SAChD;AAAA,SAlBO,EAAE,EAmBX,CACD,GACH;AAAA,IACC,QAAQ,SAAS,SAChB,oBAAC,SAAI,WAAW,OAAO,MACrB;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS,MAAM,SAAS,CAAC,MAAc,IAAI,SAAS;AAAA,QACrD;AAAA;AAAA,IAED,GACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/accounts/account-sessions.module.css

@@ -0,0 +1,55 @@
+.list {
+  display: grid;
+  gap: 8px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.item {
+  display: grid;
+  gap: 2px;
+  padding: 12px 16px;
+  border-radius: var(--adm-card-radius);
+  border: 1px solid var(--adm-line);
+  background: var(--bg-base);
+}
+
+.top {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.device {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  color: var(--text-primary);
+}
+
+.how {
+  flex-shrink: 0;
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--text-tertiary);
+}
+
+.how[data-live='true'] {
+  color: var(--success);
+}
+
+.meta {
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--text-tertiary);
+}
+
+.more {
+  display: flex;
+}

package/dist/admin/accounts/account-stage-filter.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { FilterSelect } from "../_ui";
+import { STAGE_LABELS, STAGE_ORDER } from "./account-stage";
+const OPTIONS = [
+  { value: "", label: "All stages" },
+  ...STAGE_ORDER.map((s) => ({
+    value: s,
+    label: STAGE_LABELS[s]
+  }))
+];
+function AccountStageFilter({
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx(
+    FilterSelect,
+    {
+      label: "Stage",
+      value,
+      onChange: (v) => onChange(v),
+      options: OPTIONS
+    }
+  );
+}
+export {
+  AccountStageFilter
+};
+//# sourceMappingURL=account-stage-filter.js.map

package/dist/admin/accounts/account-stage-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/account-stage-filter.tsx"],"sourcesContent":["'use client';\n\nimport type { AccountStage } from '@withpotter/lib/admin-api';\nimport { FilterSelect } from '../_ui';\nimport { STAGE_LABELS, STAGE_ORDER } from './account-stage';\n\nconst OPTIONS = [\n  { value: '', label: 'All stages' },\n  ...STAGE_ORDER.map((s: AccountStage) => ({\n    value: s,\n    label: STAGE_LABELS[s],\n  })),\n];\n\n/** Narrow the accounts list to everyone who stopped at one stage. */\nexport function AccountStageFilter({\n  value,\n  onChange,\n}: {\n  value: AccountStage | '';\n  onChange: (value: AccountStage | '') => void;\n}) {\n  return (\n    <FilterSelect\n      label=\"Stage\"\n      value={value}\n      onChange={(v: string) => onChange(v as AccountStage | '')}\n      options={OPTIONS}\n    />\n  );\n}\n"],"mappings":";AAuBI;AApBJ,SAAS,oBAAoB;AAC7B,SAAS,cAAc,mBAAmB;AAE1C,MAAM,UAAU;AAAA,EACd,EAAE,OAAO,IAAI,OAAO,aAAa;AAAA,EACjC,GAAG,YAAY,IAAI,CAAC,OAAqB;AAAA,IACvC,OAAO;AAAA,IACP,OAAO,aAAa,CAAC;AAAA,EACvB,EAAE;AACJ;AAGO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN;AAAA,MACA,UAAU,CAAC,MAAc,SAAS,CAAsB;AAAA,MACxD,SAAS;AAAA;AAAA,EACX;AAEJ;","names":[]}

package/dist/admin/accounts/account-stage.js

@@ -0,0 +1,81 @@
+const STAGE_LABELS = {
+  signed_up: "Signed up",
+  verified: "Email verified",
+  onboarding: "Onboarding",
+  kyc_approved: "KYC approved",
+  active: "Active"
+};
+const STAGE_ORDER = [
+  "signed_up",
+  "verified",
+  "onboarding",
+  "kyc_approved",
+  "active"
+];
+const KYC_LABELS = {
+  NOT_STARTED: "Not started",
+  CHECKING: "Checking",
+  WAITING_REVIEW: "In review",
+  NEEDS_MORE: "Needs more",
+  APPROVED: "Approved",
+  DENIED: "Denied"
+};
+const ACTIVE_HINT = "Active means the email is verified, KYC or KYB is approved, and at least one sale was paid.";
+const stageStatus = (stage) => `stage_${stage}`;
+const PROVIDERS = {
+  local: "Email",
+  email: "Email",
+  google: "Google",
+  apple: "Apple"
+};
+function providerLabel(provider) {
+  const key = provider.toLowerCase();
+  return PROVIDERS[key] ?? key.charAt(0).toUpperCase() + key.slice(1);
+}
+function kycLabel(status) {
+  if (!status) return null;
+  return KYC_LABELS[status] ?? status;
+}
+function stoppedAt(a) {
+  if (a.stage === void 0 && a.emailVerified === void 0) return null;
+  if (a.stage === "active") return null;
+  if (a.emailVerified === false) return "Verify their email";
+  if (a.workspaceCount === 0) return "Add a business";
+  if (a.kycStatus !== "APPROVED") {
+    return a.kycStatus === "DENIED" ? "Finish KYC or KYB (denied)" : "Finish KYC or KYB";
+  }
+  if (!a.firstSaleAt) return "Make a first sale";
+  return null;
+}
+function stepStates(a) {
+  const all = a.stage === "active";
+  const done = [
+    all || a.emailVerified === true,
+    all || (a.workspaceCount ?? 0) > 0,
+    all || a.kycStatus === "APPROVED",
+    all || Boolean(a.firstSaleAt)
+  ];
+  const labels = [
+    "Email verified",
+    "Business added",
+    "KYC or KYB approved",
+    "First sale"
+  ];
+  const current = done.indexOf(false);
+  return labels.map((label, i) => ({
+    label,
+    state: done[i] ? "done" : i === current ? "current" : "todo"
+  }));
+}
+export {
+  ACTIVE_HINT,
+  KYC_LABELS,
+  STAGE_LABELS,
+  STAGE_ORDER,
+  kycLabel,
+  providerLabel,
+  stageStatus,
+  stepStates,
+  stoppedAt
+};
+//# sourceMappingURL=account-stage.js.map

package/dist/admin/accounts/account-stage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/account-stage.ts"],"sourcesContent":["import type {\n  AccountKycStatus,\n  AccountRow,\n  AccountStage,\n} from '@withpotter/lib/admin-api';\n\nexport const STAGE_LABELS: Record<AccountStage, string> = {\n  signed_up: 'Signed up',\n  verified: 'Email verified',\n  onboarding: 'Onboarding',\n  kyc_approved: 'KYC approved',\n  active: 'Active',\n};\n\nexport const STAGE_ORDER: AccountStage[] = [\n  'signed_up',\n  'verified',\n  'onboarding',\n  'kyc_approved',\n  'active',\n];\n\nexport const KYC_LABELS: Record<AccountKycStatus, string> = {\n  NOT_STARTED: 'Not started',\n  CHECKING: 'Checking',\n  WAITING_REVIEW: 'In review',\n  NEEDS_MORE: 'Needs more',\n  APPROVED: 'Approved',\n  DENIED: 'Denied',\n};\n\n/** What \"active\" means, said once for every place that needs it. */\nexport const ACTIVE_HINT =\n  'Active means the email is verified, KYC or KYB is approved, and at least one sale was paid.';\n\n/** The StatusPill key for a stage, so each stage gets its own tone. */\nexport const stageStatus = (stage: AccountStage): string => `stage_${stage}`;\n\nconst PROVIDERS: Record<string, string> = {\n  local: 'Email',\n  email: 'Email',\n  google: 'Google',\n  apple: 'Apple',\n};\n\n/** Plain words for a sign-in provider; the capitalised value for unknown ones. */\nexport function providerLabel(provider: string): string {\n  const key = provider.toLowerCase();\n\n  return PROVIDERS[key] ?? key.charAt(0).toUpperCase() + key.slice(1);\n}\n\n/** Plain words for a KYC or KYB status; the raw value for unknown ones. */\nexport function kycLabel(status: string | null | undefined): string | null {\n  if (!status) return null;\n\n  return KYC_LABELS[status as AccountKycStatus] ?? status;\n}\n\ntype Progress = Pick<\n  AccountRow,\n  'emailVerified' | 'workspaceCount' | 'kycStatus' | 'firstSaleAt' | 'stage'\n>;\n\n/**\n * The first step this account has not done, from the fields the list sends.\n * Returns null when every step is done (or when nothing is known yet).\n */\nexport function stoppedAt(a: Partial<Progress>): string | null {\n  if (a.stage === undefined && a.emailVerified === undefined) return null;\n  if (a.stage === 'active') return null;\n  if (a.emailVerified === false) return 'Verify their email';\n  if (a.workspaceCount === 0) return 'Add a business';\n  if (a.kycStatus !== 'APPROVED') {\n    return a.kycStatus === 'DENIED'\n      ? 'Finish KYC or KYB (denied)'\n      : 'Finish KYC or KYB';\n  }\n  if (!a.firstSaleAt) return 'Make a first sale';\n\n  return null;\n}\n\nexport type StepState = 'done' | 'current' | 'todo';\n\n/**\n * The four steps to an active account, each done, current (the first not\n * done) or todo, from the same fields as stoppedAt.\n */\nexport function stepStates(\n  a: Partial<Progress>,\n): { label: string; state: StepState }[] {\n  const all = a.stage === 'active';\n  const done = [\n    all || a.emailVerified === true,\n    all || (a.workspaceCount ?? 0) > 0,\n    all || a.kycStatus === 'APPROVED',\n    all || Boolean(a.firstSaleAt),\n  ];\n  const labels = [\n    'Email verified',\n    'Business added',\n    'KYC or KYB approved',\n    'First sale',\n  ];\n  const current = done.indexOf(false);\n\n  return labels.map((label: string, i: number) => ({\n    label,\n    state: done[i] ? 'done' : i === current ? 'current' : 'todo',\n  }));\n}\n"],"mappings":"AAMO,MAAM,eAA6C;AAAA,EACxD,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,QAAQ;AACV;AAEO,MAAM,cAA8B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,aAA+C;AAAA,EAC1D,aAAa;AAAA,EACb,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AACV;AAGO,MAAM,cACX;AAGK,MAAM,cAAc,CAAC,UAAgC,SAAS,KAAK;AAE1E,MAAM,YAAoC;AAAA,EACxC,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAGO,SAAS,cAAc,UAA0B;AACtD,QAAM,MAAM,SAAS,YAAY;AAEjC,SAAO,UAAU,GAAG,KAAK,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,IAAI,MAAM,CAAC;AACpE;AAGO,SAAS,SAAS,QAAkD;AACzE,MAAI,CAAC,OAAQ,QAAO;AAEpB,SAAO,WAAW,MAA0B,KAAK;AACnD;AAWO,SAAS,UAAU,GAAqC;AAC7D,MAAI,EAAE,UAAU,UAAa,EAAE,kBAAkB,OAAW,QAAO;AACnE,MAAI,EAAE,UAAU,SAAU,QAAO;AACjC,MAAI,EAAE,kBAAkB,MAAO,QAAO;AACtC,MAAI,EAAE,mBAAmB,EAAG,QAAO;AACnC,MAAI,EAAE,cAAc,YAAY;AAC9B,WAAO,EAAE,cAAc,WACnB,+BACA;AAAA,EACN;AACA,MAAI,CAAC,EAAE,YAAa,QAAO;AAE3B,SAAO;AACT;AAQO,SAAS,WACd,GACuC;AACvC,QAAM,MAAM,EAAE,UAAU;AACxB,QAAM,OAAO;AAAA,IACX,OAAO,EAAE,kBAAkB;AAAA,IAC3B,QAAQ,EAAE,kBAAkB,KAAK;AAAA,IACjC,OAAO,EAAE,cAAc;AAAA,IACvB,OAAO,QAAQ,EAAE,WAAW;AAAA,EAC9B;AACA,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,QAAM,UAAU,KAAK,QAAQ,KAAK;AAElC,SAAO,OAAO,IAAI,CAAC,OAAe,OAAe;AAAA,IAC/C;AAAA,IACA,OAAO,KAAK,CAAC,IAAI,SAAS,MAAM,UAAU,YAAY;AAAA,EACxD,EAAE;AACJ;","names":[]}

package/dist/admin/accounts/account-vitals.js

@@ -0,0 +1,46 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { relativeTime, seenWithin } from "./relative-time";
+import styles from "./account-panel.module.css";
+const SEEN_GAP_MS = 5 * 60 * 1e3;
+function AccountVitals({
+  account,
+  workspaces
+}) {
+  const online = Boolean(seenWithin(account.lastSeenAt, 15 * 60));
+  const laterSeen = account.lastSeenAt && (!account.lastLoginAt || new Date(account.lastSeenAt).getTime() - new Date(account.lastLoginAt).getTime() > SEEN_GAP_MS);
+  const tiles = [
+    {
+      label: "Last login",
+      value: relativeTime(account.lastLoginAt),
+      hint: account.lastLoginAt ? new Date(account.lastLoginAt).toLocaleDateString() : void 0,
+      live: online && !laterSeen
+    },
+    ...laterSeen ? [
+      {
+        label: "Last seen",
+        value: relativeTime(account.lastSeenAt),
+        live: online
+      }
+    ] : [],
+    {
+      label: "Workspaces",
+      value: workspaces === void 0 ? "\u2026" : String(workspaces)
+    },
+    {
+      label: "Joined",
+      value: account.createdAt ? new Date(account.createdAt).toLocaleDateString() : "\u2014"
+    }
+  ];
+  return /* @__PURE__ */ jsx("div", { className: styles.vitals, "data-count": tiles.length, children: tiles.map((tile) => /* @__PURE__ */ jsxs("div", { className: styles.vital, children: [
+    /* @__PURE__ */ jsxs("span", { className: styles.vitalLabel, children: [
+      tile.live && /* @__PURE__ */ jsx("span", { className: styles.live, "aria-label": "Online" }),
+      tile.label
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: styles.vitalValue, children: tile.value }),
+    tile.hint && /* @__PURE__ */ jsx("span", { className: styles.vitalHint, children: tile.hint })
+  ] }, tile.label)) });
+}
+export {
+  AccountVitals
+};
+//# sourceMappingURL=account-vitals.js.map

package/dist/admin/accounts/account-vitals.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/account-vitals.tsx"],"sourcesContent":["import type { AccountRow } from '@withpotter/lib/admin-api';\nimport { relativeTime, seenWithin } from './relative-time';\nimport styles from './account-panel.module.css';\n\n/** Last seen only earns a tile when it is meaningfully after the last login. */\nconst SEEN_GAP_MS = 5 * 60 * 1000;\n\ntype Tile = { label: string; value: string; hint?: string; live?: boolean };\n\n/** Three numbers (a fourth when last seen differs) that say how deeply this person is here. */\nexport function AccountVitals({\n  account,\n  workspaces,\n}: {\n  account: Pick<AccountRow, 'id'> & Partial<AccountRow>;\n  workspaces: number | undefined;\n}) {\n  const online = Boolean(seenWithin(account.lastSeenAt, 15 * 60));\n  const laterSeen =\n    account.lastSeenAt &&\n    (!account.lastLoginAt ||\n      new Date(account.lastSeenAt).getTime() -\n        new Date(account.lastLoginAt).getTime() >\n        SEEN_GAP_MS);\n  const tiles: Tile[] = [\n    {\n      label: 'Last login',\n      value: relativeTime(account.lastLoginAt),\n      hint: account.lastLoginAt\n        ? new Date(account.lastLoginAt).toLocaleDateString()\n        : undefined,\n      live: online && !laterSeen,\n    },\n    ...(laterSeen\n      ? [\n          {\n            label: 'Last seen',\n            value: relativeTime(account.lastSeenAt),\n            live: online,\n          },\n        ]\n      : []),\n    {\n      label: 'Workspaces',\n      value: workspaces === undefined ? '…' : String(workspaces),\n    },\n    {\n      label: 'Joined',\n      value: account.createdAt\n        ? new Date(account.createdAt).toLocaleDateString()\n        : '—',\n    },\n  ];\n\n  return (\n    <div className={styles.vitals} data-count={tiles.length}>\n      {tiles.map((tile: Tile) => (\n        <div key={tile.label} className={styles.vital}>\n          <span className={styles.vitalLabel}>\n            {tile.live && <span className={styles.live} aria-label=\"Online\" />}\n            {tile.label}\n          </span>\n          <span className={styles.vitalValue}>{tile.value}</span>\n          {tile.hint && <span className={styles.vitalHint}>{tile.hint}</span>}\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"AA0DU,SACgB,KADhB;AAzDV,SAAS,cAAc,kBAAkB;AACzC,OAAO,YAAY;AAGnB,MAAM,cAAc,IAAI,KAAK;AAKtB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;AACD,QAAM,SAAS,QAAQ,WAAW,QAAQ,YAAY,KAAK,EAAE,CAAC;AAC9D,QAAM,YACJ,QAAQ,eACP,CAAC,QAAQ,eACR,IAAI,KAAK,QAAQ,UAAU,EAAE,QAAQ,IACnC,IAAI,KAAK,QAAQ,WAAW,EAAE,QAAQ,IACtC;AACN,QAAM,QAAgB;AAAA,IACpB;AAAA,MACE,OAAO;AAAA,MACP,OAAO,aAAa,QAAQ,WAAW;AAAA,MACvC,MAAM,QAAQ,cACV,IAAI,KAAK,QAAQ,WAAW,EAAE,mBAAmB,IACjD;AAAA,MACJ,MAAM,UAAU,CAAC;AAAA,IACnB;AAAA,IACA,GAAI,YACA;AAAA,MACE;AAAA,QACE,OAAO;AAAA,QACP,OAAO,aAAa,QAAQ,UAAU;AAAA,QACtC,MAAM;AAAA,MACR;AAAA,IACF,IACA,CAAC;AAAA,IACL;AAAA,MACE,OAAO;AAAA,MACP,OAAO,eAAe,SAAY,WAAM,OAAO,UAAU;AAAA,IAC3D;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO,QAAQ,YACX,IAAI,KAAK,QAAQ,SAAS,EAAE,mBAAmB,IAC/C;AAAA,IACN;AAAA,EACF;AAEA,SACE,oBAAC,SAAI,WAAW,OAAO,QAAQ,cAAY,MAAM,QAC9C,gBAAM,IAAI,CAAC,SACV,qBAAC,SAAqB,WAAW,OAAO,OACtC;AAAA,yBAAC,UAAK,WAAW,OAAO,YACrB;AAAA,WAAK,QAAQ,oBAAC,UAAK,WAAW,OAAO,MAAM,cAAW,UAAS;AAAA,MAC/D,KAAK;AAAA,OACR;AAAA,IACA,oBAAC,UAAK,WAAW,OAAO,YAAa,eAAK,OAAM;AAAA,IAC/C,KAAK,QAAQ,oBAAC,UAAK,WAAW,OAAO,WAAY,eAAK,MAAK;AAAA,OANpD,KAAK,KAOf,CACD,GACH;AAEJ;","names":[]}

package/dist/admin/accounts/account-workspaces.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { EmptyNote } from "@withpotter/ui-kit";
+import { STOREFRONT_HOST } from "@withpotter/lib/storefront";
+import { AdmLoading } from "../_ui";
+import { WithCountry } from "../_ui/country-label";
+import { StatusPill } from "../audit/status-pill";
+import { useAccountTenants } from "../hooks";
+import styles from "./account-panel.module.css";
+function WorkspaceReach({ workspace }) {
+  const parts = [
+    workspace.memberPhone && `Phone ${workspace.memberPhone}`,
+    workspace.workspacePhone && workspace.workspacePhone !== workspace.memberPhone && `Business ${workspace.workspacePhone}`,
+    workspace.workspaceEmail && workspace.workspaceEmail,
+    workspace.lastActiveAt && `Active ${new Date(workspace.lastActiveAt).toLocaleDateString()}`
+  ].filter(Boolean);
+  if (!parts.length) return null;
+  return /* @__PURE__ */ jsx("span", { className: styles.muted, children: parts.join(" \xB7 ") });
+}
+function Workspaces({ accountId }) {
+  const { data, isLoading } = useAccountTenants(accountId);
+  if (isLoading) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading workspaces\u2026", size: "sm" });
+  if (!data?.length) {
+    return /* @__PURE__ */ jsx(EmptyNote, { children: "Not a member of any workspace." });
+  }
+  const gone = (w) => w.status === "deleted" || w.memberStatus === "removed";
+  const ordered = [...data].sort((a, b) => Number(gone(a)) - Number(gone(b)));
+  return /* @__PURE__ */ jsx("ul", { className: styles.workspaces, children: ordered.map((w) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href: `/admin/tenants/${w.tenantId}`,
+      className: styles.workspace,
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: styles.workspaceName, children: [
+          /* @__PURE__ */ jsx(WithCountry, { country: w.country, code: w.countryCode, children: /* @__PURE__ */ jsx("span", { children: w.businessName }) }),
+          /* @__PURE__ */ jsxs("span", { className: styles.muted, children: [
+            w.slug,
+            ".",
+            STOREFRONT_HOST
+          ] }),
+          /* @__PURE__ */ jsx(WorkspaceReach, { workspace: w })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: styles.badges, children: [
+          /* @__PURE__ */ jsx("span", { className: styles.muted, children: w.role }),
+          w.memberStatus !== "active" && /* @__PURE__ */ jsx(StatusPill, { status: w.memberStatus }),
+          /* @__PURE__ */ jsx(StatusPill, { status: w.status })
+        ] })
+      ]
+    }
+  ) }, w.tenantId)) });
+}
+export {
+  Workspaces
+};
+//# sourceMappingURL=account-workspaces.js.map

package/dist/admin/accounts/account-workspaces.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/account-workspaces.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { EmptyNote } from '@withpotter/ui-kit';\nimport type { AccountTenantRow } from '@withpotter/lib/admin-api';\nimport { STOREFRONT_HOST } from '@withpotter/lib/storefront';\nimport { AdmLoading } from '../_ui';\nimport { WithCountry } from '../_ui/country-label';\nimport { StatusPill } from '../audit/status-pill';\nimport { useAccountTenants } from '../hooks';\nimport styles from './account-panel.module.css';\n\n/** Phone they gave in this workspace, and the workspace's own contact. */\nfunction WorkspaceReach({ workspace }: { workspace: AccountTenantRow }) {\n  const parts = [\n    workspace.memberPhone && `Phone ${workspace.memberPhone}`,\n    workspace.workspacePhone &&\n      workspace.workspacePhone !== workspace.memberPhone &&\n      `Business ${workspace.workspacePhone}`,\n    workspace.workspaceEmail && workspace.workspaceEmail,\n    workspace.lastActiveAt &&\n      `Active ${new Date(workspace.lastActiveAt).toLocaleDateString()}`,\n  ].filter(Boolean);\n\n  if (!parts.length) return null;\n\n  return <span className={styles.muted}>{parts.join(' · ')}</span>;\n}\n\nexport function Workspaces({ accountId }: { accountId: string }) {\n  const { data, isLoading } = useAccountTenants(accountId);\n\n  if (isLoading) return <AdmLoading label=\"Loading workspaces…\" size=\"sm\" />;\n\n  if (!data?.length) {\n    return <EmptyNote>Not a member of any workspace.</EmptyNote>;\n  }\n\n  // Deleted workspaces and removed memberships don't count; list them last.\n  const gone = (w: AccountTenantRow) =>\n    w.status === 'deleted' || w.memberStatus === 'removed';\n  const ordered = [...data].sort((a, b) => Number(gone(a)) - Number(gone(b)));\n\n  return (\n    <ul className={styles.workspaces}>\n      {ordered.map((w) => (\n        <li key={w.tenantId}>\n          <Link\n            href={`/admin/tenants/${w.tenantId}`}\n            className={styles.workspace}\n          >\n            <span className={styles.workspaceName}>\n              <WithCountry country={w.country} code={w.countryCode}>\n                <span>{w.businessName}</span>\n              </WithCountry>\n              <span className={styles.muted}>\n                {w.slug}.{STOREFRONT_HOST}\n              </span>\n              <WorkspaceReach workspace={w} />\n            </span>\n            <span className={styles.badges}>\n              <span className={styles.muted}>{w.role}</span>\n              {w.memberStatus !== 'active' && (\n                <StatusPill status={w.memberStatus} />\n              )}\n              <StatusPill status={w.status} />\n            </span>\n          </Link>\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":";AA0BS,cA6BK,YA7BL;AAxBT,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAE1B,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,OAAO,YAAY;AAGnB,SAAS,eAAe,EAAE,UAAU,GAAoC;AACtE,QAAM,QAAQ;AAAA,IACZ,UAAU,eAAe,SAAS,UAAU,WAAW;AAAA,IACvD,UAAU,kBACR,UAAU,mBAAmB,UAAU,eACvC,YAAY,UAAU,cAAc;AAAA,IACtC,UAAU,kBAAkB,UAAU;AAAA,IACtC,UAAU,gBACR,UAAU,IAAI,KAAK,UAAU,YAAY,EAAE,mBAAmB,CAAC;AAAA,EACnE,EAAE,OAAO,OAAO;AAEhB,MAAI,CAAC,MAAM,OAAQ,QAAO;AAE1B,SAAO,oBAAC,UAAK,WAAW,OAAO,OAAQ,gBAAM,KAAK,QAAK,GAAE;AAC3D;AAEO,SAAS,WAAW,EAAE,UAAU,GAA0B;AAC/D,QAAM,EAAE,MAAM,UAAU,IAAI,kBAAkB,SAAS;AAEvD,MAAI,UAAW,QAAO,oBAAC,cAAW,OAAM,4BAAsB,MAAK,MAAK;AAExE,MAAI,CAAC,MAAM,QAAQ;AACjB,WAAO,oBAAC,aAAU,4CAA8B;AAAA,EAClD;AAGA,QAAM,OAAO,CAAC,MACZ,EAAE,WAAW,aAAa,EAAE,iBAAiB;AAC/C,QAAM,UAAU,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,KAAK,CAAC,CAAC,IAAI,OAAO,KAAK,CAAC,CAAC,CAAC;AAE1E,SACE,oBAAC,QAAG,WAAW,OAAO,YACnB,kBAAQ,IAAI,CAAC,MACZ,oBAAC,QACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,kBAAkB,EAAE,QAAQ;AAAA,MAClC,WAAW,OAAO;AAAA,MAElB;AAAA,6BAAC,UAAK,WAAW,OAAO,eACtB;AAAA,8BAAC,eAAY,SAAS,EAAE,SAAS,MAAM,EAAE,aACvC,8BAAC,UAAM,YAAE,cAAa,GACxB;AAAA,UACA,qBAAC,UAAK,WAAW,OAAO,OACrB;AAAA,cAAE;AAAA,YAAK;AAAA,YAAE;AAAA,aACZ;AAAA,UACA,oBAAC,kBAAe,WAAW,GAAG;AAAA,WAChC;AAAA,QACA,qBAAC,UAAK,WAAW,OAAO,QACtB;AAAA,8BAAC,UAAK,WAAW,OAAO,OAAQ,YAAE,MAAK;AAAA,UACtC,EAAE,iBAAiB,YAClB,oBAAC,cAAW,QAAQ,EAAE,cAAc;AAAA,UAEtC,oBAAC,cAAW,QAAQ,EAAE,QAAQ;AAAA,WAChC;AAAA;AAAA;AAAA,EACF,KArBO,EAAE,QAsBX,CACD,GACH;AAEJ;","names":[]}

package/dist/admin/accounts/accounts-analytics.js

@@ -0,0 +1,113 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { TimeSeriesChart } from "@withpotter/components/charts";
+import {
+  AdmLoading,
+  DonutChart,
+  Panel,
+  PROVIDER_COLORS,
+  STATUS_FALLBACK,
+  toTrend
+} from "../_ui";
+import { LoadFailed } from "../audit/load-failed";
+import { statusFill } from "../audit/status-fill";
+import { Tinted } from "../audit/tinted";
+import { AccountsKpis } from "./accounts-kpis";
+import { PROVIDER_LABELS } from "./account-row";
+import { TopAccounts } from "./top-accounts";
+const STATUS_LABELS = {
+  active: "Active",
+  suspended: "Suspended",
+  pending_verification: "Pending"
+};
+const bySize = (a, b) => b.value - a.value;
+function AccountsAnalytics({
+  data,
+  isLoading,
+  isError,
+  onRetry,
+  caption,
+  span,
+  compare,
+  onSelectAccount
+}) {
+  const providerSlices = useMemo(
+    () => (data?.providerBreakdown ?? []).filter((p) => p.count > 0).map((p) => ({
+      label: PROVIDER_LABELS[p.provider] ?? p.provider,
+      value: p.count,
+      color: PROVIDER_COLORS[p.provider] ?? STATUS_FALLBACK
+    })).sort(bySize),
+    [data]
+  );
+  const statusSlices = useMemo(
+    () => (data?.statusBreakdown ?? []).filter((s) => s.count > 0).map((s) => ({
+      label: STATUS_LABELS[s.status] ?? s.status,
+      value: s.count,
+      color: statusFill(s.status)
+    })).sort(bySize),
+    [data]
+  );
+  if (isError) {
+    return /* @__PURE__ */ jsx(
+      LoadFailed,
+      {
+        message: "Account analytics could not be loaded.",
+        onRetry
+      }
+    );
+  }
+  if (isLoading || !data) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading analytics\u2026" });
+  const signupTrend = toTrend(data.signupSeries, "count");
+  const previousSignupTrend = toTrend(data.previousSignupSeries, "count");
+  const activityTrend = toTrend(data.activitySeries, "count");
+  const previousActivityTrend = toTrend(data.previousActivitySeries, "count");
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(AccountsKpis, { data }),
+    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+      /* @__PURE__ */ jsx("div", { className: "adm-span-8", children: /* @__PURE__ */ jsx(Panel, { title: "Sign-ups", caption, children: /* @__PURE__ */ jsx(Tinted, { tone: "brand", children: /* @__PURE__ */ jsx(
+        TimeSeriesChart,
+        {
+          data: signupTrend,
+          compare: compare ? previousSignupTrend : null,
+          compareLabel: `Previous ${span}`,
+          emptyMessage: "No sign-ups in this window",
+          height: 240
+        }
+      ) }) }) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-4", children: /* @__PURE__ */ jsx(Panel, { title: "Login activity", caption, children: /* @__PURE__ */ jsx(Tinted, { tone: "ops", children: /* @__PURE__ */ jsx(
+        TimeSeriesChart,
+        {
+          data: activityTrend,
+          compare: compare ? previousActivityTrend : null,
+          compareLabel: `Previous ${span}`,
+          emptyMessage: "No logins in this window",
+          height: 240
+        }
+      ) }) }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+      /* @__PURE__ */ jsx("div", { className: "adm-span-4", children: /* @__PURE__ */ jsx(Panel, { title: "Accounts by provider", children: /* @__PURE__ */ jsx(
+        DonutChart,
+        {
+          data: providerSlices,
+          centerLabel: "accounts",
+          emptyLabel: "No accounts yet"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-4", children: /* @__PURE__ */ jsx(Panel, { title: "Accounts by status", children: /* @__PURE__ */ jsx(
+        DonutChart,
+        {
+          data: statusSlices,
+          centerLabel: "accounts",
+          emptyLabel: "No accounts yet"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-4", children: /* @__PURE__ */ jsx(TopAccounts, { accounts: data.topAccounts, onSelect: onSelectAccount }) })
+    ] })
+  ] });
+}
+export {
+  AccountsAnalytics
+};
+//# sourceMappingURL=accounts-analytics.js.map

package/dist/admin/accounts/accounts-analytics.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/accounts-analytics.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { TimeSeriesChart } from '@withpotter/components/charts';\nimport type { AccountsAnalytics as Analytics } from '@withpotter/lib/admin-api';\nimport {\n  AdmLoading,\n  DonutChart,\n  Panel,\n  PROVIDER_COLORS,\n  STATUS_FALLBACK,\n  toTrend,\n  type DonutSlice,\n} from '../_ui';\nimport { LoadFailed } from '../audit/load-failed';\nimport { statusFill } from '../audit/status-fill';\nimport { Tinted } from '../audit/tinted';\nimport type { AccountSummary } from './account-panel';\nimport { AccountsKpis } from './accounts-kpis';\nimport { PROVIDER_LABELS } from './account-row';\nimport { TopAccounts } from './top-accounts';\n\nconst STATUS_LABELS: Record<string, string> = {\n  active: 'Active',\n  suspended: 'Suspended',\n  pending_verification: 'Pending',\n};\n\n/** Largest first, so the donut reads clockwise from its biggest share. */\nconst bySize = (a: DonutSlice, b: DonutSlice) => b.value - a.value;\n\nexport function AccountsAnalytics({\n  data,\n  isLoading,\n  isError,\n  onRetry,\n  caption,\n  span,\n  compare,\n  onSelectAccount,\n}: {\n  data: Analytics | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  onRetry: () => void;\n  /** The selected window in words, stated once per panel. */\n  caption: string;\n  span: string;\n  /** False for \"all time\": there is no earlier period to compare with. */\n  compare: boolean;\n  onSelectAccount: (account: AccountSummary) => void;\n}) {\n  const providerSlices: DonutSlice[] = useMemo(\n    () =>\n      (data?.providerBreakdown ?? [])\n        .filter((p) => p.count > 0)\n        .map((p) => ({\n          label: PROVIDER_LABELS[p.provider] ?? p.provider,\n          value: p.count,\n          color: PROVIDER_COLORS[p.provider] ?? STATUS_FALLBACK,\n        }))\n        .sort(bySize),\n    [data],\n  );\n\n  const statusSlices: DonutSlice[] = useMemo(\n    () =>\n      (data?.statusBreakdown ?? [])\n        .filter((s) => s.count > 0)\n        .map((s) => ({\n          label: STATUS_LABELS[s.status] ?? s.status,\n          value: s.count,\n          color: statusFill(s.status),\n        }))\n        .sort(bySize),\n    [data],\n  );\n\n  if (isError) {\n    return (\n      <LoadFailed\n        message=\"Account analytics could not be loaded.\"\n        onRetry={onRetry}\n      />\n    );\n  }\n  if (isLoading || !data) return <AdmLoading label=\"Loading analytics…\" />;\n\n  const signupTrend = toTrend(data.signupSeries, 'count');\n  const previousSignupTrend = toTrend(data.previousSignupSeries, 'count');\n  const activityTrend = toTrend(data.activitySeries, 'count');\n  const previousActivityTrend = toTrend(data.previousActivitySeries, 'count');\n\n  return (\n    <>\n      <AccountsKpis data={data} />\n\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-8\">\n          <Panel title=\"Sign-ups\" caption={caption}>\n            <Tinted tone=\"brand\">\n              <TimeSeriesChart\n                data={signupTrend}\n                compare={compare ? previousSignupTrend : null}\n                compareLabel={`Previous ${span}`}\n                emptyMessage=\"No sign-ups in this window\"\n                height={240}\n              />\n            </Tinted>\n          </Panel>\n        </div>\n        <div className=\"adm-span-4\">\n          <Panel title=\"Login activity\" caption={caption}>\n            <Tinted tone=\"ops\">\n              <TimeSeriesChart\n                data={activityTrend}\n                compare={compare ? previousActivityTrend : null}\n                compareLabel={`Previous ${span}`}\n                emptyMessage=\"No logins in this window\"\n                height={240}\n              />\n            </Tinted>\n          </Panel>\n        </div>\n      </div>\n\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-4\">\n          <Panel title=\"Accounts by provider\">\n            <DonutChart\n              data={providerSlices}\n              centerLabel=\"accounts\"\n              emptyLabel=\"No accounts yet\"\n            />\n          </Panel>\n        </div>\n        <div className=\"adm-span-4\">\n          <Panel title=\"Accounts by status\">\n            <DonutChart\n              data={statusSlices}\n              centerLabel=\"accounts\"\n              emptyLabel=\"No accounts yet\"\n            />\n          </Panel>\n        </div>\n        <div className=\"adm-span-4\">\n          <TopAccounts accounts={data.topAccounts} onSelect={onSelectAccount} />\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/accounts/accounts-kpis.js

@@ -0,0 +1,70 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { MetricRow, MetricTile } from "@withpotter/ui-kit";
+import { CountUp, Reveal } from "../_fx";
+import { StatCard } from "../_ui";
+import metric from "../audit/metric-card.module.css";
+const fmt = (n) => new Intl.NumberFormat("en-US").format(n);
+function AccountsKpis({ data }) {
+  const t = data.totals;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("section", { "aria-label": "Account indicators", className: "adm-grid", children: [
+      /* @__PURE__ */ jsx(Reveal, { index: 0, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Total accounts",
+          value: /* @__PURE__ */ jsx(CountUp, { value: t.accounts }),
+          sub: `+${fmt(t.newInRange)} new`
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Reveal, { index: 1, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "New accounts",
+          value: /* @__PURE__ */ jsx(CountUp, { value: t.newInRange }),
+          sub: "Signed up",
+          spark: data.signupSeries.map((p) => p.count)
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Reveal, { index: 2, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Active",
+          value: /* @__PURE__ */ jsx(CountUp, { value: t.activeInRange }),
+          sub: "Logged in",
+          spark: data.activitySeries.map((p) => p.count)
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Reveal, { index: 3, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Verified",
+          value: /* @__PURE__ */ jsx(
+            CountUp,
+            {
+              value: t.verifiedRate,
+              format: (n) => `${Math.round(n)}%`
+            }
+          ),
+          sub: `${fmt(t.verified)} verified`
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "adm-grid", children: /* @__PURE__ */ jsx("div", { className: "adm-span-12", children: /* @__PURE__ */ jsxs(MetricRow, { className: metric.card, children: [
+      /* @__PURE__ */ jsx(MetricTile, { label: "Suspended", value: fmt(t.suspended) }),
+      /* @__PURE__ */ jsx(MetricTile, { label: "Pending verification", value: fmt(t.pending) }),
+      /* @__PURE__ */ jsx(MetricTile, { label: "With workspaces", value: fmt(t.withWorkspaces) }),
+      /* @__PURE__ */ jsx(
+        MetricTile,
+        {
+          label: "Workspaces per account",
+          value: fmt(t.avgWorkspacesPerAccount)
+        }
+      )
+    ] }) }) })
+  ] });
+}
+export {
+  AccountsKpis
+};
+//# sourceMappingURL=accounts-kpis.js.map

package/dist/admin/accounts/accounts-kpis.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/accounts/accounts-kpis.tsx"],"sourcesContent":["'use client';\n\nimport { MetricRow, MetricTile } from '@withpotter/ui-kit';\nimport type { AccountsAnalytics } from '@withpotter/lib/admin-api';\nimport { CountUp, Reveal } from '../_fx';\nimport { StatCard } from '../_ui';\nimport metric from '../audit/metric-card.module.css';\n\nconst fmt = (n: number) => new Intl.NumberFormat('en-US').format(n);\n\n/** Four headline cards, then the secondary figures in one MetricRow. */\nexport function AccountsKpis({ data }: { data: AccountsAnalytics }) {\n  const t = data.totals;\n\n  return (\n    <>\n      <section aria-label=\"Account indicators\" className=\"adm-grid\">\n        <Reveal index={0} className=\"adm-span-3\">\n          <StatCard\n            label=\"Total accounts\"\n            value={<CountUp value={t.accounts} />}\n            sub={`+${fmt(t.newInRange)} new`}\n          />\n        </Reveal>\n        <Reveal index={1} className=\"adm-span-3\">\n          <StatCard\n            label=\"New accounts\"\n            value={<CountUp value={t.newInRange} />}\n            sub=\"Signed up\"\n            spark={data.signupSeries.map((p) => p.count)}\n          />\n        </Reveal>\n        <Reveal index={2} className=\"adm-span-3\">\n          <StatCard\n            label=\"Active\"\n            value={<CountUp value={t.activeInRange} />}\n            sub=\"Logged in\"\n            spark={data.activitySeries.map((p) => p.count)}\n          />\n        </Reveal>\n        <Reveal index={3} className=\"adm-span-3\">\n          <StatCard\n            label=\"Verified\"\n            value={\n              <CountUp\n                value={t.verifiedRate}\n                format={(n) => `${Math.round(n)}%`}\n              />\n            }\n            sub={`${fmt(t.verified)} verified`}\n          />\n        </Reveal>\n      </section>\n\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-12\">\n          <MetricRow className={metric.card}>\n            <MetricTile label=\"Suspended\" value={fmt(t.suspended)} />\n            <MetricTile label=\"Pending verification\" value={fmt(t.pending)} />\n            <MetricTile label=\"With workspaces\" value={fmt(t.withWorkspaces)} />\n            <MetricTile\n              label=\"Workspaces per account\"\n              value={fmt(t.avgWorkspacesPerAccount)}\n            />\n          </MetricRow>\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":";AAeI,mBAKe,KAJb,YADF;AAbJ,SAAS,WAAW,kBAAkB;AAEtC,SAAS,SAAS,cAAc;AAChC,SAAS,gBAAgB;AACzB,OAAO,YAAY;AAEnB,MAAM,MAAM,CAAC,MAAc,IAAI,KAAK,aAAa,OAAO,EAAE,OAAO,CAAC;AAG3D,SAAS,aAAa,EAAE,KAAK,GAAgC;AAClE,QAAM,IAAI,KAAK;AAEf,SACE,iCACE;AAAA,yBAAC,aAAQ,cAAW,sBAAqB,WAAU,YACjD;AAAA,0BAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,oBAAC,WAAQ,OAAO,EAAE,UAAU;AAAA,UACnC,KAAK,IAAI,IAAI,EAAE,UAAU,CAAC;AAAA;AAAA,MAC5B,GACF;AAAA,MACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,oBAAC,WAAQ,OAAO,EAAE,YAAY;AAAA,UACrC,KAAI;AAAA,UACJ,OAAO,KAAK,aAAa,IAAI,CAAC,MAAM,EAAE,KAAK;AAAA;AAAA,MAC7C,GACF;AAAA,MACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,oBAAC,WAAQ,OAAO,EAAE,eAAe;AAAA,UACxC,KAAI;AAAA,UACJ,OAAO,KAAK,eAAe,IAAI,CAAC,MAAM,EAAE,KAAK;AAAA;AAAA,MAC/C,GACF;AAAA,MACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OACE;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,EAAE;AAAA,cACT,QAAQ,CAAC,MAAM,GAAG,KAAK,MAAM,CAAC,CAAC;AAAA;AAAA,UACjC;AAAA,UAEF,KAAK,GAAG,IAAI,EAAE,QAAQ,CAAC;AAAA;AAAA,MACzB,GACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,YACb,8BAAC,SAAI,WAAU,eACb,+BAAC,aAAU,WAAW,OAAO,MAC3B;AAAA,0BAAC,cAAW,OAAM,aAAY,OAAO,IAAI,EAAE,SAAS,GAAG;AAAA,MACvD,oBAAC,cAAW,OAAM,wBAAuB,OAAO,IAAI,EAAE,OAAO,GAAG;AAAA,MAChE,oBAAC,cAAW,OAAM,mBAAkB,OAAO,IAAI,EAAE,cAAc,GAAG;AAAA,MAClE;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,IAAI,EAAE,uBAAuB;AAAA;AAAA,MACtC;AAAA,OACF,GACF,GACF;AAAA,KACF;AAEJ;","names":[]}