@aglyn/plugins-marketing 1.0.0-beta.143

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

@@ -0,0 +1,544 @@
+/**
+ * @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 } from "react/jsx-runtime";
+import { pluginDocsHelp } from "@aglyn/aglyn";
+import { mdiBullhornOutline, mdiContentCopy, mdiDeleteOutline, mdiEyeOutline, mdiPaletteOutline } from "@aglyn/shared-data-mdi";
+import { AppLink, CardDisplay, MdiIcon, useConfirmationContext } from "@aglyn/shared-ui-jsx";
+import { ListRowActions, ListTable, listActionsColumn } from "@aglyn/shared-ui-jsx/components/list-table.component";
+import { TABLE_ROW_HEIGHT } from "@aglyn/shared-ui-jsx/const/table-pagination";
+import { CreateArtifactDrawer } from "@aglyn/shared-ui-jsx-forms";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { ceilingedWindow, collectionCeiling } from "@aglyn/tenant-feature-instance/hooks/host-collection-queries";
+import { DUPLICATE_MENU_LABEL, useDuplicateResource, useFirestore, useFirestoreCollection } from "@aglyn/tenant-feature-instance";
+import { Alert, Button, Chip, Stack, Typography } from "@mui/material";
+import { collection } from "firebase/firestore";
+import { useRouter } from "next/navigation";
+import { useCallback, useMemo, useState } from "react";
+import { 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 { useCampaignManageApi, useCampaignSendApi } from "./use-campaign-send-api.js";
+import { useMarketingHubPath } from "./use-marketing-hub-path.js";
+/** How many messages one read of this list covers. */ const EMAIL_CEILING = 30;
+/** How many campaigns the create drawer offers to file a new email under. */ const CONTAINER_CEILING = 50;
+/**
+ * Why discard is refused, keyed by the state that refuses it.
+ *
+ * The KEYS are persisted status values written by the send path. Each line
+ * says what to do instead, because "you cannot" on its own leaves a merchant
+ * with an email they wanted rid of and no next step — and for a scheduled one
+ * the next step is a different act with a different consequence, so naming it
+ * is the difference between withdrawing mail and losing the record of it.
+ *
+ * A state absent from here falls through to the generic refusal rather than
+ * being flattened into one of these: a state this list cannot name is worth
+ * seeing.
+ */ const DISCARD_REFUSAL = {
+    sent: 'This email has been sent. Its report and its unsubscribe links have to go on resolving.',
+    scheduled: 'Cancel the send first — cancelling takes it off the clock and keeps the email.',
+    sending: 'This email is being sent right now.',
+    canceled: 'A canceled email is kept as the record that it was withdrawn.'
+};
+/**
+ * The chip color for one display state.
+ *
+ * `sending` is the one worth a color: an email part way through an audience
+ * larger than one batch is doing something right now, and a merchant scanning
+ * the list for what needs attention should find it without reading. The rest
+ * are neutral, because a finished send and a draft are not events.
+ */ const STATE_COLOR = {
+    sending: 'info',
+    stopped: 'warning'
+};
+const emailsDocsHelp = pluginDocsHelp('emailCampaigns', {
+    anchor: '#opens--clicks',
+    excerpt: 'Every message this site has sent or has scheduled, each with its own ' + 'report: what was delivered, who opened it, and which links they followed.'
+});
+/**
+ * EVERY MESSAGE, AS AGAINST EVERY CAMPAIGN.
+ *
+ * A campaign groups messages; this is the messages. The two are different
+ * questions — "how did the spring promotion do" and "what went out on the
+ * 14th, and to whom" — and they were previously the same list because a
+ * campaign document WAS a single send.
+ *
+ * ## Ordered in the browser, deliberately
+ *
+ * No SEND date is on every message: a sent one carries `sentAt` and a
+ * scheduled one carries `sendAtMs`, written by two different branches of the
+ * send path, and a draft carries neither — so `orderBy` on either would not
+ * mis-sort this list, it would DROP half of it. `collectionCeiling` reads a
+ * bounded window in document-id order and probes one past the ceiling, so the
+ * rows are sorted here and the reader is told when there are more.
+ *
+ * Every writer stamps a `createdAtMs`, which is the field this list could be
+ * ordered on in Firestore. Moving it there is a query change with the same
+ * hazard as the two above — `orderBy` drops a document missing the field —
+ * so it needs the corpus proven to carry one, not just the writers.
+ *
+ * The page is therefore a SLICE of a window this card already holds, not a
+ * query: paging an id-ordered walk and re-sorting each page by date would run
+ * in one order within a page and another across them.
+ */ export function EmailsListCard(props) {
+    const { hostId, basePath } = props;
+    const firestore = useFirestore();
+    // The sibling hub: a campaign's page belongs to the Marketing console.
+    const marketingHub = useMarketingHubPath();
+    const router = useRouter();
+    const { data: emailDocs } = useFirestoreCollection(()=>collectionCeiling(collection(firestore, 'hosts', hostId, 'campaigns'), EMAIL_CEILING), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const { rows: readEmails, truncated } = ceilingedWindow(emailDocs, EMAIL_CEILING);
+    /*
+   * Newest first on the time each message SITS at — its send time where it
+   * has one, its creation where it does not.
+   *
+   * A draft has neither `sentAt` nor `sendAtMs`, so sorting on the send time
+   * alone gave every draft the key 0 and filed the email a merchant is in the
+   * middle of writing at the very bottom of the list, behind whatever paging
+   * it has. `emailListTimeMs` is the same ordering with that one gap closed;
+   * a SENT message still orders by when it went out, never by when it was
+   * drafted.
+   */ const emails = useMemo(()=>[
+            ...readEmails
+        ].sort((a, b)=>emailListTimeMs(b) - emailListTimeMs(a)), [
+        readEmails
+    ]);
+    const emailHref = (email)=>`${basePath}/messages/${email.$id}`;
+    const { confirm } = useConfirmationContext();
+    const { enqueueSnackbar } = useSnackbar();
+    // Duplicate (AGL-2936): a new draft with the message and its design, and
+    // nobody to send to until the person chooses — through the manage door,
+    // which is the plugin's own.
+    const manageForCopy = useCampaignManageApi(hostId);
+    const duplicate = useDuplicateResource({
+        hostId,
+        perform: async ({ sourceId, name, attemptKey })=>{
+            var _ref, _payload_name;
+            const { response, payload } = await manageForCopy({
+                action: 'duplicate',
+                campaignId: sourceId,
+                name,
+                attemptKey
+            });
+            if (!response.ok) throw new Error((_ref = payload == null ? void 0 : payload.error) != null ? _ref : 'Duplicate failed');
+            return {
+                id: String(payload.emailId),
+                versionId: null,
+                name: String((_payload_name = payload.name) != null ? _payload_name : name)
+            };
+        },
+        onDuplicated: (_kind, copy)=>enqueueSnackbar(`Duplicated as “${copy.name}” — a draft with no audience yet`, {
+                variant: 'success'
+            })
+    });
+    const manageApi = useCampaignManageApi(hostId);
+    /** The email a discard is in flight for, so its row menu can say so. */ const [discardingId, setDiscardingId] = useState('');
+    /*==========================================
+   * THROWING AWAY A DRAFT.
+   *
+   * The one removal this surface has, and it is deliberately the narrowest
+   * one: an email that was never sent, whose record nobody outside the
+   * console has ever seen. Everything else on this list is evidence — a sent
+   * message's report is what a merchant answers a complaint with, and its id
+   * is inside the HMAC of every unsubscribe footer it delivered — and a
+   * scheduled one is withdrawn with Cancel, which keeps the record and takes
+   * it off the clock.
+   *
+   * The menu already refuses anything but a draft, and so does the route.
+   * That is not belt and braces: the state on screen is a snapshot that can
+   * be seconds old, and the record can be claimed by `sendNow` in between.
+   * The route's refusal is the one that decides, inside the transaction that
+   * does the delete.
+   *=========================================*/ const handleDiscard = useCallback(async (email)=>{
+        var _ref;
+        if (discardingId) return;
+        const id = String((_ref = email == null ? void 0 : email.$id) != null ? _ref : '');
+        const name = String((email == null ? void 0 : email.subject) || (email == null ? void 0 : email.displayName) || 'this draft');
+        const agreed = await confirm({
+            title: 'Discard this draft?',
+            description: `${name} has not been sent to anybody, and discarding it removes ` + 'it for good — the subject, the message and everything else ' + 'written on it. There is no undo.',
+            confirmationText: 'Discard'
+        }).then(()=>true).catch(()=>false);
+        if (!agreed) return;
+        setDiscardingId(id);
+        try {
+            const { response, payload } = await manageApi({
+                action: 'discardEmail',
+                campaignId: id
+            });
+            if (!response.ok) {
+                var _ref1;
+                return void enqueueSnackbar((_ref1 = payload == null ? void 0 : payload.error) != null ? _ref1 : 'This draft could not be discarded', {
+                    variant: 'warning',
+                    allowDuplicate: true
+                });
+            }
+            enqueueSnackbar('Draft discarded', {
+                variant: 'success',
+                persist: false
+            });
+        } catch (error) {
+            console.error(error);
+            enqueueSnackbar('This draft could not be discarded', {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        } finally{
+            setDiscardingId('');
+        }
+    }, [
+        confirm,
+        discardingId,
+        enqueueSnackbar,
+        manageApi
+    ]);
+    /**
+   * What a message can be opened INTO, from the list.
+   *
+   * All three are places the message's own report already links to, moved one
+   * screen earlier: the report itself, the campaign it belongs to, and the
+   * template it was rendered from. A message need have neither of the last
+   * two — one sent before campaigns grouped anything names no container, and
+   * one composed inline was built from no template — so those entries are
+   * shown DISABLED with the reason rather than hidden. A control that
+   * disappears and a control that does not apply look identical, and only one
+   * of them tells the reader which case they are in.
+   *
+   * DISCARD is the fourth entry and is offered on the same terms: a draft can
+   * be thrown away, and nothing else can. It stays visible on a sent or
+   * scheduled message carrying the reason it is refused, because that is the
+   * honest answer to “how do I get rid of this” — and the route refuses it
+   * too, so the menu is describing a rule rather than being one.
+   */ const rowActions = (email)=>{
+        var _ref, _ref1, _ref2, _DISCARD_REFUSAL_state;
+        const containerId = String((_ref = email == null ? void 0 : email[CAMPAIGN_SEND_CONTAINER_FIELD]) != null ? _ref : '');
+        const templateScreenId = String((_ref1 = email == null ? void 0 : email.templateScreenId) != null ? _ref1 : '');
+        const state = String((_ref2 = email == null ? void 0 : email.status) != null ? _ref2 : '');
+        return [
+            {
+                key: 'details',
+                label: 'Open report',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiEyeOutline.path,
+                    size: 0.8
+                }),
+                href: emailHref(email)
+            },
+            {
+                key: 'campaign',
+                label: 'Open its campaign',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiBullhornOutline.path,
+                    size: 0.8
+                }),
+                // The campaign's page belongs to the Marketing console, so this one
+                // href is built from the sibling hub rather than this surface's own.
+                href: containerId && marketingHub ? `${marketingHub}/campaigns/${containerId}` : undefined,
+                disabled: !containerId || !marketingHub,
+                disabledReason: containerId ? 'This site’s console URL has not resolved yet' : 'Sent before campaigns grouped their emails, so it belongs to none'
+            },
+            {
+                key: 'template',
+                label: 'Open its template',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiPaletteOutline.path,
+                    size: 0.8
+                }),
+                href: templateScreenId ? `${basePath}/templates/${templateScreenId}` : undefined,
+                disabled: !templateScreenId,
+                disabledReason: 'This message was not built from a template'
+            },
+            {
+                key: 'duplicate',
+                label: DUPLICATE_MENU_LABEL,
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiContentCopy.path,
+                    size: 0.8
+                }),
+                onClick: ()=>{
+                    var _ref, _ref1;
+                    return duplicate.request('campaign', {
+                        id: String(email.$id),
+                        name: String((_ref = (_ref1 = email == null ? void 0 : email.displayName) != null ? _ref1 : email == null ? void 0 : email.subject) != null ? _ref : '')
+                    });
+                }
+            },
+            {
+                key: 'discard',
+                label: 'Discard draft',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiDeleteOutline.path,
+                    size: 0.8
+                }),
+                destructive: true,
+                disabled: state !== 'draft' || Boolean(discardingId),
+                disabledReason: (_DISCARD_REFUSAL_state = DISCARD_REFUSAL[state]) != null ? _DISCARD_REFUSAL_state : 'Only a draft can be discarded',
+                onClick: ()=>void handleDiscard(email)
+            }
+        ];
+    };
+    const [createOpen, setCreateOpen] = useState(false);
+    const [creating, setCreating] = useState(false);
+    const campaignSendApi = useCampaignSendApi(hostId);
+    /*
+   * The campaigns a new email may be filed under, read only while the drawer
+   * is OPEN.
+   *
+   * A null query opens no listener, so the list costs what it always did until
+   * somebody asks to write something. Mounting this unconditionally would put
+   * a second collection read on every reader who came to look at the table,
+   * which is the cost the whole surface is routed to avoid.
+   */ const { data: campaignDocs } = useFirestoreCollection(()=>createOpen ? collectionCeiling(collection(firestore, 'hosts', hostId, 'emailCampaigns'), CONTAINER_CEILING) : null, [
+        firestore,
+        hostId,
+        createOpen
+    ], {
+        idField: '$id'
+    });
+    const campaignOptions = useMemo(()=>[
+            ...campaignDocs != null ? campaignDocs : []
+        ].map((campaign)=>({
+                value: String(campaign.$id),
+                label: String(campaign.name || 'Untitled campaign')
+            })).sort((a, b)=>a.label.localeCompare(b.label)), [
+        campaignDocs
+    ]);
+    /*==========================================
+   * CREATE, THEN GO TO THE EMAIL'S OWN PAGE.
+   *
+   * The drawer collects only what it takes to MINT the record — the friendly
+   * name, and the campaign it belongs to. Everything else about the email is
+   * written on the email's own page, which is where a record is edited
+   * throughout this console: a list page carries no form.
+   *
+   * The record is real from this moment: `/marketing/campaigns/{id}` resolves,
+   * the row appears in the table below as a Draft, and the id it is created
+   * under is the id it keeps when it is eventually sent. It costs nothing to
+   * exist — the route reserves no allowance and moves no meter for a draft,
+   * and the scheduled processor only ever picks up `scheduled`.
+   *=========================================*/ const handleCreate = useCallback(async (values)=>{
+        if (creating) return;
+        setCreating(true);
+        try {
+            var _values_displayName;
+            const { response, payload } = await campaignSendApi(_extends({
+                action: 'draft',
+                displayName: String((_values_displayName = values.displayName) != null ? _values_displayName : '').trim()
+            }, values.emailCampaignId ? {
+                emailCampaignId: String(values.emailCampaignId)
+            } : {}));
+            if (!response.ok || !(payload == null ? void 0 : payload.campaignId)) {
+                var _ref;
+                return void enqueueSnackbar((_ref = payload == null ? void 0 : payload.error) != null ? _ref : 'This email could not be created', {
+                    variant: 'warning',
+                    allowDuplicate: true
+                });
+            }
+            setCreateOpen(false);
+            /*
+         * Straight to where it is WRITTEN. The drawer collected the name and
+         * the campaign; the record now exists and holds nothing else, so the
+         * next thing to do with it is compose it — and its own page is a
+         * report of a send that has not happened.
+         */ router.push(`${basePath}/messages/${payload.campaignId}/edit`);
+        } catch (error) {
+            console.error(error);
+            enqueueSnackbar('This email could not be created', {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        } finally{
+            setCreating(false);
+        }
+    }, [
+        basePath,
+        campaignSendApi,
+        creating,
+        enqueueSnackbar,
+        router
+    ]);
+    /*
+   * One row per message, in the order above; the whole window is in hand, so
+   * the grid pages it. The subject is a link AND the row opens the report: a
+   * click handler cannot be middle-clicked or opened in a new tab.
+   */ const columns = [
+        {
+            field: 'subject',
+            headerName: 'Subject',
+            flex: 1,
+            minWidth: 220,
+            valueGetter: (_value, row)=>row.subject || 'Untitled email',
+            renderCell: ({ row, value })=>/*#__PURE__*/ _jsx(AppLink, {
+                    href: emailHref(row),
+                    // The row's own handler would fire too and push the same route
+                    // twice — one history entry per back press.
+                    onClick: (event)=>event.stopPropagation(),
+                    children: value
+                })
+        },
+        {
+            /*
+       * WHAT THIS EMAIL IS DOING, not what field it stores.
+       *
+       * An email delivering an audience larger than one batch is written back
+       * as `scheduled` between runs, so a chip rendering the status said
+       * "Scheduled" about a send that had already reached five hundred people.
+       * The derivation reads the counters beside the status and says which of
+       * the two it is.
+       */ field: 'state',
+            headerName: 'State',
+            width: 150,
+            valueGetter: (_value, row)=>campaignSendDisplay(row).label,
+            renderCell: ({ row })=>{
+                const display = campaignSendDisplay(row);
+                return /*#__PURE__*/ _jsx(Chip, {
+                    size: "small",
+                    color: STATE_COLOR[display.state],
+                    label: display.label
+                });
+            }
+        },
+        {
+            field: 'when',
+            headerName: 'When',
+            width: 190,
+            // Sorted on the time the list is ordered by, so a draft sorts by its
+            // creation rather than as the oldest thing on the page.
+            valueGetter: (_value, row)=>emailListTimeMs(row),
+            renderCell: ({ row })=>{
+                const at = emailSendTimeMs(row);
+                return at ? new Date(at).toLocaleString() : '—';
+            }
+        },
+        ...[
+            [
+                'recipients',
+                'Addressed'
+            ],
+            [
+                'opens',
+                'Opens'
+            ],
+            [
+                'clicks',
+                'Clicks'
+            ]
+        ].map(([stat, headerName])=>({
+                field: stat,
+                headerName,
+                type: 'number',
+                align: 'right',
+                headerAlign: 'right',
+                width: 110,
+                valueGetter: (_value, row)=>{
+                    var _ref;
+                    var _row_stats;
+                    return Number((_ref = (_row_stats = row.stats) == null ? void 0 : _row_stats[stat]) != null ? _ref : 0);
+                },
+                valueFormatter: (value)=>value.toLocaleString()
+            })),
+        listActionsColumn((row)=>/*#__PURE__*/ _jsx(ListRowActions, {
+                label: String(row.subject || 'Untitled email'),
+                items: rowActions(row)
+            }), {
+            width: 72
+        })
+    ];
+    return /*#__PURE__*/ _jsxs(CardDisplay, {
+        header: 'Messages',
+        help: emailsDocsHelp,
+        HeaderProps: {
+            action: /*#__PURE__*/ _jsx(Button, {
+                size: "small",
+                variant: "contained",
+                onClick: ()=>setCreateOpen(true),
+                children: 'New email'
+            })
+        },
+        contentGutterX: true,
+        contentGutterY: true,
+        children: [
+            duplicate.dialog,
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 2,
+                children: [
+                    emails.length === 0 ? /*#__PURE__*/ _jsxs(Stack, {
+                        spacing: 2,
+                        sx: {
+                            alignItems: 'flex-start'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                color: "text.secondary",
+                                children: 'Nothing has been sent or scheduled yet. Write one here, or ' + 'from a campaign, and it appears in this list with its own ' + 'report.'
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "contained",
+                                onClick: ()=>setCreateOpen(true),
+                                children: 'New email'
+                            })
+                        ]
+                    }) : /*#__PURE__*/ _jsx(ListTable, {
+                        "aria-label": "Messages",
+                        rows: emails,
+                        columns: columns,
+                        rowHeight: TABLE_ROW_HEIGHT,
+                        onOpen: (_id, row)=>router.push(emailHref(row))
+                    }),
+                    truncated ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "info",
+                        children: `Showing ${EMAIL_CEILING} messages. This site has sent or ` + 'scheduled more than that, and the rest are not in this list.'
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsx(CreateArtifactDrawer, {
+                open: createOpen,
+                onClose: ()=>setCreateOpen(false),
+                title: "New email",
+                submitLabel: creating ? 'Creating…' : 'Start writing',
+                includeDescription: false,
+                onSubmit: handleCreate,
+                extraFields: [
+                    {
+                        component: 'select',
+                        name: 'emailCampaignId',
+                        label: 'Campaign',
+                        initialValue: '',
+                        helperText: 'Leave this as a single send unless the email belongs with ' + 'others',
+                        disableDefaultOption: true,
+                        options: [
+                            {
+                                value: '',
+                                label: 'Single send — not part of a campaign'
+                            },
+                            ...campaignOptions
+                        ]
+                    }
+                ]
+            })
+        ]
+    });
+}
+EmailsListCard.displayName = 'EmailsListCard';
+export default EmailsListCard;
+
+//# sourceMappingURL=emails-list-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/emails-list-card.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { pluginDocsHelp } from '@aglyn/aglyn'\nimport {\n  mdiBullhornOutline,\n  mdiContentCopy,\n  mdiDeleteOutline,\n  mdiEyeOutline,\n  mdiPaletteOutline,\n} from '@aglyn/shared-data-mdi'\nimport {\n  AppLink,\n  CardDisplay,\n  MdiIcon,\n  useConfirmationContext,\n} from '@aglyn/shared-ui-jsx'\nimport {\n  ListRowActions,\n  ListTable,\n  listActionsColumn,\n} from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport type { RowActionsMenuItem } from '@aglyn/shared-ui-jsx/components/row-actions-menu.component'\nimport { TABLE_ROW_HEIGHT } from '@aglyn/shared-ui-jsx/const/table-pagination'\nimport { CreateArtifactDrawer } from '@aglyn/shared-ui-jsx-forms'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  ceilingedWindow,\n  collectionCeiling,\n} from '@aglyn/tenant-feature-instance/hooks/host-collection-queries'\nimport {\n  DUPLICATE_MENU_LABEL,\n  useDuplicateResource,\n  useFirestore,\n  useFirestoreCollection,\n} from '@aglyn/tenant-feature-instance'\nimport { Alert, Button, Chip, Stack, Typography } from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport { collection } from 'firebase/firestore'\nimport { useRouter } from 'next/navigation'\nimport { useCallback, useMemo, useState } from 'react'\nimport {\n  campaignSendDisplay,\n  CAMPAIGN_SEND_CONTAINER_FIELD,\n  type CampaignSendDisplayState,\n} from '@aglyn/shared-ui-email-campaigns/model/campaign-container'\nimport {\n  emailListTimeMs,\n  emailSendTimeMs,\n} from '@aglyn/shared-ui-email-campaigns/model/email-record'\nimport {\n  useCampaignManageApi,\n  useCampaignSendApi,\n} from './use-campaign-send-api'\nimport { useMarketingHubPath } from './use-marketing-hub-path'\n\n/** How many messages one read of this list covers. */\nconst EMAIL_CEILING = 30\n\n/** How many campaigns the create drawer offers to file a new email under. */\nconst CONTAINER_CEILING = 50\n\n/**\n * Why discard is refused, keyed by the state that refuses it.\n *\n * The KEYS are persisted status values written by the send path. Each line\n * says what to do instead, because \"you cannot\" on its own leaves a merchant\n * with an email they wanted rid of and no next step — and for a scheduled one\n * the next step is a different act with a different consequence, so naming it\n * is the difference between withdrawing mail and losing the record of it.\n *\n * A state absent from here falls through to the generic refusal rather than\n * being flattened into one of these: a state this list cannot name is worth\n * seeing.\n */\nconst DISCARD_REFUSAL: Record<string, string> = {\n  sent: 'This email has been sent. Its report and its unsubscribe links have to go on resolving.',\n  scheduled: 'Cancel the send first — cancelling takes it off the clock and keeps the email.',\n  sending: 'This email is being sent right now.',\n  canceled: 'A canceled email is kept as the record that it was withdrawn.',\n}\n\n/**\n * The chip color for one display state.\n *\n * `sending` is the one worth a color: an email part way through an audience\n * larger than one batch is doing something right now, and a merchant scanning\n * the list for what needs attention should find it without reading. The rest\n * are neutral, because a finished send and a draft are not events.\n */\nconst STATE_COLOR: Partial<\n  Record<CampaignSendDisplayState, 'info' | 'warning'>\n> = {\n  sending: 'info',\n  stopped: 'warning',\n}\n\nconst emailsDocsHelp = pluginDocsHelp('emailCampaigns', {\n  anchor: '#opens--clicks',\n  excerpt:\n    'Every message this site has sent or has scheduled, each with its own ' +\n    'report: what was delivered, who opened it, and which links they followed.',\n})\n\nexport interface EmailsListCardProps {\n  hostId: string\n  /** The emails hub URL, so a row can link to the message's own page. */\n  basePath: string\n}\n\n/**\n * EVERY MESSAGE, AS AGAINST EVERY CAMPAIGN.\n *\n * A campaign groups messages; this is the messages. The two are different\n * questions — \"how did the spring promotion do\" and \"what went out on the\n * 14th, and to whom\" — and they were previously the same list because a\n * campaign document WAS a single send.\n *\n * ## Ordered in the browser, deliberately\n *\n * No SEND date is on every message: a sent one carries `sentAt` and a\n * scheduled one carries `sendAtMs`, written by two different branches of the\n * send path, and a draft carries neither — so `orderBy` on either would not\n * mis-sort this list, it would DROP half of it. `collectionCeiling` reads a\n * bounded window in document-id order and probes one past the ceiling, so the\n * rows are sorted here and the reader is told when there are more.\n *\n * Every writer stamps a `createdAtMs`, which is the field this list could be\n * ordered on in Firestore. Moving it there is a query change with the same\n * hazard as the two above — `orderBy` drops a document missing the field —\n * so it needs the corpus proven to carry one, not just the writers.\n *\n * The page is therefore a SLICE of a window this card already holds, not a\n * query: paging an id-ordered walk and re-sorting each page by date would run\n * in one order within a page and another across them.\n */\nexport function EmailsListCard(props: EmailsListCardProps) {\n  const { hostId, basePath } = props\n  const firestore = useFirestore()\n  // The sibling hub: a campaign's page belongs to the Marketing console.\n  const marketingHub = useMarketingHubPath()\n  const router = useRouter()\n\n  const { data: emailDocs } = useFirestoreCollection<any>(\n    () =>\n      collectionCeiling(\n        collection(firestore, 'hosts', hostId, 'campaigns'),\n        EMAIL_CEILING,\n      ),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n  const { rows: readEmails, truncated } = ceilingedWindow<any>(\n    emailDocs,\n    EMAIL_CEILING,\n  )\n  /*\n   * Newest first on the time each message SITS at — its send time where it\n   * has one, its creation where it does not.\n   *\n   * A draft has neither `sentAt` nor `sendAtMs`, so sorting on the send time\n   * alone gave every draft the key 0 and filed the email a merchant is in the\n   * middle of writing at the very bottom of the list, behind whatever paging\n   * it has. `emailListTimeMs` is the same ordering with that one gap closed;\n   * a SENT message still orders by when it went out, never by when it was\n   * drafted.\n   */\n  const emails = useMemo(\n    () =>\n      [...readEmails].sort(\n        (a: any, b: any) => emailListTimeMs(b) - emailListTimeMs(a),\n      ),\n    [readEmails],\n  )\n\n  const emailHref = (email: any) => `${basePath}/messages/${email.$id}`\n\n  const { confirm } = useConfirmationContext()\n  const { enqueueSnackbar } = useSnackbar()\n  // Duplicate (AGL-2936): a new draft with the message and its design, and\n  // nobody to send to until the person chooses — through the manage door,\n  // which is the plugin's own.\n  const manageForCopy = useCampaignManageApi(hostId)\n  const duplicate = useDuplicateResource({\n    hostId,\n    perform: async ({ sourceId, name, attemptKey }) => {\n      const { response, payload } = await manageForCopy({\n        action: 'duplicate',\n        campaignId: sourceId,\n        name,\n        attemptKey,\n      })\n      if (!response.ok) throw new Error(payload?.error ?? 'Duplicate failed')\n      return {\n        id: String(payload.emailId),\n        versionId: null,\n        name: String(payload.name ?? name),\n      }\n    },\n    onDuplicated: (_kind, copy) =>\n      enqueueSnackbar(`Duplicated as “${copy.name}” — a draft with no audience yet`, {\n        variant: 'success',\n      }),\n  })\n  const manageApi = useCampaignManageApi(hostId)\n  /** The email a discard is in flight for, so its row menu can say so. */\n  const [discardingId, setDiscardingId] = useState('')\n\n  /*==========================================\n   * THROWING AWAY A DRAFT.\n   *\n   * The one removal this surface has, and it is deliberately the narrowest\n   * one: an email that was never sent, whose record nobody outside the\n   * console has ever seen. Everything else on this list is evidence — a sent\n   * message's report is what a merchant answers a complaint with, and its id\n   * is inside the HMAC of every unsubscribe footer it delivered — and a\n   * scheduled one is withdrawn with Cancel, which keeps the record and takes\n   * it off the clock.\n   *\n   * The menu already refuses anything but a draft, and so does the route.\n   * That is not belt and braces: the state on screen is a snapshot that can\n   * be seconds old, and the record can be claimed by `sendNow` in between.\n   * The route's refusal is the one that decides, inside the transaction that\n   * does the delete.\n   *=========================================*/\n  const handleDiscard = useCallback(\n    async (email: any) => {\n      if (discardingId) return\n      const id = String(email?.$id ?? '')\n      const name = String(email?.subject || email?.displayName || 'this draft')\n      const agreed = await confirm({\n        title: 'Discard this draft?',\n        description:\n          `${name} has not been sent to anybody, and discarding it removes ` +\n          'it for good — the subject, the message and everything else ' +\n          'written on it. There is no undo.',\n        confirmationText: 'Discard',\n      })\n        .then(() => true)\n        .catch(() => false)\n      if (!agreed) return\n      setDiscardingId(id)\n      try {\n        const { response, payload } = await manageApi({\n          action: 'discardEmail',\n          campaignId: id,\n        })\n        if (!response.ok) {\n          return void enqueueSnackbar(\n            payload?.error ?? 'This draft could not be discarded',\n            { variant: 'warning', allowDuplicate: true },\n          )\n        }\n        enqueueSnackbar('Draft discarded', {\n          variant: 'success',\n          persist: false,\n        })\n      } catch (error) {\n        console.error(error)\n        enqueueSnackbar('This draft could not be discarded', {\n          variant: 'error',\n          allowDuplicate: true,\n        })\n      } finally {\n        setDiscardingId('')\n      }\n    },\n    [confirm, discardingId, enqueueSnackbar, manageApi],\n  )\n\n  /**\n   * What a message can be opened INTO, from the list.\n   *\n   * All three are places the message's own report already links to, moved one\n   * screen earlier: the report itself, the campaign it belongs to, and the\n   * template it was rendered from. A message need have neither of the last\n   * two — one sent before campaigns grouped anything names no container, and\n   * one composed inline was built from no template — so those entries are\n   * shown DISABLED with the reason rather than hidden. A control that\n   * disappears and a control that does not apply look identical, and only one\n   * of them tells the reader which case they are in.\n   *\n   * DISCARD is the fourth entry and is offered on the same terms: a draft can\n   * be thrown away, and nothing else can. It stays visible on a sent or\n   * scheduled message carrying the reason it is refused, because that is the\n   * honest answer to “how do I get rid of this” — and the route refuses it\n   * too, so the menu is describing a rule rather than being one.\n   */\n  const rowActions = (email: any): RowActionsMenuItem[] => {\n    const containerId = String(email?.[CAMPAIGN_SEND_CONTAINER_FIELD] ?? '')\n    const templateScreenId = String(email?.templateScreenId ?? '')\n    const state = String(email?.status ?? '')\n    return [\n      {\n        key: 'details',\n        label: 'Open report',\n        icon: <MdiIcon path={mdiEyeOutline.path} size={0.8} />,\n        href: emailHref(email),\n      },\n      {\n        key: 'campaign',\n        label: 'Open its campaign',\n        icon: <MdiIcon path={mdiBullhornOutline.path} size={0.8} />,\n        // The campaign's page belongs to the Marketing console, so this one\n        // href is built from the sibling hub rather than this surface's own.\n        href:\n          containerId && marketingHub\n            ? `${marketingHub}/campaigns/${containerId}`\n            : undefined,\n        disabled: !containerId || !marketingHub,\n        disabledReason: containerId\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        key: 'template',\n        label: 'Open its template',\n        icon: <MdiIcon path={mdiPaletteOutline.path} size={0.8} />,\n        href: templateScreenId\n          ? `${basePath}/templates/${templateScreenId}`\n          : undefined,\n        disabled: !templateScreenId,\n        disabledReason: 'This message was not built from a template',\n      },\n      {\n        key: 'duplicate',\n        label: DUPLICATE_MENU_LABEL,\n        icon: <MdiIcon path={mdiContentCopy.path} size={0.8} />,\n        onClick: () =>\n          duplicate.request('campaign', {\n            id: String(email.$id),\n            name: String(email?.displayName ?? email?.subject ?? ''),\n          }),\n      },\n      {\n        key: 'discard',\n        label: 'Discard draft',\n        icon: <MdiIcon path={mdiDeleteOutline.path} size={0.8} />,\n        destructive: true,\n        disabled: state !== 'draft' || Boolean(discardingId),\n        disabledReason: DISCARD_REFUSAL[state] ?? 'Only a draft can be discarded',\n        onClick: () => void handleDiscard(email),\n      },\n    ]\n  }\n\n  const [createOpen, setCreateOpen] = useState(false)\n  const [creating, setCreating] = useState(false)\n  const campaignSendApi = useCampaignSendApi(hostId)\n\n  /*\n   * The campaigns a new email may be filed under, read only while the drawer\n   * is OPEN.\n   *\n   * A null query opens no listener, so the list costs what it always did until\n   * somebody asks to write something. Mounting this unconditionally would put\n   * a second collection read on every reader who came to look at the table,\n   * which is the cost the whole surface is routed to avoid.\n   */\n  const { data: campaignDocs } = useFirestoreCollection<any>(\n    () =>\n      createOpen\n        ? collectionCeiling(\n            collection(firestore, 'hosts', hostId, 'emailCampaigns'),\n            CONTAINER_CEILING,\n          )\n        : null,\n    [firestore, hostId, createOpen],\n    { idField: '$id' },\n  )\n  const campaignOptions = useMemo(\n    () =>\n      [...(campaignDocs ?? [])]\n        .map((campaign: any) => ({\n          value: String(campaign.$id),\n          label: String(campaign.name || 'Untitled campaign'),\n        }))\n        .sort((a, b) => a.label.localeCompare(b.label)),\n    [campaignDocs],\n  )\n\n  /*==========================================\n   * CREATE, THEN GO TO THE EMAIL'S OWN PAGE.\n   *\n   * The drawer collects only what it takes to MINT the record — the friendly\n   * name, and the campaign it belongs to. Everything else about the email is\n   * written on the email's own page, which is where a record is edited\n   * throughout this console: a list page carries no form.\n   *\n   * The record is real from this moment: `/marketing/campaigns/{id}` resolves,\n   * the row appears in the table below as a Draft, and the id it is created\n   * under is the id it keeps when it is eventually sent. It costs nothing to\n   * exist — the route reserves no allowance and moves no meter for a draft,\n   * and the scheduled processor only ever picks up `scheduled`.\n   *=========================================*/\n  const handleCreate = useCallback(\n    async (values: Record<string, any>) => {\n      if (creating) return\n      setCreating(true)\n      try {\n        const { response, payload } = await campaignSendApi({\n          action: 'draft',\n          displayName: String(values.displayName ?? '').trim(),\n          ...(values.emailCampaignId\n            ? { emailCampaignId: String(values.emailCampaignId) }\n            : {}),\n        })\n        if (!response.ok || !payload?.campaignId) {\n          return void enqueueSnackbar(\n            payload?.error ?? 'This email could not be created',\n            { variant: 'warning', allowDuplicate: true },\n          )\n        }\n        setCreateOpen(false)\n        /*\n         * Straight to where it is WRITTEN. The drawer collected the name and\n         * the campaign; the record now exists and holds nothing else, so the\n         * next thing to do with it is compose it — and its own page is a\n         * report of a send that has not happened.\n         */\n        router.push(`${basePath}/messages/${payload.campaignId}/edit`)\n      } catch (error) {\n        console.error(error)\n        enqueueSnackbar('This email could not be created', {\n          variant: 'error',\n          allowDuplicate: true,\n        })\n      } finally {\n        setCreating(false)\n      }\n    },\n    [basePath, campaignSendApi, creating, enqueueSnackbar, router],\n  )\n\n  /*\n   * One row per message, in the order above; the whole window is in hand, so\n   * the grid pages it. The subject is a link AND the row opens the report: a\n   * click handler cannot be middle-clicked or opened in a new tab.\n   */\n  const columns: GridColDef[] = [\n    {\n      field: 'subject',\n      headerName: 'Subject',\n      flex: 1,\n      minWidth: 220,\n      valueGetter: (_value, row) => row.subject || 'Untitled email',\n      renderCell: ({ row, value }) => (\n        <AppLink\n          href={emailHref(row)}\n          // The row's own handler would fire too and push the same route\n          // twice — one history entry per back press.\n          onClick={(event: { stopPropagation: () => void }) =>\n            event.stopPropagation()\n          }\n        >\n          {value}\n        </AppLink>\n      ),\n    },\n    {\n      /*\n       * WHAT THIS EMAIL IS DOING, not what field it stores.\n       *\n       * An email delivering an audience larger than one batch is written back\n       * as `scheduled` between runs, so a chip rendering the status said\n       * \"Scheduled\" about a send that had already reached five hundred people.\n       * The derivation reads the counters beside the status and says which of\n       * the two it is.\n       */\n      field: 'state',\n      headerName: 'State',\n      width: 150,\n      valueGetter: (_value, row) => campaignSendDisplay(row).label,\n      renderCell: ({ row }) => {\n        const display = campaignSendDisplay(row)\n        return (\n          <Chip\n            size=\"small\"\n            color={STATE_COLOR[display.state]}\n            label={display.label}\n          />\n        )\n      },\n    },\n    {\n      field: 'when',\n      headerName: 'When',\n      width: 190,\n      // Sorted on the time the list is ordered by, so a draft sorts by its\n      // creation rather than as the oldest thing on the page.\n      valueGetter: (_value, row) => emailListTimeMs(row),\n      renderCell: ({ row }) => {\n        const at = emailSendTimeMs(row)\n        return at ? new Date(at).toLocaleString() : '—'\n      },\n    },\n    ...(\n      [\n        ['recipients', 'Addressed'],\n        ['opens', 'Opens'],\n        ['clicks', 'Clicks'],\n      ] as const\n    ).map(\n      ([stat, headerName]): GridColDef => ({\n        field: stat,\n        headerName,\n        type: 'number',\n        align: 'right',\n        headerAlign: 'right',\n        width: 110,\n        valueGetter: (_value, row) => Number(row.stats?.[stat] ?? 0),\n        valueFormatter: (value: number) => value.toLocaleString(),\n      }),\n    ),\n    listActionsColumn(\n      (row) => (\n        <ListRowActions\n          label={String(row.subject || 'Untitled email')}\n          items={rowActions(row)}\n        />\n      ),\n      { width: 72 },\n    ),\n  ]\n\n  return (\n    <CardDisplay\n      header={'Messages'}\n      help={emailsDocsHelp}\n      HeaderProps={{\n        action: (\n          <Button\n            size=\"small\"\n            variant=\"contained\"\n            onClick={() => setCreateOpen(true)}\n          >\n            {'New email'}\n          </Button>\n        ),\n      }}\n      contentGutterX\n      contentGutterY\n    >\n      {duplicate.dialog}\n      <Stack spacing={2}>\n        {emails.length === 0 ? (\n          <Stack spacing={2} sx={{ alignItems: 'flex-start' }}>\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {'Nothing has been sent or scheduled yet. Write one here, or ' +\n                'from a campaign, and it appears in this list with its own ' +\n                'report.'}\n            </Typography>\n            <Button variant=\"contained\" onClick={() => setCreateOpen(true)}>\n              {'New email'}\n            </Button>\n          </Stack>\n        ) : (\n          <ListTable\n            aria-label=\"Messages\"\n            rows={emails}\n            columns={columns}\n            rowHeight={TABLE_ROW_HEIGHT}\n            onOpen={(_id, row) => router.push(emailHref(row))}\n          />\n        )}\n        {truncated ? (\n          <Alert severity=\"info\">\n            {`Showing ${EMAIL_CEILING} messages. This site has sent or ` +\n              'scheduled more than that, and the rest are not in this list.'}\n          </Alert>\n        ) : null}\n      </Stack>\n      {/*\n        AN EMAIL WRITTEN HERE BELONGS TO A CAMPAIGN, OR TO NO CAMPAIGN.\n\n        The second is a real answer and not a gap in the model. A send with no\n        container is what the product has always had — every message that\n        predates campaigns is one — and `campaignListRows` adopts each of them\n        as a campaign of one at read time, which is the \"Single send\" chip on\n        the campaigns table. So composing from this list mints nothing, files\n        nothing, and requires nobody to invent a campaign first: it leaves the\n        container empty, and the send that results is presented the way every\n        containerless send already is.\n\n        Offering the campaigns anyway is what stops the opposite mistake — a\n        merchant who DOES have a spring campaign writing its third email into\n        a single send that never joins the rollup.\n      */}\n      <CreateArtifactDrawer\n        open={createOpen}\n        onClose={() => setCreateOpen(false)}\n        title=\"New email\"\n        submitLabel={creating ? 'Creating…' : 'Start writing'}\n        includeDescription={false}\n        onSubmit={handleCreate}\n        extraFields={[\n          {\n            component: 'select',\n            name: 'emailCampaignId',\n            label: 'Campaign',\n            initialValue: '',\n            helperText:\n              'Leave this as a single send unless the email belongs with ' +\n              'others',\n            disableDefaultOption: true,\n            options: [\n              { value: '', label: 'Single send — not part of a campaign' },\n              ...campaignOptions,\n            ],\n          },\n        ]}\n      />\n    </CardDisplay>\n  )\n}\nEmailsListCard.displayName = 'EmailsListCard'\n\nexport default EmailsListCard\n"],"names":["pluginDocsHelp","mdiBullhornOutline","mdiContentCopy","mdiDeleteOutline","mdiEyeOutline","mdiPaletteOutline","AppLink","CardDisplay","MdiIcon","useConfirmationContext","ListRowActions","ListTable","listActionsColumn","TABLE_ROW_HEIGHT","CreateArtifactDrawer","useSnackbar","ceilingedWindow","collectionCeiling","DUPLICATE_MENU_LABEL","useDuplicateResource","useFirestore","useFirestoreCollection","Alert","Button","Chip","Stack","Typography","collection","useRouter","useCallback","useMemo","useState","campaignSendDisplay","CAMPAIGN_SEND_CONTAINER_FIELD","emailListTimeMs","emailSendTimeMs","useCampaignManageApi","useCampaignSendApi","useMarketingHubPath","EMAIL_CEILING","CONTAINER_CEILING","DISCARD_REFUSAL","sent","scheduled","sending","canceled","STATE_COLOR","stopped","emailsDocsHelp","anchor","excerpt","EmailsListCard","props","hostId","basePath","firestore","marketingHub","router","data","emailDocs","idField","rows","readEmails","truncated","emails","sort","a","b","emailHref","email","$id","confirm","enqueueSnackbar","manageForCopy","duplicate","perform","sourceId","name","attemptKey","payload","response","action","campaignId","ok","Error","error","id","String","emailId","versionId","onDuplicated","_kind","copy","variant","manageApi","discardingId","setDiscardingId","handleDiscard","subject","displayName","agreed","title","description","confirmationText","then","catch","allowDuplicate","persist","console","rowActions","containerId","templateScreenId","state","status","key","label","icon","path","size","href","undefined","disabled","disabledReason","onClick","request","destructive","Boolean","createOpen","setCreateOpen","creating","setCreating","campaignSendApi","campaignDocs","campaignOptions","map","campaign","value","localeCompare","handleCreate","values","trim","emailCampaignId","push","columns","field","headerName","flex","minWidth","valueGetter","_value","row","renderCell","event","stopPropagation","width","display","color","at","Date","toLocaleString","stat","type","align","headerAlign","Number","stats","valueFormatter","items","header","help","HeaderProps","contentGutterX","contentGutterY","dialog","spacing","length","sx","alignItems","aria-label","rowHeight","onOpen","_id","severity","open","onClose","submitLabel","includeDescription","onSubmit","extraFields","component","initialValue","helperText","disableDefaultOption","options"],"mappings":"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"}