@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/pos/terminals/[id]/terminal-people.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Th, TableRow } from "@withpotter/ui-kit";
+import { Panel } from "../../../_ui";
+import { ListCard } from "../../../_ui/list-card";
+import list from "../../../_ui/list-card.module.css";
+import { LoadError } from "../../../_pos/pos-parts";
+import { accessLine, atTime, historyBy, historyLine } from "../../../_pos/pos-words";
+import { usePosHistory } from "../../../_pos/use-pos";
+import pos from "../../../_pos/pos.module.css";
+import styles from "./terminal.module.css";
+const sentence = (s) => s ? s.charAt(0).toUpperCase() + s.slice(1).replace(/_/g, " ") : s;
+function TerminalPeople({ t }) {
+  return /* @__PURE__ */ jsx(
+    ListCard,
+    {
+      title: "Operators",
+      count: t.operators.length,
+      columns: 2,
+      minWidth: 480,
+      errorTitle: "",
+      isEmpty: t.operators.length === 0,
+      emptyTitle: "Nobody can sign in at it yet.",
+      controls: /* @__PURE__ */ jsx("span", { className: "adm-caption", children: accessLine(t) }),
+      head: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx(Th, { children: "Person" }),
+        /* @__PURE__ */ jsx(Th, { children: "Role" })
+      ] }),
+      children: t.operators.map((o) => /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("span", { className: pos.cellStack, children: [
+          /* @__PURE__ */ jsx("span", { className: pos.clip, children: o.name }),
+          !o.active && /* @__PURE__ */ jsx("span", { className: pos.subtle, children: "Removed" })
+        ] }) }),
+        /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: sentence(o.role) })
+      ] }, o.id))
+    }
+  );
+}
+function TerminalHistory({ id }) {
+  const { data, isLoading, error, refetch } = usePosHistory(id);
+  return /* @__PURE__ */ jsx(Panel, { title: "History", count: data?.entries.length, height: "auto", children: isLoading ? /* @__PURE__ */ jsx("p", { className: `${pos.subtle} ${styles.body}`, children: "Loading history\u2026" }) : error ? /* @__PURE__ */ jsx("div", { className: styles.body, children: /* @__PURE__ */ jsx(
+    LoadError,
+    {
+      error,
+      what: "this terminal's history",
+      onRetry: () => void refetch()
+    }
+  ) }) : data && data.entries.length > 0 ? /* @__PURE__ */ jsx("ol", { className: styles.timeline, children: data.entries.map((e, i) => /* @__PURE__ */ jsxs("li", { className: styles.event, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.eventHead, children: [
+      /* @__PURE__ */ jsx("span", { children: historyLine(e) }),
+      /* @__PURE__ */ jsx("time", { className: styles.eventWhen, dateTime: e.at, children: atTime(e.at) })
+    ] }),
+    /* @__PURE__ */ jsxs("span", { className: pos.subtle, children: [
+      historyBy(e),
+      e.reason ? ` \xB7 \u201C${e.reason}\u201D` : ""
+    ] })
+  ] }, `${e.at}-${i}`)) }) : /* @__PURE__ */ jsx("p", { className: `${pos.subtle} ${styles.body}`, children: "Nothing on record yet." }) });
+}
+export {
+  TerminalHistory,
+  TerminalPeople
+};
+//# sourceMappingURL=terminal-people.js.map

package/dist/admin/pos/terminals/[id]/terminal-people.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/pos/terminals/%5Bid%5D/terminal-people.tsx"],"sourcesContent":["'use client';\n\nimport { Th, TableRow } from '@withpotter/ui-kit';\nimport type { PosTerminalDetail } from '@withpotter/lib/admin-pos-types';\nimport { Panel } from '../../../_ui';\nimport { ListCard } from '../../../_ui/list-card';\nimport list from '../../../_ui/list-card.module.css';\nimport { LoadError } from '../../../_pos/pos-parts';\nimport { accessLine, atTime, historyBy, historyLine } from '../../../_pos/pos-words';\nimport { usePosHistory } from '../../../_pos/use-pos';\nimport pos from '../../../_pos/pos.module.css';\nimport styles from './terminal.module.css';\n\nconst sentence = (s: string) =>\n  s ? s.charAt(0).toUpperCase() + s.slice(1).replace(/_/g, ' ') : s;\n\n/** Who may sign in at the machine, and in what role. */\nexport function TerminalPeople({ t }: { t: PosTerminalDetail }) {\n  return (\n    <ListCard\n      title=\"Operators\"\n      count={t.operators.length}\n      columns={2}\n      minWidth={480}\n      errorTitle=\"\"\n      isEmpty={t.operators.length === 0}\n      emptyTitle=\"Nobody can sign in at it yet.\"\n      controls={<span className=\"adm-caption\">{accessLine(t)}</span>}\n      head={\n        <tr>\n          <Th>Person</Th>\n          <Th>Role</Th>\n        </tr>\n      }\n    >\n      {t.operators.map((o) => (\n        <TableRow key={o.id}>\n          <td>\n            <span className={pos.cellStack}>\n              <span className={pos.clip}>{o.name}</span>\n              {!o.active && <span className={pos.subtle}>Removed</span>}\n            </span>\n          </td>\n          <td className={`${list.nowrap} ${list.muted}`}>{sentence(o.role)}</td>\n        </TableRow>\n      ))}\n    </ListCard>\n  );\n}\n\n/** What is on record about the terminal, newest first: admins' acts and the business's own. */\nexport function TerminalHistory({ id }: { id: string }) {\n  const { data, isLoading, error, refetch } = usePosHistory(id);\n\n  return (\n    <Panel title=\"History\" count={data?.entries.length} height=\"auto\">\n      {isLoading ? (\n        <p className={`${pos.subtle} ${styles.body}`}>Loading history…</p>\n      ) : error ? (\n        <div className={styles.body}>\n          <LoadError\n            error={error}\n            what=\"this terminal's history\"\n            onRetry={() => void refetch()}\n          />\n        </div>\n      ) : data && data.entries.length > 0 ? (\n        <ol className={styles.timeline}>\n          {data.entries.map((e, i) => (\n            <li key={`${e.at}-${i}`} className={styles.event}>\n              <div className={styles.eventHead}>\n                <span>{historyLine(e)}</span>\n                <time className={styles.eventWhen} dateTime={e.at}>\n                  {atTime(e.at)}\n                </time>\n              </div>\n              <span className={pos.subtle}>\n                {historyBy(e)}\n                {e.reason ? ` · “${e.reason}”` : ''}\n              </span>\n            </li>\n          ))}\n        </ol>\n      ) : (\n        <p className={`${pos.subtle} ${styles.body}`}>Nothing on record yet.</p>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":";AA2BgB,cAER,YAFQ;AAzBhB,SAAS,IAAI,gBAAgB;AAE7B,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAC1B,SAAS,YAAY,QAAQ,WAAW,mBAAmB;AAC3D,SAAS,qBAAqB;AAC9B,OAAO,SAAS;AAChB,OAAO,YAAY;AAEnB,MAAM,WAAW,CAAC,MAChB,IAAI,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,EAAE,QAAQ,MAAM,GAAG,IAAI;AAG3D,SAAS,eAAe,EAAE,EAAE,GAA6B;AAC9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,EAAE,UAAU;AAAA,MACnB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,YAAW;AAAA,MACX,SAAS,EAAE,UAAU,WAAW;AAAA,MAChC,YAAW;AAAA,MACX,UAAU,oBAAC,UAAK,WAAU,eAAe,qBAAW,CAAC,GAAE;AAAA,MACvD,MACE,qBAAC,QACC;AAAA,4BAAC,MAAG,oBAAM;AAAA,QACV,oBAAC,MAAG,kBAAI;AAAA,SACV;AAAA,MAGD,YAAE,UAAU,IAAI,CAAC,MAChB,qBAAC,YACC;AAAA,4BAAC,QACC,+BAAC,UAAK,WAAW,IAAI,WACnB;AAAA,8BAAC,UAAK,WAAW,IAAI,MAAO,YAAE,MAAK;AAAA,UAClC,CAAC,EAAE,UAAU,oBAAC,UAAK,WAAW,IAAI,QAAQ,qBAAO;AAAA,WACpD,GACF;AAAA,QACA,oBAAC,QAAG,WAAW,GAAG,KAAK,MAAM,IAAI,KAAK,KAAK,IAAK,mBAAS,EAAE,IAAI,GAAE;AAAA,WAPpD,EAAE,EAQjB,CACD;AAAA;AAAA,EACH;AAEJ;AAGO,SAAS,gBAAgB,EAAE,GAAG,GAAmB;AACtD,QAAM,EAAE,MAAM,WAAW,OAAO,QAAQ,IAAI,cAAc,EAAE;AAE5D,SACE,oBAAC,SAAM,OAAM,WAAU,OAAO,MAAM,QAAQ,QAAQ,QAAO,QACxD,sBACC,oBAAC,OAAE,WAAW,GAAG,IAAI,MAAM,IAAI,OAAO,IAAI,IAAI,mCAAgB,IAC5D,QACF,oBAAC,SAAI,WAAW,OAAO,MACrB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,SAAS,MAAM,KAAK,QAAQ;AAAA;AAAA,EAC9B,GACF,IACE,QAAQ,KAAK,QAAQ,SAAS,IAChC,oBAAC,QAAG,WAAW,OAAO,UACnB,eAAK,QAAQ,IAAI,CAAC,GAAG,MACpB,qBAAC,QAAwB,WAAW,OAAO,OACzC;AAAA,yBAAC,SAAI,WAAW,OAAO,WACrB;AAAA,0BAAC,UAAM,sBAAY,CAAC,GAAE;AAAA,MACtB,oBAAC,UAAK,WAAW,OAAO,WAAW,UAAU,EAAE,IAC5C,iBAAO,EAAE,EAAE,GACd;AAAA,OACF;AAAA,IACA,qBAAC,UAAK,WAAW,IAAI,QAClB;AAAA,gBAAU,CAAC;AAAA,MACX,EAAE,SAAS,eAAO,EAAE,MAAM,WAAM;AAAA,OACnC;AAAA,OAVO,GAAG,EAAE,EAAE,IAAI,CAAC,EAWrB,CACD,GACH,IAEA,oBAAC,OAAE,WAAW,GAAG,IAAI,MAAM,IAAI,OAAO,IAAI,IAAI,oCAAsB,GAExE;AAEJ;","names":[]}

package/dist/admin/pos/terminals/[id]/terminal.module.css

@@ -0,0 +1,103 @@
+/* One terminal: status at the top, then machine, payments, people, shifts, history. */
+
+.header {
+  display: grid;
+  gap: 8px;
+  margin-bottom: var(--adm-gap);
+}
+
+.back {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  width: max-content;
+  font-size: 13px;
+  color: var(--text-secondary);
+}
+
+.back:hover {
+  color: var(--text-primary);
+}
+
+.titleRow {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px 12px;
+}
+
+.title {
+  min-width: 0;
+  margin: 0;
+  overflow-wrap: anywhere;
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 24px;
+  color: var(--text-primary);
+}
+
+.actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  margin-left: auto;
+}
+
+.meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px 16px;
+  font-size: 13px;
+  line-height: 20px;
+  color: var(--text-secondary);
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: var(--adm-gap);
+  align-items: start;
+}
+
+@media (max-width: 899.98px) {
+  .grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
+.body {
+  display: grid;
+  gap: 16px;
+  padding: 0 20px 20px;
+  min-width: 0;
+}
+
+.timeline {
+  display: grid;
+  gap: 12px;
+  margin: 0;
+  padding: 0 20px 20px;
+  list-style: none;
+}
+
+.event {
+  display: grid;
+  gap: 2px;
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--text-primary);
+}
+
+.eventHead {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.eventWhen {
+  flex-shrink: 0;
+  font-size: 12px;
+  color: var(--text-tertiary);
+  font-variant-numeric: tabular-nums;
+}

package/dist/admin/pos/terminals-tab.js

@@ -0,0 +1,147 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useDeferredValue, useState } from "react";
+import { useRouter } from "next/navigation";
+import { Button, RemovableChip } from "@withpotter/ui-kit";
+import {
+  activeTerminalFilters,
+  POS_PAGE_SIZE
+} from "@withpotter/lib/admin-pos-query";
+import { FilterSearch, FilterSelect, Filters } from "../_ui";
+import { ListCard, ListPager } from "../_ui/list-card";
+import { isForbidden, posErrorText } from "../_pos/pos-rules";
+import { TERMINAL_STATUS_LABEL } from "../_pos/pos-words";
+import { terminalHref } from "../_pos/shift-row";
+import { usePosTerminals } from "../_pos/use-pos";
+import { useTenantParam } from "../_pos/use-tenant-param";
+import { TerminalHead, TerminalRow, terminalColumns } from "./terminal-row";
+const STATUS_OPTIONS = [
+  { value: "", label: "Any status" },
+  ...Object.entries(TERMINAL_STATUS_LABEL).map(([value, label]) => ({
+    value,
+    label
+  }))
+];
+const ONLINE_OPTIONS = [
+  { value: "", label: "Online or offline" },
+  { value: "online", label: "Online" },
+  { value: "offline", label: "Offline" }
+];
+function TerminalsTab({
+  period,
+  currency = ""
+}) {
+  const router = useRouter();
+  const [tenantId, setTenantId] = useTenantParam();
+  const [tenantName, setTenantName] = useState("");
+  const [f, setF] = useState({});
+  const [page, setPage] = useState(1);
+  const search = useDeferredValue(f.search ?? "");
+  const filters = {
+    ...f,
+    search,
+    tenantId: tenantId || void 0,
+    ...period,
+    page,
+    limit: POS_PAGE_SIZE
+  };
+  const { data, isLoading, isError, error, refetch } = usePosTerminals(filters);
+  const set = (patch) => {
+    setF((prev) => ({ ...prev, ...patch }));
+    setPage(1);
+  };
+  const narrowed = activeTerminalFilters(filters) > 0;
+  const clearAll = () => {
+    setF({});
+    setTenantId("");
+    setPage(1);
+  };
+  const rows = data?.data ?? [];
+  const business = tenantName || rows.find((r) => r.tenant.id === tenantId)?.tenant.name;
+  return /* @__PURE__ */ jsx(
+    ListCard,
+    {
+      title: "Terminals",
+      count: data?.total,
+      columns: terminalColumns(true),
+      minWidth: 1040,
+      isLoading,
+      isError,
+      onRetry: () => void refetch(),
+      errorTitle: isForbidden(error) ? "You don't have permission to see terminals." : posErrorText(error, "Terminals did not load."),
+      head: /* @__PURE__ */ jsx(TerminalHead, { withBusiness: true }),
+      isEmpty: rows.length === 0,
+      emptyTitle: narrowed ? "No terminals match." : "No terminals yet.",
+      controls: /* @__PURE__ */ jsxs(Filters, { label: "Filter terminals", children: [
+        /* @__PURE__ */ jsx(
+          FilterSearch,
+          {
+            value: f.search ?? "",
+            onChange: (v) => set({ search: v }),
+            placeholder: "Name, TID or business",
+            label: "Search terminals"
+          }
+        ),
+        tenantId && /* @__PURE__ */ jsx(
+          RemovableChip,
+          {
+            onRemove: () => {
+              setTenantId("");
+              setTenantName("");
+              setPage(1);
+            },
+            removeLabel: "Show every business",
+            children: business || "One business"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FilterSelect,
+          {
+            label: "Status",
+            value: f.status ?? "",
+            onChange: (v) => set({ status: v }),
+            options: STATUS_OPTIONS
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FilterSelect,
+          {
+            label: "Online",
+            value: f.online ?? "",
+            onChange: (v) => set({ online: v }),
+            options: ONLINE_OPTIONS
+          }
+        ),
+        narrowed && /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: clearAll, children: "Clear filters" })
+      ] }),
+      footer: data && data.total > 0 ? /* @__PURE__ */ jsx(
+        ListPager,
+        {
+          page,
+          totalPages: Math.max(1, data.totalPages),
+          total: data.total,
+          noun: data.total === 1 ? "terminal" : "terminals",
+          onPage: setPage
+        }
+      ) : void 0,
+      children: rows.map((t) => /* @__PURE__ */ jsx(
+        TerminalRow,
+        {
+          t,
+          currency,
+          onOpen: () => router.push(terminalHref(t.id)),
+          onOnlyBusiness: () => {
+            setTenantName(t.tenant.name);
+            setTenantId(t.tenant.id);
+            setPage(1);
+          }
+        },
+        t.id
+      ))
+    }
+  );
+}
+export {
+  TerminalsTab
+};
+//# sourceMappingURL=terminals-tab.js.map

package/dist/admin/pos/terminals-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pos/terminals-tab.tsx"],"sourcesContent":["'use client';\n\nimport { useDeferredValue, useState } from 'react';\nimport { useRouter } from 'next/navigation';\nimport { Button, RemovableChip } from '@withpotter/ui-kit';\nimport {\n  activeTerminalFilters,\n  POS_PAGE_SIZE,\n  type TerminalFilters,\n} from '@withpotter/lib/admin-pos-query';\nimport type { PosWindow } from '@withpotter/lib/admin-pos-types';\nimport { FilterSearch, FilterSelect, Filters } from '../_ui';\nimport { ListCard, ListPager } from '../_ui/list-card';\nimport { isForbidden, posErrorText } from '../_pos/pos-rules';\nimport { TERMINAL_STATUS_LABEL } from '../_pos/pos-words';\nimport { terminalHref } from '../_pos/shift-row';\nimport { usePosTerminals } from '../_pos/use-pos';\nimport { useTenantParam } from '../_pos/use-tenant-param';\nimport { TerminalHead, TerminalRow, terminalColumns } from './terminal-row';\n\nconst STATUS_OPTIONS = [\n  { value: '', label: 'Any status' },\n  ...Object.entries(TERMINAL_STATUS_LABEL).map(([value, label]) => ({\n    value,\n    label,\n  })),\n];\n\nconst ONLINE_OPTIONS = [\n  { value: '', label: 'Online or offline' },\n  { value: 'online', label: 'Online' },\n  { value: 'offline', label: 'Offline' },\n];\n\ntype Narrowing = Omit<TerminalFilters, 'tenantId' | 'page' | 'limit'>;\n\n/** Every terminal, most recently heard from first, narrowed in one row. */\nexport function TerminalsTab({\n  period,\n  currency = '',\n}: {\n  period: PosWindow;\n  /** The currency filter's choice; narrows the money column only. */\n  currency?: string;\n}) {\n  const router = useRouter();\n  const [tenantId, setTenantId] = useTenantParam();\n  const [tenantName, setTenantName] = useState('');\n  const [f, setF] = useState<Narrowing>({});\n  const [page, setPage] = useState(1);\n  const search = useDeferredValue(f.search ?? '');\n  const filters: TerminalFilters = {\n    ...f,\n    search,\n    tenantId: tenantId || undefined,\n    ...period,\n    page,\n    limit: POS_PAGE_SIZE,\n  };\n  const { data, isLoading, isError, error, refetch } = usePosTerminals(filters);\n  const set = (patch: Narrowing) => {\n    setF((prev) => ({ ...prev, ...patch }));\n    setPage(1);\n  };\n  const narrowed = activeTerminalFilters(filters) > 0;\n  const clearAll = () => {\n    setF({});\n    setTenantId('');\n    setPage(1);\n  };\n  const rows = data?.data ?? [];\n  const business =\n    tenantName || rows.find((r) => r.tenant.id === tenantId)?.tenant.name;\n\n  return (\n    <ListCard\n      title=\"Terminals\"\n      count={data?.total}\n      columns={terminalColumns(true)}\n      minWidth={1040}\n      isLoading={isLoading}\n      isError={isError}\n      onRetry={() => void refetch()}\n      errorTitle={\n        isForbidden(error)\n          ? \"You don't have permission to see terminals.\"\n          : posErrorText(error, 'Terminals did not load.')\n      }\n      head={<TerminalHead withBusiness />}\n      isEmpty={rows.length === 0}\n      emptyTitle={narrowed ? 'No terminals match.' : 'No terminals yet.'}\n      controls={\n        <Filters label=\"Filter terminals\">\n          <FilterSearch\n            value={f.search ?? ''}\n            onChange={(v) => set({ search: v })}\n            placeholder=\"Name, TID or business\"\n            label=\"Search terminals\"\n          />\n          {tenantId && (\n            <RemovableChip\n              onRemove={() => {\n                setTenantId('');\n                setTenantName('');\n                setPage(1);\n              }}\n              removeLabel=\"Show every business\"\n            >\n              {business || 'One business'}\n            </RemovableChip>\n          )}\n          <FilterSelect\n            label=\"Status\"\n            value={f.status ?? ''}\n            onChange={(v) => set({ status: v as Narrowing['status'] })}\n            options={STATUS_OPTIONS}\n          />\n          <FilterSelect\n            label=\"Online\"\n            value={f.online ?? ''}\n            onChange={(v) => set({ online: v as Narrowing['online'] })}\n            options={ONLINE_OPTIONS}\n          />\n          {narrowed && (\n            <Button size=\"sm\" variant=\"secondary\" onClick={clearAll}>\n              Clear filters\n            </Button>\n          )}\n        </Filters>\n      }\n      footer={\n        data && data.total > 0 ? (\n          <ListPager\n            page={page}\n            totalPages={Math.max(1, data.totalPages)}\n            total={data.total}\n            noun={data.total === 1 ? 'terminal' : 'terminals'}\n            onPage={setPage}\n          />\n        ) : undefined\n      }\n    >\n      {rows.map((t) => (\n        <TerminalRow\n          key={t.id}\n          t={t}\n          currency={currency}\n          onOpen={() => router.push(terminalHref(t.id))}\n          onOnlyBusiness={() => {\n            setTenantName(t.tenant.name);\n            setTenantId(t.tenant.id);\n            setPage(1);\n          }}\n        />\n      ))}\n    </ListCard>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/pricing/approvals-tab.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AdmLoading, Panel } from "../_ui";
+import { LoadFailed } from "../audit/load-failed";
+import { PlanApproval } from "./plan-approval";
+import { PriceReview } from "./price-review";
+import { usePricingPermissions } from "./use-pricing";
+import { useAdminName, useApprovals, useFeatureCatalogue, usePlanList } from "./use-plans";
+import styles from "./pricing.module.css";
+function ApprovalsTab() {
+  const approvals = useApprovals();
+  const catalogue = useFeatureCatalogue();
+  const plans = usePlanList();
+  const { adminId } = usePricingPermissions();
+  const nameOf = useAdminName(adminId);
+  if (approvals.isError) {
+    return /* @__PURE__ */ jsx(LoadFailed, { message: "The approvals could not be loaded.", onRetry: () => void approvals.refetch() });
+  }
+  if (!approvals.data || !catalogue.data) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading approvals\u2026" });
+  const { plans: planChanges, basePrice } = approvals.data;
+  if (!planChanges.length && !basePrice.length) {
+    return /* @__PURE__ */ jsx("p", { className: styles.muted, children: "Nothing is waiting for approval." });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: styles.stack, children: [
+    planChanges.map((change) => /* @__PURE__ */ jsx(Panel, { title: change.live ? `Change to ${change.live.name}` : `New plan: ${change.name}`, height: "auto", children: /* @__PURE__ */ jsx(
+      PlanApproval,
+      {
+        change,
+        live: change.live,
+        catalogue: catalogue.data.features,
+        currencies: plans.data?.currencies ?? [],
+        proposer: nameOf(change.proposedBy)
+      }
+    ) }, change.id)),
+    basePrice.map((change) => /* @__PURE__ */ jsxs(Panel, { title: "Base price change", height: "auto", children: [
+      /* @__PURE__ */ jsxs("p", { className: `${styles.muted} mb-3`, children: [
+        nameOf(change.proposedBy),
+        " proposed it."
+      ] }),
+      /* @__PURE__ */ jsx(PriceReview, { change, live: change.live })
+    ] }, change.id))
+  ] });
+}
+export {
+  ApprovalsTab
+};
+//# sourceMappingURL=approvals-tab.js.map

package/dist/admin/pricing/approvals-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pricing/approvals-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { AdmLoading, Panel } from \"../_ui\";\nimport { LoadFailed } from \"../audit/load-failed\";\nimport { PlanApproval } from \"./plan-approval\";\nimport { PriceReview } from \"./price-review\";\nimport { usePricingPermissions } from \"./use-pricing\";\nimport { useAdminName, useApprovals, useFeatureCatalogue, usePlanList } from \"./use-plans\";\nimport styles from \"./pricing.module.css\";\n\n/**\n * Every change waiting for a second admin: plan changes, then the base\n * price. Each shows what changes against what is live and who proposed it.\n * Its author can only withdraw it.\n */\nexport function ApprovalsTab() {\n  const approvals = useApprovals();\n  const catalogue = useFeatureCatalogue();\n  const plans = usePlanList();\n  const { adminId } = usePricingPermissions();\n  const nameOf = useAdminName(adminId);\n\n  if (approvals.isError) {\n    return (\n      <LoadFailed message=\"The approvals could not be loaded.\" onRetry={() => void approvals.refetch()} />\n    );\n  }\n\n  if (!approvals.data || !catalogue.data) return <AdmLoading label=\"Loading approvals…\" />;\n\n  const { plans: planChanges, basePrice } = approvals.data;\n\n  if (!planChanges.length && !basePrice.length) {\n    return <p className={styles.muted}>Nothing is waiting for approval.</p>;\n  }\n\n  return (\n    <div className={styles.stack}>\n      {planChanges.map((change) => (\n        <Panel key={change.id} title={change.live ? `Change to ${change.live.name}` : `New plan: ${change.name}`} height=\"auto\">\n          <PlanApproval\n            change={change}\n            live={change.live}\n            catalogue={catalogue.data.features}\n            currencies={plans.data?.currencies ?? []}\n            proposer={nameOf(change.proposedBy)}\n          />\n        </Panel>\n      ))}\n      {basePrice.map((change) => (\n        <Panel key={change.id} title=\"Base price change\" height=\"auto\">\n          <p className={`${styles.muted} mb-3`}>{nameOf(change.proposedBy)} proposed it.</p>\n          <PriceReview change={change} live={change.live} />\n        </Panel>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";AAwBM,cA2BI,YA3BJ;AAtBN,SAAS,YAAY,aAAa;AAClC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AACtC,SAAS,cAAc,cAAc,qBAAqB,mBAAmB;AAC7E,OAAO,YAAY;AAOZ,SAAS,eAAe;AAC7B,QAAM,YAAY,aAAa;AAC/B,QAAM,YAAY,oBAAoB;AACtC,QAAM,QAAQ,YAAY;AAC1B,QAAM,EAAE,QAAQ,IAAI,sBAAsB;AAC1C,QAAM,SAAS,aAAa,OAAO;AAEnC,MAAI,UAAU,SAAS;AACrB,WACE,oBAAC,cAAW,SAAQ,sCAAqC,SAAS,MAAM,KAAK,UAAU,QAAQ,GAAG;AAAA,EAEtG;AAEA,MAAI,CAAC,UAAU,QAAQ,CAAC,UAAU,KAAM,QAAO,oBAAC,cAAW,OAAM,2BAAqB;AAEtF,QAAM,EAAE,OAAO,aAAa,UAAU,IAAI,UAAU;AAEpD,MAAI,CAAC,YAAY,UAAU,CAAC,UAAU,QAAQ;AAC5C,WAAO,oBAAC,OAAE,WAAW,OAAO,OAAO,8CAAgC;AAAA,EACrE;AAEA,SACE,qBAAC,SAAI,WAAW,OAAO,OACpB;AAAA,gBAAY,IAAI,CAAC,WAChB,oBAAC,SAAsB,OAAO,OAAO,OAAO,aAAa,OAAO,KAAK,IAAI,KAAK,aAAa,OAAO,IAAI,IAAI,QAAO,QAC/G;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM,OAAO;AAAA,QACb,WAAW,UAAU,KAAK;AAAA,QAC1B,YAAY,MAAM,MAAM,cAAc,CAAC;AAAA,QACvC,UAAU,OAAO,OAAO,UAAU;AAAA;AAAA,IACpC,KAPU,OAAO,EAQnB,CACD;AAAA,IACA,UAAU,IAAI,CAAC,WACd,qBAAC,SAAsB,OAAM,qBAAoB,QAAO,QACtD;AAAA,2BAAC,OAAE,WAAW,GAAG,OAAO,KAAK,SAAU;AAAA,eAAO,OAAO,UAAU;AAAA,QAAE;AAAA,SAAa;AAAA,MAC9E,oBAAC,eAAY,QAAgB,MAAM,OAAO,MAAM;AAAA,SAFtC,OAAO,EAGnB,CACD;AAAA,KACH;AAEJ;","names":[]}

package/dist/admin/pricing/cancel-plan-dialog.js

@@ -0,0 +1,85 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "@withpotter/ui-kit/button";
+import { Radio } from "@withpotter/ui-kit/checkbox";
+import { FormDialog } from "@withpotter/ui-kit/form-dialog";
+import { Textarea } from "@withpotter/ui-kit/textarea";
+import { useToast } from "@withpotter/ui-kit/use-toast";
+import { adminPlansApi } from "@withpotter/lib/admin-pricing-api";
+import { billingDate } from "@withpotter/lib/subscription-billing-model";
+import { usePricingPermissions } from "./use-pricing";
+import { usePlansMutation } from "./use-plans";
+function CancelPlanDialog({
+  tenantId,
+  name,
+  periodEnd,
+  onClose
+}) {
+  const { toast } = useToast();
+  const { approveHint } = usePricingPermissions();
+  const [mode, setMode] = useState("at_period_end");
+  const [reason, setReason] = useState("");
+  const cancel = usePlansMutation(adminPlansApi.cancel, "Plan not cancelled");
+  const send = async () => {
+    try {
+      await cancel.mutateAsync([tenantId, mode, reason.trim()]);
+    } catch {
+      return;
+    }
+    toast({ title: mode === "now" ? "Plan cancelled" : "Plan set to cancel" });
+    onClose();
+  };
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      open: true,
+      title: `Cancel ${name}'s plan?`,
+      description: "They keep orders, catalog, payments and settings. They are emailed.",
+      onClose,
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Keep the plan" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "danger",
+            title: approveHint,
+            disabled: reason.trim().length < 10,
+            loading: cancel.isPending,
+            onClick: () => void send(),
+            children: "Cancel plan"
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxs("fieldset", { className: "m-0 flex flex-col gap-2 border-0 p-0", children: [
+          /* @__PURE__ */ jsx("legend", { className: "mb-2 text-sm font-medium text-[var(--text-primary)]", children: "When" }),
+          /* @__PURE__ */ jsx(
+            Radio,
+            {
+              name: "cancel-mode",
+              label: `At the end of the paid month${periodEnd ? ` (${billingDate(periodEnd)})` : ""}`,
+              checked: mode === "at_period_end",
+              onChange: () => setMode("at_period_end")
+            }
+          ),
+          /* @__PURE__ */ jsx(Radio, { name: "cancel-mode", label: "Now", checked: mode === "now", onChange: () => setMode("now") })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            label: "Reason (at least 10 characters)",
+            value: reason,
+            onChange: (e) => setReason(e.target.value),
+            rows: 3,
+            maxLength: 500
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  CancelPlanDialog
+};
+//# sourceMappingURL=cancel-plan-dialog.js.map

package/dist/admin/pricing/cancel-plan-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pricing/cancel-plan-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Button } from \"@withpotter/ui-kit/button\";\nimport { Radio } from \"@withpotter/ui-kit/checkbox\";\nimport { FormDialog } from \"@withpotter/ui-kit/form-dialog\";\nimport { Textarea } from \"@withpotter/ui-kit/textarea\";\nimport { useToast } from \"@withpotter/ui-kit/use-toast\";\nimport { adminPlansApi } from \"@withpotter/lib/admin-pricing-api\";\nimport type { CancelMode } from \"@withpotter/lib/pricing-plans-types\";\nimport { billingDate } from \"@withpotter/lib/subscription-billing-model\";\nimport { usePricingPermissions } from \"./use-pricing\";\nimport { usePlansMutation } from \"./use-plans\";\n\n/**\n * Cancels one merchant's plan, with a reason the audit log and the merchant's\n * email carry. At the end of the paid month by default, or now. Afterwards\n * the merchant keeps the dashboard's core: orders, catalog, payments and\n * settings. Needs pricing.approve.\n */\nexport function CancelPlanDialog({\n  tenantId,\n  name,\n  periodEnd,\n  onClose,\n}: {\n  tenantId: string;\n  name: string;\n  periodEnd: string | null;\n  onClose: () => void;\n}) {\n  const { toast } = useToast();\n  const { approveHint } = usePricingPermissions();\n  const [mode, setMode] = useState<CancelMode>(\"at_period_end\");\n  const [reason, setReason] = useState(\"\");\n  const cancel = usePlansMutation(adminPlansApi.cancel, \"Plan not cancelled\");\n\n  const send = async () => {\n    try {\n      await cancel.mutateAsync([tenantId, mode, reason.trim()]);\n    } catch {\n      return;\n    }\n    toast({ title: mode === \"now\" ? \"Plan cancelled\" : \"Plan set to cancel\" });\n    onClose();\n  };\n\n  return (\n    <FormDialog\n      open\n      title={`Cancel ${name}'s plan?`}\n      description=\"They keep orders, catalog, payments and settings. They are emailed.\"\n      onClose={onClose}\n      footer={\n        <>\n          <Button variant=\"secondary\" onClick={onClose}>Keep the plan</Button>\n          <Button\n            variant=\"danger\"\n            title={approveHint}\n            disabled={reason.trim().length < 10}\n            loading={cancel.isPending}\n            onClick={() => void send()}\n          >\n            Cancel plan\n          </Button>\n        </>\n      }\n    >\n      <div className=\"flex flex-col gap-4\">\n        <fieldset className=\"m-0 flex flex-col gap-2 border-0 p-0\">\n          <legend className=\"mb-2 text-sm font-medium text-[var(--text-primary)]\">When</legend>\n          <Radio\n            name=\"cancel-mode\"\n            label={`At the end of the paid month${periodEnd ? ` (${billingDate(periodEnd)})` : \"\"}`}\n            checked={mode === \"at_period_end\"}\n            onChange={() => setMode(\"at_period_end\")}\n          />\n          <Radio name=\"cancel-mode\" label=\"Now\" checked={mode === \"now\"} onChange={() => setMode(\"now\")} />\n        </fieldset>\n        <Textarea\n          label=\"Reason (at least 10 characters)\"\n          value={reason}\n          onChange={(e) => setReason(e.target.value)}\n          rows={3}\n          maxLength={500}\n        />\n      </div>\n    </FormDialog>\n  );\n}\n"],"mappings":";AAsDQ,mBACE,KADF;AApDR,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAE9B,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AACtC,SAAS,wBAAwB;AAQ1B,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,EAAE,YAAY,IAAI,sBAAsB;AAC9C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAqB,eAAe;AAC5D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,SAAS,iBAAiB,cAAc,QAAQ,oBAAoB;AAE1E,QAAM,OAAO,YAAY;AACvB,QAAI;AACF,YAAM,OAAO,YAAY,CAAC,UAAU,MAAM,OAAO,KAAK,CAAC,CAAC;AAAA,IAC1D,QAAQ;AACN;AAAA,IACF;AACA,UAAM,EAAE,OAAO,SAAS,QAAQ,mBAAmB,qBAAqB,CAAC;AACzE,YAAQ;AAAA,EACV;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAI;AAAA,MACJ,OAAO,UAAU,IAAI;AAAA,MACrB,aAAY;AAAA,MACZ;AAAA,MACA,QACE,iCACE;AAAA,4BAAC,UAAO,SAAQ,aAAY,SAAS,SAAS,2BAAa;AAAA,QAC3D;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAO;AAAA,YACP,UAAU,OAAO,KAAK,EAAE,SAAS;AAAA,YACjC,SAAS,OAAO;AAAA,YAChB,SAAS,MAAM,KAAK,KAAK;AAAA,YAC1B;AAAA;AAAA,QAED;AAAA,SACF;AAAA,MAGF,+BAAC,SAAI,WAAU,uBACb;AAAA,6BAAC,cAAS,WAAU,wCAClB;AAAA,8BAAC,YAAO,WAAU,uDAAsD,kBAAI;AAAA,UAC5E;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO,+BAA+B,YAAY,KAAK,YAAY,SAAS,CAAC,MAAM,EAAE;AAAA,cACrF,SAAS,SAAS;AAAA,cAClB,UAAU,MAAM,QAAQ,eAAe;AAAA;AAAA,UACzC;AAAA,UACA,oBAAC,SAAM,MAAK,eAAc,OAAM,OAAM,SAAS,SAAS,OAAO,UAAU,MAAM,QAAQ,KAAK,GAAG;AAAA,WACjG;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,YACzC,MAAM;AAAA,YACN,WAAW;AAAA;AAAA,QACb;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/admin/pricing/change-list.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import styles from "./pricing.module.css";
+function ChangeList({ lines }) {
+  return /* @__PURE__ */ jsx("ul", { className: styles.changes, "aria-label": "What changes", children: lines.map((line) => /* @__PURE__ */ jsx("li", { children: line }, line)) });
+}
+export {
+  ChangeList
+};
+//# sourceMappingURL=change-list.js.map

package/dist/admin/pricing/change-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pricing/change-list.tsx"],"sourcesContent":["import styles from \"./pricing.module.css\";\n\n/** A change in plain words, one line per currency that moves. */\nexport function ChangeList({ lines }: { lines: string[] }) {\n  return (\n    <ul className={styles.changes} aria-label=\"What changes\">\n      {lines.map((line) => (\n        <li key={line}>{line}</li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":"AAOQ;AAPR,OAAO,YAAY;AAGZ,SAAS,WAAW,EAAE,MAAM,GAAwB;AACzD,SACE,oBAAC,QAAG,WAAW,OAAO,SAAS,cAAW,gBACvC,gBAAM,IAAI,CAAC,SACV,oBAAC,QAAe,kBAAP,IAAY,CACtB,GACH;AAEJ;","names":[]}

package/dist/admin/pricing/change-plan-dialog.js

@@ -0,0 +1,84 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "@withpotter/ui-kit/button";
+import { Checkbox } from "@withpotter/ui-kit/checkbox";
+import { Field } from "@withpotter/ui-kit/field";
+import { FormDialog } from "@withpotter/ui-kit/form-dialog";
+import { Select } from "@withpotter/ui-kit/select";
+import { useToast } from "@withpotter/ui-kit/use-toast";
+import { adminPlansApi } from "@withpotter/lib/admin-pricing-api";
+import { priceList } from "./plan-row";
+import { usePricingPermissions } from "./use-pricing";
+import { useFeatureCatalogue, usePlanList, usePlansMutation } from "./use-plans";
+function ChangePlanDialog({
+  tenantId,
+  name,
+  currentPlanId,
+  onClose
+}) {
+  const { toast } = useToast();
+  const { proposeHint } = usePricingPermissions();
+  const { data } = usePlanList();
+  const catalogue = useFeatureCatalogue();
+  const [planId, setPlanId] = useState("");
+  const [addOns, setAddOns] = useState([]);
+  const change = usePlansMutation(adminPlansApi.changePlan, "Plan not changed");
+  const live = (data?.plans ?? []).filter((p) => p.live && p.id !== currentPlanId);
+  const chosen = live.find((p) => p.id === planId)?.live ?? null;
+  const offered = (catalogue.data?.features ?? []).filter(
+    (f) => chosen && !chosen.features[f.key]?.included && Object.keys(chosen.features[f.key]?.addOnPrices ?? {}).length
+  );
+  const send = async () => {
+    try {
+      await change.mutateAsync([tenantId, planId, addOns.filter((k) => offered.some((f) => f.key === k))]);
+    } catch {
+      return;
+    }
+    toast({ title: "Plan changed", description: "It takes effect at the next charge date." });
+    onClose();
+  };
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      open: true,
+      title: `Change ${name}'s plan`,
+      description: "From the next charge date. An upgrade unlocks its features at once.",
+      onClose,
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { title: proposeHint, disabled: !chosen, loading: change.isPending, onClick: () => void send(), children: "Change plan" })
+      ] }),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Plan", children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            value: planId,
+            onChange: (value) => {
+              setPlanId(value);
+              setAddOns([]);
+            },
+            placeholder: "Choose a plan",
+            options: live.map((p) => ({
+              value: p.id,
+              label: `${p.live?.name}${p.live?.public ? "" : " (private)"} \xB7 ${priceList(p.live?.prices ?? {}, data?.currencies ?? []).join(" \xB7 ")}`
+            }))
+          }
+        ) }),
+        offered.map((f) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            label: `Add ${f.name} (${priceList(chosen?.features[f.key]?.addOnPrices ?? {}, data?.currencies ?? []).join(" \xB7 ")} a month)`,
+            checked: addOns.includes(f.key),
+            onChange: (e) => setAddOns((list) => e.target.checked ? [...list, f.key] : list.filter((k) => k !== f.key))
+          },
+          f.key
+        ))
+      ] })
+    }
+  );
+}
+export {
+  ChangePlanDialog
+};
+//# sourceMappingURL=change-plan-dialog.js.map

package/dist/admin/pricing/change-plan-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/pricing/change-plan-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Button } from \"@withpotter/ui-kit/button\";\nimport { Checkbox } from \"@withpotter/ui-kit/checkbox\";\nimport { Field } from \"@withpotter/ui-kit/field\";\nimport { FormDialog } from \"@withpotter/ui-kit/form-dialog\";\nimport { Select } from \"@withpotter/ui-kit/select\";\nimport { useToast } from \"@withpotter/ui-kit/use-toast\";\nimport { adminPlansApi } from \"@withpotter/lib/admin-pricing-api\";\nimport { priceList } from \"./plan-row\";\nimport { usePricingPermissions } from \"./use-pricing\";\nimport { useFeatureCatalogue, usePlanList, usePlansMutation } from \"./use-plans\";\n\n/**\n * Puts one merchant on another live plan, private ones too, with any add-ons\n * that plan prices. It takes effect at the next charge date; an upgrade\n * unlocks its features at once. No proration.\n */\nexport function ChangePlanDialog({\n  tenantId,\n  name,\n  currentPlanId,\n  onClose,\n}: {\n  tenantId: string;\n  name: string;\n  currentPlanId: string | null;\n  onClose: () => void;\n}) {\n  const { toast } = useToast();\n  const { proposeHint } = usePricingPermissions();\n  const { data } = usePlanList();\n  const catalogue = useFeatureCatalogue();\n  const [planId, setPlanId] = useState(\"\");\n  const [addOns, setAddOns] = useState<string[]>([]);\n  const change = usePlansMutation(adminPlansApi.changePlan, \"Plan not changed\");\n  const live = (data?.plans ?? []).filter((p) => p.live && p.id !== currentPlanId);\n  const chosen = live.find((p) => p.id === planId)?.live ?? null;\n  const offered = (catalogue.data?.features ?? []).filter(\n    (f) => chosen && !chosen.features[f.key]?.included && Object.keys(chosen.features[f.key]?.addOnPrices ?? {}).length\n  );\n\n  const send = async () => {\n    try {\n      await change.mutateAsync([tenantId, planId, addOns.filter((k) => offered.some((f) => f.key === k))]);\n    } catch {\n      return;\n    }\n    toast({ title: \"Plan changed\", description: \"It takes effect at the next charge date.\" });\n    onClose();\n  };\n\n  return (\n    <FormDialog\n      open\n      title={`Change ${name}'s plan`}\n      description=\"From the next charge date. An upgrade unlocks its features at once.\"\n      onClose={onClose}\n      footer={\n        <>\n          <Button variant=\"secondary\" onClick={onClose}>Cancel</Button>\n          <Button title={proposeHint} disabled={!chosen} loading={change.isPending} onClick={() => void send()}>\n            Change plan\n          </Button>\n        </>\n      }\n    >\n      <div className=\"flex flex-col gap-4\">\n        <Field label=\"Plan\">\n          <Select\n            value={planId}\n            onChange={(value) => {\n              setPlanId(value);\n              setAddOns([]);\n            }}\n            placeholder=\"Choose a plan\"\n            options={live.map((p) => ({\n              value: p.id,\n              label: `${p.live?.name}${p.live?.public ? \"\" : \" (private)\"} · ${priceList(p.live?.prices ?? {}, data?.currencies ?? []).join(\" · \")}`,\n            }))}\n          />\n        </Field>\n        {offered.map((f) => (\n          <Checkbox\n            key={f.key}\n            label={`Add ${f.name} (${priceList(chosen?.features[f.key]?.addOnPrices ?? {}, data?.currencies ?? []).join(\" · \")} a month)`}\n            checked={addOns.includes(f.key)}\n            onChange={(e) =>\n              setAddOns((list) => (e.target.checked ? [...list, f.key] : list.filter((k) => k !== f.key)))\n            }\n          />\n        ))}\n      </div>\n    </FormDialog>\n  );\n}\n"],"mappings":"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","names":[]}