@aglyn/plugins-marketing 1.0.0-beta.232 → 1.0.0-beta.233

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aglyn/plugins-marketing",
-  "version": "1.0.0-beta.232",
+  "version": "1.0.0-beta.233",
   "license": "Apache-2.0",
   "homepage": "https://aglyn.com",
   "repository": {
@@ -25,21 +25,21 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@aglyn/aglyn": "1.0.0-beta.232",
-    "@aglyn/shared-data-enums": "1.0.0-beta.232",
-    "@aglyn/shared-data-mdi": "1.0.0-beta.232",
-    "@aglyn/shared-ui-email-campaigns": "1.0.0-beta.232",
-    "@aglyn/shared-ui-jsx": "1.0.0-beta.232",
-    "@aglyn/shared-ui-jsx-forms": "1.0.0-beta.232",
-    "@aglyn/shared-ui-next": "1.0.0-beta.232",
-    "@aglyn/shared-ui-snackstack": "1.0.0-beta.232",
-    "@aglyn/shared-util-email": "1.0.0-beta.232",
-    "@aglyn/shared-util-http": "1.0.0-beta.232",
-    "@aglyn/shared-util-timestamp": "1.0.0-beta.232",
-    "@aglyn/shared-util-tools": "1.0.0-beta.232",
-    "@aglyn/tenant-data-admin": "1.0.0-beta.232",
-    "@aglyn/tenant-feature-instance": "1.0.0-beta.232",
-    "@aglyn/tenant-runtime": "1.0.0-beta.232",
+    "@aglyn/aglyn": "1.0.0-beta.233",
+    "@aglyn/shared-data-enums": "1.0.0-beta.233",
+    "@aglyn/shared-data-mdi": "1.0.0-beta.233",
+    "@aglyn/shared-ui-email-campaigns": "1.0.0-beta.233",
+    "@aglyn/shared-ui-jsx": "1.0.0-beta.233",
+    "@aglyn/shared-ui-jsx-forms": "1.0.0-beta.233",
+    "@aglyn/shared-ui-next": "1.0.0-beta.233",
+    "@aglyn/shared-ui-snackstack": "1.0.0-beta.233",
+    "@aglyn/shared-util-email": "1.0.0-beta.233",
+    "@aglyn/shared-util-http": "1.0.0-beta.233",
+    "@aglyn/shared-util-timestamp": "1.0.0-beta.233",
+    "@aglyn/shared-util-tools": "1.0.0-beta.233",
+    "@aglyn/tenant-data-admin": "1.0.0-beta.233",
+    "@aglyn/tenant-feature-instance": "1.0.0-beta.233",
+    "@aglyn/tenant-runtime": "1.0.0-beta.233",
     "@swc/helpers": "0.5.23"
   },
   "peerDependencies": {

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

@@ -25,7 +25,9 @@ import { ListRowActions, ListTable, listActionsColumn } from "@aglyn/shared-ui-j
 import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
 import { Figure, Section } from "@aglyn/shared-ui-jsx/components/measured-figures.component";
 import { Alert, Button, Chip, Divider, Stack, ToggleButton, ToggleButtonGroup, Typography } from "@mui/material";
-import { collection, getCountFromServer, getDocs, query, where } from "firebase/firestore";
+import { collection, getCountFromServer, getDocs, limit, orderBy, query, where } from "firebase/firestore";
+import ListQueryNotices from "@aglyn/shared-ui-jsx/components/list-query-notices.component";
+import { useListColumnSort } from "@aglyn/shared-ui-jsx/hooks/use-list-column-sort";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useRouter } from "next/navigation";
 import { useFirestore, useOrgDataScope, usePagedCollection } from "@aglyn/tenant-feature-instance";
@@ -34,7 +36,7 @@ import { useFirestore, useOrgDataScope, usePagedCollection } from "@aglyn/tenant
  * `@aglyn/tenant-feature-instance` wholesale to stage its Firestore hooks
  * would otherwise lose them, and neither is a hook.
  */ import { ceilingedWindow, collectionCeiling, collectionPage } from "@aglyn/tenant-feature-instance/hooks/host-collection-queries";
-import { CAMPAIGN_CONVERSION_KINDS, CAMPAIGN_CONVERSION_KIND_COPY, CAMPAIGN_CONVERSION_RECORD_KINDS, campaignConversionsCoverage, campaignTouchLabel } from "../model/campaign-conversions.js";
+import { CAMPAIGN_CONVERSION_KINDS, CAMPAIGN_CONVERSION_KIND_COPY, CAMPAIGN_CONVERSION_SORTS, CAMPAIGN_CONVERSION_RECORD_KINDS, campaignConversionsCoverage, campaignTouchLabel } from "../model/campaign-conversions.js";
 import { MarketingInsightsZone } from "./marketing-insight-zones.js";
 /**
  * WHAT THE CAMPAIGNS CAUSED, from the conversions' end.
@@ -86,6 +88,12 @@ const conversionsDocsHelp = pluginDocsHelp('emailCampaigns', {
     anchor: '#the-campaign-report',
     excerpt: 'A conversion is credited to the last campaign whose link the visitor ' + 'followed. The four kinds count different things about the same visits ' + 'and are never added together.'
 });
+/** Credited to is a label drawn from several fields: it sorts the page (AGL-3680). */ const CONVERSION_PAGE_SORTS = {
+    campaign: (row)=>campaignTouchLabel(row) || null
+};
+const CONVERSION_PAGE_SORT_HEADERS = {
+    campaign: 'Credited to'
+};
 const day = (ms)=>{
     const value = Number(ms != null ? ms : 0);
     return Number.isFinite(value) && value > 0 ? new Date(value).toLocaleString() : '—';
@@ -117,22 +125,49 @@ export function CampaignConversionsCard(props) {
    * campaign. It is never applied to the web list: a `utm_` label is not a
    * campaign id and a query pretending otherwise would return nothing while
    * reading as "this campaign caused no web conversions".
-   *=========================================*/ const emailList = usePagedCollection((pageLimit)=>collectionPage(campaignId ? query(attributions(), where('kind', '==', kind), where('campaignId', '==', campaignId)) : query(attributions(), where('kind', '==', kind), where('channel', '==', 'email')), pageLimit), [
+   *=========================================*/ const [emailSortAsked, setEmailSortAsked] = useState(null);
+    const [webSortAsked, setWebSortAsked] = useState(null);
+    /*
+   * A header order asked of a list replaces the document-name walk with an
+   * `orderBy` on that field (AGL-3680, `CAMPAIGN_CONVERSION_SORTS`): both
+   * fields are on every attribution, so the ordered walk is as total.
+   */ const orderedPage = (base, sort, pageLimit)=>sort ? query(base, orderBy(sort.path, sort.direction), limit(pageLimit)) : collectionPage(base, pageLimit);
+    const emailList = usePagedCollection((pageLimit)=>orderedPage(campaignId ? query(attributions(), where('kind', '==', kind), where('campaignId', '==', campaignId)) : query(attributions(), where('kind', '==', kind), where('channel', '==', 'email')), emailSortAsked, pageLimit), [
         firestore,
         hostId,
         kind,
-        campaignId
+        campaignId,
+        emailSortAsked == null ? void 0 : emailSortAsked.path,
+        emailSortAsked == null ? void 0 : emailSortAsked.direction
     ], {
         idField: '$id'
     });
-    const webList = usePagedCollection((pageLimit)=>campaignId ? null : collectionPage(query(attributions(), where('kind', '==', kind), where('channel', '==', 'web')), pageLimit), [
+    const webList = usePagedCollection((pageLimit)=>campaignId ? null : orderedPage(query(attributions(), where('kind', '==', kind), where('channel', '==', 'web')), webSortAsked, pageLimit), [
         firestore,
         hostId,
         kind,
-        campaignId
+        campaignId,
+        webSortAsked == null ? void 0 : webSortAsked.path,
+        webSortAsked == null ? void 0 : webSortAsked.direction
     ], {
         idField: '$id'
     });
+    const emailSort = useListColumnSort({
+        sorts: CAMPAIGN_CONVERSION_SORTS,
+        sort: emailSortAsked,
+        onSortChange: setEmailSortAsked,
+        rows: emailList.rows,
+        pageSorts: CONVERSION_PAGE_SORTS,
+        headers: CONVERSION_PAGE_SORT_HEADERS
+    });
+    const webSort = useListColumnSort({
+        sorts: CAMPAIGN_CONVERSION_SORTS,
+        sort: webSortAsked,
+        onSortChange: setWebSortAsked,
+        rows: webList.rows,
+        pageSorts: CONVERSION_PAGE_SORTS,
+        headers: CONVERSION_PAGE_SORT_HEADERS
+    });
     /*==========================================
    * THE UNCREDITED HALF.
    *
@@ -526,13 +561,17 @@ export function CampaignConversionsCard(props) {
                 /*#__PURE__*/ _jsxs(Section, {
                     title: "From campaign emails",
                     children: [
+                        /*#__PURE__*/ _jsx(ListQueryNotices, {
+                            refused: [],
+                            notices: emailSort.notices
+                        }),
                         /*#__PURE__*/ _jsx(ListTable, {
-                            rows: emailList.rows,
+                            rows: emailSort.rows,
                             columns: columns,
                             hideFooter: true,
-                            // One page of a walk in stored order; a header sort would order
-                            // only that page.
-                            disableColumnSorting: true,
+                            // Converted and Record order the query; Credited to sorts the
+                            // page and says so (AGL-3680).
+                            columnSort: emailSort,
                             onOpen: (_id, row)=>{
                                 const href = campaignHref(row);
                                 if (href) router.push(href);
@@ -551,7 +590,7 @@ export function CampaignConversionsCard(props) {
                         /*#__PURE__*/ _jsx(Typography, {
                             variant: "caption",
                             color: "text.secondary",
-                            children: 'Listed in the order they are stored, which is not the order ' + 'they happened in — every row is reachable by paging, but the ' + 'first page is not the most recent conversions.'
+                            children: 'Listed in the order they are stored, which is not the order ' + 'they happened in — every row is reachable by paging, but the ' + 'first page is not the most recent conversions. Sort by ' + 'Converted for those.'
                         })
                     ]
                 }),
@@ -563,13 +602,17 @@ export function CampaignConversionsCard(props) {
                             color: "text.secondary",
                             children: 'Credited to the utm_ label on the link the visitor followed. ' + 'These are listed one by one rather than grouped: the label ' + 'is free text with no campaign behind it, so there is ' + 'nothing to open and no fixed set to total.'
                         }),
+                        /*#__PURE__*/ _jsx(ListQueryNotices, {
+                            refused: [],
+                            notices: webSort.notices
+                        }),
                         /*#__PURE__*/ _jsx(ListTable, {
-                            rows: webList.rows,
+                            rows: webSort.rows,
                             columns: columns,
                             hideFooter: true,
-                            // One page of a walk in stored order; a header sort would
-                            // order only that page.
-                            disableColumnSorting: true,
+                            // Converted and Record order the query; Credited to sorts the
+                            // page and says so (AGL-3680).
+                            columnSort: webSort,
                             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 { pluginDocsHelp } from '@aglyn/aglyn'\nimport { pluginRecordCountSource } from '@aglyn/aglyn/plugin-manager/plugin-record-counts'\nimport {\n  PLUGIN_RECORD_LIST_IDS_MAX,\n  pluginRecordListByIdsQuery,\n  pluginRecordsFromRows,\n} from '@aglyn/aglyn/plugin-manager/plugin-record-lists'\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  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  CAMPAIGN_CONVERSION_RECORD_KINDS,\n  campaignConversionsCoverage,\n  campaignTouchLabel,\n  type CampaignConversionKind,\n  type CampaignConversionRecord,\n} from '../model/campaign-conversions'\nimport { MarketingInsightsZone } from './marketing-insight-zones'\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/** The most submissions one by-name read asks for — Firestore's `in` cap. */\nconst ID_CHUNK = PLUGIN_RECORD_LIST_IDS_MAX\n\n/** A credited form conversion's `refId` names a submission of this kind. */\nconst SUBMISSION_RECORD_KIND = CAMPAIGN_CONVERSION_RECORD_KINDS.form\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   * THE TOTAL IS COUNTED BY THE PLUGIN THAT KEEPS THE RECORDS\n   * (`plugin-record-counts`, AGL-3080): the forms plugin's submissions, the\n   * bookings plugin's bookings, the record system's leads and contacts. The\n   * owner says which of its records this site produced — its own\n   * submissions and bookings, the leads it CAPTURED (AGL-3275; not the ones\n   * a consent group merely shares with it), and for contacts, which the\n   * organization holds once for every site, all of them, which the owner\n   * marks as a count that crosses sites. With no owner in this console the\n   * total is withheld exactly as a failed count is.\n   *\n   * The source is resolved per kind and the query built inside the effect,\n   * from primitives: a query object rebuilt on every render as a dependency\n   * would reopen the effect, and pay for two aggregation counts, on every\n   * render rather than per kind.\n   */\n  const orgId = dataScope ? dataScope[1] : null\n  const countSource = useMemo(\n    () => pluginRecordCountSource(CAMPAIGN_CONVERSION_RECORD_KINDS[kind]),\n    [kind],\n  )\n\n  /** The kind's records live outside this host, so the total over-counts. */\n  const totalCrossesHosts = countSource?.crossesSites === true\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    const totalQuery = campaignId\n      ? null\n      : (countSource?.query(firestore, { hostId, orgId }) ?? null)\n    if (!totalQuery) {\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    void getCountFromServer(totalQuery)\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  }, [attributions, firestore, kind, campaignId, countSource, hostId, orgId])\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      /*\n       * The page each credited submission was sent from, asked of the plugin\n       * that keeps submissions (`plugin-record-lists`, by name), a chunk at a\n       * time. With no such plugin here every one reads as not found, and is\n       * counted as missing below rather than grouped under a guess.\n       */\n      const paths = new Map<string, string>()\n      for (let index = 0; index < refIds.length; index += ID_CHUNK) {\n        const named = pluginRecordListByIdsQuery(SUBMISSION_RECORD_KIND, firestore, {\n          hostId,\n          ids: refIds.slice(index, index + ID_CHUNK),\n        })\n        if (!named) continue\n        const found = await getDocs(named)\n        const records = pluginRecordsFromRows(\n          SUBMISSION_RECORD_KIND,\n          found.docs.map((entry) => ({ ...entry.data(), $id: entry.id })),\n        )\n        for (const record of records) {\n          const path = String(record.facts['path'] ?? '').trim()\n          if (path) paths.set(record.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: (\n          <Stack direction=\"row\" spacing={1}>\n            {/*\n              The figures in words, from a plugin (AGL-3603): the\n              `marketingInsights` zone this plugin declares, handed the site\n              these conversions are one site's.\n            */}\n            <MarketingInsightsZone hostId={hostId} subject=\"conversions\" campaign={null} />\n            {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            ) : null}\n          </Stack>\n        ),\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":["pluginDocsHelp","pluginRecordCountSource","PLUGIN_RECORD_LIST_IDS_MAX","pluginRecordListByIdsQuery","pluginRecordsFromRows","mdiEyeOutline","mdiMapMarkerOutline","AppLink","CardDisplay","MdiIcon","ListRowActions","ListTable","listActionsColumn","ListPagination","Figure","Section","Alert","Button","Chip","Divider","Stack","ToggleButton","ToggleButtonGroup","Typography","collection","getCountFromServer","getDocs","query","where","useCallback","useEffect","useMemo","useState","useRouter","useFirestore","useOrgDataScope","usePagedCollection","ceilingedWindow","collectionCeiling","collectionPage","CAMPAIGN_CONVERSION_KINDS","CAMPAIGN_CONVERSION_KIND_COPY","CAMPAIGN_CONVERSION_RECORD_KINDS","campaignConversionsCoverage","campaignTouchLabel","MarketingInsightsZone","LANDING_PAGE_CEILING","ID_CHUNK","SUBMISSION_RECORD_KIND","form","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","orgId","countSource","totalCrossesHosts","crossesSites","attributedCount","setAttributedCount","totalCount","setTotalCount","totalQuery","active","then","snapshot","data","count","catch","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","paths","Map","index","named","ids","slice","found","records","$id","path","facts","trim","set","counts","missing","forEach","get","entries","conversions","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","direction","spacing","subject","campaign","component","componentVariant","nativeButton","contentGutterX","contentGutterY","exclusive","onChange","_event","next","aria-label","one","severity","title","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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"}
+{"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 { pluginDocsHelp } from '@aglyn/aglyn'\nimport { pluginRecordCountSource } from '@aglyn/aglyn/plugin-manager/plugin-record-counts'\nimport {\n  PLUGIN_RECORD_LIST_IDS_MAX,\n  pluginRecordListByIdsQuery,\n  pluginRecordsFromRows,\n} from '@aglyn/aglyn/plugin-manager/plugin-record-lists'\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  getCountFromServer,\n  getDocs,\n  limit,\n  orderBy,\n  type Query,\n  query,\n  where,\n} from 'firebase/firestore'\nimport ListQueryNotices from '@aglyn/shared-ui-jsx/components/list-query-notices.component'\nimport type { ListQuerySort } from '@aglyn/shared-ui-jsx/const/list-query-plan'\nimport { useListColumnSort } from '@aglyn/shared-ui-jsx/hooks/use-list-column-sort'\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  CAMPAIGN_CONVERSION_SORTS,\n  CAMPAIGN_CONVERSION_RECORD_KINDS,\n  campaignConversionsCoverage,\n  campaignTouchLabel,\n  type CampaignConversionKind,\n  type CampaignConversionRecord,\n} from '../model/campaign-conversions'\nimport { MarketingInsightsZone } from './marketing-insight-zones'\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/** The most submissions one by-name read asks for — Firestore's `in` cap. */\nconst ID_CHUNK = PLUGIN_RECORD_LIST_IDS_MAX\n\n/** A credited form conversion's `refId` names a submission of this kind. */\nconst SUBMISSION_RECORD_KIND = CAMPAIGN_CONVERSION_RECORD_KINDS.form\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\n/** Credited to is a label drawn from several fields: it sorts the page (AGL-3680). */\nconst CONVERSION_PAGE_SORTS = {\n  campaign: (row: ConversionRow) => campaignTouchLabel(row) || null,\n}\nconst CONVERSION_PAGE_SORT_HEADERS = { campaign: 'Credited to' }\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 [emailSortAsked, setEmailSortAsked] = useState<ListQuerySort | null>(null)\n  const [webSortAsked, setWebSortAsked] = useState<ListQuerySort | null>(null)\n  /*\n   * A header order asked of a list replaces the document-name walk with an\n   * `orderBy` on that field (AGL-3680, `CAMPAIGN_CONVERSION_SORTS`): both\n   * fields are on every attribution, so the ordered walk is as total.\n   */\n  const orderedPage = (base: Query, sort: ListQuerySort | null, pageLimit: number) =>\n    sort ? query(base, orderBy(sort.path, sort.direction), limit(pageLimit)) : collectionPage(base, pageLimit)\n  const emailList = usePagedCollection<ConversionRow>(\n    (pageLimit) =>\n      orderedPage(\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        emailSortAsked,\n        pageLimit,\n      ),\n    [firestore, hostId, kind, campaignId, emailSortAsked?.path, emailSortAsked?.direction],\n    { idField: '$id' },\n  )\n\n  const webList = usePagedCollection<ConversionRow>(\n    (pageLimit) =>\n      campaignId\n        ? null\n        : orderedPage(\n            query(\n              attributions(),\n              where('kind', '==', kind),\n              where('channel', '==', 'web'),\n            ),\n            webSortAsked,\n            pageLimit,\n          ),\n    [firestore, hostId, kind, campaignId, webSortAsked?.path, webSortAsked?.direction],\n    { idField: '$id' },\n  )\n  const emailSort = useListColumnSort<ConversionRow>({\n    sorts: CAMPAIGN_CONVERSION_SORTS,\n    sort: emailSortAsked,\n    onSortChange: setEmailSortAsked,\n    rows: emailList.rows,\n    pageSorts: CONVERSION_PAGE_SORTS,\n    headers: CONVERSION_PAGE_SORT_HEADERS,\n  })\n  const webSort = useListColumnSort<ConversionRow>({\n    sorts: CAMPAIGN_CONVERSION_SORTS,\n    sort: webSortAsked,\n    onSortChange: setWebSortAsked,\n    rows: webList.rows,\n    pageSorts: CONVERSION_PAGE_SORTS,\n    headers: CONVERSION_PAGE_SORT_HEADERS,\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   * THE TOTAL IS COUNTED BY THE PLUGIN THAT KEEPS THE RECORDS\n   * (`plugin-record-counts`, AGL-3080): the forms plugin's submissions, the\n   * bookings plugin's bookings, the record system's leads and contacts. The\n   * owner says which of its records this site produced — its own\n   * submissions and bookings, the leads it CAPTURED (AGL-3275; not the ones\n   * a consent group merely shares with it), and for contacts, which the\n   * organization holds once for every site, all of them, which the owner\n   * marks as a count that crosses sites. With no owner in this console the\n   * total is withheld exactly as a failed count is.\n   *\n   * The source is resolved per kind and the query built inside the effect,\n   * from primitives: a query object rebuilt on every render as a dependency\n   * would reopen the effect, and pay for two aggregation counts, on every\n   * render rather than per kind.\n   */\n  const orgId = dataScope ? dataScope[1] : null\n  const countSource = useMemo(\n    () => pluginRecordCountSource(CAMPAIGN_CONVERSION_RECORD_KINDS[kind]),\n    [kind],\n  )\n\n  /** The kind's records live outside this host, so the total over-counts. */\n  const totalCrossesHosts = countSource?.crossesSites === true\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    const totalQuery = campaignId\n      ? null\n      : (countSource?.query(firestore, { hostId, orgId }) ?? null)\n    if (!totalQuery) {\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    void getCountFromServer(totalQuery)\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  }, [attributions, firestore, kind, campaignId, countSource, hostId, orgId])\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      /*\n       * The page each credited submission was sent from, asked of the plugin\n       * that keeps submissions (`plugin-record-lists`, by name), a chunk at a\n       * time. With no such plugin here every one reads as not found, and is\n       * counted as missing below rather than grouped under a guess.\n       */\n      const paths = new Map<string, string>()\n      for (let index = 0; index < refIds.length; index += ID_CHUNK) {\n        const named = pluginRecordListByIdsQuery(SUBMISSION_RECORD_KIND, firestore, {\n          hostId,\n          ids: refIds.slice(index, index + ID_CHUNK),\n        })\n        if (!named) continue\n        const found = await getDocs(named)\n        const records = pluginRecordsFromRows(\n          SUBMISSION_RECORD_KIND,\n          found.docs.map((entry) => ({ ...entry.data(), $id: entry.id })),\n        )\n        for (const record of records) {\n          const path = String(record.facts['path'] ?? '').trim()\n          if (path) paths.set(record.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: (\n          <Stack direction=\"row\" spacing={1}>\n            {/*\n              The figures in words, from a plugin (AGL-3603): the\n              `marketingInsights` zone this plugin declares, handed the site\n              these conversions are one site's.\n            */}\n            <MarketingInsightsZone hostId={hostId} subject=\"conversions\" campaign={null} />\n            {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            ) : null}\n          </Stack>\n        ),\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          <ListQueryNotices refused={[]} notices={emailSort.notices} />\n          <ListTable\n            rows={emailSort.rows}\n            columns={columns as any}\n            hideFooter\n            // Converted and Record order the query; Credited to sorts the\n            // page and says so (AGL-3680).\n            columnSort={emailSort}\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. Sort by ' +\n              'Converted for those.'}\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            <ListQueryNotices refused={[]} notices={webSort.notices} />\n            <ListTable\n              rows={webSort.rows}\n              columns={columns as any}\n              hideFooter\n              // Converted and Record order the query; Credited to sorts the\n              // page and says so (AGL-3680).\n              columnSort={webSort}\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":["pluginDocsHelp","pluginRecordCountSource","PLUGIN_RECORD_LIST_IDS_MAX","pluginRecordListByIdsQuery","pluginRecordsFromRows","mdiEyeOutline","mdiMapMarkerOutline","AppLink","CardDisplay","MdiIcon","ListRowActions","ListTable","listActionsColumn","ListPagination","Figure","Section","Alert","Button","Chip","Divider","Stack","ToggleButton","ToggleButtonGroup","Typography","collection","getCountFromServer","getDocs","limit","orderBy","query","where","ListQueryNotices","useListColumnSort","useCallback","useEffect","useMemo","useState","useRouter","useFirestore","useOrgDataScope","usePagedCollection","ceilingedWindow","collectionCeiling","collectionPage","CAMPAIGN_CONVERSION_KINDS","CAMPAIGN_CONVERSION_KIND_COPY","CAMPAIGN_CONVERSION_SORTS","CAMPAIGN_CONVERSION_RECORD_KINDS","campaignConversionsCoverage","campaignTouchLabel","MarketingInsightsZone","LANDING_PAGE_CEILING","ID_CHUNK","SUBMISSION_RECORD_KIND","form","conversionsDocsHelp","anchor","excerpt","CONVERSION_PAGE_SORTS","campaign","row","CONVERSION_PAGE_SORT_HEADERS","day","ms","value","Number","isFinite","Date","toLocaleString","CampaignConversionsCard","props","hostId","basePath","campaignId","firestore","router","scope","dataScope","kind","setKind","attributions","emailSortAsked","setEmailSortAsked","webSortAsked","setWebSortAsked","orderedPage","base","sort","pageLimit","path","direction","emailList","idField","webList","emailSort","sorts","onSortChange","rows","pageSorts","headers","webSort","orgId","countSource","totalCrossesHosts","crossesSites","attributedCount","setAttributedCount","totalCount","setTotalCount","totalQuery","active","then","snapshot","data","count","catch","coverage","attributed","total","crossHostTotal","landingBusy","setLandingBusy","landingError","setLandingError","landing","setLanding","groupByLandingPage","credited","credits","truncated","docs","map","entry","refIds","Array","from","Set","record","String","refId","filter","id","length","paths","Map","index","named","ids","slice","found","records","$id","facts","trim","set","counts","missing","forEach","get","entries","conversions","a","b","localeCompare","read","error","console","campaignHref","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","spacing","subject","component","componentVariant","nativeButton","contentGutterX","contentGutterY","exclusive","onChange","_event","next","aria-label","one","severity","title","useFlexGap","flexWrap","note","unattributed","exact","caveats","caveat","message","refused","notices","hideFooter","columnSort","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

@@ -27,6 +27,7 @@ import { ListRowActions, ListTable, listActionsColumn } from "@aglyn/shared-ui-j
 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 { useListColumnSort } from "@aglyn/shared-ui-jsx/hooks/use-list-column-sort";
 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";
@@ -82,6 +83,34 @@ const SEND_FILTER_HEADERS = {
     status: 'Status',
     createdAtMs: 'Created'
 };
+/*
+ * State is derived from the send's counters, and the counters stay absent
+ * until something is counted (see `campaign-list-query.ts`), so these sort
+ * the page (AGL-3680); Subject orders the query.
+ */ const SEND_PAGE_SORTS = {
+    state: (send)=>campaignSendDisplay(send).label,
+    sent: (send)=>{
+        var _ref;
+        var _send_stats;
+        return (_ref = (_send_stats = send.stats) == null ? void 0 : _send_stats.sent) != null ? _ref : null;
+    },
+    opens: (send)=>{
+        var _ref;
+        var _send_stats;
+        return (_ref = (_send_stats = send.stats) == null ? void 0 : _send_stats.opens) != null ? _ref : null;
+    },
+    clicks: (send)=>{
+        var _ref;
+        var _send_stats;
+        return (_ref = (_send_stats = send.stats) == null ? void 0 : _send_stats.clicks) != null ? _ref : null;
+    }
+};
+const SEND_PAGE_SORT_HEADERS = {
+    state: 'State',
+    sent: 'Sent',
+    opens: 'Opens',
+    clicks: 'Clicks'
+};
 /**
  * ONE CAMPAIGN: its lists, what it caused, what it earned, where it sent
  * people, and the emails it did all of that with.
@@ -253,6 +282,8 @@ const SEND_FILTER_HEADERS = {
             'status'
         ]
     });
+    // Subject orders the query; State and the figures the page (AGL-3680).
+    const [askedSort, setAskedSort] = useState(null);
     const sendPage = useListQuery({
         collection: campaign ? campaignSendsCollection(firestore, orgId) : null,
         declaration: CAMPAIGN_EMAILS_QUERY,
@@ -266,7 +297,8 @@ const SEND_FILTER_HEADERS = {
                     value: campaignId
                 },
                 ...campaignSendsScope(hostId)
-            ]
+            ],
+            sort: askedSort
         },
         deps: [
             firestore,
@@ -277,6 +309,15 @@ const SEND_FILTER_HEADERS = {
         ],
         idField: '$id'
     });
+    const sendSort = useListColumnSort({
+        sorts: CAMPAIGN_EMAILS_QUERY.sorts,
+        sort: askedSort,
+        onSortChange: setAskedSort,
+        orderBy: sendPage.plan.orderBy,
+        rows: sendPage.rows,
+        pageSorts: SEND_PAGE_SORTS,
+        headers: SEND_PAGE_SORT_HEADERS
+    });
     // 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
     // again to find out which emails the campaign has.
@@ -907,11 +948,14 @@ const SEND_FILTER_HEADERS = {
                                     headers: SEND_FILTER_HEADERS,
                                     options: SEND_FILTER_OPTIONS
                                 }),
-                                notices: sendPage.plan.notices
+                                notices: [
+                                    ...sendPage.plan.notices,
+                                    ...sendSort.notices
+                                ]
                             }),
                             /*#__PURE__*/ _jsx(ListTable, {
                                 "aria-label": "The campaign's emails",
-                                rows: sendPage.rows,
+                                rows: sendSort.rows,
                                 columns: listFilterGridColumns(sendColumns, SEND_FILTER_FIELDS, SEND_FILTER_OPTIONS, SEND_FILTER_HEADERS),
                                 rowHeight: TABLE_ROW_HEIGHT,
                                 onOpen: (_id, send)=>{
@@ -922,12 +966,13 @@ const SEND_FILTER_HEADERS = {
                                 /*
                * 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.
+               * neither filters nor sorts the page it is handed: Subject
+               * orders the query, State and the figures the page (AGL-3680).
                */ filterMode: "server",
                                 filterModel: gridFilter.filterModel,
                                 onFilterModelChange: gridFilter.onFilterModelChange,
                                 quickFilter: true,
-                                disableColumnSorting: true,
+                                columnSort: sendSort,
                                 hideFooter: true,
                                 initialState: {
                                     columns: {