@withpotter/pages-admin 0.13.0-next.101

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/feedback-options.ts"],"sourcesContent":["import type { BadgeProps } from '@withpotter/ui-kit';\nimport type {\n  AdminFeedbackCategory,\n  AdminFeedbackStatus,\n} from '@withpotter/lib/admin-feedback-api';\n\ntype Tone = NonNullable<BadgeProps['variant']>;\n\nexport const CATEGORY_LABEL: Record<AdminFeedbackCategory, string> = {\n  bug: 'Bug report',\n  suggestion: 'Suggestion',\n  question: 'Question',\n};\n\nexport const STATUS_LABEL: Record<AdminFeedbackStatus, string> = {\n  open: 'Open',\n  acknowledged: 'Acknowledged',\n  resolved: 'Resolved',\n  closed: 'Closed',\n};\n\nexport const CATEGORY_OPTIONS = [\n  { value: '', label: 'All categories' },\n  { value: 'bug', label: 'Bug reports' },\n  { value: 'suggestion', label: 'Suggestions' },\n  { value: 'question', label: 'Questions' },\n];\n\nexport const STATUS_OPTIONS = [\n  { value: '', label: 'All statuses' },\n  ...Object.entries(STATUS_LABEL).map(([value, label]) => ({ value, label })),\n];\n\nexport const RATING_OPTIONS = [\n  { value: '', label: 'All ratings' },\n  ...[5, 4, 3, 2, 1].map((rating) => ({\n    value: String(rating),\n    label: `${rating} star${rating === 1 ? '' : 's'}`,\n  })),\n];\n\nexport function categoryTone(category: AdminFeedbackCategory): Tone {\n  return category === 'bug' ? 'error' : 'secondary';\n}\n\nexport function timestamp(value: string | null) {\n  if (!value) return '–';\n  const date = new Date(value);\n  return Number.isNaN(date.getTime())\n    ? '–'\n    : new Intl.DateTimeFormat(undefined, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n      }).format(date);\n}\n"],"mappings":"AAQO,MAAM,iBAAwD;AAAA,EACnE,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,UAAU;AACZ;AAEO,MAAM,eAAoD;AAAA,EAC/D,MAAM;AAAA,EACN,cAAc;AAAA,EACd,UAAU;AAAA,EACV,QAAQ;AACV;AAEO,MAAM,mBAAmB;AAAA,EAC9B,EAAE,OAAO,IAAI,OAAO,iBAAiB;AAAA,EACrC,EAAE,OAAO,OAAO,OAAO,cAAc;AAAA,EACrC,EAAE,OAAO,cAAc,OAAO,cAAc;AAAA,EAC5C,EAAE,OAAO,YAAY,OAAO,YAAY;AAC1C;AAEO,MAAM,iBAAiB;AAAA,EAC5B,EAAE,OAAO,IAAI,OAAO,eAAe;AAAA,EACnC,GAAG,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,EAAE,OAAO,MAAM,EAAE;AAC5E;AAEO,MAAM,iBAAiB;AAAA,EAC5B,EAAE,OAAO,IAAI,OAAO,cAAc;AAAA,EAClC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,YAAY;AAAA,IAClC,OAAO,OAAO,MAAM;AAAA,IACpB,OAAO,GAAG,MAAM,QAAQ,WAAW,IAAI,KAAK,GAAG;AAAA,EACjD,EAAE;AACJ;AAEO,SAAS,aAAa,UAAuC;AAClE,SAAO,aAAa,QAAQ,UAAU;AACxC;AAEO,SAAS,UAAU,OAAsB;AAC9C,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,OAAO,IAAI,KAAK,KAAK;AAC3B,SAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,IAC9B,WACA,IAAI,KAAK,eAAe,QAAW;AAAA,IACjC,WAAW;AAAA,IACX,WAAW;AAAA,EACb,CAAC,EAAE,OAAO,IAAI;AACpB;","names":[]}

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

@@ -0,0 +1,45 @@
+import { cesTone, csatTone, npsTone } from "@withpotter/ui-kit";
+function moodOf(kind, score) {
+  if (kind === "nps") return npsTone(score);
+  if (kind === "ces") return cesTone(score);
+  if (kind === "thumb") return score > 0 ? "good" : "bad";
+  return csatTone(Math.round(score));
+}
+const MOOD_COLOR = {
+  // Brand blue for the good news, ink-grey in the middle; red only marks
+  // detractors, because that is real risk.
+  bad: "var(--error)",
+  middling: "var(--text-tertiary)",
+  good: "var(--brand-600)"
+};
+const KIND_LABEL = {
+  nps: "NPS",
+  csat: "CSAT",
+  ces: "Effort",
+  thumb: "Thumbs",
+  star: "Stars"
+};
+function position(kind, average) {
+  const [min, max] = kind === "nps" ? [0, 10] : kind === "ces" ? [1, 7] : kind === "thumb" ? [-1, 1] : [1, 5];
+  const at = Math.min(1, Math.max(0, (average - min) / (max - min)));
+  return kind === "ces" ? 1 - at : at;
+}
+function ago(iso, now = Date.now()) {
+  const minutes = Math.max(
+    1,
+    Math.round((now - new Date(iso).getTime()) / 6e4)
+  );
+  if (!Number.isFinite(minutes)) return "\u2013";
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.round(minutes / 60);
+  if (hours < 48) return `${hours}h ago`;
+  return `${Math.round(hours / 24)}d ago`;
+}
+export {
+  KIND_LABEL,
+  MOOD_COLOR,
+  ago,
+  moodOf,
+  position
+};
+//# sourceMappingURL=feedback-sentiment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/feedback-sentiment.ts"],"sourcesContent":["import { cesTone, csatTone, npsTone } from '@withpotter/ui-kit';\nimport type { FeedbackSignalKind } from '@withpotter/lib/admin-feedback-api';\n\nexport type Mood = 'bad' | 'middling' | 'good';\n\n/** Whether a score is good news, by the rules of its own scale. */\nexport function moodOf(kind: FeedbackSignalKind, score: number): Mood {\n  if (kind === 'nps') return npsTone(score) as Mood;\n  if (kind === 'ces') return cesTone(score) as Mood;\n  if (kind === 'thumb') return score > 0 ? 'good' : 'bad';\n  return csatTone(Math.round(score)) as Mood;\n}\n\nexport const MOOD_COLOR: Record<Mood, string> = {\n  // Brand blue for the good news, ink-grey in the middle; red only marks\n  // detractors, because that is real risk.\n  bad: 'var(--error)',\n  middling: 'var(--text-tertiary)',\n  good: 'var(--brand-600)',\n};\n\nexport const KIND_LABEL: Record<FeedbackSignalKind, string> = {\n  nps: 'NPS',\n  csat: 'CSAT',\n  ces: 'Effort',\n  thumb: 'Thumbs',\n  star: 'Stars',\n};\n\n/** Where an average sits on its scale, 0..1, flipped so right is better. */\nexport function position(kind: FeedbackSignalKind, average: number) {\n  const [min, max] =\n    kind === 'nps'\n      ? [0, 10]\n      : kind === 'ces'\n        ? [1, 7]\n        : kind === 'thumb'\n          ? [-1, 1]\n          : [1, 5];\n  const at = Math.min(1, Math.max(0, (average - min) / (max - min)));\n  return kind === 'ces' ? 1 - at : at;\n}\n\n/** \"3m\", \"5h\", \"2d\" ago. */\nexport function ago(iso: string, now = Date.now()) {\n  const minutes = Math.max(\n    1,\n    Math.round((now - new Date(iso).getTime()) / 60_000),\n  );\n  if (!Number.isFinite(minutes)) return '–';\n  if (minutes < 60) return `${minutes}m ago`;\n  const hours = Math.round(minutes / 60);\n  if (hours < 48) return `${hours}h ago`;\n  return `${Math.round(hours / 24)}d ago`;\n}\n"],"mappings":"AAAA,SAAS,SAAS,UAAU,eAAe;AAMpC,SAAS,OAAO,MAA0B,OAAqB;AACpE,MAAI,SAAS,MAAO,QAAO,QAAQ,KAAK;AACxC,MAAI,SAAS,MAAO,QAAO,QAAQ,KAAK;AACxC,MAAI,SAAS,QAAS,QAAO,QAAQ,IAAI,SAAS;AAClD,SAAO,SAAS,KAAK,MAAM,KAAK,CAAC;AACnC;AAEO,MAAM,aAAmC;AAAA;AAAA;AAAA,EAG9C,KAAK;AAAA,EACL,UAAU;AAAA,EACV,MAAM;AACR;AAEO,MAAM,aAAiD;AAAA,EAC5D,KAAK;AAAA,EACL,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AACR;AAGO,SAAS,SAAS,MAA0B,SAAiB;AAClE,QAAM,CAAC,KAAK,GAAG,IACb,SAAS,QACL,CAAC,GAAG,EAAE,IACN,SAAS,QACP,CAAC,GAAG,CAAC,IACL,SAAS,UACP,CAAC,IAAI,CAAC,IACN,CAAC,GAAG,CAAC;AACf,QAAM,KAAK,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,UAAU,QAAQ,MAAM,IAAI,CAAC;AACjE,SAAO,SAAS,QAAQ,IAAI,KAAK;AACnC;AAGO,SAAS,IAAI,KAAa,MAAM,KAAK,IAAI,GAAG;AACjD,QAAM,UAAU,KAAK;AAAA,IACnB;AAAA,IACA,KAAK,OAAO,MAAM,IAAI,KAAK,GAAG,EAAE,QAAQ,KAAK,GAAM;AAAA,EACrD;AACA,MAAI,CAAC,OAAO,SAAS,OAAO,EAAG,QAAO;AACtC,MAAI,UAAU,GAAI,QAAO,GAAG,OAAO;AACnC,QAAM,QAAQ,KAAK,MAAM,UAAU,EAAE;AACrC,MAAI,QAAQ,GAAI,QAAO,GAAG,KAAK;AAC/B,SAAO,GAAG,KAAK,MAAM,QAAQ,EAAE,CAAC;AAClC;","names":[]}

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

@@ -0,0 +1,136 @@
+/* Merchant feedback: the cells of its queues. */
+
+.stack {
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+}
+
+.primary,
+.secondary,
+.tenantLink {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.primary {
+  color: var(--text-primary);
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.secondary {
+  color: var(--text-tertiary);
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.secondaryCell {
+  color: var(--text-secondary);
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
+.tenantLink {
+  color: var(--accent-ink, var(--accent-primary));
+  font-weight: 500;
+  text-decoration: none;
+}
+
+.tenantLink:hover {
+  text-decoration: underline;
+}
+
+.muted {
+  color: var(--text-tertiary);
+}
+
+.rating {
+  /* The shared stars fill with --warning; in the console they are brand. */
+  --warning: var(--brand-500);
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
+.note {
+  display: -webkit-box;
+  overflow: hidden;
+  color: var(--text-primary);
+  line-height: 20px;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.score {
+  font-variant-numeric: tabular-nums;
+  font-weight: 500;
+  text-align: right;
+}
+
+.answer {
+  display: grid;
+  gap: 8px;
+  line-height: 20px;
+}
+
+.answer audio {
+  width: 100%;
+  max-width: 320px;
+}
+
+.actionCell {
+  text-align: right;
+}
+
+.promptLink {
+  display: block;
+  overflow: hidden;
+  color: var(--text-primary);
+  font-weight: 500;
+  line-height: 20px;
+  text-decoration: none;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.promptLink:hover {
+  color: var(--accent-ink, var(--accent-primary));
+}
+
+.schedule {
+  display: -webkit-box;
+  overflow: hidden;
+  color: var(--text-secondary);
+  line-height: 20px;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.nowrap {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.scoreChip {
+  color: var(--mood);
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.category {
+  color: var(--text-secondary);
+  font-size: 13px;
+  line-height: 20px;
+  white-space: nowrap;
+}
+
+.category[data-tone='error'] {
+  color: var(--error);
+}

package/dist/admin/feedback/new-prompt-button.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import Link from "next/link";
+import { Button, Tooltip } from "@withpotter/ui-kit";
+import { useFeedbackAccess } from "./feedback-access";
+function NewPromptButton({ className }) {
+  const { hint } = useFeedbackAccess();
+  return /* @__PURE__ */ jsx(Tooltip, { label: hint, children: /* @__PURE__ */ jsx("span", { className, children: /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: "/admin/feedback?view=prompts&prompt=new", children: "New prompt" }) }) }) });
+}
+export {
+  NewPromptButton
+};
+//# sourceMappingURL=new-prompt-button.js.map

package/dist/admin/feedback/new-prompt-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/new-prompt-button.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { Button, Tooltip } from '@withpotter/ui-kit';\nimport { useFeedbackAccess } from './feedback-access';\n\n/**\n * Opens the prompt wizard. When this admin is not known to manage feedback\n * it stays usable (a role may grant it) and says what it needs; a refusal\n * on save is explained in the wizard.\n */\nexport function NewPromptButton({ className }: { className?: string }) {\n  const { hint } = useFeedbackAccess();\n  return (\n    <Tooltip label={hint}>\n      <span className={className}>\n        <Button asChild>\n          <Link href=\"/admin/feedback?view=prompts&prompt=new\">New prompt</Link>\n        </Button>\n      </span>\n    </Tooltip>\n  );\n}\n"],"mappings":";AAiBU;AAfV,OAAO,UAAU;AACjB,SAAS,QAAQ,eAAe;AAChC,SAAS,yBAAyB;AAO3B,SAAS,gBAAgB,EAAE,UAAU,GAA2B;AACrE,QAAM,EAAE,KAAK,IAAI,kBAAkB;AACnC,SACE,oBAAC,WAAQ,OAAO,MACd,8BAAC,UAAK,WACJ,8BAAC,UAAO,SAAO,MACb,8BAAC,QAAK,MAAK,2CAA0C,wBAAU,GACjE,GACF,GACF;AAEJ;","names":[]}

package/dist/admin/feedback/page.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRouter, useSearchParams } from "next/navigation";
+import { Suspense } from "react";
+import { ADMIN_NAME } from "../_shell/admin-brand";
+import { useModuleOn } from "../_shell/modules-context";
+import { PageHeader, PageTabs, useTabParam } from "../_ui";
+import { AnswersView } from "./answers-view";
+import { FeedbackKpis } from "./feedback-kpis";
+import { NewPromptButton } from "./new-prompt-button";
+import { PromptsView } from "./prompts-view";
+import { ResponsesView } from "./responses-view";
+import { SentimentOverview } from "./sentiment-overview";
+const VIEWS = ["overview", "responses", "answers", "prompts"];
+const TABS = [
+  { id: "overview", label: "Overview" },
+  { id: "responses", label: "Responses" },
+  { id: "answers", label: "Prompt answers" },
+  { id: "prompts", label: "Prompts" }
+];
+const PROMPT_VIEWS = ["answers", "prompts"];
+function FeedbackWorkspace() {
+  const prompts = useModuleOn("feedbackPrompts");
+  const [requested, setView] = useTabParam(VIEWS, "view");
+  const view = !prompts && PROMPT_VIEWS.includes(requested) ? "overview" : requested;
+  const tabs = prompts ? TABS : TABS.filter(({ id }) => !PROMPT_VIEWS.includes(id));
+  const router = useRouter();
+  const onPrompt = Boolean(useSearchParams().get("prompt"));
+  const open = (next) => onPrompt ? router.push(
+    next === "overview" ? "/admin/feedback" : `/admin/feedback?view=${next}`
+  ) : setView(next);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title: "Merchant feedback",
+        description: `Reports, scores and comments merchants send about ${ADMIN_NAME}.`,
+        actions: prompts ? /* @__PURE__ */ jsx(NewPromptButton, {}) : void 0
+      }
+    ),
+    /* @__PURE__ */ jsx(PageTabs, { tabs, active: view, onChange: open }),
+    view === "overview" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx(FeedbackKpis, {}),
+      prompts && /* @__PURE__ */ jsx(SentimentOverview, {})
+    ] }),
+    view === "responses" && /* @__PURE__ */ jsx(ResponsesView, {}),
+    view === "answers" && /* @__PURE__ */ jsx(AnswersView, {}),
+    view === "prompts" && /* @__PURE__ */ jsx(PromptsView, {})
+  ] });
+}
+function AdminFeedbackPage() {
+  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(FeedbackWorkspace, {}) });
+}
+export {
+  AdminFeedbackPage as default
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/page.tsx"],"sourcesContent":["'use client';\n\nimport { useRouter, useSearchParams } from 'next/navigation';\nimport { Suspense } from 'react';\nimport { ADMIN_NAME } from '../_shell/admin-brand';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { PageHeader, PageTabs, useTabParam } from '../_ui';\nimport { AnswersView } from './answers-view';\nimport { FeedbackKpis } from './feedback-kpis';\nimport { NewPromptButton } from './new-prompt-button';\nimport { PromptsView } from './prompts-view';\nimport { ResponsesView } from './responses-view';\nimport { SentimentOverview } from './sentiment-overview';\n\nconst VIEWS = ['overview', 'responses', 'answers', 'prompts'] as const;\n\nconst TABS = [\n  { id: 'overview', label: 'Overview' },\n  { id: 'responses', label: 'Responses' },\n  { id: 'answers', label: 'Prompt answers' },\n  { id: 'prompts', label: 'Prompts' },\n] as const;\n\n/** The views that come from admin-written prompts, behind `feedbackPrompts`. */\nconst PROMPT_VIEWS: readonly string[] = ['answers', 'prompts'];\n\n/**\n * Merchant feedback: the header, then one tab strip for its views.\n * The view lives in `?view=` (the address older links already use), so\n * `?view=prompts&prompt=new` still opens the new-prompt dialog.\n * Without `feedbackPrompts` the page is Overview and Responses only.\n */\nfunction FeedbackWorkspace() {\n  const prompts = useModuleOn('feedbackPrompts');\n  const [requested, setView] = useTabParam(VIEWS, 'view');\n  const view =\n    !prompts && PROMPT_VIEWS.includes(requested) ? 'overview' : requested;\n  const tabs = prompts\n    ? TABS\n    : TABS.filter(({ id }) => !PROMPT_VIEWS.includes(id));\n  const router = useRouter();\n  const onPrompt = Boolean(useSearchParams().get('prompt'));\n  // From a prompt's page, a tab leaves the prompt behind as well.\n  const open = (next: (typeof VIEWS)[number]) =>\n    onPrompt\n      ? router.push(\n          next === 'overview'\n            ? '/admin/feedback'\n            : `/admin/feedback?view=${next}`,\n        )\n      : setView(next);\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Merchant feedback\"\n        description={`Reports, scores and comments merchants send about ${ADMIN_NAME}.`}\n        actions={prompts ? <NewPromptButton /> : undefined}\n      />\n      <PageTabs tabs={tabs} active={view} onChange={open} />\n      {view === 'overview' && (\n        <div className=\"flex flex-col gap-4\">\n          <FeedbackKpis />\n          {prompts && <SentimentOverview />}\n        </div>\n      )}\n      {view === 'responses' && <ResponsesView />}\n      {view === 'answers' && <AnswersView />}\n      {view === 'prompts' && <PromptsView />}\n    </div>\n  );\n}\n\nexport default function AdminFeedbackPage() {\n  return (\n    <Suspense>\n      <FeedbackWorkspace />\n    </Suspense>\n  );\n}\n"],"mappings":";AAyD2B,cAInB,YAJmB;AAvD3B,SAAS,WAAW,uBAAuB;AAC3C,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,YAAY,UAAU,mBAAmB;AAClD,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,MAAM,QAAQ,CAAC,YAAY,aAAa,WAAW,SAAS;AAE5D,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,YAAY,OAAO,WAAW;AAAA,EACpC,EAAE,IAAI,aAAa,OAAO,YAAY;AAAA,EACtC,EAAE,IAAI,WAAW,OAAO,iBAAiB;AAAA,EACzC,EAAE,IAAI,WAAW,OAAO,UAAU;AACpC;AAGA,MAAM,eAAkC,CAAC,WAAW,SAAS;AAQ7D,SAAS,oBAAoB;AAC3B,QAAM,UAAU,YAAY,iBAAiB;AAC7C,QAAM,CAAC,WAAW,OAAO,IAAI,YAAY,OAAO,MAAM;AACtD,QAAM,OACJ,CAAC,WAAW,aAAa,SAAS,SAAS,IAAI,aAAa;AAC9D,QAAM,OAAO,UACT,OACA,KAAK,OAAO,CAAC,EAAE,GAAG,MAAM,CAAC,aAAa,SAAS,EAAE,CAAC;AACtD,QAAM,SAAS,UAAU;AACzB,QAAM,WAAW,QAAQ,gBAAgB,EAAE,IAAI,QAAQ,CAAC;AAExD,QAAM,OAAO,CAAC,SACZ,WACI,OAAO;AAAA,IACL,SAAS,aACL,oBACA,wBAAwB,IAAI;AAAA,EAClC,IACA,QAAQ,IAAI;AAElB,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAa,qDAAqD,UAAU;AAAA,QAC5E,SAAS,UAAU,oBAAC,mBAAgB,IAAK;AAAA;AAAA,IAC3C;AAAA,IACA,oBAAC,YAAS,MAAY,QAAQ,MAAM,UAAU,MAAM;AAAA,IACnD,SAAS,cACR,qBAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,gBAAa;AAAA,MACb,WAAW,oBAAC,qBAAkB;AAAA,OACjC;AAAA,IAED,SAAS,eAAe,oBAAC,iBAAc;AAAA,IACvC,SAAS,aAAa,oBAAC,eAAY;AAAA,IACnC,SAAS,aAAa,oBAAC,eAAY;AAAA,KACtC;AAEJ;AAEe,SAAR,oBAAqC;AAC1C,SACE,oBAAC,YACC,8BAAC,qBAAkB,GACrB;AAEJ;","names":[]}

package/dist/admin/feedback/prompt-audience-fields.js

@@ -0,0 +1,63 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Input } from "@withpotter/ui-kit";
+function audienceValue(audience, field) {
+  if (audience.type === "workspaces" && field === "tenantIds")
+    return audience.tenantIds.join(", ");
+  if (audience.type === "accounts" && field === "accountIds")
+    return audience.accountIds.join(", ");
+  if (audience.type === "segment")
+    return (audience[field] ?? []).join(", ");
+  return "";
+}
+function PromptAudienceFields({
+  draft,
+  update
+}) {
+  const updateAudience = (field, value) => update("audience", {
+    ...draft.audience,
+    [field]: value.split(",").map((item) => item.trim()).filter(Boolean)
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    draft.audience.type === "workspaces" && /* @__PURE__ */ jsx(
+      Input,
+      {
+        id: "audience-workspaces",
+        label: "Workspace IDs",
+        hint: "Comma-separated UUIDs.",
+        value: audienceValue(draft.audience, "tenantIds"),
+        onChange: (event) => updateAudience("tenantIds", event.target.value),
+        required: true
+      }
+    ),
+    draft.audience.type === "accounts" && /* @__PURE__ */ jsx(
+      Input,
+      {
+        id: "audience-accounts",
+        label: "Account IDs",
+        hint: "Comma-separated UUIDs.",
+        value: audienceValue(draft.audience, "accountIds"),
+        onChange: (event) => updateAudience("accountIds", event.target.value),
+        required: true
+      }
+    ),
+    draft.audience.type === "segment" && /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-3", children: [
+      ["industries", "Industries"],
+      ["plans", "Plans"],
+      ["tenantStatuses", "Workspace statuses"]
+    ].map(([field, label]) => /* @__PURE__ */ jsx(
+      Input,
+      {
+        id: `audience-${field}`,
+        label,
+        hint: "Comma-separated.",
+        value: audienceValue(draft.audience, field),
+        onChange: (event) => updateAudience(field, event.target.value)
+      },
+      field
+    )) })
+  ] });
+}
+export {
+  PromptAudienceFields
+};
+//# sourceMappingURL=prompt-audience-fields.js.map

package/dist/admin/feedback/prompt-audience-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/prompt-audience-fields.tsx"],"sourcesContent":["import { Input } from '@withpotter/ui-kit';\nimport type {\n  AdminFeedbackPromptInput,\n  FeedbackPromptAudience,\n} from '@withpotter/lib/admin-feedback-api';\nimport type { UpdatePrompt } from './prompt-draft';\n\nfunction audienceValue(audience: FeedbackPromptAudience, field: string) {\n  if (audience.type === 'workspaces' && field === 'tenantIds')\n    return audience.tenantIds.join(', ');\n  if (audience.type === 'accounts' && field === 'accountIds')\n    return audience.accountIds.join(', ');\n  if (audience.type === 'segment')\n    return (\n      audience[field as 'industries' | 'plans' | 'tenantStatuses'] ?? []\n    ).join(', ');\n  return '';\n}\n\n/** The IDs or segment a non-\"all\" audience is narrowed to. */\nexport function PromptAudienceFields({\n  draft,\n  update,\n}: {\n  draft: AdminFeedbackPromptInput;\n  update: UpdatePrompt;\n}) {\n  const updateAudience = (field: string, value: string) =>\n    update('audience', {\n      ...draft.audience,\n      [field]: value\n        .split(',')\n        .map((item) => item.trim())\n        .filter(Boolean),\n    } as FeedbackPromptAudience);\n\n  return (\n    <>\n      {draft.audience.type === 'workspaces' && (\n        <Input\n          id=\"audience-workspaces\"\n          label=\"Workspace IDs\"\n          hint=\"Comma-separated UUIDs.\"\n          value={audienceValue(draft.audience, 'tenantIds')}\n          onChange={(event) => updateAudience('tenantIds', event.target.value)}\n          required\n        />\n      )}\n      {draft.audience.type === 'accounts' && (\n        <Input\n          id=\"audience-accounts\"\n          label=\"Account IDs\"\n          hint=\"Comma-separated UUIDs.\"\n          value={audienceValue(draft.audience, 'accountIds')}\n          onChange={(event) => updateAudience('accountIds', event.target.value)}\n          required\n        />\n      )}\n      {draft.audience.type === 'segment' && (\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          {(\n            [\n              ['industries', 'Industries'],\n              ['plans', 'Plans'],\n              ['tenantStatuses', 'Workspace statuses'],\n            ] as const\n          ).map(([field, label]) => (\n            <Input\n              key={field}\n              id={`audience-${field}`}\n              label={label}\n              hint=\"Comma-separated.\"\n              value={audienceValue(draft.audience, field)}\n              onChange={(event) => updateAudience(field, event.target.value)}\n            />\n          ))}\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":"AAqCI,mBAEI,KAFJ;AArCJ,SAAS,aAAa;AAOtB,SAAS,cAAc,UAAkC,OAAe;AACtE,MAAI,SAAS,SAAS,gBAAgB,UAAU;AAC9C,WAAO,SAAS,UAAU,KAAK,IAAI;AACrC,MAAI,SAAS,SAAS,cAAc,UAAU;AAC5C,WAAO,SAAS,WAAW,KAAK,IAAI;AACtC,MAAI,SAAS,SAAS;AACpB,YACE,SAAS,KAAkD,KAAK,CAAC,GACjE,KAAK,IAAI;AACb,SAAO;AACT;AAGO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AACF,GAGG;AACD,QAAM,iBAAiB,CAAC,OAAe,UACrC,OAAO,YAAY;AAAA,IACjB,GAAG,MAAM;AAAA,IACT,CAAC,KAAK,GAAG,MACN,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,EACzB,OAAO,OAAO;AAAA,EACnB,CAA2B;AAE7B,SACE,iCACG;AAAA,UAAM,SAAS,SAAS,gBACvB;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAM;AAAA,QACN,MAAK;AAAA,QACL,OAAO,cAAc,MAAM,UAAU,WAAW;AAAA,QAChD,UAAU,CAAC,UAAU,eAAe,aAAa,MAAM,OAAO,KAAK;AAAA,QACnE,UAAQ;AAAA;AAAA,IACV;AAAA,IAED,MAAM,SAAS,SAAS,cACvB;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAM;AAAA,QACN,MAAK;AAAA,QACL,OAAO,cAAc,MAAM,UAAU,YAAY;AAAA,QACjD,UAAU,CAAC,UAAU,eAAe,cAAc,MAAM,OAAO,KAAK;AAAA,QACpE,UAAQ;AAAA;AAAA,IACV;AAAA,IAED,MAAM,SAAS,SAAS,aACvB,oBAAC,SAAI,WAAU,6BAEX;AAAA,MACE,CAAC,cAAc,YAAY;AAAA,MAC3B,CAAC,SAAS,OAAO;AAAA,MACjB,CAAC,kBAAkB,oBAAoB;AAAA,IACzC,EACA,IAAI,CAAC,CAAC,OAAO,KAAK,MAClB;AAAA,MAAC;AAAA;AAAA,QAEC,IAAI,YAAY,KAAK;AAAA,QACrB;AAAA,QACA,MAAK;AAAA,QACL,OAAO,cAAc,MAAM,UAAU,KAAK;AAAA,QAC1C,UAAU,CAAC,UAAU,eAAe,OAAO,MAAM,OAAO,KAAK;AAAA;AAAA,MALxD;AAAA,IAMP,CACD,GACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/feedback/prompt-builder.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Link from "next/link";
+import { useQuery } from "@tanstack/react-query";
+import { ArrowLeft } from "lucide-react";
+import { Button, Tooltip } from "@withpotter/ui-kit";
+import { adminFeedbackPromptsApi } from "@withpotter/lib/admin-feedback-api";
+import { Reveal } from "../_fx";
+import { AdmLoading, EmptyState } from "../_ui";
+import { toInput } from "./prompt-draft";
+import { PromptOperations } from "./prompt-operations";
+import { PromptPreview } from "./prompt-preview";
+import { PromptWizard } from "./prompt-wizard";
+import styles from "./prompt-builder.module.css";
+import summary from "./prompt-summary.module.css";
+import { StatusPill } from "../audit/status-pill";
+function PromptBuilder({ promptId }) {
+  const [editing, setEditing] = useState(false);
+  const prompt = useQuery({
+    queryKey: ["platform-admin", "feedback", "prompts", promptId],
+    queryFn: () => adminFeedbackPromptsApi.get(promptId)
+  });
+  if (prompt.isLoading) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading prompt" });
+  if (prompt.isError || !prompt.data)
+    return /* @__PURE__ */ jsx("div", { role: "alert", children: /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        tone: "error",
+        title: "This prompt could not be loaded",
+        action: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => void prompt.refetch(), children: "Try again" })
+      }
+    ) });
+  const loaded = prompt.data;
+  const editable = loaded.status === "draft";
+  return /* @__PURE__ */ jsxs("section", { "aria-labelledby": "prompt-heading", children: [
+    /* @__PURE__ */ jsxs(Link, { href: "/admin/feedback?view=prompts", className: styles.back, children: [
+      /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4", "aria-hidden": true }),
+      " All prompts"
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+      /* @__PURE__ */ jsxs("div", { className: `adm-span-8 ${summary.summary}`, children: [
+        /* @__PURE__ */ jsxs(Reveal, { index: 0, className: `adm-panel ${summary.summaryHead}`, children: [
+          /* @__PURE__ */ jsxs("div", { className: summary.summaryText, children: [
+            /* @__PURE__ */ jsxs("h2", { id: "prompt-heading", className: summary.summaryTitle, children: [
+              loaded.name,
+              /* @__PURE__ */ jsx(StatusPill, { status: loaded.status })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: summary.summaryQuestion, children: loaded.question })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              label: editable ? void 0 : "Only drafts can be edited.",
+              children: /* @__PURE__ */ jsx("span", { tabIndex: editable ? void 0 : 0, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "secondary",
+                  disabled: !editable,
+                  onClick: () => setEditing(true),
+                  children: "Edit"
+                }
+              ) })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(PromptOperations, { prompt: loaded })
+      ] }),
+      /* @__PURE__ */ jsx(Reveal, { index: 1, className: "adm-span-4", children: /* @__PURE__ */ jsx(PromptPreview, { draft: toInput(loaded) }) })
+    ] }),
+    editing && /* @__PURE__ */ jsx(
+      PromptWizard,
+      {
+        promptId: loaded.id,
+        initial: toInput(loaded),
+        onDone: () => setEditing(false)
+      },
+      loaded.updatedAt
+    )
+  ] });
+}
+export {
+  PromptBuilder
+};
+//# sourceMappingURL=prompt-builder.js.map

package/dist/admin/feedback/prompt-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/prompt-builder.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport Link from 'next/link';\nimport { useQuery } from '@tanstack/react-query';\nimport { ArrowLeft } from 'lucide-react';\nimport { Button, Tooltip } from '@withpotter/ui-kit';\nimport { adminFeedbackPromptsApi } from '@withpotter/lib/admin-feedback-api';\nimport { Reveal } from '../_fx';\nimport { AdmLoading, EmptyState } from '../_ui';\nimport { toInput } from './prompt-draft';\nimport { PromptOperations } from './prompt-operations';\nimport { PromptPreview } from './prompt-preview';\nimport { PromptWizard } from './prompt-wizard';\nimport styles from './prompt-builder.module.css';\nimport summary from './prompt-summary.module.css';\nimport { StatusPill } from '../audit/status-pill';\n\n/** A saved prompt: what it asks, its lifecycle and insights; drafts edit. */\nexport function PromptBuilder({ promptId }: { promptId: string }) {\n  const [editing, setEditing] = useState(false);\n  const prompt = useQuery({\n    queryKey: ['platform-admin', 'feedback', 'prompts', promptId],\n    queryFn: () => adminFeedbackPromptsApi.get(promptId),\n  });\n\n  if (prompt.isLoading) return <AdmLoading label=\"Loading prompt\" />;\n  if (prompt.isError || !prompt.data)\n    return (\n      <div role=\"alert\">\n        <EmptyState\n          tone=\"error\"\n          title=\"This prompt could not be loaded\"\n          action={\n            <Button variant=\"secondary\" onClick={() => void prompt.refetch()}>\n              Try again\n            </Button>\n          }\n        />\n      </div>\n    );\n\n  const loaded = prompt.data;\n  const editable = loaded.status === 'draft';\n\n  return (\n    <section aria-labelledby=\"prompt-heading\">\n      <Link href=\"/admin/feedback?view=prompts\" className={styles.back}>\n        <ArrowLeft className=\"size-4\" aria-hidden /> All prompts\n      </Link>\n      <div className=\"adm-grid\">\n        <div className={`adm-span-8 ${summary.summary}`}>\n          <Reveal index={0} className={`adm-panel ${summary.summaryHead}`}>\n            <div className={summary.summaryText}>\n              <h2 id=\"prompt-heading\" className={summary.summaryTitle}>\n                {loaded.name}\n                <StatusPill status={loaded.status} />\n              </h2>\n              <p className={summary.summaryQuestion}>{loaded.question}</p>\n            </div>\n            <Tooltip\n              label={editable ? undefined : 'Only drafts can be edited.'}\n            >\n              <span tabIndex={editable ? undefined : 0}>\n                <Button\n                  variant=\"secondary\"\n                  disabled={!editable}\n                  onClick={() => setEditing(true)}\n                >\n                  Edit\n                </Button>\n              </span>\n            </Tooltip>\n          </Reveal>\n          <PromptOperations prompt={loaded} />\n        </div>\n        <Reveal index={1} className=\"adm-span-4\">\n          <PromptPreview draft={toInput(loaded)} />\n        </Reveal>\n      </div>\n      {editing && (\n        <PromptWizard\n          key={loaded.updatedAt}\n          promptId={loaded.id}\n          initial={toInput(loaded)}\n          onDone={() => setEditing(false)}\n        />\n      )}\n    </section>\n  );\n}\n"],"mappings":";AA0B+B,cAqBzB,YArByB;AAxB/B,SAAS,gBAAgB;AACzB,OAAO,UAAU;AACjB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,QAAQ,eAAe;AAChC,SAAS,+BAA+B;AACxC,SAAS,cAAc;AACvB,SAAS,YAAY,kBAAkB;AACvC,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,OAAO,YAAY;AACnB,OAAO,aAAa;AACpB,SAAS,kBAAkB;AAGpB,SAAS,cAAc,EAAE,SAAS,GAAyB;AAChE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,SAAS,SAAS;AAAA,IACtB,UAAU,CAAC,kBAAkB,YAAY,WAAW,QAAQ;AAAA,IAC5D,SAAS,MAAM,wBAAwB,IAAI,QAAQ;AAAA,EACrD,CAAC;AAED,MAAI,OAAO,UAAW,QAAO,oBAAC,cAAW,OAAM,kBAAiB;AAChE,MAAI,OAAO,WAAW,CAAC,OAAO;AAC5B,WACE,oBAAC,SAAI,MAAK,SACR;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,QACE,oBAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,KAAK,OAAO,QAAQ,GAAG,uBAElE;AAAA;AAAA,IAEJ,GACF;AAGJ,QAAM,SAAS,OAAO;AACtB,QAAM,WAAW,OAAO,WAAW;AAEnC,SACE,qBAAC,aAAQ,mBAAgB,kBACvB;AAAA,yBAAC,QAAK,MAAK,gCAA+B,WAAW,OAAO,MAC1D;AAAA,0BAAC,aAAU,WAAU,UAAS,eAAW,MAAC;AAAA,MAAE;AAAA,OAC9C;AAAA,IACA,qBAAC,SAAI,WAAU,YACb;AAAA,2BAAC,SAAI,WAAW,cAAc,QAAQ,OAAO,IAC3C;AAAA,6BAAC,UAAO,OAAO,GAAG,WAAW,aAAa,QAAQ,WAAW,IAC3D;AAAA,+BAAC,SAAI,WAAW,QAAQ,aACtB;AAAA,iCAAC,QAAG,IAAG,kBAAiB,WAAW,QAAQ,cACxC;AAAA,qBAAO;AAAA,cACR,oBAAC,cAAW,QAAQ,OAAO,QAAQ;AAAA,eACrC;AAAA,YACA,oBAAC,OAAE,WAAW,QAAQ,iBAAkB,iBAAO,UAAS;AAAA,aAC1D;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,WAAW,SAAY;AAAA,cAE9B,8BAAC,UAAK,UAAU,WAAW,SAAY,GACrC;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,UAAU,CAAC;AAAA,kBACX,SAAS,MAAM,WAAW,IAAI;AAAA,kBAC/B;AAAA;AAAA,cAED,GACF;AAAA;AAAA,UACF;AAAA,WACF;AAAA,QACA,oBAAC,oBAAiB,QAAQ,QAAQ;AAAA,SACpC;AAAA,MACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B,8BAAC,iBAAc,OAAO,QAAQ,MAAM,GAAG,GACzC;AAAA,OACF;AAAA,IACC,WACC;AAAA,MAAC;AAAA;AAAA,QAEC,UAAU,OAAO;AAAA,QACjB,SAAS,QAAQ,MAAM;AAAA,QACvB,QAAQ,MAAM,WAAW,KAAK;AAAA;AAAA,MAHzB,OAAO;AAAA,IAId;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/feedback/prompt-builder.module.css

@@ -0,0 +1,134 @@
+/* Prompt wizard steps and the saved prompt's page. */
+
+/* ---- Wizard step fields ---- */
+.fields {
+  display: grid;
+  gap: 16px;
+}
+
+.field {
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+}
+
+.fieldLabel {
+  color: var(--text-secondary);
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.fieldHint,
+.fieldError {
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.fieldHint {
+  color: var(--text-tertiary);
+}
+
+.fieldError {
+  color: var(--error);
+}
+
+.pair {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 16px;
+}
+
+.kinds {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
+  gap: 8px;
+}
+
+.kind {
+  display: grid;
+  gap: 4px;
+  text-align: left;
+}
+
+.kind span {
+  color: var(--text-tertiary);
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.toggles {
+  overflow: hidden;
+  border-radius: 10px;
+  box-shadow: inset 0 0 0 1px var(--border-subtle);
+}
+
+.schedule {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 128px auto;
+  align-items: center;
+  gap: 8px;
+}
+
+.problems {
+  margin: 4px 0 0;
+  padding-left: 16px;
+}
+
+.review {
+  display: grid;
+  margin: 0;
+  overflow: hidden;
+  border-radius: 10px;
+  box-shadow: inset 0 0 0 1px var(--border-subtle);
+}
+
+.reviewRow {
+  display: grid;
+  grid-template-columns: 136px minmax(0, 1fr);
+  gap: 12px;
+  padding: 12px 16px;
+}
+
+.reviewRow + .reviewRow {
+  border-top: 1px solid var(--border-subtle);
+}
+
+.reviewRow dt {
+  color: var(--text-tertiary);
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.reviewRow dd {
+  margin: 0;
+  color: var(--text-primary);
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 20px;
+  overflow-wrap: anywhere;
+}
+
+.draftRow {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+/* ---- A saved prompt's page ---- */
+.back {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  margin-bottom: 16px;
+  color: var(--text-secondary);
+  font-size: 13px;
+  line-height: 20px;
+  text-decoration: none;
+}
+
+.back:hover {
+  color: var(--text-primary);
+}