@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/feedback/comment-stream.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Button, EmptyNote } from "@withpotter/ui-kit";
+import { Reveal } from "../_fx";
+import { EmptyState, Panel, Skeleton } from "../_ui";
+import { CountryLabel } from "../_ui/country-label";
+import { MOOD_COLOR, ago, moodOf } from "./feedback-sentiment";
+import styles from "./sentiment.module.css";
+const SHOWN = 6;
+function CommentStream({
+  query
+}) {
+  const said = (query.data ?? []).filter((row) => row.comment || row.audioUrl).slice(0, SHOWN);
+  return /* @__PURE__ */ jsx(
+    Panel,
+    {
+      title: "What merchants said",
+      action: /* @__PURE__ */ jsx(Link, { href: "/admin/feedback?view=answers", children: "All answers" }),
+      height: "360px",
+      children: query.isLoading ? /* @__PURE__ */ jsx("div", { className: styles.loading, "aria-hidden": true, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(Skeleton, { height: 64 }, i)) }) : query.isError ? /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          tone: "error",
+          title: "Comments could not be loaded",
+          action: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => void query.refetch(), children: "Try again" })
+        }
+      ) : said.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: "Comments and voice notes added to a score show here." }) : /* @__PURE__ */ jsx("ul", { className: styles.stream, children: said.map((row, index) => {
+        const name = row.business?.name ?? "No workspace";
+        return /* @__PURE__ */ jsx(Reveal, { as: "li", index, children: /* @__PURE__ */ jsx("div", { className: styles.comment, children: /* @__PURE__ */ jsxs("div", { className: styles.commentBody, children: [
+          /* @__PURE__ */ jsxs("div", { className: styles.commentHead, children: [
+            /* @__PURE__ */ jsx("strong", { title: name, children: name }),
+            /* @__PURE__ */ jsx(
+              CountryLabel,
+              {
+                country: row.business?.country,
+                code: row.business?.countryCode,
+                muted: true
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: styles.score,
+                style: {
+                  "--mood": MOOD_COLOR[moodOf(row.kind, row.score)]
+                },
+                children: row.score
+              }
+            ),
+            /* @__PURE__ */ jsx("time", { className: styles.when, dateTime: row.createdAt, children: ago(row.createdAt) })
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: styles.quote, children: row.comment ?? "Voice note" })
+        ] }) }) }, row.id);
+      }) })
+    }
+  );
+}
+export {
+  CommentStream
+};
+//# sourceMappingURL=comment-stream.js.map

package/dist/admin/feedback/comment-stream.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/comment-stream.tsx"],"sourcesContent":["'use client';\n\nimport type { CSSProperties } from 'react';\nimport Link from 'next/link';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport { Button, EmptyNote } from '@withpotter/ui-kit';\nimport type { FeedbackSignalComment } from '@withpotter/lib/admin-feedback-api';\nimport { Reveal } from '../_fx';\nimport { EmptyState, Panel, Skeleton } from '../_ui';\nimport { CountryLabel } from '../_ui/country-label';\nimport { MOOD_COLOR, ago, moodOf } from './feedback-sentiment';\nimport styles from './sentiment.module.css';\n\nconst SHOWN = 6;\n\n/** The latest things merchants said with their scores, newest first. */\nexport function CommentStream({\n  query,\n}: {\n  query: UseQueryResult<FeedbackSignalComment[]>;\n}) {\n  const said = (query.data ?? [])\n    .filter((row) => row.comment || row.audioUrl)\n    .slice(0, SHOWN);\n\n  return (\n    <Panel\n      title=\"What merchants said\"\n      action={<Link href=\"/admin/feedback?view=answers\">All answers</Link>}\n      height=\"360px\"\n    >\n      {query.isLoading ? (\n        <div className={styles.loading} aria-hidden>\n          {[0, 1, 2].map((i) => (\n            <Skeleton key={i} height={64} />\n          ))}\n        </div>\n      ) : query.isError ? (\n        <EmptyState\n          tone=\"error\"\n          title=\"Comments could not be loaded\"\n          action={\n            <Button variant=\"secondary\" onClick={() => void query.refetch()}>\n              Try again\n            </Button>\n          }\n        />\n      ) : said.length === 0 ? (\n        <EmptyNote>\n          Comments and voice notes added to a score show here.\n        </EmptyNote>\n      ) : (\n        <ul className={styles.stream}>\n          {said.map((row, index) => {\n            const name = row.business?.name ?? 'No workspace';\n            return (\n              <Reveal as=\"li\" key={row.id} index={index}>\n                <div className={styles.comment}>\n                  <div className={styles.commentBody}>\n                    <div className={styles.commentHead}>\n                      <strong title={name}>{name}</strong>\n                      <CountryLabel\n                        country={row.business?.country}\n                        code={row.business?.countryCode}\n                        muted\n                      />\n                      <span\n                        className={styles.score}\n                        style={\n                          {\n                            '--mood': MOOD_COLOR[moodOf(row.kind, row.score)],\n                          } as CSSProperties\n                        }\n                      >\n                        {row.score}\n                      </span>\n                      <time className={styles.when} dateTime={row.createdAt}>\n                        {ago(row.createdAt)}\n                      </time>\n                    </div>\n                    <p className={styles.quote}>\n                      {row.comment ?? 'Voice note'}\n                    </p>\n                  </div>\n                </div>\n              </Reveal>\n            );\n          })}\n        </ul>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":";AA4Bc,cA+BM,YA/BN;AAzBd,OAAO,UAAU;AAEjB,SAAS,QAAQ,iBAAiB;AAElC,SAAS,cAAc;AACvB,SAAS,YAAY,OAAO,gBAAgB;AAC5C,SAAS,oBAAoB;AAC7B,SAAS,YAAY,KAAK,cAAc;AACxC,OAAO,YAAY;AAEnB,MAAM,QAAQ;AAGP,SAAS,cAAc;AAAA,EAC5B;AACF,GAEG;AACD,QAAM,QAAQ,MAAM,QAAQ,CAAC,GAC1B,OAAO,CAAC,QAAQ,IAAI,WAAW,IAAI,QAAQ,EAC3C,MAAM,GAAG,KAAK;AAEjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAQ,oBAAC,QAAK,MAAK,gCAA+B,yBAAW;AAAA,MAC7D,QAAO;AAAA,MAEN,gBAAM,YACL,oBAAC,SAAI,WAAW,OAAO,SAAS,eAAW,MACxC,WAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,oBAAC,YAAiB,QAAQ,MAAX,CAAe,CAC/B,GACH,IACE,MAAM,UACR;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,QACE,oBAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,KAAK,MAAM,QAAQ,GAAG,uBAEjE;AAAA;AAAA,MAEJ,IACE,KAAK,WAAW,IAClB,oBAAC,aAAU,kEAEX,IAEA,oBAAC,QAAG,WAAW,OAAO,QACnB,eAAK,IAAI,CAAC,KAAK,UAAU;AACxB,cAAM,OAAO,IAAI,UAAU,QAAQ;AACnC,eACE,oBAAC,UAAO,IAAG,MAAkB,OAC3B,8BAAC,SAAI,WAAW,OAAO,SACrB,+BAAC,SAAI,WAAW,OAAO,aACrB;AAAA,+BAAC,SAAI,WAAW,OAAO,aACrB;AAAA,gCAAC,YAAO,OAAO,MAAO,gBAAK;AAAA,YAC3B;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS,IAAI,UAAU;AAAA,gBACvB,MAAM,IAAI,UAAU;AAAA,gBACpB,OAAK;AAAA;AAAA,YACP;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,OAAO;AAAA,gBAClB,OACE;AAAA,kBACE,UAAU,WAAW,OAAO,IAAI,MAAM,IAAI,KAAK,CAAC;AAAA,gBAClD;AAAA,gBAGD,cAAI;AAAA;AAAA,YACP;AAAA,YACA,oBAAC,UAAK,WAAW,OAAO,MAAM,UAAU,IAAI,WACzC,cAAI,IAAI,SAAS,GACpB;AAAA,aACF;AAAA,UACA,oBAAC,OAAE,WAAW,OAAO,OAClB,cAAI,WAAW,cAClB;AAAA,WACF,GACF,KA5BmB,IAAI,EA6BzB;AAAA,MAEJ,CAAC,GACH;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

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

@@ -0,0 +1,21 @@
+"use client";
+import { ApiRequestError } from "@withpotter/lib/api";
+import { useAdminSession } from "../hooks";
+const MANAGE_HINT = "Needs the Manage feedback permission. Ask a superadmin if this is refused.";
+const FORBIDDEN = "You need the Manage feedback permission for this. Ask a superadmin to grant it.";
+function useFeedbackAccess() {
+  const session = useAdminSession().data;
+  const granted = !session || session.role === "superadmin" || session.permissions.includes("feedback.manage");
+  return { granted, hint: granted ? void 0 : MANAGE_HINT };
+}
+function feedbackError(cause, fallback) {
+  if (cause instanceof ApiRequestError && cause.status === 403)
+    return FORBIDDEN;
+  return cause instanceof Error && cause.message ? cause.message : fallback;
+}
+export {
+  MANAGE_HINT,
+  feedbackError,
+  useFeedbackAccess
+};
+//# sourceMappingURL=feedback-access.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/feedback-access.ts"],"sourcesContent":["'use client';\n\nimport { ApiRequestError } from '@withpotter/lib/api';\nimport { useAdminSession } from '../hooks';\n\nexport const MANAGE_HINT =\n  'Needs the Manage feedback permission. Ask a superadmin if this is refused.';\n\nconst FORBIDDEN =\n  'You need the Manage feedback permission for this. Ask a superadmin to grant it.';\n\n/**\n * Whether this admin is known to manage feedback. `/auth/me` lists only the\n * permissions granted directly, never those that come with a role, so a\n * missing permission is a maybe, not a no: the control stays usable with a\n * hint, and a refusal from the API is explained in words.\n */\nexport function useFeedbackAccess() {\n  const session = useAdminSession().data;\n  const granted =\n    !session ||\n    session.role === 'superadmin' ||\n    session.permissions.includes('feedback.manage');\n  return { granted, hint: granted ? undefined : MANAGE_HINT };\n}\n\n/** A failed feedback write, in words; a 403 names the missing permission. */\nexport function feedbackError(cause: unknown, fallback: string) {\n  if (cause instanceof ApiRequestError && cause.status === 403)\n    return FORBIDDEN;\n  return cause instanceof Error && cause.message ? cause.message : fallback;\n}\n"],"mappings":";AAEA,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEzB,MAAM,cACX;AAEF,MAAM,YACJ;AAQK,SAAS,oBAAoB;AAClC,QAAM,UAAU,gBAAgB,EAAE;AAClC,QAAM,UACJ,CAAC,WACD,QAAQ,SAAS,gBACjB,QAAQ,YAAY,SAAS,iBAAiB;AAChD,SAAO,EAAE,SAAS,MAAM,UAAU,SAAY,YAAY;AAC5D;AAGO,SAAS,cAAc,OAAgB,UAAkB;AAC9D,MAAI,iBAAiB,mBAAmB,MAAM,WAAW;AACvD,WAAO;AACT,SAAO,iBAAiB,SAAS,MAAM,UAAU,MAAM,UAAU;AACnE;","names":[]}

package/dist/admin/feedback/feedback-detail-drawer.js

@@ -0,0 +1,95 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Link from "next/link";
+import { StarDisplay } from "@withpotter/ui-kit";
+import { Reveal } from "../_fx";
+import { Drawer } from "../_ui";
+import { FeedbackDrawerFooter } from "./feedback-drawer-footer";
+import { FeedbackFacts } from "./feedback-facts";
+import { CategoryLabel } from "./category-label";
+import { STATUS_LABEL } from "./feedback-options";
+import { ago } from "./feedback-sentiment";
+import styles from "./feedback-drawer.module.css";
+import { StatusPill } from "../audit/status-pill";
+const emptyNote = (feedback) => feedback.audioUrl ? "They left a voice note instead of writing." : feedback.screenshotUrl ? "They sent a screenshot without a note." : "They sent this without a note.";
+function FeedbackDetailDrawer({
+  feedback,
+  onClose
+}) {
+  const name = feedback?.account.name || feedback?.account.email || "";
+  const [zoom, setZoom] = useState(false);
+  return /* @__PURE__ */ jsx(
+    Drawer,
+    {
+      open: Boolean(feedback),
+      onClose,
+      width: 640,
+      title: feedback ? name : "Feedback",
+      subtitle: feedback ? [feedback.account.email, feedback.tenant?.name].filter(Boolean).join(" \xB7 ") : void 0,
+      meta: feedback ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        feedback.rating ? /* @__PURE__ */ jsx("span", { className: styles.stars, children: /* @__PURE__ */ jsx(StarDisplay, { rating: feedback.rating, size: 16 }) }) : null,
+        /* @__PURE__ */ jsx(CategoryLabel, { category: feedback.category }),
+        /* @__PURE__ */ jsx(
+          StatusPill,
+          {
+            status: feedback.status,
+            label: STATUS_LABEL[feedback.status]
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: styles.when, children: ago(feedback.createdAt) })
+      ] }) : void 0,
+      footer: feedback ? /* @__PURE__ */ jsx(FeedbackDrawerFooter, { feedback }) : null,
+      children: feedback ? /* @__PURE__ */ jsxs("div", { className: styles.body, children: [
+        feedback.screenshotUrl && /* @__PURE__ */ jsxs(Reveal, { index: 0, children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles.shot,
+              "data-zoom": zoom || void 0,
+              "aria-label": zoom ? "Fit screenshot" : "Show screenshot full size",
+              onClick: () => setZoom((value) => !value),
+              children: /* @__PURE__ */ jsx("img", { src: feedback.screenshotUrl, alt: "What the merchant saw" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              className: styles.link,
+              href: feedback.screenshotUrl,
+              target: "_blank",
+              rel: "noreferrer",
+              children: "Open the original"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(Reveal, { index: 1, children: /* @__PURE__ */ jsx("blockquote", { className: styles.quote, children: feedback.note || emptyNote(feedback) }) }),
+        feedback.audioUrl && /* @__PURE__ */ jsx(Reveal, { index: 2, className: styles.voice, children: /* @__PURE__ */ jsxs("div", { className: styles.voiceBody, children: [
+          /* @__PURE__ */ jsxs("span", { className: styles.voiceTitle, children: [
+            "Voice note",
+            feedback.audioSeconds ? ` \xB7 ${feedback.audioSeconds}s` : ""
+          ] }),
+          /* @__PURE__ */ jsx("audio", { controls: true, preload: "metadata", src: feedback.audioUrl })
+        ] }) }),
+        /* @__PURE__ */ jsx(FeedbackFacts, { feedback }),
+        feedback.tenant && /* @__PURE__ */ jsxs(
+          Link,
+          {
+            href: `/admin/tenants/${feedback.tenant.id}`,
+            className: styles.link,
+            children: [
+              "Open ",
+              feedback.tenant.name,
+              " in Merchant 360"
+            ]
+          }
+        )
+      ] }) : null
+    }
+  );
+}
+export {
+  FeedbackDetailDrawer
+};
+//# sourceMappingURL=feedback-detail-drawer.js.map

package/dist/admin/feedback/feedback-detail-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/feedback-detail-drawer.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport Link from 'next/link';\nimport { StarDisplay } from '@withpotter/ui-kit';\nimport type { AdminFeedbackRow } from '@withpotter/lib/admin-feedback-api';\nimport { Reveal } from '../_fx';\nimport { Drawer } from '../_ui';\nimport { FeedbackDrawerFooter } from './feedback-drawer-footer';\nimport { FeedbackFacts } from './feedback-facts';\nimport { CategoryLabel } from './category-label';\nimport { STATUS_LABEL } from './feedback-options';\nimport { ago } from './feedback-sentiment';\nimport styles from './feedback-drawer.module.css';\nimport { StatusPill } from '../audit/status-pill';\n\n/** What stands in for the words when they did not write any. */\nconst emptyNote = (feedback: AdminFeedbackRow) =>\n  feedback.audioUrl\n    ? 'They left a voice note instead of writing.'\n    : feedback.screenshotUrl\n      ? 'They sent a screenshot without a note.'\n      : 'They sent this without a note.';\n\n/** One submission: the screenshot large, the voice note playable, the words. */\nexport function FeedbackDetailDrawer({\n  feedback,\n  onClose,\n}: {\n  feedback: AdminFeedbackRow | null;\n  onClose: () => void;\n}) {\n  const name = feedback?.account.name || feedback?.account.email || '';\n  const [zoom, setZoom] = useState(false);\n\n  return (\n    <Drawer\n      open={Boolean(feedback)}\n      onClose={onClose}\n      width={640}\n      title={feedback ? name : 'Feedback'}\n      subtitle={\n        feedback\n          ? [feedback.account.email, feedback.tenant?.name]\n              .filter(Boolean)\n              .join(' · ')\n          : undefined\n      }\n      meta={\n        feedback ? (\n          <>\n            {feedback.rating ? (\n              <span className={styles.stars}>\n                <StarDisplay rating={feedback.rating} size={16} />\n              </span>\n            ) : null}\n            <CategoryLabel category={feedback.category} />\n            <StatusPill\n              status={feedback.status}\n              label={STATUS_LABEL[feedback.status]}\n            />\n            <span className={styles.when}>{ago(feedback.createdAt)}</span>\n          </>\n        ) : undefined\n      }\n      footer={feedback ? <FeedbackDrawerFooter feedback={feedback} /> : null}\n    >\n      {feedback ? (\n        <div className={styles.body}>\n          {feedback.screenshotUrl && (\n            <Reveal index={0}>\n              <button\n                type=\"button\"\n                className={styles.shot}\n                data-zoom={zoom || undefined}\n                aria-label={\n                  zoom ? 'Fit screenshot' : 'Show screenshot full size'\n                }\n                onClick={() => setZoom((value) => !value)}\n              >\n                {/* Runtime URL; Next Image's host allowlist cannot cover it. */}\n                {/* eslint-disable-next-line @next/next/no-img-element */}\n                <img src={feedback.screenshotUrl} alt=\"What the merchant saw\" />\n              </button>\n              <a\n                className={styles.link}\n                href={feedback.screenshotUrl}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n              >\n                Open the original\n              </a>\n            </Reveal>\n          )}\n          <Reveal index={1}>\n            <blockquote className={styles.quote}>\n              {feedback.note || emptyNote(feedback)}\n            </blockquote>\n          </Reveal>\n          {feedback.audioUrl && (\n            <Reveal index={2} className={styles.voice}>\n              <div className={styles.voiceBody}>\n                <span className={styles.voiceTitle}>\n                  Voice note\n                  {feedback.audioSeconds ? ` · ${feedback.audioSeconds}s` : ''}\n                </span>\n                <audio controls preload=\"metadata\" src={feedback.audioUrl} />\n              </div>\n            </Reveal>\n          )}\n          <FeedbackFacts feedback={feedback} />\n          {feedback.tenant && (\n            <Link\n              href={`/admin/tenants/${feedback.tenant.id}`}\n              className={styles.link}\n            >\n              Open {feedback.tenant.name} in Merchant 360\n            </Link>\n          )}\n        </div>\n      ) : null}\n    </Drawer>\n  );\n}\n"],"mappings":";AAkDU,mBAGM,KAHN;AAhDV,SAAS,gBAAgB;AACzB,OAAO,UAAU;AACjB,SAAS,mBAAmB;AAE5B,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,WAAW;AACpB,OAAO,YAAY;AACnB,SAAS,kBAAkB;AAG3B,MAAM,YAAY,CAAC,aACjB,SAAS,WACL,+CACA,SAAS,gBACP,2CACA;AAGD,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAO,UAAU,QAAQ,QAAQ,UAAU,QAAQ,SAAS;AAClE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,QAAQ,QAAQ;AAAA,MACtB;AAAA,MACA,OAAO;AAAA,MACP,OAAO,WAAW,OAAO;AAAA,MACzB,UACE,WACI,CAAC,SAAS,QAAQ,OAAO,SAAS,QAAQ,IAAI,EAC3C,OAAO,OAAO,EACd,KAAK,QAAK,IACb;AAAA,MAEN,MACE,WACE,iCACG;AAAA,iBAAS,SACR,oBAAC,UAAK,WAAW,OAAO,OACtB,8BAAC,eAAY,QAAQ,SAAS,QAAQ,MAAM,IAAI,GAClD,IACE;AAAA,QACJ,oBAAC,iBAAc,UAAU,SAAS,UAAU;AAAA,QAC5C;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,SAAS;AAAA,YACjB,OAAO,aAAa,SAAS,MAAM;AAAA;AAAA,QACrC;AAAA,QACA,oBAAC,UAAK,WAAW,OAAO,MAAO,cAAI,SAAS,SAAS,GAAE;AAAA,SACzD,IACE;AAAA,MAEN,QAAQ,WAAW,oBAAC,wBAAqB,UAAoB,IAAK;AAAA,MAEjE,qBACC,qBAAC,SAAI,WAAW,OAAO,MACpB;AAAA,iBAAS,iBACR,qBAAC,UAAO,OAAO,GACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAW,OAAO;AAAA,cAClB,aAAW,QAAQ;AAAA,cACnB,cACE,OAAO,mBAAmB;AAAA,cAE5B,SAAS,MAAM,QAAQ,CAAC,UAAU,CAAC,KAAK;AAAA,cAIxC,8BAAC,SAAI,KAAK,SAAS,eAAe,KAAI,yBAAwB;AAAA;AAAA,UAChE;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,OAAO;AAAA,cAClB,MAAM,SAAS;AAAA,cACf,QAAO;AAAA,cACP,KAAI;AAAA,cACL;AAAA;AAAA,UAED;AAAA,WACF;AAAA,QAEF,oBAAC,UAAO,OAAO,GACb,8BAAC,gBAAW,WAAW,OAAO,OAC3B,mBAAS,QAAQ,UAAU,QAAQ,GACtC,GACF;AAAA,QACC,SAAS,YACR,oBAAC,UAAO,OAAO,GAAG,WAAW,OAAO,OAClC,+BAAC,SAAI,WAAW,OAAO,WACrB;AAAA,+BAAC,UAAK,WAAW,OAAO,YAAY;AAAA;AAAA,YAEjC,SAAS,eAAe,SAAM,SAAS,YAAY,MAAM;AAAA,aAC5D;AAAA,UACA,oBAAC,WAAM,UAAQ,MAAC,SAAQ,YAAW,KAAK,SAAS,UAAU;AAAA,WAC7D,GACF;AAAA,QAEF,oBAAC,iBAAc,UAAoB;AAAA,QAClC,SAAS,UACR;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,kBAAkB,SAAS,OAAO,EAAE;AAAA,YAC1C,WAAW,OAAO;AAAA,YACnB;AAAA;AAAA,cACO,SAAS,OAAO;AAAA,cAAK;AAAA;AAAA;AAAA,QAC7B;AAAA,SAEJ,IACE;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/admin/feedback/feedback-drawer-footer.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ExternalLink, Github, PlayCircle } from "lucide-react";
+import { Button, Tooltip } from "@withpotter/ui-kit";
+import { useModuleOn } from "../_shell/modules-context";
+import { useFeedbackAccess } from "./feedback-access";
+import { caseHref, useOpenCase, useOpenedCaseId } from "./use-open-case";
+import styles from "./feedback-drawer.module.css";
+function FeedbackDrawerFooter({
+  feedback
+}) {
+  const known = feedback.serviceCaseId;
+  const opened = useOpenedCaseId("message", feedback.id);
+  const caseId = opened ?? known ?? void 0;
+  const openCase = useOpenCase("message");
+  const access = useFeedbackAccess();
+  const cases = useModuleOn("feedbackCases");
+  const blocked = feedback.tenant ? access.hint : "A case needs a workspace, and this feedback was sent without one.";
+  const links = [
+    { href: feedback.pageUrl, label: "Open the page", icon: ExternalLink },
+    feedback.posthogSessionUrl && {
+      href: feedback.posthogSessionUrl,
+      label: "Session replay",
+      icon: PlayCircle
+    },
+    feedback.githubIssueUrl && {
+      href: feedback.githubIssueUrl,
+      label: "GitHub issue",
+      icon: Github
+    }
+  ].filter(
+    (link) => Boolean(link)
+  );
+  return /* @__PURE__ */ jsxs("div", { className: styles.footer, children: [
+    /* @__PURE__ */ jsx("div", { className: styles.outLinks, children: links.map(({ href, label, icon: Icon }) => /* @__PURE__ */ jsx(Tooltip, { label, children: /* @__PURE__ */ jsx(Button, { asChild: true, size: "icon", variant: "ghost", children: /* @__PURE__ */ jsx(
+      "a",
+      {
+        href,
+        target: "_blank",
+        rel: "noreferrer",
+        "aria-label": label,
+        children: /* @__PURE__ */ jsx(Icon, { className: "size-4", "aria-hidden": true })
+      }
+    ) }) }, label)) }),
+    !cases ? null : caseId ? /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: caseHref(caseId), children: "View support case" }) }) : /* @__PURE__ */ jsx(Tooltip, { label: blocked, children: /* @__PURE__ */ jsx("span", { tabIndex: feedback.tenant ? void 0 : 0, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        disabled: !feedback.tenant,
+        loading: openCase.isPending,
+        onClick: () => openCase.mutate(feedback.id),
+        children: "Open support case"
+      }
+    ) }) })
+  ] });
+}
+export {
+  FeedbackDrawerFooter
+};
+//# sourceMappingURL=feedback-drawer-footer.js.map

package/dist/admin/feedback/feedback-drawer-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/feedback-drawer-footer.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { ExternalLink, Github, PlayCircle } from 'lucide-react';\nimport { Button, Tooltip } from '@withpotter/ui-kit';\nimport type { AdminFeedbackRow } from '@withpotter/lib/admin-feedback-api';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { useFeedbackAccess } from './feedback-access';\nimport { caseHref, useOpenCase, useOpenedCaseId } from './use-open-case';\nimport styles from './feedback-drawer.module.css';\n\n/**\n * The one thing to do with feedback, turn it into a conversation, plus the\n * places it links out to. Feedback cannot be deleted, so nothing offers to.\n */\nexport function FeedbackDrawerFooter({\n  feedback,\n}: {\n  feedback: AdminFeedbackRow;\n}) {\n  // The list does not send the link yet; read it if it ever does.\n  const known = (feedback as { serviceCaseId?: string | null }).serviceCaseId;\n  const opened = useOpenedCaseId('message', feedback.id);\n  const caseId = opened ?? known ?? undefined;\n  const openCase = useOpenCase('message');\n  const access = useFeedbackAccess();\n  // Opening a case needs the support package on the engine.\n  const cases = useModuleOn('feedbackCases');\n  const blocked = feedback.tenant\n    ? access.hint\n    : 'A case needs a workspace, and this feedback was sent without one.';\n  const links = [\n    { href: feedback.pageUrl, label: 'Open the page', icon: ExternalLink },\n    feedback.posthogSessionUrl && {\n      href: feedback.posthogSessionUrl,\n      label: 'Session replay',\n      icon: PlayCircle,\n    },\n    feedback.githubIssueUrl && {\n      href: feedback.githubIssueUrl,\n      label: 'GitHub issue',\n      icon: Github,\n    },\n  ].filter((link): link is Exclude<typeof link, '' | null | undefined> =>\n    Boolean(link),\n  );\n\n  return (\n    <div className={styles.footer}>\n      <div className={styles.outLinks}>\n        {links.map(({ href, label, icon: Icon }) => (\n          <Tooltip key={label} label={label}>\n            <Button asChild size=\"icon\" variant=\"ghost\">\n              <a\n                href={href}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                aria-label={label}\n              >\n                <Icon className=\"size-4\" aria-hidden />\n              </a>\n            </Button>\n          </Tooltip>\n        ))}\n      </div>\n      {!cases ? null : caseId ? (\n        <Button asChild>\n          <Link href={caseHref(caseId)}>View support case</Link>\n        </Button>\n      ) : (\n        <Tooltip label={blocked}>\n          <span tabIndex={feedback.tenant ? undefined : 0}>\n            <Button\n              disabled={!feedback.tenant}\n              loading={openCase.isPending}\n              onClick={() => openCase.mutate(feedback.id)}\n            >\n              Open support case\n            </Button>\n          </span>\n        </Tooltip>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAgDI,SAWY,KAXZ;AA9CJ,OAAO,UAAU;AACjB,SAAS,cAAc,QAAQ,kBAAkB;AACjD,SAAS,QAAQ,eAAe;AAEhC,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,UAAU,aAAa,uBAAuB;AACvD,OAAO,YAAY;AAMZ,SAAS,qBAAqB;AAAA,EACnC;AACF,GAEG;AAED,QAAM,QAAS,SAA+C;AAC9D,QAAM,SAAS,gBAAgB,WAAW,SAAS,EAAE;AACrD,QAAM,SAAS,UAAU,SAAS;AAClC,QAAM,WAAW,YAAY,SAAS;AACtC,QAAM,SAAS,kBAAkB;AAEjC,QAAM,QAAQ,YAAY,eAAe;AACzC,QAAM,UAAU,SAAS,SACrB,OAAO,OACP;AACJ,QAAM,QAAQ;AAAA,IACZ,EAAE,MAAM,SAAS,SAAS,OAAO,iBAAiB,MAAM,aAAa;AAAA,IACrE,SAAS,qBAAqB;AAAA,MAC5B,MAAM,SAAS;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,SAAS,kBAAkB;AAAA,MACzB,MAAM,SAAS;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF,EAAE;AAAA,IAAO,CAAC,SACR,QAAQ,IAAI;AAAA,EACd;AAEA,SACE,qBAAC,SAAI,WAAW,OAAO,QACrB;AAAA,wBAAC,SAAI,WAAW,OAAO,UACpB,gBAAM,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,KAAK,MACpC,oBAAC,WAAoB,OACnB,8BAAC,UAAO,SAAO,MAAC,MAAK,QAAO,SAAQ,SAClC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,cAAY;AAAA,QAEZ,8BAAC,QAAK,WAAU,UAAS,eAAW,MAAC;AAAA;AAAA,IACvC,GACF,KAVY,KAWd,CACD,GACH;AAAA,IACC,CAAC,QAAQ,OAAO,SACf,oBAAC,UAAO,SAAO,MACb,8BAAC,QAAK,MAAM,SAAS,MAAM,GAAG,+BAAiB,GACjD,IAEA,oBAAC,WAAQ,OAAO,SACd,8BAAC,UAAK,UAAU,SAAS,SAAS,SAAY,GAC5C;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,CAAC,SAAS;AAAA,QACpB,SAAS,SAAS;AAAA,QAClB,SAAS,MAAM,SAAS,OAAO,SAAS,EAAE;AAAA,QAC3C;AAAA;AAAA,IAED,GACF,GACF;AAAA,KAEJ;AAEJ;","names":[]}

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

@@ -0,0 +1,162 @@
+/* Feedback detail sheet: screenshot first, the words, the voice, context. */
+
+.footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  width: 100%;
+}
+
+.body {
+  display: grid;
+  gap: 24px;
+}
+
+.stars {
+  /* The shared stars fill with --warning; in the console they are brand. */
+  --warning: var(--brand-500);
+  display: inline-flex;
+  align-items: center;
+}
+
+.when {
+  color: var(--text-tertiary);
+  font-size: 13px;
+  line-height: 28px;
+  white-space: nowrap;
+}
+
+.shot {
+  display: block;
+  width: 100%;
+  max-height: 360px;
+  margin-bottom: 8px;
+  padding: 0;
+  overflow: hidden;
+  border: 0;
+  border-radius: 10px;
+  background: var(--bg-subtle);
+  box-shadow: inset 0 0 0 1px var(--border-subtle);
+  cursor: zoom-in;
+  transition: max-height var(--adm-fast);
+}
+
+.shot[data-zoom] {
+  max-height: 1600px;
+  cursor: zoom-out;
+}
+
+.shot img {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+
+.quote {
+  margin: 0;
+  padding: 16px;
+  border-radius: 10px;
+  background: var(--bg-subtle);
+  color: var(--text-primary);
+  font-size: 15px;
+  line-height: 24px;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
+
+.voice {
+  padding: 12px;
+  border-radius: 10px;
+  background: color-mix(in srgb, var(--brand-500) 6%, var(--bg-base));
+}
+
+.voiceBody {
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+}
+
+.voiceTitle {
+  color: var(--text-primary);
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 20px;
+}
+
+.voiceBody audio {
+  width: 100%;
+}
+
+.section {
+  display: grid;
+  gap: 16px;
+}
+
+.heading {
+  margin: 0;
+  color: var(--text-primary);
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
+}
+
+.facts {
+  display: grid;
+  gap: 8px;
+  margin: 0;
+}
+
+.fact {
+  display: grid;
+  grid-template-columns: 112px minmax(0, 1fr);
+  gap: 12px;
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.fact dt {
+  color: var(--text-tertiary);
+}
+
+.fact dd {
+  min-width: 0;
+  margin: 0;
+  overflow: hidden;
+  color: var(--text-primary);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.pathChip {
+  padding: 0 8px;
+  border-radius: 10px;
+  background: var(--adm-hover);
+  font-family: var(--font-mono);
+  font-size: 12px;
+}
+
+.link {
+  color: var(--accent-ink, var(--accent-primary));
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 20px;
+  text-decoration: none;
+}
+
+.link:hover {
+  text-decoration: underline;
+}
+
+.agent {
+  margin: 8px 0 0;
+  color: var(--text-secondary);
+  font-size: 12px;
+  line-height: 16px;
+  overflow-wrap: anywhere;
+}
+
+.outLinks {
+  display: flex;
+  gap: 4px;
+}

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

@@ -0,0 +1,84 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  CopyField
+} from "@withpotter/ui-kit";
+import { WithCountry } from "../_ui/country-label";
+import { timestamp } from "./feedback-options";
+import styles from "./feedback-drawer.module.css";
+function Facts({ rows }) {
+  return /* @__PURE__ */ jsx("dl", { className: styles.facts, children: rows.map(([label, value]) => /* @__PURE__ */ jsxs("div", { className: styles.fact, children: [
+    /* @__PURE__ */ jsx("dt", { children: label }),
+    /* @__PURE__ */ jsx("dd", { children: value })
+  ] }, label)) });
+}
+const size = (width, height) => width && height ? `${width} \xD7 ${height}` : "Not captured";
+function FeedbackFacts({ feedback }) {
+  const browser = feedback.browserInfo;
+  const path = feedback.route || feedback.pagePath;
+  return /* @__PURE__ */ jsxs("section", { "aria-labelledby": "feedback-context", className: styles.section, children: [
+    /* @__PURE__ */ jsx("h3", { id: "feedback-context", className: styles.heading, children: "Context" }),
+    /* @__PURE__ */ jsx(
+      Facts,
+      {
+        rows: [
+          [
+            "Workspace",
+            feedback.tenant ? /* @__PURE__ */ jsx(
+              WithCountry,
+              {
+                country: feedback.tenant.country,
+                code: feedback.tenant.countryCode,
+                children: /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    href: `/admin/tenants/${feedback.tenant.id}`,
+                    className: styles.link,
+                    children: feedback.tenant.name
+                  }
+                )
+              }
+            ) : "No workspace"
+          ],
+          ["Rating", feedback.rating ? `${feedback.rating} / 5` : "Not rated"],
+          ["Area", feedback.area || feedback.flowContext || "Dashboard"],
+          [
+            "Page",
+            /* @__PURE__ */ jsx("code", { className: styles.pathChip, title: path, children: path }, "path")
+          ],
+          ["Submitted", timestamp(feedback.createdAt)],
+          ["Updated", timestamp(feedback.updatedAt)]
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(CopyField, { label: "Full address", value: feedback.pageUrl }),
+    /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, children: /* @__PURE__ */ jsxs(AccordionItem, { value: "device", children: [
+      /* @__PURE__ */ jsx(AccordionTrigger, { children: "Browser and device" }),
+      /* @__PURE__ */ jsxs(AccordionContent, { children: [
+        /* @__PURE__ */ jsx(
+          Facts,
+          {
+            rows: [
+              ["Platform", browser?.platform || "Not captured"],
+              ["Language", browser?.language || "Not captured"],
+              [
+                "Viewport",
+                size(browser?.viewportWidth, browser?.viewportHeight)
+              ],
+              ["Screen", size(browser?.screenWidth, browser?.screenHeight)]
+            ]
+          }
+        ),
+        browser?.userAgent ? /* @__PURE__ */ jsx("p", { className: styles.agent, children: browser.userAgent }) : null
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  FeedbackFacts
+};
+//# sourceMappingURL=feedback-facts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/feedback-facts.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport Link from 'next/link';\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n  CopyField,\n} from '@withpotter/ui-kit';\nimport type { AdminFeedbackRow } from '@withpotter/lib/admin-feedback-api';\nimport { WithCountry } from '../_ui/country-label';\nimport { timestamp } from './feedback-options';\nimport styles from './feedback-drawer.module.css';\n\nfunction Facts({ rows }: { rows: Array<[string, ReactNode]> }) {\n  return (\n    <dl className={styles.facts}>\n      {rows.map(([label, value]) => (\n        <div key={label} className={styles.fact}>\n          <dt>{label}</dt>\n          <dd>{value}</dd>\n        </div>\n      ))}\n    </dl>\n  );\n}\n\nconst size = (width?: number, height?: number) =>\n  width && height ? `${width} × ${height}` : 'Not captured';\n\n/** Where it was sent from, and on what; the device detail folds away. */\nexport function FeedbackFacts({ feedback }: { feedback: AdminFeedbackRow }) {\n  const browser = feedback.browserInfo;\n  const path = feedback.route || feedback.pagePath;\n\n  return (\n    <section aria-labelledby=\"feedback-context\" className={styles.section}>\n      <h3 id=\"feedback-context\" className={styles.heading}>\n        Context\n      </h3>\n      <Facts\n        rows={[\n          [\n            'Workspace',\n            feedback.tenant ? (\n              <WithCountry\n                country={feedback.tenant.country}\n                code={feedback.tenant.countryCode}\n              >\n                <Link\n                  href={`/admin/tenants/${feedback.tenant.id}`}\n                  className={styles.link}\n                >\n                  {feedback.tenant.name}\n                </Link>\n              </WithCountry>\n            ) : (\n              'No workspace'\n            ),\n          ],\n          ['Rating', feedback.rating ? `${feedback.rating} / 5` : 'Not rated'],\n          ['Area', feedback.area || feedback.flowContext || 'Dashboard'],\n          [\n            'Page',\n            <code key=\"path\" className={styles.pathChip} title={path}>\n              {path}\n            </code>,\n          ],\n          ['Submitted', timestamp(feedback.createdAt)],\n          ['Updated', timestamp(feedback.updatedAt)],\n        ]}\n      />\n      <CopyField label=\"Full address\" value={feedback.pageUrl} />\n      <Accordion type=\"single\" collapsible>\n        <AccordionItem value=\"device\">\n          <AccordionTrigger>Browser and device</AccordionTrigger>\n          <AccordionContent>\n            <Facts\n              rows={[\n                ['Platform', browser?.platform || 'Not captured'],\n                ['Language', browser?.language || 'Not captured'],\n                [\n                  'Viewport',\n                  size(browser?.viewportWidth, browser?.viewportHeight),\n                ],\n                ['Screen', size(browser?.screenWidth, browser?.screenHeight)],\n              ]}\n            />\n            {browser?.userAgent ? (\n              <p className={styles.agent}>{browser.userAgent}</p>\n            ) : null}\n          </AccordionContent>\n        </AccordionItem>\n      </Accordion>\n    </section>\n  );\n}\n"],"mappings":"AAkBQ,SACE,KADF;AAjBR,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,OAAO,YAAY;AAEnB,SAAS,MAAM,EAAE,KAAK,GAAyC;AAC7D,SACE,oBAAC,QAAG,WAAW,OAAO,OACnB,eAAK,IAAI,CAAC,CAAC,OAAO,KAAK,MACtB,qBAAC,SAAgB,WAAW,OAAO,MACjC;AAAA,wBAAC,QAAI,iBAAM;AAAA,IACX,oBAAC,QAAI,iBAAM;AAAA,OAFH,KAGV,CACD,GACH;AAEJ;AAEA,MAAM,OAAO,CAAC,OAAgB,WAC5B,SAAS,SAAS,GAAG,KAAK,SAAM,MAAM,KAAK;AAGtC,SAAS,cAAc,EAAE,SAAS,GAAmC;AAC1E,QAAM,UAAU,SAAS;AACzB,QAAM,OAAO,SAAS,SAAS,SAAS;AAExC,SACE,qBAAC,aAAQ,mBAAgB,oBAAmB,WAAW,OAAO,SAC5D;AAAA,wBAAC,QAAG,IAAG,oBAAmB,WAAW,OAAO,SAAS,qBAErD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,UACJ;AAAA,YACE;AAAA,YACA,SAAS,SACP;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS,SAAS,OAAO;AAAA,gBACzB,MAAM,SAAS,OAAO;AAAA,gBAEtB;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM,kBAAkB,SAAS,OAAO,EAAE;AAAA,oBAC1C,WAAW,OAAO;AAAA,oBAEjB,mBAAS,OAAO;AAAA;AAAA,gBACnB;AAAA;AAAA,YACF,IAEA;AAAA,UAEJ;AAAA,UACA,CAAC,UAAU,SAAS,SAAS,GAAG,SAAS,MAAM,SAAS,WAAW;AAAA,UACnE,CAAC,QAAQ,SAAS,QAAQ,SAAS,eAAe,WAAW;AAAA,UAC7D;AAAA,YACE;AAAA,YACA,oBAAC,UAAgB,WAAW,OAAO,UAAU,OAAO,MACjD,kBADO,MAEV;AAAA,UACF;AAAA,UACA,CAAC,aAAa,UAAU,SAAS,SAAS,CAAC;AAAA,UAC3C,CAAC,WAAW,UAAU,SAAS,SAAS,CAAC;AAAA,QAC3C;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,aAAU,OAAM,gBAAe,OAAO,SAAS,SAAS;AAAA,IACzD,oBAAC,aAAU,MAAK,UAAS,aAAW,MAClC,+BAAC,iBAAc,OAAM,UACnB;AAAA,0BAAC,oBAAiB,gCAAkB;AAAA,MACpC,qBAAC,oBACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,cACJ,CAAC,YAAY,SAAS,YAAY,cAAc;AAAA,cAChD,CAAC,YAAY,SAAS,YAAY,cAAc;AAAA,cAChD;AAAA,gBACE;AAAA,gBACA,KAAK,SAAS,eAAe,SAAS,cAAc;AAAA,cACtD;AAAA,cACA,CAAC,UAAU,KAAK,SAAS,aAAa,SAAS,YAAY,CAAC;AAAA,YAC9D;AAAA;AAAA,QACF;AAAA,QACC,SAAS,YACR,oBAAC,OAAE,WAAW,OAAO,OAAQ,kBAAQ,WAAU,IAC7C;AAAA,SACN;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,50 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { MetricRow, MetricTile } from "@withpotter/ui-kit";
+import {
+  adminSignalsApi
+} from "@withpotter/lib/admin-feedback-api";
+import { CountUp } from "../_fx";
+import { useModuleOn } from "../_shell/modules-context";
+import { useAdminFeedback } from "./use-admin-feedback";
+function useCount(filter) {
+  const query = useAdminFeedback({ page: 1, pageSize: 1, ...filter });
+  return {
+    loading: query.isLoading,
+    value: query.data ? /* @__PURE__ */ jsx(CountUp, { value: query.data.total }) : null
+  };
+}
+function FeedbackKpis() {
+  const all = useCount({});
+  const open = useCount({ status: "open" });
+  const bugs = useCount({ category: "bug", status: "open" });
+  const prompts = useModuleOn("feedbackPrompts");
+  const summary = useQuery({
+    queryKey: ["platform-admin", "signals", "summary", 365],
+    queryFn: () => adminSignalsApi.summary(365),
+    enabled: prompts
+  });
+  const answers = (summary.data ?? []).reduce(
+    (sum, row) => sum + row.responses,
+    0
+  );
+  return /* @__PURE__ */ jsxs(MetricRow, { children: [
+    /* @__PURE__ */ jsx(MetricTile, { label: "Submissions", ...all, footnote: "All time" }),
+    /* @__PURE__ */ jsx(MetricTile, { label: "Open", ...open, footnote: "Not yet acknowledged" }),
+    /* @__PURE__ */ jsx(MetricTile, { label: "Open bugs", ...bugs }),
+    prompts && /* @__PURE__ */ jsx(
+      MetricTile,
+      {
+        label: "Prompt answers",
+        loading: summary.isLoading,
+        value: summary.data ? /* @__PURE__ */ jsx(CountUp, { value: answers }) : null,
+        footnote: "Last 12 months"
+      }
+    )
+  ] });
+}
+export {
+  FeedbackKpis
+};
+//# sourceMappingURL=feedback-kpis.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/feedback/feedback-kpis.tsx"],"sourcesContent":["'use client';\n\nimport { useQuery } from '@tanstack/react-query';\nimport { MetricRow, MetricTile } from '@withpotter/ui-kit';\nimport {\n  adminSignalsApi,\n  type AdminFeedbackQuery,\n} from '@withpotter/lib/admin-feedback-api';\nimport { CountUp } from '../_fx';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { useAdminFeedback } from './use-admin-feedback';\n\n/** One row per filter, so the total is the count and nothing else loads. */\nfunction useCount(filter: AdminFeedbackQuery) {\n  const query = useAdminFeedback({ page: 1, pageSize: 1, ...filter });\n  return {\n    loading: query.isLoading,\n    value: query.data ? <CountUp value={query.data.total} /> : null,\n  };\n}\n\n/** The feedback desk at a glance: what came in and what still needs a look. */\nexport function FeedbackKpis() {\n  const all = useCount({});\n  const open = useCount({ status: 'open' });\n  const bugs = useCount({ category: 'bug', status: 'open' });\n  const prompts = useModuleOn('feedbackPrompts');\n  const summary = useQuery({\n    queryKey: ['platform-admin', 'signals', 'summary', 365],\n    queryFn: () => adminSignalsApi.summary(365),\n    enabled: prompts,\n  });\n  const answers = (summary.data ?? []).reduce(\n    (sum, row) => sum + row.responses,\n    0,\n  );\n\n  return (\n    <MetricRow>\n      <MetricTile label=\"Submissions\" {...all} footnote=\"All time\" />\n      <MetricTile label=\"Open\" {...open} footnote=\"Not yet acknowledged\" />\n      <MetricTile label=\"Open bugs\" {...bugs} />\n      {prompts && (\n        <MetricTile\n          label=\"Prompt answers\"\n          loading={summary.isLoading}\n          value={summary.data ? <CountUp value={answers} /> : null}\n          footnote=\"Last 12 months\"\n        />\n      )}\n    </MetricRow>\n  );\n}\n"],"mappings":";AAiBwB,cAqBpB,YArBoB;AAfxB,SAAS,gBAAgB;AACzB,SAAS,WAAW,kBAAkB;AACtC;AAAA,EACE;AAAA,OAEK;AACP,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AAGjC,SAAS,SAAS,QAA4B;AAC5C,QAAM,QAAQ,iBAAiB,EAAE,MAAM,GAAG,UAAU,GAAG,GAAG,OAAO,CAAC;AAClE,SAAO;AAAA,IACL,SAAS,MAAM;AAAA,IACf,OAAO,MAAM,OAAO,oBAAC,WAAQ,OAAO,MAAM,KAAK,OAAO,IAAK;AAAA,EAC7D;AACF;AAGO,SAAS,eAAe;AAC7B,QAAM,MAAM,SAAS,CAAC,CAAC;AACvB,QAAM,OAAO,SAAS,EAAE,QAAQ,OAAO,CAAC;AACxC,QAAM,OAAO,SAAS,EAAE,UAAU,OAAO,QAAQ,OAAO,CAAC;AACzD,QAAM,UAAU,YAAY,iBAAiB;AAC7C,QAAM,UAAU,SAAS;AAAA,IACvB,UAAU,CAAC,kBAAkB,WAAW,WAAW,GAAG;AAAA,IACtD,SAAS,MAAM,gBAAgB,QAAQ,GAAG;AAAA,IAC1C,SAAS;AAAA,EACX,CAAC;AACD,QAAM,WAAW,QAAQ,QAAQ,CAAC,GAAG;AAAA,IACnC,CAAC,KAAK,QAAQ,MAAM,IAAI;AAAA,IACxB;AAAA,EACF;AAEA,SACE,qBAAC,aACC;AAAA,wBAAC,cAAW,OAAM,eAAe,GAAG,KAAK,UAAS,YAAW;AAAA,IAC7D,oBAAC,cAAW,OAAM,QAAQ,GAAG,MAAM,UAAS,wBAAuB;AAAA,IACnE,oBAAC,cAAW,OAAM,aAAa,GAAG,MAAM;AAAA,IACvC,WACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAS,QAAQ;AAAA,QACjB,OAAO,QAAQ,OAAO,oBAAC,WAAQ,OAAO,SAAS,IAAK;AAAA,QACpD,UAAS;AAAA;AAAA,IACX;AAAA,KAEJ;AAEJ;","names":[]}

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

@@ -0,0 +1,49 @@
+const CATEGORY_LABEL = {
+  bug: "Bug report",
+  suggestion: "Suggestion",
+  question: "Question"
+};
+const STATUS_LABEL = {
+  open: "Open",
+  acknowledged: "Acknowledged",
+  resolved: "Resolved",
+  closed: "Closed"
+};
+const CATEGORY_OPTIONS = [
+  { value: "", label: "All categories" },
+  { value: "bug", label: "Bug reports" },
+  { value: "suggestion", label: "Suggestions" },
+  { value: "question", label: "Questions" }
+];
+const STATUS_OPTIONS = [
+  { value: "", label: "All statuses" },
+  ...Object.entries(STATUS_LABEL).map(([value, label]) => ({ value, label }))
+];
+const RATING_OPTIONS = [
+  { value: "", label: "All ratings" },
+  ...[5, 4, 3, 2, 1].map((rating) => ({
+    value: String(rating),
+    label: `${rating} star${rating === 1 ? "" : "s"}`
+  }))
+];
+function categoryTone(category) {
+  return category === "bug" ? "error" : "secondary";
+}
+function timestamp(value) {
+  if (!value) return "\u2013";
+  const date = new Date(value);
+  return Number.isNaN(date.getTime()) ? "\u2013" : new Intl.DateTimeFormat(void 0, {
+    dateStyle: "medium",
+    timeStyle: "short"
+  }).format(date);
+}
+export {
+  CATEGORY_LABEL,
+  CATEGORY_OPTIONS,
+  RATING_OPTIONS,
+  STATUS_LABEL,
+  STATUS_OPTIONS,
+  categoryTone,
+  timestamp
+};
+//# sourceMappingURL=feedback-options.js.map