@withpotter/pages-admin 0.13.0-next.101

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

@@ -0,0 +1,132 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { FilterSearch, FilterSelect, Filters, Pagination } from "../_ui";
+import { QueueCard } from "../support/queue-card";
+import { useModuleOn } from "../_shell/modules-context";
+import { PromptBuilder } from "./prompt-builder";
+import { emptyDraft } from "./prompt-draft";
+import { PromptWizard } from "./prompt-wizard";
+import { PromptsTable } from "./prompts-table";
+import { useAdminPrompts } from "./use-admin-prompts";
+const PAGE_SIZE = 25;
+const STATUS_OPTIONS = [
+  { value: "", label: "All statuses" },
+  { value: "draft", label: "Draft" },
+  { value: "scheduled", label: "Scheduled" },
+  { value: "active", label: "Active" },
+  { value: "paused", label: "Paused" },
+  { value: "completed", label: "Completed" }
+];
+const MODE_OPTIONS = [
+  { value: "", label: "All modes" },
+  { value: "campaign", label: "Campaign" },
+  { value: "direct", label: "Direct request" }
+];
+function PromptList() {
+  const [search, setSearch] = useState("");
+  const [status, setStatus] = useState("");
+  const [mode, setMode] = useState("");
+  const [page, setPage] = useState(1);
+  const prompts = useAdminPrompts({
+    page,
+    pageSize: PAGE_SIZE,
+    search: search || void 0,
+    status: status || void 0,
+    mode: mode || void 0
+  });
+  const hasFilters = Boolean(search || status || mode);
+  const resetPage = () => setPage(1);
+  const totalPages = prompts.data ? Math.max(1, Math.ceil(prompts.data.total / prompts.data.pageSize)) : 1;
+  return /* @__PURE__ */ jsx(
+    QueueCard,
+    {
+      title: "Feedback prompts",
+      count: prompts.data?.total,
+      busy: prompts.isLoading,
+      caption: "Campaigns and direct requests",
+      toolbar: /* @__PURE__ */ jsxs(Filters, { label: "Filter prompts", children: [
+        /* @__PURE__ */ jsx(
+          FilterSearch,
+          {
+            value: search,
+            onChange: (value) => {
+              setSearch(value);
+              resetPage();
+            },
+            placeholder: "Search prompt name, question, or key"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FilterSelect,
+          {
+            label: "Status",
+            value: status,
+            onChange: (value) => {
+              setStatus(value);
+              resetPage();
+            },
+            options: STATUS_OPTIONS
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FilterSelect,
+          {
+            label: "Mode",
+            value: mode,
+            onChange: (value) => {
+              setMode(value);
+              resetPage();
+            },
+            options: MODE_OPTIONS
+          }
+        )
+      ] }),
+      footer: prompts.data && prompts.data.total > 0 ? /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          page,
+          totalPages,
+          total: prompts.data.total,
+          noun: "prompts",
+          onPage: setPage
+        }
+      ) : void 0,
+      children: /* @__PURE__ */ jsx(
+        PromptsTable,
+        {
+          rows: prompts.data?.items,
+          isLoading: prompts.isLoading,
+          isError: prompts.isError,
+          hasFilters,
+          onRetry: () => void prompts.refetch()
+        }
+      )
+    }
+  );
+}
+function PromptsView() {
+  const router = useRouter();
+  const promptId = useSearchParams().get("prompt");
+  const voice = useModuleOn("feedbackVoice");
+  if (promptId && promptId !== "new")
+    return /* @__PURE__ */ jsx(PromptBuilder, { promptId });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(PromptList, {}),
+    promptId === "new" && /* @__PURE__ */ jsx(
+      PromptWizard,
+      {
+        promptId: "new",
+        initial: emptyDraft(voice),
+        onDone: (id) => router.push(
+          id ? `/admin/feedback?view=prompts&prompt=${id}` : "/admin/feedback?view=prompts"
+        )
+      }
+    )
+  ] });
+}
+export {
+  PromptsView
+};
+//# sourceMappingURL=prompts-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/prompts-view.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useRouter, useSearchParams } from 'next/navigation';\nimport type {\n  FeedbackPromptMode,\n  FeedbackPromptStatus,\n} from '@withpotter/lib/admin-feedback-api';\nimport { FilterSearch, FilterSelect, Filters, Pagination } from '../_ui';\nimport { QueueCard } from '../support/queue-card';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { PromptBuilder } from './prompt-builder';\nimport { emptyDraft } from './prompt-draft';\nimport { PromptWizard } from './prompt-wizard';\nimport { PromptsTable } from './prompts-table';\nimport { useAdminPrompts } from './use-admin-prompts';\n\nconst PAGE_SIZE = 25;\n\nconst STATUS_OPTIONS = [\n  { value: '', label: 'All statuses' },\n  { value: 'draft', label: 'Draft' },\n  { value: 'scheduled', label: 'Scheduled' },\n  { value: 'active', label: 'Active' },\n  { value: 'paused', label: 'Paused' },\n  { value: 'completed', label: 'Completed' },\n];\n\nconst MODE_OPTIONS = [\n  { value: '', label: 'All modes' },\n  { value: 'campaign', label: 'Campaign' },\n  { value: 'direct', label: 'Direct request' },\n];\n\nfunction PromptList() {\n  const [search, setSearch] = useState('');\n  const [status, setStatus] = useState<FeedbackPromptStatus | ''>('');\n  const [mode, setMode] = useState<FeedbackPromptMode | ''>('');\n  const [page, setPage] = useState(1);\n  const prompts = useAdminPrompts({\n    page,\n    pageSize: PAGE_SIZE,\n    search: search || undefined,\n    status: status || undefined,\n    mode: mode || undefined,\n  });\n  const hasFilters = Boolean(search || status || mode);\n  const resetPage = () => setPage(1);\n  const totalPages = prompts.data\n    ? Math.max(1, Math.ceil(prompts.data.total / prompts.data.pageSize))\n    : 1;\n\n  return (\n    <QueueCard\n      title=\"Feedback prompts\"\n      count={prompts.data?.total}\n      busy={prompts.isLoading}\n      caption=\"Campaigns and direct requests\"\n      toolbar={\n        <Filters label=\"Filter prompts\">\n          <FilterSearch\n            value={search}\n            onChange={(value) => {\n              setSearch(value);\n              resetPage();\n            }}\n            placeholder=\"Search prompt name, question, or key\"\n          />\n          <FilterSelect\n            label=\"Status\"\n            value={status}\n            onChange={(value) => {\n              setStatus(value as FeedbackPromptStatus | '');\n              resetPage();\n            }}\n            options={STATUS_OPTIONS}\n          />\n          <FilterSelect\n            label=\"Mode\"\n            value={mode}\n            onChange={(value) => {\n              setMode(value as FeedbackPromptMode | '');\n              resetPage();\n            }}\n            options={MODE_OPTIONS}\n          />\n        </Filters>\n      }\n      footer={\n        prompts.data && prompts.data.total > 0 ? (\n          <Pagination\n            page={page}\n            totalPages={totalPages}\n            total={prompts.data.total}\n            noun=\"prompts\"\n            onPage={setPage}\n          />\n        ) : undefined\n      }\n    >\n      <PromptsTable\n        rows={prompts.data?.items}\n        isLoading={prompts.isLoading}\n        isError={prompts.isError}\n        hasFilters={hasFilters}\n        onRetry={() => void prompts.refetch()}\n      />\n    </QueueCard>\n  );\n}\n\nexport function PromptsView() {\n  const router = useRouter();\n  const promptId = useSearchParams().get('prompt');\n  const voice = useModuleOn('feedbackVoice');\n  if (promptId && promptId !== 'new')\n    return <PromptBuilder promptId={promptId} />;\n  return (\n    <>\n      <PromptList />\n      {promptId === 'new' && (\n        <PromptWizard\n          promptId=\"new\"\n          initial={emptyDraft(voice)}\n          onDone={(id) =>\n            router.push(\n              id\n                ? `/admin/feedback?view=prompts&prompt=${id}`\n                : '/admin/feedback?view=prompts',\n            )\n          }\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/feedback/response-card.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { StarDisplay } from "@withpotter/ui-kit";
+import { Reveal } from "../_fx";
+import { WithCountry } from "../_ui/country-label";
+import { CategoryLabel } from "./category-label";
+import { STATUS_LABEL, timestamp } from "./feedback-options";
+import { ago } from "./feedback-sentiment";
+import styles from "./responses.module.css";
+import { StatusPill } from "../audit/status-pill";
+function ResponseCard({
+  row,
+  index,
+  active,
+  onOpen
+}) {
+  const name = row.account.name || row.account.email;
+  const path = row.route || row.pagePath;
+  const note = row.note || (row.audioUrl ? "Voice feedback" : "No note");
+  return /* @__PURE__ */ jsx(Reveal, { as: "li", index, children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: styles.card,
+      "data-active": active || void 0,
+      onClick: () => onOpen(row),
+      "aria-label": `Open feedback from ${name}`,
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: styles.cardHead, children: [
+          /* @__PURE__ */ jsxs("span", { className: styles.who, children: [
+            /* @__PURE__ */ jsx("span", { className: styles.name, title: name, children: name }),
+            /* @__PURE__ */ jsx(
+              WithCountry,
+              {
+                country: row.tenant?.country,
+                code: row.tenant?.countryCode,
+                children: /* @__PURE__ */ jsx("span", { className: styles.tenant, title: row.tenant?.name, children: row.tenant?.name ?? "No workspace" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "time",
+            {
+              className: styles.when,
+              dateTime: row.createdAt,
+              title: timestamp(row.createdAt),
+              children: ago(row.createdAt)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: styles.ratingRow, children: [
+          row.rating ? /* @__PURE__ */ jsx(StarDisplay, { rating: row.rating, size: 16 }) : /* @__PURE__ */ jsx("span", { className: styles.unrated, children: "Not rated" }),
+          /* @__PURE__ */ jsx(CategoryLabel, { category: row.category }),
+          /* @__PURE__ */ jsx(StatusPill, { status: row.status, label: STATUS_LABEL[row.status] })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: styles.note, title: row.note ?? void 0, children: note }),
+        /* @__PURE__ */ jsxs("span", { className: styles.cardFoot, children: [
+          /* @__PURE__ */ jsx("span", { className: styles.path, title: path, children: /* @__PURE__ */ jsx("span", { children: path }) }),
+          row.screenshotUrl && // Runtime URL; Next Image's host allowlist cannot cover it.
+          // eslint-disable-next-line @next/next/no-img-element
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: row.screenshotUrl,
+              alt: "",
+              loading: "lazy",
+              className: styles.thumb
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  ResponseCard
+};
+//# sourceMappingURL=response-card.js.map

package/dist/admin/feedback/response-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/response-card.tsx"],"sourcesContent":["'use client';\n\nimport { StarDisplay } from '@withpotter/ui-kit';\nimport type { AdminFeedbackRow } from '@withpotter/lib/admin-feedback-api';\nimport { Reveal } from '../_fx';\nimport { WithCountry } from '../_ui/country-label';\nimport { CategoryLabel } from './category-label';\nimport { STATUS_LABEL, timestamp } from './feedback-options';\nimport { ago } from './feedback-sentiment';\nimport styles from './responses.module.css';\nimport { StatusPill } from '../audit/status-pill';\n\n/** One submission as a card: who, how they rated it, what, where. */\nexport function ResponseCard({\n  row,\n  index,\n  active,\n  onOpen,\n}: {\n  row: AdminFeedbackRow;\n  index: number;\n  active: boolean;\n  onOpen: (row: AdminFeedbackRow) => void;\n}) {\n  const name = row.account.name || row.account.email;\n  const path = row.route || row.pagePath;\n  const note = row.note || (row.audioUrl ? 'Voice feedback' : 'No note');\n\n  return (\n    <Reveal as=\"li\" index={index}>\n      <button\n        type=\"button\"\n        className={styles.card}\n        data-active={active || undefined}\n        onClick={() => onOpen(row)}\n        aria-label={`Open feedback from ${name}`}\n      >\n        <span className={styles.cardHead}>\n          <span className={styles.who}>\n            <span className={styles.name} title={name}>\n              {name}\n            </span>\n            <WithCountry\n              country={row.tenant?.country}\n              code={row.tenant?.countryCode}\n            >\n              <span className={styles.tenant} title={row.tenant?.name}>\n                {row.tenant?.name ?? 'No workspace'}\n              </span>\n            </WithCountry>\n          </span>\n          <time\n            className={styles.when}\n            dateTime={row.createdAt}\n            title={timestamp(row.createdAt)}\n          >\n            {ago(row.createdAt)}\n          </time>\n        </span>\n        <span className={styles.ratingRow}>\n          {row.rating ? (\n            <StarDisplay rating={row.rating} size={16} />\n          ) : (\n            <span className={styles.unrated}>Not rated</span>\n          )}\n          <CategoryLabel category={row.category} />\n          <StatusPill status={row.status} label={STATUS_LABEL[row.status]} />\n        </span>\n        <span className={styles.note} title={row.note ?? undefined}>\n          {note}\n        </span>\n        <span className={styles.cardFoot}>\n          <span className={styles.path} title={path}>\n            <span>{path}</span>\n          </span>\n          {row.screenshotUrl && (\n            // Runtime URL; Next Image's host allowlist cannot cover it.\n            // eslint-disable-next-line @next/next/no-img-element\n            <img\n              src={row.screenshotUrl}\n              alt=\"\"\n              loading=\"lazy\"\n              className={styles.thumb}\n            />\n          )}\n        </span>\n      </button>\n    </Reveal>\n  );\n}\n"],"mappings":";AAsCU,SACE,KADF;AApCV,SAAS,mBAAmB;AAE5B,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,cAAc,iBAAiB;AACxC,SAAS,WAAW;AACpB,OAAO,YAAY;AACnB,SAAS,kBAAkB;AAGpB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,OAAO,IAAI,QAAQ,QAAQ,IAAI,QAAQ;AAC7C,QAAM,OAAO,IAAI,SAAS,IAAI;AAC9B,QAAM,OAAO,IAAI,SAAS,IAAI,WAAW,mBAAmB;AAE5D,SACE,oBAAC,UAAO,IAAG,MAAK,OACd;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,OAAO;AAAA,MAClB,eAAa,UAAU;AAAA,MACvB,SAAS,MAAM,OAAO,GAAG;AAAA,MACzB,cAAY,sBAAsB,IAAI;AAAA,MAEtC;AAAA,6BAAC,UAAK,WAAW,OAAO,UACtB;AAAA,+BAAC,UAAK,WAAW,OAAO,KACtB;AAAA,gCAAC,UAAK,WAAW,OAAO,MAAM,OAAO,MAClC,gBACH;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS,IAAI,QAAQ;AAAA,gBACrB,MAAM,IAAI,QAAQ;AAAA,gBAElB,8BAAC,UAAK,WAAW,OAAO,QAAQ,OAAO,IAAI,QAAQ,MAChD,cAAI,QAAQ,QAAQ,gBACvB;AAAA;AAAA,YACF;AAAA,aACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,OAAO;AAAA,cAClB,UAAU,IAAI;AAAA,cACd,OAAO,UAAU,IAAI,SAAS;AAAA,cAE7B,cAAI,IAAI,SAAS;AAAA;AAAA,UACpB;AAAA,WACF;AAAA,QACA,qBAAC,UAAK,WAAW,OAAO,WACrB;AAAA,cAAI,SACH,oBAAC,eAAY,QAAQ,IAAI,QAAQ,MAAM,IAAI,IAE3C,oBAAC,UAAK,WAAW,OAAO,SAAS,uBAAS;AAAA,UAE5C,oBAAC,iBAAc,UAAU,IAAI,UAAU;AAAA,UACvC,oBAAC,cAAW,QAAQ,IAAI,QAAQ,OAAO,aAAa,IAAI,MAAM,GAAG;AAAA,WACnE;AAAA,QACA,oBAAC,UAAK,WAAW,OAAO,MAAM,OAAO,IAAI,QAAQ,QAC9C,gBACH;AAAA,QACA,qBAAC,UAAK,WAAW,OAAO,UACtB;AAAA,8BAAC,UAAK,WAAW,OAAO,MAAM,OAAO,MACnC,8BAAC,UAAM,gBAAK,GACd;AAAA,UACC,IAAI;AAAA;AAAA,UAGH;AAAA,YAAC;AAAA;AAAA,cACC,KAAK,IAAI;AAAA,cACT,KAAI;AAAA,cACJ,SAAQ;AAAA,cACR,WAAW,OAAO;AAAA;AAAA,UACpB;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/admin/feedback/responses-table.js

@@ -0,0 +1,132 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import {
+  Button,
+  EmptyNote,
+  StarDisplay,
+  TableRow,
+  TableShell,
+  TableSkeleton,
+  Th
+} from "@withpotter/ui-kit";
+import { EmptyState } from "../_ui";
+import { WithCountry } from "../_ui/country-label";
+import { CategoryLabel } from "./category-label";
+import { STATUS_LABEL, timestamp } from "./feedback-options";
+import styles from "./feedback.module.css";
+import { StatusPill } from "../audit/status-pill";
+function Rating({ value }) {
+  if (!value) return /* @__PURE__ */ jsx("span", { className: styles.muted, children: "\u2013" });
+  return /* @__PURE__ */ jsx("span", { className: styles.rating, children: /* @__PURE__ */ jsx(StarDisplay, { rating: value, size: 16 }) });
+}
+function ResponsesTable({
+  rows,
+  isLoading,
+  isError,
+  hasFilters,
+  activeId,
+  onOpen,
+  onRetry
+}) {
+  if (isLoading)
+    return /* @__PURE__ */ jsx("div", { "aria-hidden": true, children: /* @__PURE__ */ jsx(TableSkeleton, { bare: true, rows: 8, columns: 6 }) });
+  if (isError)
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        tone: "error",
+        title: "Failed to load merchant feedback",
+        action: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onRetry, children: "Try again" })
+      }
+    );
+  if (!rows?.length)
+    return /* @__PURE__ */ jsx(EmptyNote, { className: "px-4 py-6 text-center", children: hasFilters ? "No feedback matches this rating, category, status and search." : "Merchant ratings and notes appear here once they are sent." });
+  return /* @__PURE__ */ jsx(
+    TableShell,
+    {
+      bare: true,
+      fixed: true,
+      minWidth: 1280,
+      head: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx(Th, { className: "w-[176px]", children: "Submitted" }),
+        /* @__PURE__ */ jsx(Th, { className: "w-[104px]", children: "Rating" }),
+        /* @__PURE__ */ jsx(Th, { className: "w-[192px]", children: "Account" }),
+        /* @__PURE__ */ jsx(Th, { className: "w-[160px]", children: "Tenant" }),
+        /* @__PURE__ */ jsx(Th, { children: "Note" }),
+        /* @__PURE__ */ jsx(Th, { className: "w-[168px]", children: "Flow / page" }),
+        /* @__PURE__ */ jsx(Th, { className: "w-[128px]", children: "Category" }),
+        /* @__PURE__ */ jsx(Th, { className: "w-[128px]", children: "Status" }),
+        /* @__PURE__ */ jsx(Th, { className: "w-[80px]", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Actions" }) })
+      ] }),
+      children: rows.map((row) => {
+        const name = row.account.name || "Unnamed account";
+        const flow = row.area || row.flowContext || "Dashboard";
+        const path = row.route || row.pagePath;
+        return /* @__PURE__ */ jsxs(
+          TableRow,
+          {
+            active: row.id === activeId,
+            onClick: () => onOpen(row),
+            children: [
+              /* @__PURE__ */ jsx("td", { className: styles.secondaryCell, children: /* @__PURE__ */ jsx("span", { className: styles.nowrap, title: timestamp(row.createdAt), children: timestamp(row.createdAt) }) }),
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Rating, { value: row.rating }) }),
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("span", { className: styles.stack, children: [
+                /* @__PURE__ */ jsx("span", { className: styles.primary, title: name, children: name }),
+                /* @__PURE__ */ jsx("span", { className: styles.secondary, title: row.account.email, children: row.account.email })
+              ] }) }),
+              /* @__PURE__ */ jsx("td", { children: row.tenant ? /* @__PURE__ */ jsx(
+                WithCountry,
+                {
+                  country: row.tenant.country,
+                  code: row.tenant.countryCode,
+                  children: /* @__PURE__ */ jsx(
+                    Link,
+                    {
+                      href: `/admin/tenants/${row.tenant.id}`,
+                      className: styles.tenantLink,
+                      title: row.tenant.name,
+                      onClick: (event) => event.stopPropagation(),
+                      children: row.tenant.name
+                    }
+                  )
+                }
+              ) : /* @__PURE__ */ jsx("span", { className: styles.muted, children: "\u2013" }) }),
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("span", { className: styles.note, title: row.note ?? void 0, children: row.note || (row.audioUrl ? "Voice feedback" : "\u2013") }) }),
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("span", { className: styles.stack, children: [
+                /* @__PURE__ */ jsx("span", { className: styles.primary, title: flow, children: flow }),
+                /* @__PURE__ */ jsx("code", { className: styles.secondary, title: path, children: path })
+              ] }) }),
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(CategoryLabel, { category: row.category }) }),
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+                StatusPill,
+                {
+                  status: row.status,
+                  label: STATUS_LABEL[row.status]
+                }
+              ) }),
+              /* @__PURE__ */ jsx("td", { className: styles.actionCell, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  "aria-label": `View feedback from ${row.account.name || row.account.email}`,
+                  onClick: (event) => {
+                    event.stopPropagation();
+                    onOpen(row);
+                  },
+                  children: "View"
+                }
+              ) })
+            ]
+          },
+          row.id
+        );
+      })
+    }
+  );
+}
+export {
+  ResponsesTable
+};
+//# sourceMappingURL=responses-table.js.map

package/dist/admin/feedback/responses-table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/responses-table.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport {\n  Button,\n  EmptyNote,\n  StarDisplay,\n  TableRow,\n  TableShell,\n  TableSkeleton,\n  Th,\n} from '@withpotter/ui-kit';\nimport type { AdminFeedbackRow } from '@withpotter/lib/admin-feedback-api';\nimport { EmptyState } from '../_ui';\nimport { WithCountry } from '../_ui/country-label';\nimport { CategoryLabel } from './category-label';\nimport { STATUS_LABEL, timestamp } from './feedback-options';\nimport styles from './feedback.module.css';\nimport { StatusPill } from '../audit/status-pill';\n\nfunction Rating({ value }: { value: number | null }) {\n  if (!value) return <span className={styles.muted}>–</span>;\n  return (\n    <span className={styles.rating}>\n      <StarDisplay rating={value} size={16} />\n    </span>\n  );\n}\n\n/** Merchant submissions, newest first, or the state standing in for them. */\nexport function ResponsesTable({\n  rows,\n  isLoading,\n  isError,\n  hasFilters,\n  activeId,\n  onOpen,\n  onRetry,\n}: {\n  rows: AdminFeedbackRow[] | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  hasFilters: boolean;\n  activeId: string | null;\n  onOpen: (row: AdminFeedbackRow) => void;\n  onRetry: () => void;\n}) {\n  if (isLoading)\n    return (\n      <div aria-hidden>\n        <TableSkeleton bare rows={8} columns={6} />\n      </div>\n    );\n  if (isError)\n    return (\n      <EmptyState\n        tone=\"error\"\n        title=\"Failed to load merchant feedback\"\n        action={\n          <Button variant=\"secondary\" onClick={onRetry}>\n            Try again\n          </Button>\n        }\n      />\n    );\n  if (!rows?.length)\n    return (\n      <EmptyNote className=\"px-4 py-6 text-center\">\n        {hasFilters\n          ? 'No feedback matches this rating, category, status and search.'\n          : 'Merchant ratings and notes appear here once they are sent.'}\n      </EmptyNote>\n    );\n\n  return (\n    <TableShell\n      bare\n      fixed\n      minWidth={1280}\n      head={\n        <tr>\n          <Th className=\"w-[176px]\">Submitted</Th>\n          <Th className=\"w-[104px]\">Rating</Th>\n          <Th className=\"w-[192px]\">Account</Th>\n          <Th className=\"w-[160px]\">Tenant</Th>\n          <Th>Note</Th>\n          <Th className=\"w-[168px]\">Flow / page</Th>\n          <Th className=\"w-[128px]\">Category</Th>\n          <Th className=\"w-[128px]\">Status</Th>\n          <Th className=\"w-[80px]\">\n            <span className=\"sr-only\">Actions</span>\n          </Th>\n        </tr>\n      }\n    >\n      {rows.map((row) => {\n        const name = row.account.name || 'Unnamed account';\n        const flow = row.area || row.flowContext || 'Dashboard';\n        const path = row.route || row.pagePath;\n        return (\n          <TableRow\n            key={row.id}\n            active={row.id === activeId}\n            onClick={() => onOpen(row)}\n          >\n            <td className={styles.secondaryCell}>\n              <span className={styles.nowrap} title={timestamp(row.createdAt)}>\n                {timestamp(row.createdAt)}\n              </span>\n            </td>\n            <td>\n              <Rating value={row.rating} />\n            </td>\n            <td>\n              <span className={styles.stack}>\n                <span className={styles.primary} title={name}>\n                  {name}\n                </span>\n                <span className={styles.secondary} title={row.account.email}>\n                  {row.account.email}\n                </span>\n              </span>\n            </td>\n            <td>\n              {row.tenant ? (\n                <WithCountry\n                  country={row.tenant.country}\n                  code={row.tenant.countryCode}\n                >\n                  <Link\n                    href={`/admin/tenants/${row.tenant.id}`}\n                    className={styles.tenantLink}\n                    title={row.tenant.name}\n                    onClick={(event) => event.stopPropagation()}\n                  >\n                    {row.tenant.name}\n                  </Link>\n                </WithCountry>\n              ) : (\n                <span className={styles.muted}>–</span>\n              )}\n            </td>\n            <td>\n              <span className={styles.note} title={row.note ?? undefined}>\n                {row.note || (row.audioUrl ? 'Voice feedback' : '–')}\n              </span>\n            </td>\n            <td>\n              <span className={styles.stack}>\n                <span className={styles.primary} title={flow}>\n                  {flow}\n                </span>\n                <code className={styles.secondary} title={path}>\n                  {path}\n                </code>\n              </span>\n            </td>\n            <td>\n              <CategoryLabel category={row.category} />\n            </td>\n            <td>\n              <StatusPill\n                status={row.status}\n                label={STATUS_LABEL[row.status]}\n              />\n            </td>\n            <td className={styles.actionCell}>\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                aria-label={`View feedback from ${row.account.name || row.account.email}`}\n                onClick={(event) => {\n                  event.stopPropagation();\n                  onOpen(row);\n                }}\n              >\n                View\n              </Button>\n            </td>\n          </TableRow>\n        );\n      })}\n    </TableShell>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,142 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ViewSwitch } from "@withpotter/ui-kit";
+import { FilterSearch, FilterSelect, Filters, Pagination } from "../_ui";
+import { QueueCard } from "../support/queue-card";
+import { FeedbackDetailDrawer } from "./feedback-detail-drawer";
+import {
+  CATEGORY_OPTIONS,
+  RATING_OPTIONS,
+  STATUS_OPTIONS
+} from "./feedback-options";
+import { ResponseCard } from "./response-card";
+import { ResponsesTable } from "./responses-table";
+import cards from "./responses.module.css";
+import { useAdminFeedback } from "./use-admin-feedback";
+const PAGE_SIZE = 24;
+const LAYOUTS = [
+  { value: "cards", label: "Cards" },
+  { value: "table", label: "Table" }
+];
+function ResponsesView() {
+  const [selected, setSelected] = useState(null);
+  const [search, setSearch] = useState("");
+  const [category, setCategory] = useState("");
+  const [status, setStatus] = useState("");
+  const [rating, setRating] = useState("");
+  const [page, setPage] = useState(1);
+  const [layout, setLayout] = useState("cards");
+  const feedback = useAdminFeedback({
+    page,
+    pageSize: PAGE_SIZE,
+    search: search || void 0,
+    category: category || void 0,
+    status: status || void 0,
+    rating: rating ? Number(rating) : void 0
+  });
+  const hasFilters = Boolean(search || category || status || rating);
+  const resetPage = () => setPage(1);
+  const filter = (set) => (value) => {
+    set(value);
+    resetPage();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      QueueCard,
+      {
+        title: "Responses",
+        count: feedback.data?.total,
+        busy: feedback.isLoading,
+        toolbar: /* @__PURE__ */ jsxs(Filters, { label: "Filter responses", children: [
+          /* @__PURE__ */ jsx(
+            FilterSearch,
+            {
+              value: search,
+              onChange: filter(setSearch),
+              placeholder: "Search account, tenant, note or flow"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FilterSelect,
+            {
+              label: "Rating",
+              value: rating,
+              options: RATING_OPTIONS,
+              onChange: filter(setRating)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FilterSelect,
+            {
+              label: "Category",
+              value: category,
+              options: CATEGORY_OPTIONS,
+              onChange: filter(setCategory)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FilterSelect,
+            {
+              label: "Status",
+              value: status,
+              options: STATUS_OPTIONS,
+              onChange: filter(setStatus)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ViewSwitch,
+            {
+              className: "adm-view-switch",
+              options: LAYOUTS,
+              value: layout,
+              onChange: setLayout
+            }
+          )
+        ] }),
+        footer: feedback.data && feedback.data.total > 0 ? /* @__PURE__ */ jsx(
+          Pagination,
+          {
+            page,
+            totalPages: Math.max(1, feedback.data.totalPages),
+            total: feedback.data.total,
+            noun: "submissions",
+            onPage: setPage
+          }
+        ) : void 0,
+        children: layout === "cards" && feedback.data?.items.length ? /* @__PURE__ */ jsx("ul", { className: cards.grid, children: feedback.data.items.map((row, index) => /* @__PURE__ */ jsx(
+          ResponseCard,
+          {
+            row,
+            index,
+            active: row.id === selected?.id,
+            onOpen: setSelected
+          },
+          row.id
+        )) }) : /* @__PURE__ */ jsx(
+          ResponsesTable,
+          {
+            rows: feedback.data?.items,
+            isLoading: feedback.isLoading,
+            isError: feedback.isError,
+            hasFilters,
+            activeId: selected?.id ?? null,
+            onOpen: setSelected,
+            onRetry: () => void feedback.refetch()
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FeedbackDetailDrawer,
+      {
+        feedback: selected,
+        onClose: () => setSelected(null)
+      }
+    )
+  ] });
+}
+export {
+  ResponsesView
+};
+//# sourceMappingURL=responses-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/responses-view.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { ViewSwitch, type ViewOption } from '@withpotter/ui-kit';\nimport type {\n  AdminFeedbackCategory,\n  AdminFeedbackRow,\n  AdminFeedbackStatus,\n} from '@withpotter/lib/admin-feedback-api';\nimport { FilterSearch, FilterSelect, Filters, Pagination } from '../_ui';\nimport { QueueCard } from '../support/queue-card';\nimport { FeedbackDetailDrawer } from './feedback-detail-drawer';\nimport {\n  CATEGORY_OPTIONS,\n  RATING_OPTIONS,\n  STATUS_OPTIONS,\n} from './feedback-options';\nimport { ResponseCard } from './response-card';\nimport { ResponsesTable } from './responses-table';\nimport cards from './responses.module.css';\nimport { useAdminFeedback } from './use-admin-feedback';\n\nconst PAGE_SIZE = 24;\n\ntype Layout = 'cards' | 'table';\nconst LAYOUTS: ViewOption<Layout>[] = [\n  { value: 'cards', label: 'Cards' },\n  { value: 'table', label: 'Table' },\n];\n\n/** Merchant submissions as a queue: filter, scan, open one. */\nexport function ResponsesView() {\n  const [selected, setSelected] = useState<AdminFeedbackRow | null>(null);\n  const [search, setSearch] = useState('');\n  const [category, setCategory] = useState<AdminFeedbackCategory | ''>('');\n  const [status, setStatus] = useState<AdminFeedbackStatus | ''>('');\n  const [rating, setRating] = useState('');\n  const [page, setPage] = useState(1);\n  const [layout, setLayout] = useState<Layout>('cards');\n\n  const feedback = useAdminFeedback({\n    page,\n    pageSize: PAGE_SIZE,\n    search: search || undefined,\n    category: category || undefined,\n    status: status || undefined,\n    rating: rating ? Number(rating) : undefined,\n  });\n  const hasFilters = Boolean(search || category || status || rating);\n  const resetPage = () => setPage(1);\n  const filter =\n    <T extends string>(set: (value: T) => void) =>\n    (value: string) => {\n      set(value as T);\n      resetPage();\n    };\n\n  return (\n    <>\n      <QueueCard\n        title=\"Responses\"\n        count={feedback.data?.total}\n        busy={feedback.isLoading}\n        toolbar={\n          <Filters label=\"Filter responses\">\n            <FilterSearch\n              value={search}\n              onChange={filter(setSearch)}\n              placeholder=\"Search account, tenant, note or flow\"\n            />\n            <FilterSelect\n              label=\"Rating\"\n              value={rating}\n              options={RATING_OPTIONS}\n              onChange={filter(setRating)}\n            />\n            <FilterSelect\n              label=\"Category\"\n              value={category}\n              options={CATEGORY_OPTIONS}\n              onChange={filter<AdminFeedbackCategory | ''>(setCategory)}\n            />\n            <FilterSelect\n              label=\"Status\"\n              value={status}\n              options={STATUS_OPTIONS}\n              onChange={filter<AdminFeedbackStatus | ''>(setStatus)}\n            />\n            <ViewSwitch\n              className=\"adm-view-switch\"\n              options={LAYOUTS}\n              value={layout}\n              onChange={setLayout}\n            />\n          </Filters>\n        }\n        footer={\n          feedback.data && feedback.data.total > 0 ? (\n            <Pagination\n              page={page}\n              totalPages={Math.max(1, feedback.data.totalPages)}\n              total={feedback.data.total}\n              noun=\"submissions\"\n              onPage={setPage}\n            />\n          ) : undefined\n        }\n      >\n        {layout === 'cards' && feedback.data?.items.length ? (\n          <ul className={cards.grid}>\n            {feedback.data.items.map((row, index) => (\n              <ResponseCard\n                key={row.id}\n                row={row}\n                index={index}\n                active={row.id === selected?.id}\n                onOpen={setSelected}\n              />\n            ))}\n          </ul>\n        ) : (\n          <ResponsesTable\n            rows={feedback.data?.items}\n            isLoading={feedback.isLoading}\n            isError={feedback.isError}\n            hasFilters={hasFilters}\n            activeId={selected?.id ?? null}\n            onOpen={setSelected}\n            onRetry={() => void feedback.refetch()}\n          />\n        )}\n      </QueueCard>\n      <FeedbackDetailDrawer\n        feedback={selected}\n        onClose={() => setSelected(null)}\n      />\n    </>\n  );\n}\n"],"mappings":"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","names":[]}