@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/feedback/responses.module.css

@@ -0,0 +1,147 @@
+/* Feedback responses as cards: identity, rating, note, page, screenshot. */
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(296px, 1fr));
+  gap: 16px;
+  margin: 0;
+  padding: 4px 16px 16px;
+  list-style: none;
+}
+
+.card {
+  display: grid;
+  gap: 12px;
+  width: 100%;
+  height: 100%;
+  padding: 16px;
+  border: 0;
+  border-radius: 10px;
+  background: var(--bg-base);
+  box-shadow: inset 0 0 0 1px var(--adm-line);
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+
+.card:hover {
+  box-shadow: inset 0 0 0 1px var(--adm-line-strong);
+}
+
+.card[data-active] {
+  background: var(--adm-tint);
+  box-shadow: inset 0 0 0 1px var(--adm-tint-line);
+}
+
+.card:focus-visible {
+  outline: 2px solid var(--accent-primary);
+  outline-offset: 2px;
+}
+
+.cardHead {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+}
+
+.who {
+  display: grid;
+  flex: 1;
+  min-width: 0;
+}
+
+.name,
+.tenant {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.name {
+  color: var(--text-primary);
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
+}
+
+.tenant {
+  color: var(--text-tertiary);
+  font-size: 13px;
+  line-height: 20px;
+}
+
+/* The time sits on its own, never under the rating. */
+.when {
+  flex-shrink: 0;
+  align-self: flex-start;
+  color: var(--text-tertiary);
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+  line-height: 20px;
+  white-space: nowrap;
+}
+
+.ratingRow {
+  /* The shared stars fill with --warning; in the console they are brand. */
+  --warning: var(--brand-500);
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+
+.unrated {
+  color: var(--text-tertiary);
+  font-size: 12px;
+  line-height: 20px;
+}
+
+.note {
+  display: -webkit-box;
+  min-height: 40px;
+  overflow: hidden;
+  color: var(--text-primary);
+  font-size: 14px;
+  line-height: 20px;
+  overflow-wrap: anywhere;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.cardFoot {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: 12px;
+  min-width: 0;
+}
+
+.path {
+  display: inline-flex;
+  min-width: 0;
+  max-width: 100%;
+  padding: 0 8px;
+  border-radius: 10px;
+  background: var(--adm-hover);
+  color: var(--text-secondary);
+  font-family: var(--font-mono);
+  font-size: 12px;
+  line-height: 24px;
+}
+
+.path span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.thumb {
+  flex-shrink: 0;
+  width: 64px;
+  height: 44px;
+  object-fit: cover;
+  border-radius: 10px;
+  box-shadow: inset 0 0 0 1px var(--border-subtle);
+}

package/dist/admin/feedback/sentiment-overview.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, EmptyNote, Tooltip } from "@withpotter/ui-kit";
+import { Reveal } from "../_fx";
+import { EmptyState, Panel, Skeleton } from "../_ui";
+import { CommentStream } from "./comment-stream";
+import { KIND_LABEL, MOOD_COLOR, moodOf, position } from "./feedback-sentiment";
+import { useAdminSignals } from "./use-admin-signals";
+import styles from "./sentiment.module.css";
+const DAYS = 90;
+function SentimentOverview() {
+  const { summary, comments } = useAdminSignals(DAYS, "");
+  const rows = [...summary.data ?? []].sort(
+    (a, b) => b.responses - a.responses
+  );
+  return /* @__PURE__ */ jsxs("section", { "aria-label": "Sentiment", className: "adm-grid", children: [
+    /* @__PURE__ */ jsx("div", { className: "adm-span-7", children: /* @__PURE__ */ jsx(
+      Panel,
+      {
+        title: "Sentiment by prompt",
+        caption: "Last 90 days",
+        height: "360px",
+        children: summary.isLoading ? /* @__PURE__ */ jsx("div", { className: styles.loading, "aria-hidden": true, children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsx(Skeleton, { height: 40 }, i)) }) : summary.isError ? /* @__PURE__ */ jsx(
+          EmptyState,
+          {
+            tone: "error",
+            title: "Sentiment could not be loaded",
+            action: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                onClick: () => void summary.refetch(),
+                children: "Try again"
+              }
+            )
+          }
+        ) : rows.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: "Publish a prompt to start hearing back." }) : /* @__PURE__ */ jsx("ul", { className: styles.list, children: rows.map((row, index) => {
+          const headline = row.kind === "nps" && row.nps !== null;
+          const value = headline ? row.nps : row.average;
+          const mood = headline ? row.nps >= 30 ? "good" : row.nps >= 0 ? "middling" : "bad" : moodOf(row.kind, row.average);
+          const at = headline ? (row.nps + 100) / 200 : position(row.kind, row.average);
+          return /* @__PURE__ */ jsx(
+            Reveal,
+            {
+              as: "li",
+              index,
+              children: /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: styles.row,
+                  style: { "--mood": MOOD_COLOR[mood] },
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: styles.who, children: [
+                      /* @__PURE__ */ jsx("code", { className: styles.key, title: row.promptKey, children: row.promptKey }),
+                      /* @__PURE__ */ jsxs("span", { className: styles.meta, children: [
+                        KIND_LABEL[row.kind],
+                        " \xB7",
+                        " ",
+                        row.responses.toLocaleString(),
+                        " answers \xB7",
+                        " ",
+                        row.commented.toLocaleString(),
+                        " with comments"
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: styles.track,
+                        role: "img",
+                        "aria-label": `${headline ? "NPS" : "Average"} ${value.toFixed(headline ? 0 : 1)}`,
+                        children: /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            className: styles.fill,
+                            style: { width: `${Math.round(at * 100)}%` }
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Tooltip,
+                      {
+                        label: headline ? "Net promoter score: promoters minus detractors, from -100 to 100." : `Average ${KIND_LABEL[row.kind]} score.`,
+                        children: /* @__PURE__ */ jsx("span", { className: styles.value, tabIndex: 0, children: value.toFixed(headline ? 0 : 1) })
+                      }
+                    )
+                  ]
+                }
+              )
+            },
+            `${row.promptKey}:${row.kind}`
+          );
+        }) })
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "adm-span-5", children: /* @__PURE__ */ jsx(CommentStream, { query: comments }) })
+  ] });
+}
+export {
+  SentimentOverview
+};
+//# sourceMappingURL=sentiment-overview.js.map

package/dist/admin/feedback/sentiment-overview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/sentiment-overview.tsx"],"sourcesContent":["'use client';\n\nimport type { CSSProperties } from 'react';\nimport { Button, EmptyNote, Tooltip } from '@withpotter/ui-kit';\nimport { Reveal } from '../_fx';\nimport { EmptyState, Panel, Skeleton } from '../_ui';\nimport { CommentStream } from './comment-stream';\nimport { KIND_LABEL, MOOD_COLOR, moodOf, position } from './feedback-sentiment';\nimport { useAdminSignals } from './use-admin-signals';\nimport styles from './sentiment.module.css';\n\nconst DAYS = 90;\n\n/** How merchants feel, prompt by prompt, beside what they last said. */\nexport function SentimentOverview() {\n  const { summary, comments } = useAdminSignals(DAYS, '');\n  const rows = [...(summary.data ?? [])].sort(\n    (a, b) => b.responses - a.responses,\n  );\n\n  return (\n    <section aria-label=\"Sentiment\" className=\"adm-grid\">\n      <div className=\"adm-span-7\">\n        <Panel\n          title=\"Sentiment by prompt\"\n          caption=\"Last 90 days\"\n          height=\"360px\"\n        >\n          {summary.isLoading ? (\n            <div className={styles.loading} aria-hidden>\n              {[0, 1, 2, 3].map((i) => (\n                <Skeleton key={i} height={40} />\n              ))}\n            </div>\n          ) : summary.isError ? (\n            <EmptyState\n              tone=\"error\"\n              title=\"Sentiment could not be loaded\"\n              action={\n                <Button\n                  variant=\"secondary\"\n                  onClick={() => void summary.refetch()}\n                >\n                  Try again\n                </Button>\n              }\n            />\n          ) : rows.length === 0 ? (\n            <EmptyNote>Publish a prompt to start hearing back.</EmptyNote>\n          ) : (\n            <ul className={styles.list}>\n              {rows.map((row, index) => {\n                const headline = row.kind === 'nps' && row.nps !== null;\n                const value = headline ? row.nps! : row.average;\n                const mood = headline\n                  ? row.nps! >= 30\n                    ? 'good'\n                    : row.nps! >= 0\n                      ? 'middling'\n                      : 'bad'\n                  : moodOf(row.kind, row.average);\n                const at = headline\n                  ? (row.nps! + 100) / 200\n                  : position(row.kind, row.average);\n                return (\n                  <Reveal\n                    as=\"li\"\n                    key={`${row.promptKey}:${row.kind}`}\n                    index={index}\n                  >\n                    <div\n                      className={styles.row}\n                      style={{ '--mood': MOOD_COLOR[mood] } as CSSProperties}\n                    >\n                      <div className={styles.who}>\n                        <code className={styles.key} title={row.promptKey}>\n                          {row.promptKey}\n                        </code>\n                        <span className={styles.meta}>\n                          {KIND_LABEL[row.kind]} ·{' '}\n                          {row.responses.toLocaleString()} answers ·{' '}\n                          {row.commented.toLocaleString()} with comments\n                        </span>\n                      </div>\n                      <div\n                        className={styles.track}\n                        role=\"img\"\n                        aria-label={`${headline ? 'NPS' : 'Average'} ${value.toFixed(headline ? 0 : 1)}`}\n                      >\n                        <span\n                          className={styles.fill}\n                          style={{ width: `${Math.round(at * 100)}%` }}\n                        />\n                      </div>\n                      <Tooltip\n                        label={\n                          headline\n                            ? 'Net promoter score: promoters minus detractors, from -100 to 100.'\n                            : `Average ${KIND_LABEL[row.kind]} score.`\n                        }\n                      >\n                        <span className={styles.value} tabIndex={0}>\n                          {value.toFixed(headline ? 0 : 1)}\n                        </span>\n                      </Tooltip>\n                    </div>\n                  </Reveal>\n                );\n              })}\n            </ul>\n          )}\n        </Panel>\n      </div>\n      <div className=\"adm-span-5\">\n        <CommentStream query={comments} />\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/feedback/sentiment.module.css

@@ -0,0 +1,150 @@
+/* Sentiment overview: a bar per prompt, and the latest comments. */
+
+.loading {
+  display: grid;
+  gap: 12px;
+}
+
+.list,
+.stream {
+  display: grid;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(80px, 160px) 48px;
+  align-items: center;
+  gap: 16px;
+  padding: 12px 0;
+  border-bottom: 1px solid var(--adm-line);
+}
+
+li:last-child > .row,
+li:last-child > .comment {
+  border-bottom: 0;
+}
+
+.who {
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+}
+
+.key,
+.meta {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.key {
+  color: var(--text-primary);
+  font-family: var(--font-mono);
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.meta {
+  color: var(--text-tertiary);
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.track {
+  height: 8px;
+  overflow: hidden;
+  border-radius: 999px;
+  background: var(--adm-hover);
+}
+
+.fill {
+  display: block;
+  height: 100%;
+  border-radius: inherit;
+  background: var(--mood);
+  transform-origin: left;
+  animation: grow var(--adm-fast) both;
+}
+
+@keyframes grow {
+  from {
+    transform: scaleX(0);
+  }
+}
+
+.value {
+  color: var(--text-primary);
+  font-size: 15px;
+  font-weight: 500;
+  font-variant-numeric: tabular-nums;
+  line-height: 24px;
+  text-align: right;
+  white-space: nowrap;
+}
+
+.comment {
+  padding: 12px 0;
+  border-bottom: 1px solid var(--adm-line);
+}
+
+.commentBody {
+  display: grid;
+  flex: 1;
+  gap: 4px;
+  min-width: 0;
+}
+
+.commentHead {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.commentHead strong {
+  overflow: hidden;
+  color: var(--text-primary);
+  font-weight: 500;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.score {
+  flex-shrink: 0;
+  color: var(--mood);
+  font-size: 12px;
+  font-weight: 500;
+  font-variant-numeric: tabular-nums;
+  line-height: 20px;
+}
+
+.when {
+  flex-shrink: 0;
+  margin-left: auto;
+  color: var(--text-tertiary);
+  font-size: 12px;
+  white-space: nowrap;
+}
+
+.quote {
+  display: -webkit-box;
+  margin: 0;
+  overflow: hidden;
+  color: var(--text-secondary);
+  font-size: 13px;
+  line-height: 20px;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .fill {
+    animation: none;
+  }
+}

package/dist/admin/feedback/use-admin-feedback.js

@@ -0,0 +1,15 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import {
+  adminFeedbackApi
+} from "@withpotter/lib/admin-feedback-api";
+function useAdminFeedback(query) {
+  return useQuery({
+    queryKey: ["platform-admin", "feedback", query],
+    queryFn: () => adminFeedbackApi.list(query)
+  });
+}
+export {
+  useAdminFeedback
+};
+//# sourceMappingURL=use-admin-feedback.js.map

package/dist/admin/feedback/use-admin-feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/use-admin-feedback.ts"],"sourcesContent":["'use client';\n\nimport { useQuery } from '@tanstack/react-query';\nimport {\n  adminFeedbackApi,\n  type AdminFeedbackQuery,\n} from '@withpotter/lib/admin-feedback-api';\n\nexport function useAdminFeedback(query: AdminFeedbackQuery) {\n  return useQuery({\n    queryKey: ['platform-admin', 'feedback', query],\n    queryFn: () => adminFeedbackApi.list(query),\n  });\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,OAEK;AAEA,SAAS,iBAAiB,OAA2B;AAC1D,SAAO,SAAS;AAAA,IACd,UAAU,CAAC,kBAAkB,YAAY,KAAK;AAAA,IAC9C,SAAS,MAAM,iBAAiB,KAAK,KAAK;AAAA,EAC5C,CAAC;AACH;","names":[]}

package/dist/admin/feedback/use-admin-prompts.js

@@ -0,0 +1,15 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import {
+  adminFeedbackPromptsApi
+} from "@withpotter/lib/admin-feedback-api";
+function useAdminPrompts(query) {
+  return useQuery({
+    queryKey: ["platform-admin", "feedback", "prompts", query],
+    queryFn: () => adminFeedbackPromptsApi.list(query)
+  });
+}
+export {
+  useAdminPrompts
+};
+//# sourceMappingURL=use-admin-prompts.js.map

package/dist/admin/feedback/use-admin-prompts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/use-admin-prompts.ts"],"sourcesContent":["'use client';\n\nimport { useQuery } from '@tanstack/react-query';\nimport {\n  adminFeedbackPromptsApi,\n  type AdminFeedbackPromptQuery,\n} from '@withpotter/lib/admin-feedback-api';\n\nexport function useAdminPrompts(query: AdminFeedbackPromptQuery) {\n  return useQuery({\n    queryKey: ['platform-admin', 'feedback', 'prompts', query],\n    queryFn: () => adminFeedbackPromptsApi.list(query),\n  });\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,OAEK;AAEA,SAAS,gBAAgB,OAAiC;AAC/D,SAAO,SAAS;AAAA,IACd,UAAU,CAAC,kBAAkB,YAAY,WAAW,KAAK;AAAA,IACzD,SAAS,MAAM,wBAAwB,KAAK,KAAK;AAAA,EACnD,CAAC;AACH;","names":[]}

package/dist/admin/feedback/use-admin-signals.js

@@ -0,0 +1,22 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { adminSignalsApi } from "@withpotter/lib/admin-feedback-api";
+function useAdminSignals(days, promptKey) {
+  const summary = useQuery({
+    queryKey: ["platform-admin", "signals", "summary", days],
+    queryFn: () => adminSignalsApi.summary(days)
+  });
+  const comments = useQuery({
+    queryKey: ["platform-admin", "signals", "comments", days, promptKey],
+    queryFn: () => adminSignalsApi.comments(days, promptKey || void 0)
+  });
+  const health = useQuery({
+    queryKey: ["platform-admin", "signals", "health"],
+    queryFn: () => adminSignalsApi.promptHealth()
+  });
+  return { summary, comments, health };
+}
+export {
+  useAdminSignals
+};
+//# sourceMappingURL=use-admin-signals.js.map

package/dist/admin/feedback/use-admin-signals.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/use-admin-signals.ts"],"sourcesContent":["'use client';\n\nimport { useQuery } from '@tanstack/react-query';\nimport { adminSignalsApi } from '@withpotter/lib/admin-feedback-api';\n\nexport function useAdminSignals(days: number, promptKey: string) {\n  const summary = useQuery({\n    queryKey: ['platform-admin', 'signals', 'summary', days],\n    queryFn: () => adminSignalsApi.summary(days),\n  });\n\n  const comments = useQuery({\n    queryKey: ['platform-admin', 'signals', 'comments', days, promptKey],\n    queryFn: () => adminSignalsApi.comments(days, promptKey || undefined),\n  });\n\n  const health = useQuery({\n    queryKey: ['platform-admin', 'signals', 'health'],\n    queryFn: () => adminSignalsApi.promptHealth(),\n  });\n\n  return { summary, comments, health };\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAEzB,SAAS,gBAAgB,MAAc,WAAmB;AAC/D,QAAM,UAAU,SAAS;AAAA,IACvB,UAAU,CAAC,kBAAkB,WAAW,WAAW,IAAI;AAAA,IACvD,SAAS,MAAM,gBAAgB,QAAQ,IAAI;AAAA,EAC7C,CAAC;AAED,QAAM,WAAW,SAAS;AAAA,IACxB,UAAU,CAAC,kBAAkB,WAAW,YAAY,MAAM,SAAS;AAAA,IACnE,SAAS,MAAM,gBAAgB,SAAS,MAAM,aAAa,MAAS;AAAA,EACtE,CAAC;AAED,QAAM,SAAS,SAAS;AAAA,IACtB,UAAU,CAAC,kBAAkB,WAAW,QAAQ;AAAA,IAChD,SAAS,MAAM,gBAAgB,aAAa;AAAA,EAC9C,CAAC;AAED,SAAO,EAAE,SAAS,UAAU,OAAO;AACrC;","names":[]}

package/dist/admin/feedback/use-open-case.js

@@ -0,0 +1,53 @@
+"use client";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useToast } from "@withpotter/ui-kit";
+import { adminFeedbackApi as feedbackCasesApi } from "@withpotter/lib/api/feedback";
+import { feedbackError } from "./feedback-access";
+const openedKey = (kind, id) => [
+  "platform-admin",
+  "feedback",
+  "opened-case",
+  kind,
+  id
+];
+function useOpenedCaseId(kind, id) {
+  return useQuery({
+    queryKey: openedKey(kind, id),
+    queryFn: () => null,
+    enabled: false,
+    staleTime: Infinity,
+    gcTime: Infinity
+  }).data;
+}
+function useOpenCase(kind) {
+  const queryClient = useQueryClient();
+  const { toast } = useToast();
+  return useMutation({
+    mutationFn: (id) => kind === "message" ? feedbackCasesApi.openCaseFromMessage(id) : feedbackCasesApi.openCase(id),
+    onSuccess: ({ created, caseId }, id) => {
+      queryClient.setQueryData(openedKey(kind, id), caseId);
+      toast({
+        title: created ? "Support case opened" : "Case already open",
+        description: created ? "The merchant\u2019s words are now a conversation in the support queue." : "This was picked up before; opening the existing case."
+      });
+      void queryClient.invalidateQueries({
+        queryKey: ["platform-admin", "support"]
+      });
+      void queryClient.invalidateQueries({
+        queryKey: ["platform-admin", "signals"]
+      });
+    },
+    onError: (cause) => toast({
+      title: "No case was opened",
+      description: feedbackError(cause, "Try again in a moment."),
+      variant: "destructive"
+    })
+  });
+}
+const caseHref = (caseId) => `/admin/support?case=${caseId}`;
+export {
+  caseHref,
+  useOpenCase,
+  useOpenedCaseId
+};
+//# sourceMappingURL=use-open-case.js.map

package/dist/admin/feedback/use-open-case.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/use-open-case.ts"],"sourcesContent":["'use client';\n\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { useToast } from '@withpotter/ui-kit';\nimport { adminFeedbackApi as feedbackCasesApi } from '@withpotter/lib/api/feedback';\nimport { feedbackError } from './feedback-access';\n\ntype CaseSource = 'message' | 'signal';\n\nconst openedKey = (kind: CaseSource, id: string) => [\n  'platform-admin',\n  'feedback',\n  'opened-case',\n  kind,\n  id,\n];\n\n/**\n * The case this session opened from a piece of feedback. The lists do not\n * carry the link, so it is remembered in the query cache: it survives the\n * drawer closing and reopening until the page is reloaded.\n */\nexport function useOpenedCaseId(kind: CaseSource, id: string) {\n  return useQuery<string | null>({\n    queryKey: openedKey(kind, id),\n    queryFn: () => null,\n    enabled: false,\n    staleTime: Infinity,\n    gcTime: Infinity,\n  }).data;\n}\n\n/**\n * Turn a feedback message (or a scored answer) into a support case in the\n * merchant's own inbox. The API is idempotent: a second press returns the\n * case the first one opened, which the toast says in words.\n */\nexport function useOpenCase(kind: CaseSource) {\n  const queryClient = useQueryClient();\n  const { toast } = useToast();\n\n  return useMutation({\n    mutationFn: (id: string) =>\n      kind === 'message'\n        ? feedbackCasesApi.openCaseFromMessage(id)\n        : feedbackCasesApi.openCase(id),\n    onSuccess: ({ created, caseId }, id) => {\n      queryClient.setQueryData(openedKey(kind, id), caseId);\n      toast({\n        title: created ? 'Support case opened' : 'Case already open',\n        description: created\n          ? 'The merchant’s words are now a conversation in the support queue.'\n          : 'This was picked up before; opening the existing case.',\n      });\n      void queryClient.invalidateQueries({\n        queryKey: ['platform-admin', 'support'],\n      });\n      void queryClient.invalidateQueries({\n        queryKey: ['platform-admin', 'signals'],\n      });\n    },\n    onError: (cause) =>\n      toast({\n        title: 'No case was opened',\n        description: feedbackError(cause, 'Try again in a moment.'),\n        variant: 'destructive',\n      }),\n  });\n}\n\n/** Where a case opens: the support queue with its sheet already open. */\nexport const caseHref = (caseId: string) => `/admin/support?case=${caseId}`;\n"],"mappings":";AAEA,SAAS,aAAa,UAAU,sBAAsB;AACtD,SAAS,gBAAgB;AACzB,SAAS,oBAAoB,wBAAwB;AACrD,SAAS,qBAAqB;AAI9B,MAAM,YAAY,CAAC,MAAkB,OAAe;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAOO,SAAS,gBAAgB,MAAkB,IAAY;AAC5D,SAAO,SAAwB;AAAA,IAC7B,UAAU,UAAU,MAAM,EAAE;AAAA,IAC5B,SAAS,MAAM;AAAA,IACf,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,EACV,CAAC,EAAE;AACL;AAOO,SAAS,YAAY,MAAkB;AAC5C,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,MAAM,IAAI,SAAS;AAE3B,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,OACX,SAAS,YACL,iBAAiB,oBAAoB,EAAE,IACvC,iBAAiB,SAAS,EAAE;AAAA,IAClC,WAAW,CAAC,EAAE,SAAS,OAAO,GAAG,OAAO;AACtC,kBAAY,aAAa,UAAU,MAAM,EAAE,GAAG,MAAM;AACpD,YAAM;AAAA,QACJ,OAAO,UAAU,wBAAwB;AAAA,QACzC,aAAa,UACT,2EACA;AAAA,MACN,CAAC;AACD,WAAK,YAAY,kBAAkB;AAAA,QACjC,UAAU,CAAC,kBAAkB,SAAS;AAAA,MACxC,CAAC;AACD,WAAK,YAAY,kBAAkB;AAAA,QACjC,UAAU,CAAC,kBAAkB,SAAS;AAAA,MACxC,CAAC;AAAA,IACH;AAAA,IACA,SAAS,CAAC,UACR,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,aAAa,cAAc,OAAO,wBAAwB;AAAA,MAC1D,SAAS;AAAA,IACX,CAAC;AAAA,EACL,CAAC;AACH;AAGO,MAAM,WAAW,CAAC,WAAmB,uBAAuB,MAAM;","names":[]}

package/dist/admin/feedback/use-prompt-save.js

@@ -0,0 +1,59 @@
+"use client";
+import { useState } from "react";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useToast } from "@withpotter/ui-kit";
+import {
+  adminFeedbackPromptsApi
+} from "@withpotter/lib/admin-feedback-api";
+import { feedbackError } from "./feedback-access";
+const PROMPTS_KEY = ["platform-admin", "feedback", "prompts"];
+function usePromptSave({
+  promptId,
+  draft,
+  onDone
+}) {
+  const queryClient = useQueryClient();
+  const { toast } = useToast();
+  const [savedId, setSavedId] = useState(
+    promptId === "new" ? null : promptId
+  );
+  const [error, setError] = useState(null);
+  const save = useMutation({
+    mutationFn: async (publish) => {
+      const saved = savedId ? await adminFeedbackPromptsApi.update(savedId, draft) : await adminFeedbackPromptsApi.create(draft);
+      if (!savedId) {
+        setSavedId(saved.id);
+        void queryClient.invalidateQueries({ queryKey: PROMPTS_KEY });
+      }
+      if (!publish) return saved;
+      try {
+        return await adminFeedbackPromptsApi.command(saved.id, "publish");
+      } catch (cause) {
+        throw new Error(
+          `Saved as a draft, but not published: ${feedbackError(cause, "try again.")}`
+        );
+      }
+    },
+    onSuccess: (saved, publish) => {
+      queryClient.setQueryData([...PROMPTS_KEY, saved.id], saved);
+      void queryClient.invalidateQueries({ queryKey: PROMPTS_KEY });
+      toast({
+        title: publish ? "Prompt published" : "Draft saved",
+        description: saved.name
+      });
+      onDone(saved.id);
+    },
+    onError: (cause) => setError(feedbackError(cause, "The prompt was not saved."))
+  });
+  return {
+    save,
+    /** True until the prompt exists on the server; its key is then fixed. */
+    unsaved: savedId === null,
+    error,
+    clearError: () => setError(null)
+  };
+}
+export {
+  usePromptSave
+};
+//# sourceMappingURL=use-prompt-save.js.map

package/dist/admin/feedback/use-prompt-save.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/use-prompt-save.ts"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport { useToast } from '@withpotter/ui-kit';\nimport {\n  adminFeedbackPromptsApi,\n  type AdminFeedbackPromptInput,\n} from '@withpotter/lib/admin-feedback-api';\nimport { feedbackError } from './feedback-access';\n\nconst PROMPTS_KEY = ['platform-admin', 'feedback', 'prompts'];\n\n/**\n * Save or publish the wizard's draft. A new prompt is created once: its id is\n * kept, so when publishing fails after the create succeeded, the retry\n * updates and publishes that prompt instead of creating it again (which the\n * API would refuse, the key being taken).\n */\nexport function usePromptSave({\n  promptId,\n  draft,\n  onDone,\n}: {\n  promptId: string;\n  draft: AdminFeedbackPromptInput;\n  onDone: (savedId: string | null) => void;\n}) {\n  const queryClient = useQueryClient();\n  const { toast } = useToast();\n  const [savedId, setSavedId] = useState<string | null>(\n    promptId === 'new' ? null : promptId,\n  );\n  const [error, setError] = useState<string | null>(null);\n\n  const save = useMutation({\n    mutationFn: async (publish: boolean) => {\n      const saved = savedId\n        ? await adminFeedbackPromptsApi.update(savedId, draft)\n        : await adminFeedbackPromptsApi.create(draft);\n      if (!savedId) {\n        setSavedId(saved.id);\n        void queryClient.invalidateQueries({ queryKey: PROMPTS_KEY });\n      }\n      if (!publish) return saved;\n      try {\n        return await adminFeedbackPromptsApi.command(saved.id, 'publish');\n      } catch (cause) {\n        throw new Error(\n          `Saved as a draft, but not published: ${feedbackError(cause, 'try again.')}`,\n        );\n      }\n    },\n    onSuccess: (saved, publish) => {\n      queryClient.setQueryData([...PROMPTS_KEY, saved.id], saved);\n      void queryClient.invalidateQueries({ queryKey: PROMPTS_KEY });\n      toast({\n        title: publish ? 'Prompt published' : 'Draft saved',\n        description: saved.name,\n      });\n      onDone(saved.id);\n    },\n    onError: (cause) =>\n      setError(feedbackError(cause, 'The prompt was not saved.')),\n  });\n\n  return {\n    save,\n    /** True until the prompt exists on the server; its key is then fixed. */\n    unsaved: savedId === null,\n    error,\n    clearError: () => setError(null),\n  };\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB,SAAS,aAAa,sBAAsB;AAC5C,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,qBAAqB;AAE9B,MAAM,cAAc,CAAC,kBAAkB,YAAY,SAAS;AAQrD,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI;AAAA,IAC5B,aAAa,QAAQ,OAAO;AAAA,EAC9B;AACA,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AAEtD,QAAM,OAAO,YAAY;AAAA,IACvB,YAAY,OAAO,YAAqB;AACtC,YAAM,QAAQ,UACV,MAAM,wBAAwB,OAAO,SAAS,KAAK,IACnD,MAAM,wBAAwB,OAAO,KAAK;AAC9C,UAAI,CAAC,SAAS;AACZ,mBAAW,MAAM,EAAE;AACnB,aAAK,YAAY,kBAAkB,EAAE,UAAU,YAAY,CAAC;AAAA,MAC9D;AACA,UAAI,CAAC,QAAS,QAAO;AACrB,UAAI;AACF,eAAO,MAAM,wBAAwB,QAAQ,MAAM,IAAI,SAAS;AAAA,MAClE,SAAS,OAAO;AACd,cAAM,IAAI;AAAA,UACR,wCAAwC,cAAc,OAAO,YAAY,CAAC;AAAA,QAC5E;AAAA,MACF;AAAA,IACF;AAAA,IACA,WAAW,CAAC,OAAO,YAAY;AAC7B,kBAAY,aAAa,CAAC,GAAG,aAAa,MAAM,EAAE,GAAG,KAAK;AAC1D,WAAK,YAAY,kBAAkB,EAAE,UAAU,YAAY,CAAC;AAC5D,YAAM;AAAA,QACJ,OAAO,UAAU,qBAAqB;AAAA,QACtC,aAAa,MAAM;AAAA,MACrB,CAAC;AACD,aAAO,MAAM,EAAE;AAAA,IACjB;AAAA,IACA,SAAS,CAAC,UACR,SAAS,cAAc,OAAO,2BAA2B,CAAC;AAAA,EAC9D,CAAC;AAED,SAAO;AAAA,IACL;AAAA;AAAA,IAEA,SAAS,YAAY;AAAA,IACrB;AAAA,IACA,YAAY,MAAM,SAAS,IAAI;AAAA,EACjC;AACF;","names":[]}

package/dist/admin/feedback/use-steps.js

@@ -0,0 +1,45 @@
+"use client";
+import { useState } from "react";
+function useSteps(steps) {
+  const [index, setIndex] = useState(0);
+  const [blocked, setBlocked] = useState(null);
+  const current = steps[index];
+  const isFirst = index === 0;
+  const isLast = index === steps.length - 1;
+  const passes = () => {
+    const result = current?.validate?.() ?? true;
+    if (result === true) {
+      setBlocked(null);
+      return true;
+    }
+    setBlocked(
+      typeof result === "string" ? result : "Fill in the required fields."
+    );
+    return false;
+  };
+  return {
+    index,
+    current,
+    isFirst,
+    isLast,
+    blocked,
+    clearBlocked: () => setBlocked(null),
+    passes,
+    next: () => {
+      if (passes() && !isLast) setIndex(index + 1);
+    },
+    back: () => {
+      setBlocked(null);
+      if (!isFirst) setIndex(index - 1);
+    },
+    goTo: (target) => {
+      if (target >= index) return;
+      setBlocked(null);
+      setIndex(target);
+    }
+  };
+}
+export {
+  useSteps
+};
+//# sourceMappingURL=use-steps.js.map

package/dist/admin/feedback/use-steps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/use-steps.ts"],"sourcesContent":["'use client';\n\nimport { useState, type ReactNode } from 'react';\n\nexport interface DialogStep {\n  key: string;\n  label: string;\n  description: string;\n  content: ReactNode;\n  /** True when the step may be left, or the message saying why not. */\n  validate?: () => boolean | string;\n}\n\n/**\n * Where a stepped dialog is: forward only through validation, back freely,\n * and a click on any finished step to return to it.\n */\nexport function useSteps(steps: DialogStep[]) {\n  const [index, setIndex] = useState(0);\n  const [blocked, setBlocked] = useState<string | null>(null);\n  const current = steps[index];\n  const isFirst = index === 0;\n  const isLast = index === steps.length - 1;\n\n  const passes = () => {\n    const result = current?.validate?.() ?? true;\n    if (result === true) {\n      setBlocked(null);\n      return true;\n    }\n    setBlocked(\n      typeof result === 'string' ? result : 'Fill in the required fields.',\n    );\n    return false;\n  };\n\n  return {\n    index,\n    current,\n    isFirst,\n    isLast,\n    blocked,\n    clearBlocked: () => setBlocked(null),\n    passes,\n    next: () => {\n      if (passes() && !isLast) setIndex(index + 1);\n    },\n    back: () => {\n      setBlocked(null);\n      if (!isFirst) setIndex(index - 1);\n    },\n    goTo: (target: number) => {\n      if (target >= index) return;\n      setBlocked(null);\n      setIndex(target);\n    },\n  };\n}\n"],"mappings":";AAEA,SAAS,gBAAgC;AAelC,SAAS,SAAS,OAAqB;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAwB,IAAI;AAC1D,QAAM,UAAU,MAAM,KAAK;AAC3B,QAAM,UAAU,UAAU;AAC1B,QAAM,SAAS,UAAU,MAAM,SAAS;AAExC,QAAM,SAAS,MAAM;AACnB,UAAM,SAAS,SAAS,WAAW,KAAK;AACxC,QAAI,WAAW,MAAM;AACnB,iBAAW,IAAI;AACf,aAAO;AAAA,IACT;AACA;AAAA,MACE,OAAO,WAAW,WAAW,SAAS;AAAA,IACxC;AACA,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM,WAAW,IAAI;AAAA,IACnC;AAAA,IACA,MAAM,MAAM;AACV,UAAI,OAAO,KAAK,CAAC,OAAQ,UAAS,QAAQ,CAAC;AAAA,IAC7C;AAAA,IACA,MAAM,MAAM;AACV,iBAAW,IAAI;AACf,UAAI,CAAC,QAAS,UAAS,QAAQ,CAAC;AAAA,IAClC;AAAA,IACA,MAAM,CAAC,WAAmB;AACxB,UAAI,UAAU,MAAO;AACrB,iBAAW,IAAI;AACf,eAAS,MAAM;AAAA,IACjB;AAAA,EACF;AACF;","names":[]}