@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/tenants/[id]/tenant-attention.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTenantSettlements } from "../../hooks";
+import styles from "./tenant-overview.module.css";
+const JUMP = {
+  header: "tenant-header",
+  setup: "tenant-setup",
+  invites: "tenant-invites"
+};
+function jumpTo(target) {
+  requestAnimationFrame(() => {
+    const el = document.getElementById(target);
+    if (!el) return;
+    el.scrollIntoView({ behavior: "smooth", block: "start" });
+    el.setAttribute("data-jumped", "true");
+    window.setTimeout(() => el.removeAttribute("data-jumped"), 1600);
+  });
+}
+function TenantAttention({
+  data,
+  onTab
+}) {
+  const settlements = useTenantSettlements(data.id, { limit: 1 });
+  const issues = [];
+  if (data.status === "suspended") {
+    issues.push({
+      text: "Workspace is suspended.",
+      tab: "overview",
+      action: "Go to Restore",
+      target: JUMP.header
+    });
+  }
+  if (settlements.data && !settlements.data.bankAccounts?.length) {
+    issues.push({
+      text: "No payout bank account \u2014 sales can\u2019t be settled.",
+      tab: "withdrawals",
+      action: "View payouts",
+      target: JUMP.header
+    });
+  }
+  if (data.onboarding && data.onboarding.percent < 100) {
+    issues.push({
+      text: `Setup is ${data.onboarding.percent}% done.`,
+      tab: "overview",
+      action: "Open checklist",
+      target: JUMP.setup
+    });
+  }
+  if (data.profile && !data.profile.storefrontPublished) {
+    issues.push({
+      text: "Store isn\u2019t published yet.",
+      tab: "overview",
+      action: data.onboarding && data.onboarding.percent < 100 ? "Open checklist" : "Go to storefront link",
+      target: data.onboarding && data.onboarding.percent < 100 ? JUMP.setup : JUMP.header
+    });
+  }
+  const expired = (data.invites ?? []).filter((i) => i.expired).length;
+  if (expired) {
+    issues.push({
+      text: `${expired} invite${expired === 1 ? "" : "s"} expired without being accepted.`,
+      tab: "overview",
+      action: "View invites",
+      target: JUMP.invites
+    });
+  }
+  if (!issues.length) return null;
+  return /* @__PURE__ */ jsxs("section", { className: styles.attention, "aria-label": "Needs attention", children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.attentionHead, children: [
+      "Needs attention \xB7 ",
+      issues.length
+    ] }),
+    /* @__PURE__ */ jsx("ul", { children: issues.map((issue) => /* @__PURE__ */ jsxs("li", { children: [
+      /* @__PURE__ */ jsx("span", { children: issue.text }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: styles.attentionAction,
+          onClick: () => {
+            onTab(issue.tab);
+            jumpTo(issue.target);
+          },
+          children: issue.action
+        }
+      )
+    ] }, issue.text)) })
+  ] });
+}
+export {
+  JUMP,
+  TenantAttention
+};
+//# sourceMappingURL=tenant-attention.js.map

package/dist/admin/tenants/[id]/tenant-attention.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/tenants/%5Bid%5D/tenant-attention.tsx"],"sourcesContent":["'use client';\n\nimport type { TenantDetail } from '@withpotter/lib/admin-api';\nimport { useTenantSettlements } from '../../hooks';\nimport type { TenantTab } from './tenant-header';\nimport styles from './tenant-overview.module.css';\n\ninterface Issue {\n  text: string;\n  tab: TenantTab;\n  action: string;\n  /** Element to bring into view once the tab is showing. */\n  target: string;\n}\n\n/** Ids the banner jumps to; the sections carry them. */\nexport const JUMP = {\n  header: 'tenant-header',\n  setup: 'tenant-setup',\n  invites: 'tenant-invites',\n} as const;\n\n/** Switch tab, then scroll the section in and flash it so the eye lands. */\nfunction jumpTo(target: string) {\n  requestAnimationFrame(() => {\n    const el = document.getElementById(target);\n\n    if (!el) return;\n\n    el.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    el.setAttribute('data-jumped', 'true');\n    window.setTimeout(() => el.removeAttribute('data-jumped'), 1600);\n  });\n}\n\n/**\n * What's blocking this merchant, most serious first. Shown only when there\n * is something to do — no permanent \"all good\" box.\n */\nexport function TenantAttention({\n  data,\n  onTab,\n}: {\n  data: TenantDetail;\n  onTab: (tab: TenantTab) => void;\n}) {\n  const settlements = useTenantSettlements(data.id, { limit: 1 });\n  const issues: Issue[] = [];\n\n  if (data.status === 'suspended') {\n    issues.push({\n      text: 'Workspace is suspended.',\n      tab: 'overview',\n      action: 'Go to Restore',\n      target: JUMP.header,\n    });\n  }\n\n  if (settlements.data && !settlements.data.bankAccounts?.length) {\n    issues.push({\n      text: 'No payout bank account — sales can’t be settled.',\n      tab: 'withdrawals',\n      action: 'View payouts',\n      target: JUMP.header,\n    });\n  }\n\n  if (data.onboarding && data.onboarding.percent < 100) {\n    issues.push({\n      text: `Setup is ${data.onboarding.percent}% done.`,\n      tab: 'overview',\n      action: 'Open checklist',\n      target: JUMP.setup,\n    });\n  }\n\n  if (data.profile && !data.profile.storefrontPublished) {\n    issues.push({\n      text: 'Store isn’t published yet.',\n      tab: 'overview',\n      action:\n        data.onboarding && data.onboarding.percent < 100\n          ? 'Open checklist'\n          : 'Go to storefront link',\n      target:\n        data.onboarding && data.onboarding.percent < 100\n          ? JUMP.setup\n          : JUMP.header,\n    });\n  }\n\n  const expired = (data.invites ?? []).filter((i) => i.expired).length;\n\n  if (expired) {\n    issues.push({\n      text: `${expired} invite${expired === 1 ? '' : 's'} expired without being accepted.`,\n      tab: 'overview',\n      action: 'View invites',\n      target: JUMP.invites,\n    });\n  }\n\n  if (!issues.length) return null;\n\n  return (\n    <section className={styles.attention} aria-label=\"Needs attention\">\n      <div className={styles.attentionHead}>\n        Needs attention · {issues.length}\n      </div>\n      <ul>\n        {issues.map((issue) => (\n          <li key={issue.text}>\n            <span>{issue.text}</span>\n            <button\n              type=\"button\"\n              className={styles.attentionAction}\n              onClick={() => {\n                onTab(issue.tab);\n                jumpTo(issue.target);\n              }}\n            >\n              {issue.action}\n            </button>\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n"],"mappings":";AA0GM,SAMM,KANN;AAvGN,SAAS,4BAA4B;AAErC,OAAO,YAAY;AAWZ,MAAM,OAAO;AAAA,EAClB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AACX;AAGA,SAAS,OAAO,QAAgB;AAC9B,wBAAsB,MAAM;AAC1B,UAAM,KAAK,SAAS,eAAe,MAAM;AAEzC,QAAI,CAAC,GAAI;AAET,OAAG,eAAe,EAAE,UAAU,UAAU,OAAO,QAAQ,CAAC;AACxD,OAAG,aAAa,eAAe,MAAM;AACrC,WAAO,WAAW,MAAM,GAAG,gBAAgB,aAAa,GAAG,IAAI;AAAA,EACjE,CAAC;AACH;AAMO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAGG;AACD,QAAM,cAAc,qBAAqB,KAAK,IAAI,EAAE,OAAO,EAAE,CAAC;AAC9D,QAAM,SAAkB,CAAC;AAEzB,MAAI,KAAK,WAAW,aAAa;AAC/B,WAAO,KAAK;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ,KAAK;AAAA,IACf,CAAC;AAAA,EACH;AAEA,MAAI,YAAY,QAAQ,CAAC,YAAY,KAAK,cAAc,QAAQ;AAC9D,WAAO,KAAK;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ,KAAK;AAAA,IACf,CAAC;AAAA,EACH;AAEA,MAAI,KAAK,cAAc,KAAK,WAAW,UAAU,KAAK;AACpD,WAAO,KAAK;AAAA,MACV,MAAM,YAAY,KAAK,WAAW,OAAO;AAAA,MACzC,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ,KAAK;AAAA,IACf,CAAC;AAAA,EACH;AAEA,MAAI,KAAK,WAAW,CAAC,KAAK,QAAQ,qBAAqB;AACrD,WAAO,KAAK;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QACE,KAAK,cAAc,KAAK,WAAW,UAAU,MACzC,mBACA;AAAA,MACN,QACE,KAAK,cAAc,KAAK,WAAW,UAAU,MACzC,KAAK,QACL,KAAK;AAAA,IACb,CAAC;AAAA,EACH;AAEA,QAAM,WAAW,KAAK,WAAW,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AAE9D,MAAI,SAAS;AACX,WAAO,KAAK;AAAA,MACV,MAAM,GAAG,OAAO,UAAU,YAAY,IAAI,KAAK,GAAG;AAAA,MAClD,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ,KAAK;AAAA,IACf,CAAC;AAAA,EACH;AAEA,MAAI,CAAC,OAAO,OAAQ,QAAO;AAE3B,SACE,qBAAC,aAAQ,WAAW,OAAO,WAAW,cAAW,mBAC/C;AAAA,yBAAC,SAAI,WAAW,OAAO,eAAe;AAAA;AAAA,MACjB,OAAO;AAAA,OAC5B;AAAA,IACA,oBAAC,QACE,iBAAO,IAAI,CAAC,UACX,qBAAC,QACC;AAAA,0BAAC,UAAM,gBAAM,MAAK;AAAA,MAClB;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,OAAO;AAAA,UAClB,SAAS,MAAM;AACb,kBAAM,MAAM,GAAG;AACf,mBAAO,MAAM,MAAM;AAAA,UACrB;AAAA,UAEC,gBAAM;AAAA;AAAA,MACT;AAAA,SAXO,MAAM,IAYf,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/tenants/[id]/tenant-header.js

@@ -0,0 +1,125 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ArrowLeft } from "lucide-react";
+import { Button } from "@withpotter/ui-kit";
+import { TabNav } from "@withpotter/ui-kit/tab-nav";
+import { STOREFRONT_HOST } from "@withpotter/lib/storefront";
+import { useAccountActions } from "../../accounts/use-account-actions";
+import { StatusPill } from "../../audit/status-pill";
+import { AccountOfficerLine } from "./account-officer";
+import { CopyText } from "./copy-text";
+import { MessageMerchantButton } from "./message-merchant-button";
+import { EntityAvatar } from "../../_fx";
+import { CountryLabel } from "../../_ui/country-label";
+import { JUMP } from "./tenant-attention";
+import { useAdminModules } from "../../_shell/modules-context";
+import { moduleOn } from "../../_shell/nav-modules";
+import { tenantTabs } from "./tenant-tabs";
+import overview from "./tenant-overview.module.css";
+import styles from "./tenant-layout.module.css";
+import { TENANT_TABS, tenantTabs as tenantTabs2 } from "./tenant-tabs";
+const storefrontUrl = (data) => `https://${data.profile?.customDomain || data.customDomain || `${data.slug}.${STOREFRONT_HOST}`}`;
+function TenantHeader({
+  data,
+  tab,
+  onTab,
+  onStatus,
+  statusPending
+}) {
+  const { impersonate } = useAccountActions();
+  const modules = useAdminModules();
+  const ownerAccount = data.owner?.accountId ?? null;
+  const published = data.profile?.storefrontPublished ?? false;
+  const logo = data.profile?.logoUrl;
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      id: JUMP.header,
+      className: `${styles.header} ${overview.jumpTarget}`,
+      children: [
+        /* @__PURE__ */ jsxs(Link, { href: "/admin/tenants", className: styles.back, children: [
+          /* @__PURE__ */ jsx(ArrowLeft, { size: 13 }),
+          " Tenants"
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: styles.identity, children: [
+          logo && /* @__PURE__ */ jsx(EntityAvatar, { name: data.businessName, src: logo, size: 56 }),
+          /* @__PURE__ */ jsxs("div", { className: styles.titleBlock, children: [
+            /* @__PURE__ */ jsxs("div", { className: styles.titleRow, children: [
+              /* @__PURE__ */ jsx("h1", { className: styles.title, children: data.businessName }),
+              /* @__PURE__ */ jsx(StatusPill, { status: data.status }),
+              /* @__PURE__ */ jsx("span", { className: styles.published, "data-on": published, children: published ? "Store live" : "Store not published" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: styles.meta, children: [
+              /* @__PURE__ */ jsx("a", { href: storefrontUrl(data), target: "_blank", rel: "noreferrer", children: storefrontUrl(data).replace("https://", "") }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                "Joined ",
+                new Date(data.createdAt).toLocaleDateString()
+              ] }),
+              /* @__PURE__ */ jsx(CountryLabel, { country: data.profile?.country }),
+              data.industryKey && /* @__PURE__ */ jsx("span", { children: data.industryKey }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                "Fees: ",
+                data.chargeBearer === "customer" ? "customer" : "merchant"
+              ] }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                "ID ",
+                /* @__PURE__ */ jsx(CopyText, { value: data.id })
+              ] }),
+              data.accountOfficer !== void 0 && /* @__PURE__ */ jsx(
+                AccountOfficerLine,
+                {
+                  tenantId: data.id,
+                  name: data.businessName,
+                  officer: data.accountOfficer
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: styles.actions, children: [
+            moduleOn(modules, "support") && /* @__PURE__ */ jsx(
+              MessageMerchantButton,
+              {
+                tenantId: data.id,
+                name: data.businessName
+              }
+            ),
+            ownerAccount && moduleOn(modules, "ownerView") && /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                loading: impersonate.isPending,
+                onClick: () => impersonate.mutate(ownerAccount),
+                children: "View as owner"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: data.status === "active" ? "ghostDanger" : "primary",
+                loading: statusPending,
+                onClick: () => onStatus(data.status === "active" ? "suspended" : "active"),
+                children: data.status === "active" ? "Suspend" : "Restore"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("nav", { className: styles.tabs, "aria-label": "Tenant sections", children: /* @__PURE__ */ jsx(
+          TabNav,
+          {
+            tabs: tenantTabs(modules).map((t) => ({ id: t.key, label: t.label })),
+            activeTab: tab,
+            onTabChange: (id) => onTab(id),
+            tone: "brand"
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  TENANT_TABS,
+  TenantHeader,
+  tenantTabs2 as tenantTabs
+};
+//# sourceMappingURL=tenant-header.js.map

package/dist/admin/tenants/[id]/tenant-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/tenants/%5Bid%5D/tenant-header.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { ArrowLeft } from 'lucide-react';\nimport { Button } from '@withpotter/ui-kit';\nimport { TabNav } from '@withpotter/ui-kit/tab-nav';\nimport type { TenantDetail } from '@withpotter/lib/admin-api';\nimport { STOREFRONT_HOST } from '@withpotter/lib/storefront';\nimport { useAccountActions } from '../../accounts/use-account-actions';\nimport { StatusPill } from '../../audit/status-pill';\nimport { AccountOfficerLine } from './account-officer';\nimport { CopyText } from './copy-text';\nimport { MessageMerchantButton } from './message-merchant-button';\nimport { EntityAvatar } from '../../_fx';\nimport { CountryLabel } from '../../_ui/country-label';\nimport { JUMP } from './tenant-attention';\nimport { useAdminModules } from '../../_shell/modules-context';\nimport { moduleOn } from '../../_shell/nav-modules';\nimport { tenantTabs, type TenantTab } from './tenant-tabs';\nimport overview from './tenant-overview.module.css';\nimport styles from './tenant-layout.module.css';\n\nexport { TENANT_TABS, tenantTabs, type TenantTab } from './tenant-tabs';\n\n/** The store's public address: its own domain, else the free subdomain. */\nconst storefrontUrl = (data: TenantDetail) =>\n  `https://${data.profile?.customDomain || data.customDomain || `${data.slug}.${STOREFRONT_HOST}`}`;\n\n/**\n * Who this is, whether it is healthy, and the tabs — pinned under the admin\n * bar so navigation never scrolls away.\n */\nexport function TenantHeader({\n  data,\n  tab,\n  onTab,\n  onStatus,\n  statusPending,\n}: {\n  data: TenantDetail;\n  tab: TenantTab;\n  onTab: (tab: TenantTab) => void;\n  onStatus: (status: 'active' | 'suspended') => void;\n  statusPending: boolean;\n}) {\n  const { impersonate } = useAccountActions();\n  const modules = useAdminModules();\n  const ownerAccount = data.owner?.accountId ?? null;\n  const published = data.profile?.storefrontPublished ?? false;\n  const logo = data.profile?.logoUrl;\n\n  return (\n    <header\n      id={JUMP.header}\n      className={`${styles.header} ${overview.jumpTarget}`}\n    >\n      <Link href=\"/admin/tenants\" className={styles.back}>\n        <ArrowLeft size={13} /> Tenants\n      </Link>\n      <div className={styles.identity}>\n        {logo && <EntityAvatar name={data.businessName} src={logo} size={56} />}\n        <div className={styles.titleBlock}>\n          <div className={styles.titleRow}>\n            <h1 className={styles.title}>{data.businessName}</h1>\n            <StatusPill status={data.status} />\n            <span className={styles.published} data-on={published}>\n              {published ? 'Store live' : 'Store not published'}\n            </span>\n          </div>\n          <div className={styles.meta}>\n            <a href={storefrontUrl(data)} target=\"_blank\" rel=\"noreferrer\">\n              {storefrontUrl(data).replace('https://', '')}\n            </a>\n            <span>Joined {new Date(data.createdAt).toLocaleDateString()}</span>\n            <CountryLabel country={data.profile?.country} />\n            {data.industryKey && <span>{data.industryKey}</span>}\n            <span>\n              Fees: {data.chargeBearer === 'customer' ? 'customer' : 'merchant'}\n            </span>\n            <span>\n              ID <CopyText value={data.id} />\n            </span>\n            {data.accountOfficer !== undefined && (\n              <AccountOfficerLine\n                tenantId={data.id}\n                name={data.businessName}\n                officer={data.accountOfficer}\n              />\n            )}\n          </div>\n        </div>\n        <div className={styles.actions}>\n          {moduleOn(modules, 'support') && (\n            <MessageMerchantButton\n              tenantId={data.id}\n              name={data.businessName}\n            />\n          )}\n          {ownerAccount && moduleOn(modules, 'ownerView') && (\n            <Button\n              variant=\"secondary\"\n              loading={impersonate.isPending}\n              onClick={() => impersonate.mutate(ownerAccount)}\n            >\n              View as owner\n            </Button>\n          )}\n          <Button\n            variant={data.status === 'active' ? 'ghostDanger' : 'primary'}\n            loading={statusPending}\n            onClick={() =>\n              onStatus(data.status === 'active' ? 'suspended' : 'active')\n            }\n          >\n            {data.status === 'active' ? 'Suspend' : 'Restore'}\n          </Button>\n        </div>\n      </div>\n      {/* The console's one tab strip, as on every other page. */}\n      <nav className={styles.tabs} aria-label=\"Tenant sections\">\n        <TabNav\n          tabs={tenantTabs(modules).map((t) => ({ id: t.key, label: t.label }))}\n          activeTab={tab}\n          onTabChange={(id) => onTab(id as TenantTab)}\n          tone=\"brand\"\n        />\n      </nav>\n    </header>\n  );\n}\n"],"mappings":"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","names":["tenantTabs"]}

package/dist/admin/tenants/[id]/tenant-invites.js

@@ -0,0 +1,49 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Badge } from "@withpotter/ui-kit";
+import { CopyText } from "./copy-text";
+import { JUMP } from "./tenant-attention";
+import overview from "./tenant-overview.module.css";
+import styles from "./tenant-people.module.css";
+const when = (value) => value ? new Date(value).toLocaleDateString() : "\u2014";
+function TenantInvites({ invites }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        id: JUMP.invites,
+        className: `${styles.title} ${overview.jumpTarget}`,
+        style: { marginTop: 16 },
+        children: [
+          "Pending invites \xB7 ",
+          invites.length
+        ]
+      }
+    ),
+    invites.length ? /* @__PURE__ */ jsx("div", { className: styles.tableWrap, children: /* @__PURE__ */ jsxs("table", { className: styles.table, children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { children: "Email" }),
+        /* @__PURE__ */ jsx("th", { children: "Role" }),
+        /* @__PURE__ */ jsx("th", { children: "Invited to" }),
+        /* @__PURE__ */ jsx("th", { children: "Invited by" }),
+        /* @__PURE__ */ jsx("th", { children: "Invited" }),
+        /* @__PURE__ */ jsx("th", { children: "Expires" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: invites.map((i) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(CopyText, { value: i.email }) }),
+        /* @__PURE__ */ jsx("td", { children: i.role }),
+        /* @__PURE__ */ jsx("td", { children: i.scope === "organization" ? "Organization" : "Workspace" }),
+        /* @__PURE__ */ jsx("td", { children: i.invitedBy ?? "\u2014" }),
+        /* @__PURE__ */ jsx("td", { children: when(i.invitedAt) }),
+        /* @__PURE__ */ jsx("td", { children: i.expired ? /* @__PURE__ */ jsxs(Badge, { variant: "error", children: [
+          "expired ",
+          when(i.expiresAt)
+        ] }) : when(i.expiresAt) })
+      ] }, `${i.scope}-${i.email}-${i.invitedAt}`)) })
+    ] }) }) : /* @__PURE__ */ jsx("p", { className: styles.muted, children: "No pending invites." })
+  ] });
+}
+export {
+  TenantInvites
+};
+//# sourceMappingURL=tenant-invites.js.map

package/dist/admin/tenants/[id]/tenant-invites.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/tenants/%5Bid%5D/tenant-invites.tsx"],"sourcesContent":["'use client';\n\nimport { Badge } from '@withpotter/ui-kit';\nimport type { TenantInvite } from '@withpotter/lib/admin-tenant-setup-types';\nimport { CopyText } from './copy-text';\nimport { JUMP } from './tenant-attention';\nimport overview from './tenant-overview.module.css';\nimport styles from './tenant-people.module.css';\n\nconst when = (value: string | null) =>\n  value ? new Date(value).toLocaleDateString() : '—';\n\n/** People invited to this workspace or its organization, not yet joined. */\nexport function TenantInvites({ invites }: { invites: TenantInvite[] }) {\n  return (\n    <>\n      <div\n        id={JUMP.invites}\n        className={`${styles.title} ${overview.jumpTarget}`}\n        style={{ marginTop: 16 }}\n      >\n        Pending invites · {invites.length}\n      </div>\n      {invites.length ? (\n        <div className={styles.tableWrap}>\n          <table className={styles.table}>\n            <thead>\n              <tr>\n                <th>Email</th>\n                <th>Role</th>\n                <th>Invited to</th>\n                <th>Invited by</th>\n                <th>Invited</th>\n                <th>Expires</th>\n              </tr>\n            </thead>\n            <tbody>\n              {invites.map((i) => (\n                <tr key={`${i.scope}-${i.email}-${i.invitedAt}`}>\n                  <td>\n                    <CopyText value={i.email} />\n                  </td>\n                  <td>{i.role}</td>\n                  <td>\n                    {i.scope === 'organization' ? 'Organization' : 'Workspace'}\n                  </td>\n                  <td>{i.invitedBy ?? '—'}</td>\n                  <td>{when(i.invitedAt)}</td>\n                  <td>\n                    {i.expired ? (\n                      <Badge variant=\"error\">expired {when(i.expiresAt)}</Badge>\n                    ) : (\n                      when(i.expiresAt)\n                    )}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      ) : (\n        <p className={styles.muted}>No pending invites.</p>\n      )}\n    </>\n  );\n}\n"],"mappings":";AAeI,mBAaY,KAZV,YADF;AAbJ,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,OAAO,cAAc;AACrB,OAAO,YAAY;AAEnB,MAAM,OAAO,CAAC,UACZ,QAAQ,IAAI,KAAK,KAAK,EAAE,mBAAmB,IAAI;AAG1C,SAAS,cAAc,EAAE,QAAQ,GAAgC;AACtE,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,KAAK;AAAA,QACT,WAAW,GAAG,OAAO,KAAK,IAAI,SAAS,UAAU;AAAA,QACjD,OAAO,EAAE,WAAW,GAAG;AAAA,QACxB;AAAA;AAAA,UACoB,QAAQ;AAAA;AAAA;AAAA,IAC7B;AAAA,IACC,QAAQ,SACP,oBAAC,SAAI,WAAW,OAAO,WACrB,+BAAC,WAAM,WAAW,OAAO,OACvB;AAAA,0BAAC,WACC,+BAAC,QACC;AAAA,4BAAC,QAAG,mBAAK;AAAA,QACT,oBAAC,QAAG,kBAAI;AAAA,QACR,oBAAC,QAAG,wBAAU;AAAA,QACd,oBAAC,QAAG,wBAAU;AAAA,QACd,oBAAC,QAAG,qBAAO;AAAA,QACX,oBAAC,QAAG,qBAAO;AAAA,SACb,GACF;AAAA,MACA,oBAAC,WACE,kBAAQ,IAAI,CAAC,MACZ,qBAAC,QACC;AAAA,4BAAC,QACC,8BAAC,YAAS,OAAO,EAAE,OAAO,GAC5B;AAAA,QACA,oBAAC,QAAI,YAAE,MAAK;AAAA,QACZ,oBAAC,QACE,YAAE,UAAU,iBAAiB,iBAAiB,aACjD;AAAA,QACA,oBAAC,QAAI,YAAE,aAAa,UAAI;AAAA,QACxB,oBAAC,QAAI,eAAK,EAAE,SAAS,GAAE;AAAA,QACvB,oBAAC,QACE,YAAE,UACD,qBAAC,SAAM,SAAQ,SAAQ;AAAA;AAAA,UAAS,KAAK,EAAE,SAAS;AAAA,WAAE,IAElD,KAAK,EAAE,SAAS,GAEpB;AAAA,WAhBO,GAAG,EAAE,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,SAAS,EAiB7C,CACD,GACH;AAAA,OACF,GACF,IAEA,oBAAC,OAAE,WAAW,OAAO,OAAO,iCAAmB;AAAA,KAEnD;AAEJ;","names":[]}

package/dist/admin/tenants/[id]/tenant-layout.module.css

@@ -0,0 +1,106 @@
+/* Identity + tabs, scrolling with the page. */
+.header {
+  margin: -32px -40px 20px;
+  padding: 16px 40px 0;
+  border-bottom: 1px solid var(--border-subtle);
+  background: var(--adm-canvas);
+}
+.back {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin-bottom: 10px;
+  color: var(--text-secondary);
+  font-size: 13px;
+  text-decoration: none;
+}
+.identity {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 14px;
+}
+.titleBlock {
+  flex: 1;
+  min-width: 240px;
+}
+.titleRow {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+.title {
+  margin: 0;
+  font-family: var(--font-display);
+  font-size: 22px;
+  font-weight: 600;
+}
+.published {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--text-tertiary);
+  font-size: 12px;
+}
+.published::before {
+  width: 7px;
+  height: 7px;
+  border-radius: 999px;
+  background: var(--text-tertiary);
+  content: '';
+}
+.published[data-on='true']::before {
+  background: var(--brand-500);
+}
+.meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px 14px;
+  margin-top: 4px;
+  color: var(--text-tertiary);
+  font-size: 12.5px;
+}
+.meta a {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--accent-ink, var(--accent-primary));
+  text-decoration: none;
+}
+.actions {
+  display: flex;
+  gap: 8px;
+}
+.tabs {
+  margin: 12px 0;
+  max-width: 100%;
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+@media (max-width: 720px) {
+  .header {
+    margin: -32px -16px 16px;
+    padding: 12px 16px 0;
+  }
+}
+.officer {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+.officer button {
+  padding: 0;
+  border: 0;
+  background: none;
+  color: var(--accent-ink, var(--accent-primary));
+  font: inherit;
+  cursor: pointer;
+}
+.officer button[data-tone='danger']:hover {
+  color: var(--error);
+}
+.officer button:disabled {
+  opacity: 0.5;
+  cursor: default;
+}

package/dist/admin/tenants/[id]/tenant-overview.js

@@ -0,0 +1,182 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Badge } from "@withpotter/ui-kit";
+import { formatMinor } from "@withpotter/lib/wallet-format";
+import {
+  MoneyLines,
+  PICK_CURRENCY,
+  StatCard,
+  byCurrency,
+  focusCurrency,
+  moneyLines,
+  noneText,
+  rowFor
+} from "../../_ui";
+import { GrowthChart } from "../../growth-chart";
+import { ActivityFeed } from "./tenant-activity-feed";
+import { JUMP, TenantAttention } from "./tenant-attention";
+import { TenantSidebar } from "./tenant-sidebar";
+import styles from "./tenant-overview.module.css";
+function SetupCard({ data }) {
+  const onboarding = data.onboarding;
+  if (!onboarding || onboarding.percent >= 100) return null;
+  const steps = [...onboarding.steps].sort(
+    (a, b) => Number(a.status === "completed") - Number(b.status === "completed")
+  );
+  return /* @__PURE__ */ jsxs("section", { id: JUMP.setup, className: `adm-panel ${styles.jumpTarget}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.cardHead, children: [
+      /* @__PURE__ */ jsxs("h2", { className: styles.title, children: [
+        "Setup \xB7 ",
+        onboarding.percent,
+        "% done"
+      ] }),
+      onboarding.dismissed && /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: "checklist dismissed" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: styles.progress, "aria-hidden": true, children: /* @__PURE__ */ jsx("span", { style: { width: `${onboarding.percent}%` } }) }),
+    /* @__PURE__ */ jsx("ul", { className: styles.steps, children: steps.map((s) => /* @__PURE__ */ jsxs("li", { "data-done": s.status === "completed", children: [
+      s.label,
+      /* @__PURE__ */ jsx("span", { children: s.status.replaceAll("_", " ") })
+    ] }, s.key)) })
+  ] });
+}
+function TenantOverview({
+  data,
+  periodLabel,
+  periodControl,
+  recentOrders,
+  onTab,
+  currency = "",
+  currencyControl,
+  walletNote
+}) {
+  const balances = byCurrency(
+    data.wallet?.balances ?? [],
+    currency,
+    (b) => b.currency
+  );
+  const period = data.metrics.window;
+  const sales = data.metrics.byCurrency;
+  const lifetime = moneyLines(sales, currency, (r) => r.gmv);
+  const focus = focusCurrency(data.currencies ?? [], currency);
+  const series = rowFor(data.revenueSeriesByCurrency, focus)?.series;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(TenantAttention, { data, onTab }),
+    /* @__PURE__ */ jsxs("div", { className: styles.layout, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles.main, children: [
+        /* @__PURE__ */ jsxs("div", { className: styles.period, children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            "Numbers for ",
+            periodLabel
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "adm-toolbar", children: [
+            currencyControl,
+            periodControl
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: styles.kpis, children: [
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              label: "Wallet available",
+              value: balances.length ? /* @__PURE__ */ jsx("span", { className: styles.moneyLines, children: balances.map((b) => /* @__PURE__ */ jsx("span", { children: formatMinor(b.availableMinor, b.currency) }, b.currency)) }) : data.wallet?.balances.length ? `No ${currency} balance` : walletNote ? walletNote : "No wallet",
+              sub: balances.length ? `Pending ${balances.map((b) => formatMinor(b.pendingMinor, b.currency)).join(" \xB7 ")}` : void 0,
+              hint: "Money in the merchant's Potter wallet that can be paid out now."
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              label: "Sales",
+              value: /* @__PURE__ */ jsx(
+                MoneyLines,
+                {
+                  rows: sales,
+                  currency,
+                  amount: (r) => r.window.gmv
+                }
+              ),
+              sub: `Lifetime ${lifetime.length ? lifetime.join(" \xB7 ") : noneText(currency)}`,
+              hint: "Gross sales in the selected period; lifetime underneath."
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              label: "Orders",
+              value: String(period.orders),
+              sub: `${period.paidOrders} paid`,
+              hint: "Orders placed in the selected period."
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              label: "Customers",
+              value: String(period.customers),
+              sub: `${data.metrics.totalCustomers} all time`,
+              hint: "Distinct customers who ordered in the selected period."
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              label: "Avg order",
+              value: /* @__PURE__ */ jsx(
+                MoneyLines,
+                {
+                  rows: sales,
+                  currency,
+                  amount: (r) => r.window.aov
+                }
+              ),
+              sub: `Subscription: ${data.metrics.subscriptionStatus ?? "none"}`,
+              hint: "Average order value in the selected period, and the plan status."
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: "adm-panel", children: [
+          /* @__PURE__ */ jsxs("h2", { className: styles.title, children: [
+            "Revenue \xB7 last 30 days",
+            focus ? ` \xB7 ${focus}` : ""
+          ] }),
+          focus || !data.currencies?.length ? /* @__PURE__ */ jsx(
+            GrowthChart,
+            {
+              data: (series ?? []).map((p) => ({
+                date: p.date,
+                count: p.amount
+              })),
+              emptyLabel: "No revenue in the last 30 days"
+            }
+          ) : /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-secondary)]", children: PICK_CURRENCY })
+        ] }),
+        /* @__PURE__ */ jsx(SetupCard, { data }),
+        /* @__PURE__ */ jsxs("section", { className: "adm-panel", children: [
+          /* @__PURE__ */ jsx("h2", { className: styles.title, children: "Recent activity" }),
+          /* @__PURE__ */ jsx(
+            ActivityFeed,
+            {
+              entries: data.activity ?? [],
+              onViewAll: () => onTab("audit")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("section", { children: [
+          /* @__PURE__ */ jsx("h2", { className: styles.title, children: "Recent orders" }),
+          recentOrders
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        TenantSidebar,
+        {
+          data,
+          onTeam: () => document.getElementById("tenant-team")?.scrollIntoView({ behavior: "smooth", block: "start" })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  TenantOverview
+};
+//# sourceMappingURL=tenant-overview.js.map

package/dist/admin/tenants/[id]/tenant-overview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/tenants/%5Bid%5D/tenant-overview.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { Badge } from '@withpotter/ui-kit';\nimport type { TenantDetail } from '@withpotter/lib/admin-api';\nimport { formatMinor } from '@withpotter/lib/wallet-format';\nimport {\n  MoneyLines,\n  PICK_CURRENCY,\n  StatCard,\n  byCurrency,\n  focusCurrency,\n  moneyLines,\n  noneText,\n  rowFor,\n} from '../../_ui';\nimport { GrowthChart } from '../../growth-chart';\nimport { ActivityFeed } from './tenant-activity-feed';\nimport { JUMP, TenantAttention } from './tenant-attention';\nimport { TenantSidebar } from './tenant-sidebar';\nimport type { TenantTab } from './tenant-header';\nimport styles from './tenant-overview.module.css';\n\nfunction SetupCard({ data }: { data: TenantDetail }) {\n  const onboarding = data.onboarding;\n\n  if (!onboarding || onboarding.percent >= 100) return null;\n\n  // Unfinished steps first: that's what the admin can help with.\n  const steps = [...onboarding.steps].sort(\n    (a, b) =>\n      Number(a.status === 'completed') - Number(b.status === 'completed'),\n  );\n\n  return (\n    <section id={JUMP.setup} className={`adm-panel ${styles.jumpTarget}`}>\n      <div className={styles.cardHead}>\n        <h2 className={styles.title}>Setup · {onboarding.percent}% done</h2>\n        {onboarding.dismissed && (\n          <Badge variant=\"secondary\">checklist dismissed</Badge>\n        )}\n      </div>\n      <div className={styles.progress} aria-hidden>\n        <span style={{ width: `${onboarding.percent}%` }} />\n      </div>\n      <ul className={styles.steps}>\n        {steps.map((s) => (\n          <li key={s.key} data-done={s.status === 'completed'}>\n            {s.label}\n            <span>{s.status.replaceAll('_', ' ')}</span>\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\n/** The first tab: health and money first, facts on the side. */\nexport function TenantOverview({\n  data,\n  periodLabel,\n  periodControl,\n  recentOrders,\n  onTab,\n  currency = '',\n  currencyControl,\n  walletNote,\n}: {\n  data: TenantDetail;\n  periodLabel: string;\n  periodControl: ReactNode;\n  recentOrders: ReactNode;\n  onTab: (tab: TenantTab) => void;\n  /** The currency filter's choice; narrows the wallet and recent orders. */\n  currency?: string;\n  currencyControl?: ReactNode;\n  /** Said in place of \"No wallet\" while the ledger loads or cannot be read. */\n  walletNote?: string;\n}) {\n  // Every currency the wallet holds, one line each; it showed only the first.\n  const balances = byCurrency(\n    data.wallet?.balances ?? [],\n    currency,\n    (b) => b.currency,\n  );\n  const period = data.metrics.window;\n  // Sales come back once per currency; the chart draws one of them.\n  const sales = data.metrics.byCurrency;\n  const lifetime = moneyLines(sales, currency, (r) => r.gmv);\n  const focus = focusCurrency(data.currencies ?? [], currency);\n  const series = rowFor(data.revenueSeriesByCurrency, focus)?.series;\n\n  return (\n    <>\n      <TenantAttention data={data} onTab={onTab} />\n      <div className={styles.layout}>\n        <div className={styles.main}>\n          <div className={styles.period}>\n            <span>Numbers for {periodLabel}</span>\n            <div className=\"adm-toolbar\">\n              {currencyControl}\n              {periodControl}\n            </div>\n          </div>\n          <div className={styles.kpis}>\n            <StatCard\n              label=\"Wallet available\"\n              value={\n                balances.length ? (\n                  <span className={styles.moneyLines}>\n                    {balances.map((b) => (\n                      <span key={b.currency}>\n                        {formatMinor(b.availableMinor, b.currency)}\n                      </span>\n                    ))}\n                  </span>\n                ) : data.wallet?.balances.length ? (\n                  `No ${currency} balance`\n                ) : walletNote ? (\n                  walletNote\n                ) : (\n                  'No wallet'\n                )\n              }\n              sub={\n                balances.length\n                  ? `Pending ${balances\n                      .map((b) => formatMinor(b.pendingMinor, b.currency))\n                      .join(' · ')}`\n                  : undefined\n              }\n              hint=\"Money in the merchant's Potter wallet that can be paid out now.\"\n            />\n            <StatCard\n              label=\"Sales\"\n              value={\n                <MoneyLines\n                  rows={sales}\n                  currency={currency}\n                  amount={(r) => r.window.gmv}\n                />\n              }\n              sub={`Lifetime ${lifetime.length ? lifetime.join(' · ') : noneText(currency)}`}\n              hint=\"Gross sales in the selected period; lifetime underneath.\"\n            />\n            <StatCard\n              label=\"Orders\"\n              value={String(period.orders)}\n              sub={`${period.paidOrders} paid`}\n              hint=\"Orders placed in the selected period.\"\n            />\n            <StatCard\n              label=\"Customers\"\n              value={String(period.customers)}\n              sub={`${data.metrics.totalCustomers} all time`}\n              hint=\"Distinct customers who ordered in the selected period.\"\n            />\n            <StatCard\n              label=\"Avg order\"\n              value={\n                <MoneyLines\n                  rows={sales}\n                  currency={currency}\n                  amount={(r) => r.window.aov}\n                />\n              }\n              sub={`Subscription: ${data.metrics.subscriptionStatus ?? 'none'}`}\n              hint=\"Average order value in the selected period, and the plan status.\"\n            />\n          </div>\n          <section className=\"adm-panel\">\n            <h2 className={styles.title}>\n              Revenue · last 30 days{focus ? ` · ${focus}` : ''}\n            </h2>\n            {focus || !data.currencies?.length ? (\n              <GrowthChart\n                data={(series ?? []).map((p) => ({\n                  date: p.date,\n                  count: p.amount,\n                }))}\n                emptyLabel=\"No revenue in the last 30 days\"\n              />\n            ) : (\n              <p className=\"text-sm text-[var(--text-secondary)]\">\n                {PICK_CURRENCY}\n              </p>\n            )}\n          </section>\n          <SetupCard data={data} />\n          <section className=\"adm-panel\">\n            <h2 className={styles.title}>Recent activity</h2>\n            <ActivityFeed\n              entries={data.activity ?? []}\n              onViewAll={() => onTab('audit')}\n            />\n          </section>\n          <section>\n            <h2 className={styles.title}>Recent orders</h2>\n            {recentOrders}\n          </section>\n        </div>\n        <TenantSidebar\n          data={data}\n          onTeam={() =>\n            document\n              .getElementById('tenant-team')\n              ?.scrollIntoView({ behavior: 'smooth', block: 'start' })\n          }\n        />\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}