@aglyn/plugins-marketing 1.0.0-beta.143

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

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

package/src/lib/components/campaign-detail-card.d.ts

@@ -0,0 +1,55 @@
+export interface CampaignDetailCardProps {
+    hostId: string;
+    /** A campaign container id, or a send id from before containers existed. */
+    campaignId: string;
+    /** The marketing hub URL, for the way back to the campaigns list. */
+    basePath: string;
+}
+/**
+ * ONE CAMPAIGN: its lists, what it caused, what it earned, where it sent
+ * people, and the emails it did all of that with.
+ *
+ * ## Why the emails are a section rather than the page
+ *
+ * A campaign reaches people by email, which is not the same as a campaign
+ * BEING a list of emails. It runs over a window, against a set of audiences,
+ * and the pages its links land on, the money credited to it and the
+ * conversions credited to it are facts about the campaign that no single
+ * message in it holds. So the body is sectioned — what it caused, what it
+ * earned, where it sent people, then the mail's own figures, then its emails
+ * — and each section names the population it describes.
+ *
+ * The ORDER is the part that says which of those the page is about. Delivery,
+ * engagement and rates are mechanics of a message; a page that met the reader
+ * with them and reached the outcomes only after scrolling was a mail report
+ * whatever its headings claimed. `campaign-report-card.tsx` — the page a
+ * campaign of one email gets — carries the same two outcome headings first,
+ * for the same reason and in the same words.
+ *
+ * The three middle sections live in `campaign-reach-sections.tsx`, which is
+ * also where the reason a campaign cannot simply DECLARE the screens and
+ * forms it runs across is written down: no such edge is stored, attribution
+ * is the mechanism, and all three sections join on this campaign's send ids.
+ *
+ * ## Why this resolves two kinds of id
+ *
+ * The id in `campaigns/{id}` may name a campaign CONTAINER or a single SEND,
+ * and which it is is answered by reading: a container at `emailCampaigns/{id}`
+ * renders this page, and anything else falls through to that send's own
+ * report.
+ *
+ * Not every send belongs to a container. One written before campaigns grouped
+ * their emails names none, its own id is the only id the URL can carry, and
+ * that id is also inside the HMAC of every unsubscribe footer already
+ * delivered — so a send id has to go on addressing a page rather than a 404.
+ * The fall-through is what makes the container additive: no send document is
+ * rewritten and no id is reassigned.
+ *
+ * The extra read is one document, and it buys the guarantee that a pasted
+ * report link resolves whichever kind of id it carries.
+ */
+export declare function CampaignDetailCard(props: CampaignDetailCardProps): import("react").JSX.Element;
+export declare namespace CampaignDetailCard {
+    var displayName: string;
+}
+export default CampaignDetailCard;