@aglyn/plugins-marketing 1.0.0-beta.220 → 1.0.0-beta.222

package/src/lib/components/email-template-report-card.js

@@ -0,0 +1,469 @@
+/**
+ * @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 { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { pluginDocsHelp } from "@aglyn/aglyn";
+import { pluginRecordHref } from "@aglyn/aglyn/plugin-manager/plugin-record-routes";
+import { mdiBullhornOutline, mdiEyeOutline } from "@aglyn/shared-data-mdi";
+import { AppLink, CardDisplay, MdiIcon } from "@aglyn/shared-ui-jsx";
+import { Figure, RateRow, Section } from "@aglyn/shared-ui-jsx/components/measured-figures.component";
+import RowActionsMenu from "@aglyn/shared-ui-jsx/components/row-actions-menu.component";
+import { ScrollTable } from "@aglyn/shared-ui-jsx/components/scroll-table.component";
+import { useConsoleHostRoute, useFirestore, useFirestoreCollection, useOrgDataScope } from "@aglyn/tenant-feature-instance";
+import { Alert, Chip, Divider, Stack, TableBody, TableCell, TableHead, TableRow, Typography } from "@mui/material";
+import { collection, documentId, limit, orderBy, query, where } from "firebase/firestore";
+import { useRouter } from "next/navigation";
+import { useMemo } from "react";
+import { CAMPAIGN_SEND_CONTAINER_FIELD, campaignSendDisplay, campaignSendVisibleTo, orgCampaignSendsPath } from "../model/campaign-container.js";
+import { emailSendTimeMs } from "../model/email-record.js";
+import { templateReport } from "../model/template-report.js";
+/**
+ * How many of a template's messages one read covers.
+ *
+ * A CEILING on the read, not a page size: the report is a single figure per
+ * quantity, so there is nothing to page through. Past it every total is a
+ * floor and the report says so — the same treatment `audienceSizeTruncated`
+ * gets, and for the same reason.
+ */ export const TEMPLATE_CAMPAIGN_CEILING = 100;
+const reportDocsHelp = pluginDocsHelp('designedEmails', {
+    anchor: '#send-it',
+    excerpt: 'Every message sent from this template, and what those messages did — ' + 'each rate over the population it was measured against.'
+});
+/**
+ * WHAT ONE TEMPLATE'S EMAILS DID, SUMMED (AGL-3080).
+ *
+ * The template is the Email plugin's; the messages sent from it are this
+ * plugin's campaign sends. So the template's page hosts a zone and this card
+ * fills it: the page names the template, and the sends are read here, where
+ * their collection is owned.
+ *
+ * ## What this card reads
+ *
+ * The messages naming this template, bounded at
+ * {@link TEMPLATE_CAMPAIGN_CEILING}. The recipients table is its own card and
+ * its own request, so a reader who came for the totals does not pay for the
+ * delivery-log query.
+ */ export function EmailTemplateReportCard(props) {
+    var _ref;
+    const { hostId, screenId, basePath } = props;
+    const { orgSlug, subdomain } = useConsoleHostRoute(hostId);
+    /*
+   * A campaign's page is published on the record-route seam like every other
+   * kind, and read the same way here: one place decides where a `campaign`
+   * is read. Null before the console's URL has resolved.
+   */ const campaignHref = (campaignId)=>orgSlug && subdomain ? pluginRecordHref('campaign', {
+            orgSlug,
+            host: subdomain
+        }, campaignId) : null;
+    const firestore = useFirestore();
+    const router = useRouter();
+    /*
+   * The messages sent from this template, ordered by DOCUMENT ID.
+   *
+   * Not by date, and that is forced rather than chosen: a sent message
+   * carries `sentAt`, a scheduled one carries `sendAtMs`, and no writer
+   * stamps a `createdAt` — so `orderBy` on either would not mis-sort this
+   * list, it would DROP every message written by the other branch. Ordering
+   * on the document id is the one ordering every message satisfies, and the
+   * rows are sorted by date below over a window this component already holds.
+   * The index the filters need is `visibleTo` + `templateScreenId`, declared
+   * in `cloud/firebase-firestore.indexes.json`.
+   *
+   * One MORE than the ceiling, so truncation is a fact rather than a guess.
+   *
+   * The sends are the ORGANIZATION'S, each stamped with the one site it is
+   * sent as. The `visibleTo` clause names this site: it keeps a sibling
+   * site's sends of a same-id design out, and it is what makes the read
+   * provable for a collaborator scoped to this site — the rules evaluate a
+   * list per document, and an unfiltered one is refused whole. Nothing is
+   * read until the site's org is known.
+   */ const { orgId } = useOrgDataScope({
+        hostId
+    });
+    const sendScope = useMemo(()=>campaignSendVisibleTo(hostId), [
+        hostId
+    ]);
+    const { data: messageDocs } = useFirestoreCollection(()=>orgId ? query(collection(firestore, ...orgCampaignSendsPath(orgId)), where('visibleTo', 'array-contains-any', sendScope), where('templateScreenId', '==', screenId), orderBy(documentId()), limit(TEMPLATE_CAMPAIGN_CEILING + 1)) : null, [
+        firestore,
+        orgId,
+        sendScope,
+        screenId
+    ], {
+        idField: '$id'
+    });
+    const truncated = ((_ref = messageDocs == null ? void 0 : messageDocs.length) != null ? _ref : 0) > TEMPLATE_CAMPAIGN_CEILING;
+    const messages = useMemo(()=>(messageDocs != null ? messageDocs : []).slice(0, TEMPLATE_CAMPAIGN_CEILING).map((message)=>{
+            var _message_status, _message_status1, _message_audience;
+            return _extends({
+                campaignId: String(message.$id),
+                subject: String(message.subject || 'Untitled email'),
+                /*
+           * A message that has not gone out has NO send time, and that is
+           * what `null` means here — not "unknown". The report measures
+           * engagement over sent messages only, so a scheduled one
+           * contributes to the list below and to no figure above it.
+           */ sentAtMs: String((_message_status = message.status) != null ? _message_status : '') === 'sent' ? emailSendTimeMs(message) || null : null,
+                status: String((_message_status1 = message.status) != null ? _message_status1 : 'sent'),
+                audience: String((_message_audience = message.audience) != null ? _message_audience : '')
+            }, message.listId ? {
+                listId: String(message.listId)
+            } : {}, message.listName ? {
+                listName: String(message.listName)
+            } : {}, {
+                stats: message.stats,
+                scheduledForMs: emailSendTimeMs(message)
+            }, message[CAMPAIGN_SEND_CONTAINER_FIELD] ? {
+                emailCampaignId: String(message[CAMPAIGN_SEND_CONTAINER_FIELD])
+            } : {});
+        }), [
+        messageDocs
+    ]);
+    const orderedMessages = useMemo(()=>[
+            ...messages
+        ].sort((a, b)=>b.scheduledForMs - a.scheduledForMs), [
+        messages
+    ]);
+    const report = useMemo(()=>templateReport(messages, truncated), [
+        messages,
+        truncated
+    ]);
+    const messageHref = (message)=>`${basePath}/messages/${message.campaignId}`;
+    /**
+   * What one message sent from this template can be opened into.
+   *
+   * Its own report, and the campaign that grouped it. The template is the page
+   * the reader is standing on, so it is not offered a third time. A message
+   * sent before campaigns existed belongs to no container, and the item says
+   * so rather than vanishing.
+   */ const messageActions = (message)=>[
+            {
+                key: 'details',
+                label: 'Open report',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiEyeOutline.path,
+                    size: 0.8
+                }),
+                href: messageHref(message)
+            },
+            {
+                key: 'campaign',
+                label: 'Open its campaign',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiBullhornOutline.path,
+                    size: 0.8
+                }),
+                // The one href here that is not under the Emails page's base path.
+                href: message.emailCampaignId && campaignHref(message.emailCampaignId) || undefined,
+                disabled: !message.emailCampaignId || !campaignHref(message.emailCampaignId),
+                disabledReason: message.emailCampaignId ? 'This site’s console URL has not resolved yet' : 'Sent before campaigns grouped their emails, so it belongs to none'
+            }
+        ];
+    return /*#__PURE__*/ _jsx(CardDisplay, {
+        header: 'Sent from this template',
+        help: reportDocsHelp,
+        contentGutterX: true,
+        contentGutterY: true,
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 3,
+            children: [
+                report.caveats.map((caveat)=>/*#__PURE__*/ _jsx(Alert, {
+                        severity: "info",
+                        children: caveat.message
+                    }, caveat.id)),
+                /*#__PURE__*/ _jsx(Section, {
+                    title: "Delivery",
+                    children: /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 4,
+                        useFlexGap: true,
+                        sx: {
+                            flexWrap: 'wrap'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Figure, {
+                                label: "Emails",
+                                value: report.sentCampaigns,
+                                note: "sent from this template"
+                            }),
+                            /*#__PURE__*/ _jsx(Figure, {
+                                label: "Addressed",
+                                value: report.recipients,
+                                note: "after each send's cap"
+                            }),
+                            /*#__PURE__*/ _jsx(Figure, {
+                                label: "Sent",
+                                value: report.sent,
+                                note: "accepted by the provider"
+                            }),
+                            /*#__PURE__*/ _jsx(Figure, {
+                                label: "Delivered",
+                                value: report.delivered,
+                                note: "accepted by the receiving server"
+                            }),
+                            /*#__PURE__*/ _jsx(Figure, {
+                                label: "Bounced",
+                                value: report.bounced,
+                                note: "of sent"
+                            }),
+                            /*#__PURE__*/ _jsx(Figure, {
+                                label: "Marked as spam",
+                                value: report.complained,
+                                note: "of delivered"
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Divider, {}),
+                /*#__PURE__*/ _jsx(Section, {
+                    title: "Engagement",
+                    children: /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 4,
+                        useFlexGap: true,
+                        sx: {
+                            flexWrap: 'wrap'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Figure, {
+                                label: "Opens",
+                                value: report.opens,
+                                note: "every open, repeats included"
+                            }),
+                            /*#__PURE__*/ _jsx(Figure, {
+                                label: "Readers who opened",
+                                value: report.uniqueOpens,
+                                note: "distinct recipients"
+                            }),
+                            /*#__PURE__*/ _jsx(Figure, {
+                                label: "Clicks",
+                                value: report.clicks,
+                                note: "every click, repeats included"
+                            }),
+                            /*#__PURE__*/ _jsx(Figure, {
+                                label: "Readers who clicked",
+                                value: report.uniqueClicks,
+                                note: "distinct recipients"
+                            }),
+                            /*#__PURE__*/ _jsx(Figure, {
+                                label: "Unsubscribed",
+                                value: report.unsubscribes,
+                                note: "through these emails' links"
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Divider, {}),
+                /*#__PURE__*/ _jsx(Section, {
+                    title: "Rates",
+                    children: /*#__PURE__*/ _jsxs(Stack, {
+                        spacing: 1,
+                        children: [
+                            /*#__PURE__*/ _jsx(RateRow, {
+                                label: "Delivery rate",
+                                rate: report.rates.delivery
+                            }),
+                            /*#__PURE__*/ _jsx(RateRow, {
+                                label: "Open rate",
+                                rate: report.rates.open
+                            }),
+                            /*#__PURE__*/ _jsx(RateRow, {
+                                label: "Click rate",
+                                rate: report.rates.click
+                            }),
+                            /*#__PURE__*/ _jsx(RateRow, {
+                                label: "Click-to-open rate",
+                                rate: report.rates.clickToOpen
+                            }),
+                            /*#__PURE__*/ _jsx(RateRow, {
+                                label: "Bounce rate",
+                                rate: report.rates.bounce
+                            }),
+                            /*#__PURE__*/ _jsx(RateRow, {
+                                label: "Complaint rate",
+                                rate: report.rates.complaint
+                            }),
+                            /*#__PURE__*/ _jsx(RateRow, {
+                                label: "Unsubscribe rate",
+                                rate: report.rates.unsubscribe
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Divider, {}),
+                /*#__PURE__*/ _jsx(Section, {
+                    title: "Who this went to",
+                    children: report.audiences.length ? /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsxs(ScrollTable, {
+                                size: "small",
+                                children: [
+                                    /*#__PURE__*/ _jsx(TableHead, {
+                                        children: /*#__PURE__*/ _jsxs(TableRow, {
+                                            children: [
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: 'Audience'
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    align: "right",
+                                                    children: 'Emails'
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    align: "right",
+                                                    children: 'Addressed'
+                                                })
+                                            ]
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableBody, {
+                                        children: report.audiences.map((audience)=>/*#__PURE__*/ _jsxs(TableRow, {
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        children: audience.label
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        align: "right",
+                                                        children: audience.campaigns.toLocaleString()
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        align: "right",
+                                                        sx: {
+                                                            fontWeight: 'bold'
+                                                        },
+                                                        children: audience.addressed.toLocaleString()
+                                                    })
+                                                ]
+                                            }, audience.id))
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "caption",
+                                color: "text.secondary",
+                                children: 'Each list is named as it was when the email was sent, so ' + 'renaming or deleting a list does not rewrite what a past ' + 'send went to.'
+                            })
+                        ]
+                    }) : /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'No email sent from this template has gone out yet.'
+                    })
+                }),
+                orderedMessages.length ? /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Divider, {}),
+                        /*#__PURE__*/ _jsx(Section, {
+                            title: "Emails using this template",
+                            children: /*#__PURE__*/ _jsxs(ScrollTable, {
+                                size: "small",
+                                children: [
+                                    /*#__PURE__*/ _jsx(TableHead, {
+                                        children: /*#__PURE__*/ _jsxs(TableRow, {
+                                            children: [
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: 'Subject'
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: 'State'
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: 'When'
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    align: "right",
+                                                    children: 'Addressed'
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    align: "right",
+                                                    children: 'Opens'
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    align: "right",
+                                                    children: 'Clicks'
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    align: "right"
+                                                })
+                                            ]
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableBody, {
+                                        children: orderedMessages.map((message)=>{
+                                            var _ref, _ref1, _ref2;
+                                            var _message_stats, _message_stats1, _message_stats2;
+                                            return /*#__PURE__*/ _jsxs(TableRow, {
+                                                hover: true,
+                                                onClick: ()=>router.push(messageHref(message)),
+                                                sx: {
+                                                    cursor: 'pointer'
+                                                },
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        children: /*#__PURE__*/ _jsx(AppLink, {
+                                                            href: messageHref(message),
+                                                            onClick: (event)=>event.stopPropagation(),
+                                                            children: message.subject
+                                                        })
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        children: /*#__PURE__*/ _jsx(Chip, {
+                                                            size: "small",
+                                                            label: campaignSendDisplay(message).label
+                                                        })
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        children: message.scheduledForMs ? new Date(message.scheduledForMs).toLocaleString() : '—'
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        align: "right",
+                                                        children: Number((_ref = (_message_stats = message.stats) == null ? void 0 : _message_stats.recipients) != null ? _ref : 0).toLocaleString()
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        align: "right",
+                                                        children: Number((_ref1 = (_message_stats1 = message.stats) == null ? void 0 : _message_stats1.opens) != null ? _ref1 : 0).toLocaleString()
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        align: "right",
+                                                        children: Number((_ref2 = (_message_stats2 = message.stats) == null ? void 0 : _message_stats2.clicks) != null ? _ref2 : 0).toLocaleString()
+                                                    }),
+                                                    /*#__PURE__*/ _jsx(TableCell, {
+                                                        align: "right",
+                                                        sx: {
+                                                            width: 56
+                                                        },
+                                                        onClick: (event)=>event.stopPropagation(),
+                                                        children: /*#__PURE__*/ _jsx(RowActionsMenu, {
+                                                            label: String(message.subject),
+                                                            items: messageActions(message)
+                                                        })
+                                                    })
+                                                ]
+                                            }, message.campaignId);
+                                        })
+                                    })
+                                ]
+                            })
+                        })
+                    ]
+                }) : null
+            ]
+        })
+    });
+}
+EmailTemplateReportCard.displayName = 'EmailTemplateReportCard';
+export default EmailTemplateReportCard;
+
+//# sourceMappingURL=email-template-report-card.js.map

package/src/lib/components/email-template-report-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/email-template-report-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\n'use client'\n\nimport { pluginDocsHelp } from '@aglyn/aglyn'\nimport { pluginRecordHref } from '@aglyn/aglyn/plugin-manager/plugin-record-routes'\nimport { mdiBullhornOutline, mdiEyeOutline } from '@aglyn/shared-data-mdi'\nimport { AppLink, CardDisplay, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport {\n  Figure,\n  RateRow,\n  Section,\n} from '@aglyn/shared-ui-jsx/components/measured-figures.component'\nimport RowActionsMenu, {\n  type RowActionsMenuItem,\n} from '@aglyn/shared-ui-jsx/components/row-actions-menu.component'\nimport { ScrollTable } from '@aglyn/shared-ui-jsx/components/scroll-table.component'\nimport {\n  useConsoleHostRoute,\n  useFirestore,\n  useFirestoreCollection,\n  useOrgDataScope,\n} from '@aglyn/tenant-feature-instance'\nimport {\n  Alert,\n  Chip,\n  Divider,\n  Stack,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  Typography,\n} from '@mui/material'\nimport {\n  collection,\n  documentId,\n  limit,\n  orderBy,\n  query,\n  where,\n} from 'firebase/firestore'\nimport { useRouter } from 'next/navigation'\nimport { useMemo } from 'react'\nimport {\n  CAMPAIGN_SEND_CONTAINER_FIELD,\n  campaignSendDisplay,\n  campaignSendVisibleTo,\n  orgCampaignSendsPath,\n} from '../model/campaign-container'\nimport { emailSendTimeMs } from '../model/email-record'\nimport { templateReport, type TemplateCampaign } from '../model/template-report'\n\n/**\n * How many of a template's messages one read covers.\n *\n * A CEILING on the read, not a page size: the report is a single figure per\n * quantity, so there is nothing to page through. Past it every total is a\n * floor and the report says so — the same treatment `audienceSizeTruncated`\n * gets, and for the same reason.\n */\nexport const TEMPLATE_CAMPAIGN_CEILING = 100\n\nconst reportDocsHelp = pluginDocsHelp('designedEmails', {\n  anchor: '#send-it',\n  excerpt:\n    'Every message sent from this template, and what those messages did — ' +\n    'each rate over the population it was measured against.',\n})\n\n/** What the Email plugin's template page hands its report zone. */\nexport interface EmailTemplateReportCardProps {\n  hostId: string\n  /** The `kind: 'email'` screen document the template page is about. */\n  screenId: string\n  /** The Emails page's own path, which every message link hangs beneath. */\n  basePath: string\n}\n\n/**\n * A message row on this card: what the report needs, plus what the ROW needs.\n *\n * `TemplateCampaign` is the report's shape and stays that — it is the input to\n * `templateReport`, and a field the figures do not read has no business in it.\n * The send time this table sorts on and the campaign its row menu offers are\n * both properties of the row rather than of the report.\n */\ntype TemplateMessage = TemplateCampaign & {\n  scheduledForMs: number\n  /** Absent on a message written before campaigns grouped their emails. */\n  emailCampaignId?: string\n}\n\n/**\n * WHAT ONE TEMPLATE'S EMAILS DID, SUMMED (AGL-3080).\n *\n * The template is the Email plugin's; the messages sent from it are this\n * plugin's campaign sends. So the template's page hosts a zone and this card\n * fills it: the page names the template, and the sends are read here, where\n * their collection is owned.\n *\n * ## What this card reads\n *\n * The messages naming this template, bounded at\n * {@link TEMPLATE_CAMPAIGN_CEILING}. The recipients table is its own card and\n * its own request, so a reader who came for the totals does not pay for the\n * delivery-log query.\n */\nexport function EmailTemplateReportCard(props: EmailTemplateReportCardProps) {\n  const { hostId, screenId, basePath } = props\n  const { orgSlug, subdomain } = useConsoleHostRoute(hostId)\n  /*\n   * A campaign's page is published on the record-route seam like every other\n   * kind, and read the same way here: one place decides where a `campaign`\n   * is read. Null before the console's URL has resolved.\n   */\n  const campaignHref = (campaignId: string): string | null =>\n    orgSlug && subdomain\n      ? pluginRecordHref('campaign', { orgSlug, host: subdomain }, campaignId)\n      : null\n  const firestore = useFirestore()\n  const router = useRouter()\n\n  /*\n   * The messages sent from this template, ordered by DOCUMENT ID.\n   *\n   * Not by date, and that is forced rather than chosen: a sent message\n   * carries `sentAt`, a scheduled one carries `sendAtMs`, and no writer\n   * stamps a `createdAt` — so `orderBy` on either would not mis-sort this\n   * list, it would DROP every message written by the other branch. Ordering\n   * on the document id is the one ordering every message satisfies, and the\n   * rows are sorted by date below over a window this component already holds.\n   * The index the filters need is `visibleTo` + `templateScreenId`, declared\n   * in `cloud/firebase-firestore.indexes.json`.\n   *\n   * One MORE than the ceiling, so truncation is a fact rather than a guess.\n   *\n   * The sends are the ORGANIZATION'S, each stamped with the one site it is\n   * sent as. The `visibleTo` clause names this site: it keeps a sibling\n   * site's sends of a same-id design out, and it is what makes the read\n   * provable for a collaborator scoped to this site — the rules evaluate a\n   * list per document, and an unfiltered one is refused whole. Nothing is\n   * read until the site's org is known.\n   */\n  const { orgId } = useOrgDataScope({ hostId })\n  const sendScope = useMemo(() => campaignSendVisibleTo(hostId), [hostId])\n  const { data: messageDocs } = useFirestoreCollection<any>(\n    () =>\n      orgId\n        ? query(\n            collection(firestore, ...orgCampaignSendsPath(orgId)),\n            where('visibleTo', 'array-contains-any', sendScope),\n            where('templateScreenId', '==', screenId),\n            orderBy(documentId()),\n            limit(TEMPLATE_CAMPAIGN_CEILING + 1),\n          )\n        : null,\n    [firestore, orgId, sendScope, screenId],\n    { idField: '$id' },\n  )\n\n  const truncated = (messageDocs?.length ?? 0) > TEMPLATE_CAMPAIGN_CEILING\n  const messages = useMemo<TemplateMessage[]>(\n    () =>\n      (messageDocs ?? [])\n        .slice(0, TEMPLATE_CAMPAIGN_CEILING)\n        .map((message: any) => ({\n          campaignId: String(message.$id),\n          subject: String(message.subject || 'Untitled email'),\n          /*\n           * A message that has not gone out has NO send time, and that is\n           * what `null` means here — not \"unknown\". The report measures\n           * engagement over sent messages only, so a scheduled one\n           * contributes to the list below and to no figure above it.\n           */\n          sentAtMs:\n            String(message.status ?? '') === 'sent'\n              ? emailSendTimeMs(message) || null\n              : null,\n          status: String(message.status ?? 'sent'),\n          audience: String(message.audience ?? ''),\n          ...(message.listId ? { listId: String(message.listId) } : {}),\n          ...(message.listName ? { listName: String(message.listName) } : {}),\n          stats: message.stats,\n          scheduledForMs: emailSendTimeMs(message),\n          /*\n           * The campaign this message belongs to, carried through so the row\n           * can offer it. A message written before campaigns grouped anything\n           * names no container, which is why it is optional rather than\n           * defaulted to the message's own id — a menu item that navigated to\n           * the message you are already looking at would be worse than one\n           * that says the message belongs to no campaign.\n           */\n          ...(message[CAMPAIGN_SEND_CONTAINER_FIELD]\n            ? {\n                emailCampaignId: String(\n                  message[CAMPAIGN_SEND_CONTAINER_FIELD],\n                ),\n              }\n            : {}),\n        })),\n    [messageDocs],\n  )\n  const orderedMessages = useMemo(\n    () => [...messages].sort((a, b) => b.scheduledForMs - a.scheduledForMs),\n    [messages],\n  )\n  const report = useMemo(\n    () => templateReport(messages, truncated),\n    [messages, truncated],\n  )\n\n  const messageHref = (message: TemplateMessage) =>\n    `${basePath}/messages/${message.campaignId}`\n\n  /**\n   * What one message sent from this template can be opened into.\n   *\n   * Its own report, and the campaign that grouped it. The template is the page\n   * the reader is standing on, so it is not offered a third time. A message\n   * sent before campaigns existed belongs to no container, and the item says\n   * so rather than vanishing.\n   */\n  const messageActions = (message: TemplateMessage): RowActionsMenuItem[] => [\n    {\n      key: 'details',\n      label: 'Open report',\n      icon: <MdiIcon path={mdiEyeOutline.path} size={0.8} />,\n      href: messageHref(message),\n    },\n    {\n      key: 'campaign',\n      label: 'Open its campaign',\n      icon: <MdiIcon path={mdiBullhornOutline.path} size={0.8} />,\n      // The one href here that is not under the Emails page's base path.\n      href:\n        (message.emailCampaignId && campaignHref(message.emailCampaignId)) ||\n        undefined,\n      disabled:\n        !message.emailCampaignId || !campaignHref(message.emailCampaignId),\n      disabledReason: message.emailCampaignId\n        ? 'This site’s console URL has not resolved yet'\n        : 'Sent before campaigns grouped their emails, so it belongs to none',\n    },\n  ]\n\n  return (\n    <CardDisplay\n      header={'Sent from this template'}\n      help={reportDocsHelp}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={3}>\n        {report.caveats.map((caveat) => (\n          <Alert key={caveat.id} severity=\"info\">\n            {caveat.message}\n          </Alert>\n        ))}\n\n        {/*==========================================\n          * WHAT HAPPENED TO THE MAIL, SUMMED.\n          *\n          * Counts first and rates second, because a rate is only readable\n          * once you know what it was taken over — and because a count here\n          * covers every message while a rate covers only the messages that\n          * recorded its denominator. The rate labels say which.\n          *=========================================*/}\n        <Section title=\"Delivery\">\n          <Stack\n            direction=\"row\"\n            spacing={4}\n            useFlexGap\n            sx={{ flexWrap: 'wrap' }}\n          >\n            <Figure\n              label=\"Emails\"\n              value={report.sentCampaigns}\n              note=\"sent from this template\"\n            />\n            <Figure\n              label=\"Addressed\"\n              value={report.recipients}\n              note=\"after each send's cap\"\n            />\n            <Figure\n              label=\"Sent\"\n              value={report.sent}\n              note=\"accepted by the provider\"\n            />\n            <Figure\n              label=\"Delivered\"\n              value={report.delivered}\n              note=\"accepted by the receiving server\"\n            />\n            <Figure label=\"Bounced\" value={report.bounced} note=\"of sent\" />\n            <Figure\n              label=\"Marked as spam\"\n              value={report.complained}\n              note=\"of delivered\"\n            />\n          </Stack>\n        </Section>\n\n        <Divider />\n\n        <Section title=\"Engagement\">\n          <Stack\n            direction=\"row\"\n            spacing={4}\n            useFlexGap\n            sx={{ flexWrap: 'wrap' }}\n          >\n            <Figure\n              label=\"Opens\"\n              value={report.opens}\n              note=\"every open, repeats included\"\n            />\n            <Figure\n              label=\"Readers who opened\"\n              value={report.uniqueOpens}\n              note=\"distinct recipients\"\n            />\n            <Figure\n              label=\"Clicks\"\n              value={report.clicks}\n              note=\"every click, repeats included\"\n            />\n            <Figure\n              label=\"Readers who clicked\"\n              value={report.uniqueClicks}\n              note=\"distinct recipients\"\n            />\n            <Figure\n              label=\"Unsubscribed\"\n              value={report.unsubscribes}\n              note=\"through these emails' links\"\n            />\n          </Stack>\n        </Section>\n\n        <Divider />\n\n        <Section title=\"Rates\">\n          <Stack spacing={1}>\n            <RateRow label=\"Delivery rate\" rate={report.rates.delivery} />\n            <RateRow label=\"Open rate\" rate={report.rates.open} />\n            <RateRow label=\"Click rate\" rate={report.rates.click} />\n            <RateRow\n              label=\"Click-to-open rate\"\n              rate={report.rates.clickToOpen}\n            />\n            <RateRow label=\"Bounce rate\" rate={report.rates.bounce} />\n            <RateRow label=\"Complaint rate\" rate={report.rates.complaint} />\n            <RateRow\n              label=\"Unsubscribe rate\"\n              rate={report.rates.unsubscribe}\n            />\n          </Stack>\n        </Section>\n\n        <Divider />\n\n        <Section title=\"Who this went to\">\n          {report.audiences.length ? (\n            <>\n              <ScrollTable size=\"small\">\n                <TableHead>\n                  <TableRow>\n                    <TableCell>{'Audience'}</TableCell>\n                    <TableCell align=\"right\">{'Emails'}</TableCell>\n                    <TableCell align=\"right\">{'Addressed'}</TableCell>\n                  </TableRow>\n                </TableHead>\n                <TableBody>\n                  {report.audiences.map((audience) => (\n                    <TableRow key={audience.id}>\n                      <TableCell>{audience.label}</TableCell>\n                      <TableCell align=\"right\">\n                        {audience.campaigns.toLocaleString()}\n                      </TableCell>\n                      <TableCell align=\"right\" sx={{ fontWeight: 'bold' }}>\n                        {audience.addressed.toLocaleString()}\n                      </TableCell>\n                    </TableRow>\n                  ))}\n                </TableBody>\n              </ScrollTable>\n              {/*\n               * The naming rule, stated rather than left to be discovered\n               * from a list whose name no longer matches the one in the\n               * audiences section.\n               */}\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                {'Each list is named as it was when the email was sent, so ' +\n                  'renaming or deleting a list does not rewrite what a past ' +\n                  'send went to.'}\n              </Typography>\n            </>\n          ) : (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {'No email sent from this template has gone out yet.'}\n            </Typography>\n          )}\n        </Section>\n\n        {orderedMessages.length ? (\n          <>\n            <Divider />\n            <Section title=\"Emails using this template\">\n              <ScrollTable size=\"small\">\n                <TableHead>\n                  <TableRow>\n                    <TableCell>{'Subject'}</TableCell>\n                    <TableCell>{'State'}</TableCell>\n                    <TableCell>{'When'}</TableCell>\n                    <TableCell align=\"right\">{'Addressed'}</TableCell>\n                    <TableCell align=\"right\">{'Opens'}</TableCell>\n                    <TableCell align=\"right\">{'Clicks'}</TableCell>\n                    <TableCell align=\"right\" />\n                  </TableRow>\n                </TableHead>\n                <TableBody>\n                  {orderedMessages.map((message) => (\n                    <TableRow\n                      key={message.campaignId}\n                      hover\n                      onClick={() => router.push(messageHref(message))}\n                      sx={{ cursor: 'pointer' }}\n                    >\n                      <TableCell>\n                        {/*\n                          The row's own handler would fire too and push the\n                          same route twice — one history entry per back\n                          press.\n                         */}\n                        <AppLink\n                          href={messageHref(message)}\n                          onClick={(event: {\n                            stopPropagation: () => void\n                          }) => event.stopPropagation()}\n                        >\n                          {message.subject}\n                        </AppLink>\n                      </TableCell>\n                      <TableCell>\n                        {/*\n                          What the message is DOING. One delivering an\n                          audience larger than one batch is written back as\n                          `scheduled` between runs, so the stored status\n                          reads \"Scheduled\" about a send already in progress.\n                         */}\n                        <Chip\n                          size=\"small\"\n                          label={campaignSendDisplay(message as never).label}\n                        />\n                      </TableCell>\n                      <TableCell>\n                        {message.scheduledForMs\n                          ? new Date(message.scheduledForMs).toLocaleString()\n                          : '—'}\n                      </TableCell>\n                      <TableCell align=\"right\">\n                        {Number(\n                          message.stats?.recipients ?? 0,\n                        ).toLocaleString()}\n                      </TableCell>\n                      <TableCell align=\"right\">\n                        {Number(message.stats?.opens ?? 0).toLocaleString()}\n                      </TableCell>\n                      <TableCell align=\"right\">\n                        {Number(message.stats?.clicks ?? 0).toLocaleString()}\n                      </TableCell>\n                      <TableCell\n                        align=\"right\"\n                        sx={{ width: 56 }}\n                        onClick={(event) => event.stopPropagation()}\n                      >\n                        <RowActionsMenu\n                          label={String(message.subject)}\n                          items={messageActions(message)}\n                        />\n                      </TableCell>\n                    </TableRow>\n                  ))}\n                </TableBody>\n              </ScrollTable>\n            </Section>\n          </>\n        ) : null}\n      </Stack>\n    </CardDisplay>\n  )\n}\nEmailTemplateReportCard.displayName = 'EmailTemplateReportCard'\n\nexport default EmailTemplateReportCard\n"],"names":["pluginDocsHelp","pluginRecordHref","mdiBullhornOutline","mdiEyeOutline","AppLink","CardDisplay","MdiIcon","Figure","RateRow","Section","RowActionsMenu","ScrollTable","useConsoleHostRoute","useFirestore","useFirestoreCollection","useOrgDataScope","Alert","Chip","Divider","Stack","TableBody","TableCell","TableHead","TableRow","Typography","collection","documentId","limit","orderBy","query","where","useRouter","useMemo","CAMPAIGN_SEND_CONTAINER_FIELD","campaignSendDisplay","campaignSendVisibleTo","orgCampaignSendsPath","emailSendTimeMs","templateReport","TEMPLATE_CAMPAIGN_CEILING","reportDocsHelp","anchor","excerpt","EmailTemplateReportCard","props","hostId","screenId","basePath","orgSlug","subdomain","campaignHref","campaignId","host","firestore","router","orgId","sendScope","data","messageDocs","idField","truncated","length","messages","slice","map","message","String","$id","subject","sentAtMs","status","audience","listId","listName","stats","scheduledForMs","emailCampaignId","orderedMessages","sort","a","b","report","messageHref","messageActions","key","label","icon","path","size","href","undefined","disabled","disabledReason","header","help","contentGutterX","contentGutterY","spacing","caveats","caveat","severity","id","title","direction","useFlexGap","sx","flexWrap","value","sentCampaigns","note","recipients","sent","delivered","bounced","complained","opens","uniqueOpens","clicks","uniqueClicks","unsubscribes","rate","rates","delivery","open","click","clickToOpen","bounce","complaint","unsubscribe","audiences","align","campaigns","toLocaleString","fontWeight","addressed","variant","color","hover","onClick","push","cursor","event","stopPropagation","Date","Number","width","items","displayName"],"mappings":"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"}

package/src/lib/components/emails-list-card.js

@@ -36,8 +36,8 @@ import { DUPLICATE_MENU_LABEL, useDuplicateResource, useFirestore, useFirestoreC
 import { Button, Chip, Stack, Typography } from "@mui/material";
 import { useRouter } from "next/navigation";
 import { useCallback, useMemo, useState } from "react";
-import { campaignPlacedOnHost, campaignSendDisplay, CAMPAIGN_SEND_CONTAINER_FIELD } from "@aglyn/shared-ui-email-campaigns/model/campaign-container";
-import { emailListTimeMs, emailSendTimeMs } from "@aglyn/shared-ui-email-campaigns/model/email-record";
+import { campaignPlacedOnHost, campaignSendDisplay, CAMPAIGN_SEND_CONTAINER_FIELD } from "../model/campaign-container.js";
+import { emailListTimeMs, emailSendTimeMs } from "../model/email-record.js";
 import { useCampaignManageApi, useCampaignSendApi } from "./use-campaign-send-api.js";
 import { CAMPAIGN_SEND_STATUS_OPTIONS, SINGLE_SEND_FILTER_VALUE, campaignEmailsListQuery, campaignSendsScope, emailCampaignQueryClauses } from "../model/campaign-list-query.js";
 import { useMarketingHubPath } from "./use-marketing-hub-path.js";