@aglyn/plugins-marketing 1.0.0-beta.199 → 1.0.0-beta.201

package/src/lib/components/campaign-conversions-card.js

@@ -529,6 +529,9 @@ export function CampaignConversionsCard(props) {
                             rows: emailList.rows,
                             columns: columns,
                             hideFooter: true,
+                            // One page of a walk in stored order; a header sort would order
+                            // only that page.
+                            disableColumnSorting: true,
                             onOpen: (_id, row)=>{
                                 const href = campaignHref(row);
                                 if (href) router.push(href);
@@ -563,6 +566,9 @@ export function CampaignConversionsCard(props) {
                             rows: webList.rows,
                             columns: columns,
                             hideFooter: true,
+                            // One page of a walk in stored order; a header sort would
+                            // order only that page.
+                            disableColumnSorting: true,
                             noRowsLabel: "Nothing credited to a tagged link",
                             noRowsDescription: 'A conversion lands here when the visitor arrived on a URL ' + 'carrying utm_ parameters.'
                         }),

package/src/lib/components/campaign-conversions-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/campaign-conversions-card.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { CAPTURED_BY_HOST_FIELD, pluginDocsHelp } from '@aglyn/aglyn'\nimport { mdiEyeOutline, mdiMapMarkerOutline } from '@aglyn/shared-data-mdi'\nimport { AppLink, CardDisplay, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport {\n  ListRowActions,\n  ListTable,\n  listActionsColumn,\n} from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport { Figure, Section } from '@aglyn/shared-ui-jsx/components/measured-figures.component'\nimport {\n  Alert,\n  Button,\n  Chip,\n  Divider,\n  Stack,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n} from '@mui/material'\nimport {\n  collection,\n  documentId,\n  getCountFromServer,\n  getDocs,\n  query,\n  where,\n} from 'firebase/firestore'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useRouter } from 'next/navigation'\nimport {\n  useFirestore,\n  useOrgDataScope,\n  usePagedCollection,\n} from '@aglyn/tenant-feature-instance'\n/*\n * The MODULE, not the barrel, for the pure query helpers — a spec that mocks\n * `@aglyn/tenant-feature-instance` wholesale to stage its Firestore hooks\n * would otherwise lose them, and neither is a hook.\n */\nimport {\n  ceilingedWindow,\n  collectionCeiling,\n  collectionPage,\n} from '@aglyn/tenant-feature-instance/hooks/host-collection-queries'\nimport {\n  CAMPAIGN_CONVERSION_KINDS,\n  CAMPAIGN_CONVERSION_KIND_COPY,\n  campaignConversionsCoverage,\n  campaignTouchLabel,\n  type CampaignConversionKind,\n  type CampaignConversionRecord,\n} from '@aglyn/shared-ui-email-campaigns/model/campaign-conversions'\n\n/**\n * WHAT THE CAMPAIGNS CAUSED, from the conversions' end.\n *\n * A campaign's own report says what that campaign caused. This is the list\n * the report cannot be: every credited conversion on the site, the ones\n * credited to a tagged web link rather than to a campaign document, and — the\n * half a report of successes can never show — how many were credited to\n * nothing at all.\n *\n * ## ONE KIND AT A TIME, and that is the whole design\n *\n * A form submission by a new person writes a submission record, a contact and\n * a lead. Three true statements about one visit, and a screen that showed\n * them together would invite the reader to add them and treble every figure.\n * So the kind is a MODE rather than a column: the query carries\n * `where('kind','==', …)`, only one kind's rows are ever on screen, and there\n * is no view in which two kinds could be totalled because there is no view in\n * which two kinds are both present.\n *\n * ## THE TWO CHANNELS ARE TWO LISTS, and never one\n *\n * An email touch names a campaign document — a real entity with a report to\n * open. A web touch names `utm_` text a marketer typed into a URL: no\n * document, no id, no bound on how many distinct values exist. Merging them\n * would put a linkable record and an unlinkable label in one column and imply\n * they are the same kind of thing, and grouping the web side into a rollup\n * would build a map anybody who can vary a query string can grow. So there\n * are two tables, the web one is read as records, and neither is summed into\n * the other.\n *\n * ## The read cost\n *\n * Two paged listeners bounded by the page size, and two aggregation counts.\n * Nothing scans a collection, no row triggers a read of its own, and the\n * landing-page join — the only expensive thing here — is behind a button and\n * says what it will cost before it runs.\n */\n\n/**\n * How many attribution records the landing-page join reads.\n *\n * A CEILING rather than a page size: grouping is over a window and a window\n * sliced ten at a time cannot be grouped at all. Kept low because this is the\n * one read on the surface that is measured in hundreds — see the button that\n * asks for it.\n */\nconst LANDING_PAGE_CEILING = 100\n\n/** Firestore's cap on the values in one `in` filter. */\nconst ID_CHUNK = 30\n\nconst conversionsDocsHelp = pluginDocsHelp('emailCampaigns', {\n  anchor: '#the-campaign-report',\n  excerpt:\n    'A conversion is credited to the last campaign whose link the visitor ' +\n    'followed. The four kinds count different things about the same visits ' +\n    'and are never added together.',\n})\n\n/** The stored record plus the document name the reader listed it under. */\ntype ConversionRow = CampaignConversionRecord & { $id: string }\n\nconst day = (ms: unknown): string => {\n  const value = Number(ms ?? 0)\n  return Number.isFinite(value) && value > 0\n    ? new Date(value).toLocaleString()\n    : '—'\n}\n\nexport interface CampaignConversionsCardProps {\n  hostId: string\n  /** The marketing hub URL, for the link to each credited campaign. */\n  basePath: string\n  /**\n   * One campaign's conversions rather than the whole site's.\n   *\n   * Set from `/marketing/conversions/{campaignId}`. It narrows the EMAIL list\n   * only: a web-channel record carries no campaign id, so there is nothing\n   * for it to be narrowed by — and the uncredited figure is withheld\n   * entirely, because a conversion credited to nobody belongs to no campaign\n   * and attributing the site's whole direct traffic to whichever campaign the\n   * reader happens to be looking at is the exact inference this join refuses\n   * to make.\n   */\n  campaignId?: string\n}\n\nexport function CampaignConversionsCard(props: CampaignConversionsCardProps) {\n  const { hostId, basePath, campaignId } = props\n  const firestore = useFirestore()\n  const router = useRouter()\n  const { scope: dataScope } = useOrgDataScope({ hostId })\n  const [kind, setKind] = useState<CampaignConversionKind>('form')\n\n  const attributions = useCallback(\n    () => collection(firestore, 'hosts', hostId, 'campaignAttributions'),\n    [firestore, hostId],\n  )\n\n  /*==========================================\n   * THE TWO LISTS.\n   *\n   * Both walk the collection in DOCUMENT-NAME order through `collectionPage`,\n   * which is the console's one ordering decision: `orderBy` on a field\n   * matches only documents that HAVE it, so ordering on a date would hide\n   * rows rather than merely mis-order them, and an unordered `limit()` is a\n   * pseudo-random sample whose gaps leave nothing to notice. The walk is\n   * total — every row is reachable by paging — and it is deliberately NOT\n   * newest-first, which the note under each table says out loud.\n   *\n   * `campaignId` narrows the email list when the reader arrived from one\n   * campaign. It is never applied to the web list: a `utm_` label is not a\n   * campaign id and a query pretending otherwise would return nothing while\n   * reading as \"this campaign caused no web conversions\".\n   *=========================================*/\n  const emailList = usePagedCollection<ConversionRow>(\n    (pageLimit) =>\n      collectionPage(\n        campaignId\n          ? query(\n              attributions(),\n              where('kind', '==', kind),\n              where('campaignId', '==', campaignId),\n            )\n          : query(\n              attributions(),\n              where('kind', '==', kind),\n              where('channel', '==', 'email'),\n            ),\n        pageLimit,\n      ),\n    [firestore, hostId, kind, campaignId],\n    { idField: '$id' },\n  )\n\n  const webList = usePagedCollection<ConversionRow>(\n    (pageLimit) =>\n      campaignId\n        ? null\n        : collectionPage(\n            query(\n              attributions(),\n              where('kind', '==', kind),\n              where('channel', '==', 'web'),\n            ),\n            pageLimit,\n          ),\n    [firestore, hostId, kind, campaignId],\n    { idField: '$id' },\n  )\n\n  /*==========================================\n   * THE UNCREDITED HALF.\n   *\n   * Two aggregation counts, and they are on the page by DEFAULT rather than\n   * behind a button, because the tables above them are a list of the\n   * successes: showing only those renders \"we credited nine of these\" as\n   * \"nine of these happened\", which is the conclusion this surface exists to\n   * stop a reader drawing. An aggregation is billed per thousand index\n   * entries rather than per document, so the honest figure costs about as\n   * much as one row.\n   *\n   * Withheld entirely when either count fails. Defaulting the total to the\n   * attributed figure would render every conversion as attributed, which is\n   * the most flattering wrong answer available here.\n   *=========================================*/\n  /*\n   * A PATH STRING and a BOOLEAN, not an object.\n   *\n   * Both are effect dependencies, and an object rebuilt on every render\n   * reopens the effect on every render — which here means paying for two\n   * aggregation counts per render rather than per kind. Primitives compare by\n   * value, so the reads happen when the question changes and not when React\n   * re-runs the component.\n   */\n  const totalCollectionPath = useMemo((): string | null => {\n    switch (kind) {\n      case 'form':\n        return `hosts/${hostId}/formSubmissions`\n      case 'lead':\n        /*\n         * The ORG's leads (AGL-3275), narrowed below to the ones this site\n         * CAPTURED. A lead is one document per person, stamped in\n         * `capturedByHostIds` with every site that met them, and its\n         * attribution is written by the site that captured it — so this\n         * site's captures are exactly the population its lead attributions\n         * are drawn from, and the total does not cross hosts.\n         *\n         * Not `visibleTo`: that also names the sites a consent group shares a\n         * person with, and would count leads a sibling brand captured that\n         * could never have been credited here. The price is that a\n         * collaborator scoped to one site cannot run the count — the rules\n         * prove a lead read by `visibleTo` — and is shown the withheld split,\n         * as they already are for contacts.\n         */\n        return dataScope ? `${dataScope[0]}/${dataScope[1]}/leads` : null\n      case 'booking':\n        return `hosts/${hostId}/bookings`\n      case 'contact':\n        /*\n         * ORG-SCOPED, and the coverage model is told so below. A contact is\n         * shared across every site in the org while an attribution belongs to\n         * one host, so this total counts contacts created on another site\n         * that could never have been credited here.\n         */\n        return dataScope ? `${dataScope[0]}/${dataScope[1]}/contacts` : null\n      default:\n        return null\n    }\n  }, [kind, hostId, dataScope])\n\n  /** The total counts only the org records THIS site captured. */\n  const totalCapturedHere = kind === 'lead'\n\n  /** The kind's records live outside this host, so the total over-counts. */\n  const totalCrossesHosts = kind === 'contact'\n\n  const [attributedCount, setAttributedCount] = useState<number | null>(null)\n  const [totalCount, setTotalCount] = useState<number | null>(null)\n\n  useEffect(() => {\n    // A campaign-scoped view has no uncredited figure to compute — see the\n    // prop's docblock — so it does not pay for one either.\n    if (campaignId || !totalCollectionPath) {\n      setAttributedCount(null)\n      setTotalCount(null)\n      return\n    }\n    let active = true\n    setAttributedCount(null)\n    setTotalCount(null)\n    void getCountFromServer(query(attributions(), where('kind', '==', kind)))\n      .then((snapshot) => {\n        if (active) setAttributedCount(snapshot.data().count)\n      })\n      .catch(() => {\n        // Left null, which withholds the split. See the block comment.\n      })\n    const segments = totalCollectionPath.split('/')\n    const records = collection(firestore, segments[0], ...segments.slice(1))\n    void getCountFromServer(\n      totalCapturedHere\n        ? query(\n            records,\n            where(CAPTURED_BY_HOST_FIELD, 'array-contains', hostId),\n          )\n        : records,\n    )\n      .then((snapshot) => {\n        if (active) setTotalCount(snapshot.data().count)\n      })\n      .catch(() => {\n        // Left null, which withholds the split. See the block comment.\n      })\n    return () => {\n      active = false\n    }\n  }, [\n    attributions,\n    firestore,\n    kind,\n    campaignId,\n    totalCollectionPath,\n    totalCapturedHere,\n    hostId,\n  ])\n\n  const coverage = campaignConversionsCoverage({\n    kind,\n    attributed: attributedCount,\n    total: totalCount,\n    crossHostTotal: totalCrossesHosts,\n  })\n\n  /*==========================================\n   * LANDING PAGES — a join, and an EXPENSIVE one, so it is asked for.\n   *\n   * The attribution record carries `refId`; a form submission carries the\n   * `path` it was submitted from. Joining the two is the only landing-page\n   * answer the stored data supports, and the notice below says plainly what\n   * it is not: `path` is where the FORM was, not where the campaign link\n   * landed, so a visitor who arrived on one page and submitted on another is\n   * grouped under the second.\n   *\n   * Two reads deep and both bounded: a ceiling over the attributions, then\n   * their submissions by document name in chunks of thirty. `getDocs` rather\n   * than a listener — a grouping nobody is watching does not need to be kept\n   * live, and a listener would go on costing after the reader looked away.\n   *=========================================*/\n  const [landingBusy, setLandingBusy] = useState(false)\n  const [landingError, setLandingError] = useState<string | null>(null)\n  const [landing, setLanding] = useState<{\n    rows: { $id: string; path: string; conversions: number }[]\n    /** Attributions read, which is the population the grouping describes. */\n    read: number\n    /** The ceiling bit: there are more credited submissions than were read. */\n    truncated: boolean\n    /** Of `read`, how many named a submission that could not be found. */\n    missing: number\n  } | null>(null)\n\n  // A grouping computed for one kind describes that kind. Switching the mode\n  // leaves it on screen labelled as something it is not.\n  useEffect(() => {\n    setLanding(null)\n    setLandingError(null)\n  }, [kind, campaignId])\n\n  const groupByLandingPage = useCallback(async () => {\n    if (landingBusy) return\n    setLandingBusy(true)\n    setLandingError(null)\n    try {\n      const credited = await getDocs(\n        collectionCeiling(\n          campaignId\n            ? query(\n                attributions(),\n                where('kind', '==', 'form'),\n                where('campaignId', '==', campaignId),\n              )\n            : query(attributions(), where('kind', '==', 'form')),\n          LANDING_PAGE_CEILING,\n        ),\n      )\n      const { rows: credits, truncated } = ceilingedWindow(\n        credited.docs.map((entry) => entry.data() as CampaignConversionRecord),\n        LANDING_PAGE_CEILING,\n      )\n      const refIds = Array.from(\n        new Set(\n          credits\n            .map((record) => String(record.refId ?? ''))\n            .filter((id) => id.length > 0),\n        ),\n      )\n\n      const submissions = collection(\n        firestore,\n        'hosts',\n        hostId,\n        'formSubmissions',\n      )\n      const paths = new Map<string, string>()\n      for (let index = 0; index < refIds.length; index += ID_CHUNK) {\n        const chunk = refIds.slice(index, index + ID_CHUNK)\n        const found = await getDocs(\n          query(submissions, where(documentId(), 'in', chunk)),\n        )\n        found.docs.forEach((entry) => {\n          const path = String((entry.data() as any)?.path ?? '').trim()\n          if (path) paths.set(entry.id, path)\n        })\n      }\n\n      const counts = new Map<string, number>()\n      let missing = 0\n      refIds.forEach((refId) => {\n        const path = paths.get(refId)\n        if (!path) {\n          /*\n           * The submission was deleted, or it carries no path — an older one,\n           * or a form posted by an integration that sent none. Counted and\n           * REPORTED rather than filed under a placeholder page: a bar\n           * labelled \"/\" that is really \"we do not know\" is the kind of row a\n           * reader acts on.\n           */\n          missing += 1\n          return\n        }\n        counts.set(path, (counts.get(path) ?? 0) + 1)\n      })\n\n      setLanding({\n        rows: Array.from(counts.entries())\n          .map(([path, conversions]) => ({ $id: path, path, conversions }))\n          .sort(\n            (a, b) =>\n              b.conversions - a.conversions || a.path.localeCompare(b.path),\n          ),\n        read: refIds.length,\n        truncated,\n        missing,\n      })\n    } catch (error) {\n      console.error(error)\n      setLandingError('The landing pages could not be read')\n    } finally {\n      setLandingBusy(false)\n    }\n  }, [attributions, campaignId, firestore, hostId, landingBusy])\n\n  const campaignHref = (row: ConversionRow) =>\n    row.campaignId ? `${basePath}/campaigns/${row.campaignId}` : undefined\n\n  const columns = useMemo(\n    () => [\n      {\n        field: 'refId',\n        headerName: 'Record',\n        flex: 1,\n        minWidth: 200,\n        renderCell: ({ row }: any) => (\n          <Stack sx={{ minWidth: 0 }}>\n            <Typography variant=\"body2\" noWrap>\n              {String(row.refId ?? row.$id)}\n            </Typography>\n            <Typography variant=\"caption\" color=\"text.secondary\" noWrap>\n              {CAMPAIGN_CONVERSION_KIND_COPY[kind].label}\n            </Typography>\n          </Stack>\n        ),\n      },\n      {\n        field: 'campaign',\n        headerName: 'Credited to',\n        flex: 1,\n        minWidth: 180,\n        renderCell: ({ row }: any) => {\n          const label = campaignTouchLabel(row) || '—'\n          const href = campaignHref(row)\n          return href ? (\n            <AppLink\n              href={href}\n              onClick={(event: { stopPropagation: () => void }) =>\n                event.stopPropagation()\n              }\n            >\n              {label}\n            </AppLink>\n          ) : (\n            <Typography variant=\"body2\" noWrap>\n              {label}\n            </Typography>\n          )\n        },\n      },\n      {\n        field: 'convertedAtMs',\n        headerName: 'Converted',\n        width: 190,\n        renderCell: ({ row }: any) => (\n          <Typography variant=\"body2\" noWrap>\n            {day(row.convertedAtMs)}\n          </Typography>\n        ),\n      },\n      listActionsColumn((row: any) => (\n        <ListRowActions\n          label={String(row.refId ?? row.$id)}\n          items={[\n            {\n              key: 'campaign',\n              label: 'Open campaign',\n              icon: <MdiIcon path={mdiEyeOutline.path} size={0.8} />,\n              href: campaignHref(row),\n              disabled: !campaignHref(row),\n              /*\n               * Shown disabled with the reason rather than hidden. A control\n               * that vanishes and one that does not apply look identical from\n               * the outside, and only one of them is honest — there is no\n               * campaign document behind a `utm_` label to open.\n               */\n              disabledReason:\n                'This came from a tagged link rather than a campaign email, ' +\n                'so there is no campaign to open',\n            },\n          ]}\n        />\n      )),\n    ],\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [kind, basePath],\n  )\n\n  const landingColumns = useMemo(\n    () => [\n      {\n        field: 'path',\n        headerName: 'Page the form was on',\n        flex: 1,\n        minWidth: 240,\n        renderCell: ({ row }: any) => (\n          <Typography variant=\"body2\" noWrap>\n            {row.path}\n          </Typography>\n        ),\n      },\n      {\n        field: 'conversions',\n        headerName: 'Credited submissions',\n        width: 190,\n        align: 'right',\n        headerAlign: 'right',\n        renderCell: ({ row }: any) => (\n          <Typography variant=\"body2\">\n            {Number(row.conversions).toLocaleString()}\n          </Typography>\n        ),\n      },\n    ],\n    [],\n  )\n\n  const kindCopy = CAMPAIGN_CONVERSION_KIND_COPY[kind]\n\n  return (\n    <CardDisplay\n      header=\"Conversions\"\n      subheader={\n        campaignId\n          ? 'Credited to this campaign'\n          : 'What the campaigns caused, one kind at a time'\n      }\n      help={conversionsDocsHelp}\n      HeaderProps={{\n        action: campaignId ? (\n          <Button\n            component={AppLink as any}\n            {...({ componentVariant: 'naked', nativeButton: false } as any)}\n            href={`${basePath}/conversions`}\n            size=\"small\"\n            color=\"primary\"\n          >\n            {'All conversions'}\n          </Button>\n        ) : undefined,\n      }}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={2}>\n        {/*\n          THE KIND IS A MODE, NOT A COLUMN.\n\n          One form submission by a new person writes a submission, a contact\n          and a lead, so any view holding two kinds at once invites a total\n          that counts one visit twice. Only one kind's rows can be on screen,\n          which is what makes the addition unavailable rather than merely\n          discouraged.\n         */}\n        <Stack spacing={1}>\n          <ToggleButtonGroup\n            exclusive\n            size=\"small\"\n            color=\"primary\"\n            value={kind}\n            onChange={(_event, next) => {\n              if (next) setKind(next as CampaignConversionKind)\n            }}\n            aria-label=\"Conversion kind\"\n          >\n            {CAMPAIGN_CONVERSION_KINDS.map((one) => (\n              <ToggleButton key={one} value={one}>\n                {CAMPAIGN_CONVERSION_KIND_COPY[one].label}\n              </ToggleButton>\n            ))}\n          </ToggleButtonGroup>\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {'One kind at a time. The four count different things about the ' +\n              'same visits — one person filling in one form appears as a ' +\n              'submission, a contact and a lead — so they are never shown ' +\n              'together and never added.'}\n          </Typography>\n        </Stack>\n\n        <Divider />\n\n        {/*==========================================\n          * WHAT IS NOT CREDITED, beside what is.\n          *\n          * The tables below list the successes. Without this strip the reader\n          * has no way to see how much of their site's activity the campaigns\n          * account for, and every campaign reads as more effective than it is.\n          *=========================================*/}\n        {campaignId ? (\n          <Alert severity=\"info\">\n            {'This is one campaign’s share. Conversions credited to no ' +\n              'campaign belong to no campaign, so they are not counted here ' +\n              '— open all conversions for the site-wide figure.'}\n          </Alert>\n        ) : coverage ? (\n          <Section title={`${kindCopy.label} on this site`}>\n            <Stack\n              direction=\"row\"\n              spacing={4}\n              useFlexGap\n              sx={{ flexWrap: 'wrap' }}\n            >\n              <Figure\n                label=\"Credited to a campaign\"\n                value={coverage.attributed}\n                note=\"from a campaign email or a tagged link\"\n              />\n              <Figure\n                label=\"Not credited\"\n                value={coverage.unattributed}\n                note=\"arrived directly, or predate attribution\"\n              />\n              <Figure\n                label={`${kindCopy.label} in total`}\n                value={coverage.total}\n                note={\n                  coverage.exact ? 'on this site' : 'on this site, all time'\n                }\n              />\n            </Stack>\n            {coverage.caveats.map((caveat) => (\n              <Alert key={caveat.id} severity=\"info\">\n                {caveat.message}\n              </Alert>\n            ))}\n          </Section>\n        ) : (\n          <Alert severity=\"info\">\n            {'How many of these were credited to no campaign could not be ' +\n              'counted, so it is not shown. The lists below are the credited ' +\n              'ones only and are not a count of everything that happened.'}\n          </Alert>\n        )}\n\n        <Divider />\n\n        <Section title=\"From campaign emails\">\n          <ListTable\n            rows={emailList.rows}\n            columns={columns as any}\n            hideFooter\n            onOpen={(_id, row) => {\n              const href = campaignHref(row as ConversionRow)\n              if (href) router.push(href)\n            }}\n            noRowsLabel=\"Nothing credited to a campaign email\"\n            noRowsDescription={\n              'A conversion is credited when the visitor followed a link in ' +\n              'a campaign email before converting.'\n            }\n          />\n          <ListPagination\n            page={emailList.page}\n            pageSize={emailList.pageSize}\n            rowCount={emailList.rows.length}\n            hasMore={emailList.hasMore}\n            onPageChange={emailList.setPage}\n            onPageSizeChange={emailList.setPageSize}\n          />\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {'Listed in the order they are stored, which is not the order ' +\n              'they happened in — every row is reachable by paging, but the ' +\n              'first page is not the most recent conversions.'}\n          </Typography>\n        </Section>\n\n        {/*==========================================\n          * THE WEB CHANNEL — its own list, and no rollup.\n          *\n          * A `utm_` label is text somebody typed into a URL. There is no\n          * document behind it, no id, and no bound on how many distinct\n          * values exist, so it gets no rollup under a campaign and no summary\n          * keyed on the label: a map anybody who can vary a query string can\n          * grow is a map that grows. The records stand on their own and this\n          * lists them.\n          *\n          * Absent entirely on a campaign-scoped view, because these belong to\n          * no campaign.\n          *=========================================*/}\n        {campaignId ? null : (\n          <Section title=\"From tagged web links\">\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {'Credited to the utm_ label on the link the visitor followed. ' +\n                'These are listed one by one rather than grouped: the label ' +\n                'is free text with no campaign behind it, so there is ' +\n                'nothing to open and no fixed set to total.'}\n            </Typography>\n            <ListTable\n              rows={webList.rows}\n              columns={columns as any}\n              hideFooter\n              noRowsLabel=\"Nothing credited to a tagged link\"\n              noRowsDescription={\n                'A conversion lands here when the visitor arrived on a URL ' +\n                'carrying utm_ parameters.'\n              }\n            />\n            <ListPagination\n              page={webList.page}\n              pageSize={webList.pageSize}\n              rowCount={webList.rows.length}\n              hasMore={webList.hasMore}\n              onPageChange={webList.setPage}\n              onPageSizeChange={webList.setPageSize}\n            />\n          </Section>\n        )}\n\n        {/*==========================================\n          * LANDING PAGES, on request.\n          *\n          * `refId` on the record, `path` on the submission: joining those is\n          * the landing-page surface, and it is hundreds of reads, so it is a\n          * button rather than something every reader of this page pays for.\n          *=========================================*/}\n        {kind === 'form' ? (\n          <>\n            <Divider />\n            <Section title=\"Landing pages\">\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {'Groups credited form submissions by the page the form was ' +\n                  'on. This reads up to ' +\n                  `${LANDING_PAGE_CEILING.toLocaleString()} attribution ` +\n                  'records and their submissions, so it runs when you ask ' +\n                  'for it rather than on every visit.'}\n              </Typography>\n              <Stack direction=\"row\" spacing={1}>\n                <Button\n                  size=\"small\"\n                  variant=\"contained\"\n                  disabled={landingBusy}\n                  startIcon={\n                    <MdiIcon path={mdiMapMarkerOutline.path} size={0.8} />\n                  }\n                  onClick={() => void groupByLandingPage()}\n                >\n                  {landingBusy ? 'Reading…' : 'Group by landing page'}\n                </Button>\n              </Stack>\n              {landingError ? (\n                <Alert severity=\"warning\">{landingError}</Alert>\n              ) : null}\n              {landing ? (\n                <Stack spacing={1}>\n                  {/*\n                    WHAT THIS CANNOT ANSWER, above the table rather than under\n                    it. Every line is a question a reader will otherwise\n                    assume it answered.\n                   */}\n                  <Alert severity=\"info\">\n                    {'This is the page each form sat on, not the page the ' +\n                      'campaign link landed on — a visitor who arrived on ' +\n                      'one page and submitted on another is counted under ' +\n                      'the second. There is no conversion RATE here either: ' +\n                      'the record carries no count of visits to a page from ' +\n                      'a campaign, so there is no denominator to divide by. ' +\n                      'Only form submissions carry a page at all, so leads, ' +\n                      'contacts and bookings have no landing page.'}\n                  </Alert>\n                  {landing.truncated ? (\n                    <Alert severity=\"warning\">\n                      {`More than ${LANDING_PAGE_CEILING.toLocaleString()} ` +\n                        'credited submissions exist. This groups the ' +\n                        `${landing.read.toLocaleString()} that were read, ` +\n                        'which are not the most recent — they are the ones ' +\n                        'that came first in storage order.'}\n                    </Alert>\n                  ) : null}\n                  {landing.missing ? (\n                    <Alert severity=\"info\">\n                      {`${landing.missing.toLocaleString()} of the ` +\n                        `${landing.read.toLocaleString()} credited ` +\n                        'submissions are not grouped: the submission has ' +\n                        'been deleted, or it recorded no page. They are ' +\n                        'reported here rather than filed under a page they ' +\n                        'may not have come from.'}\n                    </Alert>\n                  ) : null}\n                  <ListTable\n                    rows={landing.rows}\n                    columns={landingColumns as any}\n                    hideFooter\n                    noRowsLabel=\"No pages to group\"\n                    noRowsDescription=\"None of the credited submissions recorded a page.\"\n                  />\n                  <Stack direction=\"row\" spacing={1}>\n                    <Chip\n                      size=\"small\"\n                      variant=\"outlined\"\n                      label={`${landing.read.toLocaleString()} credited submissions read`}\n                    />\n                    <Chip\n                      size=\"small\"\n                      variant=\"outlined\"\n                      label={`${landing.rows.length.toLocaleString()} pages`}\n                    />\n                  </Stack>\n                </Stack>\n              ) : null}\n            </Section>\n          </>\n        ) : null}\n      </Stack>\n    </CardDisplay>\n  )\n}\nCampaignConversionsCard.displayName = 'CampaignConversionsCard'\n\nexport default CampaignConversionsCard\n"],"names":["CAPTURED_BY_HOST_FIELD","pluginDocsHelp","mdiEyeOutline","mdiMapMarkerOutline","AppLink","CardDisplay","MdiIcon","ListRowActions","ListTable","listActionsColumn","ListPagination","Figure","Section","Alert","Button","Chip","Divider","Stack","ToggleButton","ToggleButtonGroup","Typography","collection","documentId","getCountFromServer","getDocs","query","where","useCallback","useEffect","useMemo","useState","useRouter","useFirestore","useOrgDataScope","usePagedCollection","ceilingedWindow","collectionCeiling","collectionPage","CAMPAIGN_CONVERSION_KINDS","CAMPAIGN_CONVERSION_KIND_COPY","campaignConversionsCoverage","campaignTouchLabel","LANDING_PAGE_CEILING","ID_CHUNK","conversionsDocsHelp","anchor","excerpt","day","ms","value","Number","isFinite","Date","toLocaleString","CampaignConversionsCard","props","hostId","basePath","campaignId","firestore","router","scope","dataScope","kind","setKind","attributions","emailList","pageLimit","idField","webList","totalCollectionPath","totalCapturedHere","totalCrossesHosts","attributedCount","setAttributedCount","totalCount","setTotalCount","active","then","snapshot","data","count","catch","segments","split","records","slice","coverage","attributed","total","crossHostTotal","landingBusy","setLandingBusy","landingError","setLandingError","landing","setLanding","groupByLandingPage","credited","rows","credits","truncated","docs","map","entry","refIds","Array","from","Set","record","String","refId","filter","id","length","submissions","paths","Map","index","chunk","found","forEach","path","trim","set","counts","missing","get","entries","conversions","$id","sort","a","b","localeCompare","read","error","console","campaignHref","row","undefined","columns","field","headerName","flex","minWidth","renderCell","sx","variant","noWrap","color","label","href","onClick","event","stopPropagation","width","convertedAtMs","items","key","icon","size","disabled","disabledReason","landingColumns","align","headerAlign","kindCopy","header","subheader","help","HeaderProps","action","component","componentVariant","nativeButton","contentGutterX","contentGutterY","spacing","exclusive","onChange","_event","next","aria-label","one","severity","title","direction","useFlexGap","flexWrap","note","unattributed","exact","caveats","caveat","message","hideFooter","onOpen","_id","push","noRowsLabel","noRowsDescription","page","pageSize","rowCount","hasMore","onPageChange","setPage","onPageSizeChange","setPageSize","startIcon","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/campaign-conversions-card.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { CAPTURED_BY_HOST_FIELD, pluginDocsHelp } from '@aglyn/aglyn'\nimport { mdiEyeOutline, mdiMapMarkerOutline } from '@aglyn/shared-data-mdi'\nimport { AppLink, CardDisplay, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport {\n  ListRowActions,\n  ListTable,\n  listActionsColumn,\n} from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport { Figure, Section } from '@aglyn/shared-ui-jsx/components/measured-figures.component'\nimport {\n  Alert,\n  Button,\n  Chip,\n  Divider,\n  Stack,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n} from '@mui/material'\nimport {\n  collection,\n  documentId,\n  getCountFromServer,\n  getDocs,\n  query,\n  where,\n} from 'firebase/firestore'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useRouter } from 'next/navigation'\nimport {\n  useFirestore,\n  useOrgDataScope,\n  usePagedCollection,\n} from '@aglyn/tenant-feature-instance'\n/*\n * The MODULE, not the barrel, for the pure query helpers — a spec that mocks\n * `@aglyn/tenant-feature-instance` wholesale to stage its Firestore hooks\n * would otherwise lose them, and neither is a hook.\n */\nimport {\n  ceilingedWindow,\n  collectionCeiling,\n  collectionPage,\n} from '@aglyn/tenant-feature-instance/hooks/host-collection-queries'\nimport {\n  CAMPAIGN_CONVERSION_KINDS,\n  CAMPAIGN_CONVERSION_KIND_COPY,\n  campaignConversionsCoverage,\n  campaignTouchLabel,\n  type CampaignConversionKind,\n  type CampaignConversionRecord,\n} from '@aglyn/shared-ui-email-campaigns/model/campaign-conversions'\n\n/**\n * WHAT THE CAMPAIGNS CAUSED, from the conversions' end.\n *\n * A campaign's own report says what that campaign caused. This is the list\n * the report cannot be: every credited conversion on the site, the ones\n * credited to a tagged web link rather than to a campaign document, and — the\n * half a report of successes can never show — how many were credited to\n * nothing at all.\n *\n * ## ONE KIND AT A TIME, and that is the whole design\n *\n * A form submission by a new person writes a submission record, a contact and\n * a lead. Three true statements about one visit, and a screen that showed\n * them together would invite the reader to add them and treble every figure.\n * So the kind is a MODE rather than a column: the query carries\n * `where('kind','==', …)`, only one kind's rows are ever on screen, and there\n * is no view in which two kinds could be totalled because there is no view in\n * which two kinds are both present.\n *\n * ## THE TWO CHANNELS ARE TWO LISTS, and never one\n *\n * An email touch names a campaign document — a real entity with a report to\n * open. A web touch names `utm_` text a marketer typed into a URL: no\n * document, no id, no bound on how many distinct values exist. Merging them\n * would put a linkable record and an unlinkable label in one column and imply\n * they are the same kind of thing, and grouping the web side into a rollup\n * would build a map anybody who can vary a query string can grow. So there\n * are two tables, the web one is read as records, and neither is summed into\n * the other.\n *\n * ## The read cost\n *\n * Two paged listeners bounded by the page size, and two aggregation counts.\n * Nothing scans a collection, no row triggers a read of its own, and the\n * landing-page join — the only expensive thing here — is behind a button and\n * says what it will cost before it runs.\n */\n\n/**\n * How many attribution records the landing-page join reads.\n *\n * A CEILING rather than a page size: grouping is over a window and a window\n * sliced ten at a time cannot be grouped at all. Kept low because this is the\n * one read on the surface that is measured in hundreds — see the button that\n * asks for it.\n */\nconst LANDING_PAGE_CEILING = 100\n\n/** Firestore's cap on the values in one `in` filter. */\nconst ID_CHUNK = 30\n\nconst conversionsDocsHelp = pluginDocsHelp('emailCampaigns', {\n  anchor: '#the-campaign-report',\n  excerpt:\n    'A conversion is credited to the last campaign whose link the visitor ' +\n    'followed. The four kinds count different things about the same visits ' +\n    'and are never added together.',\n})\n\n/** The stored record plus the document name the reader listed it under. */\ntype ConversionRow = CampaignConversionRecord & { $id: string }\n\nconst day = (ms: unknown): string => {\n  const value = Number(ms ?? 0)\n  return Number.isFinite(value) && value > 0\n    ? new Date(value).toLocaleString()\n    : '—'\n}\n\nexport interface CampaignConversionsCardProps {\n  hostId: string\n  /** The marketing hub URL, for the link to each credited campaign. */\n  basePath: string\n  /**\n   * One campaign's conversions rather than the whole site's.\n   *\n   * Set from `/marketing/conversions/{campaignId}`. It narrows the EMAIL list\n   * only: a web-channel record carries no campaign id, so there is nothing\n   * for it to be narrowed by — and the uncredited figure is withheld\n   * entirely, because a conversion credited to nobody belongs to no campaign\n   * and attributing the site's whole direct traffic to whichever campaign the\n   * reader happens to be looking at is the exact inference this join refuses\n   * to make.\n   */\n  campaignId?: string\n}\n\nexport function CampaignConversionsCard(props: CampaignConversionsCardProps) {\n  const { hostId, basePath, campaignId } = props\n  const firestore = useFirestore()\n  const router = useRouter()\n  const { scope: dataScope } = useOrgDataScope({ hostId })\n  const [kind, setKind] = useState<CampaignConversionKind>('form')\n\n  const attributions = useCallback(\n    () => collection(firestore, 'hosts', hostId, 'campaignAttributions'),\n    [firestore, hostId],\n  )\n\n  /*==========================================\n   * THE TWO LISTS.\n   *\n   * Both walk the collection in DOCUMENT-NAME order through `collectionPage`,\n   * which is the console's one ordering decision: `orderBy` on a field\n   * matches only documents that HAVE it, so ordering on a date would hide\n   * rows rather than merely mis-order them, and an unordered `limit()` is a\n   * pseudo-random sample whose gaps leave nothing to notice. The walk is\n   * total — every row is reachable by paging — and it is deliberately NOT\n   * newest-first, which the note under each table says out loud.\n   *\n   * `campaignId` narrows the email list when the reader arrived from one\n   * campaign. It is never applied to the web list: a `utm_` label is not a\n   * campaign id and a query pretending otherwise would return nothing while\n   * reading as \"this campaign caused no web conversions\".\n   *=========================================*/\n  const emailList = usePagedCollection<ConversionRow>(\n    (pageLimit) =>\n      collectionPage(\n        campaignId\n          ? query(\n              attributions(),\n              where('kind', '==', kind),\n              where('campaignId', '==', campaignId),\n            )\n          : query(\n              attributions(),\n              where('kind', '==', kind),\n              where('channel', '==', 'email'),\n            ),\n        pageLimit,\n      ),\n    [firestore, hostId, kind, campaignId],\n    { idField: '$id' },\n  )\n\n  const webList = usePagedCollection<ConversionRow>(\n    (pageLimit) =>\n      campaignId\n        ? null\n        : collectionPage(\n            query(\n              attributions(),\n              where('kind', '==', kind),\n              where('channel', '==', 'web'),\n            ),\n            pageLimit,\n          ),\n    [firestore, hostId, kind, campaignId],\n    { idField: '$id' },\n  )\n\n  /*==========================================\n   * THE UNCREDITED HALF.\n   *\n   * Two aggregation counts, and they are on the page by DEFAULT rather than\n   * behind a button, because the tables above them are a list of the\n   * successes: showing only those renders \"we credited nine of these\" as\n   * \"nine of these happened\", which is the conclusion this surface exists to\n   * stop a reader drawing. An aggregation is billed per thousand index\n   * entries rather than per document, so the honest figure costs about as\n   * much as one row.\n   *\n   * Withheld entirely when either count fails. Defaulting the total to the\n   * attributed figure would render every conversion as attributed, which is\n   * the most flattering wrong answer available here.\n   *=========================================*/\n  /*\n   * A PATH STRING and a BOOLEAN, not an object.\n   *\n   * Both are effect dependencies, and an object rebuilt on every render\n   * reopens the effect on every render — which here means paying for two\n   * aggregation counts per render rather than per kind. Primitives compare by\n   * value, so the reads happen when the question changes and not when React\n   * re-runs the component.\n   */\n  const totalCollectionPath = useMemo((): string | null => {\n    switch (kind) {\n      case 'form':\n        return `hosts/${hostId}/formSubmissions`\n      case 'lead':\n        /*\n         * The ORG's leads (AGL-3275), narrowed below to the ones this site\n         * CAPTURED. A lead is one document per person, stamped in\n         * `capturedByHostIds` with every site that met them, and its\n         * attribution is written by the site that captured it — so this\n         * site's captures are exactly the population its lead attributions\n         * are drawn from, and the total does not cross hosts.\n         *\n         * Not `visibleTo`: that also names the sites a consent group shares a\n         * person with, and would count leads a sibling brand captured that\n         * could never have been credited here. The price is that a\n         * collaborator scoped to one site cannot run the count — the rules\n         * prove a lead read by `visibleTo` — and is shown the withheld split,\n         * as they already are for contacts.\n         */\n        return dataScope ? `${dataScope[0]}/${dataScope[1]}/leads` : null\n      case 'booking':\n        return `hosts/${hostId}/bookings`\n      case 'contact':\n        /*\n         * ORG-SCOPED, and the coverage model is told so below. A contact is\n         * shared across every site in the org while an attribution belongs to\n         * one host, so this total counts contacts created on another site\n         * that could never have been credited here.\n         */\n        return dataScope ? `${dataScope[0]}/${dataScope[1]}/contacts` : null\n      default:\n        return null\n    }\n  }, [kind, hostId, dataScope])\n\n  /** The total counts only the org records THIS site captured. */\n  const totalCapturedHere = kind === 'lead'\n\n  /** The kind's records live outside this host, so the total over-counts. */\n  const totalCrossesHosts = kind === 'contact'\n\n  const [attributedCount, setAttributedCount] = useState<number | null>(null)\n  const [totalCount, setTotalCount] = useState<number | null>(null)\n\n  useEffect(() => {\n    // A campaign-scoped view has no uncredited figure to compute — see the\n    // prop's docblock — so it does not pay for one either.\n    if (campaignId || !totalCollectionPath) {\n      setAttributedCount(null)\n      setTotalCount(null)\n      return\n    }\n    let active = true\n    setAttributedCount(null)\n    setTotalCount(null)\n    void getCountFromServer(query(attributions(), where('kind', '==', kind)))\n      .then((snapshot) => {\n        if (active) setAttributedCount(snapshot.data().count)\n      })\n      .catch(() => {\n        // Left null, which withholds the split. See the block comment.\n      })\n    const segments = totalCollectionPath.split('/')\n    const records = collection(firestore, segments[0], ...segments.slice(1))\n    void getCountFromServer(\n      totalCapturedHere\n        ? query(\n            records,\n            where(CAPTURED_BY_HOST_FIELD, 'array-contains', hostId),\n          )\n        : records,\n    )\n      .then((snapshot) => {\n        if (active) setTotalCount(snapshot.data().count)\n      })\n      .catch(() => {\n        // Left null, which withholds the split. See the block comment.\n      })\n    return () => {\n      active = false\n    }\n  }, [\n    attributions,\n    firestore,\n    kind,\n    campaignId,\n    totalCollectionPath,\n    totalCapturedHere,\n    hostId,\n  ])\n\n  const coverage = campaignConversionsCoverage({\n    kind,\n    attributed: attributedCount,\n    total: totalCount,\n    crossHostTotal: totalCrossesHosts,\n  })\n\n  /*==========================================\n   * LANDING PAGES — a join, and an EXPENSIVE one, so it is asked for.\n   *\n   * The attribution record carries `refId`; a form submission carries the\n   * `path` it was submitted from. Joining the two is the only landing-page\n   * answer the stored data supports, and the notice below says plainly what\n   * it is not: `path` is where the FORM was, not where the campaign link\n   * landed, so a visitor who arrived on one page and submitted on another is\n   * grouped under the second.\n   *\n   * Two reads deep and both bounded: a ceiling over the attributions, then\n   * their submissions by document name in chunks of thirty. `getDocs` rather\n   * than a listener — a grouping nobody is watching does not need to be kept\n   * live, and a listener would go on costing after the reader looked away.\n   *=========================================*/\n  const [landingBusy, setLandingBusy] = useState(false)\n  const [landingError, setLandingError] = useState<string | null>(null)\n  const [landing, setLanding] = useState<{\n    rows: { $id: string; path: string; conversions: number }[]\n    /** Attributions read, which is the population the grouping describes. */\n    read: number\n    /** The ceiling bit: there are more credited submissions than were read. */\n    truncated: boolean\n    /** Of `read`, how many named a submission that could not be found. */\n    missing: number\n  } | null>(null)\n\n  // A grouping computed for one kind describes that kind. Switching the mode\n  // leaves it on screen labelled as something it is not.\n  useEffect(() => {\n    setLanding(null)\n    setLandingError(null)\n  }, [kind, campaignId])\n\n  const groupByLandingPage = useCallback(async () => {\n    if (landingBusy) return\n    setLandingBusy(true)\n    setLandingError(null)\n    try {\n      const credited = await getDocs(\n        collectionCeiling(\n          campaignId\n            ? query(\n                attributions(),\n                where('kind', '==', 'form'),\n                where('campaignId', '==', campaignId),\n              )\n            : query(attributions(), where('kind', '==', 'form')),\n          LANDING_PAGE_CEILING,\n        ),\n      )\n      const { rows: credits, truncated } = ceilingedWindow(\n        credited.docs.map((entry) => entry.data() as CampaignConversionRecord),\n        LANDING_PAGE_CEILING,\n      )\n      const refIds = Array.from(\n        new Set(\n          credits\n            .map((record) => String(record.refId ?? ''))\n            .filter((id) => id.length > 0),\n        ),\n      )\n\n      const submissions = collection(\n        firestore,\n        'hosts',\n        hostId,\n        'formSubmissions',\n      )\n      const paths = new Map<string, string>()\n      for (let index = 0; index < refIds.length; index += ID_CHUNK) {\n        const chunk = refIds.slice(index, index + ID_CHUNK)\n        const found = await getDocs(\n          query(submissions, where(documentId(), 'in', chunk)),\n        )\n        found.docs.forEach((entry) => {\n          const path = String((entry.data() as any)?.path ?? '').trim()\n          if (path) paths.set(entry.id, path)\n        })\n      }\n\n      const counts = new Map<string, number>()\n      let missing = 0\n      refIds.forEach((refId) => {\n        const path = paths.get(refId)\n        if (!path) {\n          /*\n           * The submission was deleted, or it carries no path — an older one,\n           * or a form posted by an integration that sent none. Counted and\n           * REPORTED rather than filed under a placeholder page: a bar\n           * labelled \"/\" that is really \"we do not know\" is the kind of row a\n           * reader acts on.\n           */\n          missing += 1\n          return\n        }\n        counts.set(path, (counts.get(path) ?? 0) + 1)\n      })\n\n      setLanding({\n        rows: Array.from(counts.entries())\n          .map(([path, conversions]) => ({ $id: path, path, conversions }))\n          .sort(\n            (a, b) =>\n              b.conversions - a.conversions || a.path.localeCompare(b.path),\n          ),\n        read: refIds.length,\n        truncated,\n        missing,\n      })\n    } catch (error) {\n      console.error(error)\n      setLandingError('The landing pages could not be read')\n    } finally {\n      setLandingBusy(false)\n    }\n  }, [attributions, campaignId, firestore, hostId, landingBusy])\n\n  const campaignHref = (row: ConversionRow) =>\n    row.campaignId ? `${basePath}/campaigns/${row.campaignId}` : undefined\n\n  const columns = useMemo(\n    () => [\n      {\n        field: 'refId',\n        headerName: 'Record',\n        flex: 1,\n        minWidth: 200,\n        renderCell: ({ row }: any) => (\n          <Stack sx={{ minWidth: 0 }}>\n            <Typography variant=\"body2\" noWrap>\n              {String(row.refId ?? row.$id)}\n            </Typography>\n            <Typography variant=\"caption\" color=\"text.secondary\" noWrap>\n              {CAMPAIGN_CONVERSION_KIND_COPY[kind].label}\n            </Typography>\n          </Stack>\n        ),\n      },\n      {\n        field: 'campaign',\n        headerName: 'Credited to',\n        flex: 1,\n        minWidth: 180,\n        renderCell: ({ row }: any) => {\n          const label = campaignTouchLabel(row) || '—'\n          const href = campaignHref(row)\n          return href ? (\n            <AppLink\n              href={href}\n              onClick={(event: { stopPropagation: () => void }) =>\n                event.stopPropagation()\n              }\n            >\n              {label}\n            </AppLink>\n          ) : (\n            <Typography variant=\"body2\" noWrap>\n              {label}\n            </Typography>\n          )\n        },\n      },\n      {\n        field: 'convertedAtMs',\n        headerName: 'Converted',\n        width: 190,\n        renderCell: ({ row }: any) => (\n          <Typography variant=\"body2\" noWrap>\n            {day(row.convertedAtMs)}\n          </Typography>\n        ),\n      },\n      listActionsColumn((row: any) => (\n        <ListRowActions\n          label={String(row.refId ?? row.$id)}\n          items={[\n            {\n              key: 'campaign',\n              label: 'Open campaign',\n              icon: <MdiIcon path={mdiEyeOutline.path} size={0.8} />,\n              href: campaignHref(row),\n              disabled: !campaignHref(row),\n              /*\n               * Shown disabled with the reason rather than hidden. A control\n               * that vanishes and one that does not apply look identical from\n               * the outside, and only one of them is honest — there is no\n               * campaign document behind a `utm_` label to open.\n               */\n              disabledReason:\n                'This came from a tagged link rather than a campaign email, ' +\n                'so there is no campaign to open',\n            },\n          ]}\n        />\n      )),\n    ],\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [kind, basePath],\n  )\n\n  const landingColumns = useMemo(\n    () => [\n      {\n        field: 'path',\n        headerName: 'Page the form was on',\n        flex: 1,\n        minWidth: 240,\n        renderCell: ({ row }: any) => (\n          <Typography variant=\"body2\" noWrap>\n            {row.path}\n          </Typography>\n        ),\n      },\n      {\n        field: 'conversions',\n        headerName: 'Credited submissions',\n        width: 190,\n        align: 'right',\n        headerAlign: 'right',\n        renderCell: ({ row }: any) => (\n          <Typography variant=\"body2\">\n            {Number(row.conversions).toLocaleString()}\n          </Typography>\n        ),\n      },\n    ],\n    [],\n  )\n\n  const kindCopy = CAMPAIGN_CONVERSION_KIND_COPY[kind]\n\n  return (\n    <CardDisplay\n      header=\"Conversions\"\n      subheader={\n        campaignId\n          ? 'Credited to this campaign'\n          : 'What the campaigns caused, one kind at a time'\n      }\n      help={conversionsDocsHelp}\n      HeaderProps={{\n        action: campaignId ? (\n          <Button\n            component={AppLink as any}\n            {...({ componentVariant: 'naked', nativeButton: false } as any)}\n            href={`${basePath}/conversions`}\n            size=\"small\"\n            color=\"primary\"\n          >\n            {'All conversions'}\n          </Button>\n        ) : undefined,\n      }}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={2}>\n        {/*\n          THE KIND IS A MODE, NOT A COLUMN.\n\n          One form submission by a new person writes a submission, a contact\n          and a lead, so any view holding two kinds at once invites a total\n          that counts one visit twice. Only one kind's rows can be on screen,\n          which is what makes the addition unavailable rather than merely\n          discouraged.\n         */}\n        <Stack spacing={1}>\n          <ToggleButtonGroup\n            exclusive\n            size=\"small\"\n            color=\"primary\"\n            value={kind}\n            onChange={(_event, next) => {\n              if (next) setKind(next as CampaignConversionKind)\n            }}\n            aria-label=\"Conversion kind\"\n          >\n            {CAMPAIGN_CONVERSION_KINDS.map((one) => (\n              <ToggleButton key={one} value={one}>\n                {CAMPAIGN_CONVERSION_KIND_COPY[one].label}\n              </ToggleButton>\n            ))}\n          </ToggleButtonGroup>\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {'One kind at a time. The four count different things about the ' +\n              'same visits — one person filling in one form appears as a ' +\n              'submission, a contact and a lead — so they are never shown ' +\n              'together and never added.'}\n          </Typography>\n        </Stack>\n\n        <Divider />\n\n        {/*==========================================\n          * WHAT IS NOT CREDITED, beside what is.\n          *\n          * The tables below list the successes. Without this strip the reader\n          * has no way to see how much of their site's activity the campaigns\n          * account for, and every campaign reads as more effective than it is.\n          *=========================================*/}\n        {campaignId ? (\n          <Alert severity=\"info\">\n            {'This is one campaign’s share. Conversions credited to no ' +\n              'campaign belong to no campaign, so they are not counted here ' +\n              '— open all conversions for the site-wide figure.'}\n          </Alert>\n        ) : coverage ? (\n          <Section title={`${kindCopy.label} on this site`}>\n            <Stack\n              direction=\"row\"\n              spacing={4}\n              useFlexGap\n              sx={{ flexWrap: 'wrap' }}\n            >\n              <Figure\n                label=\"Credited to a campaign\"\n                value={coverage.attributed}\n                note=\"from a campaign email or a tagged link\"\n              />\n              <Figure\n                label=\"Not credited\"\n                value={coverage.unattributed}\n                note=\"arrived directly, or predate attribution\"\n              />\n              <Figure\n                label={`${kindCopy.label} in total`}\n                value={coverage.total}\n                note={\n                  coverage.exact ? 'on this site' : 'on this site, all time'\n                }\n              />\n            </Stack>\n            {coverage.caveats.map((caveat) => (\n              <Alert key={caveat.id} severity=\"info\">\n                {caveat.message}\n              </Alert>\n            ))}\n          </Section>\n        ) : (\n          <Alert severity=\"info\">\n            {'How many of these were credited to no campaign could not be ' +\n              'counted, so it is not shown. The lists below are the credited ' +\n              'ones only and are not a count of everything that happened.'}\n          </Alert>\n        )}\n\n        <Divider />\n\n        <Section title=\"From campaign emails\">\n          <ListTable\n            rows={emailList.rows}\n            columns={columns as any}\n            hideFooter\n            // One page of a walk in stored order; a header sort would order\n            // only that page.\n            disableColumnSorting\n            onOpen={(_id, row) => {\n              const href = campaignHref(row as ConversionRow)\n              if (href) router.push(href)\n            }}\n            noRowsLabel=\"Nothing credited to a campaign email\"\n            noRowsDescription={\n              'A conversion is credited when the visitor followed a link in ' +\n              'a campaign email before converting.'\n            }\n          />\n          <ListPagination\n            page={emailList.page}\n            pageSize={emailList.pageSize}\n            rowCount={emailList.rows.length}\n            hasMore={emailList.hasMore}\n            onPageChange={emailList.setPage}\n            onPageSizeChange={emailList.setPageSize}\n          />\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {'Listed in the order they are stored, which is not the order ' +\n              'they happened in — every row is reachable by paging, but the ' +\n              'first page is not the most recent conversions.'}\n          </Typography>\n        </Section>\n\n        {/*==========================================\n          * THE WEB CHANNEL — its own list, and no rollup.\n          *\n          * A `utm_` label is text somebody typed into a URL. There is no\n          * document behind it, no id, and no bound on how many distinct\n          * values exist, so it gets no rollup under a campaign and no summary\n          * keyed on the label: a map anybody who can vary a query string can\n          * grow is a map that grows. The records stand on their own and this\n          * lists them.\n          *\n          * Absent entirely on a campaign-scoped view, because these belong to\n          * no campaign.\n          *=========================================*/}\n        {campaignId ? null : (\n          <Section title=\"From tagged web links\">\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {'Credited to the utm_ label on the link the visitor followed. ' +\n                'These are listed one by one rather than grouped: the label ' +\n                'is free text with no campaign behind it, so there is ' +\n                'nothing to open and no fixed set to total.'}\n            </Typography>\n            <ListTable\n              rows={webList.rows}\n              columns={columns as any}\n              hideFooter\n              // One page of a walk in stored order; a header sort would\n              // order only that page.\n              disableColumnSorting\n              noRowsLabel=\"Nothing credited to a tagged link\"\n              noRowsDescription={\n                'A conversion lands here when the visitor arrived on a URL ' +\n                'carrying utm_ parameters.'\n              }\n            />\n            <ListPagination\n              page={webList.page}\n              pageSize={webList.pageSize}\n              rowCount={webList.rows.length}\n              hasMore={webList.hasMore}\n              onPageChange={webList.setPage}\n              onPageSizeChange={webList.setPageSize}\n            />\n          </Section>\n        )}\n\n        {/*==========================================\n          * LANDING PAGES, on request.\n          *\n          * `refId` on the record, `path` on the submission: joining those is\n          * the landing-page surface, and it is hundreds of reads, so it is a\n          * button rather than something every reader of this page pays for.\n          *=========================================*/}\n        {kind === 'form' ? (\n          <>\n            <Divider />\n            <Section title=\"Landing pages\">\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {'Groups credited form submissions by the page the form was ' +\n                  'on. This reads up to ' +\n                  `${LANDING_PAGE_CEILING.toLocaleString()} attribution ` +\n                  'records and their submissions, so it runs when you ask ' +\n                  'for it rather than on every visit.'}\n              </Typography>\n              <Stack direction=\"row\" spacing={1}>\n                <Button\n                  size=\"small\"\n                  variant=\"contained\"\n                  disabled={landingBusy}\n                  startIcon={\n                    <MdiIcon path={mdiMapMarkerOutline.path} size={0.8} />\n                  }\n                  onClick={() => void groupByLandingPage()}\n                >\n                  {landingBusy ? 'Reading…' : 'Group by landing page'}\n                </Button>\n              </Stack>\n              {landingError ? (\n                <Alert severity=\"warning\">{landingError}</Alert>\n              ) : null}\n              {landing ? (\n                <Stack spacing={1}>\n                  {/*\n                    WHAT THIS CANNOT ANSWER, above the table rather than under\n                    it. Every line is a question a reader will otherwise\n                    assume it answered.\n                   */}\n                  <Alert severity=\"info\">\n                    {'This is the page each form sat on, not the page the ' +\n                      'campaign link landed on — a visitor who arrived on ' +\n                      'one page and submitted on another is counted under ' +\n                      'the second. There is no conversion RATE here either: ' +\n                      'the record carries no count of visits to a page from ' +\n                      'a campaign, so there is no denominator to divide by. ' +\n                      'Only form submissions carry a page at all, so leads, ' +\n                      'contacts and bookings have no landing page.'}\n                  </Alert>\n                  {landing.truncated ? (\n                    <Alert severity=\"warning\">\n                      {`More than ${LANDING_PAGE_CEILING.toLocaleString()} ` +\n                        'credited submissions exist. This groups the ' +\n                        `${landing.read.toLocaleString()} that were read, ` +\n                        'which are not the most recent — they are the ones ' +\n                        'that came first in storage order.'}\n                    </Alert>\n                  ) : null}\n                  {landing.missing ? (\n                    <Alert severity=\"info\">\n                      {`${landing.missing.toLocaleString()} of the ` +\n                        `${landing.read.toLocaleString()} credited ` +\n                        'submissions are not grouped: the submission has ' +\n                        'been deleted, or it recorded no page. They are ' +\n                        'reported here rather than filed under a page they ' +\n                        'may not have come from.'}\n                    </Alert>\n                  ) : null}\n                  <ListTable\n                    rows={landing.rows}\n                    columns={landingColumns as any}\n                    hideFooter\n                    noRowsLabel=\"No pages to group\"\n                    noRowsDescription=\"None of the credited submissions recorded a page.\"\n                  />\n                  <Stack direction=\"row\" spacing={1}>\n                    <Chip\n                      size=\"small\"\n                      variant=\"outlined\"\n                      label={`${landing.read.toLocaleString()} credited submissions read`}\n                    />\n                    <Chip\n                      size=\"small\"\n                      variant=\"outlined\"\n                      label={`${landing.rows.length.toLocaleString()} pages`}\n                    />\n                  </Stack>\n                </Stack>\n              ) : null}\n            </Section>\n          </>\n        ) : null}\n      </Stack>\n    </CardDisplay>\n  )\n}\nCampaignConversionsCard.displayName = 'CampaignConversionsCard'\n\nexport default CampaignConversionsCard\n"],"names":["CAPTURED_BY_HOST_FIELD","pluginDocsHelp","mdiEyeOutline","mdiMapMarkerOutline","AppLink","CardDisplay","MdiIcon","ListRowActions","ListTable","listActionsColumn","ListPagination","Figure","Section","Alert","Button","Chip","Divider","Stack","ToggleButton","ToggleButtonGroup","Typography","collection","documentId","getCountFromServer","getDocs","query","where","useCallback","useEffect","useMemo","useState","useRouter","useFirestore","useOrgDataScope","usePagedCollection","ceilingedWindow","collectionCeiling","collectionPage","CAMPAIGN_CONVERSION_KINDS","CAMPAIGN_CONVERSION_KIND_COPY","campaignConversionsCoverage","campaignTouchLabel","LANDING_PAGE_CEILING","ID_CHUNK","conversionsDocsHelp","anchor","excerpt","day","ms","value","Number","isFinite","Date","toLocaleString","CampaignConversionsCard","props","hostId","basePath","campaignId","firestore","router","scope","dataScope","kind","setKind","attributions","emailList","pageLimit","idField","webList","totalCollectionPath","totalCapturedHere","totalCrossesHosts","attributedCount","setAttributedCount","totalCount","setTotalCount","active","then","snapshot","data","count","catch","segments","split","records","slice","coverage","attributed","total","crossHostTotal","landingBusy","setLandingBusy","landingError","setLandingError","landing","setLanding","groupByLandingPage","credited","rows","credits","truncated","docs","map","entry","refIds","Array","from","Set","record","String","refId","filter","id","length","submissions","paths","Map","index","chunk","found","forEach","path","trim","set","counts","missing","get","entries","conversions","$id","sort","a","b","localeCompare","read","error","console","campaignHref","row","undefined","columns","field","headerName","flex","minWidth","renderCell","sx","variant","noWrap","color","label","href","onClick","event","stopPropagation","width","convertedAtMs","items","key","icon","size","disabled","disabledReason","landingColumns","align","headerAlign","kindCopy","header","subheader","help","HeaderProps","action","component","componentVariant","nativeButton","contentGutterX","contentGutterY","spacing","exclusive","onChange","_event","next","aria-label","one","severity","title","direction","useFlexGap","flexWrap","note","unattributed","exact","caveats","caveat","message","hideFooter","disableColumnSorting","onOpen","_id","push","noRowsLabel","noRowsDescription","page","pageSize","rowCount","hasMore","onPageChange","setPage","onPageSizeChange","setPageSize","startIcon","displayName"],"mappings":"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"}

package/src/lib/components/campaign-detail-card.js

@@ -20,11 +20,16 @@ import { mdiDeleteOutline, mdiEyeOutline, mdiPaletteOutline, mdiPencilOutline }
 import { AppLink, CardDisplay, MdiIcon, useConfirmationContext } from "@aglyn/shared-ui-jsx";
 import { Figure, RateRow, Section } from "@aglyn/shared-ui-jsx/components/measured-figures.component";
 import ListFilterChips from "@aglyn/shared-ui-jsx/components/list-filter-chips.component";
+import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
+import ListQueryNotices, { listQueryRefusals } from "@aglyn/shared-ui-jsx/components/list-query-notices.component";
 import { ListRowActions, ListTable, listActionsColumn } from "@aglyn/shared-ui-jsx/components/list-table.component";
-import { useListRowsFilter } from "@aglyn/shared-ui-jsx/hooks/use-list-rows-filter";
+import { hiddenFilterVisibility } from "@aglyn/shared-ui-jsx/const/list-filter";
+import { listFilterGridColumns } from "@aglyn/shared-ui-jsx/const/list-grid-filter";
+import { useListGridFilter } from "@aglyn/shared-ui-jsx/hooks/use-list-grid-filter";
 import RowActionsMenu from "@aglyn/shared-ui-jsx/components/row-actions-menu.component";
 import { TABLE_ROW_HEIGHT } from "@aglyn/shared-ui-jsx/const/table-pagination";
 import { ceilingedWindow } from "@aglyn/tenant-feature-instance/hooks/host-collection-queries";
+import { useListQuery } from "@aglyn/tenant-feature-instance/hooks/use-list-query";
 import { PageHeaderRecord, pluginDocsHelp } from "@aglyn/aglyn";
 import { Alert, Box, Button, Chip, Divider, MenuItem, Stack, TextField, Typography } from "@mui/material";
 import { collection, deleteField, documentId, limit, orderBy, query, updateDoc, where } from "firebase/firestore";
@@ -33,13 +38,13 @@ import { useRouter } from "next/navigation";
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
 import { useFirestore, useFirestoreCollection, useFirestoreDoc } from "@aglyn/tenant-feature-instance";
 import { campaignForcedListUnsubscribeSends, campaignListUnsubscribe, campaignRollup, campaignSendDisplay, campaignSiteIds, campaignVisibleTo, campaignWindowState, emailListTimeMs } from "@aglyn/shared-ui-email-campaigns/model";
-import { EMAIL_STATE_FILTER_FIELD, EMAIL_STATE_OPTIONS, EMAIL_SUBJECT_FILTER_FIELD, emailFilterValues } from "./email-send-filter.js";
+import { CAMPAIGN_EMAILS_QUERY, CAMPAIGN_SEND_STATUS_OPTIONS, campaignContainerSearchFields, campaignSendsScope } from "../model/campaign-list-query.js";
 import CampaignComposer from "./campaign-composer.js";
 import CampaignEditDrawer from "./campaign-edit-drawer.js";
 import { CampaignConversionsSection, CampaignDestinationsSection, CampaignRevenueSection, CampaignSequencesSection } from "./campaign-reach-sections.js";
 import CampaignMembersSection from "./campaign-members-section.js";
 import CampaignReportCard from "./campaign-report-card.js";
-import { campaignContainerDoc, campaignSendsQuery } from "./campaign-queries.js";
+import { campaignContainerDoc, campaignSendsCollection, campaignSendsQuery } from "./campaign-queries.js";
 import { orgSiteHubPath, orgSiteName, orgSiteOptions, topicCatalogHostId, useMarketingOrgId, useMarketingOrgMount } from "./marketing-org-mount.js";
 import { useCampaignManageApi } from "./use-campaign-send-api.js";
 import { useEmailsHubPath } from "./use-emails-hub-path.js";
@@ -61,20 +66,20 @@ const detailDocsHelp = pluginDocsHelp('emailCampaigns', {
         value: value.value,
         note: value.value !== null && value.recorded < value.sends ? `across ${value.recorded} of ${value.sends} emails` : `across ${value.sends} email${value.sends === 1 ? '' : 's'}`
     });
-/* What the campaign's emails table filters by (AGL-3317). */ const SEND_FILTER_FIELDS = [
-    EMAIL_SUBJECT_FILTER_FIELD,
-    EMAIL_STATE_FILTER_FIELD
-];
+/*
+ * What the campaign's emails table filters by, each clause and the search on
+ * the table's own Firestore query (AGL-3321, `CAMPAIGN_EMAILS_QUERY`). The
+ * State column is derived from an email's counters and cannot be asked of a
+ * query, so the panel offers the Status it stores.
+ */ const SEND_FILTER_FIELDS = CAMPAIGN_EMAILS_QUERY.fields;
 const SEND_FILTER_OPTIONS = {
-    state: EMAIL_STATE_OPTIONS
+    status: CAMPAIGN_SEND_STATUS_OPTIONS
 };
 const SEND_FILTER_HEADERS = {
     subject: 'Subject',
-    state: 'State'
+    status: 'Status',
+    createdAtMs: 'Created'
 };
-const SEND_SEARCH_FIELDS = [
-    'subjectText'
-];
 /**
  * ONE CAMPAIGN: its lists, what it caused, what it earned, where it sent
  * people, and the emails it did all of that with.
@@ -232,17 +237,43 @@ const SEND_SEARCH_FIELDS = [
         sends
     ]);
     /*
-   * The emails table's Filters panel and search (AGL-3317), answered over
-   * every email the card read — the same window the figures above cover.
-   */ const sendFilterRows = useMemo(()=>sends.map((send)=>_extends({}, send, emailFilterValues(send))), [
-        sends
-    ]);
-    const sendFilter = useListRowsFilter({
-        rows: sendFilterRows,
-        fields: SEND_FILTER_FIELDS,
-        options: SEND_FILTER_OPTIONS,
-        headers: SEND_FILTER_HEADERS,
-        search: SEND_SEARCH_FIELDS
+   * THE EMAILS TABLE IS ITS OWN QUERY (AGL-3321).
+   *
+   * The figures above are a sum over the window read above; the table under
+   * them is a list a reader filters and searches, so each clause and the
+   * search word go onto a query of their own — this campaign's emails
+   * (`emailCampaignId == id`, and under a site the ones sent as it), newest
+   * first, paged by the query. A match on the fifth page is found; nothing
+   * is matched over the rows a read happened to hold. Gated on the container
+   * like the window: a single send's report reads none of it.
+   */ const gridFilter = useListGridFilter({
+        selectFields: [
+            'status'
+        ]
+    });
+    const sendPage = useListQuery({
+        collection: campaign ? campaignSendsCollection(firestore, orgId) : null,
+        declaration: CAMPAIGN_EMAILS_QUERY,
+        request: {
+            clauses: gridFilter.clauses,
+            search: gridFilter.searchWords,
+            base: [
+                {
+                    path: 'emailCampaignId',
+                    op: '==',
+                    value: campaignId
+                },
+                ...campaignSendsScope(hostId)
+            ]
+        },
+        deps: [
+            firestore,
+            orgId,
+            hostId,
+            campaignId,
+            Boolean(campaign)
+        ],
+        idField: '$id'
     });
     // The ids the two sections beneath the figures join on. Derived from the
     // window this card already holds, so neither of them reads the send list
@@ -278,16 +309,18 @@ const SEND_SEARCH_FIELDS = [
         setSaving(true);
         setSaveError(null);
         try {
+            const placement = !hostId && values.siteIds !== undefined ? {
+                visibleTo: campaignVisibleTo(values.siteIds)
+            } : {};
             await updateDoc(campaignContainerDoc(firestore, orgId, campaignId), _extends({
-                name: values.name,
+                name: values.name
+            }, campaignContainerSearchFields(values.name), {
                 startAtMs: values.startAtMs,
                 endAtMs: values.endAtMs,
                 listIds: values.listIds,
                 topicId: values.topicId ? values.topicId : deleteField(),
                 listUnsubscribe: values.listUnsubscribe
-            }, !hostId && values.siteIds !== undefined ? {
-                visibleTo: campaignVisibleTo(values.siteIds)
-            } : {}));
+            }, placement));
             setEditing(false);
             enqueueSnackbar('Campaign updated', {
                 variant: 'success',
@@ -470,7 +503,7 @@ const SEND_SEARCH_FIELDS = [
    * The campaign's emails, on the surface's own row grammar: the row opens
    * the email's report, its subject is also a real link so it can be
    * middle-clicked and copied, and the trailing cluster holds the actions.
-   * The window is one the card already holds, so the grid pages it.
+   * A page of the table's own query, paged by that query.
    */ const sendColumns = [
         {
             field: 'subject',
@@ -513,7 +546,7 @@ const SEND_SEARCH_FIELDS = [
                 const state = campaignSendDisplay(send).state;
                 return /*#__PURE__*/ _jsx(Chip, {
                     size: "small",
-                    color: state === 'sending' ? 'info' : state === 'stopped' ? 'warning' : undefined,
+                    color: state === 'sending' ? 'info' : state === 'stopped' || state === 'held' ? 'warning' : undefined,
                     label: value
                 });
             }
@@ -845,22 +878,59 @@ const SEND_SEARCH_FIELDS = [
                     sends.length ? /*#__PURE__*/ _jsxs(Stack, {
                         spacing: 0.5,
                         children: [
-                            /*#__PURE__*/ _jsx(ListFilterChips, _extends({}, sendFilter.chipsProps)),
-                            /*#__PURE__*/ _jsx(ListTable, _extends({
+                            /*#__PURE__*/ _jsx(ListFilterChips, {
+                                fields: SEND_FILTER_FIELDS,
+                                headers: SEND_FILTER_HEADERS,
+                                clauses: gridFilter.clauses,
+                                onChange: gridFilter.setClauses,
+                                options: SEND_FILTER_OPTIONS
+                            }),
+                            /*#__PURE__*/ _jsx(ListQueryNotices, {
+                                refused: listQueryRefusals(sendPage.plan.refused, {
+                                    fields: SEND_FILTER_FIELDS,
+                                    headers: SEND_FILTER_HEADERS,
+                                    options: SEND_FILTER_OPTIONS
+                                }),
+                                notices: sendPage.plan.notices
+                            }),
+                            /*#__PURE__*/ _jsx(ListTable, {
                                 "aria-label": "The campaign's emails",
-                                rows: sendFilter.rows,
-                                columns: sendFilter.filterColumns(sendColumns),
+                                rows: sendPage.rows,
+                                columns: listFilterGridColumns(sendColumns, SEND_FILTER_FIELDS, SEND_FILTER_OPTIONS, SEND_FILTER_HEADERS),
                                 rowHeight: TABLE_ROW_HEIGHT,
                                 onOpen: (_id, send)=>{
                                     const href = sendHref(send);
                                     if (href) router.push(href);
-                                }
-                            }, sendFilter.gridProps, {
+                                },
+                                loading: sendPage.status === 'loading',
+                                /*
+               * The panel and the search are the grid's; every clause and the
+               * search word are on the table's query (AGL-3321), and the grid
+               * neither filters nor sorts the page it is handed.
+               */ filterMode: "server",
+                                filterModel: gridFilter.filterModel,
+                                onFilterModelChange: gridFilter.onFilterModelChange,
+                                quickFilter: true,
+                                disableColumnSorting: true,
+                                hideFooter: true,
+                                initialState: {
+                                    columns: {
+                                        columnVisibilityModel: hiddenFilterVisibility(SEND_FILTER_FIELDS, sendColumns.map((column)=>String(column.field)))
+                                    }
+                                },
                                 noRowsLabel: "No emails match these filters"
-                            })),
+                            }),
+                            /*#__PURE__*/ _jsx(ListPagination, {
+                                page: sendPage.page,
+                                pageSize: sendPage.pageSize,
+                                rowCount: sendPage.rows.length,
+                                hasMore: sendPage.hasMore,
+                                onPageChange: sendPage.setPage,
+                                onPageSizeChange: sendPage.setPageSize
+                            }),
                             sendsTruncated ? /*#__PURE__*/ _jsx(Alert, {
                                 severity: "info",
-                                children: `Showing ${CAMPAIGN_EMAIL_CEILING} of this campaign's ` + 'emails. It has sent more — the ones listed are not ' + 'necessarily the most recent, because a send carries no ' + 'date field that every writer stamps, and the figures above ' + 'cover the emails listed.'
+                                children: `The figures above cover ${CAMPAIGN_EMAIL_CEILING} of this ` + 'campaign’s emails. It has sent more; the table lists ' + 'every one of them.'
                             }) : null
                         ]
                     }) : /*#__PURE__*/ _jsx(Typography, {