@aglyn/plugins-marketing 1.0.0-beta.179 → 1.0.0-beta.180

package/src/lib/components/org-marketing-overview-card.js

@@ -0,0 +1,342 @@
+/**
+ * @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 { checkEntitlement, pluginDocsHelp } from "@aglyn/aglyn";
+import { AppLink, CardDisplay } from "@aglyn/shared-ui-jsx";
+import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
+import { ScrollTable } from "@aglyn/shared-ui-jsx/components/scroll-table.component";
+import { TABLE_PAGE_SIZE_DEFAULT } from "@aglyn/shared-ui-jsx/const/table-pagination";
+import { Alert, Divider, Stack, TableBody, TableCell, TableHead, TableRow, Typography } from "@mui/material";
+import { useFirestore } from "@aglyn/tenant-feature-instance";
+import { useMemo, useState } from "react";
+import { campaignSendsQuery } from "./campaign-queries.js";
+import { readSendFigures, readSiteExperimentFigures, readSiteOverlayFigures } from "./marketing-aggregates.js";
+import { useMarketingOrgMount } from "./marketing-org-mount.js";
+import { orgSiteSectionHref } from "./org-site-picker-button.js";
+import { useOneShotRead, useOrgSiteReads } from "./use-one-shot-reads.js";
+/**
+ * How many sites the Overview reads figures for.
+ *
+ * The one read on this card that grows with the organization: four
+ * aggregations a site. Capped, the landing section of the org hub costs four
+ * org-wide aggregations and four for each site up to this number, however
+ * many sites there are; the sites past it are counted in a note rather than
+ * read.
+ */ export const ORG_OVERVIEW_SITE_CAP = 25;
+/** A figure as a cell prints it: a dash for one nobody has measured. */ const figure = (value)=>value == null ? '—' : value.toLocaleString();
+/**
+ * A column's total, or `null` unless EVERY site in it answered. A total over
+ * the sites that happened to answer would print as the organization's figure
+ * while leaving some of it out.
+ */ function totalOf(values) {
+    let total = 0;
+    for (const value of values){
+        if (value == null) return null;
+        total += value;
+    }
+    return total;
+}
+/**
+ * Marketing at a glance, over every site — the landing section of the
+ * organization's Marketing hub.
+ *
+ * The email figures come from ONE collection: campaign sends belong to the
+ * organization (`orgs/{orgId}/campaigns`), so four aggregations over it
+ * answer for every site at once. Overlays and A/B tests are a SITE's —
+ * drawn on its pages, splitting its traffic — so their figures are read per
+ * site, each site one row, and each row opens that site's own Overview.
+ *
+ * A channel the plan does not carry is left out rather than read: an
+ * organization without overlays or A/B testing pays for no per-site reads
+ * at all, and its landing is the email figures alone.
+ */ export function OrgMarketingOverviewCard(props) {
+    var _ref;
+    const { org } = props;
+    const mount = useMarketingOrgMount();
+    const firestore = useFirestore();
+    const orgId = (_ref = mount == null ? void 0 : mount.orgId) != null ? _ref : null;
+    const overlaysOn = checkEntitlement(org, 'marketingOverlays');
+    const testsOn = checkEntitlement(org, 'abTesting');
+    const email = useOneShotRead(()=>{
+        const sends = campaignSendsQuery(firestore, orgId, null);
+        return sends ? readSendFigures(sends) : null;
+    }, [
+        firestore,
+        orgId
+    ]);
+    const allSites = useMemo(()=>{
+        var _ref;
+        return (_ref = mount == null ? void 0 : mount.hosts) != null ? _ref : [];
+    }, [
+        mount
+    ]);
+    const sites = useMemo(()=>allSites.slice(0, ORG_OVERVIEW_SITE_CAP), [
+        allSites
+    ]);
+    const perSite = useOrgSiteReads(overlaysOn || testsOn ? sites.map((site)=>site.id) : [], (hostId)=>Promise.all([
+            overlaysOn ? readSiteOverlayFigures(firestore, hostId) : null,
+            testsOn ? readSiteExperimentFigures(firestore, hostId) : null
+        ]).then(([overlays, tests])=>({
+                overlays,
+                tests
+            })), [
+        firestore,
+        overlaysOn,
+        testsOn
+    ]);
+    const rows = useMemo(()=>sites.map((site)=>{
+            var _ref, _ref1, _ref2, _ref3, _ref4;
+            var _perSite_reads_get, _answer_overlays, _answer_overlays1, _answer_tests, _answer_tests1;
+            const answer = (_ref = (_perSite_reads_get = perSite.reads.get(site.id)) == null ? void 0 : _perSite_reads_get.value) != null ? _ref : null;
+            return {
+                id: site.id,
+                name: site.name || site.subdomain || site.id,
+                href: mount ? orgSiteSectionHref(mount, site.id, 'overview') : null,
+                views: (_ref1 = answer == null ? void 0 : (_answer_overlays = answer.overlays) == null ? void 0 : _answer_overlays.views) != null ? _ref1 : null,
+                clicks: (_ref2 = answer == null ? void 0 : (_answer_overlays1 = answer.overlays) == null ? void 0 : _answer_overlays1.clicks) != null ? _ref2 : null,
+                running: (_ref3 = answer == null ? void 0 : (_answer_tests = answer.tests) == null ? void 0 : _answer_tests.running) != null ? _ref3 : null,
+                decided: (_ref4 = answer == null ? void 0 : (_answer_tests1 = answer.tests) == null ? void 0 : _answer_tests1.decided) != null ? _ref4 : null
+            };
+        }), [
+        sites,
+        perSite.reads,
+        mount
+    ]);
+    const totals = useMemo(()=>({
+            views: totalOf(rows.map((row)=>row.views)),
+            clicks: totalOf(rows.map((row)=>row.clicks)),
+            running: totalOf(rows.map((row)=>row.running)),
+            decided: totalOf(rows.map((row)=>row.decided))
+        }), [
+        rows
+    ]);
+    const [page, setPage] = useState(0);
+    const [pageSize, setPageSize] = useState(TABLE_PAGE_SIZE_DEFAULT);
+    const pageRows = rows.slice(page * pageSize, (page + 1) * pageSize);
+    const truncated = allSites.length > sites.length;
+    const sends = email.value;
+    const emailMetrics = [
+        {
+            label: 'Emails sent',
+            value: figure(sends == null ? void 0 : sends.sent)
+        },
+        {
+            label: 'Opens / clicks',
+            value: `${figure(sends == null ? void 0 : sends.opens)} / ${figure(sends == null ? void 0 : sends.clicks)}`
+        },
+        ...(sends == null ? void 0 : sends.scheduled) ? [
+            {
+                label: 'Scheduled sends',
+                value: figure(sends.scheduled)
+            }
+        ] : []
+    ];
+    return /*#__PURE__*/ _jsx(CardDisplay, {
+        header: 'At a glance',
+        subheader: 'Every site in this organization',
+        help: pluginDocsHelp('marketingOverlays', {
+            anchor: '#across-your-sites'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 2,
+            children: [
+                /*#__PURE__*/ _jsx(Stack, {
+                    direction: "row",
+                    spacing: 3,
+                    sx: {
+                        flexWrap: 'wrap',
+                        rowGap: 1.5
+                    },
+                    children: emailMetrics.map((metric)=>/*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 0,
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    children: metric.label
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "h6",
+                                    children: metric.value
+                                })
+                            ]
+                        }, metric.label))
+                }),
+                overlaysOn || testsOn ? /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Divider, {}),
+                        mount && !mount.hostsReady ? null : !sites.length ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: 'This organization has no sites yet, so there are no ' + 'overlays or A/B tests to count.'
+                        }) : /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 1,
+                            children: [
+                                truncated ? /*#__PURE__*/ _jsx(Alert, {
+                                    severity: "info",
+                                    children: `This organization has ${allSites.length.toLocaleString()} ` + `sites. The table and its totals cover the first ` + `${ORG_OVERVIEW_SITE_CAP.toLocaleString()}; each other ` + "site's own Marketing page has its figures."
+                                }) : null,
+                                /*#__PURE__*/ _jsxs(ScrollTable, {
+                                    size: "small",
+                                    "aria-label": "Figures by site",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(TableHead, {
+                                            children: /*#__PURE__*/ _jsxs(TableRow, {
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        children: 'Site'
+                                                    }),
+                                                    overlaysOn ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                                        children: [
+                                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                                align: "right",
+                                                                children: 'Overlay views'
+                                                            }),
+                                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                                align: "right",
+                                                                children: 'Overlay clicks'
+                                                            })
+                                                        ]
+                                                    }) : null,
+                                                    testsOn ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                                        children: [
+                                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                                align: "right",
+                                                                children: 'Tests running'
+                                                            }),
+                                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                                align: "right",
+                                                                children: 'Tests decided'
+                                                            })
+                                                        ]
+                                                    }) : null
+                                                ]
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsxs(TableBody, {
+                                            children: [
+                                                pageRows.map((row)=>/*#__PURE__*/ _jsxs(TableRow, {
+                                                        children: [
+                                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                                children: row.href ? /*#__PURE__*/ _jsx(AppLink, {
+                                                                    href: row.href,
+                                                                    children: row.name
+                                                                }) : row.name
+                                                            }),
+                                                            overlaysOn ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                                                children: [
+                                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                                        align: "right",
+                                                                        children: figure(row.views)
+                                                                    }),
+                                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                                        align: "right",
+                                                                        children: figure(row.clicks)
+                                                                    })
+                                                                ]
+                                                            }) : null,
+                                                            testsOn ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                                                children: [
+                                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                                        align: "right",
+                                                                        children: figure(row.running)
+                                                                    }),
+                                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                                        align: "right",
+                                                                        children: figure(row.decided)
+                                                                    })
+                                                                ]
+                                                            }) : null
+                                                        ]
+                                                    }, row.id)),
+                                                /*#__PURE__*/ _jsxs(TableRow, {
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx(TableCell, {
+                                                            sx: {
+                                                                fontWeight: 600
+                                                            },
+                                                            children: truncated ? `These ${sites.length.toLocaleString()} sites` : 'All sites'
+                                                        }),
+                                                        overlaysOn ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                                            children: [
+                                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                                    align: "right",
+                                                                    sx: {
+                                                                        fontWeight: 600
+                                                                    },
+                                                                    children: figure(totals.views)
+                                                                }),
+                                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                                    align: "right",
+                                                                    sx: {
+                                                                        fontWeight: 600
+                                                                    },
+                                                                    children: figure(totals.clicks)
+                                                                })
+                                                            ]
+                                                        }) : null,
+                                                        testsOn ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                                            children: [
+                                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                                    align: "right",
+                                                                    sx: {
+                                                                        fontWeight: 600
+                                                                    },
+                                                                    children: figure(totals.running)
+                                                                }),
+                                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                                    align: "right",
+                                                                    sx: {
+                                                                        fontWeight: 600
+                                                                    },
+                                                                    children: figure(totals.decided)
+                                                                })
+                                                            ]
+                                                        }) : null
+                                                    ]
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx(ListPagination, {
+                                    page: page,
+                                    pageSize: pageSize,
+                                    rowCount: pageRows.length,
+                                    count: rows.length,
+                                    onPageChange: setPage,
+                                    onPageSizeChange: setPageSize
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    children: 'Overlay views and clicks are lifetime counts. A dash is ' + 'a figure that has not arrived or could not be read — ' + 'never a zero.'
+                                })
+                            ]
+                        })
+                    ]
+                }) : null
+            ]
+        })
+    });
+}
+OrgMarketingOverviewCard.displayName = 'OrgMarketingOverviewCard';
+export default OrgMarketingOverviewCard;
+
+//# sourceMappingURL=org-marketing-overview-card.js.map

package/src/lib/components/org-marketing-overview-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/org-marketing-overview-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 {\n  type AglynOrgBilling,\n  checkEntitlement,\n  pluginDocsHelp,\n} from '@aglyn/aglyn'\nimport { AppLink, CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport { ScrollTable } from '@aglyn/shared-ui-jsx/components/scroll-table.component'\nimport { TABLE_PAGE_SIZE_DEFAULT } from '@aglyn/shared-ui-jsx/const/table-pagination'\nimport {\n  Alert,\n  Divider,\n  Stack,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  Typography,\n} from '@mui/material'\nimport { useFirestore } from '@aglyn/tenant-feature-instance'\nimport { useMemo, useState } from 'react'\nimport { campaignSendsQuery } from './campaign-queries'\nimport {\n  readSendFigures,\n  readSiteExperimentFigures,\n  readSiteOverlayFigures,\n  type SiteExperimentFigures,\n  type SiteOverlayFigures,\n} from './marketing-aggregates'\nimport { useMarketingOrgMount } from './marketing-org-mount'\nimport { orgSiteSectionHref } from './org-site-picker-button'\nimport { useOneShotRead, useOrgSiteReads } from './use-one-shot-reads'\n\n/**\n * How many sites the Overview reads figures for.\n *\n * The one read on this card that grows with the organization: four\n * aggregations a site. Capped, the landing section of the org hub costs four\n * org-wide aggregations and four for each site up to this number, however\n * many sites there are; the sites past it are counted in a note rather than\n * read.\n */\nexport const ORG_OVERVIEW_SITE_CAP = 25\n\n/** One site's figures: `null` for a channel the plan does not carry. */\ninterface SiteFigures {\n  overlays: SiteOverlayFigures | null\n  tests: SiteExperimentFigures | null\n}\n\n/** A figure as a cell prints it: a dash for one nobody has measured. */\nconst figure = (value: number | null | undefined): string =>\n  value == null ? '—' : value.toLocaleString()\n\n/**\n * A column's total, or `null` unless EVERY site in it answered. A total over\n * the sites that happened to answer would print as the organization's figure\n * while leaving some of it out.\n */\nfunction totalOf(values: ReadonlyArray<number | null | undefined>): number | null {\n  let total = 0\n  for (const value of values) {\n    if (value == null) return null\n    total += value\n  }\n  return total\n}\n\nexport interface OrgMarketingOverviewCardProps {\n  /** The org's plan, for which channels it carries. */\n  org?: Partial<AglynOrgBilling>\n}\n\n/**\n * Marketing at a glance, over every site — the landing section of the\n * organization's Marketing hub.\n *\n * The email figures come from ONE collection: campaign sends belong to the\n * organization (`orgs/{orgId}/campaigns`), so four aggregations over it\n * answer for every site at once. Overlays and A/B tests are a SITE's —\n * drawn on its pages, splitting its traffic — so their figures are read per\n * site, each site one row, and each row opens that site's own Overview.\n *\n * A channel the plan does not carry is left out rather than read: an\n * organization without overlays or A/B testing pays for no per-site reads\n * at all, and its landing is the email figures alone.\n */\nexport function OrgMarketingOverviewCard(props: OrgMarketingOverviewCardProps) {\n  const { org } = props\n  const mount = useMarketingOrgMount()\n  const firestore = useFirestore()\n  const orgId = mount?.orgId ?? null\n  const overlaysOn = checkEntitlement(org, 'marketingOverlays')\n  const testsOn = checkEntitlement(org, 'abTesting')\n\n  const email = useOneShotRead(() => {\n    const sends = campaignSendsQuery(firestore, orgId, null)\n    return sends ? readSendFigures(sends) : null\n  }, [firestore, orgId])\n\n  const allSites = useMemo(() => mount?.hosts ?? [], [mount])\n  const sites = useMemo(\n    () => allSites.slice(0, ORG_OVERVIEW_SITE_CAP),\n    [allSites],\n  )\n  const perSite = useOrgSiteReads<SiteFigures>(\n    overlaysOn || testsOn ? sites.map((site) => site.id) : [],\n    (hostId) =>\n      Promise.all([\n        overlaysOn ? readSiteOverlayFigures(firestore, hostId) : null,\n        testsOn ? readSiteExperimentFigures(firestore, hostId) : null,\n      ]).then(([overlays, tests]) => ({ overlays, tests })),\n    [firestore, overlaysOn, testsOn],\n  )\n\n  const rows = useMemo(\n    () =>\n      sites.map((site) => {\n        const answer = perSite.reads.get(site.id)?.value ?? null\n        return {\n          id: site.id,\n          name: site.name || site.subdomain || site.id,\n          href: mount ? orgSiteSectionHref(mount, site.id, 'overview') : null,\n          views: answer?.overlays?.views ?? null,\n          clicks: answer?.overlays?.clicks ?? null,\n          running: answer?.tests?.running ?? null,\n          decided: answer?.tests?.decided ?? null,\n        }\n      }),\n    [sites, perSite.reads, mount],\n  )\n  const totals = useMemo(\n    () => ({\n      views: totalOf(rows.map((row) => row.views)),\n      clicks: totalOf(rows.map((row) => row.clicks)),\n      running: totalOf(rows.map((row) => row.running)),\n      decided: totalOf(rows.map((row) => row.decided)),\n    }),\n    [rows],\n  )\n\n  const [page, setPage] = useState(0)\n  const [pageSize, setPageSize] = useState(TABLE_PAGE_SIZE_DEFAULT)\n  const pageRows = rows.slice(page * pageSize, (page + 1) * pageSize)\n  const truncated = allSites.length > sites.length\n\n  const sends = email.value\n  const emailMetrics: Array<{ label: string; value: string }> = [\n    { label: 'Emails sent', value: figure(sends?.sent) },\n    {\n      label: 'Opens / clicks',\n      value: `${figure(sends?.opens)} / ${figure(sends?.clicks)}`,\n    },\n    ...(sends?.scheduled\n      ? [{ label: 'Scheduled sends', value: figure(sends.scheduled) }]\n      : []),\n  ]\n\n  return (\n    <CardDisplay\n      header={'At a glance'}\n      subheader={'Every site in this organization'}\n      help={pluginDocsHelp('marketingOverlays', {\n        anchor: '#across-your-sites',\n      })}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={2}>\n        <Stack\n          direction=\"row\"\n          spacing={3}\n          sx={{ flexWrap: 'wrap', rowGap: 1.5 }}\n        >\n          {emailMetrics.map((metric) => (\n            <Stack key={metric.label} spacing={0}>\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                {metric.label}\n              </Typography>\n              <Typography variant=\"h6\">{metric.value}</Typography>\n            </Stack>\n          ))}\n        </Stack>\n\n        {overlaysOn || testsOn ? (\n          <>\n            <Divider />\n            {mount && !mount.hostsReady ? null : !sites.length ? (\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {'This organization has no sites yet, so there are no ' +\n                  'overlays or A/B tests to count.'}\n              </Typography>\n            ) : (\n              <Stack spacing={1}>\n                {truncated ? (\n                  <Alert severity=\"info\">\n                    {`This organization has ${allSites.length.toLocaleString()} ` +\n                      `sites. The table and its totals cover the first ` +\n                      `${ORG_OVERVIEW_SITE_CAP.toLocaleString()}; each other ` +\n                      \"site's own Marketing page has its figures.\"}\n                  </Alert>\n                ) : null}\n                <ScrollTable size=\"small\" aria-label=\"Figures by site\">\n                  <TableHead>\n                    <TableRow>\n                      <TableCell>{'Site'}</TableCell>\n                      {overlaysOn ? (\n                        <>\n                          <TableCell align=\"right\">{'Overlay views'}</TableCell>\n                          <TableCell align=\"right\">{'Overlay clicks'}</TableCell>\n                        </>\n                      ) : null}\n                      {testsOn ? (\n                        <>\n                          <TableCell align=\"right\">{'Tests running'}</TableCell>\n                          <TableCell align=\"right\">{'Tests decided'}</TableCell>\n                        </>\n                      ) : null}\n                    </TableRow>\n                  </TableHead>\n                  <TableBody>\n                    {pageRows.map((row) => (\n                      <TableRow key={row.id}>\n                        <TableCell>\n                          {row.href ? (\n                            <AppLink href={row.href}>{row.name}</AppLink>\n                          ) : (\n                            row.name\n                          )}\n                        </TableCell>\n                        {overlaysOn ? (\n                          <>\n                            <TableCell align=\"right\">{figure(row.views)}</TableCell>\n                            <TableCell align=\"right\">{figure(row.clicks)}</TableCell>\n                          </>\n                        ) : null}\n                        {testsOn ? (\n                          <>\n                            <TableCell align=\"right\">{figure(row.running)}</TableCell>\n                            <TableCell align=\"right\">{figure(row.decided)}</TableCell>\n                          </>\n                        ) : null}\n                      </TableRow>\n                    ))}\n                    {/*\n                      THE TOTALS, under every page: they are the sum of every\n                      site the card read, not of the page on screen, and say\n                      which when not every site was read.\n                     */}\n                    <TableRow>\n                      <TableCell sx={{ fontWeight: 600 }}>\n                        {truncated\n                          ? `These ${sites.length.toLocaleString()} sites`\n                          : 'All sites'}\n                      </TableCell>\n                      {overlaysOn ? (\n                        <>\n                          <TableCell align=\"right\" sx={{ fontWeight: 600 }}>\n                            {figure(totals.views)}\n                          </TableCell>\n                          <TableCell align=\"right\" sx={{ fontWeight: 600 }}>\n                            {figure(totals.clicks)}\n                          </TableCell>\n                        </>\n                      ) : null}\n                      {testsOn ? (\n                        <>\n                          <TableCell align=\"right\" sx={{ fontWeight: 600 }}>\n                            {figure(totals.running)}\n                          </TableCell>\n                          <TableCell align=\"right\" sx={{ fontWeight: 600 }}>\n                            {figure(totals.decided)}\n                          </TableCell>\n                        </>\n                      ) : null}\n                    </TableRow>\n                  </TableBody>\n                </ScrollTable>\n                <ListPagination\n                  page={page}\n                  pageSize={pageSize}\n                  rowCount={pageRows.length}\n                  count={rows.length}\n                  onPageChange={setPage}\n                  onPageSizeChange={setPageSize}\n                />\n                <Typography variant=\"caption\" color=\"text.secondary\">\n                  {'Overlay views and clicks are lifetime counts. A dash is ' +\n                    'a figure that has not arrived or could not be read — ' +\n                    'never a zero.'}\n                </Typography>\n              </Stack>\n            )}\n          </>\n        ) : null}\n      </Stack>\n    </CardDisplay>\n  )\n}\nOrgMarketingOverviewCard.displayName = 'OrgMarketingOverviewCard'\n\nexport default OrgMarketingOverviewCard\n"],"names":["checkEntitlement","pluginDocsHelp","AppLink","CardDisplay","ListPagination","ScrollTable","TABLE_PAGE_SIZE_DEFAULT","Alert","Divider","Stack","TableBody","TableCell","TableHead","TableRow","Typography","useFirestore","useMemo","useState","campaignSendsQuery","readSendFigures","readSiteExperimentFigures","readSiteOverlayFigures","useMarketingOrgMount","orgSiteSectionHref","useOneShotRead","useOrgSiteReads","ORG_OVERVIEW_SITE_CAP","figure","value","toLocaleString","totalOf","values","total","OrgMarketingOverviewCard","props","org","mount","firestore","orgId","overlaysOn","testsOn","email","sends","allSites","hosts","sites","slice","perSite","map","site","id","hostId","Promise","all","then","overlays","tests","rows","answer","reads","get","name","subdomain","href","views","clicks","running","decided","totals","row","page","setPage","pageSize","setPageSize","pageRows","truncated","length","emailMetrics","label","sent","opens","scheduled","header","subheader","help","anchor","contentGutterX","contentGutterY","spacing","direction","sx","flexWrap","rowGap","metric","variant","color","hostsReady","severity","size","aria-label","align","fontWeight","rowCount","count","onPageChange","onPageSizeChange","displayName"],"mappings":"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"}

package/src/lib/components/org-overlays-card.d.ts

@@ -0,0 +1,35 @@
+import { type AglynOrgBilling } from '@aglyn/aglyn';
+/**
+ * How many overlays are read for each site.
+ *
+ * Smaller than the site's own ceiling on purpose: a site runs a handful of
+ * bars and popups, a page here holds a page of sites' worth of them, and a
+ * site with more says so on its row and links to its own list, where every
+ * one of them is — and where the order they take can be changed.
+ */
+export declare const ORG_OVERLAYS_PER_SITE = 10;
+export interface OrgOverlaysCardProps {
+    /** The org's plan, for the `marketingOverlays` entitlement. */
+    org?: Partial<AglynOrgBilling>;
+}
+/**
+ * Every site's announcement bars and popups, on the organization's
+ * Marketing hub.
+ *
+ * READ-ONLY but for the switch. An overlay is drawn on one site's pages and
+ * written against that site's variables, screens and order, so its editor
+ * stays on the site: each row's Edit and the New button open the site's own
+ * Overlays section. What the org hub adds is the view across sites — which
+ * of them are showing what, and their lifetime engagement — and the one
+ * change that needs no editor, turning an overlay on or off.
+ *
+ * Grouped by site, each group in the order the site shows its overlays,
+ * under a line naming the site and whether its default bar and popup are
+ * on. No 14-day analytics row: that is a document read per day per site,
+ * and it lives on the site.
+ */
+export declare function OrgOverlaysCard(props: OrgOverlaysCardProps): import("react").JSX.Element;
+export declare namespace OrgOverlaysCard {
+    var displayName: string;
+}
+export default OrgOverlaysCard;