@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/commerce/overview-kpis.js

@@ -0,0 +1,100 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Reveal } from "../_fx";
+import { MoneyLines, StatCard, rowFor, shownRows } from "../_ui";
+const integer = new Intl.NumberFormat();
+function OverviewKpis({
+  data,
+  loading,
+  currency,
+  focus,
+  compare,
+  caption
+}) {
+  const gmvRows = data?.kpis.gmvByCurrency;
+  const gmv = rowFor(gmvRows, focus);
+  const orders = data?.kpis.orders;
+  const averages = shownRows(
+    data?.trend.performanceSeriesByCurrency,
+    currency
+  ).flatMap(({ currency: code, series }) => {
+    const sum = series.reduce(
+      (t, p) => ({ gmv: t.gmv + p.gmv, orders: t.orders + p.orders }),
+      { gmv: 0, orders: 0 }
+    );
+    return sum.orders > 0 ? [{ currency: code, amount: sum.gmv / sum.orders }] : [];
+  });
+  const totals = data?.totals;
+  const delta = (kpi, caption2) => compare && kpi ? { pct: kpi.pct, caption: caption2 } : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "p",
+      {
+        style: {
+          color: "var(--text-tertiary)",
+          fontSize: 13,
+          margin: "0 0 8px"
+        },
+        children: compare ? `${caption}, against the prior period` : caption
+      }
+    ),
+    /* @__PURE__ */ jsxs("section", { "aria-label": "Commerce indicators", className: "adm-grid", children: [
+      /* @__PURE__ */ jsx(Reveal, { index: 0, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "GMV",
+          value: /* @__PURE__ */ jsx(
+            MoneyLines,
+            {
+              rows: gmvRows,
+              currency,
+              amount: (r) => r.current
+            }
+          ),
+          isLoading: loading,
+          delta: delta(gmv, "Gross value merchants sold"),
+          sub: "Gross value merchants sold"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Reveal, { index: 1, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Orders",
+          value: orders ? integer.format(orders.current) : "\u2013",
+          isLoading: loading,
+          delta: delta(orders, "Paid orders across every merchant"),
+          sub: "Paid orders across every merchant"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Reveal, { index: 2, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Active merchants",
+          value: totals ? integer.format(totals.activeTenants) : "\u2013",
+          isLoading: loading,
+          sub: totals ? `of ${integer.format(totals.totalTenants)} in total` : void 0
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Reveal, { index: 3, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Average order",
+          value: /* @__PURE__ */ jsx(
+            MoneyLines,
+            {
+              rows: averages,
+              currency,
+              amount: (r) => r.amount,
+              empty: "No orders yet"
+            }
+          ),
+          isLoading: loading,
+          sub: "GMV divided by paid orders"
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  OverviewKpis
+};
+//# sourceMappingURL=overview-kpis.js.map

package/dist/admin/commerce/overview-kpis.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/commerce/overview-kpis.tsx"],"sourcesContent":["import type { PlatformCockpit } from '@withpotter/lib/admin-api';\nimport { Reveal } from '../_fx';\nimport { MoneyLines, StatCard, rowFor, shownRows } from '../_ui';\n\nconst integer = new Intl.NumberFormat();\n\n/**\n * Four headline figures across every merchant, for the selected window.\n * Money shows one line per currency; order counts add up across them.\n */\nexport function OverviewKpis({\n  data,\n  loading,\n  currency,\n  focus,\n  compare,\n  caption,\n}: {\n  data?: PlatformCockpit;\n  loading: boolean;\n  /** The currency filter's choice; '' shows every currency. */\n  currency: string;\n  /** The one currency in view, or null when several and none picked. */\n  focus: string | null;\n  compare: boolean;\n  caption: string;\n}) {\n  const gmvRows = data?.kpis.gmvByCurrency;\n  // A change in percent only means something inside one currency.\n  const gmv = rowFor(gmvRows, focus);\n  const orders = data?.kpis.orders;\n  // Average order per currency: that currency's GMV over its paid orders.\n  const averages = shownRows(\n    data?.trend.performanceSeriesByCurrency,\n    currency,\n  ).flatMap(({ currency: code, series }) => {\n    const sum = series.reduce(\n      (t, p) => ({ gmv: t.gmv + p.gmv, orders: t.orders + p.orders }),\n      { gmv: 0, orders: 0 },\n    );\n    return sum.orders > 0\n      ? [{ currency: code, amount: sum.gmv / sum.orders }]\n      : [];\n  });\n  const totals = data?.totals;\n  // StatCard shows either the delta pill or `sub`, never both, so the same\n  // descriptive text is threaded through as `delta.caption` too — it reads\n  // next to the pill when comparing, and as `sub` on its own otherwise.\n  const delta = (kpi: { pct: number | null } | undefined, caption: string) =>\n    compare && kpi ? { pct: kpi.pct, caption } : undefined;\n\n  return (\n    <>\n      <p\n        style={{\n          color: 'var(--text-tertiary)',\n          fontSize: 13,\n          margin: '0 0 8px',\n        }}\n      >\n        {compare ? `${caption}, against the prior period` : caption}\n      </p>\n      <section aria-label=\"Commerce indicators\" className=\"adm-grid\">\n        <Reveal index={0} className=\"adm-span-3\">\n          <StatCard\n            label=\"GMV\"\n            value={\n              <MoneyLines\n                rows={gmvRows}\n                currency={currency}\n                amount={(r) => r.current}\n              />\n            }\n            isLoading={loading}\n            delta={delta(gmv, 'Gross value merchants sold')}\n            sub=\"Gross value merchants sold\"\n          />\n        </Reveal>\n        <Reveal index={1} className=\"adm-span-3\">\n          <StatCard\n            label=\"Orders\"\n            value={orders ? integer.format(orders.current) : '–'}\n            isLoading={loading}\n            delta={delta(orders, 'Paid orders across every merchant')}\n            sub=\"Paid orders across every merchant\"\n          />\n        </Reveal>\n        <Reveal index={2} className=\"adm-span-3\">\n          <StatCard\n            label=\"Active merchants\"\n            value={totals ? integer.format(totals.activeTenants) : '–'}\n            isLoading={loading}\n            sub={\n              totals\n                ? `of ${integer.format(totals.totalTenants)} in total`\n                : undefined\n            }\n          />\n        </Reveal>\n        <Reveal index={3} className=\"adm-span-3\">\n          <StatCard\n            label=\"Average order\"\n            value={\n              <MoneyLines\n                rows={averages}\n                currency={currency}\n                amount={(r) => r.amount}\n                empty=\"No orders yet\"\n              />\n            }\n            isLoading={loading}\n            sub=\"GMV divided by paid orders\"\n          />\n        </Reveal>\n      </section>\n    </>\n  );\n}\n"],"mappings":"AAoDI,mBACE,KASA,YAVF;AAnDJ,SAAS,cAAc;AACvB,SAAS,YAAY,UAAU,QAAQ,iBAAiB;AAExD,MAAM,UAAU,IAAI,KAAK,aAAa;AAM/B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,QAAM,UAAU,MAAM,KAAK;AAE3B,QAAM,MAAM,OAAO,SAAS,KAAK;AACjC,QAAM,SAAS,MAAM,KAAK;AAE1B,QAAM,WAAW;AAAA,IACf,MAAM,MAAM;AAAA,IACZ;AAAA,EACF,EAAE,QAAQ,CAAC,EAAE,UAAU,MAAM,OAAO,MAAM;AACxC,UAAM,MAAM,OAAO;AAAA,MACjB,CAAC,GAAG,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,QAAQ,EAAE,SAAS,EAAE,OAAO;AAAA,MAC7D,EAAE,KAAK,GAAG,QAAQ,EAAE;AAAA,IACtB;AACA,WAAO,IAAI,SAAS,IAChB,CAAC,EAAE,UAAU,MAAM,QAAQ,IAAI,MAAM,IAAI,OAAO,CAAC,IACjD,CAAC;AAAA,EACP,CAAC;AACD,QAAM,SAAS,MAAM;AAIrB,QAAM,QAAQ,CAAC,KAAyCA,aACtD,WAAW,MAAM,EAAE,KAAK,IAAI,KAAK,SAAAA,SAAQ,IAAI;AAE/C,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,UAAU;AAAA,UACV,QAAQ;AAAA,QACV;AAAA,QAEC,oBAAU,GAAG,OAAO,+BAA+B;AAAA;AAAA,IACtD;AAAA,IACA,qBAAC,aAAQ,cAAW,uBAAsB,WAAU,YAClD;AAAA,0BAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OACE;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN;AAAA,cACA,QAAQ,CAAC,MAAM,EAAE;AAAA;AAAA,UACnB;AAAA,UAEF,WAAW;AAAA,UACX,OAAO,MAAM,KAAK,4BAA4B;AAAA,UAC9C,KAAI;AAAA;AAAA,MACN,GACF;AAAA,MACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,SAAS,QAAQ,OAAO,OAAO,OAAO,IAAI;AAAA,UACjD,WAAW;AAAA,UACX,OAAO,MAAM,QAAQ,mCAAmC;AAAA,UACxD,KAAI;AAAA;AAAA,MACN,GACF;AAAA,MACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,SAAS,QAAQ,OAAO,OAAO,aAAa,IAAI;AAAA,UACvD,WAAW;AAAA,UACX,KACE,SACI,MAAM,QAAQ,OAAO,OAAO,YAAY,CAAC,cACzC;AAAA;AAAA,MAER,GACF;AAAA,MACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OACE;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN;AAAA,cACA,QAAQ,CAAC,MAAM,EAAE;AAAA,cACjB,OAAM;AAAA;AAAA,UACR;AAAA,UAEF,WAAW;AAAA,UACX,KAAI;AAAA;AAAA,MACN,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["caption"]}

package/dist/admin/commerce/overview-services.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { EmptyNote } from "@withpotter/ui-kit";
+import { getIntentConfig } from "@withpotter/lib/intents/registry";
+import { Panel, Skeleton } from "../_ui";
+import styles from "./overview.module.css";
+const integer = new Intl.NumberFormat();
+const FALLBACK_LABELS = {
+  mixed: "Mixed services",
+  unspecified: "Unspecified"
+};
+const serviceLabel = (key) => FALLBACK_LABELS[key] ?? getIntentConfig(key)?.label ?? key;
+function SalesByService({
+  rows,
+  loading,
+  money,
+  caption
+}) {
+  const list = rows ?? [];
+  const top = list[0]?.gmv || 1;
+  return /* @__PURE__ */ jsx(Panel, { title: "Sales by service", caption, flush: true, children: loading ? /* @__PURE__ */ jsx("div", { className: styles.skeletons, "aria-busy": "true", children: Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ jsx(Skeleton, { height: 44, radius: 10 }, i)) }) : list.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { className: styles.empty, children: "No sales in this period." }) : /* @__PURE__ */ jsx("ol", { className: styles.rows, children: list.map((s) => /* @__PURE__ */ jsxs("li", { className: `${styles.row} ${styles.rowStatic}`, children: [
+    /* @__PURE__ */ jsxs("span", { className: styles.rowMain, children: [
+      /* @__PURE__ */ jsx("strong", { title: serviceLabel(s.service), children: serviceLabel(s.service) }),
+      /* @__PURE__ */ jsx("span", { className: styles.share, "aria-hidden": true, children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          style: { width: `${Math.max(s.gmv / top * 100, 2)}%` }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("span", { className: styles.num, children: [
+      integer.format(s.orders),
+      /* @__PURE__ */ jsx("small", { children: " orders" })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: styles.numStrong, children: money(s.gmv) })
+  ] }, s.service)) }) });
+}
+export {
+  SalesByService
+};
+//# sourceMappingURL=overview-services.js.map

package/dist/admin/commerce/overview-services.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/commerce/overview-services.tsx"],"sourcesContent":["import type { PlatformCockpit } from '@withpotter/lib/admin-api';\nimport { EmptyNote } from '@withpotter/ui-kit';\nimport { getIntentConfig } from '@withpotter/lib/intents/registry';\nimport { Panel, Skeleton } from '../_ui';\nimport styles from './overview.module.css';\n\nconst integer = new Intl.NumberFormat();\n\nconst FALLBACK_LABELS: Record<string, string> = {\n  mixed: 'Mixed services',\n  unspecified: 'Unspecified',\n};\n\nconst serviceLabel = (key: string) =>\n  FALLBACK_LABELS[key] ?? getIntentConfig(key)?.label ?? key;\n\n/**\n * GMV and orders across every service Box offers (sell products, event\n * tickets, bookings, …), largest first. One merchant can run several.\n */\nexport function SalesByService({\n  rows,\n  loading,\n  money,\n  caption,\n}: {\n  rows: PlatformCockpit['salesByService'];\n  loading: boolean;\n  money: (value: number) => string;\n  caption: string;\n}) {\n  const list = rows ?? [];\n  const top = list[0]?.gmv || 1;\n\n  return (\n    <Panel title=\"Sales by service\" caption={caption} flush>\n      {loading ? (\n        <div className={styles.skeletons} aria-busy=\"true\">\n          {Array.from({ length: 5 }, (_, i) => (\n            <Skeleton key={i} height={44} radius={10} />\n          ))}\n        </div>\n      ) : list.length === 0 ? (\n        <EmptyNote className={styles.empty}>No sales in this period.</EmptyNote>\n      ) : (\n        <ol className={styles.rows}>\n          {list.map((s) => (\n            <li key={s.service} className={`${styles.row} ${styles.rowStatic}`}>\n              <span className={styles.rowMain}>\n                <strong title={serviceLabel(s.service)}>\n                  {serviceLabel(s.service)}\n                </strong>\n                <span className={styles.share} aria-hidden>\n                  <span\n                    style={{ width: `${Math.max((s.gmv / top) * 100, 2)}%` }}\n                  />\n                </span>\n              </span>\n              <span className={styles.num}>\n                {integer.format(s.orders)}\n                <small> orders</small>\n              </span>\n              <span className={styles.numStrong}>{money(s.gmv)}</span>\n            </li>\n          ))}\n        </ol>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":"AAuCY,cASE,YATF;AAtCZ,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,OAAO,gBAAgB;AAChC,OAAO,YAAY;AAEnB,MAAM,UAAU,IAAI,KAAK,aAAa;AAEtC,MAAM,kBAA0C;AAAA,EAC9C,OAAO;AAAA,EACP,aAAa;AACf;AAEA,MAAM,eAAe,CAAC,QACpB,gBAAgB,GAAG,KAAK,gBAAgB,GAAG,GAAG,SAAS;AAMlD,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,OAAO,QAAQ,CAAC;AACtB,QAAM,MAAM,KAAK,CAAC,GAAG,OAAO;AAE5B,SACE,oBAAC,SAAM,OAAM,oBAAmB,SAAkB,OAAK,MACpD,oBACC,oBAAC,SAAI,WAAW,OAAO,WAAW,aAAU,QACzC,gBAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,MAC7B,oBAAC,YAAiB,QAAQ,IAAI,QAAQ,MAAvB,CAA2B,CAC3C,GACH,IACE,KAAK,WAAW,IAClB,oBAAC,aAAU,WAAW,OAAO,OAAO,sCAAwB,IAE5D,oBAAC,QAAG,WAAW,OAAO,MACnB,eAAK,IAAI,CAAC,MACT,qBAAC,QAAmB,WAAW,GAAG,OAAO,GAAG,IAAI,OAAO,SAAS,IAC9D;AAAA,yBAAC,UAAK,WAAW,OAAO,SACtB;AAAA,0BAAC,YAAO,OAAO,aAAa,EAAE,OAAO,GAClC,uBAAa,EAAE,OAAO,GACzB;AAAA,MACA,oBAAC,UAAK,WAAW,OAAO,OAAO,eAAW,MACxC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,OAAO,GAAG,KAAK,IAAK,EAAE,MAAM,MAAO,KAAK,CAAC,CAAC,IAAI;AAAA;AAAA,MACzD,GACF;AAAA,OACF;AAAA,IACA,qBAAC,UAAK,WAAW,OAAO,KACrB;AAAA,cAAQ,OAAO,EAAE,MAAM;AAAA,MACxB,oBAAC,WAAM,qBAAO;AAAA,OAChB;AAAA,IACA,oBAAC,UAAK,WAAW,OAAO,WAAY,gBAAM,EAAE,GAAG,GAAE;AAAA,OAf1C,EAAE,OAgBX,CACD,GACH,GAEJ;AAEJ;","names":[]}

package/dist/admin/commerce/overview-top-merchants.js

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { EmptyNote } from "@withpotter/ui-kit";
+import { EntityAvatar, Reveal } from "../_fx";
+import { Panel, Skeleton } from "../_ui";
+import { logoOf } from "./merchant-meta";
+import styles from "./overview.module.css";
+const integer = new Intl.NumberFormat();
+function TopMerchants({
+  rows,
+  loading,
+  money,
+  caption,
+  onOpen
+}) {
+  const top = rows[0]?.gmv || 1;
+  return /* @__PURE__ */ jsx(Panel, { title: "Top merchants by sales", caption, flush: true, children: loading ? /* @__PURE__ */ jsx("div", { className: styles.skeletons, "aria-busy": "true", children: Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ jsx(Skeleton, { height: 44, radius: 10 }, i)) }) : rows.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { className: styles.empty, children: "No sales in this period." }) : /* @__PURE__ */ jsx("ol", { className: styles.rows, children: rows.map((t, i) => {
+    const logo = logoOf(t);
+    return /* @__PURE__ */ jsx(Reveal, { as: "li", index: i, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: styles.row,
+        onClick: () => onOpen(t.id),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: styles.rank, children: i + 1 }),
+          logo && /* @__PURE__ */ jsx(EntityAvatar, { name: t.businessName, src: logo, size: 32 }),
+          /* @__PURE__ */ jsxs("span", { className: styles.rowMain, children: [
+            /* @__PURE__ */ jsx("strong", { title: t.businessName, children: t.businessName }),
+            /* @__PURE__ */ jsx("span", { className: styles.share, "aria-hidden": true, children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  width: `${Math.max(t.gmv / top * 100, 2)}%`
+                }
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: styles.num, children: [
+            integer.format(t.orders),
+            /* @__PURE__ */ jsx("small", { children: " orders" })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: styles.numStrong, children: money(t.gmv) })
+        ]
+      }
+    ) }, t.id);
+  }) }) });
+}
+export {
+  TopMerchants
+};
+//# sourceMappingURL=overview-top-merchants.js.map

package/dist/admin/commerce/overview-top-merchants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/commerce/overview-top-merchants.tsx"],"sourcesContent":["import type { PlatformCockpit } from '@withpotter/lib/admin-api';\nimport { EmptyNote } from '@withpotter/ui-kit';\nimport { EntityAvatar, Reveal } from '../_fx';\nimport { Panel, Skeleton } from '../_ui';\nimport { logoOf } from './merchant-meta';\nimport styles from './overview.module.css';\n\nconst integer = new Intl.NumberFormat();\n\n/** Merchants ranked by sales; each row opens that merchant's commerce. */\nexport function TopMerchants({\n  rows,\n  loading,\n  money,\n  caption,\n  onOpen,\n}: {\n  rows: PlatformCockpit['topTenants'];\n  loading: boolean;\n  money: (value: number) => string;\n  caption: string;\n  onOpen: (id: string) => void;\n}) {\n  const top = rows[0]?.gmv || 1;\n\n  return (\n    <Panel title=\"Top merchants by sales\" caption={caption} flush>\n      {loading ? (\n        <div className={styles.skeletons} aria-busy=\"true\">\n          {Array.from({ length: 5 }, (_, i) => (\n            <Skeleton key={i} height={44} radius={10} />\n          ))}\n        </div>\n      ) : rows.length === 0 ? (\n        <EmptyNote className={styles.empty}>No sales in this period.</EmptyNote>\n      ) : (\n        <ol className={styles.rows}>\n          {rows.map((t, i) => {\n            const logo = logoOf(t);\n            return (\n              <Reveal as=\"li\" key={t.id} index={i}>\n                <button\n                  type=\"button\"\n                  className={styles.row}\n                  onClick={() => onOpen(t.id)}\n                >\n                  <span className={styles.rank}>{i + 1}</span>\n                  {logo && (\n                    <EntityAvatar name={t.businessName} src={logo} size={32} />\n                  )}\n                  <span className={styles.rowMain}>\n                    <strong title={t.businessName}>{t.businessName}</strong>\n                    <span className={styles.share} aria-hidden>\n                      <span\n                        style={{\n                          width: `${Math.max((t.gmv / top) * 100, 2)}%`,\n                        }}\n                      />\n                    </span>\n                  </span>\n                  <span className={styles.num}>\n                    {integer.format(t.orders)}\n                    <small> orders</small>\n                  </span>\n                  <span className={styles.numStrong}>{money(t.gmv)}</span>\n                </button>\n              </Reveal>\n            );\n          })}\n        </ol>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":"AA8BY,cAoBM,YApBN;AA7BZ,SAAS,iBAAiB;AAC1B,SAAS,cAAc,cAAc;AACrC,SAAS,OAAO,gBAAgB;AAChC,SAAS,cAAc;AACvB,OAAO,YAAY;AAEnB,MAAM,UAAU,IAAI,KAAK,aAAa;AAG/B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,MAAM,KAAK,CAAC,GAAG,OAAO;AAE5B,SACE,oBAAC,SAAM,OAAM,0BAAyB,SAAkB,OAAK,MAC1D,oBACC,oBAAC,SAAI,WAAW,OAAO,WAAW,aAAU,QACzC,gBAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,MAC7B,oBAAC,YAAiB,QAAQ,IAAI,QAAQ,MAAvB,CAA2B,CAC3C,GACH,IACE,KAAK,WAAW,IAClB,oBAAC,aAAU,WAAW,OAAO,OAAO,sCAAwB,IAE5D,oBAAC,QAAG,WAAW,OAAO,MACnB,eAAK,IAAI,CAAC,GAAG,MAAM;AAClB,UAAM,OAAO,OAAO,CAAC;AACrB,WACE,oBAAC,UAAO,IAAG,MAAgB,OAAO,GAChC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,OAAO;AAAA,QAClB,SAAS,MAAM,OAAO,EAAE,EAAE;AAAA,QAE1B;AAAA,8BAAC,UAAK,WAAW,OAAO,MAAO,cAAI,GAAE;AAAA,UACpC,QACC,oBAAC,gBAAa,MAAM,EAAE,cAAc,KAAK,MAAM,MAAM,IAAI;AAAA,UAE3D,qBAAC,UAAK,WAAW,OAAO,SACtB;AAAA,gCAAC,YAAO,OAAO,EAAE,cAAe,YAAE,cAAa;AAAA,YAC/C,oBAAC,UAAK,WAAW,OAAO,OAAO,eAAW,MACxC;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,OAAO,GAAG,KAAK,IAAK,EAAE,MAAM,MAAO,KAAK,CAAC,CAAC;AAAA,gBAC5C;AAAA;AAAA,YACF,GACF;AAAA,aACF;AAAA,UACA,qBAAC,UAAK,WAAW,OAAO,KACrB;AAAA,oBAAQ,OAAO,EAAE,MAAM;AAAA,YACxB,oBAAC,WAAM,qBAAO;AAAA,aAChB;AAAA,UACA,oBAAC,UAAK,WAAW,OAAO,WAAY,gBAAM,EAAE,GAAG,GAAE;AAAA;AAAA;AAAA,IACnD,KAzBmB,EAAE,EA0BvB;AAAA,EAEJ,CAAC,GACH,GAEJ;AAEJ;","names":[]}

package/dist/admin/commerce/overview.module.css

@@ -0,0 +1,145 @@
+/* Commerce overview: ranked rows that open a merchant, and quiet mix bars. */
+
+.stack {
+  display: flex;
+  flex-direction: column;
+  gap: var(--adm-gap);
+  min-width: 0;
+}
+
+.stack > :global(.adm-grid) + :global(.adm-grid),
+.stack > :global(.adm-grid) + :global(.adm-section) {
+  margin-top: 0;
+}
+
+.rows {
+  display: grid;
+  margin: 0;
+  padding: 4px 8px 8px;
+  list-style: none;
+}
+
+.row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  min-height: 52px;
+  padding: 8px 12px;
+  border-radius: 10px;
+  text-align: left;
+  color: inherit;
+  cursor: pointer;
+  transition: background var(--adm-fast);
+}
+
+.row:hover {
+  background: var(--adm-hover);
+}
+
+.row:focus-visible {
+  outline: 2px solid var(--accent-primary);
+  outline-offset: -2px;
+}
+
+/* A row that states a fact rather than opening something. */
+.rowStatic {
+  cursor: default;
+}
+
+.rowStatic:hover {
+  background: none;
+}
+
+.rank {
+  width: 20px;
+  font-size: 12px;
+  font-weight: 600;
+  text-align: right;
+  color: var(--text-tertiary);
+  font-variant-numeric: tabular-nums;
+}
+
+.rowMain {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+}
+
+.rowMain strong,
+.rowMain small {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.rowMain strong {
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 20px;
+  color: var(--text-primary);
+}
+
+.rowMain small {
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--text-secondary);
+}
+
+.share {
+  display: block;
+  height: 4px;
+  overflow: hidden;
+  border-radius: 999px;
+  background: var(--adm-hover);
+}
+
+.share span {
+  display: block;
+  height: 100%;
+  border-radius: 999px;
+  background: var(--brand-500);
+}
+
+.num,
+.numStrong {
+  max-width: 160px;
+  overflow: hidden;
+  font-size: 13px;
+  line-height: 20px;
+  text-align: right;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+}
+
+.num {
+  color: var(--text-secondary);
+}
+
+.num small {
+  color: var(--text-tertiary);
+}
+
+.numStrong {
+  font-weight: 500;
+  color: var(--text-primary);
+}
+
+.skeletons {
+  display: grid;
+  gap: 8px;
+  padding: 12px 16px;
+}
+
+.empty {
+  padding: 12px 16px 16px;
+}
+
+@media (max-width: 560px) {
+  .num {
+    display: none;
+  }
+}

package/dist/admin/commerce/page.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { CommerceConsole } from "./commerce-console";
+function Page() {
+  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(CommerceConsole, {}) });
+}
+export {
+  Page as default
+};
+//# sourceMappingURL=page.js.map

package/dist/admin/commerce/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/commerce/page.tsx"],"sourcesContent":["'use client';\n\nimport { Suspense } from 'react';\nimport { CommerceConsole } from './commerce-console';\n\nexport default function Page() {\n  return (\n    <Suspense>\n      <CommerceConsole />\n    </Suspense>\n  );\n}\n"],"mappings":";AAQM;AANN,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAEjB,SAAR,OAAwB;AAC7B,SACE,oBAAC,YACC,8BAAC,mBAAgB,GACnB;AAEJ;","names":[]}

package/dist/admin/commerce/picker.module.css

@@ -0,0 +1,98 @@
+/* The merchant picker dialog: search results with status and GMV, and the
+   merchant's logo when it has one. */
+
+.none {
+  padding: 16px 0;
+  text-align: center;
+}
+
+.sub {
+  overflow: hidden;
+  font-size: 13px;
+  line-height: 20px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--text-secondary);
+}
+
+.results {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-height: 420px;
+  margin-top: 12px;
+  overflow-y: auto;
+}
+
+.list {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.option {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  min-width: 0;
+  padding: 8px 12px;
+  border: 1px solid transparent;
+  border-radius: 10px;
+  background: transparent;
+  text-align: left;
+  cursor: pointer;
+  transition:
+    background var(--adm-fast),
+    border-color var(--adm-fast);
+}
+
+.option:hover {
+  background: var(--adm-hover);
+}
+
+.option:focus-visible {
+  outline: 2px solid var(--accent-primary);
+  outline-offset: 1px;
+}
+
+.option[aria-current='true'] {
+  border-color: var(--adm-tint-line);
+  background: var(--adm-tint);
+}
+
+.optionMain {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.name {
+  overflow: hidden;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 20px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--text-primary);
+}
+
+.gmv {
+  min-width: 64px;
+  font-size: 13px;
+  font-weight: 500;
+  text-align: right;
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+}
+
+.check {
+  display: grid;
+  place-items: center;
+  width: 16px;
+  color: var(--accent-ink, var(--accent-primary));
+}

package/dist/admin/feedback/answer-case-button.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import Link from "next/link";
+import { Button, Tooltip } from "@withpotter/ui-kit";
+import { useFeedbackAccess } from "./feedback-access";
+import { caseHref, useOpenCase, useOpenedCaseId } from "./use-open-case";
+function AnswerCaseButton({ row }) {
+  const openCase = useOpenCase("signal");
+  const opened = useOpenedCaseId("signal", row.id);
+  const access = useFeedbackAccess();
+  const caseId = row.serviceCaseId ?? opened ?? openCase.data?.caseId;
+  if (caseId)
+    return /* @__PURE__ */ jsx(Button, { asChild: true, size: "sm", variant: "ghost", children: /* @__PURE__ */ jsx(Link, { href: caseHref(caseId), children: "View case" }) });
+  const hint = row.business ? access.hint : "This answer was left outside a workspace.";
+  return /* @__PURE__ */ jsx(Tooltip, { label: hint, children: /* @__PURE__ */ jsx("span", { tabIndex: row.business ? void 0 : 0, children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      size: "sm",
+      variant: "secondary",
+      disabled: !row.business,
+      loading: openCase.isPending,
+      onClick: () => openCase.mutate(row.id),
+      children: "Open case"
+    }
+  ) }) });
+}
+export {
+  AnswerCaseButton
+};
+//# sourceMappingURL=answer-case-button.js.map

package/dist/admin/feedback/answer-case-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/answer-case-button.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { Button, Tooltip } from '@withpotter/ui-kit';\nimport type { FeedbackSignalComment } from '@withpotter/lib/admin-feedback-api';\nimport { useFeedbackAccess } from './feedback-access';\nimport { caseHref, useOpenCase, useOpenedCaseId } from './use-open-case';\n\n/** Pick a scored answer up as a support case, or go to the one it became. */\nexport function AnswerCaseButton({ row }: { row: FeedbackSignalComment }) {\n  const openCase = useOpenCase('signal');\n  const opened = useOpenedCaseId('signal', row.id);\n  const access = useFeedbackAccess();\n  const caseId = row.serviceCaseId ?? opened ?? openCase.data?.caseId;\n\n  if (caseId)\n    return (\n      <Button asChild size=\"sm\" variant=\"ghost\">\n        <Link href={caseHref(caseId)}>View case</Link>\n      </Button>\n    );\n  const hint = row.business\n    ? access.hint\n    : 'This answer was left outside a workspace.';\n  return (\n    <Tooltip label={hint}>\n      <span tabIndex={row.business ? undefined : 0}>\n        <Button\n          size=\"sm\"\n          variant=\"secondary\"\n          disabled={!row.business}\n          loading={openCase.isPending}\n          onClick={() => openCase.mutate(row.id)}\n        >\n          Open case\n        </Button>\n      </span>\n    </Tooltip>\n  );\n}\n"],"mappings":";AAkBQ;AAhBR,OAAO,UAAU;AACjB,SAAS,QAAQ,eAAe;AAEhC,SAAS,yBAAyB;AAClC,SAAS,UAAU,aAAa,uBAAuB;AAGhD,SAAS,iBAAiB,EAAE,IAAI,GAAmC;AACxE,QAAM,WAAW,YAAY,QAAQ;AACrC,QAAM,SAAS,gBAAgB,UAAU,IAAI,EAAE;AAC/C,QAAM,SAAS,kBAAkB;AACjC,QAAM,SAAS,IAAI,iBAAiB,UAAU,SAAS,MAAM;AAE7D,MAAI;AACF,WACE,oBAAC,UAAO,SAAO,MAAC,MAAK,MAAK,SAAQ,SAChC,8BAAC,QAAK,MAAM,SAAS,MAAM,GAAG,uBAAS,GACzC;AAEJ,QAAM,OAAO,IAAI,WACb,OAAO,OACP;AACJ,SACE,oBAAC,WAAQ,OAAO,MACd,8BAAC,UAAK,UAAU,IAAI,WAAW,SAAY,GACzC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,UAAU,CAAC,IAAI;AAAA,MACf,SAAS,SAAS;AAAA,MAClB,SAAS,MAAM,SAAS,OAAO,IAAI,EAAE;AAAA,MACtC;AAAA;AAAA,EAED,GACF,GACF;AAEJ;","names":[]}

package/dist/admin/feedback/answers-view.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Button,
+  EmptyNote,
+  TableRow,
+  TableShell,
+  TableSkeleton,
+  Th
+} from "@withpotter/ui-kit";
+import { EmptyState } from "../_ui";
+import { WithCountry } from "../_ui/country-label";
+import { useModuleOn } from "../_shell/modules-context";
+import { AnswerCaseButton } from "./answer-case-button";
+import { MOOD_COLOR, moodOf } from "./feedback-sentiment";
+import { QueueCard } from "../support/queue-card";
+import { timestamp } from "./feedback-options";
+import { useAdminSignals } from "./use-admin-signals";
+import styles from "./feedback.module.css";
+function AnswersView() {
+  const { comments } = useAdminSignals(365, "");
+  const rows = comments.data ?? [];
+  const cases = useModuleOn("feedbackCases");
+  return /* @__PURE__ */ jsx(
+    QueueCard,
+    {
+      title: "Prompt answers",
+      count: comments.data?.length,
+      caption: "Last 12 months",
+      busy: comments.isLoading,
+      children: comments.isLoading ? /* @__PURE__ */ jsx("div", { "aria-hidden": true, children: /* @__PURE__ */ jsx(TableSkeleton, { bare: true, rows: 8, columns: 4 }) }) : comments.isError ? /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          tone: "error",
+          title: "Failed to load prompt answers",
+          action: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => void comments.refetch(), children: "Try again" })
+        }
+      ) : rows.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { className: "px-4 py-6 text-center", children: "Publish a prompt and its answers will land here." }) : /* @__PURE__ */ jsx(
+        TableShell,
+        {
+          bare: true,
+          fixed: true,
+          minWidth: 880,
+          head: /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx(Th, { className: "w-[80px]", align: "right", children: "Score" }),
+            /* @__PURE__ */ jsx(Th, { className: "w-[200px]", children: "Workspace" }),
+            /* @__PURE__ */ jsx(Th, { children: "Response" }),
+            /* @__PURE__ */ jsx(Th, { className: "w-[160px]", children: "Prompt" }),
+            /* @__PURE__ */ jsx(Th, { className: "w-[152px]", children: "Answered" }),
+            cases && /* @__PURE__ */ jsx(Th, { className: "w-[120px]", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Support case" }) })
+          ] }),
+          children: rows.map((row) => /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx("td", { className: styles.score, children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: styles.scoreChip,
+                style: {
+                  "--mood": MOOD_COLOR[moodOf(row.kind, row.score)]
+                },
+                children: row.score
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+              WithCountry,
+              {
+                country: row.business?.country,
+                code: row.business?.countryCode,
+                children: /* @__PURE__ */ jsx("span", { className: styles.primary, title: row.business?.name, children: row.business?.name || "No workspace" })
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: styles.answer, children: [
+              row.audioUrl && /* @__PURE__ */ jsx("audio", { controls: true, preload: "metadata", src: row.audioUrl }),
+              row.comment || !row.audioUrl && /* @__PURE__ */ jsx("span", { className: styles.muted, children: "Score only" })
+            ] }) }),
+            /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("code", { className: styles.secondary, title: row.promptKey, children: row.promptKey }) }),
+            /* @__PURE__ */ jsx("td", { className: styles.secondaryCell, children: timestamp(row.createdAt) }),
+            cases && /* @__PURE__ */ jsx("td", { className: styles.actionCell, children: /* @__PURE__ */ jsx(AnswerCaseButton, { row }) })
+          ] }, row.id))
+        }
+      )
+    }
+  );
+}
+export {
+  AnswersView
+};
+//# sourceMappingURL=answers-view.js.map

package/dist/admin/feedback/answers-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/answers-view.tsx"],"sourcesContent":["'use client';\n\nimport type { CSSProperties } from 'react';\nimport {\n  Button,\n  EmptyNote,\n  TableRow,\n  TableShell,\n  TableSkeleton,\n  Th,\n} from '@withpotter/ui-kit';\nimport { EmptyState } from '../_ui';\nimport { WithCountry } from '../_ui/country-label';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { AnswerCaseButton } from './answer-case-button';\nimport { MOOD_COLOR, moodOf } from './feedback-sentiment';\nimport { QueueCard } from '../support/queue-card';\nimport { timestamp } from './feedback-options';\nimport { useAdminSignals } from './use-admin-signals';\nimport styles from './feedback.module.css';\n\n/** Scores merchants gave to prompts, with what they said alongside. */\nexport function AnswersView() {\n  const { comments } = useAdminSignals(365, '');\n  const rows = comments.data ?? [];\n  // Opening a case needs the support package on the engine.\n  const cases = useModuleOn('feedbackCases');\n\n  return (\n    <QueueCard\n      title=\"Prompt answers\"\n      count={comments.data?.length}\n      caption=\"Last 12 months\"\n      busy={comments.isLoading}\n    >\n      {comments.isLoading ? (\n        <div aria-hidden>\n          <TableSkeleton bare rows={8} columns={4} />\n        </div>\n      ) : comments.isError ? (\n        <EmptyState\n          tone=\"error\"\n          title=\"Failed to load prompt answers\"\n          action={\n            <Button variant=\"secondary\" onClick={() => void comments.refetch()}>\n              Try again\n            </Button>\n          }\n        />\n      ) : rows.length === 0 ? (\n        <EmptyNote className=\"px-4 py-6 text-center\">\n          Publish a prompt and its answers will land here.\n        </EmptyNote>\n      ) : (\n        <TableShell\n          bare\n          fixed\n          minWidth={880}\n          head={\n            <tr>\n              <Th className=\"w-[80px]\" align=\"right\">\n                Score\n              </Th>\n              <Th className=\"w-[200px]\">Workspace</Th>\n              <Th>Response</Th>\n              <Th className=\"w-[160px]\">Prompt</Th>\n              <Th className=\"w-[152px]\">Answered</Th>\n              {cases && (\n                <Th className=\"w-[120px]\">\n                  <span className=\"sr-only\">Support case</span>\n                </Th>\n              )}\n            </tr>\n          }\n        >\n          {rows.map((row) => (\n            <TableRow key={row.id}>\n              <td className={styles.score}>\n                <span\n                  className={styles.scoreChip}\n                  style={\n                    {\n                      '--mood': MOOD_COLOR[moodOf(row.kind, row.score)],\n                    } as CSSProperties\n                  }\n                >\n                  {row.score}\n                </span>\n              </td>\n              <td>\n                <WithCountry\n                  country={row.business?.country}\n                  code={row.business?.countryCode}\n                >\n                  <span className={styles.primary} title={row.business?.name}>\n                    {row.business?.name || 'No workspace'}\n                  </span>\n                </WithCountry>\n              </td>\n              <td>\n                <div className={styles.answer}>\n                  {row.audioUrl && (\n                    <audio controls preload=\"metadata\" src={row.audioUrl} />\n                  )}\n                  {row.comment ||\n                    (!row.audioUrl && (\n                      <span className={styles.muted}>Score only</span>\n                    ))}\n                </div>\n              </td>\n              <td>\n                <code className={styles.secondary} title={row.promptKey}>\n                  {row.promptKey}\n                </code>\n              </td>\n              <td className={styles.secondaryCell}>\n                {timestamp(row.createdAt)}\n              </td>\n              {cases && (\n                <td className={styles.actionCell}>\n                  <AnswerCaseButton row={row} />\n                </td>\n              )}\n            </TableRow>\n          ))}\n        </TableShell>\n      )}\n    </QueueCard>\n  );\n}\n"],"mappings":";AAqCU,cAsBE,YAtBF;AAlCV;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,YAAY,cAAc;AACnC,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,OAAO,YAAY;AAGZ,SAAS,cAAc;AAC5B,QAAM,EAAE,SAAS,IAAI,gBAAgB,KAAK,EAAE;AAC5C,QAAM,OAAO,SAAS,QAAQ,CAAC;AAE/B,QAAM,QAAQ,YAAY,eAAe;AAEzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,SAAS,MAAM;AAAA,MACtB,SAAQ;AAAA,MACR,MAAM,SAAS;AAAA,MAEd,mBAAS,YACR,oBAAC,SAAI,eAAW,MACd,8BAAC,iBAAc,MAAI,MAAC,MAAM,GAAG,SAAS,GAAG,GAC3C,IACE,SAAS,UACX;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,QACE,oBAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,KAAK,SAAS,QAAQ,GAAG,uBAEpE;AAAA;AAAA,MAEJ,IACE,KAAK,WAAW,IAClB,oBAAC,aAAU,WAAU,yBAAwB,8DAE7C,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,OAAK;AAAA,UACL,UAAU;AAAA,UACV,MACE,qBAAC,QACC;AAAA,gCAAC,MAAG,WAAU,YAAW,OAAM,SAAQ,mBAEvC;AAAA,YACA,oBAAC,MAAG,WAAU,aAAY,uBAAS;AAAA,YACnC,oBAAC,MAAG,sBAAQ;AAAA,YACZ,oBAAC,MAAG,WAAU,aAAY,oBAAM;AAAA,YAChC,oBAAC,MAAG,WAAU,aAAY,sBAAQ;AAAA,YACjC,SACC,oBAAC,MAAG,WAAU,aACZ,8BAAC,UAAK,WAAU,WAAU,0BAAY,GACxC;AAAA,aAEJ;AAAA,UAGD,eAAK,IAAI,CAAC,QACT,qBAAC,YACC;AAAA,gCAAC,QAAG,WAAW,OAAO,OACpB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,OAAO;AAAA,gBAClB,OACE;AAAA,kBACE,UAAU,WAAW,OAAO,IAAI,MAAM,IAAI,KAAK,CAAC;AAAA,gBAClD;AAAA,gBAGD,cAAI;AAAA;AAAA,YACP,GACF;AAAA,YACA,oBAAC,QACC;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS,IAAI,UAAU;AAAA,gBACvB,MAAM,IAAI,UAAU;AAAA,gBAEpB,8BAAC,UAAK,WAAW,OAAO,SAAS,OAAO,IAAI,UAAU,MACnD,cAAI,UAAU,QAAQ,gBACzB;AAAA;AAAA,YACF,GACF;AAAA,YACA,oBAAC,QACC,+BAAC,SAAI,WAAW,OAAO,QACpB;AAAA,kBAAI,YACH,oBAAC,WAAM,UAAQ,MAAC,SAAQ,YAAW,KAAK,IAAI,UAAU;AAAA,cAEvD,IAAI,WACF,CAAC,IAAI,YACJ,oBAAC,UAAK,WAAW,OAAO,OAAO,wBAAU;AAAA,eAE/C,GACF;AAAA,YACA,oBAAC,QACC,8BAAC,UAAK,WAAW,OAAO,WAAW,OAAO,IAAI,WAC3C,cAAI,WACP,GACF;AAAA,YACA,oBAAC,QAAG,WAAW,OAAO,eACnB,oBAAU,IAAI,SAAS,GAC1B;AAAA,YACC,SACC,oBAAC,QAAG,WAAW,OAAO,YACpB,8BAAC,oBAAiB,KAAU,GAC9B;AAAA,eA7CW,IAAI,EA+CnB,CACD;AAAA;AAAA,MACH;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/admin/feedback/category-label.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { CATEGORY_LABEL, categoryTone } from "./feedback-options";
+import styles from "./feedback.module.css";
+function CategoryLabel({
+  category
+}) {
+  return /* @__PURE__ */ jsx("span", { className: styles.category, "data-tone": categoryTone(category), children: CATEGORY_LABEL[category] });
+}
+export {
+  CategoryLabel
+};
+//# sourceMappingURL=category-label.js.map

package/dist/admin/feedback/category-label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/category-label.tsx"],"sourcesContent":["import type { AdminFeedbackCategory } from '@withpotter/lib/admin-feedback-api';\nimport { CATEGORY_LABEL, categoryTone } from './feedback-options';\nimport styles from './feedback.module.css';\n\n/** The kind of feedback as plain text; a bug report reads in the risk colour. */\nexport function CategoryLabel({\n  category,\n}: {\n  category: AdminFeedbackCategory;\n}) {\n  return (\n    <span className={styles.category} data-tone={categoryTone(category)}>\n      {CATEGORY_LABEL[category]}\n    </span>\n  );\n}\n"],"mappings":"AAWI;AAVJ,SAAS,gBAAgB,oBAAoB;AAC7C,OAAO,YAAY;AAGZ,SAAS,cAAc;AAAA,EAC5B;AACF,GAEG;AACD,SACE,oBAAC,UAAK,WAAW,OAAO,UAAU,aAAW,aAAa,QAAQ,GAC/D,yBAAe,QAAQ,GAC1B;AAEJ;","names":[]}