@withpotter/pages-admin 0.13.0-next.101

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/login/page.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useRouter } from 'next/navigation';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { TrendingUp } from 'lucide-react';\nimport { Button, Input } from '@withpotter/ui-kit';\nimport {\n  platformAdminApi,\n  type AdminLoginCodeRequired,\n} from '@withpotter/lib/admin-api';\nimport { adminReturnPath } from '@withpotter/lib/api/session-scope';\nimport { ADMIN_NAME, useAdminBrand } from '../_shell/admin-brand';\n\nexport default function AdminLoginPage() {\n  const router = useRouter();\n  const brand = useAdminBrand();\n  const queryClient = useQueryClient();\n  const [email, setEmail] = useState('');\n  const [password, setPassword] = useState('');\n  const [error, setError] = useState('');\n  const [loading, setLoading] = useState(false);\n  // Set once the password was right and a code was emailed.\n  const [challenge, setChallenge] = useState<AdminLoginCodeRequired | null>(\n    null,\n  );\n  const [code, setCode] = useState('');\n  const [note, setNote] = useState('');\n\n  const finish = async (mustChangePassword: boolean) => {\n    await queryClient.invalidateQueries({\n      queryKey: ['platform-admin', 'session'],\n    });\n    const back = adminReturnPath(\n      new URLSearchParams(window.location.search).get('redirect'),\n    );\n    router.replace(\n      mustChangePassword\n        ? `/admin/change-password?redirect=${encodeURIComponent(back)}`\n        : back,\n    );\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError('');\n    setNote('');\n    setLoading(true);\n    try {\n      if (challenge) {\n        const done = await platformAdminApi.verifyLoginCode(\n          challenge.challengeId,\n          code.trim(),\n        );\n        await finish(done.mustChangePassword);\n        return;\n      }\n      const answer = await platformAdminApi.login(email, password);\n      if (answer.codeRequired) {\n        setChallenge(answer);\n        setLoading(false);\n        return;\n      }\n      await finish(answer.mustChangePassword);\n    } catch (err: unknown) {\n      setError(err instanceof Error ? err.message : 'Login failed');\n      setLoading(false);\n    }\n  };\n\n  const resend = async () => {\n    if (!challenge) return;\n    setError('');\n    setNote('');\n    try {\n      const next = await platformAdminApi.resendLoginCode(\n        challenge.challengeId,\n      );\n      setChallenge(next);\n      setNote(`A new code is on its way to ${next.sentTo}.`);\n    } catch (err: unknown) {\n      setError(err instanceof Error ? err.message : 'Could not send a code');\n    }\n  };\n\n  return (\n    <div\n      style={{\n        minHeight: '100vh',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        background: 'var(--bg-base)',\n        color: 'var(--text-primary)',\n        padding: 24,\n      }}\n    >\n      <form\n        onSubmit={handleSubmit}\n        style={{\n          width: '100%',\n          maxWidth: 380,\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 16,\n        }}\n      >\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 8,\n            fontFamily: 'var(--font-display)',\n            fontWeight: 600,\n            fontSize: 20,\n            marginBottom: 8,\n          }}\n        >\n          {brand ? (\n            <>\n              {brand.logo}\n              <span style={{ color: 'var(--text-secondary)' }}>Admin</span>\n            </>\n          ) : (\n            <>\n              <TrendingUp size={20} color=\"var(--accent-primary)\" />\n              {ADMIN_NAME} Admin\n            </>\n          )}\n        </div>\n        <p\n          style={{\n            fontSize: 14,\n            color: 'var(--text-secondary)',\n            marginTop: -8,\n          }}\n        >\n          Platform administrators only.\n        </p>\n        {challenge ? (\n          <>\n            <p style={{ fontSize: 14, color: 'var(--text-secondary)' }}>\n              We emailed a 6-digit code to {challenge.sentTo}. It works for 10\n              minutes.\n            </p>\n            <Input\n              inputMode=\"numeric\"\n              autoComplete=\"one-time-code\"\n              aria-label=\"Sign-in code\"\n              placeholder=\"6-digit code\"\n              maxLength={6}\n              value={code}\n              onChange={(e) => setCode(e.target.value.replace(/\\D/g, ''))}\n              required\n              autoFocus\n            />\n          </>\n        ) : (\n          <>\n            <Input\n              type=\"email\"\n              aria-label=\"Email\"\n              placeholder=\"Email\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              required\n              autoFocus\n            />\n            <Input\n              type=\"password\"\n              aria-label=\"Password\"\n              placeholder=\"Password\"\n              value={password}\n              onChange={(e) => setPassword(e.target.value)}\n              required\n            />\n          </>\n        )}\n        {error && (\n          <div style={{ color: 'var(--error)', fontSize: 13 }}>{error}</div>\n        )}\n        {note && (\n          <div style={{ color: 'var(--text-secondary)', fontSize: 13 }}>\n            {note}\n          </div>\n        )}\n        <Button\n          type=\"submit\"\n          disabled={loading || (!!challenge && code.length !== 6)}\n        >\n          {loading\n            ? 'Signing in…'\n            : challenge\n            ? 'Verify and sign in'\n            : 'Sign in'}\n        </Button>\n        {challenge && (\n          <>\n            <Button type=\"button\" variant=\"ghost\" onClick={resend}>\n              Email me a new code\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              onClick={() => {\n                setChallenge(null);\n                setCode('');\n                setError('');\n                setNote('');\n              }}\n            >\n              Back\n            </Button>\n          </>\n        )}\n      </form>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/newsletters/[id]/page.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { useParams } from "next/navigation";
+import { NewsletterScreen } from "../newsletter-screen";
+function Page() {
+  const { id } = useParams();
+  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(NewsletterScreen, { id }, id) });
+}
+export {
+  Page as default
+};
+//# sourceMappingURL=page.js.map

package/dist/admin/newsletters/[id]/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/newsletters/%5Bid%5D/page.tsx"],"sourcesContent":["'use client';\n\nimport { Suspense } from 'react';\nimport { useParams } from 'next/navigation';\nimport { NewsletterScreen } from '../newsletter-screen';\n\n/** `/admin/newsletters/[id]`: a draft to write, or a sent newsletter to read. */\nexport default function Page() {\n  const { id } = useParams<{ id: string }>();\n\n  // The sent view reads `?tab=` and `?status=`, so it waits on the params.\n  return (\n    <Suspense>\n      <NewsletterScreen key={id} id={id} />\n    </Suspense>\n  );\n}\n"],"mappings":";AAaM;AAXN,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AAGlB,SAAR,OAAwB;AAC7B,QAAM,EAAE,GAAG,IAAI,UAA0B;AAGzC,SACE,oBAAC,YACC,8BAAC,oBAA0B,MAAJ,EAAY,GACrC;AAEJ;","names":[]}

package/dist/admin/newsletters/audience/[contactId]/page.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useParams } from "next/navigation";
+import { ContactScreen } from "../contact-screen";
+function Page() {
+  const { contactId } = useParams();
+  return /* @__PURE__ */ jsx(ContactScreen, { id: contactId }, contactId);
+}
+export {
+  Page as default
+};
+//# sourceMappingURL=page.js.map

package/dist/admin/newsletters/audience/[contactId]/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/newsletters/audience/%5BcontactId%5D/page.tsx"],"sourcesContent":["'use client';\n\nimport { useParams } from 'next/navigation';\nimport { ContactScreen } from '../contact-screen';\n\n/** `/admin/newsletters/audience/[contactId]`: one person in the audience. */\nexport default function Page() {\n  const { contactId } = useParams<{ contactId: string }>();\n\n  return <ContactScreen key={contactId} id={contactId} />;\n}\n"],"mappings":";AASS;AAPT,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAGf,SAAR,OAAwB;AAC7B,QAAM,EAAE,UAAU,IAAI,UAAiC;AAEvD,SAAO,oBAAC,iBAA8B,IAAI,aAAf,SAA0B;AACvD;","names":[]}

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

@@ -0,0 +1,163 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import {
+  Button,
+  OverflowItem,
+  OverflowMenu,
+  TabNav,
+  Th
+} from "@withpotter/ui-kit";
+import {
+  EmptyState,
+  FilterSearch,
+  FilterSelect,
+  Filters,
+  PageHeader
+} from "../../_ui";
+import { ListCard, ListPager } from "../../_ui/list-card";
+import { isNotAvailable } from "../not-available";
+import { NewsletterTabs } from "../section-tabs";
+import { PAGE_SIZE } from "../use-newsletters";
+import { ContactRow } from "./contact-row";
+import {
+  SOURCE_OPTIONS,
+  groupFromParam,
+  groupOfTab,
+  groupTabs,
+  sourceFromValue
+} from "./contacts";
+import { useContacts, useContactsExport } from "./use-contacts";
+function AudienceList() {
+  const router = useRouter();
+  const pathname = usePathname();
+  const params = useSearchParams();
+  const group = groupFromParam(params.get("status"));
+  const [search, setSearch] = useState("");
+  const [source, setSource] = useState("");
+  const scope = `${group.id}|${source}|${search}`;
+  const [paging, setPaging] = useState({ scope, page: 1 });
+  const page = paging.scope === scope ? paging.page : 1;
+  const filter = {
+    status: group.id || void 0,
+    source: sourceFromValue(source),
+    search
+  };
+  const { data, error, isLoading, isError, refetch } = useContacts(
+    filter,
+    page
+  );
+  const exporter = useContactsExport();
+  const missing = isNotAvailable(error);
+  const items = data?.items ?? [];
+  const total = data?.total ?? 0;
+  const totalPages = Math.max(1, Math.ceil(total / PAGE_SIZE));
+  const leaving = group.id === "unsubscribed";
+  const columns = leaving ? 9 : 6;
+  const narrowed = Boolean(group.id || source || search.trim());
+  const setGroup = (id) => router.replace(id ? `${pathname}?status=${id}` : pathname, {
+    scroll: false
+  });
+  const clear = () => {
+    setSearch("");
+    setSource("");
+    setGroup("");
+  };
+  const state = /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: columns, className: "!p-0", children: missing ? /* @__PURE__ */ jsx(EmptyState, { title: "Contacts could not be loaded" }) : narrowed ? /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      title: "No contacts match",
+      action: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: clear, children: "Clear filters" })
+    }
+  ) : /* @__PURE__ */ jsx(EmptyState, { title: "No contacts yet" }) }) });
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(PageHeader, { title: "Newsletters" }),
+    /* @__PURE__ */ jsx(NewsletterTabs, { active: "audience" }),
+    /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(
+      TabNav,
+      {
+        tabs: groupTabs(data?.counts),
+        activeTab: group.id || "all",
+        onTabChange: (tab) => setGroup(groupOfTab(tab))
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      ListCard,
+      {
+        title: group.title,
+        count: data ? total : void 0,
+        columns,
+        minWidth: leaving ? 1180 : 860,
+        isLoading,
+        isError: isError && !missing,
+        onRetry: () => void refetch(),
+        errorTitle: "Failed to load the audience.",
+        emptyTitle: "No contacts yet",
+        controls: /* @__PURE__ */ jsxs(Filters, { label: "Filter contacts", children: [
+          /* @__PURE__ */ jsx(
+            FilterSearch,
+            {
+              value: search,
+              onChange: setSearch,
+              placeholder: "Search by email or name\u2026",
+              label: "Search contacts by email or name"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FilterSelect,
+            {
+              label: "Source",
+              value: source,
+              onChange: setSource,
+              options: SOURCE_OPTIONS
+            }
+          ),
+          /* @__PURE__ */ jsx(OverflowMenu, { label: "Export", children: /* @__PURE__ */ jsx(
+            OverflowItem,
+            {
+              onClick: () => void exporter.exportCsv(filter),
+              disabled: exporter.exporting || missing || !total,
+              children: exporter.exporting ? "Exporting\u2026" : "Export CSV"
+            }
+          ) })
+        ] }),
+        footer: totalPages > 1 && /* @__PURE__ */ jsx(
+          ListPager,
+          {
+            page,
+            totalPages,
+            total,
+            noun: "contacts",
+            onPage: (next) => setPaging({ scope, page: next })
+          }
+        ),
+        head: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx(Th, { children: "Email" }),
+          /* @__PURE__ */ jsx(Th, { children: "Name" }),
+          /* @__PURE__ */ jsx(Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Th, { children: "Source" }),
+          /* @__PURE__ */ jsx(Th, { children: "Added" }),
+          /* @__PURE__ */ jsx(Th, { children: "Last sent" }),
+          leaving && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Th, { children: "Unsubscribed" }),
+            /* @__PURE__ */ jsx(Th, { children: "How" }),
+            /* @__PURE__ */ jsx(Th, { children: "From newsletter" })
+          ] })
+        ] }),
+        children: missing || items.length === 0 ? state : items.map((contact) => /* @__PURE__ */ jsx(
+          ContactRow,
+          {
+            contact,
+            leaving
+          },
+          contact.id
+        ))
+      }
+    )
+  ] });
+}
+export {
+  AudienceList
+};
+//# sourceMappingURL=audience-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/newsletters/audience/audience-list.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation';\nimport {\n  Button,\n  OverflowItem,\n  OverflowMenu,\n  TabNav,\n  Th,\n} from '@withpotter/ui-kit';\nimport {\n  EmptyState,\n  FilterSearch,\n  FilterSelect,\n  Filters,\n  PageHeader,\n} from '../../_ui';\nimport { ListCard, ListPager } from '../../_ui/list-card';\nimport { isNotAvailable } from '../not-available';\nimport { NewsletterTabs } from '../section-tabs';\nimport { PAGE_SIZE } from '../use-newsletters';\nimport { ContactRow } from './contact-row';\nimport {\n  SOURCE_OPTIONS,\n  groupFromParam,\n  groupOfTab,\n  groupTabs,\n  sourceFromValue,\n} from './contacts';\nimport { useContacts, useContactsExport } from './use-contacts';\n\n/**\n * Everyone the newsletter knows about, one row per address. The group lives\n * in `?status=`: it narrows this one list, so it is kept where a link can\n * carry it.\n */\nexport function AudienceList() {\n  const router = useRouter();\n  const pathname = usePathname();\n  const params = useSearchParams();\n  const group = groupFromParam(params.get('status'));\n  const [search, setSearch] = useState('');\n  const [source, setSource] = useState('');\n  // The page belongs to one filter: a new group, source or search starts at 1.\n  const scope = `${group.id}|${source}|${search}`;\n  const [paging, setPaging] = useState({ scope, page: 1 });\n  const page = paging.scope === scope ? paging.page : 1;\n  const filter = {\n    status: group.id || undefined,\n    source: sourceFromValue(source),\n    search,\n  };\n  const { data, error, isLoading, isError, refetch } = useContacts(\n    filter,\n    page,\n  );\n  const exporter = useContactsExport();\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 leaving = group.id === 'unsubscribed';\n  const columns = leaving ? 9 : 6;\n  const narrowed = Boolean(group.id || source || search.trim());\n  const setGroup = (id: string) =>\n    router.replace(id ? `${pathname}?status=${id}` : pathname, {\n      scroll: false,\n    });\n  const clear = () => {\n    setSearch('');\n    setSource('');\n    setGroup('');\n  };\n  const state = (\n    <tr>\n      <td colSpan={columns} className=\"!p-0\">\n        {missing ? (\n          <EmptyState title=\"Contacts could not be loaded\" />\n        ) : narrowed ? (\n          <EmptyState\n            title=\"No contacts match\"\n            action={\n              <Button size=\"sm\" variant=\"secondary\" onClick={clear}>\n                Clear filters\n              </Button>\n            }\n          />\n        ) : (\n          <EmptyState title=\"No contacts yet\" />\n        )}\n      </td>\n    </tr>\n  );\n\n  return (\n    <div>\n      <PageHeader title=\"Newsletters\" />\n      <NewsletterTabs active=\"audience\" />\n      <div className=\"mb-4\">\n        <TabNav\n          tabs={groupTabs(data?.counts)}\n          activeTab={group.id || 'all'}\n          onTabChange={(tab) => setGroup(groupOfTab(tab))}\n        />\n      </div>\n      <ListCard\n        title={group.title}\n        count={data ? total : undefined}\n        columns={columns}\n        minWidth={leaving ? 1180 : 860}\n        isLoading={isLoading}\n        isError={isError && !missing}\n        onRetry={() => void refetch()}\n        errorTitle=\"Failed to load the audience.\"\n        emptyTitle=\"No contacts yet\"\n        controls={\n          <Filters label=\"Filter contacts\">\n            <FilterSearch\n              value={search}\n              onChange={setSearch}\n              placeholder=\"Search by email or name…\"\n              label=\"Search contacts by email or name\"\n            />\n            <FilterSelect\n              label=\"Source\"\n              value={source}\n              onChange={setSource}\n              options={SOURCE_OPTIONS}\n            />\n            <OverflowMenu label=\"Export\">\n              <OverflowItem\n                onClick={() => void exporter.exportCsv(filter)}\n                disabled={exporter.exporting || missing || !total}\n              >\n                {exporter.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=\"contacts\"\n              onPage={(next) => setPaging({ scope, page: next })}\n            />\n          )\n        }\n        head={\n          <tr>\n            <Th>Email</Th>\n            <Th>Name</Th>\n            <Th>Status</Th>\n            <Th>Source</Th>\n            <Th>Added</Th>\n            <Th>Last sent</Th>\n            {leaving && (\n              <>\n                <Th>Unsubscribed</Th>\n                <Th>How</Th>\n                <Th>From newsletter</Th>\n              </>\n            )}\n          </tr>\n        }\n      >\n        {missing || items.length === 0\n          ? state\n          : items.map((contact) => (\n              <ContactRow\n                key={contact.id}\n                contact={contact}\n                leaving={leaving}\n              />\n            ))}\n      </ListCard>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/newsletters/audience/contact-deliveries.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Link from "next/link";
+import { Th } from "@withpotter/ui-kit";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import { EmptyState } from "../../_ui";
+import list from "../../_ui/list-card.module.css";
+import { EMPTY, ListCard, ListPager } from "../../_ui/list-card";
+import rows from "../../accounts/rows.module.css";
+import { When } from "../../audit/when";
+import { DELIVERY_STATUS, reasonOf, timeOf } from "../deliveries";
+import { hrefOf } from "../labels";
+import { isNotAvailable } from "../not-available";
+import { PAGE_SIZE } from "../use-newsletters";
+import { useContactDeliveries } from "./use-contacts";
+const COLUMNS = 5;
+function ContactDeliveries({ id }) {
+  const [page, setPage] = useState(1);
+  const { data, error, isLoading, isError, refetch } = useContactDeliveries(
+    id,
+    page
+  );
+  const missing = isNotAvailable(error);
+  const items = data?.items ?? [];
+  const total = data?.total ?? 0;
+  const totalPages = Math.max(1, Math.ceil(total / PAGE_SIZE));
+  return /* @__PURE__ */ jsx(
+    ListCard,
+    {
+      title: "Newsletters sent",
+      count: data ? total : void 0,
+      columns: COLUMNS,
+      minWidth: 640,
+      isLoading,
+      isError: isError && !missing,
+      onRetry: () => void refetch(),
+      errorTitle: "Failed to load what they were sent.",
+      isEmpty: !missing && items.length === 0,
+      emptyTitle: "Nothing sent yet",
+      emptyDescription: "No newsletter has been sent to this address.",
+      footer: totalPages > 1 && /* @__PURE__ */ jsx(
+        ListPager,
+        {
+          page,
+          totalPages,
+          total,
+          noun: "newsletters",
+          onPage: setPage
+        }
+      ),
+      head: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx(Th, { children: "Newsletter" }),
+        /* @__PURE__ */ jsx(Th, { children: "Status" }),
+        /* @__PURE__ */ jsx(Th, { children: "Reason" }),
+        /* @__PURE__ */ jsx(Th, { align: "right", children: "Tries" }),
+        /* @__PURE__ */ jsx(Th, { children: "Time" })
+      ] }),
+      children: missing ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: COLUMNS, className: "!p-0", children: /* @__PURE__ */ jsx(EmptyState, { title: "Sending history could not be loaded" }) }) }) : items.map((delivery) => {
+        const status = DELIVERY_STATUS[delivery.status];
+        const reason = reasonOf(delivery);
+        return /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("span", { className: rows.identityText, children: /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: hrefOf(delivery.newsletterId),
+              className: rows.primary,
+              children: delivery.subject?.trim() || "Untitled newsletter"
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx("td", { className: list.nowrap, children: /* @__PURE__ */ jsx(
+            StatusBadge,
+            {
+              status: status.key,
+              label: status.label,
+              neutral: status.quiet
+            }
+          ) }),
+          /* @__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) }) })
+        ] }, delivery.id);
+      })
+    }
+  );
+}
+export {
+  ContactDeliveries
+};
+//# sourceMappingURL=contact-deliveries.js.map

package/dist/admin/newsletters/audience/contact-deliveries.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/newsletters/audience/contact-deliveries.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport Link from 'next/link';\nimport { Th } from '@withpotter/ui-kit';\nimport { StatusBadge } from '@withpotter/components/shared/status-badge';\nimport { EmptyState } from '../../_ui';\nimport list from '../../_ui/list-card.module.css';\nimport { EMPTY, ListCard, ListPager } from '../../_ui/list-card';\nimport rows from '../../accounts/rows.module.css';\nimport { When } from '../../audit/when';\nimport { DELIVERY_STATUS, reasonOf, timeOf } from '../deliveries';\nimport { hrefOf } from '../labels';\nimport { isNotAvailable } from '../not-available';\nimport { PAGE_SIZE } from '../use-newsletters';\nimport { useContactDeliveries } from './use-contacts';\n\nconst COLUMNS = 5;\n\n/** Every newsletter one contact was sent, newest first, and how each went. */\nexport function ContactDeliveries({ id }: { id: string }) {\n  const [page, setPage] = useState(1);\n  const { data, error, isLoading, isError, refetch } = useContactDeliveries(\n    id,\n    page,\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\n  return (\n    <ListCard\n      title=\"Newsletters sent\"\n      count={data ? total : undefined}\n      columns={COLUMNS}\n      minWidth={640}\n      isLoading={isLoading}\n      isError={isError && !missing}\n      onRetry={() => void refetch()}\n      errorTitle=\"Failed to load what they were sent.\"\n      isEmpty={!missing && items.length === 0}\n      emptyTitle=\"Nothing sent yet\"\n      emptyDescription=\"No newsletter has been sent to this address.\"\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>Newsletter</Th>\n          <Th>Status</Th>\n          <Th>Reason</Th>\n          <Th align=\"right\">Tries</Th>\n          <Th>Time</Th>\n        </tr>\n      }\n    >\n      {missing ? (\n        <tr>\n          <td colSpan={COLUMNS} className=\"!p-0\">\n            <EmptyState title=\"Sending history could not be loaded\" />\n          </td>\n        </tr>\n      ) : (\n        items.map((delivery) => {\n          const status = DELIVERY_STATUS[delivery.status];\n          const reason = reasonOf(delivery);\n\n          return (\n            <tr key={delivery.id}>\n              <td>\n                <span className={rows.identityText}>\n                  <Link\n                    href={hrefOf(delivery.newsletterId)}\n                    className={rows.primary}\n                  >\n                    {delivery.subject?.trim() || 'Untitled newsletter'}\n                  </Link>\n                </span>\n              </td>\n              <td className={list.nowrap}>\n                <StatusBadge\n                  status={status.key}\n                  label={status.label}\n                  neutral={status.quiet}\n                />\n              </td>\n              <td className={reason ? undefined : list.dash}>\n                {reason ?? EMPTY}\n              </td>\n              <td className={list.num}>{delivery.attempts}</td>\n              <td className={`${list.nowrap} ${list.muted}`}>\n                <When iso={timeOf(delivery)} />\n              </td>\n            </tr>\n          );\n        })\n      )}\n    </ListCard>\n  );\n}\n"],"mappings":";AA8CU,cAUF,YAVE;AA5CV,SAAS,gBAAgB;AACzB,OAAO,UAAU;AACjB,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AACjB,SAAS,OAAO,UAAU,iBAAiB;AAC3C,OAAO,UAAU;AACjB,SAAS,YAAY;AACrB,SAAS,iBAAiB,UAAU,cAAc;AAClD,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,4BAA4B;AAErC,MAAM,UAAU;AAGT,SAAS,kBAAkB,EAAE,GAAG,GAAmB;AACxD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,EAAE,MAAM,OAAO,WAAW,SAAS,QAAQ,IAAI;AAAA,IACnD;AAAA,IACA;AAAA,EACF;AACA,QAAM,UAAU,eAAe,KAAK;AACpC,QAAM,QAAQ,MAAM,SAAS,CAAC;AAC9B,QAAM,QAAQ,MAAM,SAAS;AAC7B,QAAM,aAAa,KAAK,IAAI,GAAG,KAAK,KAAK,QAAQ,SAAS,CAAC;AAE3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,OAAO,QAAQ;AAAA,MACtB,SAAS;AAAA,MACT,UAAU;AAAA,MACV;AAAA,MACA,SAAS,WAAW,CAAC;AAAA,MACrB,SAAS,MAAM,KAAK,QAAQ;AAAA,MAC5B,YAAW;AAAA,MACX,SAAS,CAAC,WAAW,MAAM,WAAW;AAAA,MACtC,YAAW;AAAA,MACX,kBAAiB;AAAA,MACjB,QACE,aAAa,KACX;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,MAAK;AAAA,UACL,QAAQ;AAAA;AAAA,MACV;AAAA,MAGJ,MACE,qBAAC,QACC;AAAA,4BAAC,MAAG,wBAAU;AAAA,QACd,oBAAC,MAAG,oBAAM;AAAA,QACV,oBAAC,MAAG,oBAAM;AAAA,QACV,oBAAC,MAAG,OAAM,SAAQ,mBAAK;AAAA,QACvB,oBAAC,MAAG,kBAAI;AAAA,SACV;AAAA,MAGD,oBACC,oBAAC,QACC,8BAAC,QAAG,SAAS,SAAS,WAAU,QAC9B,8BAAC,cAAW,OAAM,uCAAsC,GAC1D,GACF,IAEA,MAAM,IAAI,CAAC,aAAa;AACtB,cAAM,SAAS,gBAAgB,SAAS,MAAM;AAC9C,cAAM,SAAS,SAAS,QAAQ;AAEhC,eACE,qBAAC,QACC;AAAA,8BAAC,QACC,8BAAC,UAAK,WAAW,KAAK,cACpB;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,OAAO,SAAS,YAAY;AAAA,cAClC,WAAW,KAAK;AAAA,cAEf,mBAAS,SAAS,KAAK,KAAK;AAAA;AAAA,UAC/B,GACF,GACF;AAAA,UACA,oBAAC,QAAG,WAAW,KAAK,QAClB;AAAA,YAAC;AAAA;AAAA,cACC,QAAQ,OAAO;AAAA,cACf,OAAO,OAAO;AAAA,cACd,SAAS,OAAO;AAAA;AAAA,UAClB,GACF;AAAA,UACA,oBAAC,QAAG,WAAW,SAAS,SAAY,KAAK,MACtC,oBAAU,OACb;AAAA,UACA,oBAAC,QAAG,WAAW,KAAK,KAAM,mBAAS,UAAS;AAAA,UAC5C,oBAAC,QAAG,WAAW,GAAG,KAAK,MAAM,IAAI,KAAK,KAAK,IACzC,8BAAC,QAAK,KAAK,OAAO,QAAQ,GAAG,GAC/B;AAAA,aAxBO,SAAS,EAyBlB;AAAA,MAEJ,CAAC;AAAA;AAAA,EAEL;AAEJ;","names":[]}

package/dist/admin/newsletters/audience/contact-row.js

@@ -0,0 +1,63 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { TableRow } 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 { hrefOf } from "../labels";
+import {
+  CONTACT_STATUS,
+  SOURCE_LABEL,
+  VIA_LABEL,
+  contactHref
+} from "./contacts";
+const dash = (value) => value ? void 0 : list.dash;
+function ContactRow({
+  contact,
+  leaving
+}) {
+  const router = useRouter();
+  const href = contactHref(contact.id);
+  const status = CONTACT_STATUS[contact.status];
+  const { lastSent, unsubscribedNewsletter: from } = contact;
+  const stop = (e) => e.stopPropagation();
+  return /* @__PURE__ */ jsxs(TableRow, { onClick: () => router.push(href), children: [
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("span", { className: rows.identityText, children: /* @__PURE__ */ jsx(Link, { href, className: rows.primary, onClick: stop, children: contact.email }) }) }),
+    /* @__PURE__ */ jsx("td", { className: dash(contact.name), children: contact.name || EMPTY }),
+    /* @__PURE__ */ jsx("td", { className: list.nowrap, children: /* @__PURE__ */ jsx(
+      StatusBadge,
+      {
+        status: status.key,
+        label: status.label,
+        neutral: status.quiet
+      }
+    ) }),
+    /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: SOURCE_LABEL[contact.source] }),
+    /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: /* @__PURE__ */ jsx(When, { iso: contact.createdAt }) }),
+    /* @__PURE__ */ jsx("td", { className: lastSent ? list.muted : list.dash, children: lastSent ? /* @__PURE__ */ jsxs("span", { className: rows.identityText, children: [
+      /* @__PURE__ */ jsx("span", { className: list.clip, children: lastSent.subject }),
+      /* @__PURE__ */ jsx(When, { iso: lastSent.sentAt, className: rows.secondary })
+    ] }) : EMPTY }),
+    leaving && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${dash(contact.unsubscribedAt)}`, children: contact.unsubscribedAt ? /* @__PURE__ */ jsx(When, { iso: contact.unsubscribedAt }) : EMPTY }),
+      /* @__PURE__ */ jsx("td", { className: dash(contact.unsubscribedVia), children: contact.unsubscribedVia ? VIA_LABEL[contact.unsubscribedVia] : EMPTY }),
+      /* @__PURE__ */ jsx("td", { className: dash(from), children: from ? /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: hrefOf(from.id),
+          className: `${list.clip} block underline underline-offset-2`,
+          onClick: stop,
+          children: from.subject || "Untitled newsletter"
+        }
+      ) : EMPTY })
+    ] })
+  ] });
+}
+export {
+  ContactRow
+};
+//# sourceMappingURL=contact-row.js.map

package/dist/admin/newsletters/audience/contact-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/newsletters/audience/contact-row.tsx"],"sourcesContent":["'use client';\n\nimport type { MouseEvent } from 'react';\nimport Link from 'next/link';\nimport { useRouter } from 'next/navigation';\nimport { TableRow } from '@withpotter/ui-kit';\nimport { StatusBadge } from '@withpotter/components/shared/status-badge';\nimport type { Contact } from '@withpotter/lib/admin-newsletter-contacts-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 { hrefOf } from '../labels';\nimport {\n  CONTACT_STATUS,\n  SOURCE_LABEL,\n  VIA_LABEL,\n  contactHref,\n} from './contacts';\n\nconst dash = (value: unknown) => (value ? undefined : list.dash);\n\n/** One contact in the audience. The row opens the contact's own page. */\nexport function ContactRow({\n  contact,\n  leaving,\n}: {\n  contact: Contact;\n  /** Also show when and how they unsubscribed. */\n  leaving: boolean;\n}) {\n  const router = useRouter();\n  const href = contactHref(contact.id);\n  const status = CONTACT_STATUS[contact.status];\n  const { lastSent, unsubscribedNewsletter: from } = contact;\n  const stop = (e: MouseEvent) => e.stopPropagation();\n\n  return (\n    <TableRow onClick={() => router.push(href)}>\n      <td>\n        <span className={rows.identityText}>\n          <Link href={href} className={rows.primary} onClick={stop}>\n            {contact.email}\n          </Link>\n        </span>\n      </td>\n      <td className={dash(contact.name)}>{contact.name || EMPTY}</td>\n      <td className={list.nowrap}>\n        <StatusBadge\n          status={status.key}\n          label={status.label}\n          neutral={status.quiet}\n        />\n      </td>\n      <td className={`${list.nowrap} ${list.muted}`}>\n        {SOURCE_LABEL[contact.source]}\n      </td>\n      <td className={`${list.nowrap} ${list.muted}`}>\n        <When iso={contact.createdAt} />\n      </td>\n      <td className={lastSent ? list.muted : list.dash}>\n        {lastSent ? (\n          <span className={rows.identityText}>\n            <span className={list.clip}>{lastSent.subject}</span>\n            <When iso={lastSent.sentAt} className={rows.secondary} />\n          </span>\n        ) : (\n          EMPTY\n        )}\n      </td>\n      {leaving && (\n        <>\n          <td className={`${list.nowrap} ${dash(contact.unsubscribedAt)}`}>\n            {contact.unsubscribedAt ? (\n              <When iso={contact.unsubscribedAt} />\n            ) : (\n              EMPTY\n            )}\n          </td>\n          <td className={dash(contact.unsubscribedVia)}>\n            {contact.unsubscribedVia\n              ? VIA_LABEL[contact.unsubscribedVia]\n              : EMPTY}\n          </td>\n          <td className={dash(from)}>\n            {from ? (\n              <Link\n                href={hrefOf(from.id)}\n                className={`${list.clip} block underline underline-offset-2`}\n                onClick={stop}\n              >\n                {from.subject || 'Untitled newsletter'}\n              </Link>\n            ) : (\n              EMPTY\n            )}\n          </td>\n        </>\n      )}\n    </TableRow>\n  );\n}\n"],"mappings":";AAyCU,SA8BF,UA9BE,KAqBA,YArBA;AAtCV,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAE5B,OAAO,UAAU;AACjB,SAAS,aAAa;AACtB,OAAO,UAAU;AACjB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,OAAO,CAAC,UAAoB,QAAQ,SAAY,KAAK;AAGpD,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAIG;AACD,QAAM,SAAS,UAAU;AACzB,QAAM,OAAO,YAAY,QAAQ,EAAE;AACnC,QAAM,SAAS,eAAe,QAAQ,MAAM;AAC5C,QAAM,EAAE,UAAU,wBAAwB,KAAK,IAAI;AACnD,QAAM,OAAO,CAAC,MAAkB,EAAE,gBAAgB;AAElD,SACE,qBAAC,YAAS,SAAS,MAAM,OAAO,KAAK,IAAI,GACvC;AAAA,wBAAC,QACC,8BAAC,UAAK,WAAW,KAAK,cACpB,8BAAC,QAAK,MAAY,WAAW,KAAK,SAAS,SAAS,MACjD,kBAAQ,OACX,GACF,GACF;AAAA,IACA,oBAAC,QAAG,WAAW,KAAK,QAAQ,IAAI,GAAI,kBAAQ,QAAQ,OAAM;AAAA,IAC1D,oBAAC,QAAG,WAAW,KAAK,QAClB;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,OAAO;AAAA,QACf,OAAO,OAAO;AAAA,QACd,SAAS,OAAO;AAAA;AAAA,IAClB,GACF;AAAA,IACA,oBAAC,QAAG,WAAW,GAAG,KAAK,MAAM,IAAI,KAAK,KAAK,IACxC,uBAAa,QAAQ,MAAM,GAC9B;AAAA,IACA,oBAAC,QAAG,WAAW,GAAG,KAAK,MAAM,IAAI,KAAK,KAAK,IACzC,8BAAC,QAAK,KAAK,QAAQ,WAAW,GAChC;AAAA,IACA,oBAAC,QAAG,WAAW,WAAW,KAAK,QAAQ,KAAK,MACzC,qBACC,qBAAC,UAAK,WAAW,KAAK,cACpB;AAAA,0BAAC,UAAK,WAAW,KAAK,MAAO,mBAAS,SAAQ;AAAA,MAC9C,oBAAC,QAAK,KAAK,SAAS,QAAQ,WAAW,KAAK,WAAW;AAAA,OACzD,IAEA,OAEJ;AAAA,IACC,WACC,iCACE;AAAA,0BAAC,QAAG,WAAW,GAAG,KAAK,MAAM,IAAI,KAAK,QAAQ,cAAc,CAAC,IAC1D,kBAAQ,iBACP,oBAAC,QAAK,KAAK,QAAQ,gBAAgB,IAEnC,OAEJ;AAAA,MACA,oBAAC,QAAG,WAAW,KAAK,QAAQ,eAAe,GACxC,kBAAQ,kBACL,UAAU,QAAQ,eAAe,IACjC,OACN;AAAA,MACA,oBAAC,QAAG,WAAW,KAAK,IAAI,GACrB,iBACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,OAAO,KAAK,EAAE;AAAA,UACpB,WAAW,GAAG,KAAK,IAAI;AAAA,UACvB,SAAS;AAAA,UAER,eAAK,WAAW;AAAA;AAAA,MACnB,IAEA,OAEJ;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/newsletters/audience/contact-screen.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Banner, Button, DetailColumns } from "@withpotter/ui-kit";
+import { AdmLoading } from "../../_ui";
+import { LoadFailed } from "../../audit/load-failed";
+import { isNotAvailable } from "../not-available";
+import { RecordHeader } from "../record-header";
+import { useNewsletterAccess } from "../use-newsletters";
+import { ContactDeliveries } from "./contact-deliveries";
+import { ContactSummary } from "./contact-summary";
+import { AUDIENCE_HREF } from "./contacts";
+import { CHANGE_COPY, changeFor } from "./status-change";
+import { StatusDialog } from "./status-dialog";
+import { useContact } from "./use-contacts";
+const PARENT = { label: "Audience", href: AUDIENCE_HREF };
+function ContactScreen({ id }) {
+  const { canManage } = useNewsletterAccess();
+  const { data, error, isLoading, isError, refetch } = useContact(id);
+  const [changing, setChanging] = useState(false);
+  if (isError && !data) {
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(RecordHeader, { title: "Contact", parent: PARENT }),
+      isNotAvailable(error) ? /* @__PURE__ */ jsx(Banner, { tone: "info", title: "There is no contact at this address" }) : /* @__PURE__ */ jsx(
+        LoadFailed,
+        {
+          message: "This contact could not be loaded.",
+          onRetry: () => void refetch()
+        }
+      )
+    ] });
+  }
+  if (isLoading || !data) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading contact\u2026" });
+  const change = changeFor(data);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(RecordHeader, { title: data.email, parent: PARENT, children: canManage && change && /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: change === "unsubscribe" ? "danger" : "secondary",
+        onClick: () => setChanging(true),
+        children: CHANGE_COPY[change].action
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DetailColumns, { aside: /* @__PURE__ */ jsx(ContactSummary, { contact: data }), children: /* @__PURE__ */ jsx(ContactDeliveries, { id }) }),
+    change && /* @__PURE__ */ jsx(
+      StatusDialog,
+      {
+        open: changing,
+        contact: data,
+        change,
+        onClose: () => setChanging(false)
+      }
+    )
+  ] });
+}
+export {
+  ContactScreen
+};
+//# sourceMappingURL=contact-screen.js.map

package/dist/admin/newsletters/audience/contact-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/newsletters/audience/contact-screen.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Banner, Button, DetailColumns } from '@withpotter/ui-kit';\nimport { AdmLoading } from '../../_ui';\nimport { LoadFailed } from '../../audit/load-failed';\nimport { isNotAvailable } from '../not-available';\nimport { RecordHeader } from '../record-header';\nimport { useNewsletterAccess } from '../use-newsletters';\nimport { ContactDeliveries } from './contact-deliveries';\nimport { ContactSummary } from './contact-summary';\nimport { AUDIENCE_HREF } from './contacts';\nimport { CHANGE_COPY, changeFor } from './status-change';\nimport { StatusDialog } from './status-dialog';\nimport { useContact } from './use-contacts';\n\nconst PARENT = { label: 'Audience', href: AUDIENCE_HREF };\n\n/**\n * One person in the audience: where they stand and why, what they were sent,\n * and the one change an admin may make by hand.\n */\nexport function ContactScreen({ id }: { id: string }) {\n  const { canManage } = useNewsletterAccess();\n  const { data, error, isLoading, isError, refetch } = useContact(id);\n  const [changing, setChanging] = useState(false);\n\n  if (isError && !data) {\n    return (\n      <div>\n        <RecordHeader title=\"Contact\" parent={PARENT} />\n        {isNotAvailable(error) ? (\n          <Banner tone=\"info\" title=\"There is no contact at this address\" />\n        ) : (\n          <LoadFailed\n            message=\"This contact could not be loaded.\"\n            onRetry={() => void refetch()}\n          />\n        )}\n      </div>\n    );\n  }\n\n  if (isLoading || !data) return <AdmLoading label=\"Loading contact…\" />;\n\n  const change = changeFor(data);\n\n  return (\n    <div>\n      <RecordHeader title={data.email} parent={PARENT}>\n        {canManage && change && (\n          <Button\n            variant={change === 'unsubscribe' ? 'danger' : 'secondary'}\n            onClick={() => setChanging(true)}\n          >\n            {CHANGE_COPY[change].action}\n          </Button>\n        )}\n      </RecordHeader>\n      <DetailColumns aside={<ContactSummary contact={data} />}>\n        <ContactDeliveries id={id} />\n      </DetailColumns>\n      {change && (\n        <StatusDialog\n          open={changing}\n          contact={data}\n          change={change}\n          onClose={() => setChanging(false)}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA6BM,SACE,KADF;AA3BN,SAAS,gBAAgB;AACzB,SAAS,QAAQ,QAAQ,qBAAqB;AAC9C,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,aAAa,iBAAiB;AACvC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAE3B,MAAM,SAAS,EAAE,OAAO,YAAY,MAAM,cAAc;AAMjD,SAAS,cAAc,EAAE,GAAG,GAAmB;AACpD,QAAM,EAAE,UAAU,IAAI,oBAAoB;AAC1C,QAAM,EAAE,MAAM,OAAO,WAAW,SAAS,QAAQ,IAAI,WAAW,EAAE;AAClE,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,MAAI,WAAW,CAAC,MAAM;AACpB,WACE,qBAAC,SACC;AAAA,0BAAC,gBAAa,OAAM,WAAU,QAAQ,QAAQ;AAAA,MAC7C,eAAe,KAAK,IACnB,oBAAC,UAAO,MAAK,QAAO,OAAM,uCAAsC,IAEhE;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM,KAAK,QAAQ;AAAA;AAAA,MAC9B;AAAA,OAEJ;AAAA,EAEJ;AAEA,MAAI,aAAa,CAAC,KAAM,QAAO,oBAAC,cAAW,OAAM,yBAAmB;AAEpE,QAAM,SAAS,UAAU,IAAI;AAE7B,SACE,qBAAC,SACC;AAAA,wBAAC,gBAAa,OAAO,KAAK,OAAO,QAAQ,QACtC,uBAAa,UACZ;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,WAAW,gBAAgB,WAAW;AAAA,QAC/C,SAAS,MAAM,YAAY,IAAI;AAAA,QAE9B,sBAAY,MAAM,EAAE;AAAA;AAAA,IACvB,GAEJ;AAAA,IACA,oBAAC,iBAAc,OAAO,oBAAC,kBAAe,SAAS,MAAM,GACnD,8BAAC,qBAAkB,IAAQ,GAC7B;AAAA,IACC,UACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS;AAAA,QACT;AAAA,QACA,SAAS,MAAM,YAAY,KAAK;AAAA;AAAA,IAClC;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/newsletters/audience/contact-summary.js

@@ -0,0 +1,70 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Card, Fact, FactList } from "@withpotter/ui-kit";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import { hrefOf } from "../labels";
+import {
+  CONTACT_STATUS,
+  SOURCE_LABEL,
+  VIA_LABEL,
+  statusReason
+} from "./contacts";
+import { formatMoment } from "../format-date";
+function ContactSummary({ contact }) {
+  const status = CONTACT_STATUS[contact.status];
+  const from = contact.unsubscribedNewsletter;
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs(FactList, { columns: 1, children: [
+      /* @__PURE__ */ jsx(Fact, { label: "Email", value: contact.email }),
+      /* @__PURE__ */ jsx(Fact, { label: "Name", value: contact.name }),
+      /* @__PURE__ */ jsx(
+        Fact,
+        {
+          label: "Status",
+          value: /* @__PURE__ */ jsx(
+            StatusBadge,
+            {
+              status: status.key,
+              label: status.label,
+              neutral: status.quiet
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(Fact, { label: "Why", value: statusReason(contact) }),
+      contact.unsubscribedAt && /* @__PURE__ */ jsx(
+        Fact,
+        {
+          label: "Unsubscribed on",
+          value: formatMoment(contact.unsubscribedAt)
+        }
+      ),
+      contact.unsubscribedVia && /* @__PURE__ */ jsx(Fact, { label: "How", value: VIA_LABEL[contact.unsubscribedVia] }),
+      from && /* @__PURE__ */ jsx(
+        Fact,
+        {
+          label: "From newsletter",
+          value: /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: hrefOf(from.id),
+              className: "underline underline-offset-2",
+              children: from.subject || "Untitled newsletter"
+            }
+          )
+        }
+      ),
+      contact.bouncedAt && /* @__PURE__ */ jsx(Fact, { label: "Bounced on", value: formatMoment(contact.bouncedAt) }),
+      contact.statusNote && /* @__PURE__ */ jsx(Fact, { label: "Admin note", value: contact.statusNote })
+    ] }),
+    /* @__PURE__ */ jsxs(FactList, { columns: 1, children: [
+      /* @__PURE__ */ jsx(Fact, { label: "Source", value: SOURCE_LABEL[contact.source] }),
+      contact.sourceNote && /* @__PURE__ */ jsx(Fact, { label: "Source note", value: contact.sourceNote }),
+      /* @__PURE__ */ jsx(Fact, { label: "Added", value: formatMoment(contact.createdAt) })
+    ] })
+  ] }) });
+}
+export {
+  ContactSummary
+};
+//# sourceMappingURL=contact-summary.js.map

package/dist/admin/newsletters/audience/contact-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/newsletters/audience/contact-summary.tsx"],"sourcesContent":["import Link from 'next/link';\nimport { Card, Fact, FactList } from '@withpotter/ui-kit';\nimport { StatusBadge } from '@withpotter/components/shared/status-badge';\nimport type { Contact } from '@withpotter/lib/admin-newsletter-contacts-api';\nimport { hrefOf } from '../labels';\nimport {\n  CONTACT_STATUS,\n  SOURCE_LABEL,\n  VIA_LABEL,\n  statusReason,\n} from './contacts';\nimport { formatMoment } from '../format-date';\n\n\n/**\n * Where a contact stands and how they got there: the status and its reason,\n * when and how they left or bounced, the note an admin left, and where the\n * address came from. A fact with nothing to say is left out.\n */\nexport function ContactSummary({ contact }: { contact: Contact }) {\n  const status = CONTACT_STATUS[contact.status];\n  const from = contact.unsubscribedNewsletter;\n\n  return (\n    <Card>\n      <div className=\"flex flex-col gap-4\">\n        <FactList columns={1}>\n          <Fact label=\"Email\" value={contact.email} />\n          <Fact label=\"Name\" value={contact.name} />\n          <Fact\n            label=\"Status\"\n            value={\n              <StatusBadge\n                status={status.key}\n                label={status.label}\n                neutral={status.quiet}\n              />\n            }\n          />\n          <Fact label=\"Why\" value={statusReason(contact)} />\n          {contact.unsubscribedAt && (\n            <Fact\n              label=\"Unsubscribed on\"\n              value={formatMoment(contact.unsubscribedAt)}\n            />\n          )}\n          {contact.unsubscribedVia && (\n            <Fact label=\"How\" value={VIA_LABEL[contact.unsubscribedVia]} />\n          )}\n          {from && (\n            <Fact\n              label=\"From newsletter\"\n              value={\n                <Link\n                  href={hrefOf(from.id)}\n                  className=\"underline underline-offset-2\"\n                >\n                  {from.subject || 'Untitled newsletter'}\n                </Link>\n              }\n            />\n          )}\n          {contact.bouncedAt && (\n            <Fact label=\"Bounced on\" value={formatMoment(contact.bouncedAt)} />\n          )}\n          {contact.statusNote && (\n            <Fact label=\"Admin note\" value={contact.statusNote} />\n          )}\n        </FactList>\n        <FactList columns={1}>\n          <Fact label=\"Source\" value={SOURCE_LABEL[contact.source]} />\n          {contact.sourceNote && (\n            <Fact label=\"Source note\" value={contact.sourceNote} />\n          )}\n          <Fact label=\"Added\" value={formatMoment(contact.createdAt)} />\n        </FactList>\n      </div>\n    </Card>\n  );\n}\n"],"mappings":"AA0BQ,SACE,KADF;AA1BR,OAAO,UAAU;AACjB,SAAS,MAAM,MAAM,gBAAgB;AACrC,SAAS,mBAAmB;AAE5B,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAQtB,SAAS,eAAe,EAAE,QAAQ,GAAyB;AAChE,QAAM,SAAS,eAAe,QAAQ,MAAM;AAC5C,QAAM,OAAO,QAAQ;AAErB,SACE,oBAAC,QACC,+BAAC,SAAI,WAAU,uBACb;AAAA,yBAAC,YAAS,SAAS,GACjB;AAAA,0BAAC,QAAK,OAAM,SAAQ,OAAO,QAAQ,OAAO;AAAA,MAC1C,oBAAC,QAAK,OAAM,QAAO,OAAO,QAAQ,MAAM;AAAA,MACxC;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OACE;AAAA,YAAC;AAAA;AAAA,cACC,QAAQ,OAAO;AAAA,cACf,OAAO,OAAO;AAAA,cACd,SAAS,OAAO;AAAA;AAAA,UAClB;AAAA;AAAA,MAEJ;AAAA,MACA,oBAAC,QAAK,OAAM,OAAM,OAAO,aAAa,OAAO,GAAG;AAAA,MAC/C,QAAQ,kBACP;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,aAAa,QAAQ,cAAc;AAAA;AAAA,MAC5C;AAAA,MAED,QAAQ,mBACP,oBAAC,QAAK,OAAM,OAAM,OAAO,UAAU,QAAQ,eAAe,GAAG;AAAA,MAE9D,QACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OACE;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,OAAO,KAAK,EAAE;AAAA,cACpB,WAAU;AAAA,cAET,eAAK,WAAW;AAAA;AAAA,UACnB;AAAA;AAAA,MAEJ;AAAA,MAED,QAAQ,aACP,oBAAC,QAAK,OAAM,cAAa,OAAO,aAAa,QAAQ,SAAS,GAAG;AAAA,MAElE,QAAQ,cACP,oBAAC,QAAK,OAAM,cAAa,OAAO,QAAQ,YAAY;AAAA,OAExD;AAAA,IACA,qBAAC,YAAS,SAAS,GACjB;AAAA,0BAAC,QAAK,OAAM,UAAS,OAAO,aAAa,QAAQ,MAAM,GAAG;AAAA,MACzD,QAAQ,cACP,oBAAC,QAAK,OAAM,eAAc,OAAO,QAAQ,YAAY;AAAA,MAEvD,oBAAC,QAAK,OAAM,SAAQ,OAAO,aAAa,QAAQ,SAAS,GAAG;AAAA,OAC9D;AAAA,KACF,GACF;AAEJ;","names":[]}