@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/support/case-timeline.js

@@ -0,0 +1,82 @@
+import { openedBy, startedByBox } from "./case-origin";
+import { duration } from "./support-options";
+const time = (iso) => {
+  const value = iso ? new Date(iso).getTime() : NaN;
+  return Number.isFinite(value) ? value : null;
+};
+function buildTimeline(item, now = Date.now()) {
+  const ours = startedByBox(item);
+  const opening = {
+    id: `${item.id}-request`,
+    authorType: "merchant",
+    authorId: null,
+    visibility: "participants",
+    body: item.description,
+    createdAt: item.createdAt
+  };
+  const rank = /* @__PURE__ */ new Map();
+  const items = [
+    ...ours ? [] : [opening],
+    ...item.messages ?? []
+  ].map((message) => ({
+    kind: "message",
+    id: message.id,
+    at: message.createdAt,
+    message
+  }));
+  const event = (id, at, label, tone, order = 2) => {
+    if (!at || time(at) === null) return;
+    items.push({ kind: "event", id: `event-${id}`, at, label, tone });
+    rank.set(`event-${id}`, order);
+  };
+  event(
+    "opened",
+    item.createdAt,
+    `Case opened by ${openedBy(item)}`,
+    "brand",
+    0
+  );
+  const opened = time(item.createdAt);
+  const responded = time(item.firstRespondedAt);
+  if (!ours && responded !== null && opened !== null)
+    event(
+      "responded",
+      item.firstRespondedAt,
+      `First response after ${duration(Math.max(0, responded - opened))}`,
+      "success"
+    );
+  const due = time(item.firstResponseDueAt);
+  if (due !== null && (responded ?? now) > due)
+    event(
+      "first-due",
+      item.firstResponseDueAt,
+      "First response target missed",
+      "error"
+    );
+  const resolveDue = time(item.resolutionDueAt);
+  const resolved = time(item.resolvedAt);
+  if (resolveDue !== null && (resolved ?? now) > resolveDue)
+    event(
+      "resolve-due",
+      item.resolutionDueAt,
+      "Resolution target missed",
+      "error"
+    );
+  event("resolved", item.resolvedAt, "Marked resolved", "success");
+  event("closed", item.closedAt, "Case closed", "neutral");
+  return items.sort(
+    (a, b) => (time(a.at) ?? 0) - (time(b.at) ?? 0) || (rank.get(a.id) ?? 1) - (rank.get(b.id) ?? 1)
+  );
+}
+function withActivity(timeline, activity) {
+  if (!activity.length) return timeline;
+  return [
+    ...timeline,
+    ...activity.map((entry) => ({ kind: "event", ...entry }))
+  ].sort((a, b) => (time(a.at) ?? 0) - (time(b.at) ?? 0));
+}
+export {
+  buildTimeline,
+  withActivity
+};
+//# sourceMappingURL=case-timeline.js.map

package/dist/admin/support/case-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/case-timeline.ts"],"sourcesContent":["import type {\n  PlatformServiceCase,\n  PlatformServiceCaseMessage,\n} from '@withpotter/lib/admin-service-operations-api';\nimport { openedBy, startedByBox } from './case-origin';\nimport { duration } from './support-options';\n\nexport type EventTone = 'neutral' | 'success' | 'warning' | 'error' | 'brand';\n\nexport type TimelineItem =\n  | {\n      kind: 'message';\n      id: string;\n      at: string;\n      message: PlatformServiceCaseMessage;\n    }\n  | { kind: 'event'; id: string; at: string; label: string; tone: EventTone };\n\nconst time = (iso: string | null | undefined) => {\n  const value = iso ? new Date(iso).getTime() : NaN;\n  return Number.isFinite(value) ? value : null;\n};\n\n/**\n * The conversation with what happened to the case woven in: opened, first\n * response, missed targets, resolved and closed. The API\n * keeps no history of each status change, so these come from the dates the\n * case carries. The request that opened the case is the first bubble,\n * unless an admin started it: then their first message already is.\n */\nexport function buildTimeline(\n  item: PlatformServiceCase,\n  now = Date.now(),\n): TimelineItem[] {\n  const ours = startedByBox(item);\n  const opening: PlatformServiceCaseMessage = {\n    id: `${item.id}-request`,\n    authorType: 'merchant',\n    authorId: null,\n    visibility: 'participants',\n    body: item.description,\n    createdAt: item.createdAt,\n  };\n  /** At the same moment: \"opened\" first, then the words, then the rest. */\n  const rank = new Map<string, number>();\n  const items: TimelineItem[] = [\n    ...(ours ? [] : [opening]),\n    ...(item.messages ?? []),\n  ].map((message) => ({\n    kind: 'message' as const,\n    id: message.id,\n    at: message.createdAt,\n    message,\n  }));\n  const event = (\n    id: string,\n    at: string | null,\n    label: string,\n    tone: EventTone,\n    order = 2,\n  ) => {\n    if (!at || time(at) === null) return;\n    items.push({ kind: 'event', id: `event-${id}`, at, label, tone });\n    rank.set(`event-${id}`, order);\n  };\n\n  event(\n    'opened',\n    item.createdAt,\n    `Case opened by ${openedBy(item)}`,\n    'brand',\n    0,\n  );\n  const opened = time(item.createdAt);\n  const responded = time(item.firstRespondedAt);\n  // Our own opening message is not a response to anyone.\n  if (!ours && responded !== null && opened !== null)\n    event(\n      'responded',\n      item.firstRespondedAt,\n      `First response after ${duration(Math.max(0, responded - opened))}`,\n      'success',\n    );\n  const due = time(item.firstResponseDueAt);\n  if (due !== null && (responded ?? now) > due)\n    event(\n      'first-due',\n      item.firstResponseDueAt,\n      'First response target missed',\n      'error',\n    );\n  const resolveDue = time(item.resolutionDueAt);\n  const resolved = time(item.resolvedAt);\n  if (resolveDue !== null && (resolved ?? now) > resolveDue)\n    event(\n      'resolve-due',\n      item.resolutionDueAt,\n      'Resolution target missed',\n      'error',\n    );\n  event('resolved', item.resolvedAt, 'Marked resolved', 'success');\n  event('closed', item.closedAt, 'Case closed', 'neutral');\n\n  return items.sort(\n    (a, b) =>\n      (time(a.at) ?? 0) - (time(b.at) ?? 0) ||\n      (rank.get(a.id) ?? 1) - (rank.get(b.id) ?? 1),\n  );\n}\n\n/** Fold this session's changes into the timeline, in time order. */\nexport function withActivity(\n  timeline: TimelineItem[],\n  activity: Array<{ id: string; at: string; label: string; tone: EventTone }>,\n): TimelineItem[] {\n  if (!activity.length) return timeline;\n  return [\n    ...timeline,\n    ...activity.map((entry) => ({ kind: 'event' as const, ...entry })),\n  ].sort((a, b) => (time(a.at) ?? 0) - (time(b.at) ?? 0));\n}\n"],"mappings":"AAIA,SAAS,UAAU,oBAAoB;AACvC,SAAS,gBAAgB;AAazB,MAAM,OAAO,CAAC,QAAmC;AAC/C,QAAM,QAAQ,MAAM,IAAI,KAAK,GAAG,EAAE,QAAQ,IAAI;AAC9C,SAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;AAC1C;AASO,SAAS,cACd,MACA,MAAM,KAAK,IAAI,GACC;AAChB,QAAM,OAAO,aAAa,IAAI;AAC9B,QAAM,UAAsC;AAAA,IAC1C,IAAI,GAAG,KAAK,EAAE;AAAA,IACd,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,MAAM,KAAK;AAAA,IACX,WAAW,KAAK;AAAA,EAClB;AAEA,QAAM,OAAO,oBAAI,IAAoB;AACrC,QAAM,QAAwB;AAAA,IAC5B,GAAI,OAAO,CAAC,IAAI,CAAC,OAAO;AAAA,IACxB,GAAI,KAAK,YAAY,CAAC;AAAA,EACxB,EAAE,IAAI,CAAC,aAAa;AAAA,IAClB,MAAM;AAAA,IACN,IAAI,QAAQ;AAAA,IACZ,IAAI,QAAQ;AAAA,IACZ;AAAA,EACF,EAAE;AACF,QAAM,QAAQ,CACZ,IACA,IACA,OACA,MACA,QAAQ,MACL;AACH,QAAI,CAAC,MAAM,KAAK,EAAE,MAAM,KAAM;AAC9B,UAAM,KAAK,EAAE,MAAM,SAAS,IAAI,SAAS,EAAE,IAAI,IAAI,OAAO,KAAK,CAAC;AAChE,SAAK,IAAI,SAAS,EAAE,IAAI,KAAK;AAAA,EAC/B;AAEA;AAAA,IACE;AAAA,IACA,KAAK;AAAA,IACL,kBAAkB,SAAS,IAAI,CAAC;AAAA,IAChC;AAAA,IACA;AAAA,EACF;AACA,QAAM,SAAS,KAAK,KAAK,SAAS;AAClC,QAAM,YAAY,KAAK,KAAK,gBAAgB;AAE5C,MAAI,CAAC,QAAQ,cAAc,QAAQ,WAAW;AAC5C;AAAA,MACE;AAAA,MACA,KAAK;AAAA,MACL,wBAAwB,SAAS,KAAK,IAAI,GAAG,YAAY,MAAM,CAAC,CAAC;AAAA,MACjE;AAAA,IACF;AACF,QAAM,MAAM,KAAK,KAAK,kBAAkB;AACxC,MAAI,QAAQ,SAAS,aAAa,OAAO;AACvC;AAAA,MACE;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA;AAAA,IACF;AACF,QAAM,aAAa,KAAK,KAAK,eAAe;AAC5C,QAAM,WAAW,KAAK,KAAK,UAAU;AACrC,MAAI,eAAe,SAAS,YAAY,OAAO;AAC7C;AAAA,MACE;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA;AAAA,IACF;AACF,QAAM,YAAY,KAAK,YAAY,mBAAmB,SAAS;AAC/D,QAAM,UAAU,KAAK,UAAU,eAAe,SAAS;AAEvD,SAAO,MAAM;AAAA,IACX,CAAC,GAAG,OACD,KAAK,EAAE,EAAE,KAAK,MAAM,KAAK,EAAE,EAAE,KAAK,OAClC,KAAK,IAAI,EAAE,EAAE,KAAK,MAAM,KAAK,IAAI,EAAE,EAAE,KAAK;AAAA,EAC/C;AACF;AAGO,SAAS,aACd,UACA,UACgB;AAChB,MAAI,CAAC,SAAS,OAAQ,QAAO;AAC7B,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG,SAAS,IAAI,CAAC,WAAW,EAAE,MAAM,SAAkB,GAAG,MAAM,EAAE;AAAA,EACnE,EAAE,KAAK,CAAC,GAAG,OAAO,KAAK,EAAE,EAAE,KAAK,MAAM,KAAK,EAAE,EAAE,KAAK,EAAE;AACxD;","names":[]}

package/dist/admin/support/cases-tab.js

@@ -0,0 +1,55 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { QueueCard } from "./queue-card";
+import { QueueToolbar } from "./queue-filters";
+import { SupportCaseTable } from "./support-case-table";
+import { SupportKpis } from "./support-kpis";
+import { PANEL_ID } from "./support-views";
+function CasesTab({
+  filters,
+  cases,
+  me,
+  selected,
+  onOpen,
+  pager
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(SupportKpis, {}),
+    /* @__PURE__ */ jsx("div", { className: "adm-grid", children: /* @__PURE__ */ jsx("div", { className: "adm-span-12", children: /* @__PURE__ */ jsx(
+      QueueCard,
+      {
+        title: "Cases",
+        height: "640px",
+        count: cases.data?.total,
+        busy: cases.isLoading,
+        toolbar: /* @__PURE__ */ jsx(QueueToolbar, { filters, me }),
+        footer: pager,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "tabpanel",
+            id: PANEL_ID,
+            "aria-labelledby": `support-view-${filters.view}`,
+            children: /* @__PURE__ */ jsx(
+              SupportCaseTable,
+              {
+                rows: cases.data?.rows,
+                isLoading: cases.isLoading,
+                isError: cases.isError,
+                hasFilters: filters.narrowed,
+                activeId: selected,
+                onOpen,
+                onRetry: () => void cases.refetch(),
+                onClearFilters: filters.clear
+              }
+            )
+          }
+        )
+      }
+    ) }) })
+  ] });
+}
+export {
+  CasesTab
+};
+//# sourceMappingURL=cases-tab.js.map

package/dist/admin/support/cases-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/cases-tab.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { QueueCard } from './queue-card';\nimport { QueueToolbar, type useQueueFilters } from './queue-filters';\nimport { SupportCaseTable } from './support-case-table';\nimport { SupportKpis } from './support-kpis';\nimport { PANEL_ID } from './support-views';\nimport type { useQueueCases } from './use-queue-cases';\n\n/** Support's \"Cases\" tab: the queue at a glance, then the queue itself. */\nexport function CasesTab({\n  filters,\n  cases,\n  me,\n  selected,\n  onOpen,\n  pager,\n}: {\n  filters: ReturnType<typeof useQueueFilters>;\n  cases: ReturnType<typeof useQueueCases>;\n  me: string | undefined;\n  selected: string | null;\n  onOpen: (id: string) => void;\n  pager?: ReactNode;\n}) {\n  return (\n    <>\n      <SupportKpis />\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-12\">\n          <QueueCard\n            title=\"Cases\"\n            height=\"640px\"\n            count={cases.data?.total}\n            busy={cases.isLoading}\n            toolbar={<QueueToolbar filters={filters} me={me} />}\n            footer={pager}\n          >\n            <div\n              role=\"tabpanel\"\n              id={PANEL_ID}\n              aria-labelledby={`support-view-${filters.view}`}\n            >\n              <SupportCaseTable\n                rows={cases.data?.rows}\n                isLoading={cases.isLoading}\n                isError={cases.isError}\n                hasFilters={filters.narrowed}\n                activeId={selected}\n                onOpen={onOpen}\n                onRetry={() => void cases.refetch()}\n                onClearFilters={filters.clear}\n              />\n            </div>\n          </QueueCard>\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":";AA2BI,mBACE,KADF;AAxBJ,SAAS,iBAAiB;AAC1B,SAAS,oBAA0C;AACnD,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AAIlB,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,SACE,iCACE;AAAA,wBAAC,eAAY;AAAA,IACb,oBAAC,SAAI,WAAU,YACb,8BAAC,SAAI,WAAU,eACb;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,OAAO,MAAM,MAAM;AAAA,QACnB,MAAM,MAAM;AAAA,QACZ,SAAS,oBAAC,gBAAa,SAAkB,IAAQ;AAAA,QACjD,QAAQ;AAAA,QAER;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAI;AAAA,YACJ,mBAAiB,gBAAgB,QAAQ,IAAI;AAAA,YAE7C;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM,MAAM,MAAM;AAAA,gBAClB,WAAW,MAAM;AAAA,gBACjB,SAAS,MAAM;AAAA,gBACf,YAAY,QAAQ;AAAA,gBACpB,UAAU;AAAA,gBACV;AAAA,gBACA,SAAS,MAAM,KAAK,MAAM,QAAQ;AAAA,gBAClC,gBAAgB,QAAQ;AAAA;AAAA,YAC1B;AAAA;AAAA,QACF;AAAA;AAAA,IACF,GACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/support/composer-aids.js

@@ -0,0 +1,29 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DraftBanner } from "./composer-assist";
+import { SuggestionCard } from "./suggestion-card";
+function ComposerAids({
+  composer
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    composer.suggestion.current && /* @__PURE__ */ jsx(
+      SuggestionCard,
+      {
+        suggestion: composer.suggestion.current,
+        onAccept: composer.suggestion.accept,
+        onDismiss: composer.suggestion.dismiss
+      }
+    ),
+    composer.draft.current && /* @__PURE__ */ jsx(
+      DraftBanner,
+      {
+        draft: composer.draft.current,
+        onUndo: composer.draft.undo
+      }
+    )
+  ] });
+}
+export {
+  ComposerAids
+};
+//# sourceMappingURL=composer-aids.js.map

package/dist/admin/support/composer-aids.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/composer-aids.tsx"],"sourcesContent":["'use client';\n\nimport { DraftBanner } from './composer-assist';\nimport { SuggestionCard } from './suggestion-card';\nimport type { useComposerAssist } from './use-composer-assist';\n\n/**\n * Everything above the message box that is not typing: a suggestion waiting\n * to be added, and the note on a draft already in the box. Saved replies\n * open from the toolbar's picker.\n */\nexport function ComposerAids({\n  composer,\n}: {\n  composer: ReturnType<typeof useComposerAssist>;\n}) {\n  return (\n    <>\n      {composer.suggestion.current && (\n        <SuggestionCard\n          suggestion={composer.suggestion.current}\n          onAccept={composer.suggestion.accept}\n          onDismiss={composer.suggestion.dismiss}\n        />\n      )}\n      {composer.draft.current && (\n        <DraftBanner\n          draft={composer.draft.current}\n          onUndo={composer.draft.undo}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":";AAiBI,mBAEI,KAFJ;AAfJ,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAQxB,SAAS,aAAa;AAAA,EAC3B;AACF,GAEG;AACD,SACE,iCACG;AAAA,aAAS,WAAW,WACnB;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,SAAS,WAAW;AAAA,QAChC,UAAU,SAAS,WAAW;AAAA,QAC9B,WAAW,SAAS,WAAW;AAAA;AAAA,IACjC;AAAA,IAED,SAAS,MAAM,WACd;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS,MAAM;AAAA,QACtB,QAAQ,SAAS,MAAM;AAAA;AAAA,IACzB;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/support/composer-assist.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge, Button } from "@withpotter/ui-kit";
+import styles from "./composer-assist.module.css";
+const CONFIDENCE_TONE = {
+  high: "primary",
+  medium: "secondary",
+  low: "error"
+};
+function DraftBanner({
+  draft,
+  onUndo
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: styles.draftBanner, role: "status", children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.draftHeading, children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        "AI draft",
+        draft.savedReplyTitle ? ` from \u201C${draft.savedReplyTitle}\u201D` : ""
+      ] }),
+      /* @__PURE__ */ jsxs(Badge, { variant: CONFIDENCE_TONE[draft.confidence], children: [
+        draft.confidence,
+        " confidence"
+      ] }),
+      onUndo && /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: onUndo, children: "Undo" })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: styles.draftNotes, children: draft.notes || "Read it through before sending \u2014 nothing goes out until you do." })
+  ] });
+}
+export {
+  DraftBanner
+};
+//# sourceMappingURL=composer-assist.js.map

package/dist/admin/support/composer-assist.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/composer-assist.tsx"],"sourcesContent":["'use client';\n\nimport { Badge, Button } from '@withpotter/ui-kit';\nimport type { SupportReplyDraft } from '@withpotter/lib/admin-saved-replies-api';\nimport styles from './composer-assist.module.css';\n\nconst CONFIDENCE_TONE = {\n  high: 'primary',\n  medium: 'secondary',\n  low: 'error',\n} as const;\n\nexport function DraftBanner({\n  draft,\n  onUndo,\n}: {\n  draft: SupportReplyDraft;\n  onUndo: (() => void) | null;\n}) {\n  return (\n    <div className={styles.draftBanner} role=\"status\">\n      <div className={styles.draftHeading}>\n        <span>\n          AI draft\n          {draft.savedReplyTitle ? ` from “${draft.savedReplyTitle}”` : ''}\n        </span>\n        <Badge variant={CONFIDENCE_TONE[draft.confidence]}>\n          {draft.confidence} confidence\n        </Badge>\n        {onUndo && (\n          <Button size=\"sm\" variant=\"ghost\" onClick={onUndo}>\n            Undo\n          </Button>\n        )}\n      </div>\n      <p className={styles.draftNotes}>\n        {draft.notes ||\n          'Read it through before sending — nothing goes out until you do.'}\n      </p>\n    </div>\n  );\n}\n"],"mappings":";AAsBQ,SAQE,KARF;AApBR,SAAS,OAAO,cAAc;AAE9B,OAAO,YAAY;AAEnB,MAAM,kBAAkB;AAAA,EACtB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AACP;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,SACE,qBAAC,SAAI,WAAW,OAAO,aAAa,MAAK,UACvC;AAAA,yBAAC,SAAI,WAAW,OAAO,cACrB;AAAA,2BAAC,UAAK;AAAA;AAAA,QAEH,MAAM,kBAAkB,eAAU,MAAM,eAAe,WAAM;AAAA,SAChE;AAAA,MACA,qBAAC,SAAM,SAAS,gBAAgB,MAAM,UAAU,GAC7C;AAAA,cAAM;AAAA,QAAW;AAAA,SACpB;AAAA,MACC,UACC,oBAAC,UAAO,MAAK,MAAK,SAAQ,SAAQ,SAAS,QAAQ,kBAEnD;AAAA,OAEJ;AAAA,IACA,oBAAC,OAAE,WAAW,OAAO,YAClB,gBAAM,SACL,wEACJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/support/composer-assist.module.css

@@ -0,0 +1,23 @@
+/* The note on an AI draft already in the reply box. */
+.draftBanner {
+  display: grid;
+  gap: 4px;
+  padding: 12px;
+  border: 1px solid var(--border-subtle);
+  border-radius: 10px;
+  background: var(--bg-subtle);
+}
+.draftHeading {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  color: var(--text-primary);
+  font-size: 13px;
+  font-weight: 600;
+}
+.draftNotes {
+  margin: 0;
+  color: var(--text-secondary);
+  font-size: 12px;
+}

package/dist/admin/support/composer-footer.js

@@ -0,0 +1,56 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button, OverflowItem, OverflowMenu } from "@withpotter/ui-kit";
+import { ADMIN_NAME } from "../_shell/admin-brand";
+import { Kbd } from "./kbd";
+import { SEND_OPTIONS } from "./use-send-reply";
+import styles from "./support.module.css";
+const OTHER_SENDS = ["resolve", "open", "none"];
+function ComposerFooter({
+  isReply,
+  reporterName,
+  length,
+  canSend,
+  sending,
+  onSend,
+  replyError,
+  draftError
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.bottomline, children: [
+      /* @__PURE__ */ jsxs("span", { className: styles.audience, children: [
+        isReply ? `Visible to ${reporterName}` : `Only visible to ${ADMIN_NAME}`,
+        " \xB7 ",
+        length.toLocaleString(),
+        " / 10,000"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: styles.send, children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            loading: sending,
+            disabled: !canSend,
+            title: canSend ? void 0 : "Write a message first",
+            "aria-keyshortcuts": "Meta+Enter Control+Enter",
+            onClick: () => onSend("wait"),
+            children: [
+              isReply ? SEND_OPTIONS.wait.label : "Add note",
+              /* @__PURE__ */ jsx(Kbd, { children: "\u2318\u21B5" })
+            ]
+          }
+        ),
+        isReply && canSend && !sending && /* @__PURE__ */ jsx(OverflowMenu, { label: "More ways to send", align: "end", children: OTHER_SENDS.map((then) => /* @__PURE__ */ jsx(OverflowItem, { onClick: () => onSend(then), children: SEND_OPTIONS[then].label }, then)) })
+      ] })
+    ] }),
+    draftError && /* @__PURE__ */ jsx("p", { className: styles.notice, role: "status", children: draftError }),
+    replyError && /* @__PURE__ */ jsxs("p", { className: styles.error, role: "alert", children: [
+      isReply ? "The reply was not sent: " : "The note was not added: ",
+      replyError
+    ] })
+  ] });
+}
+export {
+  ComposerFooter
+};
+//# sourceMappingURL=composer-footer.js.map

package/dist/admin/support/composer-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/composer-footer.tsx"],"sourcesContent":["'use client';\n\nimport { Button, OverflowItem, OverflowMenu } from '@withpotter/ui-kit';\nimport { ADMIN_NAME } from '../_shell/admin-brand';\nimport { Kbd } from './kbd';\nimport { SEND_OPTIONS, type SendThen } from './use-send-reply';\nimport styles from './support.module.css';\n\nconst OTHER_SENDS: SendThen[] = ['resolve', 'open', 'none'];\n\n/**\n * Who will read it, the length, and a split Send: the main button sends and\n * waits on the merchant (⌘↵), the menu sends and resolves, keeps it with\n * us, or only sends. A failed suggestion and a failed send are separate\n * lines, so one never hides the other.\n */\nexport function ComposerFooter({\n  isReply,\n  reporterName,\n  length,\n  canSend,\n  sending,\n  onSend,\n  replyError,\n  draftError,\n}: {\n  isReply: boolean;\n  reporterName: string;\n  length: number;\n  canSend: boolean;\n  sending: boolean;\n  onSend: (then: SendThen) => void;\n  replyError: string | null;\n  draftError: string | null;\n}) {\n  return (\n    <>\n      <div className={styles.bottomline}>\n        <span className={styles.audience}>\n          {isReply\n            ? `Visible to ${reporterName}`\n            : `Only visible to ${ADMIN_NAME}`}\n          {' · '}\n          {length.toLocaleString()} / 10,000\n        </span>\n        <div className={styles.send}>\n          <Button\n            type=\"button\"\n            loading={sending}\n            disabled={!canSend}\n            title={canSend ? undefined : 'Write a message first'}\n            aria-keyshortcuts=\"Meta+Enter Control+Enter\"\n            onClick={() => onSend('wait')}\n          >\n            {isReply ? SEND_OPTIONS.wait.label : 'Add note'}\n            <Kbd>⌘↵</Kbd>\n          </Button>\n          {isReply && canSend && !sending && (\n            <OverflowMenu label=\"More ways to send\" align=\"end\">\n              {OTHER_SENDS.map((then) => (\n                <OverflowItem key={then} onClick={() => onSend(then)}>\n                  {SEND_OPTIONS[then].label}\n                </OverflowItem>\n              ))}\n            </OverflowMenu>\n          )}\n        </div>\n      </div>\n      {draftError && (\n        <p className={styles.notice} role=\"status\">\n          {draftError}\n        </p>\n      )}\n      {replyError && (\n        <p className={styles.error} role=\"alert\">\n          {isReply ? 'The reply was not sent: ' : 'The note was not added: '}\n          {replyError}\n        </p>\n      )}\n    </>\n  );\n}\n"],"mappings":";AAoCI,mBAmBQ,KAjBJ,YAFJ;AAlCJ,SAAS,QAAQ,cAAc,oBAAoB;AACnD,SAAS,kBAAkB;AAC3B,SAAS,WAAW;AACpB,SAAS,oBAAmC;AAC5C,OAAO,YAAY;AAEnB,MAAM,cAA0B,CAAC,WAAW,QAAQ,MAAM;AAQnD,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,SACE,iCACE;AAAA,yBAAC,SAAI,WAAW,OAAO,YACrB;AAAA,2BAAC,UAAK,WAAW,OAAO,UACrB;AAAA,kBACG,cAAc,YAAY,KAC1B,mBAAmB,UAAU;AAAA,QAChC;AAAA,QACA,OAAO,eAAe;AAAA,QAAE;AAAA,SAC3B;AAAA,MACA,qBAAC,SAAI,WAAW,OAAO,MACrB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,UAAU,CAAC;AAAA,YACX,OAAO,UAAU,SAAY;AAAA,YAC7B,qBAAkB;AAAA,YAClB,SAAS,MAAM,OAAO,MAAM;AAAA,YAE3B;AAAA,wBAAU,aAAa,KAAK,QAAQ;AAAA,cACrC,oBAAC,OAAI,0BAAE;AAAA;AAAA;AAAA,QACT;AAAA,QACC,WAAW,WAAW,CAAC,WACtB,oBAAC,gBAAa,OAAM,qBAAoB,OAAM,OAC3C,sBAAY,IAAI,CAAC,SAChB,oBAAC,gBAAwB,SAAS,MAAM,OAAO,IAAI,GAChD,uBAAa,IAAI,EAAE,SADH,IAEnB,CACD,GACH;AAAA,SAEJ;AAAA,OACF;AAAA,IACC,cACC,oBAAC,OAAE,WAAW,OAAO,QAAQ,MAAK,UAC/B,sBACH;AAAA,IAED,cACC,qBAAC,OAAE,WAAW,OAAO,OAAO,MAAK,SAC9B;AAAA,gBAAU,6BAA6B;AAAA,MACvC;AAAA,OACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/support/composer-header.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { Button } from "@withpotter/ui-kit";
+import { ADMIN_NAME } from "../_shell/admin-brand";
+import { Kbd } from "./kbd";
+import styles from "./support.module.css";
+function ComposerHeader({
+  isReply,
+  name,
+  onCollapse
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
+    isReply ? /* @__PURE__ */ jsxs("span", { children: [
+      "Reply to ",
+      /* @__PURE__ */ jsx("strong", { title: name, children: name })
+    ] }) : /* @__PURE__ */ jsxs("span", { children: [
+      "Internal note \xB7 ",
+      /* @__PURE__ */ jsxs("strong", { children: [
+        "only the ",
+        ADMIN_NAME,
+        " team sees it"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("span", { className: styles.headerEnd, children: [
+      /* @__PURE__ */ jsx(Kbd, { children: "esc" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "icon",
+          variant: "ghost",
+          "aria-label": "Close composer",
+          "aria-keyshortcuts": "Escape",
+          onClick: onCollapse,
+          children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ComposerHeader
+};
+//# sourceMappingURL=composer-header.js.map

package/dist/admin/support/composer-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/composer-header.tsx"],"sourcesContent":["'use client';\n\nimport { X } from 'lucide-react';\nimport { Button } from '@withpotter/ui-kit';\nimport { ADMIN_NAME } from '../_shell/admin-brand';\nimport { Kbd } from './kbd';\nimport styles from './support.module.css';\n\n/** \"Reply to {name}\" or the note's audience, with Esc and close. */\nexport function ComposerHeader({\n  isReply,\n  name,\n  onCollapse,\n}: {\n  isReply: boolean;\n  name: string;\n  onCollapse: () => void;\n}) {\n  return (\n    <div className={styles.header}>\n      {isReply ? (\n        <span>\n          Reply to <strong title={name}>{name}</strong>\n        </span>\n      ) : (\n        <span>\n          Internal note · <strong>only the {ADMIN_NAME} team sees it</strong>\n        </span>\n      )}\n      <span className={styles.headerEnd}>\n        <Kbd>esc</Kbd>\n        <Button\n          size=\"icon\"\n          variant=\"ghost\"\n          aria-label=\"Close composer\"\n          aria-keyshortcuts=\"Escape\"\n          onClick={onCollapse}\n        >\n          <X className=\"size-4\" />\n        </Button>\n      </span>\n    </div>\n  );\n}\n"],"mappings":";AAqBQ,SACW,KADX;AAnBR,SAAS,SAAS;AAClB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,WAAW;AACpB,OAAO,YAAY;AAGZ,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,qBAAC,SAAI,WAAW,OAAO,QACpB;AAAA,cACC,qBAAC,UAAK;AAAA;AAAA,MACK,oBAAC,YAAO,OAAO,MAAO,gBAAK;AAAA,OACtC,IAEA,qBAAC,UAAK;AAAA;AAAA,MACY,qBAAC,YAAO;AAAA;AAAA,QAAU;AAAA,QAAW;AAAA,SAAa;AAAA,OAC5D;AAAA,IAEF,qBAAC,UAAK,WAAW,OAAO,WACtB;AAAA,0BAAC,OAAI,iBAAG;AAAA,MACR;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,cAAW;AAAA,UACX,qBAAkB;AAAA,UAClB,SAAS;AAAA,UAET,8BAAC,KAAE,WAAU,UAAS;AAAA;AAAA,MACxB;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/support/composer-keys.js

@@ -0,0 +1,25 @@
+function composerKeys(event, on) {
+  if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+    event.preventDefault();
+    if (on.suggestion && !on.body.trim()) on.accept();
+    else on.send();
+    return;
+  }
+  if (event.key === "#") {
+    const at = event.currentTarget.selectionStart ?? on.body.length;
+    if (at === 0 || /\s/.test(on.body[at - 1] ?? "")) {
+      event.preventDefault();
+      on.picker();
+    }
+    return;
+  }
+  if (event.key === "Escape" && !on.body) {
+    event.preventDefault();
+    event.stopPropagation();
+    on.collapse();
+  }
+}
+export {
+  composerKeys
+};
+//# sourceMappingURL=composer-keys.js.map

package/dist/admin/support/composer-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/composer-keys.ts"],"sourcesContent":["import type { KeyboardEvent } from 'react';\n\n/**\n * The reply box's keys: ⌘↵ adds a waiting suggestion, otherwise sends;\n * # at the start of a word opens saved replies; Escape on an empty box\n * folds the composer away.\n */\nexport function composerKeys(\n  event: KeyboardEvent<HTMLTextAreaElement>,\n  on: {\n    body: string;\n    suggestion: boolean;\n    accept: () => void;\n    send: () => void;\n    picker: () => void;\n    collapse: () => void;\n  },\n) {\n  if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n    event.preventDefault();\n    if (on.suggestion && !on.body.trim()) on.accept();\n    else on.send();\n    return;\n  }\n  if (event.key === '#') {\n    const at = event.currentTarget.selectionStart ?? on.body.length;\n    if (at === 0 || /\\s/.test(on.body[at - 1] ?? '')) {\n      event.preventDefault();\n      on.picker();\n    }\n    return;\n  }\n  if (event.key === 'Escape' && !on.body) {\n    event.preventDefault();\n    event.stopPropagation();\n    on.collapse();\n  }\n}\n"],"mappings":"AAOO,SAAS,aACd,OACA,IAQA;AACA,MAAI,MAAM,QAAQ,YAAY,MAAM,WAAW,MAAM,UAAU;AAC7D,UAAM,eAAe;AACrB,QAAI,GAAG,cAAc,CAAC,GAAG,KAAK,KAAK,EAAG,IAAG,OAAO;AAAA,QAC3C,IAAG,KAAK;AACb;AAAA,EACF;AACA,MAAI,MAAM,QAAQ,KAAK;AACrB,UAAM,KAAK,MAAM,cAAc,kBAAkB,GAAG,KAAK;AACzD,QAAI,OAAO,KAAK,KAAK,KAAK,GAAG,KAAK,KAAK,CAAC,KAAK,EAAE,GAAG;AAChD,YAAM,eAAe;AACrB,SAAG,OAAO;AAAA,IACZ;AACA;AAAA,EACF;AACA,MAAI,MAAM,QAAQ,YAAY,CAAC,GAAG,MAAM;AACtC,UAAM,eAAe;AACrB,UAAM,gBAAgB;AACtB,OAAG,SAAS;AAAA,EACd;AACF;","names":[]}

package/dist/admin/support/composer-toolbar.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { BookmarkPlus } from "lucide-react";
+import { Button, OptionButton, Tooltip } from "@withpotter/ui-kit";
+import { useModuleOn } from "../_shell/modules-context";
+import styles from "./support.module.css";
+function ComposerToolbar({
+  isReply,
+  onMode,
+  drafting,
+  onSuggest,
+  picker,
+  canSave,
+  onSave
+}) {
+  const modeIndicatorId = useId();
+  const canSuggest = useModuleOn("supportDrafts");
+  return /* @__PURE__ */ jsxs("div", { className: styles.topline, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.modePicker, role: "group", "aria-label": "Message type", children: [
+      /* @__PURE__ */ jsx(
+        OptionButton,
+        {
+          selected: isReply,
+          indicatorId: modeIndicatorId,
+          onClick: () => onMode(true),
+          children: "Reply"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        OptionButton,
+        {
+          selected: !isReply,
+          indicatorId: modeIndicatorId,
+          onClick: () => onMode(false),
+          children: "Internal note"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: styles.tools, children: [
+      canSuggest && /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "sm",
+          variant: "ghost",
+          loading: drafting,
+          onClick: onSuggest,
+          children: "Suggest reply"
+        }
+      ),
+      picker,
+      /* @__PURE__ */ jsx(Tooltip, { label: "Save as saved reply", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "sm",
+          variant: "ghost",
+          "aria-label": "Save as saved reply",
+          disabled: !canSave,
+          onClick: onSave,
+          children: /* @__PURE__ */ jsx(BookmarkPlus, { className: "size-4" })
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  ComposerToolbar
+};
+//# sourceMappingURL=composer-toolbar.js.map

package/dist/admin/support/composer-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/composer-toolbar.tsx"],"sourcesContent":["'use client';\n\nimport { useId, type ReactNode } from 'react';\nimport { BookmarkPlus } from 'lucide-react';\nimport { Button, OptionButton, Tooltip } from '@withpotter/ui-kit';\nimport { useModuleOn } from '../_shell/modules-context';\nimport styles from './support.module.css';\n\n/**\n * Reply or note on the left; suggest (where the host serves drafts), the\n * saved reply picker and \"Save as saved reply\" on the right.\n */\nexport function ComposerToolbar({\n  isReply,\n  onMode,\n  drafting,\n  onSuggest,\n  picker,\n  canSave,\n  onSave,\n}: {\n  isReply: boolean;\n  onMode: (reply: boolean) => void;\n  drafting: boolean;\n  onSuggest: () => void;\n  /** The saved reply picker and its button. */\n  picker: ReactNode;\n  canSave: boolean;\n  onSave: () => void;\n}) {\n  /* One id across the pair, so the fill slides between them. */\n  const modeIndicatorId = useId();\n  const canSuggest = useModuleOn('supportDrafts');\n\n  return (\n    <div className={styles.topline}>\n      <div className={styles.modePicker} role=\"group\" aria-label=\"Message type\">\n        <OptionButton\n          selected={isReply}\n          indicatorId={modeIndicatorId}\n          onClick={() => onMode(true)}\n        >\n          Reply\n        </OptionButton>\n        <OptionButton\n          selected={!isReply}\n          indicatorId={modeIndicatorId}\n          onClick={() => onMode(false)}\n        >\n          Internal note\n        </OptionButton>\n      </div>\n      <div className={styles.tools}>\n        {canSuggest && (\n          <Button\n            size=\"sm\"\n            variant=\"ghost\"\n            loading={drafting}\n            onClick={onSuggest}\n          >\n            Suggest reply\n          </Button>\n        )}\n        {picker}\n        <Tooltip label=\"Save as saved reply\">\n          <Button\n            size=\"sm\"\n            variant=\"ghost\"\n            aria-label=\"Save as saved reply\"\n            disabled={!canSave}\n            onClick={onSave}\n          >\n            <BookmarkPlus className=\"size-4\" />\n          </Button>\n        </Tooltip>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAoCM,SACE,KADF;AAlCN,SAAS,aAA6B;AACtC,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,cAAc,eAAe;AAC9C,SAAS,mBAAmB;AAC5B,OAAO,YAAY;AAMZ,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AAED,QAAM,kBAAkB,MAAM;AAC9B,QAAM,aAAa,YAAY,eAAe;AAE9C,SACE,qBAAC,SAAI,WAAW,OAAO,SACrB;AAAA,yBAAC,SAAI,WAAW,OAAO,YAAY,MAAK,SAAQ,cAAW,gBACzD;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV,aAAa;AAAA,UACb,SAAS,MAAM,OAAO,IAAI;AAAA,UAC3B;AAAA;AAAA,MAED;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,CAAC;AAAA,UACX,aAAa;AAAA,UACb,SAAS,MAAM,OAAO,KAAK;AAAA,UAC5B;AAAA;AAAA,MAED;AAAA,OACF;AAAA,IACA,qBAAC,SAAI,WAAW,OAAO,OACpB;AAAA,oBACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAAS;AAAA,UACT,SAAS;AAAA,UACV;AAAA;AAAA,MAED;AAAA,MAED;AAAA,MACD,oBAAC,WAAQ,OAAM,uBACb;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,cAAW;AAAA,UACX,UAAU,CAAC;AAAA,UACX,SAAS;AAAA,UAET,8BAAC,gBAAa,WAAU,UAAS;AAAA;AAAA,MACnC,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/support/inbox-address.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, Copy } from "lucide-react";
+import { useState } from "react";
+import { Button, Tooltip, useToast } from "@withpotter/ui-kit";
+import { SUPPORT_INBOX_EMAIL } from "@withpotter/lib/support-inbox";
+import styles from "./inbox-header.module.css";
+function InboxAddress() {
+  const { toast } = useToast();
+  const [copied, setCopied] = useState(false);
+  const copy = () => void navigator.clipboard?.writeText(SUPPORT_INBOX_EMAIL).then(() => {
+    setCopied(true);
+    toast({ title: `Copied ${SUPPORT_INBOX_EMAIL}` });
+    window.setTimeout(() => setCopied(false), 1600);
+  });
+  return /* @__PURE__ */ jsxs("div", { className: styles.address, children: [
+    /* @__PURE__ */ jsxs("span", { className: styles.addressText, title: SUPPORT_INBOX_EMAIL, children: [
+      "Merchants write to ",
+      /* @__PURE__ */ jsx("strong", { children: SUPPORT_INBOX_EMAIL })
+    ] }),
+    /* @__PURE__ */ jsx(Tooltip, { label: "Copy address", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "icon",
+        variant: "ghost",
+        "aria-label": `Copy ${SUPPORT_INBOX_EMAIL}`,
+        onClick: copy,
+        children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-4" }) : /* @__PURE__ */ jsx(Copy, { className: "size-4" })
+      }
+    ) })
+  ] });
+}
+export {
+  InboxAddress
+};
+//# sourceMappingURL=inbox-address.js.map

package/dist/admin/support/inbox-address.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/inbox-address.tsx"],"sourcesContent":["'use client';\n\nimport { Check, Copy } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button, Tooltip, useToast } from '@withpotter/ui-kit';\nimport { SUPPORT_INBOX_EMAIL } from '@withpotter/lib/support-inbox';\nimport styles from './inbox-header.module.css';\n\n/** The address merchants write to, with a one-click copy. */\nexport function InboxAddress() {\n  const { toast } = useToast();\n  const [copied, setCopied] = useState(false);\n  const copy = () =>\n    void navigator.clipboard?.writeText(SUPPORT_INBOX_EMAIL).then(() => {\n      setCopied(true);\n      toast({ title: `Copied ${SUPPORT_INBOX_EMAIL}` });\n      window.setTimeout(() => setCopied(false), 1600);\n    });\n\n  return (\n    <div className={styles.address}>\n      <span className={styles.addressText} title={SUPPORT_INBOX_EMAIL}>\n        Merchants write to <strong>{SUPPORT_INBOX_EMAIL}</strong>\n      </span>\n      <Tooltip label=\"Copy address\">\n        <Button\n          size=\"icon\"\n          variant=\"ghost\"\n          aria-label={`Copy ${SUPPORT_INBOX_EMAIL}`}\n          onClick={copy}\n        >\n          {copied ? <Check className=\"size-4\" /> : <Copy className=\"size-4\" />}\n        </Button>\n      </Tooltip>\n    </div>\n  );\n}\n"],"mappings":";AAqBM,SACqB,KADrB;AAnBN,SAAS,OAAO,YAAY;AAC5B,SAAS,gBAAgB;AACzB,SAAS,QAAQ,SAAS,gBAAgB;AAC1C,SAAS,2BAA2B;AACpC,OAAO,YAAY;AAGZ,SAAS,eAAe;AAC7B,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,OAAO,MACX,KAAK,UAAU,WAAW,UAAU,mBAAmB,EAAE,KAAK,MAAM;AAClE,cAAU,IAAI;AACd,UAAM,EAAE,OAAO,UAAU,mBAAmB,GAAG,CAAC;AAChD,WAAO,WAAW,MAAM,UAAU,KAAK,GAAG,IAAI;AAAA,EAChD,CAAC;AAEH,SACE,qBAAC,SAAI,WAAW,OAAO,SACrB;AAAA,yBAAC,UAAK,WAAW,OAAO,aAAa,OAAO,qBAAqB;AAAA;AAAA,MAC5C,oBAAC,YAAQ,+BAAoB;AAAA,OAClD;AAAA,IACA,oBAAC,WAAQ,OAAM,gBACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,cAAY,QAAQ,mBAAmB;AAAA,QACvC,SAAS;AAAA,QAER,mBAAS,oBAAC,SAAM,WAAU,UAAS,IAAK,oBAAC,QAAK,WAAU,UAAS;AAAA;AAAA,IACpE,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/support/inbox-header.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Reveal } from "../_fx";
+function InboxHeader({
+  title,
+  description,
+  actions
+}) {
+  return /* @__PURE__ */ jsxs(Reveal, { className: "adm-page-header", children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx("h1", { className: "adm-page-title", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "adm-page-desc", children: description })
+    ] }),
+    actions && /* @__PURE__ */ jsx("div", { className: "adm-page-actions", children: actions })
+  ] });
+}
+export {
+  InboxHeader
+};
+//# sourceMappingURL=inbox-header.js.map

package/dist/admin/support/inbox-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/inbox-header.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Reveal } from '../_fx';\n\n/**\n * The inbox pages' header: the title, one line of context and the primary\n * action. Same type classes as PageHeader.\n */\nexport function InboxHeader({\n  title,\n  description,\n  actions,\n}: {\n  title: string;\n  description: string;\n  actions?: ReactNode;\n}) {\n  return (\n    <Reveal className=\"adm-page-header\">\n      <div className=\"min-w-0\">\n        <h1 className=\"adm-page-title\">{title}</h1>\n        <p className=\"adm-page-desc\">{description}</p>\n      </div>\n      {actions && <div className=\"adm-page-actions\">{actions}</div>}\n    </Reveal>\n  );\n}\n"],"mappings":"AAkBM,SACE,KADF;AAjBN,SAAS,cAAc;AAMhB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,qBAAC,UAAO,WAAU,mBAChB;AAAA,yBAAC,SAAI,WAAU,WACb;AAAA,0BAAC,QAAG,WAAU,kBAAkB,iBAAM;AAAA,MACtC,oBAAC,OAAE,WAAU,iBAAiB,uBAAY;AAAA,OAC5C;AAAA,IACC,WAAW,oBAAC,SAAI,WAAU,oBAAoB,mBAAQ;AAAA,KACzD;AAEJ;","names":[]}

package/dist/admin/support/inbox-header.module.css

@@ -0,0 +1,28 @@
+/* The inbound address: a quiet chip beside the title, copy on the right. */
+.address {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  max-width: 100%;
+  min-width: 0;
+  height: 36px;
+  padding: 0 4px 0 12px;
+  border: 1px solid var(--border-subtle);
+  border-radius: 10px;
+  background: var(--bg-base);
+  color: var(--text-secondary);
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.addressText {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.addressText strong {
+  font-weight: 600;
+  color: var(--text-primary);
+}

package/dist/admin/support/kbd.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import styles from "./kbd.module.css";
+function Kbd({ children }) {
+  return /* @__PURE__ */ jsx("kbd", { className: styles.kbd, "aria-hidden": true, children });
+}
+export {
+  Kbd
+};
+//# sourceMappingURL=kbd.js.map

package/dist/admin/support/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/kbd.tsx"],"sourcesContent":["import styles from './kbd.module.css';\n\n/** A keycap beside an action, so its shortcut is learnt by seeing it. */\nexport function Kbd({ children }: { children: string }) {\n  return (\n    <kbd className={styles.kbd} aria-hidden>\n      {children}\n    </kbd>\n  );\n}\n"],"mappings":"AAKI;AALJ,OAAO,YAAY;AAGZ,SAAS,IAAI,EAAE,SAAS,GAAyB;AACtD,SACE,oBAAC,SAAI,WAAW,OAAO,KAAK,eAAW,MACpC,UACH;AAEJ;","names":[]}

package/dist/admin/support/kbd.module.css

@@ -0,0 +1,19 @@
+/* A keycap: 11px, hairline box, radius 4. */
+
+.kbd {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 18px;
+  height: 18px;
+  padding: 0 4px;
+  border: 1px solid var(--border-default);
+  border-radius: 10px;
+  background: var(--bg-base);
+  color: var(--text-tertiary);
+  font-family: inherit;
+  font-size: 11px;
+  font-weight: 500;
+  line-height: 16px;
+  white-space: nowrap;
+}