@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/reviews/merchant-filter.js

@@ -0,0 +1,122 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { ChevronDown, Search } from "lucide-react";
+import { Input } from "@withpotter/ui-kit/input";
+import { selectTriggerClass } from "@withpotter/ui-kit/select-trigger";
+import { EntityAvatar } from "../_fx";
+import { useMerchantSearch } from "./use-merchant-search";
+import styles from "./merchant-filter.module.css";
+function MerchantFilter({
+  value,
+  onChange,
+  allLabel,
+  placeholder = "Select merchant"
+}) {
+  const [open, setOpen] = useState(false);
+  const [term, setTerm] = useState("");
+  const [cursor, setCursor] = useState(0);
+  const root = useRef(null);
+  const { merchants, isLoading, isError } = useMerchantSearch(term, open);
+  const options = allLabel ? [null, ...merchants] : merchants;
+  useEffect(() => {
+    if (!open) return;
+    const close = (e) => {
+      if (!root.current?.contains(e.target)) setOpen(false);
+    };
+    document.addEventListener("pointerdown", close);
+    return () => document.removeEventListener("pointerdown", close);
+  }, [open]);
+  const pick = (merchant) => {
+    onChange(merchant);
+    setOpen(false);
+    setTerm("");
+  };
+  const onKey = (e) => {
+    if (e.key === "Escape") {
+      e.stopPropagation();
+      setOpen(false);
+    } else if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+      e.preventDefault();
+      const step = e.key === "ArrowDown" ? 1 : -1;
+      const n = options.length || 1;
+      setCursor((c) => (c + step + n) % n);
+    } else if (e.key === "Enter" && options.length > 0) {
+      e.preventDefault();
+      pick(options[Math.min(cursor, options.length - 1)]);
+    }
+  };
+  const label = value?.name ?? allLabel ?? placeholder;
+  return /* @__PURE__ */ jsxs("div", { ref: root, className: styles.root, children: [
+    open ? /* @__PURE__ */ jsxs("label", { className: styles.searchBox, children: [
+      /* @__PURE__ */ jsx(Search, { size: 16, "aria-hidden": true }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          variant: "bare",
+          autoFocus: true,
+          role: "combobox",
+          "aria-expanded": true,
+          "aria-controls": "merchant-filter-list",
+          "aria-label": "Search merchants",
+          className: styles.input,
+          value: term,
+          placeholder: "Search merchants\u2026",
+          onChange: (e) => {
+            setTerm(e.target.value);
+            setCursor(0);
+          },
+          onKeyDown: onKey
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-haspopup": "listbox",
+        "aria-label": `Merchant: ${label}`,
+        className: `${selectTriggerClass({ isOpen: false, size: "sm" })} h-7 ${styles.trigger}`,
+        "data-applied": allLabel && value ? "true" : void 0,
+        onClick: () => setOpen(true),
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: styles.chosen, children: [
+            value?.logoUrl && /* @__PURE__ */ jsx(EntityAvatar, { name: value.name, src: value.logoUrl, size: 20 }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: value ? styles.name : styles.placeholder,
+                title: label,
+                children: label
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(ChevronDown, { size: 16, "aria-hidden": true, className: styles.icon })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("ul", { id: "merchant-filter-list", role: "listbox", className: styles.menu, children: [
+      options.map((m, i) => /* @__PURE__ */ jsxs(
+        "li",
+        {
+          role: "option",
+          "aria-selected": (m?.id ?? null) === (value?.id ?? null),
+          "data-active": i === cursor || void 0,
+          className: styles.option,
+          onPointerEnter: () => setCursor(i),
+          onClick: () => pick(m),
+          children: [
+            m?.logoUrl && /* @__PURE__ */ jsx(EntityAvatar, { name: m.name, src: m.logoUrl, size: 24 }),
+            /* @__PURE__ */ jsx("span", { className: styles.name, title: m?.name ?? allLabel, children: m?.name ?? allLabel }),
+            m?.slug && /* @__PURE__ */ jsx("span", { className: styles.slug, title: m.slug, children: m.slug })
+          ]
+        },
+        m?.id ?? "all"
+      )),
+      merchants.length === 0 && /* @__PURE__ */ jsx("li", { className: styles.note, role: "presentation", children: isError ? "Merchants could not be loaded." : isLoading ? "Searching\u2026" : "No merchants match." })
+    ] })
+  ] });
+}
+export {
+  MerchantFilter
+};
+//# sourceMappingURL=merchant-filter.js.map

package/dist/admin/reviews/merchant-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/reviews/merchant-filter.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, useState, type KeyboardEvent } from 'react';\nimport { ChevronDown, Search } from 'lucide-react';\nimport { Input } from '@withpotter/ui-kit/input';\nimport { selectTriggerClass } from '@withpotter/ui-kit/select-trigger';\nimport { EntityAvatar } from '../_fx';\nimport { useMerchantSearch, type Merchant } from './use-merchant-search';\nimport styles from './merchant-filter.module.css';\n\n/**\n * Pick a merchant by name instead of pasting a tenant UUID. Typing searches\n * the tenants endpoint (debounced); a row shows the merchant's logo when it\n * has one, and only then. Shared by Reviews and Product insights.\n */\nexport function MerchantFilter({\n  value,\n  onChange,\n  allLabel,\n  placeholder = 'Select merchant',\n}: {\n  value: Merchant | null;\n  onChange: (merchant: Merchant | null) => void;\n  /** When set, the first option clears the filter and reads like this. */\n  allLabel?: string;\n  placeholder?: string;\n}) {\n  const [open, setOpen] = useState(false);\n  const [term, setTerm] = useState('');\n  const [cursor, setCursor] = useState(0);\n  const root = useRef<HTMLDivElement>(null);\n  const { merchants, isLoading, isError } = useMerchantSearch(term, open);\n  const options: Array<Merchant | null> = allLabel\n    ? [null, ...merchants]\n    : merchants;\n\n  useEffect(() => {\n    if (!open) return;\n    const close = (e: PointerEvent) => {\n      if (!root.current?.contains(e.target as Node)) setOpen(false);\n    };\n    document.addEventListener('pointerdown', close);\n    return () => document.removeEventListener('pointerdown', close);\n  }, [open]);\n\n  const pick = (merchant: Merchant | null) => {\n    onChange(merchant);\n    setOpen(false);\n    setTerm('');\n  };\n\n  const onKey = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      setOpen(false);\n    } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n      e.preventDefault();\n      const step = e.key === 'ArrowDown' ? 1 : -1;\n      const n = options.length || 1;\n      setCursor((c) => (c + step + n) % n);\n    } else if (e.key === 'Enter' && options.length > 0) {\n      e.preventDefault();\n      pick(options[Math.min(cursor, options.length - 1)]);\n    }\n  };\n\n  const label = value?.name ?? allLabel ?? placeholder;\n\n  return (\n    <div ref={root} className={styles.root}>\n      {open ? (\n        <label className={styles.searchBox}>\n          <Search size={16} aria-hidden />\n          <Input\n            variant=\"bare\"\n            autoFocus\n            role=\"combobox\"\n            aria-expanded\n            aria-controls=\"merchant-filter-list\"\n            aria-label=\"Search merchants\"\n            className={styles.input}\n            value={term}\n            placeholder=\"Search merchants…\"\n            onChange={(e) => {\n              setTerm(e.target.value);\n              setCursor(0);\n            }}\n            onKeyDown={onKey}\n          />\n        </label>\n      ) : (\n        <button\n          type=\"button\"\n          aria-haspopup=\"listbox\"\n          aria-label={`Merchant: ${label}`}\n          className={`${selectTriggerClass({ isOpen: false, size: 'sm' })} h-7 ${styles.trigger}`}\n          data-applied={allLabel && value ? 'true' : undefined}\n          onClick={() => setOpen(true)}\n        >\n          <span className={styles.chosen}>\n            {value?.logoUrl && (\n              <EntityAvatar name={value.name} src={value.logoUrl} size={20} />\n            )}\n            <span\n              className={value ? styles.name : styles.placeholder}\n              title={label}\n            >\n              {label}\n            </span>\n          </span>\n          <ChevronDown size={16} aria-hidden className={styles.icon} />\n        </button>\n      )}\n\n      {open && (\n        <ul id=\"merchant-filter-list\" role=\"listbox\" className={styles.menu}>\n          {options.map((m, i) => (\n            <li\n              key={m?.id ?? 'all'}\n              role=\"option\"\n              aria-selected={(m?.id ?? null) === (value?.id ?? null)}\n              data-active={i === cursor || undefined}\n              className={styles.option}\n              onPointerEnter={() => setCursor(i)}\n              onClick={() => pick(m)}\n            >\n              {m?.logoUrl && (\n                <EntityAvatar name={m.name} src={m.logoUrl} size={24} />\n              )}\n              <span className={styles.name} title={m?.name ?? allLabel}>\n                {m?.name ?? allLabel}\n              </span>\n              {m?.slug && (\n                <span className={styles.slug} title={m.slug}>\n                  {m.slug}\n                </span>\n              )}\n            </li>\n          ))}\n          {merchants.length === 0 && (\n            <li className={styles.note} role=\"presentation\">\n              {isError\n                ? 'Merchants could not be loaded.'\n                : isLoading\n                  ? 'Searching…'\n                  : 'No merchants match.'}\n            </li>\n          )}\n        </ul>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/reviews/merchant-filter.module.css

@@ -0,0 +1,113 @@
+/* The merchant picker: a select-look trigger that becomes a search box. */
+
+.root {
+  position: relative;
+  min-width: 0;
+}
+
+.chosen,
+.searchBox {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.searchBox {
+  padding: 0 8px;
+  height: var(--adm-control-h);
+  border: 1px solid var(--brand-500);
+  border-radius: 10px;
+  background: var(--bg-base);
+  box-shadow: 0 0 0 1px var(--brand-500);
+  color: var(--text-tertiary);
+}
+
+/* Narrowing the list (Reviews): the trigger takes the console's tint. */
+.trigger[data-applied] {
+  --bg-muted: var(--adm-tint);
+  --border-subtle: var(--adm-tint-line);
+  --border-default: var(--adm-tint-line);
+  --text-primary: var(--adm-tint-ink);
+}
+
+.input {
+  flex: 1;
+  min-width: 0;
+}
+
+.icon {
+  flex-shrink: 0;
+  color: var(--text-tertiary);
+}
+
+.name,
+.placeholder {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 13px;
+}
+
+.name {
+  color: var(--text-primary);
+}
+
+.placeholder {
+  color: var(--text-secondary);
+}
+
+.menu {
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  z-index: 30;
+  display: grid;
+  gap: 2px;
+  width: max(100%, 280px);
+  max-height: 320px;
+  margin: 0;
+  padding: 4px;
+  overflow: auto;
+  list-style: none;
+  border: 1px solid var(--border-subtle);
+  border-radius: 10px;
+  background: var(--bg-base);
+  box-shadow: var(--adm-shadow-pop);
+}
+
+.option {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  border-radius: 10px;
+  cursor: pointer;
+  font-size: 13px;
+  transition: background var(--adm-fast);
+}
+
+.option[data-active] {
+  background: var(--adm-hover);
+}
+
+.option[aria-selected='true'] .name {
+  color: var(--brand-600);
+  font-weight: 500;
+}
+
+.slug {
+  margin-left: auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  color: var(--text-tertiary);
+}
+
+.note {
+  padding: 16px 12px;
+  text-align: center;
+  font-size: 13px;
+  color: var(--text-tertiary);
+}

package/dist/admin/reviews/page.js

@@ -0,0 +1,124 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Th } from "@withpotter/ui-kit";
+import { SectionHeader } from "../audit/section-header";
+import { FilterSelect, Filters } from "../_ui";
+import { ListCard, ListPager } from "../_ui/list-card";
+import { MerchantFilter } from "./merchant-filter";
+import { ReviewRow } from "./review-row";
+import { ReviewsKpis } from "./reviews-kpis";
+import { useAdminReviewAnalytics, useAdminReviews } from "./use-admin-reviews";
+import styles from "./reviews.module.css";
+const PAGE_SIZE = 20;
+const RATING_OPTIONS = [
+  { value: "", label: "All ratings" },
+  ...[5, 4, 3, 2, 1].map((rating) => ({
+    value: String(rating),
+    label: `${rating} star${rating === 1 ? "" : "s"}`
+  }))
+];
+const STATUS_OPTIONS = [
+  { value: "", label: "All statuses" },
+  ...["pending", "approved", "rejected", "flagged"].map((value) => ({
+    value,
+    label: value.charAt(0).toUpperCase() + value.slice(1)
+  }))
+];
+function AdminReviewsPage() {
+  const [merchant, setMerchant] = useState(null);
+  const [rating, setRating] = useState("");
+  const [status, setStatus] = useState("");
+  const [page, setPage] = useState(1);
+  const query = {
+    tenantId: merchant?.id,
+    rating: rating ? Number(rating) : void 0,
+    status: status || void 0
+  };
+  const reviews = useAdminReviews({ ...query, page, pageSize: PAGE_SIZE });
+  const analytics = useAdminReviewAnalytics(query);
+  const hasFilters = Boolean(merchant || rating || status);
+  const totalPages = reviews.data ? Math.max(1, Math.ceil(reviews.data.total / reviews.data.pageSize)) : 1;
+  const filtered = (set) => (value) => {
+    set(value);
+    setPage(1);
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      SectionHeader,
+      {
+        title: "Customer reviews",
+        description: "Ratings and merchant responses across every merchant. Read-only."
+      }
+    ),
+    /* @__PURE__ */ jsx(ReviewsKpis, { data: analytics.data, isLoading: analytics.isLoading }),
+    /* @__PURE__ */ jsx("div", { className: styles.list, children: /* @__PURE__ */ jsx(
+      ListCard,
+      {
+        title: merchant ? `Reviews for ${merchant.name}` : "All reviews",
+        count: reviews.data?.total,
+        columns: 6,
+        minWidth: 1080,
+        isLoading: reviews.isLoading,
+        isError: reviews.isError,
+        onRetry: () => void reviews.refetch(),
+        errorTitle: "Failed to load customer reviews.",
+        isEmpty: reviews.data?.rows.length === 0,
+        controls: /* @__PURE__ */ jsxs(Filters, { label: "Filter reviews", children: [
+          /* @__PURE__ */ jsx("div", { className: styles.merchant, children: /* @__PURE__ */ jsx(
+            MerchantFilter,
+            {
+              value: merchant,
+              onChange: filtered(setMerchant),
+              allLabel: "All merchants"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            FilterSelect,
+            {
+              label: "Rating",
+              value: rating,
+              options: RATING_OPTIONS,
+              onChange: filtered(setRating)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FilterSelect,
+            {
+              label: "Status",
+              value: status,
+              options: STATUS_OPTIONS,
+              onChange: filtered(
+                (v) => setStatus(v)
+              )
+            }
+          )
+        ] }),
+        emptyTitle: hasFilters ? "No reviews match this merchant, rating and status." : "Customer reviews appear here once they are submitted.",
+        head: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx(Th, { children: "Submitted" }),
+          /* @__PURE__ */ jsx(Th, { children: "Rating" }),
+          /* @__PURE__ */ jsx(Th, { children: "Review" }),
+          /* @__PURE__ */ jsx(Th, { children: "Tenant / content" }),
+          /* @__PURE__ */ jsx(Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Th, { children: "Merchant response" })
+        ] }),
+        footer: reviews.data && reviews.data.total > 0 ? /* @__PURE__ */ jsx(
+          ListPager,
+          {
+            page,
+            totalPages,
+            total: reviews.data.total,
+            noun: "reviews",
+            onPage: setPage
+          }
+        ) : void 0,
+        children: reviews.data?.rows.map((row) => /* @__PURE__ */ jsx(ReviewRow, { row }, row.id))
+      }
+    ) })
+  ] });
+}
+export {
+  AdminReviewsPage as default
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/reviews/page.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Th } from '@withpotter/ui-kit';\nimport type { ReviewStatus } from '@withpotter/lib/admin-service-operations-api';\nimport { SectionHeader } from '../audit/section-header';\nimport { FilterSelect, Filters } from '../_ui';\nimport { ListCard, ListPager } from '../_ui/list-card';\nimport { MerchantFilter } from './merchant-filter';\nimport { ReviewRow } from './review-row';\nimport { ReviewsKpis } from './reviews-kpis';\nimport type { Merchant } from './use-merchant-search';\nimport { useAdminReviewAnalytics, useAdminReviews } from './use-admin-reviews';\nimport styles from './reviews.module.css';\n\nconst PAGE_SIZE = 20;\nconst 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];\nconst STATUS_OPTIONS = [\n  { value: '', label: 'All statuses' },\n  ...['pending', 'approved', 'rejected', 'flagged'].map((value) => ({\n    value,\n    label: value.charAt(0).toUpperCase() + value.slice(1),\n  })),\n];\n\nexport default function AdminReviewsPage() {\n  const [merchant, setMerchant] = useState<Merchant | null>(null);\n  const [rating, setRating] = useState('');\n  const [status, setStatus] = useState<ReviewStatus | ''>('');\n  const [page, setPage] = useState(1);\n  const query = {\n    tenantId: merchant?.id,\n    rating: rating ? Number(rating) : undefined,\n    status: status || undefined,\n  };\n  const reviews = useAdminReviews({ ...query, page, pageSize: PAGE_SIZE });\n  const analytics = useAdminReviewAnalytics(query);\n  const hasFilters = Boolean(merchant || rating || status);\n  const totalPages = reviews.data\n    ? Math.max(1, Math.ceil(reviews.data.total / reviews.data.pageSize))\n    : 1;\n  const filtered =\n    <T,>(set: (value: T) => void) =>\n    (value: T) => {\n      set(value);\n      setPage(1);\n    };\n\n  return (\n    <div>\n      <SectionHeader\n        title=\"Customer reviews\"\n        description=\"Ratings and merchant responses across every merchant. Read-only.\"\n      />\n\n      <ReviewsKpis data={analytics.data} isLoading={analytics.isLoading} />\n\n      <div className={styles.list}>\n        <ListCard\n          title={merchant ? `Reviews for ${merchant.name}` : 'All reviews'}\n          count={reviews.data?.total}\n          columns={6}\n          minWidth={1080}\n          isLoading={reviews.isLoading}\n          isError={reviews.isError}\n          onRetry={() => void reviews.refetch()}\n          errorTitle=\"Failed to load customer reviews.\"\n          isEmpty={reviews.data?.rows.length === 0}\n          controls={\n            <Filters label=\"Filter reviews\">\n              <div className={styles.merchant}>\n                <MerchantFilter\n                  value={merchant}\n                  onChange={filtered(setMerchant)}\n                  allLabel=\"All merchants\"\n                />\n              </div>\n              <FilterSelect\n                label=\"Rating\"\n                value={rating}\n                options={RATING_OPTIONS}\n                onChange={filtered(setRating)}\n              />\n              <FilterSelect\n                label=\"Status\"\n                value={status}\n                options={STATUS_OPTIONS}\n                onChange={filtered((v: string) =>\n                  setStatus(v as ReviewStatus | ''),\n                )}\n              />\n            </Filters>\n          }\n          emptyTitle={\n            hasFilters\n              ? 'No reviews match this merchant, rating and status.'\n              : 'Customer reviews appear here once they are submitted.'\n          }\n          head={\n            <tr>\n              <Th>Submitted</Th>\n              <Th>Rating</Th>\n              <Th>Review</Th>\n              <Th>Tenant / content</Th>\n              <Th>Status</Th>\n              <Th>Merchant response</Th>\n            </tr>\n          }\n          footer={\n            reviews.data && reviews.data.total > 0 ? (\n              <ListPager\n                page={page}\n                totalPages={totalPages}\n                total={reviews.data.total}\n                noun=\"reviews\"\n                onPage={setPage}\n              />\n            ) : undefined\n          }\n        >\n          {reviews.data?.rows.map((row) => (\n            <ReviewRow key={row.id} row={row} />\n          ))}\n        </ListCard>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/reviews/review-row.js

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Star } from "lucide-react";
+import { TableRow } from "@withpotter/ui-kit";
+import { StatusPill } from "../audit/status-pill";
+import list from "../_ui/list-card.module.css";
+import styles from "./reviews.module.css";
+const sentence = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+function Rating({ value }) {
+  return /* @__PURE__ */ jsxs("span", { className: styles.rating, "aria-label": `${value} out of 5 stars`, children: [
+    /* @__PURE__ */ jsx(Star, { size: 13, className: styles.star, "aria-hidden": true }),
+    /* @__PURE__ */ jsx("strong", { children: value }),
+    /* @__PURE__ */ jsx("span", { children: "/ 5" })
+  ] });
+}
+function ReviewRow({ row }) {
+  return /* @__PURE__ */ jsxs(TableRow, { children: [
+    /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted} ${styles.when}`, children: new Date(row.createdAt).toLocaleString() }),
+    /* @__PURE__ */ jsx("td", { className: list.nowrap, children: /* @__PURE__ */ jsx(Rating, { value: row.rating }) }),
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: styles.reviewText, children: [
+      /* @__PURE__ */ jsx("strong", { children: row.title || "Untitled review" }),
+      /* @__PURE__ */ jsx("p", { children: row.body }),
+      /* @__PURE__ */ jsx("span", { children: row.reviewerName })
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { className: list.muted, children: /* @__PURE__ */ jsxs("div", { className: styles.identifiers, children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Tenant: ",
+        row.tenantId
+      ] }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Content: ",
+        row.contentId
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: styles.badges, children: [
+      /* @__PURE__ */ jsx(StatusPill, { status: row.status, label: sentence(row.status) }),
+      row.isVerifiedPurchase && /* @__PURE__ */ jsx(StatusPill, { status: "verified", label: "Verified" })
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { children: row.merchantResponse ? /* @__PURE__ */ jsx("p", { className: styles.response, children: row.merchantResponse }) : /* @__PURE__ */ jsx("span", { className: styles.muted, children: "No response" }) })
+  ] });
+}
+export {
+  ReviewRow
+};
+//# sourceMappingURL=review-row.js.map

package/dist/admin/reviews/review-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/reviews/review-row.tsx"],"sourcesContent":["import { Star } from 'lucide-react';\nimport { TableRow } from '@withpotter/ui-kit';\nimport { StatusPill } from '../audit/status-pill';\nimport type { PlatformReview } from '@withpotter/lib/admin-service-operations-api';\nimport list from '../_ui/list-card.module.css';\nimport styles from './reviews.module.css';\n\nconst sentence = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);\n\nfunction Rating({ value }: { value: number }) {\n  return (\n    <span className={styles.rating} aria-label={`${value} out of 5 stars`}>\n      <Star size={13} className={styles.star} aria-hidden />\n      <strong>{value}</strong>\n      <span>/ 5</span>\n    </span>\n  );\n}\n\n/** One review: when, how many stars, what was said, and who answered. */\nexport function ReviewRow({ row }: { row: PlatformReview }) {\n  return (\n    <TableRow>\n      <td className={`${list.nowrap} ${list.muted} ${styles.when}`}>\n        {new Date(row.createdAt).toLocaleString()}\n      </td>\n      <td className={list.nowrap}>\n        <Rating value={row.rating} />\n      </td>\n      <td>\n        <div className={styles.reviewText}>\n          <strong>{row.title || 'Untitled review'}</strong>\n          <p>{row.body}</p>\n          <span>{row.reviewerName}</span>\n        </div>\n      </td>\n      <td className={list.muted}>\n        <div className={styles.identifiers}>\n          <span>Tenant: {row.tenantId}</span>\n          <span>Content: {row.contentId}</span>\n        </div>\n      </td>\n      <td>\n        <div className={styles.badges}>\n          <StatusPill status={row.status} label={sentence(row.status)} />\n          {row.isVerifiedPurchase && (\n            <StatusPill status=\"verified\" label=\"Verified\" />\n          )}\n        </div>\n      </td>\n      <td>\n        {row.merchantResponse ? (\n          <p className={styles.response}>{row.merchantResponse}</p>\n        ) : (\n          <span className={styles.muted}>No response</span>\n        )}\n      </td>\n    </TableRow>\n  );\n}\n"],"mappings":"AAWI,SACE,KADF;AAXJ,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AACjB,OAAO,YAAY;AAEnB,MAAM,WAAW,CAAC,MAAc,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC;AAErE,SAAS,OAAO,EAAE,MAAM,GAAsB;AAC5C,SACE,qBAAC,UAAK,WAAW,OAAO,QAAQ,cAAY,GAAG,KAAK,mBAClD;AAAA,wBAAC,QAAK,MAAM,IAAI,WAAW,OAAO,MAAM,eAAW,MAAC;AAAA,IACpD,oBAAC,YAAQ,iBAAM;AAAA,IACf,oBAAC,UAAK,iBAAG;AAAA,KACX;AAEJ;AAGO,SAAS,UAAU,EAAE,IAAI,GAA4B;AAC1D,SACE,qBAAC,YACC;AAAA,wBAAC,QAAG,WAAW,GAAG,KAAK,MAAM,IAAI,KAAK,KAAK,IAAI,OAAO,IAAI,IACvD,cAAI,KAAK,IAAI,SAAS,EAAE,eAAe,GAC1C;AAAA,IACA,oBAAC,QAAG,WAAW,KAAK,QAClB,8BAAC,UAAO,OAAO,IAAI,QAAQ,GAC7B;AAAA,IACA,oBAAC,QACC,+BAAC,SAAI,WAAW,OAAO,YACrB;AAAA,0BAAC,YAAQ,cAAI,SAAS,mBAAkB;AAAA,MACxC,oBAAC,OAAG,cAAI,MAAK;AAAA,MACb,oBAAC,UAAM,cAAI,cAAa;AAAA,OAC1B,GACF;AAAA,IACA,oBAAC,QAAG,WAAW,KAAK,OAClB,+BAAC,SAAI,WAAW,OAAO,aACrB;AAAA,2BAAC,UAAK;AAAA;AAAA,QAAS,IAAI;AAAA,SAAS;AAAA,MAC5B,qBAAC,UAAK;AAAA;AAAA,QAAU,IAAI;AAAA,SAAU;AAAA,OAChC,GACF;AAAA,IACA,oBAAC,QACC,+BAAC,SAAI,WAAW,OAAO,QACrB;AAAA,0BAAC,cAAW,QAAQ,IAAI,QAAQ,OAAO,SAAS,IAAI,MAAM,GAAG;AAAA,MAC5D,IAAI,sBACH,oBAAC,cAAW,QAAO,YAAW,OAAM,YAAW;AAAA,OAEnD,GACF;AAAA,IACA,oBAAC,QACE,cAAI,mBACH,oBAAC,OAAE,WAAW,OAAO,UAAW,cAAI,kBAAiB,IAErD,oBAAC,UAAK,WAAW,OAAO,OAAO,yBAAW,GAE9C;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,55 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MetricRow, MetricTile } from "@withpotter/ui-kit";
+import { CountUp } from "../_fx";
+function ReviewsKpis({
+  data,
+  isLoading
+}) {
+  const count = (status) => data?.statusDistribution.find((row) => row.status === status)?.total ?? 0;
+  const total = data?.total ?? 0;
+  const share = (n) => total > 0 ? `${Math.round(n / total * 100)}% of reviews` : void 0;
+  const approved = count("approved");
+  const pending = count("pending");
+  const shown = (node) => isLoading ? null : node;
+  return /* @__PURE__ */ jsxs(MetricRow, { children: [
+    /* @__PURE__ */ jsx(
+      MetricTile,
+      {
+        label: "Reviews",
+        loading: isLoading,
+        value: shown(/* @__PURE__ */ jsx(CountUp, { value: total }))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MetricTile,
+      {
+        label: "Average rating",
+        loading: isLoading,
+        value: shown(`${(data?.averageRating ?? 0).toFixed(1)} / 5`)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MetricTile,
+      {
+        label: "Approved",
+        loading: isLoading,
+        value: shown(/* @__PURE__ */ jsx(CountUp, { value: approved })),
+        footnote: share(approved)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MetricTile,
+      {
+        label: "Awaiting moderation",
+        loading: isLoading,
+        value: shown(/* @__PURE__ */ jsx(CountUp, { value: pending })),
+        footnote: share(pending)
+      }
+    )
+  ] });
+}
+export {
+  ReviewsKpis
+};
+//# sourceMappingURL=reviews-kpis.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/reviews/reviews-kpis.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport type { ReviewStatus } from '@withpotter/lib/admin-service-operations-api';\nimport { MetricRow, MetricTile } from '@withpotter/ui-kit';\nimport { CountUp } from '../_fx';\n\ninterface Analytics {\n  total: number;\n  averageRating: number;\n  statusDistribution: Array<{ status: ReviewStatus; total: number }>;\n}\n\n/**\n * Four headline figures for the filtered reviews, all from the analytics\n * endpoint. \"Awaiting moderation\" is the pending status count: the API has\n * no figure for reviews still waiting on a merchant response.\n */\nexport function ReviewsKpis({\n  data,\n  isLoading,\n}: {\n  data: Analytics | undefined;\n  isLoading: boolean;\n}) {\n  const count = (status: ReviewStatus) =>\n    data?.statusDistribution.find((row) => row.status === status)?.total ?? 0;\n  const total = data?.total ?? 0;\n  const share = (n: number) =>\n    total > 0 ? `${Math.round((n / total) * 100)}% of reviews` : undefined;\n  const approved = count('approved');\n  const pending = count('pending');\n  // Null while loading, so each tile draws its placeholder instead of a 0.\n  const shown = (node: ReactNode) => (isLoading ? null : node);\n\n  return (\n    <MetricRow>\n      <MetricTile\n        label=\"Reviews\"\n        loading={isLoading}\n        value={shown(<CountUp value={total} />)}\n      />\n      <MetricTile\n        label=\"Average rating\"\n        loading={isLoading}\n        value={shown(`${(data?.averageRating ?? 0).toFixed(1)} / 5`)}\n      />\n      <MetricTile\n        label=\"Approved\"\n        loading={isLoading}\n        value={shown(<CountUp value={approved} />)}\n        footnote={share(approved)}\n      />\n      <MetricTile\n        label=\"Awaiting moderation\"\n        loading={isLoading}\n        value={shown(<CountUp value={pending} />)}\n        footnote={share(pending)}\n      />\n    </MetricRow>\n  );\n}\n"],"mappings":";AAoCI,SAIiB,KAJjB;AAhCJ,SAAS,WAAW,kBAAkB;AACtC,SAAS,eAAe;AAajB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQ,CAAC,WACb,MAAM,mBAAmB,KAAK,CAAC,QAAQ,IAAI,WAAW,MAAM,GAAG,SAAS;AAC1E,QAAM,QAAQ,MAAM,SAAS;AAC7B,QAAM,QAAQ,CAAC,MACb,QAAQ,IAAI,GAAG,KAAK,MAAO,IAAI,QAAS,GAAG,CAAC,iBAAiB;AAC/D,QAAM,WAAW,MAAM,UAAU;AACjC,QAAM,UAAU,MAAM,SAAS;AAE/B,QAAM,QAAQ,CAAC,SAAqB,YAAY,OAAO;AAEvD,SACE,qBAAC,aACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO,MAAM,oBAAC,WAAQ,OAAO,OAAO,CAAE;AAAA;AAAA,IACxC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO,MAAM,IAAI,MAAM,iBAAiB,GAAG,QAAQ,CAAC,CAAC,MAAM;AAAA;AAAA,IAC7D;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO,MAAM,oBAAC,WAAQ,OAAO,UAAU,CAAE;AAAA,QACzC,UAAU,MAAM,QAAQ;AAAA;AAAA,IAC1B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO,MAAM,oBAAC,WAAQ,OAAO,SAAS,CAAE;AAAA,QACxC,UAAU,MAAM,OAAO;AAAA;AAAA,IACzB;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/reviews/reviews.module.css

@@ -0,0 +1,68 @@
+/* The list sits a layout step under the KPIs; its filters live in the
+   card's own toolbar, right of the title. */
+.list {
+  margin-top: 16px;
+}
+.merchant {
+  width: 240px;
+  max-width: 100%;
+}
+.when {
+  font-variant-numeric: tabular-nums;
+}
+.rating {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.rating strong {
+  font-variant-numeric: tabular-nums;
+  font-weight: 500;
+}
+.star {
+  color: var(--brand-500);
+  fill: var(--brand-500);
+}
+.rating span,
+.reviewText span,
+.muted {
+  color: var(--text-tertiary);
+}
+.reviewText {
+  min-width: 260px;
+  max-width: 440px;
+}
+.reviewText p,
+.response {
+  margin: 4px 0;
+  line-height: 1.5;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
+.reviewText span {
+  font-size: 12px;
+}
+.identifiers {
+  display: grid;
+  gap: 4px;
+  min-width: 210px;
+  max-width: 260px;
+  overflow-wrap: anywhere;
+}
+.badges {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px 12px;
+}
+.response {
+  min-width: 200px;
+  max-width: 340px;
+}
+@media (max-width: 800px) {
+  .merchant,
+  .select {
+    flex: 1 1 100%;
+    max-width: none;
+    width: 100%;
+  }
+}

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

@@ -0,0 +1,22 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import {
+  adminServiceOperationsApi
+} from "@withpotter/lib/admin-service-operations-api";
+function useAdminReviews(query) {
+  return useQuery({
+    queryKey: ["platform-admin", "reviews", "list", query],
+    queryFn: () => adminServiceOperationsApi.listReviews(query)
+  });
+}
+function useAdminReviewAnalytics(query) {
+  return useQuery({
+    queryKey: ["platform-admin", "reviews", "analytics", query],
+    queryFn: () => adminServiceOperationsApi.reviewAnalytics(query)
+  });
+}
+export {
+  useAdminReviewAnalytics,
+  useAdminReviews
+};
+//# sourceMappingURL=use-admin-reviews.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/reviews/use-admin-reviews.ts"],"sourcesContent":["'use client';\n\nimport { useQuery } from '@tanstack/react-query';\nimport {\n  adminServiceOperationsApi,\n  type ReviewQuery,\n} from '@withpotter/lib/admin-service-operations-api';\n\nexport function useAdminReviews(query: ReviewQuery) {\n  return useQuery({\n    queryKey: ['platform-admin', 'reviews', 'list', query],\n    queryFn: () => adminServiceOperationsApi.listReviews(query),\n  });\n}\n\nexport function useAdminReviewAnalytics(query: ReviewQuery) {\n  return useQuery({\n    queryKey: ['platform-admin', 'reviews', 'analytics', query],\n    queryFn: () => adminServiceOperationsApi.reviewAnalytics(query),\n  });\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,OAEK;AAEA,SAAS,gBAAgB,OAAoB;AAClD,SAAO,SAAS;AAAA,IACd,UAAU,CAAC,kBAAkB,WAAW,QAAQ,KAAK;AAAA,IACrD,SAAS,MAAM,0BAA0B,YAAY,KAAK;AAAA,EAC5D,CAAC;AACH;AAEO,SAAS,wBAAwB,OAAoB;AAC1D,SAAO,SAAS;AAAA,IACd,UAAU,CAAC,kBAAkB,WAAW,aAAa,KAAK;AAAA,IAC1D,SAAS,MAAM,0BAA0B,gBAAgB,KAAK;AAAA,EAChE,CAAC;AACH;","names":[]}

package/dist/admin/reviews/use-merchant-search.js

@@ -0,0 +1,32 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { platformAdminApi } from "@withpotter/lib/admin-api";
+import { useDebouncedValue } from "@withpotter/hooks/use-debounced-value";
+const toMerchant = (t) => ({
+  id: t.id,
+  name: t.businessName,
+  slug: t.slug,
+  logoUrl: t.logoUrl ?? t.profile?.logoUrl ?? null
+});
+function useMerchantSearch(term, enabled = true, size = 8) {
+  const search = useDebouncedValue(term.trim());
+  const query = useQuery({
+    queryKey: ["platform-admin", "merchant-picker", search, size],
+    queryFn: () => platformAdminApi.tenants({
+      page: 1,
+      pageSize: size,
+      search: search || void 0
+    }),
+    enabled
+  });
+  return {
+    merchants: (query.data?.rows ?? []).map(toMerchant),
+    isLoading: query.isLoading || search !== term.trim(),
+    isError: query.isError
+  };
+}
+export {
+  toMerchant,
+  useMerchantSearch
+};
+//# sourceMappingURL=use-merchant-search.js.map

package/dist/admin/reviews/use-merchant-search.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/reviews/use-merchant-search.ts"],"sourcesContent":["'use client';\n\nimport { useQuery } from '@tanstack/react-query';\nimport { platformAdminApi, type TenantRow } from '@withpotter/lib/admin-api';\nimport { useDebouncedValue } from '@withpotter/hooks/use-debounced-value';\n\n/** A merchant as the picker shows it: name, slug and a logo when one exists. */\nexport interface Merchant {\n  id: string;\n  name: string;\n  slug?: string;\n  logoUrl?: string | null;\n}\n\n/** The tenants list has no logo today; use one if the API starts sending it. */\nexport const toMerchant = (t: TenantRow): Merchant => ({\n  id: t.id,\n  name: t.businessName,\n  slug: t.slug,\n  logoUrl:\n    (t as TenantRow & { logoUrl?: string | null }).logoUrl ??\n    (t as TenantRow & { profile?: { logoUrl?: string | null } }).profile\n      ?.logoUrl ??\n    null,\n});\n\n/**\n * Merchants matching what was typed, from the tenants search endpoint. The\n * term is debounced so a fast typist sends one request, not one per letter.\n */\nexport function useMerchantSearch(term: string, enabled = true, size = 8) {\n  const search = useDebouncedValue(term.trim());\n\n  const query = useQuery({\n    queryKey: ['platform-admin', 'merchant-picker', search, size],\n    queryFn: () =>\n      platformAdminApi.tenants({\n        page: 1,\n        pageSize: size,\n        search: search || undefined,\n      }),\n    enabled,\n  });\n\n  return {\n    merchants: (query.data?.rows ?? []).map(toMerchant),\n    isLoading: query.isLoading || search !== term.trim(),\n    isError: query.isError,\n  };\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB,SAAS,wBAAwC;AACjD,SAAS,yBAAyB;AAW3B,MAAM,aAAa,CAAC,OAA4B;AAAA,EACrD,IAAI,EAAE;AAAA,EACN,MAAM,EAAE;AAAA,EACR,MAAM,EAAE;AAAA,EACR,SACG,EAA8C,WAC9C,EAA4D,SACzD,WACJ;AACJ;AAMO,SAAS,kBAAkB,MAAc,UAAU,MAAM,OAAO,GAAG;AACxE,QAAM,SAAS,kBAAkB,KAAK,KAAK,CAAC;AAE5C,QAAM,QAAQ,SAAS;AAAA,IACrB,UAAU,CAAC,kBAAkB,mBAAmB,QAAQ,IAAI;AAAA,IAC5D,SAAS,MACP,iBAAiB,QAAQ;AAAA,MACvB,MAAM;AAAA,MACN,UAAU;AAAA,MACV,QAAQ,UAAU;AAAA,IACpB,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL,YAAY,MAAM,MAAM,QAAQ,CAAC,GAAG,IAAI,UAAU;AAAA,IAClD,WAAW,MAAM,aAAa,WAAW,KAAK,KAAK;AAAA,IACnD,SAAS,MAAM;AAAA,EACjB;AACF;","names":[]}