@aglyn/plugins-marketing 1.0.0-beta.143

package/src/lib/components/campaign-members-section.js

@@ -0,0 +1,499 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AppLink } from "@aglyn/shared-ui-jsx";
+import { Figure, Section } from "@aglyn/shared-ui-email-campaigns/components/report-figures";
+import { ListTable } from "@aglyn/shared-ui-jsx/components/list-table.component";
+import { TABLE_ROW_HEIGHT } from "@aglyn/shared-ui-jsx/const/table-pagination";
+import { buildRoute, CAMPAIGN_MEMBERSHIP_FIELD, readCampaignIds, Route } from "@aglyn/aglyn";
+import { Alert, Stack, Typography } from "@mui/material";
+import { collection, documentId, limit, orderBy, query, where } from "firebase/firestore";
+import { useMemo } from "react";
+import { useConsoleHostRoute, useFirestore, useFirestoreCollection } from "@aglyn/tenant-feature-instance";
+import { campaignFormsRollup, campaignFormTotals, campaignPeriodRange, isWindowedRange } from "../model/campaign-membership-figures.js";
+/**
+ * How many members of one kind the section enumerates.
+ *
+ * One document past it is asked for, so "this campaign holds more than are
+ * listed" is a fact rather than a guess — the same probe the emails table on
+ * this page makes.
+ */ const MEMBER_CEILING = 25;
+/**
+ * The rows a reader may act on: the window, minus what has been deleted.
+ *
+ * The soft delete is filtered HERE and not in the query. `deletedAt` is
+ * written only when a record is removed, so `where('deletedAt', '==', null)`
+ * would match nothing at all — Firestore's equality matches documents that
+ * HAVE the field — and every live record would vanish from the campaign. The
+ * campaigns table filters its own soft-deleted containers the same way.
+ */ function live(docs) {
+    return (docs != null ? docs : []).slice(0, MEMBER_CEILING).filter((row)=>!row['deletedAt']);
+}
+/**
+ * WHAT ELSE IS IN THIS CAMPAIGN — the landing pages and forms assigned to it,
+ * and what those forms have collected.
+ *
+ * ## Declared, and therefore different from every section above it
+ *
+ * The conversions, revenue and destinations sections are EVIDENCE: they join
+ * on the campaign's send ids and report what visitors did BECAUSE of this
+ * campaign's mail. This one is a statement the merchant made — a screen or a
+ * form carries this campaign's id in {@link CAMPAIGN_MEMBERSHIP_FIELD} — plus
+ * the counters those records carry on their own documents.
+ *
+ * The distinction survives into the wording, because the arithmetic will not
+ * enforce it. A form's submissions are the form's; filing the form under a
+ * campaign does not make them the campaign's, and a heading that said
+ * "this campaign produced 40 leads" over a number meaning "the forms filed
+ * here have 40 leads" would be a worse page than one showing nothing. So the
+ * figures are labeled as what the forms HOLD, they sit in their own block
+ * under their own disclaimer, and no total on this page adds them to an
+ * attributed one.
+ *
+ * ## Three ways the forms' counters could mislead, each answered
+ *
+ *  1. **They are lifetime.** `stats.submissions` has counted since the form
+ *     existed, including every submission from before anybody filed it here.
+ *     Where the campaign carries dates, the figures are summed from the
+ *     monthly `stats.periods` series over those months instead, and the
+ *     caption says which of the two a reader is looking at. Months are whole,
+ *     so a campaign starting mid-month includes that month entire — stated,
+ *     not rounded away.
+ *  2. **A form can be in twenty campaigns.** `campaignIds` is an array, so
+ *     the same submissions count toward every campaign the form is filed
+ *     under. Rows say so and the total refuses to present itself as
+ *     exclusive.
+ *  3. **A counter nobody wrote is not a zero.** `stats.leads` is incremented
+ *     only for a form whose `routing.lead` is set, and `stats.views` only by
+ *     the analytics beacon. Both reach the shared `Figure`, which draws an em
+ *     dash and the words "not recorded" rather than a confident 0.
+ *
+ * ## Screens carry no counter, and this section will not invent one
+ *
+ * A form's counters ride on the form document, so the query this section
+ * already makes pays for them. A screen's traffic does not: it is one
+ * document per screen per day in `hosts/{hostId}/screenAnalytics`, with no
+ * lifetime total anywhere, so a views column here would cost a range read
+ * across screens times days on every open of this page — and the display of
+ * those figures is a paid entitlement this section does not resolve. The
+ * screens block names the absence and links to the surface that does measure
+ * it, which is a smaller lie than a number nobody can stand behind.
+ *
+ * ## The join is `array-contains`, on the member's own document
+ *
+ * A campaign holds no member list. Each record names the campaigns it is in,
+ * which is what makes deleting one record leave nothing behind and what lets
+ * a record's own page draw its campaigns without a query. The query here is
+ * the other direction of the same field, served by Firestore's automatic
+ * single-field index.
+ *
+ * `orderBy(documentId())`, like every other bounded list in this console: a
+ * form carries `updatedAt` only if some writer stamped one, and ordering on a
+ * field a writer may omit does not mis-sort the list, it drops rows from it.
+ *
+ * ## Contacts are named here and NOT listed, and the reason is a query limit
+ *
+ * A contact is org-scoped and shared between the sites that captured it, so
+ * every client read of the collection has to carry
+ * `visibleTo array-contains-any` — that is what makes the read provable
+ * per-document under the rules. Firestore permits ONE array clause per query,
+ * and that is it: there is no client query that filters contacts by campaign
+ * as well, so there is no pre-filtered address to link to either. The link
+ * offered goes to the Contacts page and says it arrives unfiltered; the
+ * assignment is real, is set from the contact's own drawer, and a count of it
+ * would cost a scan of the collection the customer is billed on.
+ */ export function CampaignMembersSection(props) {
+    var _range_from, _range_to;
+    const { hostId, campaignId, startAtMs, endAtMs } = props;
+    const firestore = useFirestore();
+    const { orgSlug, subdomain: host } = useConsoleHostRoute(hostId);
+    const memberQuery = (collectionName)=>()=>query(collection(firestore, 'hosts', hostId, collectionName), where(CAMPAIGN_MEMBERSHIP_FIELD, 'array-contains', campaignId), orderBy(documentId()), limit(MEMBER_CEILING + 1));
+    const { data: screenDocs, status: screensStatus } = useFirestoreCollection(memberQuery('screens'), [
+        firestore,
+        hostId,
+        campaignId
+    ], {
+        idField: '$id'
+    });
+    const { data: formDocs, status: formsStatus } = useFirestoreCollection(memberQuery('forms'), [
+        firestore,
+        hostId,
+        campaignId
+    ], {
+        idField: '$id'
+    });
+    /*
+   * The months the campaign's dates cover, or nothing where it has neither.
+   * Derived from props the detail card already holds, so asking what a
+   * figure covers costs no read.
+   */ const range = useMemo(()=>campaignPeriodRange({
+            startAtMs,
+            endAtMs
+        }), [
+        startAtMs,
+        endAtMs
+    ]);
+    const windowed = isWindowedRange(range);
+    const screens = useMemo(()=>{
+        return live(screenDocs).map((row)=>{
+            var _row_versionId, _row_displayName;
+            const id = String(row['$id']);
+            const versionId = String((_row_versionId = row['versionId']) != null ? _row_versionId : '');
+            return {
+                id,
+                name: String((_row_displayName = row['displayName']) != null ? _row_displayName : id),
+                /*
+         * A screen with no saved version has no detail address to build —
+         * the route carries a version — so it stays plain text rather than
+         * linking somewhere that 404s. The screens list applies the same
+         * guard to its own name column.
+         */ href: versionId && orgSlug && host ? buildRoute(Route.SCREEN_DETAILS, {
+                    orgSlug,
+                    host,
+                    screenId: id,
+                    versionId
+                }) : null,
+                hrefReason: versionId ? 'This site’s console URL has not resolved yet' : 'This screen has no saved version yet',
+                campaigns: readCampaignIds(row).length
+            };
+        });
+    }, [
+        screenDocs,
+        orgSlug,
+        host
+    ]);
+    /*
+   * The counters ride on the documents the membership query already returned,
+   * so every figure below is paid for by a read this section was making
+   * anyway. Nothing here opens a second listener.
+   */ const forms = useMemo(()=>{
+        return live(formDocs).map((row)=>{
+            var _row_displayName;
+            const id = String(row['$id']);
+            return {
+                id,
+                name: String((_row_displayName = row['displayName']) != null ? _row_displayName : id),
+                href: orgSlug && host ? buildRoute(Route.FORM_DETAILS, {
+                    orgSlug,
+                    host,
+                    formId: id
+                }) : null,
+                hrefReason: 'This site’s console URL has not resolved yet',
+                totals: campaignFormTotals(row['stats'], range),
+                campaigns: readCampaignIds(row).length
+            };
+        });
+    }, [
+        formDocs,
+        orgSlug,
+        host,
+        range
+    ]);
+    const rollup = useMemo(()=>campaignFormsRollup(forms.map((row)=>{
+            var _row_campaigns;
+            return {
+                totals: row.totals,
+                campaigns: (_row_campaigns = row.campaigns) != null ? _row_campaigns : 1
+            };
+        })), [
+        forms
+    ]);
+    const screensTruncated = (screenDocs != null ? screenDocs : []).length > MEMBER_CEILING;
+    const formsTruncated = (formDocs != null ? formDocs : []).length > MEMBER_CEILING;
+    const settled = screensStatus !== 'loading' && formsStatus !== 'loading';
+    const analyticsHref = orgSlug && host ? buildRoute(Route.HOST_ANALYTICS, {
+        orgSlug,
+        host
+    }) : null;
+    const contactsHref = orgSlug && host ? buildRoute(Route.HOST_CONTACTS, {
+        orgSlug,
+        host
+    }) : null;
+    return /*#__PURE__*/ _jsx(Section, {
+        title: "Assigned to this campaign",
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 2,
+            children: [
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: 'The pages and forms somebody put in this campaign. Assignment is ' + 'a grouping — what the campaign was credited with is measured ' + 'above, from the links its emails carried.'
+                }),
+                /*#__PURE__*/ _jsx(MemberTable, {
+                    heading: "Screens",
+                    noun: "screen",
+                    rows: screens,
+                    truncated: screensTruncated,
+                    settled: settled
+                }),
+                /*#__PURE__*/ _jsxs(Typography, {
+                    variant: "caption",
+                    color: "text.secondary",
+                    children: [
+                        'Page views are not shown here. A screen keeps no running total ' + 'on its own record — traffic is stored a day at a time — so ' + 'counting it would be a fresh read of the site’s history every ' + 'time this page opens. ',
+                        analyticsHref ? /*#__PURE__*/ _jsx(AppLink, {
+                            href: analyticsHref,
+                            children: 'The site’s analytics measures it by screen.'
+                        }) : 'The site’s analytics page measures it by screen.'
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(MemberTable, {
+                    heading: "Forms",
+                    noun: "form",
+                    rows: forms,
+                    truncated: formsTruncated,
+                    settled: settled,
+                    figures: true
+                }),
+                forms.length ? /*#__PURE__*/ _jsx(FormsHoldings, {
+                    rollup: rollup,
+                    windowed: windowed,
+                    from: (_range_from = range.from) != null ? _range_from : null,
+                    to: (_range_to = range.to) != null ? _range_to : null
+                }) : null,
+                /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 0.5,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "overline",
+                            color: "text.secondary",
+                            children: 'Contacts'
+                        }),
+                        /*#__PURE__*/ _jsxs(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: [
+                                'Contacts are filed under a campaign from the contact’s own ' + 'panel on the Contacts page. They are not listed or counted ' + 'here: a contact belongs to the organization rather than to ' + 'this site, so the query that reads them is already spending ' + 'its one array filter on which sites may see the person. ',
+                                contactsHref ? /*#__PURE__*/ _jsx(AppLink, {
+                                    href: contactsHref,
+                                    children: 'Open Contacts'
+                                }) : null,
+                                contactsHref ? ' — it opens unfiltered, because that same rule leaves no ' + 'campaign filter for the address to carry.' : ''
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+/**
+ * What the campaign's forms have collected — and what that is NOT.
+ *
+ * Two sentences do the whole job of keeping this apart from the attributed
+ * figures, and both are load-bearing:
+ *
+ *  - The first refuses causation outright. A merchant reading a number under
+ *    a campaign's heading will assume the campaign caused it unless told
+ *    otherwise in the same breath.
+ *  - The second says which months the number covers. A lifetime total under a
+ *    campaign that ran for six weeks is the same lie one step quieter.
+ *
+ * `shared` is stated as a count rather than folded into the arithmetic. There
+ * is no honest way to divide a submission between two campaigns a form is
+ * filed under, so the total is left whole and the overlap is disclosed.
+ */ function FormsHoldings(props) {
+    const { rollup, windowed, from, to } = props;
+    const note = (recorded)=>recorded < rollup.members ? `across ${recorded} of ${rollup.members} forms` : `across ${rollup.members} form${rollup.members === 1 ? '' : 's'}`;
+    const span = windowed ? `the campaign’s months (${from != null ? from : 'the first month recorded'} to ${to != null ? to : 'now'})` : 'each form’s whole history';
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "overline",
+                color: "text.secondary",
+                children: 'What these forms hold'
+            }),
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 3,
+                sx: {
+                    flexWrap: 'wrap'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Figure, {
+                        label: "Views",
+                        value: rollup.views.value,
+                        note: note(rollup.views.recorded)
+                    }),
+                    /*#__PURE__*/ _jsx(Figure, {
+                        label: "Started",
+                        value: rollup.starts.value,
+                        note: note(rollup.starts.recorded)
+                    }),
+                    /*#__PURE__*/ _jsx(Figure, {
+                        label: "Submissions",
+                        value: rollup.submissions.value,
+                        note: note(rollup.submissions.recorded)
+                    }),
+                    /*#__PURE__*/ _jsx(Figure, {
+                        label: "Leads",
+                        value: rollup.leads.value,
+                        note: note(rollup.leads.recorded)
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "caption",
+                color: "text.secondary",
+                children: 'These are the forms’ own counters, not this campaign’s results. ' + 'A submission is counted here because somebody filed the form ' + 'under this campaign, whether or not this campaign’s mail sent ' + `the visitor. Counted over ${span}.`
+            }),
+            windowed ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "caption",
+                color: "text.secondary",
+                children: 'Whole calendar months: a campaign that started or ended mid-' + 'month takes that month entire, and a form counting nothing in ' + 'those months adds nothing here even where its lifetime total ' + 'is large.'
+            }) : /*#__PURE__*/ _jsx(Typography, {
+                variant: "caption",
+                color: "text.secondary",
+                children: 'This campaign has no dates, so nothing narrows the figures to ' + 'it. They are lifetime totals and include everything from ' + 'before the forms were put in this campaign. Give the campaign ' + 'a start and an end to count only its months.'
+            }),
+            rollup.shared ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "caption",
+                color: "text.secondary",
+                children: `${rollup.shared} of these ${rollup.members} forms ${rollup.shared === 1 ? 'is' : 'are'} filed under another campaign too, so the same submissions are ` + 'counted there as well. This total is not exclusive to this ' + 'campaign.'
+            }) : null
+        ]
+    });
+}
+FormsHoldings.displayName = 'FormsHoldings';
+/** A counter as a cell: an em dash where nothing was recorded, never a zero. */ function statCell(value) {
+    return value === null || value === undefined ? '—' : value.toLocaleString();
+}
+/** The counters a form carries on its own document, in the order they are read. */ const MEMBER_FIGURES = [
+    [
+        'views',
+        'Views'
+    ],
+    [
+        'starts',
+        'Started'
+    ],
+    [
+        'submissions',
+        'Submissions'
+    ],
+    [
+        'leads',
+        'Leads'
+    ]
+];
+/**
+ * One kind's members, as a record list in the shared grid.
+ *
+ * The rows are a window this component already holds — the same arrangement
+ * the campaign's emails list beside it uses, and for the same reason: the
+ * ceiling bounds the read, and the grid's footer lets a reader walk what came
+ * back without the card deciding how many rows fit.
+ *
+ * `figures` adds the counter columns for a kind that carries them on its own
+ * document. It is a prop rather than two lists because the row grammar — the
+ * name cell, the reason a member has no link, the footer — is the part that
+ * has to stay identical between screens and forms.
+ */ function MemberTable(props) {
+    const { heading, noun, rows, truncated, settled, figures } = props;
+    const columns = useMemo(()=>[
+            {
+                field: 'name',
+                headerName: 'Name',
+                flex: 1,
+                minWidth: 240,
+                renderCell: ({ row })=>{
+                    var _row_campaigns, _row_campaigns1, _row_campaigns2;
+                    return /*#__PURE__*/ _jsxs(Stack, {
+                        sx: {
+                            py: 1,
+                            minWidth: 0
+                        },
+                        children: [
+                            row.href ? /*#__PURE__*/ _jsx(AppLink, {
+                                href: row.href,
+                                children: row.name
+                            }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        children: row.name
+                                    }),
+                                    /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "caption",
+                                        color: "text.secondary",
+                                        children: row.hrefReason
+                                    })
+                                ]
+                            }),
+                            ((_row_campaigns = row.campaigns) != null ? _row_campaigns : 1) > 1 ? /*#__PURE__*/ _jsx(Typography, {
+                                variant: "caption",
+                                color: "text.secondary",
+                                children: `Also in ${((_row_campaigns1 = row.campaigns) != null ? _row_campaigns1 : 1) - 1} other campaign${((_row_campaigns2 = row.campaigns) != null ? _row_campaigns2 : 1) - 1 === 1 ? '' : 's'}`
+                            }) : null
+                        ]
+                    });
+                }
+            },
+            ...figures ? MEMBER_FIGURES.map(([figure, headerName])=>({
+                    field: figure,
+                    headerName,
+                    type: 'number',
+                    align: 'right',
+                    headerAlign: 'right',
+                    width: 120,
+                    valueGetter: (_value, row)=>{
+                        var _ref;
+                        var _row_totals;
+                        return (_ref = (_row_totals = row.totals) == null ? void 0 : _row_totals[figure]) != null ? _ref : null;
+                    },
+                    renderCell: ({ row })=>{
+                        var _row_totals;
+                        return statCell((_row_totals = row.totals) == null ? void 0 : _row_totals[figure]);
+                    }
+                })) : []
+        ], [
+        figures
+    ]);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 0.5,
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "overline",
+                color: "text.secondary",
+                children: heading
+            }),
+            truncated ? /*#__PURE__*/ _jsx(Alert, {
+                severity: "info",
+                children: `More than ${MEMBER_CEILING} ${noun}s are in this campaign. The ` + `first ${MEMBER_CEILING} are listed, in document order.`
+            }) : null,
+            rows.length ? /*#__PURE__*/ _jsx(ListTable, {
+                "aria-label": heading,
+                rows: rows,
+                columns: columns,
+                getRowId: (row)=>row.id,
+                rowHeight: TABLE_ROW_HEIGHT,
+                // A member's name carries why it has no link, and the other
+                // campaigns it is in, beneath it.
+                getRowHeight: ()=>'auto'
+            }) : /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: settled ? `No ${noun} is in this campaign. Open a ${noun} and pick this ` + 'campaign on its own page to put it in one.' : `Reading this campaign’s ${noun}s…`
+            })
+        ]
+    });
+}
+CampaignMembersSection.displayName = 'CampaignMembersSection';
+export default CampaignMembersSection;
+
+//# sourceMappingURL=campaign-members-section.js.map

package/src/lib/components/campaign-members-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/campaign-members-section.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 { AppLink } from '@aglyn/shared-ui-jsx'\nimport {\n  Figure,\n  Section,\n} from '@aglyn/shared-ui-email-campaigns/components/report-figures'\nimport { ListTable } from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport { TABLE_ROW_HEIGHT } from '@aglyn/shared-ui-jsx/const/table-pagination'\nimport {\n  buildRoute,\n  CAMPAIGN_MEMBERSHIP_FIELD,\n  readCampaignIds,\n  Route,\n  type FormStats,\n  type FormStatsTotals,\n} from '@aglyn/aglyn'\nimport { Alert, Stack, Typography } from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport {\n  collection,\n  documentId,\n  limit,\n  orderBy,\n  query,\n  where,\n} from 'firebase/firestore'\nimport { useMemo } from 'react'\nimport {\n  useConsoleHostRoute,\n  useFirestore,\n  useFirestoreCollection,\n} from '@aglyn/tenant-feature-instance'\nimport {\n  campaignFormsRollup,\n  campaignFormTotals,\n  campaignPeriodRange,\n  isWindowedRange,\n  type CampaignFormsRollup,\n} from '../model/campaign-membership-figures'\n\n/**\n * How many members of one kind the section enumerates.\n *\n * One document past it is asked for, so \"this campaign holds more than are\n * listed\" is a fact rather than a guess — the same probe the emails table on\n * this page makes.\n */\nconst MEMBER_CEILING = 25\n\nexport interface CampaignMembersSectionProps {\n  hostId: string\n  campaignId: string\n  /** The campaign's first day, when it has one. */\n  startAtMs?: number | null\n  /** The campaign's last day, when it has one. */\n  endAtMs?: number | null\n}\n\n/**\n * The rows a reader may act on: the window, minus what has been deleted.\n *\n * The soft delete is filtered HERE and not in the query. `deletedAt` is\n * written only when a record is removed, so `where('deletedAt', '==', null)`\n * would match nothing at all — Firestore's equality matches documents that\n * HAVE the field — and every live record would vanish from the campaign. The\n * campaigns table filters its own soft-deleted containers the same way.\n */\nfunction live(\n  docs: Array<Record<string, unknown>> | undefined,\n): Array<Record<string, unknown>> {\n  return (docs ?? [])\n    .slice(0, MEMBER_CEILING)\n    .filter((row) => !row['deletedAt'])\n}\n\n/** One row, whatever collection it came out of. */\ninterface MemberRow {\n  id: string\n  name: string\n  href: string | null\n  /** Why there is no link, when there is none. */\n  hrefReason?: string\n  /** The member's own counters, for a kind that carries them. */\n  totals?: FormStatsTotals\n  /** Campaigns the member is filed under, this one included. */\n  campaigns?: number\n}\n\n/**\n * WHAT ELSE IS IN THIS CAMPAIGN — the landing pages and forms assigned to it,\n * and what those forms have collected.\n *\n * ## Declared, and therefore different from every section above it\n *\n * The conversions, revenue and destinations sections are EVIDENCE: they join\n * on the campaign's send ids and report what visitors did BECAUSE of this\n * campaign's mail. This one is a statement the merchant made — a screen or a\n * form carries this campaign's id in {@link CAMPAIGN_MEMBERSHIP_FIELD} — plus\n * the counters those records carry on their own documents.\n *\n * The distinction survives into the wording, because the arithmetic will not\n * enforce it. A form's submissions are the form's; filing the form under a\n * campaign does not make them the campaign's, and a heading that said\n * \"this campaign produced 40 leads\" over a number meaning \"the forms filed\n * here have 40 leads\" would be a worse page than one showing nothing. So the\n * figures are labeled as what the forms HOLD, they sit in their own block\n * under their own disclaimer, and no total on this page adds them to an\n * attributed one.\n *\n * ## Three ways the forms' counters could mislead, each answered\n *\n *  1. **They are lifetime.** `stats.submissions` has counted since the form\n *     existed, including every submission from before anybody filed it here.\n *     Where the campaign carries dates, the figures are summed from the\n *     monthly `stats.periods` series over those months instead, and the\n *     caption says which of the two a reader is looking at. Months are whole,\n *     so a campaign starting mid-month includes that month entire — stated,\n *     not rounded away.\n *  2. **A form can be in twenty campaigns.** `campaignIds` is an array, so\n *     the same submissions count toward every campaign the form is filed\n *     under. Rows say so and the total refuses to present itself as\n *     exclusive.\n *  3. **A counter nobody wrote is not a zero.** `stats.leads` is incremented\n *     only for a form whose `routing.lead` is set, and `stats.views` only by\n *     the analytics beacon. Both reach the shared `Figure`, which draws an em\n *     dash and the words \"not recorded\" rather than a confident 0.\n *\n * ## Screens carry no counter, and this section will not invent one\n *\n * A form's counters ride on the form document, so the query this section\n * already makes pays for them. A screen's traffic does not: it is one\n * document per screen per day in `hosts/{hostId}/screenAnalytics`, with no\n * lifetime total anywhere, so a views column here would cost a range read\n * across screens times days on every open of this page — and the display of\n * those figures is a paid entitlement this section does not resolve. The\n * screens block names the absence and links to the surface that does measure\n * it, which is a smaller lie than a number nobody can stand behind.\n *\n * ## The join is `array-contains`, on the member's own document\n *\n * A campaign holds no member list. Each record names the campaigns it is in,\n * which is what makes deleting one record leave nothing behind and what lets\n * a record's own page draw its campaigns without a query. The query here is\n * the other direction of the same field, served by Firestore's automatic\n * single-field index.\n *\n * `orderBy(documentId())`, like every other bounded list in this console: a\n * form carries `updatedAt` only if some writer stamped one, and ordering on a\n * field a writer may omit does not mis-sort the list, it drops rows from it.\n *\n * ## Contacts are named here and NOT listed, and the reason is a query limit\n *\n * A contact is org-scoped and shared between the sites that captured it, so\n * every client read of the collection has to carry\n * `visibleTo array-contains-any` — that is what makes the read provable\n * per-document under the rules. Firestore permits ONE array clause per query,\n * and that is it: there is no client query that filters contacts by campaign\n * as well, so there is no pre-filtered address to link to either. The link\n * offered goes to the Contacts page and says it arrives unfiltered; the\n * assignment is real, is set from the contact's own drawer, and a count of it\n * would cost a scan of the collection the customer is billed on.\n */\nexport function CampaignMembersSection(props: CampaignMembersSectionProps) {\n  const { hostId, campaignId, startAtMs, endAtMs } = props\n  const firestore = useFirestore()\n  const { orgSlug, subdomain: host } = useConsoleHostRoute(hostId)\n\n  const memberQuery = (collectionName: string) => () =>\n    query(\n      collection(firestore, 'hosts', hostId, collectionName),\n      where(CAMPAIGN_MEMBERSHIP_FIELD, 'array-contains', campaignId),\n      orderBy(documentId()),\n      limit(MEMBER_CEILING + 1),\n    )\n\n  const { data: screenDocs, status: screensStatus } = useFirestoreCollection<\n    Record<string, unknown>\n  >(memberQuery('screens'), [firestore, hostId, campaignId], {\n    idField: '$id',\n  })\n  const { data: formDocs, status: formsStatus } = useFirestoreCollection<\n    Record<string, unknown>\n  >(memberQuery('forms'), [firestore, hostId, campaignId], { idField: '$id' })\n\n  /*\n   * The months the campaign's dates cover, or nothing where it has neither.\n   * Derived from props the detail card already holds, so asking what a\n   * figure covers costs no read.\n   */\n  const range = useMemo(\n    () => campaignPeriodRange({ startAtMs, endAtMs }),\n    [startAtMs, endAtMs],\n  )\n  const windowed = isWindowedRange(range)\n\n  const screens = useMemo<MemberRow[]>(() => {\n    return live(screenDocs).map((row) => {\n      const id = String(row['$id'])\n      const versionId = String(row['versionId'] ?? '')\n      return {\n        id,\n        name: String(row['displayName'] ?? id),\n        /*\n         * A screen with no saved version has no detail address to build —\n         * the route carries a version — so it stays plain text rather than\n         * linking somewhere that 404s. The screens list applies the same\n         * guard to its own name column.\n         */\n        href:\n          versionId && orgSlug && host\n            ? buildRoute(Route.SCREEN_DETAILS, {\n                orgSlug,\n                host,\n                screenId: id,\n                versionId,\n              })\n            : null,\n        hrefReason: versionId\n          ? 'This site’s console URL has not resolved yet'\n          : 'This screen has no saved version yet',\n        campaigns: readCampaignIds(row).length,\n      }\n    })\n  }, [screenDocs, orgSlug, host])\n\n  /*\n   * The counters ride on the documents the membership query already returned,\n   * so every figure below is paid for by a read this section was making\n   * anyway. Nothing here opens a second listener.\n   */\n  const forms = useMemo<MemberRow[]>(() => {\n    return live(formDocs).map((row) => {\n      const id = String(row['$id'])\n      return {\n        id,\n        name: String(row['displayName'] ?? id),\n        href:\n          orgSlug && host\n            ? buildRoute(Route.FORM_DETAILS, { orgSlug, host, formId: id })\n            : null,\n        hrefReason: 'This site’s console URL has not resolved yet',\n        totals: campaignFormTotals(row['stats'] as FormStats | undefined, range),\n        campaigns: readCampaignIds(row).length,\n      }\n    })\n  }, [formDocs, orgSlug, host, range])\n\n  const rollup = useMemo(\n    () =>\n      campaignFormsRollup(\n        forms.map((row) => ({\n          totals: row.totals as FormStatsTotals,\n          campaigns: row.campaigns ?? 1,\n        })),\n      ),\n    [forms],\n  )\n\n  const screensTruncated = (screenDocs ?? []).length > MEMBER_CEILING\n  const formsTruncated = (formDocs ?? []).length > MEMBER_CEILING\n  const settled = screensStatus !== 'loading' && formsStatus !== 'loading'\n\n  const analyticsHref =\n    orgSlug && host\n      ? buildRoute(Route.HOST_ANALYTICS, { orgSlug, host })\n      : null\n  const contactsHref =\n    orgSlug && host ? buildRoute(Route.HOST_CONTACTS, { orgSlug, host }) : null\n\n  return (\n    <Section title=\"Assigned to this campaign\">\n      <Stack spacing={2}>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {'The pages and forms somebody put in this campaign. Assignment is ' +\n            'a grouping — what the campaign was credited with is measured ' +\n            'above, from the links its emails carried.'}\n        </Typography>\n        <MemberTable\n          heading=\"Screens\"\n          noun=\"screen\"\n          rows={screens}\n          truncated={screensTruncated}\n          settled={settled}\n        />\n        {/*\n          The absence, named where a reader would look for the number.\n\n          A screen's traffic is not on the screen document — it is a day doc\n          per screen in `screenAnalytics` — so a views column here would be a\n          read across screens times days on every open, for figures whose\n          display is a paid entitlement this section does not resolve. The\n          page that does both is linked instead.\n         */}\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {'Page views are not shown here. A screen keeps no running total ' +\n            'on its own record — traffic is stored a day at a time — so ' +\n            'counting it would be a fresh read of the site’s history every ' +\n            'time this page opens. '}\n          {analyticsHref ? (\n            <AppLink href={analyticsHref}>\n              {'The site’s analytics measures it by screen.'}\n            </AppLink>\n          ) : (\n            'The site’s analytics page measures it by screen.'\n          )}\n        </Typography>\n        <MemberTable\n          heading=\"Forms\"\n          noun=\"form\"\n          rows={forms}\n          truncated={formsTruncated}\n          settled={settled}\n          figures\n        />\n        {/*\n          THE MEMBERSHIP TOTAL, fenced off from the attributed ones above.\n\n          Same `Figure` primitive as the mail rollup, deliberately different\n          words: it says what the forms HOLD, and the caption beneath refuses\n          the reading a merchant will reach for first.\n         */}\n        {forms.length ? (\n          <FormsHoldings\n            rollup={rollup}\n            windowed={windowed}\n            from={range.from ?? null}\n            to={range.to ?? null}\n          />\n        ) : null}\n        {/*\n          The people, named rather than omitted.\n\n          A contact CAN be filed under a campaign and this page cannot list\n          them — see the module comment for the query rule that decides it.\n          Leaving the heading out entirely would read as \"contacts cannot be\n          assigned\", which is the one thing it does not mean.\n         */}\n        <Stack spacing={0.5}>\n          <Typography variant=\"overline\" color=\"text.secondary\">\n            {'Contacts'}\n          </Typography>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Contacts are filed under a campaign from the contact’s own ' +\n              'panel on the Contacts page. They are not listed or counted ' +\n              'here: a contact belongs to the organization rather than to ' +\n              'this site, so the query that reads them is already spending ' +\n              'its one array filter on which sites may see the person. '}\n            {contactsHref ? (\n              <AppLink href={contactsHref}>{'Open Contacts'}</AppLink>\n            ) : null}\n            {contactsHref\n              ? ' — it opens unfiltered, because that same rule leaves no ' +\n                'campaign filter for the address to carry.'\n              : ''}\n          </Typography>\n        </Stack>\n      </Stack>\n    </Section>\n  )\n}\n\n/**\n * What the campaign's forms have collected — and what that is NOT.\n *\n * Two sentences do the whole job of keeping this apart from the attributed\n * figures, and both are load-bearing:\n *\n *  - The first refuses causation outright. A merchant reading a number under\n *    a campaign's heading will assume the campaign caused it unless told\n *    otherwise in the same breath.\n *  - The second says which months the number covers. A lifetime total under a\n *    campaign that ran for six weeks is the same lie one step quieter.\n *\n * `shared` is stated as a count rather than folded into the arithmetic. There\n * is no honest way to divide a submission between two campaigns a form is\n * filed under, so the total is left whole and the overlap is disclosed.\n */\nfunction FormsHoldings(props: {\n  rollup: CampaignFormsRollup\n  windowed: boolean\n  from: string | null\n  to: string | null\n}) {\n  const { rollup, windowed, from, to } = props\n  const note = (recorded: number) =>\n    recorded < rollup.members\n      ? `across ${recorded} of ${rollup.members} forms`\n      : `across ${rollup.members} form${rollup.members === 1 ? '' : 's'}`\n  const span = windowed\n    ? `the campaign’s months (${from ?? 'the first month recorded'} to ${\n        to ?? 'now'\n      })`\n    : 'each form’s whole history'\n  return (\n    <Stack spacing={1}>\n      <Typography variant=\"overline\" color=\"text.secondary\">\n        {'What these forms hold'}\n      </Typography>\n      <Stack direction=\"row\" spacing={3} sx={{ flexWrap: 'wrap' }}>\n        <Figure\n          label=\"Views\"\n          value={rollup.views.value}\n          note={note(rollup.views.recorded)}\n        />\n        <Figure\n          label=\"Started\"\n          value={rollup.starts.value}\n          note={note(rollup.starts.recorded)}\n        />\n        <Figure\n          label=\"Submissions\"\n          value={rollup.submissions.value}\n          note={note(rollup.submissions.recorded)}\n        />\n        <Figure\n          label=\"Leads\"\n          value={rollup.leads.value}\n          note={note(rollup.leads.recorded)}\n        />\n      </Stack>\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        {'These are the forms’ own counters, not this campaign’s results. ' +\n          'A submission is counted here because somebody filed the form ' +\n          'under this campaign, whether or not this campaign’s mail sent ' +\n          `the visitor. Counted over ${span}.`}\n      </Typography>\n      {windowed ? (\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {'Whole calendar months: a campaign that started or ended mid-' +\n            'month takes that month entire, and a form counting nothing in ' +\n            'those months adds nothing here even where its lifetime total ' +\n            'is large.'}\n        </Typography>\n      ) : (\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {'This campaign has no dates, so nothing narrows the figures to ' +\n            'it. They are lifetime totals and include everything from ' +\n            'before the forms were put in this campaign. Give the campaign ' +\n            'a start and an end to count only its months.'}\n        </Typography>\n      )}\n      {rollup.shared ? (\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {`${rollup.shared} of these ${rollup.members} forms ${\n            rollup.shared === 1 ? 'is' : 'are'\n          } filed under another campaign too, so the same submissions are ` +\n            'counted there as well. This total is not exclusive to this ' +\n            'campaign.'}\n        </Typography>\n      ) : null}\n    </Stack>\n  )\n}\nFormsHoldings.displayName = 'FormsHoldings'\n\n/** A counter as a cell: an em dash where nothing was recorded, never a zero. */\nfunction statCell(value: number | null | undefined) {\n  return value === null || value === undefined ? '—' : value.toLocaleString()\n}\n\n/** The counters a form carries on its own document, in the order they are read. */\nconst MEMBER_FIGURES = [\n  ['views', 'Views'],\n  ['starts', 'Started'],\n  ['submissions', 'Submissions'],\n  ['leads', 'Leads'],\n] as const\n\n/**\n * One kind's members, as a record list in the shared grid.\n *\n * The rows are a window this component already holds — the same arrangement\n * the campaign's emails list beside it uses, and for the same reason: the\n * ceiling bounds the read, and the grid's footer lets a reader walk what came\n * back without the card deciding how many rows fit.\n *\n * `figures` adds the counter columns for a kind that carries them on its own\n * document. It is a prop rather than two lists because the row grammar — the\n * name cell, the reason a member has no link, the footer — is the part that\n * has to stay identical between screens and forms.\n */\nfunction MemberTable(props: {\n  heading: string\n  noun: string\n  rows: MemberRow[]\n  truncated: boolean\n  settled: boolean\n  figures?: boolean\n}) {\n  const { heading, noun, rows, truncated, settled, figures } = props\n  const columns = useMemo<GridColDef<MemberRow>[]>(\n    () => [\n      {\n        field: 'name',\n        headerName: 'Name',\n        flex: 1,\n        minWidth: 240,\n        renderCell: ({ row }) => (\n          <Stack sx={{ py: 1, minWidth: 0 }}>\n            {row.href ? (\n              <AppLink href={row.href}>{row.name}</AppLink>\n            ) : (\n              <>\n                <Typography variant=\"body2\">{row.name}</Typography>\n                <Typography variant=\"caption\" color=\"text.secondary\">\n                  {row.hrefReason}\n                </Typography>\n              </>\n            )}\n            {/*\n              The overlap, on the row that causes it. A reader comparing two\n              campaigns has to be able to see which rows they have in common\n              without opening either.\n             */}\n            {(row.campaigns ?? 1) > 1 ? (\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                {`Also in ${(row.campaigns ?? 1) - 1} other campaign${\n                  (row.campaigns ?? 1) - 1 === 1 ? '' : 's'\n                }`}\n              </Typography>\n            ) : null}\n          </Stack>\n        ),\n      },\n      ...(figures\n        ? MEMBER_FIGURES.map(\n            ([figure, headerName]): GridColDef<MemberRow> => ({\n              field: figure,\n              headerName,\n              type: 'number',\n              align: 'right',\n              headerAlign: 'right',\n              width: 120,\n              valueGetter: (_value, row) => row.totals?.[figure] ?? null,\n              renderCell: ({ row }) => statCell(row.totals?.[figure]),\n            }),\n          )\n        : []),\n    ],\n    [figures],\n  )\n  return (\n    <Stack spacing={0.5}>\n      <Typography variant=\"overline\" color=\"text.secondary\">\n        {heading}\n      </Typography>\n      {truncated ? (\n        <Alert severity=\"info\">\n          {`More than ${MEMBER_CEILING} ${noun}s are in this campaign. The ` +\n            `first ${MEMBER_CEILING} are listed, in document order.`}\n        </Alert>\n      ) : null}\n      {rows.length ? (\n        <ListTable\n          aria-label={heading}\n          rows={rows}\n          columns={columns}\n          getRowId={(row: MemberRow) => row.id}\n          rowHeight={TABLE_ROW_HEIGHT}\n          // A member's name carries why it has no link, and the other\n          // campaigns it is in, beneath it.\n          getRowHeight={() => 'auto'}\n        />\n      ) : (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {settled\n            ? `No ${noun} is in this campaign. Open a ${noun} and pick this ` +\n              'campaign on its own page to put it in one.'\n            : `Reading this campaign’s ${noun}s…`}\n        </Typography>\n      )}\n    </Stack>\n  )\n}\n\nCampaignMembersSection.displayName = 'CampaignMembersSection'\n\nexport default CampaignMembersSection\n"],"names":["AppLink","Figure","Section","ListTable","TABLE_ROW_HEIGHT","buildRoute","CAMPAIGN_MEMBERSHIP_FIELD","readCampaignIds","Route","Alert","Stack","Typography","collection","documentId","limit","orderBy","query","where","useMemo","useConsoleHostRoute","useFirestore","useFirestoreCollection","campaignFormsRollup","campaignFormTotals","campaignPeriodRange","isWindowedRange","MEMBER_CEILING","live","docs","slice","filter","row","CampaignMembersSection","props","range","hostId","campaignId","startAtMs","endAtMs","firestore","orgSlug","subdomain","host","memberQuery","collectionName","data","screenDocs","status","screensStatus","idField","formDocs","formsStatus","windowed","screens","map","id","String","versionId","name","href","SCREEN_DETAILS","screenId","hrefReason","campaigns","length","forms","FORM_DETAILS","formId","totals","rollup","screensTruncated","formsTruncated","settled","analyticsHref","HOST_ANALYTICS","contactsHref","HOST_CONTACTS","title","spacing","variant","color","MemberTable","heading","noun","rows","truncated","figures","FormsHoldings","from","to","note","recorded","members","span","direction","sx","flexWrap","label","value","views","starts","submissions","leads","shared","displayName","statCell","undefined","toLocaleString","MEMBER_FIGURES","columns","field","headerName","flex","minWidth","renderCell","py","figure","type","align","headerAlign","width","valueGetter","_value","severity","aria-label","getRowId","rowHeight","getRowHeight"],"mappings":"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"}