@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/support/saved-replies/reply-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/support/saved-replies/reply-fields.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useState } from 'react';\nimport { Button, Input, Textarea } from '@withpotter/ui-kit';\nimport { Select } from '@withpotter/ui-kit/select';\nimport type {\n  SavedReplyInput,\n  SupportCategory,\n} from '@withpotter/lib/admin-saved-replies-api';\nimport { PLACEHOLDERS } from './placeholders';\nimport { ANY, CATEGORY_OPTIONS } from './reply-meta';\nimport styles from './saved-replies.module.css';\n\n/** A saved reply being written: its fields and how to change them. */\nexport function useReplyDraft(initial: () => SavedReplyInput) {\n  const [draft, setDraft] = useState(initial);\n  const update = <K extends keyof SavedReplyInput>(\n    field: K,\n    value: SavedReplyInput[K],\n  ) => setDraft((current) => ({ ...current, [field]: value }));\n\n  return {\n    draft,\n    update,\n    invalid: !draft.title.trim() || !draft.body.trim(),\n  };\n}\n\ntype ReplyDraft = ReturnType<typeof useReplyDraft>;\n\nexport function TitleField({ form }: { form: ReplyDraft }) {\n  return (\n    <Input\n      label=\"Title\"\n      value={form.draft.title}\n      maxLength={120}\n      placeholder=\"e.g. Payout timing\"\n      onChange={(event) => form.update('title', event.target.value)}\n    />\n  );\n}\n\nexport function CategoryField({ form }: { form: ReplyDraft }) {\n  return (\n    <div className={styles.field}>\n      <span className={styles.label}>Category</span>\n      <Select\n        ariaLabel=\"Category\"\n        value={form.draft.category ?? ANY}\n        options={CATEGORY_OPTIONS}\n        searchable\n        onChange={(value) =>\n          form.update(\n            'category',\n            value === ANY ? null : (value as SupportCategory),\n          )\n        }\n      />\n      <span className={styles.hint}>\n        Suggested first on cases in this category.\n      </span>\n    </div>\n  );\n}\n\nexport function BodyField({\n  form,\n  rows = 9,\n  placeholders = true,\n}: {\n  form: ReplyDraft;\n  rows?: number;\n  placeholders?: boolean;\n}) {\n  const bodyRef = useRef<HTMLTextAreaElement>(null);\n  const { draft, update } = form;\n\n  const insertPlaceholder = (key: string) => {\n    const field = bodyRef.current;\n    const token = `{{${key}}}`;\n    const start = field?.selectionStart ?? draft.body.length;\n    const end = field?.selectionEnd ?? start;\n\n    update('body', draft.body.slice(0, start) + token + draft.body.slice(end));\n    requestAnimationFrame(() => {\n      field?.focus();\n      field?.setSelectionRange(start + token.length, start + token.length);\n    });\n  };\n\n  return (\n    <>\n      <Textarea\n        ref={bodyRef}\n        label=\"Reply\"\n        rows={rows}\n        maxLength={10000}\n        value={draft.body}\n        onChange={(event) => update('body', event.target.value)}\n      />\n      {placeholders && (\n        <div className={styles.field}>\n          <span className={styles.label}>Insert placeholder</span>\n          <div className={styles.placeholders}>\n            {PLACEHOLDERS.map((placeholder) => (\n              <Button\n                key={placeholder.key}\n                size=\"sm\"\n                variant=\"secondary\"\n                title={placeholder.description}\n                onClick={() => insertPlaceholder(placeholder.key)}\n              >\n                {`{{${placeholder.key}}}`}\n              </Button>\n            ))}\n          </div>\n          <span className={styles.hint}>\n            Filled in from the case when you insert the reply.\n          </span>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":";AAgCI,SA2DA,UA3DA,KAYA,YAZA;AA9BJ,SAAS,QAAQ,gBAAgB;AACjC,SAAS,QAAQ,OAAO,gBAAgB;AACxC,SAAS,cAAc;AAKvB,SAAS,oBAAoB;AAC7B,SAAS,KAAK,wBAAwB;AACtC,OAAO,YAAY;AAGZ,SAAS,cAAc,SAAgC;AAC5D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,OAAO;AAC1C,QAAM,SAAS,CACb,OACA,UACG,SAAS,CAAC,aAAa,EAAE,GAAG,SAAS,CAAC,KAAK,GAAG,MAAM,EAAE;AAE3D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,SAAS,CAAC,MAAM,MAAM,KAAK,KAAK,CAAC,MAAM,KAAK,KAAK;AAAA,EACnD;AACF;AAIO,SAAS,WAAW,EAAE,KAAK,GAAyB;AACzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,KAAK,MAAM;AAAA,MAClB,WAAW;AAAA,MACX,aAAY;AAAA,MACZ,UAAU,CAAC,UAAU,KAAK,OAAO,SAAS,MAAM,OAAO,KAAK;AAAA;AAAA,EAC9D;AAEJ;AAEO,SAAS,cAAc,EAAE,KAAK,GAAyB;AAC5D,SACE,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,wBAAC,UAAK,WAAW,OAAO,OAAO,sBAAQ;AAAA,IACvC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,KAAK,MAAM,YAAY;AAAA,QAC9B,SAAS;AAAA,QACT,YAAU;AAAA,QACV,UAAU,CAAC,UACT,KAAK;AAAA,UACH;AAAA,UACA,UAAU,MAAM,OAAQ;AAAA,QAC1B;AAAA;AAAA,IAEJ;AAAA,IACA,oBAAC,UAAK,WAAW,OAAO,MAAM,wDAE9B;AAAA,KACF;AAEJ;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,OAAO;AAAA,EACP,eAAe;AACjB,GAIG;AACD,QAAM,UAAU,OAA4B,IAAI;AAChD,QAAM,EAAE,OAAO,OAAO,IAAI;AAE1B,QAAM,oBAAoB,CAAC,QAAgB;AACzC,UAAM,QAAQ,QAAQ;AACtB,UAAM,QAAQ,KAAK,GAAG;AACtB,UAAM,QAAQ,OAAO,kBAAkB,MAAM,KAAK;AAClD,UAAM,MAAM,OAAO,gBAAgB;AAEnC,WAAO,QAAQ,MAAM,KAAK,MAAM,GAAG,KAAK,IAAI,QAAQ,MAAM,KAAK,MAAM,GAAG,CAAC;AACzE,0BAAsB,MAAM;AAC1B,aAAO,MAAM;AACb,aAAO,kBAAkB,QAAQ,MAAM,QAAQ,QAAQ,MAAM,MAAM;AAAA,IACrE,CAAC;AAAA,EACH;AAEA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,OAAM;AAAA,QACN;AAAA,QACA,WAAW;AAAA,QACX,OAAO,MAAM;AAAA,QACb,UAAU,CAAC,UAAU,OAAO,QAAQ,MAAM,OAAO,KAAK;AAAA;AAAA,IACxD;AAAA,IACC,gBACC,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,0BAAC,UAAK,WAAW,OAAO,OAAO,gCAAkB;AAAA,MACjD,oBAAC,SAAI,WAAW,OAAO,cACpB,uBAAa,IAAI,CAAC,gBACjB;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,OAAO,YAAY;AAAA,UACnB,SAAS,MAAM,kBAAkB,YAAY,GAAG;AAAA,UAE/C,eAAK,YAAY,GAAG;AAAA;AAAA,QANhB,YAAY;AAAA,MAOnB,CACD,GACH;AAAA,MACA,oBAAC,UAAK,WAAW,OAAO,MAAM,gEAE9B;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/support/saved-replies/reply-list.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, EmptyNote, Skeleton } from "@withpotter/ui-kit";
+import { categoryLabel } from "@withpotter/lib/admin-saved-replies-api";
+import { EmptyState } from "../../_ui";
+import { lastUsed, timesUsed } from "./reply-meta";
+import styles from "./reply-list.module.css";
+function ReplyFacts({ reply }) {
+  return /* @__PURE__ */ jsxs("span", { className: styles.facts, children: [
+    /* @__PURE__ */ jsx("span", { className: styles.fact, children: timesUsed(reply) }),
+    /* @__PURE__ */ jsx("span", { className: styles.fact, children: lastUsed(reply) }),
+    /* @__PURE__ */ jsx("span", { className: styles.fact, children: categoryLabel(reply.category) })
+  ] });
+}
+function ReplyList({
+  rows,
+  isLoading,
+  isError,
+  filtered,
+  selectedId,
+  onSelect,
+  onRetry
+}) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: styles.list, "aria-hidden": true, children: Array.from({ length: 5 }, (_, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-[84px] w-full rounded-lg" }, index)) });
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        tone: "error",
+        title: "Saved replies failed to load",
+        action: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onRetry, children: "Try again" })
+      }
+    );
+  }
+  if (!rows.length) {
+    return /* @__PURE__ */ jsx(EmptyNote, { className: styles.empty, children: filtered ? "No reply matches. Try another word or category." : "No saved replies yet. Create the answers you send most, like payout timing." });
+  }
+  return /* @__PURE__ */ jsx("ul", { className: styles.list, "aria-label": "Saved replies", children: rows.map((reply) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: styles.card,
+      "data-active": reply.id === selectedId || void 0,
+      "aria-current": reply.id === selectedId || void 0,
+      onClick: () => onSelect(reply),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: styles.cardTitle, title: reply.title, children: reply.title }),
+        /* @__PURE__ */ jsx("span", { className: styles.cardBody, children: reply.body }),
+        /* @__PURE__ */ jsx(ReplyFacts, { reply })
+      ]
+    }
+  ) }, reply.id)) });
+}
+export {
+  ReplyFacts,
+  ReplyList
+};
+//# sourceMappingURL=reply-list.js.map

package/dist/admin/support/saved-replies/reply-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/support/saved-replies/reply-list.tsx"],"sourcesContent":["'use client';\n\nimport { Button, EmptyNote, Skeleton } from '@withpotter/ui-kit';\nimport { categoryLabel, type SavedReply } from '@withpotter/lib/admin-saved-replies-api';\nimport { EmptyState } from '../../_ui';\nimport { lastUsed, timesUsed } from './reply-meta';\nimport styles from './reply-list.module.css';\n\n/** Usage, last use and category: the three facts every card carries. */\nexport function ReplyFacts({ reply }: { reply: SavedReply }) {\n  return (\n    <span className={styles.facts}>\n      <span className={styles.fact}>{timesUsed(reply)}</span>\n      <span className={styles.fact}>{lastUsed(reply)}</span>\n      <span className={styles.fact}>{categoryLabel(reply.category)}</span>\n    </span>\n  );\n}\n\n/** The library's middle pane: one card per reply, or what stands in. */\nexport function ReplyList({\n  rows,\n  isLoading,\n  isError,\n  filtered,\n  selectedId,\n  onSelect,\n  onRetry,\n}: {\n  rows: SavedReply[];\n  isLoading: boolean;\n  isError: boolean;\n  /** A search or category is narrowing the list. */\n  filtered: boolean;\n  selectedId: string | null;\n  onSelect: (reply: SavedReply) => void;\n  onRetry: () => void;\n}) {\n  if (isLoading) {\n    return (\n      <div className={styles.list} aria-hidden>\n        {Array.from({ length: 5 }, (_, index) => (\n          <Skeleton key={index} className=\"h-[84px] w-full rounded-lg\" />\n        ))}\n      </div>\n    );\n  }\n  if (isError) {\n    return (\n      <EmptyState\n        tone=\"error\"\n        title=\"Saved replies failed to load\"\n        action={\n          <Button variant=\"secondary\" onClick={onRetry}>\n            Try again\n          </Button>\n        }\n      />\n    );\n  }\n  if (!rows.length) {\n    return (\n      <EmptyNote className={styles.empty}>\n        {filtered\n          ? 'No reply matches. Try another word or category.'\n          : 'No saved replies yet. Create the answers you send most, like payout timing.'}\n      </EmptyNote>\n    );\n  }\n\n  return (\n    <ul className={styles.list} aria-label=\"Saved replies\">\n      {rows.map((reply) => (\n        <li key={reply.id}>\n          <button\n            type=\"button\"\n            className={styles.card}\n            data-active={reply.id === selectedId || undefined}\n            aria-current={reply.id === selectedId || undefined}\n            onClick={() => onSelect(reply)}\n          >\n            <span className={styles.cardTitle} title={reply.title}>\n              {reply.title}\n            </span>\n            <span className={styles.cardBody}>{reply.body}</span>\n            <ReplyFacts reply={reply} />\n          </button>\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":";AAWI,SACE,KADF;AATJ,SAAS,QAAQ,WAAW,gBAAgB;AAC5C,SAAS,qBAAsC;AAC/C,SAAS,kBAAkB;AAC3B,SAAS,UAAU,iBAAiB;AACpC,OAAO,YAAY;AAGZ,SAAS,WAAW,EAAE,MAAM,GAA0B;AAC3D,SACE,qBAAC,UAAK,WAAW,OAAO,OACtB;AAAA,wBAAC,UAAK,WAAW,OAAO,MAAO,oBAAU,KAAK,GAAE;AAAA,IAChD,oBAAC,UAAK,WAAW,OAAO,MAAO,mBAAS,KAAK,GAAE;AAAA,IAC/C,oBAAC,UAAK,WAAW,OAAO,MAAO,wBAAc,MAAM,QAAQ,GAAE;AAAA,KAC/D;AAEJ;AAGO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,MAAI,WAAW;AACb,WACE,oBAAC,SAAI,WAAW,OAAO,MAAM,eAAW,MACrC,gBAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,UAC7B,oBAAC,YAAqB,WAAU,gCAAjB,KAA8C,CAC9D,GACH;AAAA,EAEJ;AACA,MAAI,SAAS;AACX,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,QACE,oBAAC,UAAO,SAAQ,aAAY,SAAS,SAAS,uBAE9C;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACA,MAAI,CAAC,KAAK,QAAQ;AAChB,WACE,oBAAC,aAAU,WAAW,OAAO,OAC1B,qBACG,oDACA,+EACN;AAAA,EAEJ;AAEA,SACE,oBAAC,QAAG,WAAW,OAAO,MAAM,cAAW,iBACpC,eAAK,IAAI,CAAC,UACT,oBAAC,QACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,OAAO;AAAA,MAClB,eAAa,MAAM,OAAO,cAAc;AAAA,MACxC,gBAAc,MAAM,OAAO,cAAc;AAAA,MACzC,SAAS,MAAM,SAAS,KAAK;AAAA,MAE7B;AAAA,4BAAC,UAAK,WAAW,OAAO,WAAW,OAAO,MAAM,OAC7C,gBAAM,OACT;AAAA,QACA,oBAAC,UAAK,WAAW,OAAO,UAAW,gBAAM,MAAK;AAAA,QAC9C,oBAAC,cAAW,OAAc;AAAA;AAAA;AAAA,EAC5B,KAbO,MAAM,EAcf,CACD,GACH;AAEJ;","names":[]}

package/dist/admin/support/saved-replies/reply-list.module.css

@@ -0,0 +1,74 @@
+/* Reply rows (flat, inside the library card): title, two lines of text, then usage, last use, category. */
+
+.list {
+  display: grid;
+  gap: 4px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.card {
+  display: grid;
+  gap: 4px;
+  width: 100%;
+  padding: 12px;
+  border: 0;
+  border-radius: 10px;
+  background: transparent;
+  text-align: left;
+  cursor: pointer;
+  transition: background var(--adm-fast);
+}
+
+.card:hover {
+  background: var(--adm-hover);
+}
+
+.card[data-active] {
+  background: var(--adm-tint);
+}
+
+.card:focus-visible {
+  outline: 2px solid var(--focus-ring);
+  outline-offset: -2px;
+}
+
+.cardTitle {
+  overflow: hidden;
+  color: var(--text-primary);
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.cardBody {
+  display: -webkit-box;
+  overflow: hidden;
+  color: var(--text-secondary);
+  font-size: 13px;
+  line-height: 18px;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.facts {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px 8px;
+  color: var(--text-tertiary);
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.fact + .fact::before {
+  margin-right: 8px;
+  content: '·';
+}
+
+.empty {
+  padding: 24px 16px;
+  text-align: center;
+}

package/dist/admin/support/saved-replies/reply-meta.js

@@ -0,0 +1,78 @@
+import {
+  SUPPORT_CATEGORIES,
+  categoryLabel
+} from "@withpotter/lib/admin-saved-replies-api";
+const ALL = "all";
+const NONE = "none";
+const ANY = "any";
+const CATEGORY_OPTIONS = [
+  { value: ANY, label: "Any category" },
+  ...SUPPORT_CATEGORIES.map((value) => ({
+    value,
+    label: categoryLabel(value)
+  }))
+];
+function knownCategory(value) {
+  return SUPPORT_CATEGORIES.find((category) => category === value) ?? null;
+}
+function toInput(reply, initialBody, category) {
+  if (reply) {
+    return { title: reply.title, body: reply.body, category: reply.category };
+  }
+  return {
+    title: "",
+    body: initialBody?.trim() || "Hi {{first_name}},\n\n",
+    category: knownCategory(category)
+  };
+}
+function timesUsed(reply) {
+  if (!reply.usageCount) return "Not used yet";
+  return reply.usageCount === 1 ? "Used once" : `Used ${reply.usageCount.toLocaleString()} times`;
+}
+function lastUsed(reply) {
+  if (!reply.lastUsedAt) return "Never used";
+  const date = new Date(reply.lastUsedAt);
+  return Number.isNaN(date.getTime()) ? "Never used" : `Last used ${date.toLocaleDateString()}`;
+}
+function categoryCounts(replies) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const reply of replies) {
+    const key = reply.category ?? NONE;
+    counts.set(key, (counts.get(key) ?? 0) + 1);
+  }
+  return [...counts.entries()].map(([key, count]) => ({
+    key,
+    label: key === NONE ? "No category" : categoryLabel(key),
+    count
+  })).sort((a, b) => a.label.localeCompare(b.label));
+}
+function inCategory(reply, category) {
+  if (category === ALL) return true;
+  if (category === NONE) return !reply.category;
+  return reply.category === category;
+}
+function matches(reply, query) {
+  const needle = query.trim().toLowerCase();
+  if (!needle) return true;
+  return [reply.title, reply.body, categoryLabel(reply.category)].some(
+    (text) => text.toLowerCase().includes(needle)
+  );
+}
+function filterReplies(replies, { category = ALL, query = "", prefer = null }) {
+  return (replies ?? []).filter((reply) => inCategory(reply, category) && matches(reply, query)).sort(
+    (a, b) => Number(b.category === prefer) - Number(a.category === prefer) || b.usageCount - a.usageCount || a.title.localeCompare(b.title)
+  );
+}
+export {
+  ALL,
+  ANY,
+  CATEGORY_OPTIONS,
+  NONE,
+  categoryCounts,
+  filterReplies,
+  knownCategory,
+  lastUsed,
+  timesUsed,
+  toInput
+};
+//# sourceMappingURL=reply-meta.js.map

package/dist/admin/support/saved-replies/reply-meta.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/support/saved-replies/reply-meta.ts"],"sourcesContent":["import {\n  SUPPORT_CATEGORIES,\n  categoryLabel,\n  type SavedReply,\n  type SavedReplyInput,\n  type SupportCategory,\n} from '@withpotter/lib/admin-saved-replies-api';\n\n/** The category filter: every reply, one category, or the uncategorised. */\nexport const ALL = 'all';\nexport const NONE = 'none';\n\nexport const ANY = 'any';\nexport const CATEGORY_OPTIONS = [\n  { value: ANY, label: 'Any category' },\n  ...SUPPORT_CATEGORIES.map((value) => ({\n    value,\n    label: categoryLabel(value),\n  })),\n];\n\nexport function knownCategory(value: string | null | undefined) {\n  return SUPPORT_CATEGORIES.find((category) => category === value) ?? null;\n}\n\nexport function toInput(\n  reply: SavedReply | null,\n  initialBody?: string,\n  category?: string | null,\n): SavedReplyInput {\n  if (reply) {\n    return { title: reply.title, body: reply.body, category: reply.category };\n  }\n\n  return {\n    title: '',\n    body: initialBody?.trim() || 'Hi {{first_name}},\\n\\n',\n    category: knownCategory(category),\n  };\n}\n\nexport function timesUsed(reply: SavedReply) {\n  if (!reply.usageCount) return 'Not used yet';\n\n  return reply.usageCount === 1\n    ? 'Used once'\n    : `Used ${reply.usageCount.toLocaleString()} times`;\n}\n\nexport function lastUsed(reply: SavedReply) {\n  if (!reply.lastUsedAt) return 'Never used';\n\n  const date = new Date(reply.lastUsedAt);\n\n  return Number.isNaN(date.getTime())\n    ? 'Never used'\n    : `Last used ${date.toLocaleDateString()}`;\n}\n\n/** The category rows of the library: counts per category actually in use. */\nexport function categoryCounts(replies: SavedReply[]) {\n  const counts = new Map<string, number>();\n\n  for (const reply of replies) {\n    const key = reply.category ?? NONE;\n    counts.set(key, (counts.get(key) ?? 0) + 1);\n  }\n\n  return [...counts.entries()]\n    .map(([key, count]) => ({\n      key,\n      label: key === NONE ? 'No category' : categoryLabel(key),\n      count,\n    }))\n    .sort((a, b) => a.label.localeCompare(b.label));\n}\n\nfunction inCategory(reply: SavedReply, category: string) {\n  if (category === ALL) return true;\n  if (category === NONE) return !reply.category;\n  return reply.category === category;\n}\n\nfunction matches(reply: SavedReply, query: string) {\n  const needle = query.trim().toLowerCase();\n\n  if (!needle) return true;\n\n  return [reply.title, reply.body, categoryLabel(reply.category)].some((text) =>\n    text.toLowerCase().includes(needle),\n  );\n}\n\n/**\n * Replies in the category that match the search. With a case category,\n * that category's replies come first; then the most used.\n */\nexport function filterReplies(\n  replies: SavedReply[] | undefined,\n  { category = ALL, query = '', prefer = null }: FilterOptions,\n) {\n  return (replies ?? [])\n    .filter((reply) => inCategory(reply, category) && matches(reply, query))\n    .sort(\n      (a, b) =>\n        Number(b.category === prefer) - Number(a.category === prefer) ||\n        b.usageCount - a.usageCount ||\n        a.title.localeCompare(b.title),\n    );\n}\n\ntype FilterOptions = {\n  category?: string;\n  query?: string;\n  prefer?: SupportCategory | string | null;\n};\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAIK;AAGA,MAAM,MAAM;AACZ,MAAM,OAAO;AAEb,MAAM,MAAM;AACZ,MAAM,mBAAmB;AAAA,EAC9B,EAAE,OAAO,KAAK,OAAO,eAAe;AAAA,EACpC,GAAG,mBAAmB,IAAI,CAAC,WAAW;AAAA,IACpC;AAAA,IACA,OAAO,cAAc,KAAK;AAAA,EAC5B,EAAE;AACJ;AAEO,SAAS,cAAc,OAAkC;AAC9D,SAAO,mBAAmB,KAAK,CAAC,aAAa,aAAa,KAAK,KAAK;AACtE;AAEO,SAAS,QACd,OACA,aACA,UACiB;AACjB,MAAI,OAAO;AACT,WAAO,EAAE,OAAO,MAAM,OAAO,MAAM,MAAM,MAAM,UAAU,MAAM,SAAS;AAAA,EAC1E;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP,MAAM,aAAa,KAAK,KAAK;AAAA,IAC7B,UAAU,cAAc,QAAQ;AAAA,EAClC;AACF;AAEO,SAAS,UAAU,OAAmB;AAC3C,MAAI,CAAC,MAAM,WAAY,QAAO;AAE9B,SAAO,MAAM,eAAe,IACxB,cACA,QAAQ,MAAM,WAAW,eAAe,CAAC;AAC/C;AAEO,SAAS,SAAS,OAAmB;AAC1C,MAAI,CAAC,MAAM,WAAY,QAAO;AAE9B,QAAM,OAAO,IAAI,KAAK,MAAM,UAAU;AAEtC,SAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,IAC9B,eACA,aAAa,KAAK,mBAAmB,CAAC;AAC5C;AAGO,SAAS,eAAe,SAAuB;AACpD,QAAM,SAAS,oBAAI,IAAoB;AAEvC,aAAW,SAAS,SAAS;AAC3B,UAAM,MAAM,MAAM,YAAY;AAC9B,WAAO,IAAI,MAAM,OAAO,IAAI,GAAG,KAAK,KAAK,CAAC;AAAA,EAC5C;AAEA,SAAO,CAAC,GAAG,OAAO,QAAQ,CAAC,EACxB,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO;AAAA,IACtB;AAAA,IACA,OAAO,QAAQ,OAAO,gBAAgB,cAAc,GAAG;AAAA,IACvD;AAAA,EACF,EAAE,EACD,KAAK,CAAC,GAAG,MAAM,EAAE,MAAM,cAAc,EAAE,KAAK,CAAC;AAClD;AAEA,SAAS,WAAW,OAAmB,UAAkB;AACvD,MAAI,aAAa,IAAK,QAAO;AAC7B,MAAI,aAAa,KAAM,QAAO,CAAC,MAAM;AACrC,SAAO,MAAM,aAAa;AAC5B;AAEA,SAAS,QAAQ,OAAmB,OAAe;AACjD,QAAM,SAAS,MAAM,KAAK,EAAE,YAAY;AAExC,MAAI,CAAC,OAAQ,QAAO;AAEpB,SAAO,CAAC,MAAM,OAAO,MAAM,MAAM,cAAc,MAAM,QAAQ,CAAC,EAAE;AAAA,IAAK,CAAC,SACpE,KAAK,YAAY,EAAE,SAAS,MAAM;AAAA,EACpC;AACF;AAMO,SAAS,cACd,SACA,EAAE,WAAW,KAAK,QAAQ,IAAI,SAAS,KAAK,GAC5C;AACA,UAAQ,WAAW,CAAC,GACjB,OAAO,CAAC,UAAU,WAAW,OAAO,QAAQ,KAAK,QAAQ,OAAO,KAAK,CAAC,EACtE;AAAA,IACC,CAAC,GAAG,MACF,OAAO,EAAE,aAAa,MAAM,IAAI,OAAO,EAAE,aAAa,MAAM,KAC5D,EAAE,aAAa,EAAE,cACjB,EAAE,MAAM,cAAc,EAAE,KAAK;AAAA,EACjC;AACJ;","names":[]}

package/dist/admin/support/saved-replies/reply-preview.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { Trash2 } from "lucide-react";
+import { Button, EmptyNote } from "@withpotter/ui-kit";
+import { ReplyFacts } from "./reply-list";
+import styles from "./saved-replies.module.css";
+const TOKEN = /(\{\{\s*[a-z_]+\s*\}\})/g;
+function ReplyBody({ body }) {
+  return /* @__PURE__ */ jsx("p", { className: styles.previewBody, children: body.split(TOKEN).map(
+    (part, index) => index % 2 ? /* @__PURE__ */ jsx("mark", { className: styles.token, children: part }, index) : /* @__PURE__ */ jsx(Fragment, { children: part }, index)
+  ) });
+}
+function ReplyPreview({
+  reply,
+  canManage,
+  onEdit,
+  onDelete
+}) {
+  if (!reply) {
+    return /* @__PURE__ */ jsx(EmptyNote, { className: styles.empty, children: canManage ? "Pick a reply to preview it, or start a new one." : "Pick a reply to preview it." });
+  }
+  return /* @__PURE__ */ jsxs("article", { className: styles.preview, "aria-label": `Preview: ${reply.title}`, children: [
+    /* @__PURE__ */ jsxs("header", { className: styles.previewHead, children: [
+      /* @__PURE__ */ jsx("h3", { className: styles.paneTitle, children: reply.title }),
+      canManage && /* @__PURE__ */ jsxs("div", { className: styles.previewActions, children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onEdit, children: "Edit" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "icon",
+            variant: "ghostDanger",
+            "aria-label": `Delete ${reply.title}`,
+            onClick: onDelete,
+            children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(ReplyFacts, { reply }),
+    /* @__PURE__ */ jsx(ReplyBody, { body: reply.body })
+  ] });
+}
+export {
+  ReplyBody,
+  ReplyPreview
+};
+//# sourceMappingURL=reply-preview.js.map

package/dist/admin/support/saved-replies/reply-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/support/saved-replies/reply-preview.tsx"],"sourcesContent":["'use client';\n\nimport { Fragment } from 'react';\nimport { Trash2 } from 'lucide-react';\nimport { Button, EmptyNote } from '@withpotter/ui-kit';\nimport type { SavedReply } from '@withpotter/lib/admin-saved-replies-api';\nimport { ReplyFacts } from './reply-list';\nimport styles from './saved-replies.module.css';\n\nconst TOKEN = /(\\{\\{\\s*[a-z_]+\\s*\\}\\})/g;\n\n/** The reply's text with each {{placeholder}} marked, as the agent sees it. */\nexport function ReplyBody({ body }: { body: string }) {\n  return (\n    <p className={styles.previewBody}>\n      {body.split(TOKEN).map((part, index) =>\n        index % 2 ? (\n          <mark key={index} className={styles.token}>\n            {part}\n          </mark>\n        ) : (\n          <Fragment key={index}>{part}</Fragment>\n        ),\n      )}\n    </p>\n  );\n}\n\n/** The library's right pane at rest: the reply, read-only, with its actions. */\nexport function ReplyPreview({\n  reply,\n  canManage,\n  onEdit,\n  onDelete,\n}: {\n  reply: SavedReply | null;\n  canManage: boolean;\n  onEdit: () => void;\n  onDelete: () => void;\n}) {\n  if (!reply) {\n    return (\n      <EmptyNote className={styles.empty}>\n        {canManage\n          ? 'Pick a reply to preview it, or start a new one.'\n          : 'Pick a reply to preview it.'}\n      </EmptyNote>\n    );\n  }\n\n  return (\n    <article className={styles.preview} aria-label={`Preview: ${reply.title}`}>\n      <header className={styles.previewHead}>\n        <h3 className={styles.paneTitle}>{reply.title}</h3>\n        {canManage && (\n          <div className={styles.previewActions}>\n            <Button variant=\"secondary\" onClick={onEdit}>\n              Edit\n            </Button>\n            <Button\n              size=\"icon\"\n              variant=\"ghostDanger\"\n              aria-label={`Delete ${reply.title}`}\n              onClick={onDelete}\n            >\n              <Trash2 className=\"size-4\" />\n            </Button>\n          </div>\n        )}\n      </header>\n      <ReplyFacts reply={reply} />\n      <ReplyBody body={reply.body} />\n    </article>\n  );\n}\n"],"mappings":";AAiBU,cAsCA,YAtCA;AAfV,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,QAAQ,iBAAiB;AAElC,SAAS,kBAAkB;AAC3B,OAAO,YAAY;AAEnB,MAAM,QAAQ;AAGP,SAAS,UAAU,EAAE,KAAK,GAAqB;AACpD,SACE,oBAAC,OAAE,WAAW,OAAO,aAClB,eAAK,MAAM,KAAK,EAAE;AAAA,IAAI,CAAC,MAAM,UAC5B,QAAQ,IACN,oBAAC,UAAiB,WAAW,OAAO,OACjC,kBADQ,KAEX,IAEA,oBAAC,YAAsB,kBAAR,KAAa;AAAA,EAEhC,GACF;AAEJ;AAGO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,MAAI,CAAC,OAAO;AACV,WACE,oBAAC,aAAU,WAAW,OAAO,OAC1B,sBACG,oDACA,+BACN;AAAA,EAEJ;AAEA,SACE,qBAAC,aAAQ,WAAW,OAAO,SAAS,cAAY,YAAY,MAAM,KAAK,IACrE;AAAA,yBAAC,YAAO,WAAW,OAAO,aACxB;AAAA,0BAAC,QAAG,WAAW,OAAO,WAAY,gBAAM,OAAM;AAAA,MAC7C,aACC,qBAAC,SAAI,WAAW,OAAO,gBACrB;AAAA,4BAAC,UAAO,SAAQ,aAAY,SAAS,QAAQ,kBAE7C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,cAAY,UAAU,MAAM,KAAK;AAAA,YACjC,SAAS;AAAA,YAET,8BAAC,UAAO,WAAU,UAAS;AAAA;AAAA,QAC7B;AAAA,SACF;AAAA,OAEJ;AAAA,IACA,oBAAC,cAAW,OAAc;AAAA,IAC1B,oBAAC,aAAU,MAAM,MAAM,MAAM;AAAA,KAC/B;AAEJ;","names":[]}

package/dist/admin/support/saved-replies/save-reply-dialog.js

@@ -0,0 +1,66 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button, FormDialog, useToast } from "@withpotter/ui-kit";
+import {
+  BodyField,
+  CategoryField,
+  TitleField,
+  useReplyDraft
+} from "./reply-fields";
+import { toInput } from "./reply-meta";
+import { useSavedReplyMutations } from "./use-saved-replies";
+import styles from "./saved-replies.module.css";
+function SaveReplyDialog({
+  open,
+  initialBody,
+  category,
+  onClose
+}) {
+  const { save } = useSavedReplyMutations();
+  const { toast } = useToast();
+  const form = useReplyDraft(() => toInput(null, initialBody, category));
+  const submit = () => {
+    if (form.invalid) return;
+    save.mutate(
+      { id: null, input: form.draft },
+      {
+        onSuccess: (reply) => {
+          toast({ title: `Saved \u201C${reply.title}\u201D to saved replies` });
+          onClose();
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      open,
+      size: "sm",
+      title: "Save as saved reply",
+      description: "Name it so the team can find it in any case's reply box.",
+      onClose,
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: submit,
+            loading: save.isPending,
+            disabled: form.invalid,
+            children: "Save reply"
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsxs("fieldset", { disabled: save.isPending, className: styles.editor, children: [
+        /* @__PURE__ */ jsx(TitleField, { form }),
+        /* @__PURE__ */ jsx(CategoryField, { form }),
+        /* @__PURE__ */ jsx(BodyField, { form, rows: 5, placeholders: false }),
+        save.isError && /* @__PURE__ */ jsx("p", { className: styles.error, role: "alert", children: save.error.message })
+      ] })
+    }
+  );
+}
+export {
+  SaveReplyDialog
+};
+//# sourceMappingURL=save-reply-dialog.js.map

package/dist/admin/support/saved-replies/save-reply-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/support/saved-replies/save-reply-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { Button, FormDialog, useToast } from '@withpotter/ui-kit';\nimport {\n  BodyField,\n  CategoryField,\n  TitleField,\n  useReplyDraft,\n} from './reply-fields';\nimport { toInput } from './reply-meta';\nimport { useSavedReplyMutations } from './use-saved-replies';\nimport styles from './saved-replies.module.css';\n\n/**\n * The one way to keep what was just written: name it, pick a category, and\n * it joins the saved replies. The text comes from the reply box.\n */\nexport function SaveReplyDialog({\n  open,\n  initialBody,\n  category,\n  onClose,\n}: {\n  open: boolean;\n  /** The reply box's text, to start the saved reply from. */\n  initialBody: string;\n  /** The case's category, preselected when it is a known one. */\n  category?: string;\n  onClose: () => void;\n}) {\n  const { save } = useSavedReplyMutations();\n  const { toast } = useToast();\n  const form = useReplyDraft(() => toInput(null, initialBody, category));\n\n  const submit = () => {\n    if (form.invalid) return;\n\n    save.mutate(\n      { id: null, input: form.draft },\n      {\n        onSuccess: (reply) => {\n          toast({ title: `Saved “${reply.title}” to saved replies` });\n          onClose();\n        },\n      },\n    );\n  };\n\n  return (\n    <FormDialog\n      open={open}\n      size=\"sm\"\n      title=\"Save as saved reply\"\n      description=\"Name it so the team can find it in any case's reply box.\"\n      onClose={onClose}\n      footer={\n        <>\n          <Button variant=\"secondary\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button\n            onClick={submit}\n            loading={save.isPending}\n            disabled={form.invalid}\n          >\n            Save reply\n          </Button>\n        </>\n      }\n    >\n      <fieldset disabled={save.isPending} className={styles.editor}>\n        <TitleField form={form} />\n        <CategoryField form={form} />\n        <BodyField form={form} rows={5} placeholders={false} />\n        {save.isError && (\n          <p className={styles.error} role=\"alert\">\n            {save.error.message}\n          </p>\n        )}\n      </fieldset>\n    </FormDialog>\n  );\n}\n"],"mappings":";AAwDQ,mBACE,KADF;AAtDR,SAAS,QAAQ,YAAY,gBAAgB;AAC7C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,8BAA8B;AACvC,OAAO,YAAY;AAMZ,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,EAAE,KAAK,IAAI,uBAAuB;AACxC,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,OAAO,cAAc,MAAM,QAAQ,MAAM,aAAa,QAAQ,CAAC;AAErE,QAAM,SAAS,MAAM;AACnB,QAAI,KAAK,QAAS;AAElB,SAAK;AAAA,MACH,EAAE,IAAI,MAAM,OAAO,KAAK,MAAM;AAAA,MAC9B;AAAA,QACE,WAAW,CAAC,UAAU;AACpB,gBAAM,EAAE,OAAO,eAAU,MAAM,KAAK,0BAAqB,CAAC;AAC1D,kBAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,OAAM;AAAA,MACN,aAAY;AAAA,MACZ;AAAA,MACA,QACE,iCACE;AAAA,4BAAC,UAAO,SAAQ,aAAY,SAAS,SAAS,oBAE9C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,SAAS,KAAK;AAAA,YACd,UAAU,KAAK;AAAA,YAChB;AAAA;AAAA,QAED;AAAA,SACF;AAAA,MAGF,+BAAC,cAAS,UAAU,KAAK,WAAW,WAAW,OAAO,QACpD;AAAA,4BAAC,cAAW,MAAY;AAAA,QACxB,oBAAC,iBAAc,MAAY;AAAA,QAC3B,oBAAC,aAAU,MAAY,MAAM,GAAG,cAAc,OAAO;AAAA,QACpD,KAAK,WACJ,oBAAC,OAAE,WAAW,OAAO,OAAO,MAAK,SAC9B,eAAK,MAAM,SACd;AAAA,SAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/admin/support/saved-replies/saved-replies-kpis.js

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { StatCard } from "../../_ui";
+function SavedRepliesKpis({
+  replies,
+  isLoading
+}) {
+  const sent = replies.reduce((sum, reply) => sum + reply.usageCount, 0);
+  const unused = replies.filter((reply) => !reply.usageCount).length;
+  const top = replies.reduce(
+    (best, reply) => reply.usageCount > (best?.usageCount ?? 0) ? reply : best,
+    null
+  );
+  return /* @__PURE__ */ jsxs("section", { "aria-label": "Saved reply usage", className: "adm-grid", children: [
+    /* @__PURE__ */ jsx("div", { className: "adm-span-3", children: /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        label: "Saved replies",
+        value: replies.length.toLocaleString(),
+        isLoading,
+        sub: "In the reply picker"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "adm-span-3", children: /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        label: "Times sent",
+        value: sent.toLocaleString(),
+        isLoading,
+        sub: "Across all cases"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "adm-span-3", children: /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        label: "Never used",
+        value: unused.toLocaleString(),
+        isLoading,
+        sub: "Candidates to rewrite"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "adm-span-3", children: /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        label: "Most used",
+        value: top?.title ?? "\u2013",
+        isLoading,
+        sub: top ? `Sent ${top.usageCount.toLocaleString()} times` : "Nothing sent yet"
+      }
+    ) })
+  ] });
+}
+export {
+  SavedRepliesKpis
+};
+//# sourceMappingURL=saved-replies-kpis.js.map

package/dist/admin/support/saved-replies/saved-replies-kpis.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/support/saved-replies/saved-replies-kpis.tsx"],"sourcesContent":["import type { SavedReply } from '@withpotter/lib/admin-saved-replies-api';\nimport { StatCard } from '../../_ui';\n\n/** How much the library is pulling its weight. */\nexport function SavedRepliesKpis({\n  replies,\n  isLoading,\n}: {\n  replies: SavedReply[];\n  isLoading: boolean;\n}) {\n  const sent = replies.reduce((sum, reply) => sum + reply.usageCount, 0);\n  const unused = replies.filter((reply) => !reply.usageCount).length;\n  const top = replies.reduce<SavedReply | null>(\n    (best, reply) =>\n      reply.usageCount > (best?.usageCount ?? 0) ? reply : best,\n    null,\n  );\n\n  return (\n    <section aria-label=\"Saved reply usage\" className=\"adm-grid\">\n      <div className=\"adm-span-3\">\n        <StatCard\n          label=\"Saved replies\"\n          value={replies.length.toLocaleString()}\n          isLoading={isLoading}\n          sub=\"In the reply picker\"\n        />\n      </div>\n      <div className=\"adm-span-3\">\n        <StatCard\n          label=\"Times sent\"\n          value={sent.toLocaleString()}\n          isLoading={isLoading}\n          sub=\"Across all cases\"\n        />\n      </div>\n      <div className=\"adm-span-3\">\n        <StatCard\n          label=\"Never used\"\n          value={unused.toLocaleString()}\n          isLoading={isLoading}\n          sub=\"Candidates to rewrite\"\n        />\n      </div>\n      <div className=\"adm-span-3\">\n        <StatCard\n          label=\"Most used\"\n          value={top?.title ?? '–'}\n          isLoading={isLoading}\n          sub={\n            top\n              ? `Sent ${top.usageCount.toLocaleString()} times`\n              : 'Nothing sent yet'\n          }\n        />\n      </div>\n    </section>\n  );\n}\n"],"mappings":"AAoBI,SAEI,KAFJ;AAnBJ,SAAS,gBAAgB;AAGlB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAO,QAAQ,OAAO,CAAC,KAAK,UAAU,MAAM,MAAM,YAAY,CAAC;AACrE,QAAM,SAAS,QAAQ,OAAO,CAAC,UAAU,CAAC,MAAM,UAAU,EAAE;AAC5D,QAAM,MAAM,QAAQ;AAAA,IAClB,CAAC,MAAM,UACL,MAAM,cAAc,MAAM,cAAc,KAAK,QAAQ;AAAA,IACvD;AAAA,EACF;AAEA,SACE,qBAAC,aAAQ,cAAW,qBAAoB,WAAU,YAChD;AAAA,wBAAC,SAAI,WAAU,cACb;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,QAAQ,OAAO,eAAe;AAAA,QACrC;AAAA,QACA,KAAI;AAAA;AAAA,IACN,GACF;AAAA,IACA,oBAAC,SAAI,WAAU,cACb;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,KAAK,eAAe;AAAA,QAC3B;AAAA,QACA,KAAI;AAAA;AAAA,IACN,GACF;AAAA,IACA,oBAAC,SAAI,WAAU,cACb;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,OAAO,eAAe;AAAA,QAC7B;AAAA,QACA,KAAI;AAAA;AAAA,IACN,GACF;AAAA,IACA,oBAAC,SAAI,WAAU,cACb;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,KAAK,SAAS;AAAA,QACrB;AAAA,QACA,KACE,MACI,QAAQ,IAAI,WAAW,eAAe,CAAC,WACvC;AAAA;AAAA,IAER,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/support/saved-replies/saved-replies-tab.js

@@ -0,0 +1,22 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { SavedRepliesKpis } from "./saved-replies-kpis";
+import { SavedRepliesLibrary } from "./library";
+import { useSavedReplies } from "./use-saved-replies";
+function SavedRepliesTab({ canManage }) {
+  const replies = useSavedReplies();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SavedRepliesKpis,
+      {
+        replies: replies.data ?? [],
+        isLoading: replies.isLoading
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "adm-grid", children: /* @__PURE__ */ jsx("div", { className: "adm-span-12", children: /* @__PURE__ */ jsx(SavedRepliesLibrary, { canManage }) }) })
+  ] });
+}
+export {
+  SavedRepliesTab
+};
+//# sourceMappingURL=saved-replies-tab.js.map

package/dist/admin/support/saved-replies/saved-replies-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/support/saved-replies/saved-replies-tab.tsx"],"sourcesContent":["'use client';\n\nimport { SavedRepliesKpis } from './saved-replies-kpis';\nimport { SavedRepliesLibrary } from './library';\nimport { useSavedReplies } from './use-saved-replies';\n\n/** Support's \"Saved replies\" tab: how the library is used, then the library. */\nexport function SavedRepliesTab({ canManage }: { canManage: boolean }) {\n  const replies = useSavedReplies();\n\n  return (\n    <>\n      <SavedRepliesKpis\n        replies={replies.data ?? []}\n        isLoading={replies.isLoading}\n      />\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-12\">\n          <SavedRepliesLibrary canManage={canManage} />\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":";AAWI,mBACE,KADF;AATJ,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAGzB,SAAS,gBAAgB,EAAE,UAAU,GAA2B;AACrE,QAAM,UAAU,gBAAgB;AAEhC,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,QAAQ,QAAQ,CAAC;AAAA,QAC1B,WAAW,QAAQ;AAAA;AAAA,IACrB;AAAA,IACA,oBAAC,SAAI,WAAU,YACb,8BAAC,SAAI,WAAU,eACb,8BAAC,uBAAoB,WAAsB,GAC7C,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/support/saved-replies/saved-replies.module.css

@@ -0,0 +1,95 @@
+/* The right pane: a reply previewed, or its editor; and the save dialog. */
+
+.preview,
+.inlineEditor {
+  display: grid;
+  align-content: start;
+  gap: 16px;
+  min-width: 0;
+}
+
+.previewHead,
+.editorActions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.editorActions {
+  justify-content: flex-end;
+}
+
+.previewActions {
+  display: flex;
+  flex-shrink: 0;
+  gap: 4px;
+}
+
+.paneTitle {
+  min-width: 0;
+  margin: 0;
+  overflow-wrap: anywhere;
+  color: var(--text-primary);
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 20px;
+}
+
+.previewBody {
+  margin: 0;
+  padding: 16px;
+  border-radius: 10px;
+  background: var(--bg-subtle);
+  color: var(--text-primary);
+  font-size: 14px;
+  line-height: 20px;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
+
+.token {
+  padding: 0 4px;
+  border-radius: 10px;
+  background: color-mix(in srgb, var(--brand-500) 12%, transparent);
+  color: var(--brand-700);
+  font-family: var(--font-mono);
+  font-size: 13px;
+}
+
+.editor {
+  display: grid;
+  gap: 16px;
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+.field {
+  display: grid;
+  gap: 8px;
+}
+.label {
+  color: var(--text-secondary);
+  font-size: 13px;
+  font-weight: 500;
+}
+.hint {
+  color: var(--text-tertiary);
+  font-size: 12px;
+}
+.placeholders {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.error {
+  margin: 0;
+  color: var(--error);
+  font-size: 13px;
+}
+
+.empty {
+  padding: 24px 16px;
+  text-align: center;
+}

package/dist/admin/support/saved-replies/saved-reply-editor.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@withpotter/ui-kit";
+import {
+  BodyField,
+  CategoryField,
+  TitleField,
+  useReplyDraft
+} from "./reply-fields";
+import { toInput } from "./reply-meta";
+import { useSavedReplyMutations } from "./use-saved-replies";
+import styles from "./saved-replies.module.css";
+function SavedReplyEditor({
+  reply,
+  onSaved,
+  onCancel
+}) {
+  const { save } = useSavedReplyMutations();
+  const form = useReplyDraft(() => toInput(reply));
+  const submit = () => {
+    if (form.invalid) return;
+    save.mutate(
+      { id: reply?.id ?? null, input: form.draft },
+      { onSuccess: onSaved }
+    );
+  };
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: styles.inlineEditor,
+      "aria-label": reply ? `Edit ${reply.title}` : "New saved reply",
+      onSubmit: (event) => {
+        event.preventDefault();
+        submit();
+      },
+      children: [
+        /* @__PURE__ */ jsx("h3", { className: styles.paneTitle, children: reply ? "Edit saved reply" : "New saved reply" }),
+        /* @__PURE__ */ jsxs("fieldset", { disabled: save.isPending, className: styles.editor, children: [
+          /* @__PURE__ */ jsx(TitleField, { form }),
+          /* @__PURE__ */ jsx(CategoryField, { form }),
+          /* @__PURE__ */ jsx(BodyField, { form }),
+          save.isError && /* @__PURE__ */ jsx("p", { className: styles.error, role: "alert", children: save.error.message })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: styles.editorActions, children: [
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onCancel, children: "Cancel" }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", loading: save.isPending, disabled: form.invalid, children: reply ? "Save changes" : "Create reply" })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  SavedReplyEditor
+};
+//# sourceMappingURL=saved-reply-editor.js.map

package/dist/admin/support/saved-replies/saved-reply-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/support/saved-replies/saved-reply-editor.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@withpotter/ui-kit';\nimport type { SavedReply } from '@withpotter/lib/admin-saved-replies-api';\nimport {\n  BodyField,\n  CategoryField,\n  TitleField,\n  useReplyDraft,\n} from './reply-fields';\nimport { toInput } from './reply-meta';\nimport { useSavedReplyMutations } from './use-saved-replies';\nimport styles from './saved-replies.module.css';\n\n/**\n * The library's right pane in edit mode: a new reply, or an existing one\n * changed in place. Saving hands back the stored reply so it stays selected.\n */\nexport function SavedReplyEditor({\n  reply,\n  onSaved,\n  onCancel,\n}: {\n  reply: SavedReply | null;\n  onSaved: (reply: SavedReply) => void;\n  onCancel: () => void;\n}) {\n  const { save } = useSavedReplyMutations();\n  const form = useReplyDraft(() => toInput(reply));\n\n  const submit = () => {\n    if (form.invalid) return;\n\n    save.mutate(\n      { id: reply?.id ?? null, input: form.draft },\n      { onSuccess: onSaved },\n    );\n  };\n\n  return (\n    <form\n      className={styles.inlineEditor}\n      aria-label={reply ? `Edit ${reply.title}` : 'New saved reply'}\n      onSubmit={(event) => {\n        event.preventDefault();\n        submit();\n      }}\n    >\n      <h3 className={styles.paneTitle}>\n        {reply ? 'Edit saved reply' : 'New saved reply'}\n      </h3>\n      <fieldset disabled={save.isPending} className={styles.editor}>\n        <TitleField form={form} />\n        <CategoryField form={form} />\n        <BodyField form={form} />\n        {save.isError && (\n          <p className={styles.error} role=\"alert\">\n            {save.error.message}\n          </p>\n        )}\n      </fieldset>\n      <div className={styles.editorActions}>\n        <Button variant=\"secondary\" onClick={onCancel}>\n          Cancel\n        </Button>\n        <Button type=\"submit\" loading={save.isPending} disabled={form.invalid}>\n          {reply ? 'Save changes' : 'Create reply'}\n        </Button>\n      </div>\n    </form>\n  );\n}\n"],"mappings":";AAgDM,cAGA,YAHA;AA9CN,SAAS,cAAc;AAEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,8BAA8B;AACvC,OAAO,YAAY;AAMZ,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,EAAE,KAAK,IAAI,uBAAuB;AACxC,QAAM,OAAO,cAAc,MAAM,QAAQ,KAAK,CAAC;AAE/C,QAAM,SAAS,MAAM;AACnB,QAAI,KAAK,QAAS;AAElB,SAAK;AAAA,MACH,EAAE,IAAI,OAAO,MAAM,MAAM,OAAO,KAAK,MAAM;AAAA,MAC3C,EAAE,WAAW,QAAQ;AAAA,IACvB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,OAAO;AAAA,MAClB,cAAY,QAAQ,QAAQ,MAAM,KAAK,KAAK;AAAA,MAC5C,UAAU,CAAC,UAAU;AACnB,cAAM,eAAe;AACrB,eAAO;AAAA,MACT;AAAA,MAEA;AAAA,4BAAC,QAAG,WAAW,OAAO,WACnB,kBAAQ,qBAAqB,mBAChC;AAAA,QACA,qBAAC,cAAS,UAAU,KAAK,WAAW,WAAW,OAAO,QACpD;AAAA,8BAAC,cAAW,MAAY;AAAA,UACxB,oBAAC,iBAAc,MAAY;AAAA,UAC3B,oBAAC,aAAU,MAAY;AAAA,UACtB,KAAK,WACJ,oBAAC,OAAE,WAAW,OAAO,OAAO,MAAK,SAC9B,eAAK,MAAM,SACd;AAAA,WAEJ;AAAA,QACA,qBAAC,SAAI,WAAW,OAAO,eACrB;AAAA,8BAAC,UAAO,SAAQ,aAAY,SAAS,UAAU,oBAE/C;AAAA,UACA,oBAAC,UAAO,MAAK,UAAS,SAAS,KAAK,WAAW,UAAU,KAAK,SAC3D,kBAAQ,iBAAiB,gBAC5B;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}