@aglyn/plugins-marketing 1.0.0-beta.186 → 1.0.0-beta.188

package/src/lib/components/email-send-filter.js

@@ -0,0 +1,55 @@
+/**
+ * @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.
+ */ import { campaignSendDisplay } from "@aglyn/shared-ui-email-campaigns/model";
+import { inMemoryListField } from "@aglyn/shared-ui-jsx/const/list-grid-filter";
+/*
+ * What a table of emails filters by (AGL-3317) — the Emails list and a
+ * campaign's own emails. State is what the email is DOING
+ * (`campaignSendDisplay`), not the status it stores, so an email between
+ * batches is Sending, not Scheduled; the subject and the state columns read
+ * their filter values from the fields `emailFilterValues` adds to a row.
+ */ export const EMAIL_STATE_OPTIONS = [
+    {
+        value: 'draft',
+        label: 'Draft'
+    },
+    {
+        value: 'pending',
+        label: 'Scheduled'
+    },
+    {
+        value: 'sending',
+        label: 'Sending'
+    },
+    {
+        value: 'sent',
+        label: 'Sent'
+    },
+    {
+        value: 'stopped',
+        label: 'Stopped'
+    }
+];
+export const EMAIL_SUBJECT_FILTER_FIELD = inMemoryListField('subject', 'text', 'subjectText');
+export const EMAIL_STATE_FILTER_FIELD = inMemoryListField('state', 'select', 'stateKey');
+/** The filter values an email row carries beside its stored fields. */ export function emailFilterValues(email) {
+    return {
+        subjectText: email.subject || 'Untitled email',
+        stateKey: campaignSendDisplay(email).state
+    };
+}
+
+//# sourceMappingURL=email-send-filter.js.map

package/src/lib/components/email-send-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/email-send-filter.ts"],"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\nimport {\n  campaignSendDisplay,\n  type CampaignSendDisplayState,\n} from '@aglyn/shared-ui-email-campaigns/model'\nimport { inMemoryListField } from '@aglyn/shared-ui-jsx/const/list-grid-filter'\n\n/*\n * What a table of emails filters by (AGL-3317) — the Emails list and a\n * campaign's own emails. State is what the email is DOING\n * (`campaignSendDisplay`), not the status it stores, so an email between\n * batches is Sending, not Scheduled; the subject and the state columns read\n * their filter values from the fields `emailFilterValues` adds to a row.\n */\nexport const EMAIL_STATE_OPTIONS: ReadonlyArray<{\n  value: CampaignSendDisplayState\n  label: string\n}> = [\n  { value: 'draft', label: 'Draft' },\n  { value: 'pending', label: 'Scheduled' },\n  { value: 'sending', label: 'Sending' },\n  { value: 'sent', label: 'Sent' },\n  { value: 'stopped', label: 'Stopped' },\n]\n\nexport const EMAIL_SUBJECT_FILTER_FIELD = inMemoryListField('subject', 'text', 'subjectText')\nexport const EMAIL_STATE_FILTER_FIELD = inMemoryListField('state', 'select', 'stateKey')\n\n/** The filter values an email row carries beside its stored fields. */\nexport function emailFilterValues(email: {\n  $id?: string\n  subject?: string | null\n  status?: string\n}): { subjectText: string; stateKey: CampaignSendDisplayState } {\n  return {\n    subjectText: email.subject || 'Untitled email',\n    stateKey: campaignSendDisplay(email as never).state,\n  }\n}\n"],"names":["campaignSendDisplay","inMemoryListField","EMAIL_STATE_OPTIONS","value","label","EMAIL_SUBJECT_FILTER_FIELD","EMAIL_STATE_FILTER_FIELD","emailFilterValues","email","subjectText","subject","stateKey","state"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED,SACEA,mBAAmB,QAEd,yCAAwC;AAC/C,SAASC,iBAAiB,QAAQ,8CAA6C;AAE/E;;;;;;CAMC,GACD,OAAO,MAAMC,sBAGR;IACH;QAAEC,OAAO;QAASC,OAAO;IAAQ;IACjC;QAAED,OAAO;QAAWC,OAAO;IAAY;IACvC;QAAED,OAAO;QAAWC,OAAO;IAAU;IACrC;QAAED,OAAO;QAAQC,OAAO;IAAO;IAC/B;QAAED,OAAO;QAAWC,OAAO;IAAU;CACtC,CAAA;AAED,OAAO,MAAMC,6BAA6BJ,kBAAkB,WAAW,QAAQ,eAAc;AAC7F,OAAO,MAAMK,2BAA2BL,kBAAkB,SAAS,UAAU,YAAW;AAExF,qEAAqE,GACrE,OAAO,SAASM,kBAAkBC,KAIjC;IACC,OAAO;QACLC,aAAaD,MAAME,OAAO,IAAI;QAC9BC,UAAUX,oBAAoBQ,OAAgBI,KAAK;IACrD;AACF"}

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

@@ -15,11 +15,14 @@
  * 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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 ListFilterChips from "@aglyn/shared-ui-jsx/components/list-filter-chips.component";
 import { ListRowActions, ListTable, listActionsColumn } from "@aglyn/shared-ui-jsx/components/list-table.component";
+import { inMemoryListField } from "@aglyn/shared-ui-jsx/const/list-grid-filter";
+import { useListRowsFilter } from "@aglyn/shared-ui-jsx/hooks/use-list-rows-filter";
 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";
@@ -31,6 +34,7 @@ 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 { useCampaignManageApi, useCampaignSendApi } from "./use-campaign-send-api.js";
+import { EMAIL_STATE_FILTER_FIELD, EMAIL_STATE_OPTIONS, EMAIL_SUBJECT_FILTER_FIELD, emailFilterValues } from "./email-send-filter.js";
 import { useMarketingHubPath } from "./use-marketing-hub-path.js";
 import { campaignContainersQuery, campaignSendsQuery } from "./campaign-queries.js";
 import { orgSiteHubPath, orgSiteName, orgSiteOptions, useMarketingOrgId, useMarketingOrgMount } from "./marketing-org-mount.js";
@@ -65,6 +69,27 @@ import { orgSiteHubPath, orgSiteName, orgSiteOptions, useMarketingOrgId, useMark
     sending: 'info',
     stopped: 'warning'
 };
+/*
+ * What the messages grid's Filters panel offers (AGL-3317). The card reads
+ * every message under its ceiling, so the panel and the search answer over
+ * all of them. State is what the email is DOING (`campaignSendDisplay`),
+ * not the status it stores.
+ */ const EMAIL_FILTER_FIELDS = [
+    EMAIL_SUBJECT_FILTER_FIELD,
+    EMAIL_STATE_FILTER_FIELD,
+    inMemoryListField('emailCampaignId', 'select'),
+    inMemoryListField('site', 'text', 'siteName')
+];
+const EMAIL_FILTER_HEADERS = {
+    subject: 'Subject',
+    state: 'State',
+    emailCampaignId: 'Campaign',
+    site: 'Site'
+};
+/** What the quick search reads on a message row. */ const EMAIL_SEARCH_FIELDS = [
+    'subjectText',
+    'siteName'
+];
 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.'
@@ -376,6 +401,35 @@ const emailsDocsHelp = pluginDocsHelp('emailCampaigns', {
             })).sort((a, b)=>a.label.localeCompare(b.label)), [
         campaignDocs
     ]);
+    const filterRows = useMemo(()=>emails.map((email)=>_extends({}, email, emailFilterValues(email), {
+                emailCampaignId: email.emailCampaignId ? String(email.emailCampaignId) : '',
+                siteName: orgMount && (email == null ? void 0 : email.hostId) ? orgSiteName(orgMount, email.hostId) : ''
+            })), [
+        emails,
+        orgMount
+    ]);
+    const filterFields = useMemo(()=>orgMount ? EMAIL_FILTER_FIELDS : EMAIL_FILTER_FIELDS.filter((field)=>field.column !== 'site'), [
+        orgMount
+    ]);
+    const filterOptions = useMemo(()=>({
+            state: EMAIL_STATE_OPTIONS,
+            emailCampaignId: [
+                {
+                    value: '',
+                    label: 'Single send'
+                },
+                ...campaignOptions
+            ]
+        }), [
+        campaignOptions
+    ]);
+    const listFilter = useListRowsFilter({
+        rows: filterRows,
+        fields: filterFields,
+        options: filterOptions,
+        headers: EMAIL_FILTER_HEADERS,
+        search: EMAIL_SEARCH_FIELDS
+    });
     /*==========================================
    * CREATE, THEN GO TO THE EMAIL'S OWN PAGE.
    *
@@ -591,12 +645,26 @@ const emailsDocsHelp = pluginDocsHelp('emailCampaigns', {
                                 children: 'New email'
                             })
                         ]
-                    }) : /*#__PURE__*/ _jsx(ListTable, {
-                        "aria-label": "Messages",
-                        rows: emails,
-                        columns: columns,
-                        rowHeight: TABLE_ROW_HEIGHT,
-                        onOpen: (_id, row)=>router.push(emailHref(row))
+                    }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsx(ListFilterChips, _extends({}, listFilter.chipsProps)),
+                            /*#__PURE__*/ _jsx(ListTable, _extends({
+                                "aria-label": "Messages",
+                                rows: listFilter.rows,
+                                columns: listFilter.filterColumns(columns),
+                                rowHeight: TABLE_ROW_HEIGHT,
+                                onOpen: (_id, row)=>router.push(emailHref(row))
+                            }, listFilter.gridProps, {
+                                initialState: {
+                                    columns: {
+                                        columnVisibilityModel: {
+                                            emailCampaignId: false
+                                        }
+                                    }
+                                },
+                                noRowsLabel: "No messages match these filters"
+                            }))
+                        ]
                     }),
                     truncated ? /*#__PURE__*/ _jsx(Alert, {
                         severity: "info",

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

@@ -1 +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 { useRouter } from 'next/navigation'\nimport { useCallback, useMemo, useState } from 'react'\nimport {\n  campaignPlacedOnHost,\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'\nimport { campaignContainersQuery, campaignSendsQuery } from './campaign-queries'\nimport {\n  orgSiteHubPath,\n  orgSiteName,\n  orgSiteOptions,\n  useMarketingOrgId,\n  useMarketingOrgMount,\n} from './marketing-org-mount'\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  /** The site, or `null` on the organization's Emails page. */\n  hostId: string | null\n  /**\n   * The Emails page's own URL, under the site or the organization, so a row\n   * can link to the message's own page beneath it.\n   */\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 *\n * ## Under a site, and over the organization\n *\n * Sends are the org's. Under a site this lists the ones sent as that site;\n * on the organization's Emails page it lists every site's, with a Site column,\n * and every action on a row names the site that row is sent as — the only\n * site that can duplicate it, discard it or open its template. Creating one\n * there first asks which site it is sent as.\n */\nexport function EmailsListCard(props: EmailsListCardProps) {\n  const { hostId, basePath } = props\n  const firestore = useFirestore()\n  const orgMount = useMarketingOrgMount()\n  const { orgId } = useMarketingOrgId(hostId)\n  // The sibling hub: a campaign's page belongs to the Marketing console —\n  // over the org, the organization's own Marketing page the mount names.\n  const siteMarketingHub = useMarketingHubPath()\n  const marketingHub = orgMount ? orgMount.basePath : siteMarketingHub\n  const router = useRouter()\n\n  const { data: emailDocs } = useFirestoreCollection<any>(\n    () => {\n      const sends = campaignSendsQuery(firestore, orgId, hostId)\n      return sends ? collectionCeiling(sends, EMAIL_CEILING) : null\n    },\n    [firestore, orgId, 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  /*\n   * A message's own pages, beneath the Emails page this list is on — the\n   * site's or the organization's. A template is a site's design, so over the\n   * org it opens on the site the row is sent as.\n   */\n  const messagesPath = `${basePath}/messages`\n  const emailHref = (email: any) => `${messagesPath}/${email.$id}`\n  const templatesHub = (email: any): string | null =>\n    orgMount ? orgSiteHubPath(orgMount, email?.hostId, 'emails') : basePath\n  /** The site a row is sent as, which every action on it must name. */\n  const rowHostId = useCallback(\n    (email: any): string | null =>\n      hostId ?? (email?.hostId ? String(email.hostId) : null),\n    [hostId],\n  )\n  const hostOfEmail = useMemo(\n    () =>\n      new Map<string, string | null>(\n        readEmails.map((email: any) => [\n          String(email.$id),\n          email?.hostId ? String(email.hostId) : null,\n        ]),\n      ),\n    [readEmails],\n  )\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: hostId ?? '',\n    perform: async ({ sourceId, name, attemptKey }) => {\n      const { response, payload } = await manageForCopy({\n        action: 'duplicate',\n        campaignId: sourceId,\n        name,\n        attemptKey,\n        // The copy is made as the site the source is sent as.\n        ...(hostId ? {} : { hostId: hostOfEmail.get(sourceId) ?? undefined }),\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          ...(hostId ? {} : { hostId: rowHostId(email) ?? undefined }),\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, hostId, manageApi, rowHostId],\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    const templates = templatesHub(email)\n    /** On the org hub, a send that names no site has nothing to act as. */\n    const siteless = !rowHostId(email)\n    const sitelessReason =\n      'This email does not record which site it was sent as. Manage it from ' +\n      'that site’s own Emails page.'\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:\n          templateScreenId && templates\n            ? `${templates}/templates/${templateScreenId}`\n            : undefined,\n        disabled: !templateScreenId || !templates,\n        disabledReason: templateScreenId\n          ? 'This site’s console URL has not resolved yet'\n          : '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        disabled: siteless,\n        disabledReason: sitelessReason,\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: siteless || state !== 'draft' || Boolean(discardingId),\n        disabledReason: siteless\n          ? sitelessReason\n          : (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   * The sites a new email can be sent as, on the org hub. One site answers\n   * the question itself, so the field is asked only when there is a choice.\n   */\n  const orgSites = useMemo(\n    () => (orgMount ? orgSiteOptions(orgMount) : []),\n    [orgMount],\n  )\n  const askSite = !hostId && orgSites.length > 1\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      const containers = createOpen\n        ? campaignContainersQuery(firestore, orgId, hostId)\n        : null\n      return containers ? collectionCeiling(containers, CONTAINER_CEILING) : null\n    },\n    [firestore, orgId, 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      const sendAs =\n        hostId ?? (askSite ? String(values.hostId ?? '') : orgSites[0]?.value)\n      if (!sendAs) {\n        return void enqueueSnackbar('Choose the site this email is sent as', {\n          variant: 'warning',\n          allowDuplicate: true,\n        })\n      }\n      /*\n       * The organization hub offers every campaign, because the site is\n       * chosen in the same form. An email can only join a campaign placed on\n       * the site it is sent as — the send route refuses anything else — so\n       * the mismatch is named here, where it can be fixed, rather than\n       * arriving as the route's bare refusal. A site hub lists only the\n       * campaigns placed on it, so there is nothing to check there.\n       */\n      const chosenCampaign =\n        !hostId && values.emailCampaignId\n          ? (campaignDocs ?? []).find(\n              (campaign: any) =>\n                String(campaign.$id) === String(values.emailCampaignId),\n            )\n          : null\n      if (chosenCampaign && !campaignPlacedOnHost(chosenCampaign, sendAs)) {\n        return void enqueueSnackbar(\n          'That campaign is not offered on the site this email is sent as. ' +\n            'Choose another, or add the site to the campaign first.',\n          { variant: 'warning', allowDuplicate: true },\n        )\n      }\n      setCreating(true)\n      try {\n        const { response, payload } = await campaignSendApi({\n          action: 'draft',\n          ...(hostId ? {} : { hostId: sendAs }),\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(`${messagesPath}/${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    [\n      askSite,\n      campaignDocs,\n      campaignSendApi,\n      creating,\n      enqueueSnackbar,\n      hostId,\n      messagesPath,\n      orgSites,\n      router,\n    ],\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    // Which site each row is sent as, on the org hub only.\n    ...(orgMount\n      ? [\n          {\n            field: 'site',\n            headerName: 'Site',\n            width: 150,\n            valueGetter: (_value: unknown, row: any) =>\n              row?.hostId ? orgSiteName(orgMount, row.hostId) : '—',\n          } satisfies GridColDef,\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. ${\n              hostId ? 'This site' : 'This organization'\n            } 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          ...(askSite\n            ? [\n                {\n                  component: 'select',\n                  name: 'hostId',\n                  label: 'Send as',\n                  isRequired: true,\n                  initialValue: '',\n                  helperText:\n                    'The site this email is sent from — its sender, designs ' +\n                    'and unsubscribe page',\n                  disableDefaultOption: true,\n                  options: orgSites,\n                },\n              ]\n            : []),\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","useRouter","useCallback","useMemo","useState","campaignPlacedOnHost","campaignSendDisplay","CAMPAIGN_SEND_CONTAINER_FIELD","emailListTimeMs","emailSendTimeMs","useCampaignManageApi","useCampaignSendApi","useMarketingHubPath","campaignContainersQuery","campaignSendsQuery","orgSiteHubPath","orgSiteName","orgSiteOptions","useMarketingOrgId","useMarketingOrgMount","EMAIL_CEILING","CONTAINER_CEILING","DISCARD_REFUSAL","sent","scheduled","sending","canceled","STATE_COLOR","stopped","emailsDocsHelp","anchor","excerpt","EmailsListCard","props","hostId","basePath","firestore","orgMount","orgId","siteMarketingHub","marketingHub","router","data","emailDocs","sends","idField","rows","readEmails","truncated","emails","sort","a","b","messagesPath","emailHref","email","$id","templatesHub","rowHostId","String","hostOfEmail","Map","map","confirm","enqueueSnackbar","manageForCopy","duplicate","perform","sourceId","name","attemptKey","payload","response","action","campaignId","get","undefined","ok","Error","error","id","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","templates","siteless","sitelessReason","key","label","icon","path","size","href","disabled","disabledReason","onClick","request","destructive","Boolean","createOpen","setCreateOpen","creating","setCreating","campaignSendApi","orgSites","askSite","length","campaignDocs","containers","campaignOptions","campaign","value","localeCompare","handleCreate","values","sendAs","chosenCampaign","emailCampaignId","find","trim","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","sx","alignItems","aria-label","rowHeight","onOpen","_id","severity","open","onClose","submitLabel","includeDescription","onSubmit","extraFields","component","isRequired","initialValue","helperText","disableDefaultOption","options"],"mappings":"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"}
+{"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 ListFilterChips from '@aglyn/shared-ui-jsx/components/list-filter-chips.component'\nimport {\n  ListRowActions,\n  ListTable,\n  listActionsColumn,\n} from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport { inMemoryListField } from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport { useListRowsFilter } from '@aglyn/shared-ui-jsx/hooks/use-list-rows-filter'\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 { useRouter } from 'next/navigation'\nimport { useCallback, useMemo, useState } from 'react'\nimport {\n  campaignPlacedOnHost,\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 {\n  EMAIL_STATE_FILTER_FIELD,\n  EMAIL_STATE_OPTIONS,\n  EMAIL_SUBJECT_FILTER_FIELD,\n  emailFilterValues,\n} from './email-send-filter'\nimport { useMarketingHubPath } from './use-marketing-hub-path'\nimport { campaignContainersQuery, campaignSendsQuery } from './campaign-queries'\nimport {\n  orgSiteHubPath,\n  orgSiteName,\n  orgSiteOptions,\n  useMarketingOrgId,\n  useMarketingOrgMount,\n} from './marketing-org-mount'\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\n/*\n * What the messages grid's Filters panel offers (AGL-3317). The card reads\n * every message under its ceiling, so the panel and the search answer over\n * all of them. State is what the email is DOING (`campaignSendDisplay`),\n * not the status it stores.\n */\nconst EMAIL_FILTER_FIELDS = [\n  EMAIL_SUBJECT_FILTER_FIELD,\n  EMAIL_STATE_FILTER_FIELD,\n  inMemoryListField('emailCampaignId', 'select'),\n  inMemoryListField('site', 'text', 'siteName'),\n]\nconst EMAIL_FILTER_HEADERS: Readonly<Record<string, string>> = {\n  subject: 'Subject',\n  state: 'State',\n  emailCampaignId: 'Campaign',\n  site: 'Site',\n}\n/** What the quick search reads on a message row. */\nconst EMAIL_SEARCH_FIELDS = ['subjectText', 'siteName'] as const\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  /** The site, or `null` on the organization's Emails page. */\n  hostId: string | null\n  /**\n   * The Emails page's own URL, under the site or the organization, so a row\n   * can link to the message's own page beneath it.\n   */\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 *\n * ## Under a site, and over the organization\n *\n * Sends are the org's. Under a site this lists the ones sent as that site;\n * on the organization's Emails page it lists every site's, with a Site column,\n * and every action on a row names the site that row is sent as — the only\n * site that can duplicate it, discard it or open its template. Creating one\n * there first asks which site it is sent as.\n */\nexport function EmailsListCard(props: EmailsListCardProps) {\n  const { hostId, basePath } = props\n  const firestore = useFirestore()\n  const orgMount = useMarketingOrgMount()\n  const { orgId } = useMarketingOrgId(hostId)\n  // The sibling hub: a campaign's page belongs to the Marketing console —\n  // over the org, the organization's own Marketing page the mount names.\n  const siteMarketingHub = useMarketingHubPath()\n  const marketingHub = orgMount ? orgMount.basePath : siteMarketingHub\n  const router = useRouter()\n\n  const { data: emailDocs } = useFirestoreCollection<any>(\n    () => {\n      const sends = campaignSendsQuery(firestore, orgId, hostId)\n      return sends ? collectionCeiling(sends, EMAIL_CEILING) : null\n    },\n    [firestore, orgId, 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  /*\n   * A message's own pages, beneath the Emails page this list is on — the\n   * site's or the organization's. A template is a site's design, so over the\n   * org it opens on the site the row is sent as.\n   */\n  const messagesPath = `${basePath}/messages`\n  const emailHref = (email: any) => `${messagesPath}/${email.$id}`\n  const templatesHub = (email: any): string | null =>\n    orgMount ? orgSiteHubPath(orgMount, email?.hostId, 'emails') : basePath\n  /** The site a row is sent as, which every action on it must name. */\n  const rowHostId = useCallback(\n    (email: any): string | null =>\n      hostId ?? (email?.hostId ? String(email.hostId) : null),\n    [hostId],\n  )\n  const hostOfEmail = useMemo(\n    () =>\n      new Map<string, string | null>(\n        readEmails.map((email: any) => [\n          String(email.$id),\n          email?.hostId ? String(email.hostId) : null,\n        ]),\n      ),\n    [readEmails],\n  )\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: hostId ?? '',\n    perform: async ({ sourceId, name, attemptKey }) => {\n      const { response, payload } = await manageForCopy({\n        action: 'duplicate',\n        campaignId: sourceId,\n        name,\n        attemptKey,\n        // The copy is made as the site the source is sent as.\n        ...(hostId ? {} : { hostId: hostOfEmail.get(sourceId) ?? undefined }),\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          ...(hostId ? {} : { hostId: rowHostId(email) ?? undefined }),\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, hostId, manageApi, rowHostId],\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    const templates = templatesHub(email)\n    /** On the org hub, a send that names no site has nothing to act as. */\n    const siteless = !rowHostId(email)\n    const sitelessReason =\n      'This email does not record which site it was sent as. Manage it from ' +\n      'that site’s own Emails page.'\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:\n          templateScreenId && templates\n            ? `${templates}/templates/${templateScreenId}`\n            : undefined,\n        disabled: !templateScreenId || !templates,\n        disabledReason: templateScreenId\n          ? 'This site’s console URL has not resolved yet'\n          : '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        disabled: siteless,\n        disabledReason: sitelessReason,\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: siteless || state !== 'draft' || Boolean(discardingId),\n        disabledReason: siteless\n          ? sitelessReason\n          : (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   * The sites a new email can be sent as, on the org hub. One site answers\n   * the question itself, so the field is asked only when there is a choice.\n   */\n  const orgSites = useMemo(\n    () => (orgMount ? orgSiteOptions(orgMount) : []),\n    [orgMount],\n  )\n  const askSite = !hostId && orgSites.length > 1\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      const containers = createOpen\n        ? campaignContainersQuery(firestore, orgId, hostId)\n        : null\n      return containers ? collectionCeiling(containers, CONTAINER_CEILING) : null\n    },\n    [firestore, orgId, 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  const filterRows = useMemo(\n    () =>\n      emails.map((email: any) => ({\n        ...email,\n        ...emailFilterValues(email),\n        emailCampaignId: email.emailCampaignId ? String(email.emailCampaignId) : '',\n        siteName: orgMount && email?.hostId ? orgSiteName(orgMount, email.hostId) : '',\n      })),\n    [emails, orgMount],\n  )\n  const filterFields = useMemo(\n    () =>\n      orgMount\n        ? EMAIL_FILTER_FIELDS\n        : EMAIL_FILTER_FIELDS.filter((field) => field.column !== 'site'),\n    [orgMount],\n  )\n  const filterOptions = useMemo(\n    () => ({\n      state: EMAIL_STATE_OPTIONS,\n      emailCampaignId: [\n        { value: '', label: 'Single send' },\n        ...campaignOptions,\n      ],\n    }),\n    [campaignOptions],\n  )\n  const listFilter = useListRowsFilter({\n    rows: filterRows,\n    fields: filterFields,\n    options: filterOptions,\n    headers: EMAIL_FILTER_HEADERS,\n    search: EMAIL_SEARCH_FIELDS,\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      const sendAs =\n        hostId ?? (askSite ? String(values.hostId ?? '') : orgSites[0]?.value)\n      if (!sendAs) {\n        return void enqueueSnackbar('Choose the site this email is sent as', {\n          variant: 'warning',\n          allowDuplicate: true,\n        })\n      }\n      /*\n       * The organization hub offers every campaign, because the site is\n       * chosen in the same form. An email can only join a campaign placed on\n       * the site it is sent as — the send route refuses anything else — so\n       * the mismatch is named here, where it can be fixed, rather than\n       * arriving as the route's bare refusal. A site hub lists only the\n       * campaigns placed on it, so there is nothing to check there.\n       */\n      const chosenCampaign =\n        !hostId && values.emailCampaignId\n          ? (campaignDocs ?? []).find(\n              (campaign: any) =>\n                String(campaign.$id) === String(values.emailCampaignId),\n            )\n          : null\n      if (chosenCampaign && !campaignPlacedOnHost(chosenCampaign, sendAs)) {\n        return void enqueueSnackbar(\n          'That campaign is not offered on the site this email is sent as. ' +\n            'Choose another, or add the site to the campaign first.',\n          { variant: 'warning', allowDuplicate: true },\n        )\n      }\n      setCreating(true)\n      try {\n        const { response, payload } = await campaignSendApi({\n          action: 'draft',\n          ...(hostId ? {} : { hostId: sendAs }),\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(`${messagesPath}/${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    [\n      askSite,\n      campaignDocs,\n      campaignSendApi,\n      creating,\n      enqueueSnackbar,\n      hostId,\n      messagesPath,\n      orgSites,\n      router,\n    ],\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    // Which site each row is sent as, on the org hub only.\n    ...(orgMount\n      ? [\n          {\n            field: 'site',\n            headerName: 'Site',\n            width: 150,\n            valueGetter: (_value: unknown, row: any) =>\n              row?.hostId ? orgSiteName(orgMount, row.hostId) : '—',\n          } satisfies GridColDef,\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          <>\n            <ListFilterChips {...listFilter.chipsProps} />\n            <ListTable\n              aria-label=\"Messages\"\n              rows={listFilter.rows}\n              columns={listFilter.filterColumns(columns)}\n              rowHeight={TABLE_ROW_HEIGHT}\n              onOpen={(_id, row) => router.push(emailHref(row))}\n              // The panel and the search are the grid's; the card answers\n              // them over every message it read (AGL-3317).\n              {...listFilter.gridProps}\n              initialState={{ columns: { columnVisibilityModel: { emailCampaignId: false } } }}\n              noRowsLabel=\"No messages match these filters\"\n            />\n          </>\n        )}\n        {truncated ? (\n          <Alert severity=\"info\">\n            {`Showing ${EMAIL_CEILING} messages. ${\n              hostId ? 'This site' : 'This organization'\n            } 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          ...(askSite\n            ? [\n                {\n                  component: 'select',\n                  name: 'hostId',\n                  label: 'Send as',\n                  isRequired: true,\n                  initialValue: '',\n                  helperText:\n                    'The site this email is sent from — its sender, designs ' +\n                    'and unsubscribe page',\n                  disableDefaultOption: true,\n                  options: orgSites,\n                },\n              ]\n            : []),\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","ListFilterChips","ListRowActions","ListTable","listActionsColumn","inMemoryListField","useListRowsFilter","TABLE_ROW_HEIGHT","CreateArtifactDrawer","useSnackbar","ceilingedWindow","collectionCeiling","DUPLICATE_MENU_LABEL","useDuplicateResource","useFirestore","useFirestoreCollection","Alert","Button","Chip","Stack","Typography","useRouter","useCallback","useMemo","useState","campaignPlacedOnHost","campaignSendDisplay","CAMPAIGN_SEND_CONTAINER_FIELD","emailListTimeMs","emailSendTimeMs","useCampaignManageApi","useCampaignSendApi","EMAIL_STATE_FILTER_FIELD","EMAIL_STATE_OPTIONS","EMAIL_SUBJECT_FILTER_FIELD","emailFilterValues","useMarketingHubPath","campaignContainersQuery","campaignSendsQuery","orgSiteHubPath","orgSiteName","orgSiteOptions","useMarketingOrgId","useMarketingOrgMount","EMAIL_CEILING","CONTAINER_CEILING","DISCARD_REFUSAL","sent","scheduled","sending","canceled","STATE_COLOR","stopped","EMAIL_FILTER_FIELDS","EMAIL_FILTER_HEADERS","subject","state","emailCampaignId","site","EMAIL_SEARCH_FIELDS","emailsDocsHelp","anchor","excerpt","EmailsListCard","props","hostId","basePath","firestore","orgMount","orgId","siteMarketingHub","marketingHub","router","data","emailDocs","sends","idField","rows","readEmails","truncated","emails","sort","a","b","messagesPath","emailHref","email","$id","templatesHub","rowHostId","String","hostOfEmail","Map","map","confirm","enqueueSnackbar","manageForCopy","duplicate","perform","sourceId","name","attemptKey","payload","response","action","campaignId","get","undefined","ok","Error","error","id","emailId","versionId","onDuplicated","_kind","copy","variant","manageApi","discardingId","setDiscardingId","handleDiscard","displayName","agreed","title","description","confirmationText","then","catch","allowDuplicate","persist","console","rowActions","containerId","templateScreenId","status","templates","siteless","sitelessReason","key","label","icon","path","size","href","disabled","disabledReason","onClick","request","destructive","Boolean","createOpen","setCreateOpen","creating","setCreating","campaignSendApi","orgSites","askSite","length","campaignDocs","containers","campaignOptions","campaign","value","localeCompare","filterRows","siteName","filterFields","filter","field","column","filterOptions","listFilter","fields","options","headers","search","handleCreate","values","sendAs","chosenCampaign","find","trim","push","columns","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","sx","alignItems","chipsProps","aria-label","filterColumns","rowHeight","onOpen","_id","gridProps","initialState","columnVisibilityModel","noRowsLabel","severity","open","onClose","submitLabel","includeDescription","onSubmit","extraFields","component","isRequired","initialValue","helperText","disableDefaultOption"],"mappings":"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"}

package/src/lib/components/host-experiments-card.component.js

@@ -21,8 +21,11 @@ import { checkEntitlement, createResourceUid, HOST_EVENT_TYPES, pluginDocsHelp,
 import { describeVariantComparison, experimentResultRows, validateExperiment } from "../model/index.js";
 import { mdiChartBar, mdiDeleteOutline, mdiPause, mdiPencilOutline, mdiPlay } from "@aglyn/shared-data-mdi";
 import { CardDisplay, MdiIcon, useConfirmationContext } from "@aglyn/shared-ui-jsx";
+import ListFilterChips from "@aglyn/shared-ui-jsx/components/list-filter-chips.component";
 import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
 import { ListRowActions, ListTable, listActionsColumn } from "@aglyn/shared-ui-jsx/components/list-table.component";
+import { inMemoryListField } from "@aglyn/shared-ui-jsx/const/list-grid-filter";
+import { usePagedRowsFilter } from "@aglyn/shared-ui-jsx/hooks/use-paged-rows-filter";
 import { ScrollTable } from "@aglyn/shared-ui-jsx/components/scroll-table.component";
 import { TABLE_ROW_HEIGHT } from "@aglyn/shared-ui-jsx/const/table-pagination";
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
@@ -38,6 +41,43 @@ import { ExperimentResultZone, ExperimentVariantsZone, marketingExperimentVarian
     paused: 'warning',
     done: 'info'
 };
+/*
+ * What the experiments grid's Filters panel offers (AGL-3317). The list is a
+ * paged listener, so a filter matches over what its window has read, which
+ * the first filter widens (`usePagedRowsFilter`).
+ */ const EXPERIMENT_FILTER_FIELDS = [
+    inMemoryListField('name', 'text'),
+    inMemoryListField('target', 'select'),
+    inMemoryListField('status', 'select')
+];
+const EXPERIMENT_FILTER_HEADERS = {
+    name: 'Experiment',
+    target: 'Tests',
+    status: 'Status'
+};
+const EXPERIMENT_FILTER_OPTIONS = {
+    target: [
+        {
+            value: 'screen',
+            label: 'Screen'
+        },
+        {
+            value: 'section',
+            label: 'Section'
+        },
+        {
+            value: 'email',
+            label: 'Email'
+        }
+    ],
+    status: Object.keys(EXPERIMENT_STATUS_COLORS).map((status)=>({
+            value: status,
+            label: status.charAt(0).toUpperCase() + status.slice(1)
+        }))
+};
+const EXPERIMENT_SEARCH_FIELDS = [
+    'name'
+];
 /**
  * Experiments manager (AGL-252): create screen/section/email A/B tests
  * with weighted variants and a conversion goal; start/pause/finish them
@@ -53,7 +93,7 @@ import { ExperimentResultZone, ExperimentVariantsZone, marketingExperimentVarian
     const { confirm } = useConfirmationContext();
     const logActivity = useHostActivityLogger(hostId);
     const entitled = checkEntitlement(org, 'abTesting');
-    const { rows: experimentRows, hasMore: hasMoreExperiments, page: experimentPage, setPage: setExperimentPage, pageSize: experimentPageSize, setPageSize: setExperimentPageSize, status: experimentsStatus, /**
+    const { data: experimentData, rows: experimentRows, hasMore: hasMoreExperiments, page: experimentPage, setPage: setExperimentPage, pageSize: experimentPageSize, setPageSize: setExperimentPageSize, status: experimentsStatus, /**
      * The rows this editor is seeded from are unconfirmed by the server
      * (AGL-1358). Editing spreads a whole stored experiment into `editor`
      * and writes all of it back, so `merge: true` protects nothing — every
@@ -89,7 +129,22 @@ import { ExperimentResultZone, ExperimentVariantsZone, marketingExperimentVarian
    * documents that LACK a field, and a live experiment has no `deletedAt` at
    * all. The rows are not re-sorted — the server already ordered them, and
    * re-sorting a page of a name-ordered walk is the lie the old code told.
-   */ const experiments = experimentRows.filter((experiment)=>!experiment.deletedAt);
+   */ const experimentsLive = experimentRows.filter((experiment)=>!experiment.deletedAt);
+    const experimentFilter = usePagedRowsFilter({
+        data: (experimentData != null ? experimentData : []).filter((experiment)=>!experiment.deletedAt),
+        rows: experimentsLive,
+        hasMore: hasMoreExperiments,
+        page: experimentPage,
+        setPage: setExperimentPage,
+        pageSize: experimentPageSize,
+        setPageSize: setExperimentPageSize
+    }, {
+        fields: EXPERIMENT_FILTER_FIELDS,
+        options: EXPERIMENT_FILTER_OPTIONS,
+        headers: EXPERIMENT_FILTER_HEADERS,
+        search: EXPERIMENT_SEARCH_FIELDS
+    });
+    const experiments = experimentFilter.rows;
     const [editor, setEditor] = useState(null);
     /*
    * The screens and their versions fill the EDITOR's pickers and nothing
@@ -256,7 +311,7 @@ import { ExperimentResultZone, ExperimentVariantsZone, marketingExperimentVarian
         // One running experiment per screen (AGL-265): the page runner only
         // serves the first, so a second would silently never split traffic.
         if (status === 'running' && experiment.screenId) {
-            const clash = experiments.find((candidate)=>candidate.$id !== experiment.$id && candidate.status === 'running' && candidate.screenId === experiment.screenId);
+            const clash = experimentsLive.find((candidate)=>candidate.$id !== experiment.$id && candidate.status === 'running' && candidate.screenId === experiment.screenId);
             if (clash) {
                 return void enqueueSnackbar(`"${clash.name}" is already running on that screen — pause or ` + 'finish it first', {
                     variant: 'warning',
@@ -422,27 +477,26 @@ import { ExperimentResultZone, ExperimentVariantsZone, marketingExperimentVarian
                         onClick: ()=>setEditor(newExperiment()),
                         children: 'New experiment'
                     }),
-                    experiments.length === 0 && !hasMoreExperiments ? null : /*#__PURE__*/ _jsxs(_Fragment, {
+                    experimentsLive.length === 0 && !hasMoreExperiments && !experimentFilter.filtering ? null : /*#__PURE__*/ _jsxs(_Fragment, {
                         children: [
-                            /*#__PURE__*/ _jsx(ListTable, {
+                            /*#__PURE__*/ _jsx(ListFilterChips, _extends({}, experimentFilter.chipsProps)),
+                            experimentFilter.filtering && hasMoreExperiments ? /*#__PURE__*/ _jsx(Typography, {
+                                variant: "caption",
+                                color: "text.secondary",
+                                children: `Filtering the ${experimentFilter.read} experiments read so far — the next page reads more.`
+                            }) : null,
+                            /*#__PURE__*/ _jsx(ListTable, _extends({
                                 "aria-label": "Experiments",
                                 rows: experiments,
-                                columns: experimentColumns,
+                                columns: experimentFilter.filterColumns(experimentColumns),
                                 rowHeight: TABLE_ROW_HEIGHT,
                                 onOpen: (_id, experiment)=>void openResults(experiment),
                                 // Paged by the footer below, so the grid must not also slice.
                                 hideFooter: true
-                            }),
-                            /*#__PURE__*/ _jsx(ListPagination, {
-                                page: experimentPage,
-                                pageSize: experimentPageSize,
-                                // The rows LEFT after the soft-delete filter, not the page the
-                                // server returned: the footer must describe what is on screen.
-                                rowCount: experiments.length,
-                                hasMore: hasMoreExperiments,
-                                onPageChange: setExperimentPage,
-                                onPageSizeChange: setExperimentPageSize
-                            })
+                            }, experimentFilter.gridProps, {
+                                noRowsLabel: "No experiments match these filters"
+                            })),
+                            /*#__PURE__*/ _jsx(ListPagination, _extends({}, experimentFilter.pagination))
                         ]
                     })
                 ]