@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/newsletters/newsletters-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/newsletters/newsletters-list.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation';\nimport { Button, FilterChip, Th } from '@withpotter/ui-kit';\nimport { EmptyState, PageHeader } from '../_ui';\nimport { ListCard, ListPager } from '../_ui/list-card';\nimport { LayoutPicker } from './layout-picker';\nimport { NewsletterRow } from './newsletter-row';\nimport { NewsletterTabs } from './section-tabs';\nimport { useNewsletterActions } from './use-newsletter-actions';\nimport {\n  PAGE_SIZE,\n  useNewsletterAccess,\n  useNewsletterList,\n} from './use-newsletters';\n\nconst FILTERS = [\n  { value: '', label: 'All', title: 'All newsletters' },\n  { value: 'draft', label: 'Drafts', title: 'Drafts' },\n  { value: 'sent', label: 'Sent', title: 'Sent' },\n] as const;\n\ntype Filter = (typeof FILTERS)[number];\nconst COLUMNS = 6;\n\n/** Every newsletter: what it is, where it stands and who touched it last. */\nexport function NewslettersList() {\n  const router = useRouter();\n  const pathname = usePathname();\n  const search = useSearchParams();\n  const filter: Filter =\n    FILTERS.find((f) => f.value === search.get('status')) ?? FILTERS[0];\n  const [page, setPage] = useState(1);\n  const [picking, setPicking] = useState(false);\n  const { canManage } = useNewsletterAccess();\n  const actions = useNewsletterActions();\n  const { data, isLoading, isError, refetch } = useNewsletterList(\n    filter.value || undefined,\n    page,\n  );\n  const setFilter = (value: string) => {\n    setPage(1);\n    router.replace(value ? `${pathname}?status=${value}` : pathname, {\n      scroll: false,\n    });\n  };\n  const items = data?.items ?? [];\n  const total = data?.total ?? 0;\n  const totalPages = Math.max(1, Math.ceil(total / PAGE_SIZE));\n  const create = () => setPicking(true);\n  const empty = (\n    <tr>\n      <td colSpan={COLUMNS} className=\"!p-0\">\n        {filter.value ? (\n          <EmptyState\n            title=\"Nothing matches\"\n            action={\n              <Button\n                size=\"sm\"\n                variant=\"secondary\"\n                onClick={() => setFilter('')}\n              >\n                Clear filter\n              </Button>\n            }\n          />\n        ) : (\n          <EmptyState\n            title=\"No newsletters yet\"\n            action={\n              canManage && (\n                <Button size=\"sm\" onClick={create}>\n                  New newsletter\n                </Button>\n              )\n            }\n          />\n        )}\n      </td>\n    </tr>\n  );\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Newsletters\"\n        actions={canManage && <Button onClick={create}>New newsletter</Button>}\n      />\n      <NewsletterTabs active=\"campaigns\" />\n      <ListCard\n        title={filter.title}\n        count={data ? total : undefined}\n        columns={COLUMNS}\n        minWidth={820}\n        isLoading={isLoading}\n        isError={isError}\n        onRetry={() => void refetch()}\n        errorTitle=\"Failed to load newsletters.\"\n        emptyTitle=\"No newsletters yet\"\n        controls={\n          <FilterChip\n            label=\"Status\"\n            value={filter.value}\n            onChange={setFilter}\n            options={FILTERS.map(({ value, label }) => ({ value, label }))}\n          />\n        }\n        footer={\n          totalPages > 1 && (\n            <ListPager\n              page={page}\n              totalPages={totalPages}\n              total={total}\n              noun=\"newsletters\"\n              onPage={setPage}\n            />\n          )\n        }\n        head={\n          <tr>\n            <Th>Subject</Th>\n            <Th>Layout</Th>\n            <Th align=\"right\">Recipients</Th>\n            <Th>Status</Th>\n            <Th>Last edited</Th>\n            <Th align=\"right\">\n              <span className=\"sr-only\">Actions</span>\n            </Th>\n          </tr>\n        }\n      >\n        {items.length === 0\n          ? empty\n          : items.map((newsletter) => (\n              <NewsletterRow\n                key={newsletter.id}\n                newsletter={newsletter}\n                canManage={canManage}\n                actions={actions}\n              />\n            ))}\n      </ListCard>\n      <LayoutPicker\n        open={picking}\n        creating={actions.creating}\n        onClose={() => setPicking(false)}\n        onPick={actions.createDraft}\n      />\n    </div>\n  );\n}\n"],"mappings":";AA0Dc,cA8DJ,YA9DI;AAxDd,SAAS,gBAAgB;AACzB,SAAS,aAAa,WAAW,uBAAuB;AACxD,SAAS,QAAQ,YAAY,UAAU;AACvC,SAAS,YAAY,kBAAkB;AACvC,SAAS,UAAU,iBAAiB;AACpC,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,UAAU;AAAA,EACd,EAAE,OAAO,IAAI,OAAO,OAAO,OAAO,kBAAkB;AAAA,EACpD,EAAE,OAAO,SAAS,OAAO,UAAU,OAAO,SAAS;AAAA,EACnD,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,OAAO;AAChD;AAGA,MAAM,UAAU;AAGT,SAAS,kBAAkB;AAChC,QAAM,SAAS,UAAU;AACzB,QAAM,WAAW,YAAY;AAC7B,QAAM,SAAS,gBAAgB;AAC/B,QAAM,SACJ,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,OAAO,IAAI,QAAQ,CAAC,KAAK,QAAQ,CAAC;AACpE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,EAAE,UAAU,IAAI,oBAAoB;AAC1C,QAAM,UAAU,qBAAqB;AACrC,QAAM,EAAE,MAAM,WAAW,SAAS,QAAQ,IAAI;AAAA,IAC5C,OAAO,SAAS;AAAA,IAChB;AAAA,EACF;AACA,QAAM,YAAY,CAAC,UAAkB;AACnC,YAAQ,CAAC;AACT,WAAO,QAAQ,QAAQ,GAAG,QAAQ,WAAW,KAAK,KAAK,UAAU;AAAA,MAC/D,QAAQ;AAAA,IACV,CAAC;AAAA,EACH;AACA,QAAM,QAAQ,MAAM,SAAS,CAAC;AAC9B,QAAM,QAAQ,MAAM,SAAS;AAC7B,QAAM,aAAa,KAAK,IAAI,GAAG,KAAK,KAAK,QAAQ,SAAS,CAAC;AAC3D,QAAM,SAAS,MAAM,WAAW,IAAI;AACpC,QAAM,QACJ,oBAAC,QACC,8BAAC,QAAG,SAAS,SAAS,WAAU,QAC7B,iBAAO,QACN;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAAS,MAAM,UAAU,EAAE;AAAA,UAC5B;AAAA;AAAA,MAED;AAAA;AAAA,EAEJ,IAEA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QACE,aACE,oBAAC,UAAO,MAAK,MAAK,SAAS,QAAQ,4BAEnC;AAAA;AAAA,EAGN,GAEJ,GACF;AAGF,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAS,aAAa,oBAAC,UAAO,SAAS,QAAQ,4BAAc;AAAA;AAAA,IAC/D;AAAA,IACA,oBAAC,kBAAe,QAAO,aAAY;AAAA,IACnC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO;AAAA,QACd,OAAO,OAAO,QAAQ;AAAA,QACtB,SAAS;AAAA,QACT,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,SAAS,MAAM,KAAK,QAAQ;AAAA,QAC5B,YAAW;AAAA,QACX,YAAW;AAAA,QACX,UACE;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAO,OAAO;AAAA,YACd,UAAU;AAAA,YACV,SAAS,QAAQ,IAAI,CAAC,EAAE,OAAO,MAAM,OAAO,EAAE,OAAO,MAAM,EAAE;AAAA;AAAA,QAC/D;AAAA,QAEF,QACE,aAAa,KACX;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,MAAK;AAAA,YACL,QAAQ;AAAA;AAAA,QACV;AAAA,QAGJ,MACE,qBAAC,QACC;AAAA,8BAAC,MAAG,qBAAO;AAAA,UACX,oBAAC,MAAG,oBAAM;AAAA,UACV,oBAAC,MAAG,OAAM,SAAQ,wBAAU;AAAA,UAC5B,oBAAC,MAAG,oBAAM;AAAA,UACV,oBAAC,MAAG,yBAAW;AAAA,UACf,oBAAC,MAAG,OAAM,SACR,8BAAC,UAAK,WAAU,WAAU,qBAAO,GACnC;AAAA,WACF;AAAA,QAGD,gBAAM,WAAW,IACd,QACA,MAAM,IAAI,CAAC,eACT;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA;AAAA,YACA;AAAA;AAAA,UAHK,WAAW;AAAA,QAIlB,CACD;AAAA;AAAA,IACP;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,UAAU,QAAQ;AAAA,QAClB,SAAS,MAAM,WAAW,KAAK;AAAA,QAC/B,QAAQ,QAAQ;AAAA;AAAA,IAClB;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/newsletters/not-available.js

@@ -0,0 +1,7 @@
+const isNotAvailable = (error) => error?.status === 404;
+const retryUnlessMissing = (failures, error) => !isNotAvailable(error) && failures < 1;
+export {
+  isNotAvailable,
+  retryUnlessMissing
+};
+//# sourceMappingURL=not-available.js.map

package/dist/admin/newsletters/not-available.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/newsletters/not-available.ts"],"sourcesContent":["/**\n * True when the API answered 404: the route is not on this environment yet.\n * Read from the error's `status`, which `ApiRequestError` carries.\n */\nexport const isNotAvailable = (error: unknown) =>\n  (error as { status?: number } | null)?.status === 404;\n\n/** Do not ask again for a route that is not there; retry anything else once. */\nexport const retryUnlessMissing = (failures: number, error: unknown) =>\n  !isNotAvailable(error) && failures < 1;\n"],"mappings":"AAIO,MAAM,iBAAiB,CAAC,UAC5B,OAAsC,WAAW;AAG7C,MAAM,qBAAqB,CAAC,UAAkB,UACnD,CAAC,eAAe,KAAK,KAAK,WAAW;","names":[]}

package/dist/admin/newsletters/page.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { NewslettersList } from "./newsletters-list";
+function Page() {
+  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(NewslettersList, {}) });
+}
+export {
+  Page as default
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/newsletters/page.tsx"],"sourcesContent":["'use client';\n\nimport { Suspense } from 'react';\nimport { NewslettersList } from './newsletters-list';\n\n/** The filter reads `?status=`, so the list waits on the search params. */\nexport default function Page() {\n  return (\n    <Suspense>\n      <NewslettersList />\n    </Suspense>\n  );\n}\n"],"mappings":";AASM;AAPN,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAGjB,SAAR,OAAwB;AAC7B,SACE,oBAAC,YACC,8BAAC,mBAAgB,GACnB;AAEJ;","names":[]}

package/dist/admin/newsletters/preview-pane.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Monitor, Smartphone } from "lucide-react";
+import { Button, Card, Skeleton, ViewSwitch } from "@withpotter/ui-kit";
+import { useNewsletterPreview } from "./use-newsletters";
+const WIDTHS = [
+  { value: "desktop", label: "Desktop", icon: Monitor },
+  { value: "phone", label: "Phone", icon: Smartphone }
+];
+function PreviewPane({
+  id,
+  version
+}) {
+  const [width, setWidth] = useState("desktop");
+  const { data, isError, isFetching, refetch } = useNewsletterPreview(
+    id,
+    version
+  );
+  return /* @__PURE__ */ jsxs(Card, { padding: "none", className: "overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-[var(--border-subtle)] p-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-[var(--text-primary)]", children: data?.subject || "No subject" }),
+        /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-[var(--text-tertiary)]", children: data?.previewText || "No preview text" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        ViewSwitch,
+        {
+          "aria-label": "Preview width",
+          options: WIDTHS,
+          value: width,
+          onChange: setWidth
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex justify-center bg-[var(--bg-subtle)] p-4",
+        "aria-busy": isFetching || void 0,
+        children: data ? /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            title: "Email preview",
+            sandbox: "",
+            srcDoc: data.html,
+            className: `h-[70vh] w-full rounded-lg border border-[var(--border-subtle)] bg-[var(--bg-base)] ${width === "phone" ? "max-w-[375px]" : "max-w-[680px]"}`
+          }
+        ) : isError ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 py-8 text-sm text-[var(--text-secondary)]", children: [
+          "The preview did not load.",
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: "secondary",
+              onClick: () => void refetch(),
+              children: "Try again"
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx(Skeleton, { className: "h-[70vh] w-full max-w-[680px]" })
+      }
+    )
+  ] });
+}
+export {
+  PreviewPane
+};
+//# sourceMappingURL=preview-pane.js.map

package/dist/admin/newsletters/preview-pane.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/newsletters/preview-pane.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Monitor, Smartphone } from 'lucide-react';\nimport { Button, Card, Skeleton, ViewSwitch } from '@withpotter/ui-kit';\nimport { useNewsletterPreview } from './use-newsletters';\n\ntype Width = 'desktop' | 'phone';\n\nconst WIDTHS: Array<{ value: Width; label: string; icon: typeof Monitor }> = [\n  { value: 'desktop', label: 'Desktop', icon: Monitor },\n  { value: 'phone', label: 'Phone', icon: Smartphone },\n];\n\n/**\n * The email as the server renders it, in a frame that cannot run scripts.\n * `version` changes when there is a newer save to draw.\n */\nexport function PreviewPane({\n  id,\n  version,\n}: {\n  id: string;\n  version: number | string;\n}) {\n  const [width, setWidth] = useState<Width>('desktop');\n  const { data, isError, isFetching, refetch } = useNewsletterPreview(\n    id,\n    version,\n  );\n\n  return (\n    <Card padding=\"none\" className=\"overflow-hidden\">\n      <div className=\"flex items-start justify-between gap-4 border-b border-[var(--border-subtle)] p-4\">\n        <div className=\"min-w-0\">\n          <p className=\"truncate text-sm font-medium text-[var(--text-primary)]\">\n            {data?.subject || 'No subject'}\n          </p>\n          <p className=\"truncate text-xs text-[var(--text-tertiary)]\">\n            {data?.previewText || 'No preview text'}\n          </p>\n        </div>\n        <ViewSwitch\n          aria-label=\"Preview width\"\n          options={WIDTHS}\n          value={width}\n          onChange={setWidth}\n        />\n      </div>\n      <div\n        className=\"flex justify-center bg-[var(--bg-subtle)] p-4\"\n        aria-busy={isFetching || undefined}\n      >\n        {data ? (\n          <iframe\n            title=\"Email preview\"\n            sandbox=\"\"\n            srcDoc={data.html}\n            className={`h-[70vh] w-full rounded-lg border border-[var(--border-subtle)] bg-[var(--bg-base)] ${\n              width === 'phone' ? 'max-w-[375px]' : 'max-w-[680px]'\n            }`}\n          />\n        ) : isError ? (\n          <div className=\"flex flex-col items-center gap-2 py-8 text-sm text-[var(--text-secondary)]\">\n            The preview did not load.\n            <Button\n              size=\"sm\"\n              variant=\"secondary\"\n              onClick={() => void refetch()}\n            >\n              Try again\n            </Button>\n          </div>\n        ) : (\n          <Skeleton className=\"h-[70vh] w-full max-w-[680px]\" />\n        )}\n      </div>\n    </Card>\n  );\n}\n"],"mappings":";AAkCQ,SACE,KADF;AAhCR,SAAS,gBAAgB;AACzB,SAAS,SAAS,kBAAkB;AACpC,SAAS,QAAQ,MAAM,UAAU,kBAAkB;AACnD,SAAS,4BAA4B;AAIrC,MAAM,SAAuE;AAAA,EAC3E,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,QAAQ;AAAA,EACpD,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,WAAW;AACrD;AAMO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAgB,SAAS;AACnD,QAAM,EAAE,MAAM,SAAS,YAAY,QAAQ,IAAI;AAAA,IAC7C;AAAA,IACA;AAAA,EACF;AAEA,SACE,qBAAC,QAAK,SAAQ,QAAO,WAAU,mBAC7B;AAAA,yBAAC,SAAI,WAAU,qFACb;AAAA,2BAAC,SAAI,WAAU,WACb;AAAA,4BAAC,OAAE,WAAU,2DACV,gBAAM,WAAW,cACpB;AAAA,QACA,oBAAC,OAAE,WAAU,gDACV,gBAAM,eAAe,mBACxB;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,cAAW;AAAA,UACX,SAAS;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA;AAAA,MACZ;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAW,cAAc;AAAA,QAExB,iBACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAQ;AAAA,YACR,QAAQ,KAAK;AAAA,YACb,WAAW,uFACT,UAAU,UAAU,kBAAkB,eACxC;AAAA;AAAA,QACF,IACE,UACF,qBAAC,SAAI,WAAU,8EAA6E;AAAA;AAAA,UAE1F;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,SAAS,MAAM,KAAK,QAAQ;AAAA,cAC7B;AAAA;AAAA,UAED;AAAA,WACF,IAEA,oBAAC,YAAS,WAAU,iCAAgC;AAAA;AAAA,IAExD;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/newsletters/problems.js

@@ -0,0 +1,73 @@
+import { announcementOf, digestOf, plainOf } from "./content";
+import { isWebAddress } from "./image-upload";
+const blank = (value) => value.trim() === "";
+const EMPTY_LINK = /\[[^\]]*\]\(\s*\)/;
+function linkProblems(field, markdown) {
+  return EMPTY_LINK.test(markdown) ? [{ field, message: "A link has no address." }] : [];
+}
+function findProblems(draft) {
+  const problems = [];
+  if (blank(draft.subject)) {
+    problems.push({ field: "Subject", message: "Add a subject." });
+  }
+  if (draft.layout === "digest") {
+    const { intro, items } = digestOf(draft.content);
+    const written = items.filter((i) => !blank(i.heading) || !blank(i.text));
+    if (blank(intro) && written.length === 0) {
+      problems.push({
+        field: "Items",
+        message: "Write an intro or at least one item."
+      });
+    }
+    problems.push(...linkProblems("Intro", intro));
+    items.forEach((item, index) => {
+      const name = `Item ${index + 1}`;
+      if (!blank(item.linkLabel) && blank(item.linkUrl)) {
+        problems.push({
+          field: `${name} link address`,
+          message: "The link has a label but no address."
+        });
+      }
+      problems.push(...linkProblems(`${name} text`, item.text));
+    });
+    return problems;
+  }
+  const { heading, body } = draft.layout === "plain" ? plainOf(draft.content) : announcementOf(draft.content);
+  if (blank(heading) && blank(body)) {
+    problems.push({ field: "Body", message: "Write the message." });
+  }
+  problems.push(...linkProblems("Body", body));
+  if (draft.layout === "announcement") {
+    const { imageUrl, buttonLabel, buttonUrl } = announcementOf(draft.content);
+    if (!blank(imageUrl) && !isWebAddress(imageUrl)) {
+      problems.push({
+        field: "Image",
+        message: "The address must start with http:// or https://."
+      });
+    }
+    if (!blank(buttonLabel) && blank(buttonUrl)) {
+      problems.push({
+        field: "Button link",
+        message: "The button has a label but no address."
+      });
+    }
+  }
+  return problems;
+}
+function serverProblems(error) {
+  const refusal = error ?? {};
+  const body = refusal.details ?? {};
+  const list = Array.isArray(body.problems) ? body.problems : [];
+  const lines = list.map((entry) => {
+    if (typeof entry === "string") return entry;
+    const { field, message } = entry ?? {};
+    return [field, message].filter(Boolean).join(": ");
+  }).filter(Boolean);
+  if (lines.length) return lines;
+  return refusal.message ? [refusal.message] : [];
+}
+export {
+  findProblems,
+  serverProblems
+};
+//# sourceMappingURL=problems.js.map

package/dist/admin/newsletters/problems.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/newsletters/problems.ts"],"sourcesContent":["import type { NewsletterDraft } from '@withpotter/lib/admin-newsletters-api';\nimport { announcementOf, digestOf, plainOf } from './content';\nimport { isWebAddress } from './image-upload';\n\n/** Something that stops a send, and the field to fix it in. */\nexport interface Problem {\n  field: string;\n  message: string;\n}\n\nconst blank = (value: string) => value.trim() === '';\n/** A markdown link written with nothing between the brackets' parentheses. */\nconst EMPTY_LINK = /\\[[^\\]]*\\]\\(\\s*\\)/;\n\nfunction linkProblems(field: string, markdown: string): Problem[] {\n  return EMPTY_LINK.test(markdown)\n    ? [{ field, message: 'A link has no address.' }]\n    : [];\n}\n\n/** What can be checked before asking the server: the draft itself. */\nexport function findProblems(draft: NewsletterDraft): Problem[] {\n  const problems: Problem[] = [];\n\n  if (blank(draft.subject)) {\n    problems.push({ field: 'Subject', message: 'Add a subject.' });\n  }\n\n  if (draft.layout === 'digest') {\n    const { intro, items } = digestOf(draft.content);\n    const written = items.filter((i) => !blank(i.heading) || !blank(i.text));\n\n    if (blank(intro) && written.length === 0) {\n      problems.push({\n        field: 'Items',\n        message: 'Write an intro or at least one item.',\n      });\n    }\n\n    problems.push(...linkProblems('Intro', intro));\n    items.forEach((item, index) => {\n      const name = `Item ${index + 1}`;\n\n      if (!blank(item.linkLabel) && blank(item.linkUrl)) {\n        problems.push({\n          field: `${name} link address`,\n          message: 'The link has a label but no address.',\n        });\n      }\n\n      problems.push(...linkProblems(`${name} text`, item.text));\n    });\n\n    return problems;\n  }\n\n  const { heading, body } =\n    draft.layout === 'plain'\n      ? plainOf(draft.content)\n      : announcementOf(draft.content);\n\n  if (blank(heading) && blank(body)) {\n    problems.push({ field: 'Body', message: 'Write the message.' });\n  }\n\n  problems.push(...linkProblems('Body', body));\n\n  if (draft.layout === 'announcement') {\n    const { imageUrl, buttonLabel, buttonUrl } = announcementOf(draft.content);\n\n    // No image is fine. One that an email cannot load is not.\n    if (!blank(imageUrl) && !isWebAddress(imageUrl)) {\n      problems.push({\n        field: 'Image',\n        message: 'The address must start with http:// or https://.',\n      });\n    }\n\n    if (!blank(buttonLabel) && blank(buttonUrl)) {\n      problems.push({\n        field: 'Button link',\n        message: 'The button has a label but no address.',\n      });\n    }\n  }\n\n  return problems;\n}\n\ntype Refusal = { status?: number; message?: string; details?: unknown };\n\n/**\n * The problems a refused send (400) came back with, as lines to show. Reads\n * `problems` from the response body: strings, or `{ field, message }`. With\n * no list, the error's own message is the one problem.\n */\nexport function serverProblems(error: unknown): string[] {\n  const refusal = (error ?? {}) as Refusal;\n  const body = (refusal.details ?? {}) as { problems?: unknown };\n  const list = Array.isArray(body.problems) ? body.problems : [];\n  const lines = list\n    .map((entry) => {\n      if (typeof entry === 'string') return entry;\n\n      const { field, message } = (entry ?? {}) as Partial<Problem>;\n\n      return [field, message].filter(Boolean).join(': ');\n    })\n    .filter(Boolean);\n\n  if (lines.length) return lines;\n\n  return refusal.message ? [refusal.message] : [];\n}\n"],"mappings":"AACA,SAAS,gBAAgB,UAAU,eAAe;AAClD,SAAS,oBAAoB;AAQ7B,MAAM,QAAQ,CAAC,UAAkB,MAAM,KAAK,MAAM;AAElD,MAAM,aAAa;AAEnB,SAAS,aAAa,OAAe,UAA6B;AAChE,SAAO,WAAW,KAAK,QAAQ,IAC3B,CAAC,EAAE,OAAO,SAAS,yBAAyB,CAAC,IAC7C,CAAC;AACP;AAGO,SAAS,aAAa,OAAmC;AAC9D,QAAM,WAAsB,CAAC;AAE7B,MAAI,MAAM,MAAM,OAAO,GAAG;AACxB,aAAS,KAAK,EAAE,OAAO,WAAW,SAAS,iBAAiB,CAAC;AAAA,EAC/D;AAEA,MAAI,MAAM,WAAW,UAAU;AAC7B,UAAM,EAAE,OAAO,MAAM,IAAI,SAAS,MAAM,OAAO;AAC/C,UAAM,UAAU,MAAM,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvE,QAAI,MAAM,KAAK,KAAK,QAAQ,WAAW,GAAG;AACxC,eAAS,KAAK;AAAA,QACZ,OAAO;AAAA,QACP,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAEA,aAAS,KAAK,GAAG,aAAa,SAAS,KAAK,CAAC;AAC7C,UAAM,QAAQ,CAAC,MAAM,UAAU;AAC7B,YAAM,OAAO,QAAQ,QAAQ,CAAC;AAE9B,UAAI,CAAC,MAAM,KAAK,SAAS,KAAK,MAAM,KAAK,OAAO,GAAG;AACjD,iBAAS,KAAK;AAAA,UACZ,OAAO,GAAG,IAAI;AAAA,UACd,SAAS;AAAA,QACX,CAAC;AAAA,MACH;AAEA,eAAS,KAAK,GAAG,aAAa,GAAG,IAAI,SAAS,KAAK,IAAI,CAAC;AAAA,IAC1D,CAAC;AAED,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,SAAS,KAAK,IACpB,MAAM,WAAW,UACb,QAAQ,MAAM,OAAO,IACrB,eAAe,MAAM,OAAO;AAElC,MAAI,MAAM,OAAO,KAAK,MAAM,IAAI,GAAG;AACjC,aAAS,KAAK,EAAE,OAAO,QAAQ,SAAS,qBAAqB,CAAC;AAAA,EAChE;AAEA,WAAS,KAAK,GAAG,aAAa,QAAQ,IAAI,CAAC;AAE3C,MAAI,MAAM,WAAW,gBAAgB;AACnC,UAAM,EAAE,UAAU,aAAa,UAAU,IAAI,eAAe,MAAM,OAAO;AAGzE,QAAI,CAAC,MAAM,QAAQ,KAAK,CAAC,aAAa,QAAQ,GAAG;AAC/C,eAAS,KAAK;AAAA,QACZ,OAAO;AAAA,QACP,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAEA,QAAI,CAAC,MAAM,WAAW,KAAK,MAAM,SAAS,GAAG;AAC3C,eAAS,KAAK;AAAA,QACZ,OAAO;AAAA,QACP,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;AASO,SAAS,eAAe,OAA0B;AACvD,QAAM,UAAW,SAAS,CAAC;AAC3B,QAAM,OAAQ,QAAQ,WAAW,CAAC;AAClC,QAAM,OAAO,MAAM,QAAQ,KAAK,QAAQ,IAAI,KAAK,WAAW,CAAC;AAC7D,QAAM,QAAQ,KACX,IAAI,CAAC,UAAU;AACd,QAAI,OAAO,UAAU,SAAU,QAAO;AAEtC,UAAM,EAAE,OAAO,QAAQ,IAAK,SAAS,CAAC;AAEtC,WAAO,CAAC,OAAO,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI;AAAA,EACnD,CAAC,EACA,OAAO,OAAO;AAEjB,MAAI,MAAM,OAAQ,QAAO;AAEzB,SAAO,QAAQ,UAAU,CAAC,QAAQ,OAAO,IAAI,CAAC;AAChD;","names":[]}

package/dist/admin/newsletters/recipient-row.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Button, Checkbox } from "@withpotter/ui-kit";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import list from "../_ui/list-card.module.css";
+import { EMPTY } from "../_ui/list-card";
+import rows from "../accounts/rows.module.css";
+import { When } from "../audit/when";
+import { contactHref } from "./audience/contacts";
+import { deliveryBadge, reasonOf, timeOf } from "./deliveries";
+import { canRetry } from "./retry-selection";
+function RecipientRow({
+  delivery,
+  canManage,
+  ticked,
+  retrying,
+  onTick,
+  onRetry
+}) {
+  const status = deliveryBadge(delivery);
+  const reason = reasonOf(delivery);
+  const failed = canRetry(delivery);
+  const badge = /* @__PURE__ */ jsx(
+    StatusBadge,
+    {
+      variant: "dot",
+      status: status.key,
+      label: status.label,
+      neutral: status.quiet
+    }
+  );
+  return /* @__PURE__ */ jsxs("tr", { children: [
+    canManage && /* @__PURE__ */ jsx("td", { className: "w-10", children: failed && /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        checked: ticked,
+        onChange: onTick,
+        "aria-label": `Select ${delivery.email}`
+      }
+    ) }),
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("span", { className: rows.identityText, children: [
+      delivery.contactId ? /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: contactHref(delivery.contactId),
+          className: rows.primary,
+          children: delivery.email
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: rows.primary, children: delivery.email }),
+      delivery.name && /* @__PURE__ */ jsx("span", { className: rows.secondary, children: delivery.name })
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { className: list.nowrap, children: badge }),
+    /* @__PURE__ */ jsx("td", { className: reason ? void 0 : list.dash, children: reason ?? EMPTY }),
+    /* @__PURE__ */ jsx("td", { className: list.num, children: delivery.attempts }),
+    /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: /* @__PURE__ */ jsx(When, { iso: timeOf(delivery) }) }),
+    canManage && /* @__PURE__ */ jsx("td", { className: rows.menuCell, children: failed && /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        variant: "secondary",
+        loading: retrying,
+        "aria-label": `Retry ${delivery.email}`,
+        onClick: onRetry,
+        children: "Retry"
+      }
+    ) })
+  ] });
+}
+export {
+  RecipientRow
+};
+//# sourceMappingURL=recipient-row.js.map

package/dist/admin/newsletters/recipient-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/newsletters/recipient-row.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { Button, Checkbox } from \"@withpotter/ui-kit\";\nimport { StatusBadge } from \"@withpotter/components/shared/status-badge\";\nimport type { Delivery } from \"@withpotter/lib/admin-newsletter-deliveries-api\";\nimport list from \"../_ui/list-card.module.css\";\nimport { EMPTY } from \"../_ui/list-card\";\nimport rows from \"../accounts/rows.module.css\";\nimport { When } from \"../audit/when\";\nimport { contactHref } from \"./audience/contacts\";\nimport { deliveryBadge, reasonOf, timeOf } from \"./deliveries\";\nimport { canRetry } from \"./retry-selection\";\n\n/** One address in a send: what happened to it, why, and when. */\nexport function RecipientRow({\n  delivery,\n  canManage,\n  ticked,\n  retrying,\n  onTick,\n  onRetry,\n}: {\n  delivery: Delivery;\n  canManage: boolean;\n  ticked: boolean;\n  retrying: boolean;\n  onTick: () => void;\n  onRetry: () => void;\n}) {\n  const status = deliveryBadge(delivery);\n  const reason = reasonOf(delivery);\n  const failed = canRetry(delivery);\n  const badge = (\n    <StatusBadge\n      variant=\"dot\"\n      status={status.key}\n      label={status.label}\n      neutral={status.quiet}\n    />\n  );\n\n  return (\n    <tr>\n      {canManage && (\n        <td className=\"w-10\">\n          {failed && (\n            <Checkbox\n              checked={ticked}\n              onChange={onTick}\n              aria-label={`Select ${delivery.email}`}\n            />\n          )}\n        </td>\n      )}\n      <td>\n        <span className={rows.identityText}>\n          {delivery.contactId ? (\n            <Link\n              href={contactHref(delivery.contactId)}\n              className={rows.primary}\n            >\n              {delivery.email}\n            </Link>\n          ) : (\n            <span className={rows.primary}>{delivery.email}</span>\n          )}\n          {delivery.name && (\n            <span className={rows.secondary}>{delivery.name}</span>\n          )}\n        </span>\n      </td>\n      <td className={list.nowrap}>{badge}</td>\n      <td className={reason ? undefined : list.dash}>{reason ?? EMPTY}</td>\n      <td className={list.num}>{delivery.attempts}</td>\n      <td className={`${list.nowrap} ${list.muted}`}>\n        <When iso={timeOf(delivery)} />\n      </td>\n      {canManage && (\n        <td className={rows.menuCell}>\n          {failed && (\n            <Button\n              size=\"sm\"\n              variant=\"secondary\"\n              loading={retrying}\n              aria-label={`Retry ${delivery.email}`}\n              onClick={onRetry}\n            >\n              Retry\n            </Button>\n          )}\n        </td>\n      )}\n    </tr>\n  );\n}\n"],"mappings":";AAkCI,cAsBI,YAtBJ;AAhCJ,OAAO,UAAU;AACjB,SAAS,QAAQ,gBAAgB;AACjC,SAAS,mBAAmB;AAE5B,OAAO,UAAU;AACjB,SAAS,aAAa;AACtB,OAAO,UAAU;AACjB,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B,SAAS,eAAe,UAAU,cAAc;AAChD,SAAS,gBAAgB;AAGlB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,SAAS,cAAc,QAAQ;AACrC,QAAM,SAAS,SAAS,QAAQ;AAChC,QAAM,SAAS,SAAS,QAAQ;AAChC,QAAM,QACJ;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,QAAQ,OAAO;AAAA,MACf,OAAO,OAAO;AAAA,MACd,SAAS,OAAO;AAAA;AAAA,EAClB;AAGF,SACE,qBAAC,QACE;AAAA,iBACC,oBAAC,QAAG,WAAU,QACX,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV,cAAY,UAAU,SAAS,KAAK;AAAA;AAAA,IACtC,GAEJ;AAAA,IAEF,oBAAC,QACC,+BAAC,UAAK,WAAW,KAAK,cACnB;AAAA,eAAS,YACR;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,YAAY,SAAS,SAAS;AAAA,UACpC,WAAW,KAAK;AAAA,UAEf,mBAAS;AAAA;AAAA,MACZ,IAEA,oBAAC,UAAK,WAAW,KAAK,SAAU,mBAAS,OAAM;AAAA,MAEhD,SAAS,QACR,oBAAC,UAAK,WAAW,KAAK,WAAY,mBAAS,MAAK;AAAA,OAEpD,GACF;AAAA,IACA,oBAAC,QAAG,WAAW,KAAK,QAAS,iBAAM;AAAA,IACnC,oBAAC,QAAG,WAAW,SAAS,SAAY,KAAK,MAAO,oBAAU,OAAM;AAAA,IAChE,oBAAC,QAAG,WAAW,KAAK,KAAM,mBAAS,UAAS;AAAA,IAC5C,oBAAC,QAAG,WAAW,GAAG,KAAK,MAAM,IAAI,KAAK,KAAK,IACzC,8BAAC,QAAK,KAAK,OAAO,QAAQ,GAAG,GAC/B;AAAA,IACC,aACC,oBAAC,QAAG,WAAW,KAAK,UACjB,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAAS;AAAA,QACT,cAAY,SAAS,SAAS,KAAK;AAAA,QACnC,SAAS;AAAA,QACV;AAAA;AAAA,IAED,GAEJ;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/newsletters/recipients-empty.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@withpotter/ui-kit";
+import { EmptyState } from "../_ui";
+function RecipientsEmpty({
+  columns,
+  missing,
+  filtered,
+  onClear
+}) {
+  return /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: columns, className: "!p-0", children: missing ? /* @__PURE__ */ jsx(EmptyState, { title: "Recipients could not be loaded" }) : filtered ? /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      title: "No recipients match",
+      action: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: onClear, children: "Clear filters" })
+    }
+  ) : /* @__PURE__ */ jsx(EmptyState, { title: "No recipients recorded" }) }) });
+}
+export {
+  RecipientsEmpty
+};
+//# sourceMappingURL=recipients-empty.js.map

package/dist/admin/newsletters/recipients-empty.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/newsletters/recipients-empty.tsx"],"sourcesContent":["import { Button } from '@withpotter/ui-kit';\nimport { EmptyState } from '../_ui';\n\n/**\n * The Recipients table with no rows to draw, and why: the API does not have\n * the list yet, the filters match nothing, or the send recorded no one.\n */\nexport function RecipientsEmpty({\n  columns,\n  missing,\n  filtered,\n  onClear,\n}: {\n  columns: number;\n  missing: boolean;\n  filtered: boolean;\n  onClear: () => void;\n}) {\n  return (\n    <tr>\n      <td colSpan={columns} className=\"!p-0\">\n        {missing ? (\n          <EmptyState title=\"Recipients could not be loaded\" />\n        ) : filtered ? (\n          <EmptyState\n            title=\"No recipients match\"\n            action={\n              <Button size=\"sm\" variant=\"secondary\" onClick={onClear}>\n                Clear filters\n              </Button>\n            }\n          />\n        ) : (\n          <EmptyState title=\"No recipients recorded\" />\n        )}\n      </td>\n    </tr>\n  );\n}\n"],"mappings":"AAsBU;AAtBV,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAMpB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE,oBAAC,QACC,8BAAC,QAAG,SAAS,SAAS,WAAU,QAC7B,oBACC,oBAAC,cAAW,OAAM,kCAAiC,IACjD,WACF;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QACE,oBAAC,UAAO,MAAK,MAAK,SAAQ,aAAY,SAAS,SAAS,2BAExD;AAAA;AAAA,EAEJ,IAEA,oBAAC,cAAW,OAAM,0BAAyB,GAE/C,GACF;AAEJ;","names":[]}

package/dist/admin/newsletters/recipients-selection.js

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@withpotter/ui-kit";
+import { retryLabel } from "./retry-selection";
+function RecipientsSelection({
+  box,
+  count,
+  retrying,
+  onRetry,
+  onClear
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex flex-wrap items-center gap-2",
+      role: "toolbar",
+      "aria-label": "Selected recipients",
+      children: [
+        box,
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--text-secondary)]", "aria-live": "polite", children: [
+          count,
+          " selected"
+        ] }),
+        /* @__PURE__ */ jsx(Button, { size: "sm", loading: retrying, onClick: onRetry, children: retryLabel(count) }),
+        /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: onClear, children: "Clear" })
+      ]
+    }
+  );
+}
+export {
+  RecipientsSelection
+};
+//# sourceMappingURL=recipients-selection.js.map

package/dist/admin/newsletters/recipients-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/newsletters/recipients-selection.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Button } from '@withpotter/ui-kit';\nimport { retryLabel } from './retry-selection';\n\n/**\n * What the table's header row becomes while rows are ticked: the select-all\n * box, how many are ticked, and the one thing to do with them.\n */\nexport function RecipientsSelection({\n  box,\n  count,\n  retrying,\n  onRetry,\n  onClear,\n}: {\n  box: ReactNode;\n  count: number;\n  retrying: boolean;\n  onRetry: () => void;\n  onClear: () => void;\n}) {\n  return (\n    <div\n      className=\"flex flex-wrap items-center gap-2\"\n      role=\"toolbar\"\n      aria-label=\"Selected recipients\"\n    >\n      {box}\n      <span className=\"text-xs text-[var(--text-secondary)]\" aria-live=\"polite\">\n        {count} selected\n      </span>\n      <Button size=\"sm\" loading={retrying} onClick={onRetry}>\n        {retryLabel(count)}\n      </Button>\n      <Button size=\"sm\" variant=\"ghost\" onClick={onClear}>\n        Clear\n      </Button>\n    </div>\n  );\n}\n"],"mappings":"AA4BM,SAGA,KAHA;AA3BN,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAMpB,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAW;AAAA,MAEV;AAAA;AAAA,QACD,qBAAC,UAAK,WAAU,wCAAuC,aAAU,UAC9D;AAAA;AAAA,UAAM;AAAA,WACT;AAAA,QACA,oBAAC,UAAO,MAAK,MAAK,SAAS,UAAU,SAAS,SAC3C,qBAAW,KAAK,GACnB;AAAA,QACA,oBAAC,UAAO,MAAK,MAAK,SAAQ,SAAQ,SAAS,SAAS,mBAEpD;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/admin/newsletters/recipients-tab.js

@@ -0,0 +1,172 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import {
+  Checkbox,
+  FilterChip,
+  OverflowItem,
+  OverflowMenu,
+  Th
+} from "@withpotter/ui-kit";
+import { FilterSearch, Filters } from "../_ui";
+import { ListCard, ListPager } from "../_ui/list-card";
+import { statusOptions, statusFromParam } from "./deliveries";
+import { isNotAvailable } from "./not-available";
+import { RecipientRow } from "./recipient-row";
+import { RecipientsEmpty } from "./recipients-empty";
+import { RecipientsSelection } from "./recipients-selection";
+import {
+  idsToRetry,
+  pageState,
+  toggleOne,
+  togglePage
+} from "./retry-selection";
+import { useDeliveries, useDeliveryActions } from "./use-deliveries";
+import { PAGE_SIZE, useNewsletterAccess } from "./use-newsletters";
+function RecipientsTab({ newsletter }) {
+  const router = useRouter();
+  const pathname = usePathname();
+  const params = useSearchParams();
+  const status = statusFromParam(params.get("status"));
+  const [search, setSearch] = useState("");
+  const scope = `${status ?? ""}|${search}`;
+  const [paging, setPaging] = useState({ scope, page: 1 });
+  const page = paging.scope === scope ? paging.page : 1;
+  const [selected, setSelected] = useState(/* @__PURE__ */ new Set());
+  const { canManage } = useNewsletterAccess();
+  const actions = useDeliveryActions(newsletter.id);
+  const { data, error, isLoading, isError, refetch } = useDeliveries(
+    newsletter.id,
+    { status, search },
+    page,
+    newsletter.status === "sending",
+    newsletter.sentAt
+  );
+  const missing = isNotAvailable(error);
+  const items = data?.items ?? [];
+  const total = data?.total ?? 0;
+  const totalPages = Math.max(1, Math.ceil(total / PAGE_SIZE));
+  const filtered = Boolean(status || search.trim());
+  const columns = canManage ? 7 : 5;
+  const box = pageState(selected, items);
+  const setStatus = (value) => {
+    const next = new URLSearchParams(params.toString());
+    if (value) next.set("status", value);
+    else next.delete("status");
+    router.replace(`${pathname}?${next.toString()}`, { scroll: false });
+  };
+  const clearFilters = () => {
+    setSearch("");
+    setStatus("");
+  };
+  const retry = async (ids) => {
+    if (await actions.retryRows(ids)) setSelected(/* @__PURE__ */ new Set());
+  };
+  const selectAll = /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      checked: box.all,
+      indeterminate: box.some,
+      disabled: !box.selectable,
+      onChange: () => setSelected(togglePage(selected, items)),
+      "aria-label": box.all ? "Clear selection" : "Select every failed row on this page"
+    }
+  );
+  const state = /* @__PURE__ */ jsx(
+    RecipientsEmpty,
+    {
+      columns,
+      missing,
+      filtered,
+      onClear: clearFilters
+    }
+  );
+  return /* @__PURE__ */ jsx(
+    ListCard,
+    {
+      title: "Recipients",
+      count: data ? total : void 0,
+      columns,
+      minWidth: 860,
+      isLoading,
+      isError: isError && !missing,
+      onRetry: () => void refetch(),
+      errorTitle: "Failed to load recipients.",
+      emptyTitle: "No recipients recorded",
+      selection: canManage && selected.size > 0 ? /* @__PURE__ */ jsx(
+        RecipientsSelection,
+        {
+          box: selectAll,
+          count: selected.size,
+          retrying: actions.retrying.length > 0,
+          onRetry: () => void retry(idsToRetry(selected, items)),
+          onClear: () => setSelected(/* @__PURE__ */ new Set())
+        }
+      ) : void 0,
+      controls: /* @__PURE__ */ jsxs(Filters, { label: "Filter recipients", children: [
+        /* @__PURE__ */ jsx(
+          FilterSearch,
+          {
+            value: search,
+            onChange: setSearch,
+            placeholder: "Search by email\u2026",
+            label: "Search recipients by email"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FilterChip,
+          {
+            label: "Status",
+            value: status ?? "",
+            onChange: setStatus,
+            options: statusOptions(newsletter.outcomes)
+          }
+        ),
+        /* @__PURE__ */ jsx(OverflowMenu, { label: "Export", children: /* @__PURE__ */ jsx(
+          OverflowItem,
+          {
+            onClick: () => void actions.exportCsv(status),
+            disabled: actions.exporting || missing || !total,
+            children: actions.exporting ? "Exporting\u2026" : "Export CSV"
+          }
+        ) })
+      ] }),
+      footer: totalPages > 1 && /* @__PURE__ */ jsx(
+        ListPager,
+        {
+          page,
+          totalPages,
+          total,
+          noun: "recipients",
+          onPage: (next) => setPaging({ scope, page: next })
+        }
+      ),
+      head: /* @__PURE__ */ jsxs("tr", { children: [
+        canManage && /* @__PURE__ */ jsx(Th, { className: "w-10", children: selectAll }),
+        /* @__PURE__ */ jsx(Th, { children: "Email and name" }),
+        /* @__PURE__ */ jsx(Th, { children: "Status" }),
+        /* @__PURE__ */ jsx(Th, { children: "Reason" }),
+        /* @__PURE__ */ jsx(Th, { align: "right", children: "Tries" }),
+        /* @__PURE__ */ jsx(Th, { children: "Time" }),
+        canManage && /* @__PURE__ */ jsx(Th, { align: "right", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Actions" }) })
+      ] }),
+      children: missing || items.length === 0 ? state : items.map((delivery) => /* @__PURE__ */ jsx(
+        RecipientRow,
+        {
+          delivery,
+          canManage,
+          ticked: selected.has(delivery.id),
+          retrying: actions.retrying.includes(delivery.id),
+          onTick: () => setSelected(toggleOne(selected, delivery.id)),
+          onRetry: () => void retry([delivery.id])
+        },
+        delivery.id
+      ))
+    }
+  );
+}
+export {
+  RecipientsTab
+};
+//# sourceMappingURL=recipients-tab.js.map

package/dist/admin/newsletters/recipients-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/newsletters/recipients-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { usePathname, useRouter, useSearchParams } from \"next/navigation\";\nimport {\n  Checkbox,\n  FilterChip,\n  OverflowItem,\n  OverflowMenu,\n  Th,\n} from \"@withpotter/ui-kit\";\nimport type { Newsletter } from \"@withpotter/lib/admin-newsletters-api\";\nimport { FilterSearch, Filters } from \"../_ui\";\nimport { ListCard, ListPager } from \"../_ui/list-card\";\nimport { statusOptions, statusFromParam } from \"./deliveries\";\nimport { isNotAvailable } from \"./not-available\";\nimport { RecipientRow } from \"./recipient-row\";\nimport { RecipientsEmpty } from \"./recipients-empty\";\nimport { RecipientsSelection } from \"./recipients-selection\";\nimport {\n  idsToRetry,\n  pageState,\n  toggleOne,\n  togglePage,\n} from \"./retry-selection\";\nimport { useDeliveries, useDeliveryActions } from \"./use-deliveries\";\nimport { PAGE_SIZE, useNewsletterAccess } from \"./use-newsletters\";\n\n/**\n * Every address of one send: what happened to each, and why. The status\n * filter lives in `?status=`, so the counts on the Email tab can link to it.\n */\nexport function RecipientsTab({ newsletter }: { newsletter: Newsletter }) {\n  const router = useRouter();\n  const pathname = usePathname();\n  const params = useSearchParams();\n  const status = statusFromParam(params.get(\"status\"));\n  const [search, setSearch] = useState(\"\");\n  // The page belongs to one filter: a new status or search starts at page 1.\n  const scope = `${status ?? \"\"}|${search}`;\n  const [paging, setPaging] = useState({ scope, page: 1 });\n  const page = paging.scope === scope ? paging.page : 1;\n  const [selected, setSelected] = useState<ReadonlySet<string>>(new Set());\n  const { canManage } = useNewsletterAccess();\n  const actions = useDeliveryActions(newsletter.id);\n  const { data, error, isLoading, isError, refetch } = useDeliveries(\n    newsletter.id,\n    { status, search },\n    page,\n    newsletter.status === \"sending\",\n    newsletter.sentAt\n  );\n  const missing = isNotAvailable(error);\n  const items = data?.items ?? [];\n  const total = data?.total ?? 0;\n  const totalPages = Math.max(1, Math.ceil(total / PAGE_SIZE));\n  const filtered = Boolean(status || search.trim());\n  const columns = canManage ? 7 : 5;\n  const box = pageState(selected, items);\n  const setStatus = (value: string) => {\n    const next = new URLSearchParams(params.toString());\n\n    if (value) next.set(\"status\", value);\n    else next.delete(\"status\");\n\n    router.replace(`${pathname}?${next.toString()}`, { scroll: false });\n  };\n  const clearFilters = () => {\n    setSearch(\"\");\n    setStatus(\"\");\n  };\n  const retry = async (ids: string[]) => {\n    if (await actions.retryRows(ids)) setSelected(new Set());\n  };\n  const selectAll = (\n    <Checkbox\n      checked={box.all}\n      indeterminate={box.some}\n      disabled={!box.selectable}\n      onChange={() => setSelected(togglePage(selected, items))}\n      aria-label={\n        box.all ? \"Clear selection\" : \"Select every failed row on this page\"\n      }\n    />\n  );\n  const state = (\n    <RecipientsEmpty\n      columns={columns}\n      missing={missing}\n      filtered={filtered}\n      onClear={clearFilters}\n    />\n  );\n\n  return (\n    <ListCard\n      title=\"Recipients\"\n      count={data ? total : undefined}\n      columns={columns}\n      minWidth={860}\n      isLoading={isLoading}\n      isError={isError && !missing}\n      onRetry={() => void refetch()}\n      errorTitle=\"Failed to load recipients.\"\n      emptyTitle=\"No recipients recorded\"\n      selection={\n        canManage && selected.size > 0 ? (\n          <RecipientsSelection\n            box={selectAll}\n            count={selected.size}\n            retrying={actions.retrying.length > 0}\n            onRetry={() => void retry(idsToRetry(selected, items))}\n            onClear={() => setSelected(new Set())}\n          />\n        ) : undefined\n      }\n      controls={\n        <Filters label=\"Filter recipients\">\n          <FilterSearch\n            value={search}\n            onChange={setSearch}\n            placeholder=\"Search by email…\"\n            label=\"Search recipients by email\"\n          />\n          <FilterChip\n            label=\"Status\"\n            value={status ?? \"\"}\n            onChange={setStatus}\n            options={statusOptions(newsletter.outcomes)}\n          />\n          <OverflowMenu label=\"Export\">\n            <OverflowItem\n              onClick={() => void actions.exportCsv(status)}\n              disabled={actions.exporting || missing || !total}\n            >\n              {actions.exporting ? \"Exporting…\" : \"Export CSV\"}\n            </OverflowItem>\n          </OverflowMenu>\n        </Filters>\n      }\n      footer={\n        totalPages > 1 && (\n          <ListPager\n            page={page}\n            totalPages={totalPages}\n            total={total}\n            noun=\"recipients\"\n            onPage={(next) => setPaging({ scope, page: next })}\n          />\n        )\n      }\n      head={\n        <tr>\n          {canManage && <Th className=\"w-10\">{selectAll}</Th>}\n          <Th>Email and name</Th>\n          <Th>Status</Th>\n          <Th>Reason</Th>\n          <Th align=\"right\">Tries</Th>\n          <Th>Time</Th>\n          {canManage && (\n            <Th align=\"right\">\n              <span className=\"sr-only\">Actions</span>\n            </Th>\n          )}\n        </tr>\n      }\n    >\n      {missing || items.length === 0\n        ? state\n        : items.map((delivery) => (\n            <RecipientRow\n              key={delivery.id}\n              delivery={delivery}\n              canManage={canManage}\n              ticked={selected.has(delivery.id)}\n              retrying={actions.retrying.includes(delivery.id)}\n              onTick={() => setSelected(toggleOne(selected, delivery.id))}\n              onRetry={() => void retry([delivery.id])}\n            />\n          ))}\n    </ListCard>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/newsletters/record-header.js

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Breadcrumbs } from "@withpotter/ui-kit";
+function RecordHeader({
+  title,
+  parent,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "adm-page-header", children: [
+    /* @__PURE__ */ jsx("h1", { className: "sr-only", children: title }),
+    /* @__PURE__ */ jsx(
+      Breadcrumbs,
+      {
+        size: "lg",
+        className: "min-w-0",
+        items: [
+          { label: "Newsletters", href: "/admin/newsletters" },
+          ...parent ? [parent] : [],
+          { label: title }
+        ]
+      }
+    ),
+    children && /* @__PURE__ */ jsx("div", { className: "adm-page-actions items-center", children })
+  ] });
+}
+export {
+  RecordHeader
+};
+//# sourceMappingURL=record-header.js.map

package/dist/admin/newsletters/record-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/newsletters/record-header.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Breadcrumbs } from '@withpotter/ui-kit';\n\n/**\n * The header of one record: the trail back to the list as the title,\n * and the record's actions on the right.\n */\nexport function RecordHeader({\n  title,\n  parent,\n  children,\n}: {\n  title: string;\n  /** A page between Newsletters and this record, such as Audience. */\n  parent?: { label: string; href: string };\n  children?: ReactNode;\n}) {\n  return (\n    <div className=\"adm-page-header\">\n      <h1 className=\"sr-only\">{title}</h1>\n      <Breadcrumbs\n        size=\"lg\"\n        className=\"min-w-0\"\n        items={[\n          { label: 'Newsletters', href: '/admin/newsletters' },\n          ...(parent ? [parent] : []),\n          { label: title },\n        ]}\n      />\n      {children && (\n        <div className=\"adm-page-actions items-center\">{children}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"AAkBI,SACE,KADF;AAjBJ,SAAS,mBAAmB;AAMrB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE,qBAAC,SAAI,WAAU,mBACb;AAAA,wBAAC,QAAG,WAAU,WAAW,iBAAM;AAAA,IAC/B;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAO;AAAA,UACL,EAAE,OAAO,eAAe,MAAM,qBAAqB;AAAA,UACnD,GAAI,SAAS,CAAC,MAAM,IAAI,CAAC;AAAA,UACzB,EAAE,OAAO,MAAM;AAAA,QACjB;AAAA;AAAA,IACF;AAAA,IACC,YACC,oBAAC,SAAI,WAAU,iCAAiC,UAAS;AAAA,KAE7D;AAEJ;","names":[]}

package/dist/admin/newsletters/retry-selection.js

@@ -0,0 +1,45 @@
+const RETRY_LIMIT = 500;
+const canRetry = (row) => row.status === "failed";
+const retryableIds = (rows) => rows.filter(canRetry).map((row) => row.id);
+function toggleOne(selected, id) {
+  const next = new Set(selected);
+  if (!next.delete(id)) next.add(id);
+  return next;
+}
+function togglePage(selected, rows) {
+  const ids = retryableIds(rows);
+  const next = new Set(selected);
+  const all = ids.length > 0 && ids.every((id) => next.has(id));
+  for (const id of ids) {
+    if (all) next.delete(id);
+    else next.add(id);
+  }
+  return next;
+}
+function pageState(selected, rows) {
+  const ids = retryableIds(rows);
+  const ticked = ids.filter((id) => selected.has(id)).length;
+  return {
+    selectable: ids.length > 0,
+    all: ids.length > 0 && ticked === ids.length,
+    some: ticked > 0 && ticked < ids.length
+  };
+}
+function idsToRetry(selected, rows) {
+  const settled = new Set(
+    rows.filter((row) => !canRetry(row)).map((row) => row.id)
+  );
+  return [...selected].filter((id) => !settled.has(id)).slice(0, RETRY_LIMIT);
+}
+const retryLabel = (n) => `Retry ${new Intl.NumberFormat("en").format(n)} selected`;
+export {
+  RETRY_LIMIT,
+  canRetry,
+  idsToRetry,
+  pageState,
+  retryLabel,
+  retryableIds,
+  toggleOne,
+  togglePage
+};
+//# sourceMappingURL=retry-selection.js.map