@withpotter/pages-admin 0.13.0-next.84 → 0.13.0-next.86

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

@@ -1,8 +1,5 @@
-/* Sticky identity + tabs, pinned under the 58px admin bar. */
+/* Identity + tabs, scrolling with the page. */
 .header {
-  position: sticky;
-  top: var(--adm-topbar-h);
-  z-index: 15;
   margin: -32px -40px 20px;
   padding: 16px 40px 0;
   border-bottom: 1px solid var(--border-subtle);

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

@@ -123,7 +123,7 @@
 .attentionAction:hover {
   background: color-mix(in srgb, var(--accent-primary) 10%, transparent);
 }
-/* Where the banner jumps to: clear the sticky header, then flash once. */
+/* Where the banner jumps to: then flash once. */
 .jumpTarget {
   scroll-margin-top: 200px;
 }

package/dist/admin/tenants/tenants-table.js

@@ -102,7 +102,7 @@ function TenantsTable() {
         /* @__PURE__ */ jsx(Th, { children: "Email" }),
         /* @__PURE__ */ jsx(Th, { children: "Country" }),
         /* @__PURE__ */ jsx(Th, { children: "Industry" }),
-        /* @__PURE__ */ jsx(Th, { align: "right", children: "GMV (USD)" }),
+        /* @__PURE__ */ jsx(Th, { align: "right", children: "GMV" }),
         /* @__PURE__ */ jsx(Th, { children: "Status" }),
         /* @__PURE__ */ jsx(Th, { children: "Account officer" }),
         /* @__PURE__ */ jsx(Th, { children: "Joined" }),

package/dist/admin/tenants/tenants-table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/tenants/tenants-table.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useRouter } from 'next/navigation';\nimport { Th } from '@withpotter/ui-kit';\nimport type { TenantStatus } from '@withpotter/lib/admin-api';\nimport { usePlatformTenants } from '../hooks';\nimport { ListCard, ListPager } from '../_ui/list-card';\nimport { TenantListRow } from './tenant-list-row';\nimport { FilterSearch, FilterSelect, Filters } from '../_ui';\nimport { CountryFilter, useCountryParam } from './country-filter';\nimport { AccountOfficerFilter, useOfficerParam } from './account-officer-filter';\n\nconst STATUS_OPTIONS: TenantStatus[] = [\n  'active',\n  'pending',\n  'suspended',\n  'deleted',\n];\n\nconst sentence = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);\n\n/** Every business, searchable by name or slug, narrowed by status, country or officer. */\nexport function TenantsTable() {\n  const router = useRouter();\n  const [search, setSearch] = useState('');\n  const [status, setStatus] = useState<TenantStatus | ''>('');\n  const [country, setCountry] = useCountryParam();\n  const [officer, setOfficer] = useOfficerParam();\n  const [page, setPage] = useState(1);\n  const { data, isLoading, isError, refetch } = usePlatformTenants({\n    page,\n    pageSize: 20,\n    search: search || undefined,\n    status: status || undefined,\n    country: country || undefined,\n    accountOfficerId: officer || undefined,\n  });\n  const totalPages = data\n    ? Math.max(1, Math.ceil(data.total / data.pageSize))\n    : 1;\n\n  return (\n    <ListCard\n      title=\"All merchants\"\n      count={data?.total}\n      columns={9}\n      minWidth={1000}\n      isLoading={isLoading}\n      isError={isError}\n      onRetry={() => void refetch()}\n      errorTitle=\"Failed to load merchants.\"\n      isEmpty={data?.rows.length === 0}\n      emptyTitle=\"No merchants found\"\n      emptyDescription=\"Try a different search, status, country or officer.\"\n      controls={\n        <Filters label=\"Filter merchants\">\n          <FilterSearch\n            value={search}\n            onChange={(v) => {\n              setSearch(v);\n              setPage(1);\n            }}\n            placeholder=\"Search by name or slug…\"\n          />\n          <FilterSelect\n            label=\"Status\"\n            value={status}\n            onChange={(v) => {\n              setStatus(v as TenantStatus | '');\n              setPage(1);\n            }}\n            options={[\n              { value: '', label: 'All statuses' },\n              ...STATUS_OPTIONS.map((s) => ({\n                value: s,\n                label: sentence(s),\n              })),\n            ]}\n          />\n          <CountryFilter\n            value={country}\n            onChange={(v) => {\n              setCountry(v);\n              setPage(1);\n            }}\n          />\n          <AccountOfficerFilter\n            value={officer}\n            onChange={(v) => {\n              setOfficer(v);\n              setPage(1);\n            }}\n          />\n        </Filters>\n      }\n      head={\n        <tr>\n          <Th>Business</Th>\n          <Th>Email</Th>\n          <Th>Country</Th>\n          <Th>Industry</Th>\n          <Th align=\"right\">GMV (USD)</Th>\n          <Th>Status</Th>\n          <Th>Account officer</Th>\n          <Th>Joined</Th>\n          <Th align=\"right\">\n            <span className=\"sr-only\">Actions</span>\n          </Th>\n        </tr>\n      }\n      footer={\n        <ListPager\n          page={page}\n          totalPages={totalPages}\n          total={data?.total}\n          noun=\"merchants\"\n          onPage={setPage}\n        />\n      }\n    >\n      {data?.rows.map((t) => (\n        <TenantListRow\n          key={t.id}\n          t={t}\n          onOpen={() => router.push(`/admin/tenants/${t.id}`)}\n        />\n      ))}\n    </ListCard>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/tenants/tenants-table.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useRouter } from 'next/navigation';\nimport { Th } from '@withpotter/ui-kit';\nimport type { TenantStatus } from '@withpotter/lib/admin-api';\nimport { usePlatformTenants } from '../hooks';\nimport { ListCard, ListPager } from '../_ui/list-card';\nimport { TenantListRow } from './tenant-list-row';\nimport { FilterSearch, FilterSelect, Filters } from '../_ui';\nimport { CountryFilter, useCountryParam } from './country-filter';\nimport { AccountOfficerFilter, useOfficerParam } from './account-officer-filter';\n\nconst STATUS_OPTIONS: TenantStatus[] = [\n  'active',\n  'pending',\n  'suspended',\n  'deleted',\n];\n\nconst sentence = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);\n\n/** Every business, searchable by name or slug, narrowed by status, country or officer. */\nexport function TenantsTable() {\n  const router = useRouter();\n  const [search, setSearch] = useState('');\n  const [status, setStatus] = useState<TenantStatus | ''>('');\n  const [country, setCountry] = useCountryParam();\n  const [officer, setOfficer] = useOfficerParam();\n  const [page, setPage] = useState(1);\n  const { data, isLoading, isError, refetch } = usePlatformTenants({\n    page,\n    pageSize: 20,\n    search: search || undefined,\n    status: status || undefined,\n    country: country || undefined,\n    accountOfficerId: officer || undefined,\n  });\n  const totalPages = data\n    ? Math.max(1, Math.ceil(data.total / data.pageSize))\n    : 1;\n\n  return (\n    <ListCard\n      title=\"All merchants\"\n      count={data?.total}\n      columns={9}\n      minWidth={1000}\n      isLoading={isLoading}\n      isError={isError}\n      onRetry={() => void refetch()}\n      errorTitle=\"Failed to load merchants.\"\n      isEmpty={data?.rows.length === 0}\n      emptyTitle=\"No merchants found\"\n      emptyDescription=\"Try a different search, status, country or officer.\"\n      controls={\n        <Filters label=\"Filter merchants\">\n          <FilterSearch\n            value={search}\n            onChange={(v) => {\n              setSearch(v);\n              setPage(1);\n            }}\n            placeholder=\"Search by name or slug…\"\n          />\n          <FilterSelect\n            label=\"Status\"\n            value={status}\n            onChange={(v) => {\n              setStatus(v as TenantStatus | '');\n              setPage(1);\n            }}\n            options={[\n              { value: '', label: 'All statuses' },\n              ...STATUS_OPTIONS.map((s) => ({\n                value: s,\n                label: sentence(s),\n              })),\n            ]}\n          />\n          <CountryFilter\n            value={country}\n            onChange={(v) => {\n              setCountry(v);\n              setPage(1);\n            }}\n          />\n          <AccountOfficerFilter\n            value={officer}\n            onChange={(v) => {\n              setOfficer(v);\n              setPage(1);\n            }}\n          />\n        </Filters>\n      }\n      head={\n        <tr>\n          <Th>Business</Th>\n          <Th>Email</Th>\n          <Th>Country</Th>\n          <Th>Industry</Th>\n          <Th align=\"right\">GMV</Th>\n          <Th>Status</Th>\n          <Th>Account officer</Th>\n          <Th>Joined</Th>\n          <Th align=\"right\">\n            <span className=\"sr-only\">Actions</span>\n          </Th>\n        </tr>\n      }\n      footer={\n        <ListPager\n          page={page}\n          totalPages={totalPages}\n          total={data?.total}\n          noun=\"merchants\"\n          onPage={setPage}\n        />\n      }\n    >\n      {data?.rows.map((t) => (\n        <TenantListRow\n          key={t.id}\n          t={t}\n          onOpen={() => router.push(`/admin/tenants/${t.id}`)}\n        />\n      ))}\n    </ListCard>\n  );\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@withpotter/pages-admin",
-  "version": "0.13.0-next.84",
+  "version": "0.13.0-next.86",
   "description": "Box console platform-admin routes: overview, revenue, accounts, tenants, admins, roles, audit.",
   "license": "UNLICENSED",
   "sideEffects": false,
@@ -31,9 +31,9 @@
   "dependencies": {
     "@radix-ui/react-popover": "^1.1.23",
     "@tanstack/react-query": "^5.90.20",
-    "@withpotter/lib": "^0.13.0-next.84",
-    "@withpotter/platform-admin": "^0.13.0-next.84",
-    "@withpotter/ui-kit": "^0.13.0-next.84",
+    "@withpotter/lib": "^0.13.0-next.86",
+    "@withpotter/platform-admin": "^0.13.0-next.86",
+    "@withpotter/ui-kit": "^0.13.0-next.86",
     "lucide-react": "^0.562.0",
     "motion": "^12.42.2"
   },
@@ -50,7 +50,7 @@
     "typescript": "^5"
   },
   "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
+    "registry": "https://registry.npmjs.org",
     "access": "restricted"
   }
 }