@aglyn/plugins-marketing 1.0.0-beta.231 → 1.0.0-beta.233

package/src/lib/components/email-recipients-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/email-recipients-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 { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport ListFilterChips from '@aglyn/shared-ui-jsx/components/list-filter-chips.component'\nimport { ListTable } from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport type { ListFilterField } from '@aglyn/shared-ui-jsx/const/list-filter'\nimport { listFilterGridColumns } from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport { useListGridFilter } from '@aglyn/shared-ui-jsx/hooks/use-list-grid-filter'\nimport { TABLE_ROW_HEIGHT } from '@aglyn/shared-ui-jsx/const/table-pagination'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport { Alert, Chip, Stack, Typography } from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport { useEffect, useMemo, useState } from 'react'\n\n/** The server's page size. Fixed, so the reader is not offered a choice. */\nconst PAGE_SIZE = 25\n\n/** Which recipients the table asks for. Matches the route's own vocabulary. */\ntype EngagementFilter = 'all' | 'opened' | 'clicked'\n\n/*\n * What the recipients grid's Filters panel offers (AGL-3317): the one filter\n * the route serves, as a hidden select column. The route answers it over the\n * whole delivery log, one cursor page at a time, and serves nothing else —\n * so no other column filters, and there is no quick search, which could only\n * ever narrow the page on screen.\n */\nconst RECIPIENT_FILTER_FIELDS: readonly ListFilterField[] = [\n  { column: 'engagement', kind: 'exact', path: 'engagement', operators: ['equals'] },\n]\nconst RECIPIENT_FILTER_HEADERS: Readonly<Record<string, string>> = {\n  engagement: 'Engagement',\n}\nconst RECIPIENT_FILTER_OPTIONS = {\n  engagement: [\n    { value: 'opened', label: 'Opened it' },\n    { value: 'clicked', label: 'Clicked something' },\n  ],\n}\nconst RECIPIENT_HIDDEN_COLUMNS = { engagement: false }\n\ninterface RecipientRow {\n  messageId: string\n  to: string\n  subject: string | null\n  campaignId: string | null\n  status: string\n  openCount: number\n  clickCount: number\n  clickedLinks: string[]\n  firstSeenAtMs: number\n  lastEventAtMs: number\n}\n\nconst recipientsDocsHelp = pluginDocsHelp('emailCampaigns', {\n  anchor: '#opens--clicks',\n  excerpt:\n    'The people an email reached, and which of them opened it or clicked ' +\n    'a link — read from the per-recipient delivery log.',\n})\n\nexport interface EmailRecipientsCardProps {\n  hostId: string\n  /**\n   * Read every message built from this template.\n   *\n   * Exactly one of `screenId` and `emailId` is passed. The route takes the\n   * SCOPE rather than a list of message ids because a caller who could name\n   * ids could name another site's, and the narrower input is the one that\n   * cannot be got wrong later.\n   */\n  screenId?: string\n  /** Read one message. */\n  emailId?: string\n}\n\n/**\n * WHO, not how many.\n *\n * ## Why this is a fetch and not a listen\n *\n * Every other card on this page reads Firestore directly. This one cannot:\n * the per-recipient delivery log lives at `emailDeliveries/{sha256(address)}`\n * — one platform-level collection holding every site's mail and every\n * transactional message besides — and the query that narrows it to this\n * site's campaigns is a collection-group query whose scoping predicate is\n * part of the query. A security rule cannot require a `where` clause, so\n * there is no rule that would admit this read and refuse the same read\n * without the filter. The narrowing happens on the server, behind the same\n * site role the send path requires.\n *\n * ## Why it is its own card\n *\n * A separate card is a separate mount, and this is the only read on either\n * detail page whose cost grows with how much mail there has been. It asks\n * once on mount and once per page turn — never on a poll — so a reader who\n * came for the preview and the totals above pays for one page of this and\n * nothing more.\n *\n * ## The cursor, and why \"Previous\" keeps a stack\n *\n * The route pages forward with an opaque cursor, which is the only shape a\n * Firestore query offers without counting the whole result first. Going back\n * therefore means remembering where each page started, so the cursors are\n * kept in a list indexed by page — `null` for the first — rather than\n * re-walking forward from the beginning.\n */\nexport function EmailRecipientsCard(props: EmailRecipientsCardProps) {\n  const { hostId, screenId, emailId } = props\n  const { data: user } = useUser()\n\n  const gridFilter = useListGridFilter({ selectFields: ['engagement'], single: true })\n  const asked = gridFilter.clauses.find((clause) => clause.field === 'engagement')?.value\n  const filter: EngagementFilter =\n    asked === 'opened' || asked === 'clicked' ? asked : 'all'\n  const [page, setPage] = useState(0)\n  /** Cursor for each page. Index 0 is always `null` — the first page. */\n  const [cursors, setCursors] = useState<(string | null)[]>([null])\n  const [rows, setRows] = useState<RecipientRow[]>([])\n  const [hasMore, setHasMore] = useState(false)\n  const [loading, setLoading] = useState(true)\n  const [failure, setFailure] = useState<string | null>(null)\n  const [campaignsOmitted, setCampaignsOmitted] = useState(0)\n  const [campaignsRead, setCampaignsRead] = useState(0)\n\n  const cursor = cursors[page] ?? null\n\n  useEffect(() => {\n    if (!user) return undefined\n    let active = true\n    setLoading(true)\n    setFailure(null)\n    void (async () => {\n      try {\n        const response = await authorizedFetch(\n          user,\n          '/api/campaigns/recipients',\n          {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({\n              hostId,\n              ...(screenId ? { screenId } : {}),\n              ...(emailId ? { emailId } : {}),\n              filter,\n              cursor,\n            }),\n          },\n        )\n        const payload = await response.json().catch(() => ({}))\n        if (!active) return\n        if (!response.ok) {\n          setRows([])\n          setHasMore(false)\n          setFailure(String(payload?.error ?? 'Could not read recipients'))\n          return\n        }\n        /*\n         * A read that FAILED is not a campaign nobody opened.\n         *\n         * The route answers 200 with `lookupFailed` for a delivery-log read\n         * that could not run — a missing collection-group index is the likely\n         * one — because the rest of the payload is still true. Rendering that\n         * as an empty table is how a merchant concludes their campaign\n         * reached nobody, which is the one wrong answer this table can give.\n         */\n        if (payload?.lookupFailed) {\n          setRows([])\n          setHasMore(false)\n          setFailure(\n            'The delivery log could not be read, so this table is empty for ' +\n              'a reason that has nothing to do with your campaign. The ' +\n              'numbers above come from the campaigns themselves and are ' +\n              'unaffected.',\n          )\n          return\n        }\n        const nextRows: RecipientRow[] = Array.isArray(payload?.rows)\n          ? payload.rows\n          : []\n        setRows(nextRows)\n        setCampaignsOmitted(Number(payload?.campaignsOmitted ?? 0))\n        setCampaignsRead(Number(payload?.campaignsRead ?? 0))\n        const nextCursor: string | null = payload?.cursor ?? null\n        setHasMore(Boolean(nextCursor))\n        if (nextCursor) {\n          setCursors((existing) => {\n            if (existing[page + 1] === nextCursor) return existing\n            const next = existing.slice(0, page + 1)\n            next[page + 1] = nextCursor\n            return next\n          })\n        }\n      } catch (error) {\n        console.error(error)\n        if (active) {\n          setRows([])\n          setHasMore(false)\n          setFailure('Could not read recipients')\n        }\n      } finally {\n        if (active) setLoading(false)\n      }\n    })()\n    return () => {\n      active = false\n    }\n  }, [user, hostId, screenId, emailId, filter, cursor, page])\n\n  // A new filter is a new result set, so the cursors collected under the old\n  // one describe positions in a query that no longer exists.\n  const [askedFilter, setAskedFilter] = useState<EngagementFilter>(filter)\n  if (askedFilter !== filter) {\n    setAskedFilter(filter)\n    setPage(0)\n    setCursors([null])\n  }\n\n  const columns = useMemo<GridColDef<RecipientRow>[]>(\n    () => [\n      {\n        field: 'to',\n        headerName: 'Recipient',\n        flex: 1,\n        minWidth: 240,\n        renderCell: ({ row }) => (\n          <Stack spacing={0.5} sx={{ py: 1, minWidth: 0, wordBreak: 'break-all' }}>\n            <Typography variant=\"body2\">{row.to}</Typography>\n            {/*\n             * WHICH links, under the person who followed them. The\n             * per-campaign link rollup counts destinations and names nobody;\n             * this is the other half of the same question, and it is the half\n             * a merchant asks when they want to know who to call.\n             */}\n            {row.clickedLinks.map((link) => (\n              <Typography key={link} variant=\"caption\" color=\"text.secondary\">\n                {link}\n              </Typography>\n            ))}\n          </Stack>\n        ),\n      },\n      ...(emailId\n        ? []\n        : [\n            {\n              field: 'subject',\n              headerName: 'Email',\n              flex: 1,\n              minWidth: 180,\n              valueGetter: (_value: unknown, row: RecipientRow) => row.subject ?? '—',\n            } satisfies GridColDef<RecipientRow>,\n          ]),\n      {\n        field: 'status',\n        headerName: 'State',\n        width: 130,\n        renderCell: ({ row }) => <Chip size=\"small\" label={row.status} />,\n      },\n      {\n        field: 'openCount',\n        headerName: 'Opens',\n        type: 'number',\n        align: 'right',\n        headerAlign: 'right',\n        width: 100,\n        renderCell: ({ row }) => (\n          <Typography variant=\"body2\" sx={{ fontWeight: 'bold' }}>\n            {row.openCount.toLocaleString()}\n          </Typography>\n        ),\n      },\n      {\n        field: 'clickCount',\n        headerName: 'Clicks',\n        type: 'number',\n        align: 'right',\n        headerAlign: 'right',\n        width: 100,\n        renderCell: ({ row }) => (\n          <Typography variant=\"body2\" sx={{ fontWeight: 'bold' }}>\n            {row.clickCount.toLocaleString()}\n          </Typography>\n        ),\n      },\n      {\n        field: 'lastEventAtMs',\n        headerName: 'Last event',\n        width: 190,\n        renderCell: ({ row }) =>\n          row.lastEventAtMs ? new Date(row.lastEventAtMs).toLocaleString() : '—',\n      },\n    ],\n    [emailId],\n  )\n  const filterColumns = useMemo(\n    () =>\n      listFilterGridColumns(\n        columns as GridColDef[],\n        RECIPIENT_FILTER_FIELDS,\n        RECIPIENT_FILTER_OPTIONS,\n        RECIPIENT_FILTER_HEADERS,\n      ),\n    [columns],\n  )\n\n  return (\n    <CardDisplay\n      header={'Recipients'}\n      help={recipientsDocsHelp}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={2}>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {(emailId\n            ? 'One row per address this email was sent to, newest first. '\n            : 'One row per message sent from this template, newest first. ') +\n            'Opens are counted by a tracking pixel a mail client may block ' +\n            'or pre-fetch, so an absent open is weaker evidence than a click.'}\n        </Typography>\n\n        <ListFilterChips\n          fields={RECIPIENT_FILTER_FIELDS}\n          headers={RECIPIENT_FILTER_HEADERS}\n          clauses={gridFilter.clauses}\n          onChange={gridFilter.setClauses}\n          options={RECIPIENT_FILTER_OPTIONS}\n          // The route answers Engagement across the whole log.\n          servedField=\"engagement\"\n        />\n\n        {failure ? <Alert severity=\"warning\">{failure}</Alert> : null}\n\n        {campaignsOmitted ? (\n          <Alert severity=\"info\">\n            {'This template has been used by more emails than one read can ' +\n              `span. These rows cover its ${campaignsRead} most recent ` +\n              `emails; ${campaignsOmitted} older ` +\n              `${campaignsOmitted === 1 ? 'email is' : 'emails are'} ` +\n              'not included.'}\n          </Alert>\n        ) : null}\n\n        {rows.length === 0 && !loading && !failure && filter === 'all' ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'No delivery records have been kept for this yet.'}\n          </Typography>\n        ) : (\n          <ListTable\n            aria-label=\"Recipients\"\n            rows={rows}\n            columns={filterColumns}\n            loading={loading}\n            getRowId={(row: RecipientRow) => row.messageId}\n            rowHeight={TABLE_ROW_HEIGHT}\n            // A recipient carries the links they followed beneath the\n            // address, so a row is as tall as its list of links.\n            getRowHeight={() => 'auto'}\n            // One page of a cursor feed, turned by the footer below: the grid\n            // neither slices it nor filters the page and calls that the log.\n            // Its panel's one filter is the route's (AGL-3317). Nor does it\n            // sort: a header sort would order that one page, not the log.\n            hideFooter\n            disableColumnSorting\n            filterMode=\"server\"\n            filterModel={gridFilter.filterModel}\n            onFilterModelChange={gridFilter.onFilterModelChange}\n            initialState={{ columns: { columnVisibilityModel: RECIPIENT_HIDDEN_COLUMNS } }}\n            noRowsLabel=\"Nobody in the delivery log matches that yet\"\n          />\n        )}\n\n        {/*\n         * A cursor feed knows whether ANOTHER page exists and never how many\n         * rows there are in total, so `hasMore` is passed and `count` is not\n         * — the control renders \"1–25 of more than 25\" rather than inventing\n         * a total nobody paid to count.\n         */}\n        <ListPagination\n          page={page}\n          pageSize={PAGE_SIZE}\n          rowCount={rows.length}\n          hasMore={hasMore}\n          disabled={loading}\n          onPageChange={setPage}\n        />\n\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {'Up to ten distinct destinations are kept per recipient, so a ' +\n            'reader who clicked more links than that has the rest counted ' +\n            'but not listed.'}\n        </Typography>\n      </Stack>\n    </CardDisplay>\n  )\n}\nEmailRecipientsCard.displayName = 'EmailRecipientsCard'\n\nexport default EmailRecipientsCard\n"],"names":["pluginDocsHelp","CardDisplay","ListPagination","ListFilterChips","ListTable","listFilterGridColumns","useListGridFilter","TABLE_ROW_HEIGHT","useUser","authorizedFetch","Alert","Chip","Stack","Typography","useEffect","useMemo","useState","PAGE_SIZE","RECIPIENT_FILTER_FIELDS","column","kind","path","operators","RECIPIENT_FILTER_HEADERS","engagement","RECIPIENT_FILTER_OPTIONS","value","label","RECIPIENT_HIDDEN_COLUMNS","recipientsDocsHelp","anchor","excerpt","EmailRecipientsCard","props","cursors","gridFilter","hostId","screenId","emailId","data","user","selectFields","single","asked","clauses","find","clause","field","filter","page","setPage","setCursors","rows","setRows","hasMore","setHasMore","loading","setLoading","failure","setFailure","campaignsOmitted","setCampaignsOmitted","campaignsRead","setCampaignsRead","cursor","undefined","active","response","method","headers","body","JSON","stringify","payload","json","catch","ok","String","error","lookupFailed","nextRows","Array","isArray","Number","nextCursor","Boolean","existing","next","slice","console","askedFilter","setAskedFilter","columns","headerName","flex","minWidth","renderCell","row","spacing","sx","py","wordBreak","variant","to","clickedLinks","map","link","color","valueGetter","_value","subject","width","size","status","type","align","headerAlign","fontWeight","openCount","toLocaleString","clickCount","lastEventAtMs","Date","filterColumns","header","help","contentGutterX","contentGutterY","fields","onChange","setClauses","options","servedField","severity","length","aria-label","getRowId","messageId","rowHeight","getRowHeight","hideFooter","disableColumnSorting","filterMode","filterModel","onFilterModelChange","initialState","columnVisibilityModel","noRowsLabel","pageSize","rowCount","disabled","onPageChange","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/email-recipients-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 { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport ListFilterChips from '@aglyn/shared-ui-jsx/components/list-filter-chips.component'\nimport { ListTable } from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport type { ListFilterField } from '@aglyn/shared-ui-jsx/const/list-filter'\nimport { listFilterGridColumns } from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport { useListGridFilter } from '@aglyn/shared-ui-jsx/hooks/use-list-grid-filter'\nimport { useListColumnSort } from '@aglyn/shared-ui-jsx/hooks/use-list-column-sort'\nimport ListQueryNotices from '@aglyn/shared-ui-jsx/components/list-query-notices.component'\nimport { TABLE_ROW_HEIGHT } from '@aglyn/shared-ui-jsx/const/table-pagination'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport { Alert, Chip, Stack, Typography } from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport { useEffect, useMemo, useState } from 'react'\n\n/** The server's page size. Fixed, so the reader is not offered a choice. */\nconst PAGE_SIZE = 25\n\n/** Which recipients the table asks for. Matches the route's own vocabulary. */\ntype EngagementFilter = 'all' | 'opened' | 'clicked'\n\n/*\n * What the recipients grid's Filters panel offers (AGL-3317): the one filter\n * the route serves, as a hidden select column. The route answers it over the\n * whole delivery log, one cursor page at a time, and serves nothing else —\n * so no other column filters, and there is no quick search, which could only\n * ever narrow the page on screen.\n */\nconst RECIPIENT_FILTER_FIELDS: readonly ListFilterField[] = [\n  { column: 'engagement', kind: 'exact', path: 'engagement', operators: ['equals'] },\n]\nconst RECIPIENT_FILTER_HEADERS: Readonly<Record<string, string>> = {\n  engagement: 'Engagement',\n}\nconst RECIPIENT_FILTER_OPTIONS = {\n  engagement: [\n    { value: 'opened', label: 'Opened it' },\n    { value: 'clicked', label: 'Clicked something' },\n  ],\n}\nconst RECIPIENT_HIDDEN_COLUMNS = { engagement: false }\n\n/*\n * EVERY HEADER SORTS, OVER THE PAGE (AGL-3680). The rows are an aggregate\n * the recipients route builds from the per-recipient delivery log across\n * the template's emails, paged by its cursor newest first — no query here\n * can order them by a column — so each header sorts the page on screen and\n * says so.\n */\nconst RECIPIENT_PAGE_SORTS = {\n  to: (row: RecipientRow) => row.to,\n  subject: (row: RecipientRow) => row.subject,\n  status: (row: RecipientRow) => row.status,\n  openCount: (row: RecipientRow) => row.openCount,\n  clickCount: (row: RecipientRow) => row.clickCount,\n  lastEventAtMs: (row: RecipientRow) => row.lastEventAtMs || null,\n}\nconst RECIPIENT_PAGE_SORT_HEADERS = {\n  to: 'Recipient',\n  subject: 'Email',\n  status: 'State',\n  openCount: 'Opens',\n  clickCount: 'Clicks',\n  lastEventAtMs: 'Last event',\n}\nconst NO_QUERY_SORTS = [] as const\n\ninterface RecipientRow {\n  messageId: string\n  to: string\n  subject: string | null\n  campaignId: string | null\n  status: string\n  openCount: number\n  clickCount: number\n  clickedLinks: string[]\n  firstSeenAtMs: number\n  lastEventAtMs: number\n}\n\nconst recipientsDocsHelp = pluginDocsHelp('emailCampaigns', {\n  anchor: '#opens--clicks',\n  excerpt:\n    'The people an email reached, and which of them opened it or clicked ' +\n    'a link — read from the per-recipient delivery log.',\n})\n\nexport interface EmailRecipientsCardProps {\n  hostId: string\n  /**\n   * Read every message built from this template.\n   *\n   * Exactly one of `screenId` and `emailId` is passed. The route takes the\n   * SCOPE rather than a list of message ids because a caller who could name\n   * ids could name another site's, and the narrower input is the one that\n   * cannot be got wrong later.\n   */\n  screenId?: string\n  /** Read one message. */\n  emailId?: string\n}\n\n/**\n * WHO, not how many.\n *\n * ## Why this is a fetch and not a listen\n *\n * Every other card on this page reads Firestore directly. This one cannot:\n * the per-recipient delivery log lives at `emailDeliveries/{sha256(address)}`\n * — one platform-level collection holding every site's mail and every\n * transactional message besides — and the query that narrows it to this\n * site's campaigns is a collection-group query whose scoping predicate is\n * part of the query. A security rule cannot require a `where` clause, so\n * there is no rule that would admit this read and refuse the same read\n * without the filter. The narrowing happens on the server, behind the same\n * site role the send path requires.\n *\n * ## Why it is its own card\n *\n * A separate card is a separate mount, and this is the only read on either\n * detail page whose cost grows with how much mail there has been. It asks\n * once on mount and once per page turn — never on a poll — so a reader who\n * came for the preview and the totals above pays for one page of this and\n * nothing more.\n *\n * ## The cursor, and why \"Previous\" keeps a stack\n *\n * The route pages forward with an opaque cursor, which is the only shape a\n * Firestore query offers without counting the whole result first. Going back\n * therefore means remembering where each page started, so the cursors are\n * kept in a list indexed by page — `null` for the first — rather than\n * re-walking forward from the beginning.\n */\nexport function EmailRecipientsCard(props: EmailRecipientsCardProps) {\n  const { hostId, screenId, emailId } = props\n  const { data: user } = useUser()\n\n  const gridFilter = useListGridFilter({ selectFields: ['engagement'], single: true })\n  const asked = gridFilter.clauses.find((clause) => clause.field === 'engagement')?.value\n  const filter: EngagementFilter =\n    asked === 'opened' || asked === 'clicked' ? asked : 'all'\n  const [page, setPage] = useState(0)\n  /** Cursor for each page. Index 0 is always `null` — the first page. */\n  const [cursors, setCursors] = useState<(string | null)[]>([null])\n  const [rows, setRows] = useState<RecipientRow[]>([])\n  const [hasMore, setHasMore] = useState(false)\n  const [loading, setLoading] = useState(true)\n  const [failure, setFailure] = useState<string | null>(null)\n  const [campaignsOmitted, setCampaignsOmitted] = useState(0)\n  const [campaignsRead, setCampaignsRead] = useState(0)\n\n  const cursor = cursors[page] ?? null\n\n  useEffect(() => {\n    if (!user) return undefined\n    let active = true\n    setLoading(true)\n    setFailure(null)\n    void (async () => {\n      try {\n        const response = await authorizedFetch(\n          user,\n          '/api/campaigns/recipients',\n          {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({\n              hostId,\n              ...(screenId ? { screenId } : {}),\n              ...(emailId ? { emailId } : {}),\n              filter,\n              cursor,\n            }),\n          },\n        )\n        const payload = await response.json().catch(() => ({}))\n        if (!active) return\n        if (!response.ok) {\n          setRows([])\n          setHasMore(false)\n          setFailure(String(payload?.error ?? 'Could not read recipients'))\n          return\n        }\n        /*\n         * A read that FAILED is not a campaign nobody opened.\n         *\n         * The route answers 200 with `lookupFailed` for a delivery-log read\n         * that could not run — a missing collection-group index is the likely\n         * one — because the rest of the payload is still true. Rendering that\n         * as an empty table is how a merchant concludes their campaign\n         * reached nobody, which is the one wrong answer this table can give.\n         */\n        if (payload?.lookupFailed) {\n          setRows([])\n          setHasMore(false)\n          setFailure(\n            'The delivery log could not be read, so this table is empty for ' +\n              'a reason that has nothing to do with your campaign. The ' +\n              'numbers above come from the campaigns themselves and are ' +\n              'unaffected.',\n          )\n          return\n        }\n        const nextRows: RecipientRow[] = Array.isArray(payload?.rows)\n          ? payload.rows\n          : []\n        setRows(nextRows)\n        setCampaignsOmitted(Number(payload?.campaignsOmitted ?? 0))\n        setCampaignsRead(Number(payload?.campaignsRead ?? 0))\n        const nextCursor: string | null = payload?.cursor ?? null\n        setHasMore(Boolean(nextCursor))\n        if (nextCursor) {\n          setCursors((existing) => {\n            if (existing[page + 1] === nextCursor) return existing\n            const next = existing.slice(0, page + 1)\n            next[page + 1] = nextCursor\n            return next\n          })\n        }\n      } catch (error) {\n        console.error(error)\n        if (active) {\n          setRows([])\n          setHasMore(false)\n          setFailure('Could not read recipients')\n        }\n      } finally {\n        if (active) setLoading(false)\n      }\n    })()\n    return () => {\n      active = false\n    }\n  }, [user, hostId, screenId, emailId, filter, cursor, page])\n\n  // A new filter is a new result set, so the cursors collected under the old\n  // one describe positions in a query that no longer exists.\n  const [askedFilter, setAskedFilter] = useState<EngagementFilter>(filter)\n  if (askedFilter !== filter) {\n    setAskedFilter(filter)\n    setPage(0)\n    setCursors([null])\n  }\n\n  const columns = useMemo<GridColDef<RecipientRow>[]>(\n    () => [\n      {\n        field: 'to',\n        headerName: 'Recipient',\n        flex: 1,\n        minWidth: 240,\n        renderCell: ({ row }) => (\n          <Stack spacing={0.5} sx={{ py: 1, minWidth: 0, wordBreak: 'break-all' }}>\n            <Typography variant=\"body2\">{row.to}</Typography>\n            {/*\n             * WHICH links, under the person who followed them. The\n             * per-campaign link rollup counts destinations and names nobody;\n             * this is the other half of the same question, and it is the half\n             * a merchant asks when they want to know who to call.\n             */}\n            {row.clickedLinks.map((link) => (\n              <Typography key={link} variant=\"caption\" color=\"text.secondary\">\n                {link}\n              </Typography>\n            ))}\n          </Stack>\n        ),\n      },\n      ...(emailId\n        ? []\n        : [\n            {\n              field: 'subject',\n              headerName: 'Email',\n              flex: 1,\n              minWidth: 180,\n              valueGetter: (_value: unknown, row: RecipientRow) => row.subject ?? '—',\n            } satisfies GridColDef<RecipientRow>,\n          ]),\n      {\n        field: 'status',\n        headerName: 'State',\n        width: 130,\n        renderCell: ({ row }) => <Chip size=\"small\" label={row.status} />,\n      },\n      {\n        field: 'openCount',\n        headerName: 'Opens',\n        type: 'number',\n        align: 'right',\n        headerAlign: 'right',\n        width: 100,\n        renderCell: ({ row }) => (\n          <Typography variant=\"body2\" sx={{ fontWeight: 'bold' }}>\n            {row.openCount.toLocaleString()}\n          </Typography>\n        ),\n      },\n      {\n        field: 'clickCount',\n        headerName: 'Clicks',\n        type: 'number',\n        align: 'right',\n        headerAlign: 'right',\n        width: 100,\n        renderCell: ({ row }) => (\n          <Typography variant=\"body2\" sx={{ fontWeight: 'bold' }}>\n            {row.clickCount.toLocaleString()}\n          </Typography>\n        ),\n      },\n      {\n        field: 'lastEventAtMs',\n        headerName: 'Last event',\n        width: 190,\n        renderCell: ({ row }) =>\n          row.lastEventAtMs ? new Date(row.lastEventAtMs).toLocaleString() : '—',\n      },\n    ],\n    [emailId],\n  )\n  const columnSort = useListColumnSort<RecipientRow>({\n    sorts: NO_QUERY_SORTS,\n    rows,\n    pageSorts: RECIPIENT_PAGE_SORTS,\n    headers: RECIPIENT_PAGE_SORT_HEADERS,\n  })\n  const filterColumns = useMemo(\n    () =>\n      listFilterGridColumns(\n        columns as GridColDef[],\n        RECIPIENT_FILTER_FIELDS,\n        RECIPIENT_FILTER_OPTIONS,\n        RECIPIENT_FILTER_HEADERS,\n      ),\n    [columns],\n  )\n\n  return (\n    <CardDisplay\n      header={'Recipients'}\n      help={recipientsDocsHelp}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={2}>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {(emailId\n            ? 'One row per address this email was sent to, newest first. '\n            : 'One row per message sent from this template, newest first. ') +\n            'Opens are counted by a tracking pixel a mail client may block ' +\n            'or pre-fetch, so an absent open is weaker evidence than a click.'}\n        </Typography>\n\n        <ListFilterChips\n          fields={RECIPIENT_FILTER_FIELDS}\n          headers={RECIPIENT_FILTER_HEADERS}\n          clauses={gridFilter.clauses}\n          onChange={gridFilter.setClauses}\n          options={RECIPIENT_FILTER_OPTIONS}\n          // The route answers Engagement across the whole log.\n          servedField=\"engagement\"\n        />\n\n        {failure ? <Alert severity=\"warning\">{failure}</Alert> : null}\n\n        <ListQueryNotices refused={[]} notices={columnSort.notices} />\n\n        {campaignsOmitted ? (\n          <Alert severity=\"info\">\n            {'This template has been used by more emails than one read can ' +\n              `span. These rows cover its ${campaignsRead} most recent ` +\n              `emails; ${campaignsOmitted} older ` +\n              `${campaignsOmitted === 1 ? 'email is' : 'emails are'} ` +\n              'not included.'}\n          </Alert>\n        ) : null}\n\n        {rows.length === 0 && !loading && !failure && filter === 'all' ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'No delivery records have been kept for this yet.'}\n          </Typography>\n        ) : (\n          <ListTable\n            aria-label=\"Recipients\"\n            rows={columnSort.rows}\n            columns={filterColumns}\n            loading={loading}\n            getRowId={(row: RecipientRow) => row.messageId}\n            rowHeight={TABLE_ROW_HEIGHT}\n            // A recipient carries the links they followed beneath the\n            // address, so a row is as tall as its list of links.\n            getRowHeight={() => 'auto'}\n            // One page of a cursor feed, turned by the footer below: the grid\n            // neither slices it nor filters the page and calls that the log.\n            // Its panel's one filter is the route's (AGL-3317). Nor does it\n            // sort: a header sort would order that one page, not the log.\n            hideFooter\n            columnSort={columnSort}\n            filterMode=\"server\"\n            filterModel={gridFilter.filterModel}\n            onFilterModelChange={gridFilter.onFilterModelChange}\n            initialState={{ columns: { columnVisibilityModel: RECIPIENT_HIDDEN_COLUMNS } }}\n            noRowsLabel=\"Nobody in the delivery log matches that yet\"\n          />\n        )}\n\n        {/*\n         * A cursor feed knows whether ANOTHER page exists and never how many\n         * rows there are in total, so `hasMore` is passed and `count` is not\n         * — the control renders \"1–25 of more than 25\" rather than inventing\n         * a total nobody paid to count.\n         */}\n        <ListPagination\n          page={page}\n          pageSize={PAGE_SIZE}\n          rowCount={rows.length}\n          hasMore={hasMore}\n          disabled={loading}\n          onPageChange={setPage}\n        />\n\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {'Up to ten distinct destinations are kept per recipient, so a ' +\n            'reader who clicked more links than that has the rest counted ' +\n            'but not listed.'}\n        </Typography>\n      </Stack>\n    </CardDisplay>\n  )\n}\nEmailRecipientsCard.displayName = 'EmailRecipientsCard'\n\nexport default EmailRecipientsCard\n"],"names":["pluginDocsHelp","CardDisplay","ListPagination","ListFilterChips","ListTable","listFilterGridColumns","useListGridFilter","useListColumnSort","ListQueryNotices","TABLE_ROW_HEIGHT","useUser","authorizedFetch","Alert","Chip","Stack","Typography","useEffect","useMemo","useState","PAGE_SIZE","RECIPIENT_FILTER_FIELDS","column","kind","path","operators","RECIPIENT_FILTER_HEADERS","engagement","RECIPIENT_FILTER_OPTIONS","value","label","RECIPIENT_HIDDEN_COLUMNS","RECIPIENT_PAGE_SORTS","to","row","subject","status","openCount","clickCount","lastEventAtMs","RECIPIENT_PAGE_SORT_HEADERS","NO_QUERY_SORTS","recipientsDocsHelp","anchor","excerpt","EmailRecipientsCard","props","cursors","gridFilter","hostId","screenId","emailId","data","user","selectFields","single","asked","clauses","find","clause","field","filter","page","setPage","setCursors","rows","setRows","hasMore","setHasMore","loading","setLoading","failure","setFailure","campaignsOmitted","setCampaignsOmitted","campaignsRead","setCampaignsRead","cursor","undefined","active","response","method","headers","body","JSON","stringify","payload","json","catch","ok","String","error","lookupFailed","nextRows","Array","isArray","Number","nextCursor","Boolean","existing","next","slice","console","askedFilter","setAskedFilter","columns","headerName","flex","minWidth","renderCell","spacing","sx","py","wordBreak","variant","clickedLinks","map","link","color","valueGetter","_value","width","size","type","align","headerAlign","fontWeight","toLocaleString","Date","columnSort","sorts","pageSorts","filterColumns","header","help","contentGutterX","contentGutterY","fields","onChange","setClauses","options","servedField","severity","refused","notices","length","aria-label","getRowId","messageId","rowHeight","getRowHeight","hideFooter","filterMode","filterModel","onFilterModelChange","initialState","columnVisibilityModel","noRowsLabel","pageSize","rowCount","disabled","onPageChange","displayName"],"mappings":"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"}

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

@@ -27,6 +27,7 @@ import { ListRowActions, ListTable, listActionsColumn } from "@aglyn/shared-ui-j
 import { hiddenFilterVisibility } from "@aglyn/shared-ui-jsx/const/list-filter";
 import { listFilterGridColumns } from "@aglyn/shared-ui-jsx/const/list-grid-filter";
 import { useListGridFilter } from "@aglyn/shared-ui-jsx/hooks/use-list-grid-filter";
+import { useListColumnSort } from "@aglyn/shared-ui-jsx/hooks/use-list-column-sort";
 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";
@@ -48,6 +49,14 @@ import { orgSiteName, orgSiteOptions, useMarketingOrgId, useMarketingOrgMount }
  * How many campaigns the Campaign filter and the create drawer offer — the
  * same read serves both. A picker's options, not a list.
  */ const CONTAINER_CEILING = 50;
+/** The headers a page sort names in its notice. */ const EMAIL_PAGE_SORT_HEADERS = {
+    site: 'Site',
+    state: 'State',
+    when: 'When',
+    recipients: 'Addressed',
+    opens: 'Opens',
+    clicks: 'Clicks'
+};
 /**
  * Why discard is refused, keyed by the state that refuses it.
  *
@@ -145,13 +154,19 @@ const emailsDocsHelp = pluginDocsHelp('emailCampaigns', {
             'site'
         ]
     });
+    /*
+   * EVERY HEADER SORTS (AGL-3680): Subject orders the query
+   * (`declaration.sorts`); Site, State, When and the figures are derived or
+   * may be absent, and sort the page.
+   */ const [askedSort, setAskedSort] = useState(null);
     const emailPage = useListQuery({
         collection: campaignSendsCollection(firestore, orgId),
         declaration,
         request: {
             clauses: emailCampaignQueryClauses(gridFilter.clauses),
             search: gridFilter.searchWords,
-            base: campaignSendsScope(hostId)
+            base: campaignSendsScope(hostId),
+            sort: askedSort
         },
         deps: [
             firestore,
@@ -160,6 +175,40 @@ const emailsDocsHelp = pluginDocsHelp('emailCampaigns', {
         ],
         idField: '$id'
     });
+    const emailPageSorts = useMemo(()=>_extends({}, orgMount ? {
+            site: (row)=>(row == null ? void 0 : row.hostId) ? orgSiteName(orgMount, row.hostId) : null
+        } : {}, {
+            state: (row)=>campaignSendDisplay(row).label,
+            when: (row)=>emailListTimeMs(row),
+            // Counters stay absent until something is counted (see
+            // `campaign-list-query.ts`), so no query can order by them.
+            recipients: (row)=>{
+                var _ref;
+                var _row_stats;
+                return (_ref = (_row_stats = row.stats) == null ? void 0 : _row_stats.recipients) != null ? _ref : null;
+            },
+            opens: (row)=>{
+                var _ref;
+                var _row_stats;
+                return (_ref = (_row_stats = row.stats) == null ? void 0 : _row_stats.opens) != null ? _ref : null;
+            },
+            clicks: (row)=>{
+                var _ref;
+                var _row_stats;
+                return (_ref = (_row_stats = row.stats) == null ? void 0 : _row_stats.clicks) != null ? _ref : null;
+            }
+        }), [
+        orgMount
+    ]);
+    const emailSort = useListColumnSort({
+        sorts: declaration.sorts,
+        sort: askedSort,
+        onSortChange: setAskedSort,
+        orderBy: emailPage.plan.orderBy,
+        rows: emailPage.rows,
+        pageSorts: emailPageSorts,
+        headers: EMAIL_PAGE_SORT_HEADERS
+    });
     const emails = emailPage.rows;
     const filtering = gridFilter.clauses.length > 0 || gridFilter.searchWords.some((word)=>word.trim());
     /*
@@ -644,11 +693,14 @@ const emailsDocsHelp = pluginDocsHelp('emailCampaigns', {
                                 headers: EMAIL_FILTER_HEADERS,
                                 options: filterOptions
                             }),
-                            notices: emailPage.plan.notices
+                            notices: [
+                                ...emailPage.plan.notices,
+                                ...emailSort.notices
+                            ]
                         }),
                         /*#__PURE__*/ _jsx(ListTable, {
                             "aria-label": "Messages",
-                            rows: emails,
+                            rows: emailSort.rows,
                             columns: gridColumns,
                             rowHeight: TABLE_ROW_HEIGHT,
                             onOpen: (_id, row)=>router.push(emailHref(row)),
@@ -656,13 +708,14 @@ const emailsDocsHelp = pluginDocsHelp('emailCampaigns', {
                             /*
                * The panel and the search are the grid's; every clause and
                * the search word are on the list's query (AGL-3321), and the
-               * grid neither filters nor sorts the page it is handed: the
-               * query's one order, newest first, is the list's.
+               * grid neither filters nor sorts the page it is handed:
+               * Subject's header orders the query, the rest the page
+               * (AGL-3680), newest first until one is clicked.
                */ filterMode: "server",
                             filterModel: gridFilter.filterModel,
                             onFilterModelChange: gridFilter.onFilterModelChange,
                             quickFilter: true,
-                            disableColumnSorting: true,
+                            columnSort: emailSort,
                             hideFooter: true,
                             initialState: {
                                 columns: {

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 { pluginRecordHref } from '@aglyn/aglyn/plugin-manager/plugin-record-routes'\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 { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport ListQueryNotices, {\n  listQueryRefusals,\n} from '@aglyn/shared-ui-jsx/components/list-query-notices.component'\nimport {\n  ListRowActions,\n  ListTable,\n  listActionsColumn,\n} from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport { hiddenFilterVisibility } from '@aglyn/shared-ui-jsx/const/list-filter'\nimport { listFilterGridColumns } from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport { useListGridFilter } from '@aglyn/shared-ui-jsx/hooks/use-list-grid-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 { collectionCeiling } from '@aglyn/tenant-feature-instance/hooks/host-collection-queries'\nimport { useListQuery } from '@aglyn/tenant-feature-instance/hooks/use-list-query'\nimport {\n  DUPLICATE_MENU_LABEL,\n  useDuplicateResource,\n  useFirestore,\n  useFirestoreCollection,\n} from '@aglyn/tenant-feature-instance'\nimport { 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 '../model/campaign-container'\nimport {\n  emailListTimeMs,\n  emailSendTimeMs,\n} from '../model/email-record'\nimport {\n  useCampaignManageApi,\n  useCampaignSendApi,\n} from './use-campaign-send-api'\nimport {\n  CAMPAIGN_SEND_STATUS_OPTIONS,\n  SINGLE_SEND_FILTER_VALUE,\n  campaignEmailsListQuery,\n  campaignSendsScope,\n  emailCampaignQueryClauses,\n} from '../model/campaign-list-query'\nimport { useMarketingHubPath } from './use-marketing-hub-path'\nimport { siteRecordRouteContext, useRecordRouteContext } from './record-route-context'\nimport {\n  campaignContainersQuery,\n  campaignSendsCollection,\n} from './campaign-queries'\nimport {\n  orgSiteName,\n  orgSiteOptions,\n  useMarketingOrgId,\n  useMarketingOrgMount,\n} from './marketing-org-mount'\n\n/**\n * How many campaigns the Campaign filter and the create drawer offer — the\n * same read serves both. A picker's options, not a list.\n */\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  // Waiting on staff, not on the merchant (AGL-3356): worth finding on a scan.\n  held: 'warning',\n}\n\n/*\n * What the messages grid's Filters panel offers, each clause and the search\n * on the list's Firestore query (AGL-3321, `campaignEmailsListQuery`). The\n * State column is what the email is DOING (`campaignSendDisplay`), which no\n * query can ask, so the panel offers the Status it STORES instead.\n */\nconst EMAIL_FILTER_HEADERS: Readonly<Record<string, string>> = {\n  subject: 'Subject',\n  status: 'Status',\n  emailCampaignId: 'Campaign',\n  site: 'Site',\n  createdAtMs: 'Created',\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 * ## Asked of Firestore, a page at a time\n *\n * No SEND date is on every message — a sent one carries `sentAt`, a\n * scheduled one `sendAtMs`, a draft neither — so the list is ordered on\n * `createdAtMs`, the one date every writer stamps when it mints a record\n * (and `backfill-campaign-list-fields.mjs` stamped on the ones before).\n * Newest first, paged by the query itself.\n *\n * The Filters panel and the search box are the grid's; every clause and the\n * search word go onto that ONE query (AGL-3321, `campaignEmailsListQuery`),\n * so each page is a page of matches — an email that matches on page four is\n * found — and a combination one query cannot hold is refused by name above\n * the table, never answered over the rows that happen to be loaded.\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  /*\n   * The Filters panel and the search, bound to the grid. Held here rather\n   * than in a saved view: this list keeps no views.\n   */\n  const declaration = campaignEmailsListQuery(!hostId)\n  const gridFilter = useListGridFilter({\n    selectFields: ['status', 'emailCampaignId', 'site'],\n  })\n  const emailPage = useListQuery<any>({\n    collection: campaignSendsCollection(firestore, orgId),\n    declaration,\n    request: {\n      clauses: emailCampaignQueryClauses(gridFilter.clauses),\n      search: gridFilter.searchWords,\n      base: campaignSendsScope(hostId),\n    },\n    deps: [firestore, orgId, hostId],\n    idField: '$id',\n  })\n  const emails = emailPage.rows\n  const filtering =\n    gridFilter.clauses.length > 0 ||\n    gridFilter.searchWords.some((word) => word.trim())\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 routeContext = useRecordRouteContext()\n  const templateHref = (email: any, templateScreenId: string): string | null => {\n    const siteContext = siteRecordRouteContext(routeContext, orgMount, email?.hostId)\n    return siteContext ? pluginRecordHref('emailTemplate', siteContext, templateScreenId) : null\n  }\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        emails.map((email: any) => [\n          String(email.$id),\n          email?.hostId ? String(email.hostId) : null,\n        ]),\n      ),\n    [emails],\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 = templateScreenId ? templateHref(email, templateScreenId) : null\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: templates ?? undefined,\n        disabled: !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, read while the list is shown: the Campaign filter offers\n   * them by name, and the create drawer offers them to file a new email\n   * under. One capped read of the containers serves both.\n   */\n  const { data: campaignDocs } = useFirestoreCollection<any>(\n    () => {\n      const containers = campaignContainersQuery(firestore, orgId, hostId)\n      return containers ? collectionCeiling(containers, CONTAINER_CEILING) : null\n    },\n    [firestore, orgId, hostId],\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 filterOptions = useMemo(\n    () => ({\n      status: CAMPAIGN_SEND_STATUS_OPTIONS,\n      emailCampaignId: [\n        { value: SINGLE_SEND_FILTER_VALUE, label: 'Single send' },\n        ...campaignOptions,\n      ],\n      ...(hostId ? {} : { site: orgSites }),\n    }),\n    [campaignOptions, hostId, orgSites],\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 query's order. The subject is a link AND the\n   * row opens the report: a click handler cannot be middle-clicked or opened\n   * 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      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  const gridColumns = listFilterGridColumns(\n    columns,\n    declaration.fields,\n    filterOptions,\n    EMAIL_FILTER_HEADERS,\n  )\n  /** Nothing stored at all — not a filter that matched nothing. */\n  const none =\n    emailPage.status !== 'loading' &&\n    emails.length === 0 &&\n    !filtering &&\n    emailPage.page === 0\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        {none ? (\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\n              fields={declaration.fields}\n              headers={EMAIL_FILTER_HEADERS}\n              clauses={gridFilter.clauses}\n              onChange={gridFilter.setClauses}\n              options={filterOptions}\n            />\n            <ListQueryNotices\n              refused={listQueryRefusals(emailPage.plan.refused, {\n                fields: declaration.fields,\n                headers: EMAIL_FILTER_HEADERS,\n                options: filterOptions,\n              })}\n              notices={emailPage.plan.notices}\n            />\n            <ListTable\n              aria-label=\"Messages\"\n              rows={emails}\n              columns={gridColumns}\n              rowHeight={TABLE_ROW_HEIGHT}\n              onOpen={(_id, row) => router.push(emailHref(row))}\n              loading={emailPage.status === 'loading'}\n              /*\n               * The panel and the search are the grid's; every clause and\n               * the search word are on the list's query (AGL-3321), and the\n               * grid neither filters nor sorts the page it is handed: the\n               * query's one order, newest first, is the list's.\n               */\n              filterMode=\"server\"\n              filterModel={gridFilter.filterModel}\n              onFilterModelChange={gridFilter.onFilterModelChange}\n              quickFilter\n              disableColumnSorting\n              hideFooter\n              initialState={{\n                columns: {\n                  columnVisibilityModel: hiddenFilterVisibility(\n                    declaration.fields,\n                    columns.map((column) => column.field),\n                  ),\n                },\n              }}\n              noRowsLabel=\"No messages match these filters\"\n            />\n            <ListPagination\n              page={emailPage.page}\n              pageSize={emailPage.pageSize}\n              rowCount={emails.length}\n              hasMore={emailPage.hasMore}\n              onPageChange={emailPage.setPage}\n              onPageSizeChange={emailPage.setPageSize}\n            />\n          </>\n        )}\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","pluginRecordHref","mdiBullhornOutline","mdiContentCopy","mdiDeleteOutline","mdiEyeOutline","mdiPaletteOutline","AppLink","CardDisplay","MdiIcon","useConfirmationContext","ListFilterChips","ListPagination","ListQueryNotices","listQueryRefusals","ListRowActions","ListTable","listActionsColumn","hiddenFilterVisibility","listFilterGridColumns","useListGridFilter","TABLE_ROW_HEIGHT","CreateArtifactDrawer","useSnackbar","collectionCeiling","useListQuery","DUPLICATE_MENU_LABEL","useDuplicateResource","useFirestore","useFirestoreCollection","Button","Chip","Stack","Typography","useRouter","useCallback","useMemo","useState","campaignPlacedOnHost","campaignSendDisplay","CAMPAIGN_SEND_CONTAINER_FIELD","emailListTimeMs","emailSendTimeMs","useCampaignManageApi","useCampaignSendApi","CAMPAIGN_SEND_STATUS_OPTIONS","SINGLE_SEND_FILTER_VALUE","campaignEmailsListQuery","campaignSendsScope","emailCampaignQueryClauses","useMarketingHubPath","siteRecordRouteContext","useRecordRouteContext","campaignContainersQuery","campaignSendsCollection","orgSiteName","orgSiteOptions","useMarketingOrgId","useMarketingOrgMount","CONTAINER_CEILING","DISCARD_REFUSAL","sent","scheduled","sending","canceled","STATE_COLOR","stopped","held","EMAIL_FILTER_HEADERS","subject","status","emailCampaignId","site","createdAtMs","emailsDocsHelp","anchor","excerpt","EmailsListCard","props","hostId","basePath","firestore","orgMount","orgId","siteMarketingHub","marketingHub","router","declaration","gridFilter","selectFields","emailPage","collection","request","clauses","search","searchWords","base","deps","idField","emails","rows","filtering","length","some","word","trim","messagesPath","emailHref","email","$id","routeContext","templateHref","templateScreenId","siteContext","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","state","templates","siteless","sitelessReason","key","label","icon","path","size","href","disabled","disabledReason","onClick","destructive","Boolean","createOpen","setCreateOpen","creating","setCreating","campaignSendApi","orgSites","askSite","data","campaignDocs","containers","campaignOptions","campaign","value","sort","a","b","localeCompare","filterOptions","handleCreate","values","sendAs","chosenCampaign","find","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","gridColumns","fields","none","page","header","help","HeaderProps","contentGutterX","contentGutterY","dialog","spacing","sx","alignItems","headers","onChange","setClauses","options","refused","plan","notices","aria-label","rowHeight","onOpen","_id","loading","filterMode","filterModel","onFilterModelChange","quickFilter","disableColumnSorting","hideFooter","initialState","columnVisibilityModel","column","noRowsLabel","pageSize","rowCount","hasMore","onPageChange","setPage","onPageSizeChange","setPageSize","open","onClose","submitLabel","includeDescription","onSubmit","extraFields","component","isRequired","initialValue","helperText","disableDefaultOption"],"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 { pluginRecordHref } from '@aglyn/aglyn/plugin-manager/plugin-record-routes'\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 { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport ListQueryNotices, {\n  listQueryRefusals,\n} from '@aglyn/shared-ui-jsx/components/list-query-notices.component'\nimport {\n  ListRowActions,\n  ListTable,\n  listActionsColumn,\n} from '@aglyn/shared-ui-jsx/components/list-table.component'\nimport { hiddenFilterVisibility } from '@aglyn/shared-ui-jsx/const/list-filter'\nimport { listFilterGridColumns } from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport { useListGridFilter } from '@aglyn/shared-ui-jsx/hooks/use-list-grid-filter'\nimport { useListColumnSort } from '@aglyn/shared-ui-jsx/hooks/use-list-column-sort'\nimport type { ListQuerySort } from '@aglyn/shared-ui-jsx/const/list-query-plan'\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 { collectionCeiling } from '@aglyn/tenant-feature-instance/hooks/host-collection-queries'\nimport { useListQuery } from '@aglyn/tenant-feature-instance/hooks/use-list-query'\nimport {\n  DUPLICATE_MENU_LABEL,\n  useDuplicateResource,\n  useFirestore,\n  useFirestoreCollection,\n} from '@aglyn/tenant-feature-instance'\nimport { 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 '../model/campaign-container'\nimport {\n  emailListTimeMs,\n  emailSendTimeMs,\n} from '../model/email-record'\nimport {\n  useCampaignManageApi,\n  useCampaignSendApi,\n} from './use-campaign-send-api'\nimport {\n  CAMPAIGN_SEND_STATUS_OPTIONS,\n  SINGLE_SEND_FILTER_VALUE,\n  campaignEmailsListQuery,\n  campaignSendsScope,\n  emailCampaignQueryClauses,\n} from '../model/campaign-list-query'\nimport { useMarketingHubPath } from './use-marketing-hub-path'\nimport { siteRecordRouteContext, useRecordRouteContext } from './record-route-context'\nimport {\n  campaignContainersQuery,\n  campaignSendsCollection,\n} from './campaign-queries'\nimport {\n  orgSiteName,\n  orgSiteOptions,\n  useMarketingOrgId,\n  useMarketingOrgMount,\n} from './marketing-org-mount'\n\n/**\n * How many campaigns the Campaign filter and the create drawer offer — the\n * same read serves both. A picker's options, not a list.\n */\nconst CONTAINER_CEILING = 50\n\n/** The headers a page sort names in its notice. */\nconst EMAIL_PAGE_SORT_HEADERS = {\n  site: 'Site',\n  state: 'State',\n  when: 'When',\n  recipients: 'Addressed',\n  opens: 'Opens',\n  clicks: 'Clicks',\n}\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  // Waiting on staff, not on the merchant (AGL-3356): worth finding on a scan.\n  held: 'warning',\n}\n\n/*\n * What the messages grid's Filters panel offers, each clause and the search\n * on the list's Firestore query (AGL-3321, `campaignEmailsListQuery`). The\n * State column is what the email is DOING (`campaignSendDisplay`), which no\n * query can ask, so the panel offers the Status it STORES instead.\n */\nconst EMAIL_FILTER_HEADERS: Readonly<Record<string, string>> = {\n  subject: 'Subject',\n  status: 'Status',\n  emailCampaignId: 'Campaign',\n  site: 'Site',\n  createdAtMs: 'Created',\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 * ## Asked of Firestore, a page at a time\n *\n * No SEND date is on every message — a sent one carries `sentAt`, a\n * scheduled one `sendAtMs`, a draft neither — so the list is ordered on\n * `createdAtMs`, the one date every writer stamps when it mints a record\n * (and `backfill-campaign-list-fields.mjs` stamped on the ones before).\n * Newest first, paged by the query itself.\n *\n * The Filters panel and the search box are the grid's; every clause and the\n * search word go onto that ONE query (AGL-3321, `campaignEmailsListQuery`),\n * so each page is a page of matches — an email that matches on page four is\n * found — and a combination one query cannot hold is refused by name above\n * the table, never answered over the rows that happen to be loaded.\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  /*\n   * The Filters panel and the search, bound to the grid. Held here rather\n   * than in a saved view: this list keeps no views.\n   */\n  const declaration = campaignEmailsListQuery(!hostId)\n  const gridFilter = useListGridFilter({\n    selectFields: ['status', 'emailCampaignId', 'site'],\n  })\n  /*\n   * EVERY HEADER SORTS (AGL-3680): Subject orders the query\n   * (`declaration.sorts`); Site, State, When and the figures are derived or\n   * may be absent, and sort the page.\n   */\n  const [askedSort, setAskedSort] = useState<ListQuerySort | null>(null)\n  const emailPage = useListQuery<any>({\n    collection: campaignSendsCollection(firestore, orgId),\n    declaration,\n    request: {\n      clauses: emailCampaignQueryClauses(gridFilter.clauses),\n      search: gridFilter.searchWords,\n      base: campaignSendsScope(hostId),\n      sort: askedSort,\n    },\n    deps: [firestore, orgId, hostId],\n    idField: '$id',\n  })\n  const emailPageSorts = useMemo(\n    () => ({\n      ...(orgMount\n        ? { site: (row: any) => (row?.hostId ? orgSiteName(orgMount, row.hostId) : null) }\n        : {}),\n      state: (row: any) => campaignSendDisplay(row).label,\n      when: (row: any) => emailListTimeMs(row),\n      // Counters stay absent until something is counted (see\n      // `campaign-list-query.ts`), so no query can order by them.\n      recipients: (row: any) => row.stats?.recipients ?? null,\n      opens: (row: any) => row.stats?.opens ?? null,\n      clicks: (row: any) => row.stats?.clicks ?? null,\n    }),\n    [orgMount],\n  )\n  const emailSort = useListColumnSort<any>({\n    sorts: declaration.sorts,\n    sort: askedSort,\n    onSortChange: setAskedSort,\n    orderBy: emailPage.plan.orderBy,\n    rows: emailPage.rows,\n    pageSorts: emailPageSorts,\n    headers: EMAIL_PAGE_SORT_HEADERS,\n  })\n  const emails = emailPage.rows\n  const filtering =\n    gridFilter.clauses.length > 0 ||\n    gridFilter.searchWords.some((word) => word.trim())\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 routeContext = useRecordRouteContext()\n  const templateHref = (email: any, templateScreenId: string): string | null => {\n    const siteContext = siteRecordRouteContext(routeContext, orgMount, email?.hostId)\n    return siteContext ? pluginRecordHref('emailTemplate', siteContext, templateScreenId) : null\n  }\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        emails.map((email: any) => [\n          String(email.$id),\n          email?.hostId ? String(email.hostId) : null,\n        ]),\n      ),\n    [emails],\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 = templateScreenId ? templateHref(email, templateScreenId) : null\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: templates ?? undefined,\n        disabled: !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, read while the list is shown: the Campaign filter offers\n   * them by name, and the create drawer offers them to file a new email\n   * under. One capped read of the containers serves both.\n   */\n  const { data: campaignDocs } = useFirestoreCollection<any>(\n    () => {\n      const containers = campaignContainersQuery(firestore, orgId, hostId)\n      return containers ? collectionCeiling(containers, CONTAINER_CEILING) : null\n    },\n    [firestore, orgId, hostId],\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 filterOptions = useMemo(\n    () => ({\n      status: CAMPAIGN_SEND_STATUS_OPTIONS,\n      emailCampaignId: [\n        { value: SINGLE_SEND_FILTER_VALUE, label: 'Single send' },\n        ...campaignOptions,\n      ],\n      ...(hostId ? {} : { site: orgSites }),\n    }),\n    [campaignOptions, hostId, orgSites],\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 query's order. The subject is a link AND the\n   * row opens the report: a click handler cannot be middle-clicked or opened\n   * 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      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  const gridColumns = listFilterGridColumns(\n    columns,\n    declaration.fields,\n    filterOptions,\n    EMAIL_FILTER_HEADERS,\n  )\n  /** Nothing stored at all — not a filter that matched nothing. */\n  const none =\n    emailPage.status !== 'loading' &&\n    emails.length === 0 &&\n    !filtering &&\n    emailPage.page === 0\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        {none ? (\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\n              fields={declaration.fields}\n              headers={EMAIL_FILTER_HEADERS}\n              clauses={gridFilter.clauses}\n              onChange={gridFilter.setClauses}\n              options={filterOptions}\n            />\n            <ListQueryNotices\n              refused={listQueryRefusals(emailPage.plan.refused, {\n                fields: declaration.fields,\n                headers: EMAIL_FILTER_HEADERS,\n                options: filterOptions,\n              })}\n              notices={[...emailPage.plan.notices, ...emailSort.notices]}\n            />\n            <ListTable\n              aria-label=\"Messages\"\n              rows={emailSort.rows}\n              columns={gridColumns}\n              rowHeight={TABLE_ROW_HEIGHT}\n              onOpen={(_id, row) => router.push(emailHref(row))}\n              loading={emailPage.status === 'loading'}\n              /*\n               * The panel and the search are the grid's; every clause and\n               * the search word are on the list's query (AGL-3321), and the\n               * grid neither filters nor sorts the page it is handed:\n               * Subject's header orders the query, the rest the page\n               * (AGL-3680), newest first until one is clicked.\n               */\n              filterMode=\"server\"\n              filterModel={gridFilter.filterModel}\n              onFilterModelChange={gridFilter.onFilterModelChange}\n              quickFilter\n              columnSort={emailSort}\n              hideFooter\n              initialState={{\n                columns: {\n                  columnVisibilityModel: hiddenFilterVisibility(\n                    declaration.fields,\n                    columns.map((column) => column.field),\n                  ),\n                },\n              }}\n              noRowsLabel=\"No messages match these filters\"\n            />\n            <ListPagination\n              page={emailPage.page}\n              pageSize={emailPage.pageSize}\n              rowCount={emails.length}\n              hasMore={emailPage.hasMore}\n              onPageChange={emailPage.setPage}\n              onPageSizeChange={emailPage.setPageSize}\n            />\n          </>\n        )}\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","pluginRecordHref","mdiBullhornOutline","mdiContentCopy","mdiDeleteOutline","mdiEyeOutline","mdiPaletteOutline","AppLink","CardDisplay","MdiIcon","useConfirmationContext","ListFilterChips","ListPagination","ListQueryNotices","listQueryRefusals","ListRowActions","ListTable","listActionsColumn","hiddenFilterVisibility","listFilterGridColumns","useListGridFilter","useListColumnSort","TABLE_ROW_HEIGHT","CreateArtifactDrawer","useSnackbar","collectionCeiling","useListQuery","DUPLICATE_MENU_LABEL","useDuplicateResource","useFirestore","useFirestoreCollection","Button","Chip","Stack","Typography","useRouter","useCallback","useMemo","useState","campaignPlacedOnHost","campaignSendDisplay","CAMPAIGN_SEND_CONTAINER_FIELD","emailListTimeMs","emailSendTimeMs","useCampaignManageApi","useCampaignSendApi","CAMPAIGN_SEND_STATUS_OPTIONS","SINGLE_SEND_FILTER_VALUE","campaignEmailsListQuery","campaignSendsScope","emailCampaignQueryClauses","useMarketingHubPath","siteRecordRouteContext","useRecordRouteContext","campaignContainersQuery","campaignSendsCollection","orgSiteName","orgSiteOptions","useMarketingOrgId","useMarketingOrgMount","CONTAINER_CEILING","EMAIL_PAGE_SORT_HEADERS","site","state","when","recipients","opens","clicks","DISCARD_REFUSAL","sent","scheduled","sending","canceled","STATE_COLOR","stopped","held","EMAIL_FILTER_HEADERS","subject","status","emailCampaignId","createdAtMs","emailsDocsHelp","anchor","excerpt","EmailsListCard","props","hostId","basePath","firestore","orgMount","orgId","siteMarketingHub","marketingHub","router","declaration","gridFilter","selectFields","askedSort","setAskedSort","emailPage","collection","request","clauses","search","searchWords","base","sort","deps","idField","emailPageSorts","row","label","stats","emailSort","sorts","onSortChange","orderBy","plan","rows","pageSorts","headers","emails","filtering","length","some","word","trim","messagesPath","emailHref","email","$id","routeContext","templateHref","templateScreenId","siteContext","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","templates","siteless","sitelessReason","key","icon","path","size","href","disabled","disabledReason","onClick","destructive","Boolean","createOpen","setCreateOpen","creating","setCreating","campaignSendApi","orgSites","askSite","data","campaignDocs","containers","campaignOptions","campaign","value","a","b","localeCompare","filterOptions","handleCreate","values","sendAs","chosenCampaign","find","push","columns","field","headerName","flex","minWidth","valueGetter","_value","renderCell","event","stopPropagation","width","display","color","at","Date","toLocaleString","stat","type","align","headerAlign","Number","valueFormatter","items","gridColumns","fields","none","page","header","help","HeaderProps","contentGutterX","contentGutterY","dialog","spacing","sx","alignItems","onChange","setClauses","options","refused","notices","aria-label","rowHeight","onOpen","_id","loading","filterMode","filterModel","onFilterModelChange","quickFilter","columnSort","hideFooter","initialState","columnVisibilityModel","column","noRowsLabel","pageSize","rowCount","hasMore","onPageChange","setPage","onPageSizeChange","setPageSize","open","onClose","submitLabel","includeDescription","onSubmit","extraFields","component","isRequired","initialValue","helperText","disableDefaultOption"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;AAEA,SAASA,cAAc,QAAQ,eAAc;AAC7C,SAASC,gBAAgB,QAAQ,mDAAkD;AACnF,SACEC,kBAAkB,EAClBC,cAAc,EACdC,gBAAgB,EAChBC,aAAa,EACbC,iBAAiB,QACZ,yBAAwB;AAC/B,SACEC,OAAO,EACPC,WAAW,EACXC,OAAO,EACPC,sBAAsB,QACjB,uBAAsB;AAC7B,OAAOC,qBAAqB,8DAA6D;AACzF,SAASC,cAAc,QAAQ,4DAA2D;AAC1F,OAAOC,oBACLC,iBAAiB,QACZ,+DAA8D;AACrE,SACEC,cAAc,EACdC,SAAS,EACTC,iBAAiB,QACZ,uDAAsD;AAC7D,SAASC,sBAAsB,QAAQ,yCAAwC;AAC/E,SAASC,qBAAqB,QAAQ,8CAA6C;AACnF,SAASC,iBAAiB,QAAQ,kDAAiD;AACnF,SAASC,iBAAiB,QAAQ,kDAAiD;AAGnF,SAASC,gBAAgB,QAAQ,8CAA6C;AAC9E,SAASC,oBAAoB,QAAQ,6BAA4B;AACjE,SAASC,WAAW,QAAQ,8BAA6B;AACzD,SAASC,iBAAiB,QAAQ,+DAA8D;AAChG,SAASC,YAAY,QAAQ,sDAAqD;AAClF,SACEC,oBAAoB,EACpBC,oBAAoB,EACpBC,YAAY,EACZC,sBAAsB,QACjB,iCAAgC;AACvC,SAASC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,UAAU,QAAQ,gBAAe;AAE/D,SAASC,SAAS,QAAQ,kBAAiB;AAC3C,SAASC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AACtD,SACEC,oBAAoB,EACpBC,mBAAmB,EACnBC,6BAA6B,QAExB,iCAA6B;AACpC,SACEC,eAAe,EACfC,eAAe,QACV,2BAAuB;AAC9B,SACEC,oBAAoB,EACpBC,kBAAkB,QACb,6BAAyB;AAChC,SACEC,4BAA4B,EAC5BC,wBAAwB,EACxBC,uBAAuB,EACvBC,kBAAkB,EAClBC,yBAAyB,QACpB,kCAA8B;AACrC,SAASC,mBAAmB,QAAQ,8BAA0B;AAC9D,SAASC,sBAAsB,EAAEC,qBAAqB,QAAQ,4BAAwB;AACtF,SACEC,uBAAuB,EACvBC,uBAAuB,QAClB,wBAAoB;AAC3B,SACEC,WAAW,EACXC,cAAc,EACdC,iBAAiB,EACjBC,oBAAoB,QACf,2BAAuB;AAE9B;;;CAGC,GACD,MAAMC,oBAAoB;AAE1B,iDAAiD,GACjD,MAAMC,0BAA0B;IAC9BC,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,YAAY;IACZC,OAAO;IACPC,QAAQ;AACV;AAEA;;;;;;;;;;;;CAYC,GACD,MAAMC,kBAA0C;IAC9CC,MAAM;IACNC,WAAW;IACXC,SAAS;IACTC,UAAU;AACZ;AAEA;;;;;;;CAOC,GACD,MAAMC,cAEF;IACFF,SAAS;IACTG,SAAS;IACT,6EAA6E;IAC7EC,MAAM;AACR;AAEA;;;;;CAKC,GACD,MAAMC,uBAAyD;IAC7DC,SAAS;IACTC,QAAQ;IACRC,iBAAiB;IACjBjB,MAAM;IACNkB,aAAa;AACf;AAEA,MAAMC,iBAAiBjF,eAAe,kBAAkB;IACtDkF,QAAQ;IACRC,SACE,0EACA;AACJ;AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BC,GACD,OAAO,SAASC,eAAeC,KAA0B;IACvD,MAAM,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGF;IAC7B,MAAMG,YAAY3D;IAClB,MAAM4D,WAAW9B;IACjB,MAAM,EAAE+B,KAAK,EAAE,GAAGhC,kBAAkB4B;IACpC,wEAAwE;IACxE,uEAAuE;IACvE,MAAMK,mBAAmBxC;IACzB,MAAMyC,eAAeH,WAAWA,SAASF,QAAQ,GAAGI;IACpD,MAAME,SAAS1D;IAEf;;;GAGC,GACD,MAAM2D,cAAc9C,wBAAwB,CAACsC;IAC7C,MAAMS,aAAa3E,kBAAkB;QACnC4E,cAAc;YAAC;YAAU;YAAmB;SAAO;IACrD;IACA;;;;GAIC,GACD,MAAM,CAACC,WAAWC,aAAa,GAAG5D,SAA+B;IACjE,MAAM6D,YAAYzE,aAAkB;QAClC0E,YAAY7C,wBAAwBiC,WAAWE;QAC/CI;QACAO,SAAS;YACPC,SAASpD,0BAA0B6C,WAAWO,OAAO;YACrDC,QAAQR,WAAWS,WAAW;YAC9BC,MAAMxD,mBAAmBqC;YACzBoB,MAAMT;QACR;QACAU,MAAM;YAACnB;YAAWE;YAAOJ;SAAO;QAChCsB,SAAS;IACX;IACA,MAAMC,iBAAiBxE,QACrB,IAAO,aACDoD,WACA;YAAE3B,MAAM,CAACgD,MAAcA,CAAAA,uBAAAA,IAAKxB,MAAM,IAAG9B,YAAYiC,UAAUqB,IAAIxB,MAAM,IAAI;QAAM,IAC/E,CAAC;YACLvB,OAAO,CAAC+C,MAAatE,oBAAoBsE,KAAKC,KAAK;YACnD/C,MAAM,CAAC8C,MAAapE,gBAAgBoE;YACpC,uDAAuD;YACvD,4DAA4D;YAC5D7C,YAAY,CAAC6C;;oBAAaA;gCAAAA,aAAAA,IAAIE,KAAK,qBAATF,WAAW7C,UAAU,mBAAI;;YACnDC,OAAO,CAAC4C;;oBAAaA;gCAAAA,aAAAA,IAAIE,KAAK,qBAATF,WAAW5C,KAAK,mBAAI;;YACzCC,QAAQ,CAAC2C;;oBAAaA;gCAAAA,aAAAA,IAAIE,KAAK,qBAATF,WAAW3C,MAAM,mBAAI;;YAE7C;QAACsB;KAAS;IAEZ,MAAMwB,YAAY5F,kBAAuB;QACvC6F,OAAOpB,YAAYoB,KAAK;QACxBR,MAAMT;QACNkB,cAAcjB;QACdkB,SAASjB,UAAUkB,IAAI,CAACD,OAAO;QAC/BE,MAAMnB,UAAUmB,IAAI;QACpBC,WAAWV;QACXW,SAAS3D;IACX;IACA,MAAM4D,SAAStB,UAAUmB,IAAI;IAC7B,MAAMI,YACJ3B,WAAWO,OAAO,CAACqB,MAAM,GAAG,KAC5B5B,WAAWS,WAAW,CAACoB,IAAI,CAAC,CAACC,OAASA,KAAKC,IAAI;IAEjD;;;;GAIC,GACD,MAAMC,eAAe,GAAGxC,SAAS,SAAS,CAAC;IAC3C,MAAMyC,YAAY,CAACC,QAAe,GAAGF,aAAa,CAAC,EAAEE,MAAMC,GAAG,EAAE;IAChE,MAAMC,eAAe9E;IACrB,MAAM+E,eAAe,CAACH,OAAYI;QAChC,MAAMC,cAAclF,uBAAuB+E,cAAc1C,UAAUwC,yBAAAA,MAAO3C,MAAM;QAChF,OAAOgD,cAAcrI,iBAAiB,iBAAiBqI,aAAaD,oBAAoB;IAC1F;IACA,mEAAmE,GACnE,MAAME,YAAYnG,YAChB,CAAC6F,QACC3C,iBAAAA,SAAW2C,CAAAA,yBAAAA,MAAO3C,MAAM,IAAGkD,OAAOP,MAAM3C,MAAM,IAAI,MACpD;QAACA;KAAO;IAEV,MAAMmD,cAAcpG,QAClB,IACE,IAAIqG,IACFjB,OAAOkB,GAAG,CAAC,CAACV,QAAe;gBACzBO,OAAOP,MAAMC,GAAG;gBAChBD,CAAAA,yBAAAA,MAAO3C,MAAM,IAAGkD,OAAOP,MAAM3C,MAAM,IAAI;aACxC,IAEL;QAACmC;KAAO;IAGV,MAAM,EAAEmB,OAAO,EAAE,GAAGlI;IACpB,MAAM,EAAEmI,eAAe,EAAE,GAAGrH;IAC5B,yEAAyE;IACzE,wEAAwE;IACxE,6BAA6B;IAC7B,MAAMsH,gBAAgBlG,qBAAqB0C;IAC3C,MAAMyD,YAAYnH,qBAAqB;QACrC0D,MAAM,EAAEA,iBAAAA,SAAU;QAClB0D,SAAS,OAAO,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,UAAU,EAAE;gBAOdV,wBAMfW;YAZf,MAAM,EAAEC,QAAQ,EAAED,OAAO,EAAE,GAAG,MAAMN,cAAc;gBAChDQ,QAAQ;gBACRC,YAAYN;gBACZC;gBACAC;eAEI7D,SAAS,CAAC,IAAI;gBAAEA,MAAM,GAAEmD,mBAAAA,YAAYe,GAAG,CAACP,qBAAhBR,mBAA6BgB;YAAU;YAErE,IAAI,CAACJ,SAASK,EAAE,EAAE,MAAM,IAAIC,cAAMP,2BAAAA,QAASQ,KAAK,mBAAI;YACpD,OAAO;gBACLC,IAAIrB,OAAOY,QAAQU,OAAO;gBAC1BC,WAAW;gBACXb,MAAMV,QAAOY,gBAAAA,QAAQF,IAAI,YAAZE,gBAAgBF;YAC/B;QACF;QACAc,cAAc,CAACC,OAAOC,OACpBrB,gBAAgB,CAAC,eAAe,EAAEqB,KAAKhB,IAAI,CAAC,gCAAgC,CAAC,EAAE;gBAC7EiB,SAAS;YACX;IACJ;IACA,MAAMC,YAAYxH,qBAAqB0C;IACvC,sEAAsE,GACtE,MAAM,CAAC+E,cAAcC,gBAAgB,GAAGhI,SAAS;IAEjD;;;;;;;;;;;;;;;;6CAgB2C,GAC3C,MAAMiI,gBAAgBnI,YACpB,OAAO6F;;QACL,IAAIoC,cAAc;QAClB,MAAMR,KAAKrB,eAAOP,yBAAAA,MAAOC,GAAG,mBAAI;QAChC,MAAMgB,OAAOV,OAAOP,CAAAA,yBAAAA,MAAOpD,OAAO,MAAIoD,yBAAAA,MAAOuC,WAAW,KAAI;QAC5D,MAAMC,SAAS,MAAM7B,QAAQ;YAC3B8B,OAAO;YACPC,aACE,GAAGzB,KAAK,yDAAyD,CAAC,GAClE,gEACA;YACF0B,kBAAkB;QACpB,GACGC,IAAI,CAAC,IAAM,MACXC,KAAK,CAAC,IAAM;QACf,IAAI,CAACL,QAAQ;QACbH,gBAAgBT;QAChB,IAAI;gBAI4BtB;YAH9B,MAAM,EAAEc,QAAQ,EAAED,OAAO,EAAE,GAAG,MAAMgB,UAAU;gBAC5Cd,QAAQ;gBACRC,YAAYM;eACRvE,SAAS,CAAC,IAAI;gBAAEA,MAAM,GAAEiD,aAAAA,UAAUN,kBAAVM,aAAoBkB;YAAU;YAE5D,IAAI,CAACJ,SAASK,EAAE,EAAE;;gBAChB,OAAO,KAAKb,yBACVO,2BAAAA,QAASQ,KAAK,oBAAI,qCAClB;oBAAEO,SAAS;oBAAWY,gBAAgB;gBAAK;YAE/C;YACAlC,gBAAgB,mBAAmB;gBACjCsB,SAAS;gBACTa,SAAS;YACX;QACF,EAAE,OAAOpB,OAAO;YACdqB,QAAQrB,KAAK,CAACA;YACdf,gBAAgB,qCAAqC;gBACnDsB,SAAS;gBACTY,gBAAgB;YAClB;QACF,SAAU;YACRT,gBAAgB;QAClB;IACF,GACA;QAAC1B;QAASyB;QAAcxB;QAAiBvD;QAAQ8E;QAAW7B;KAAU;IAGxE;;;;;;;;;;;;;;;;;GAiBC,GACD,MAAM2C,aAAa,CAACjD;gCA8DT7D;QA7DT,MAAM+G,cAAc3C,eAAOP,yBAAAA,KAAO,CAACxF,8BAA8B,mBAAI;QACrE,MAAM4F,mBAAmBG,gBAAOP,yBAAAA,MAAOI,gBAAgB,oBAAI;QAC3D,MAAMtE,QAAQyE,gBAAOP,yBAAAA,MAAOnD,MAAM,oBAAI;QACtC,MAAMsG,YAAY/C,mBAAmBD,aAAaH,OAAOI,oBAAoB;QAC7E,qEAAqE,GACrE,MAAMgD,WAAW,CAAC9C,UAAUN;QAC5B,MAAMqD,iBACJ,0EACA;QACF,OAAO;YACL;gBACEC,KAAK;gBACLxE,OAAO;gBACPyE,oBAAM,KAAC/K;oBAAQgL,MAAMpL,cAAcoL,IAAI;oBAAEC,MAAM;;gBAC/CC,MAAM3D,UAAUC;YAClB;YACA;gBACEsD,KAAK;gBACLxE,OAAO;gBACPyE,oBAAM,KAAC/K;oBAAQgL,MAAMvL,mBAAmBuL,IAAI;oBAAEC,MAAM;;gBACpD,oEAAoE;gBACpE,qEAAqE;gBACrEC,MACER,eAAevF,eACX,GAAGA,aAAa,WAAW,EAAEuF,aAAa,GAC1C1B;gBACNmC,UAAU,CAACT,eAAe,CAACvF;gBAC3BiG,gBAAgBV,cACZ,iDACA;YACN;YACA;gBACEI,KAAK;gBACLxE,OAAO;gBACPyE,oBAAM,KAAC/K;oBAAQgL,MAAMnL,kBAAkBmL,IAAI;oBAAEC,MAAM;;gBACnDC,IAAI,EAAEP,oBAAAA,YAAa3B;gBACnBmC,UAAU,CAACR;gBACXS,gBAAgBxD,mBACZ,iDACA;YACN;YACA;gBACEkD,KAAK;gBACLxE,OAAOpF;gBACP6J,oBAAM,KAAC/K;oBAAQgL,MAAMtL,eAAesL,IAAI;oBAAEC,MAAM;;gBAChDE,UAAUP;gBACVQ,gBAAgBP;gBAChBQ,SAAS;wBAGQ7D;2BAFfc,UAAU1C,OAAO,CAAC,YAAY;wBAC5BwD,IAAIrB,OAAOP,MAAMC,GAAG;wBACpBgB,MAAMV,QAAOP,gBAAAA,yBAAAA,MAAOuC,WAAW,oBAAIvC,yBAAAA,MAAOpD,OAAO,YAApCoD,OAAwC;oBACvD;;YACJ;YACA;gBACEsD,KAAK;gBACLxE,OAAO;gBACPyE,oBAAM,KAAC/K;oBAAQgL,MAAMrL,iBAAiBqL,IAAI;oBAAEC,MAAM;;gBAClDK,aAAa;gBACbH,UAAUP,YAAYtH,UAAU,WAAWiI,QAAQ3B;gBACnDwB,gBAAgBR,WACZC,kBACClH,yBAAAA,eAAe,CAACL,MAAM,YAAtBK,yBAA0B;gBAC/B0H,SAAS,IAAM,KAAKvB,cAActC;YACpC;SACD;IACH;IAEA,MAAM,CAACgE,YAAYC,cAAc,GAAG5J,SAAS;IAC7C,MAAM,CAAC6J,UAAUC,YAAY,GAAG9J,SAAS;IACzC,MAAM+J,kBAAkBxJ,mBAAmByC;IAC3C;;;GAGC,GACD,MAAMgH,WAAWjK,QACf,IAAOoD,WAAWhC,eAAegC,YAAY,EAAE,EAC/C;QAACA;KAAS;IAEZ,MAAM8G,UAAU,CAACjH,UAAUgH,SAAS3E,MAAM,GAAG;IAE7C;;;;GAIC,GACD,MAAM,EAAE6E,MAAMC,YAAY,EAAE,GAAG3K,uBAC7B;QACE,MAAM4K,aAAapJ,wBAAwBkC,WAAWE,OAAOJ;QAC7D,OAAOoH,aAAajL,kBAAkBiL,YAAY9I,qBAAqB;IACzE,GACA;QAAC4B;QAAWE;QAAOJ;KAAO,EAC1B;QAAEsB,SAAS;IAAM;IAEnB,MAAM+F,kBAAkBtK,QACtB,IACE;eAAKoK,uBAAAA,eAAgB,EAAE;SAAE,CACtB9D,GAAG,CAAC,CAACiE,WAAmB,CAAA;gBACvBC,OAAOrE,OAAOoE,SAAS1E,GAAG;gBAC1BnB,OAAOyB,OAAOoE,SAAS1D,IAAI,IAAI;YACjC,CAAA,GACCxC,IAAI,CAAC,CAACoG,GAAGC,IAAMD,EAAE/F,KAAK,CAACiG,aAAa,CAACD,EAAEhG,KAAK,IACjD;QAAC0F;KAAa;IAGhB,MAAMQ,gBAAgB5K,QACpB,IAAO;YACLyC,QAAQhC;YACRiC,iBAAiB;gBACf;oBAAE8H,OAAO9J;oBAA0BgE,OAAO;gBAAc;mBACrD4F;aACJ;WACGrH,SAAS,CAAC,IAAI;YAAExB,MAAMwI;QAAS,IAErC;QAACK;QAAiBrH;QAAQgH;KAAS;IAGrC;;;;;;;;;;;;;6CAa2C,GAC3C,MAAMY,eAAe9K,YACnB,OAAO+K;YAGyBA;YAAuBb;QAFrD,IAAIH,UAAU;QACd,MAAMiB,SACJ9H,iBAAAA,SAAWiH,UAAU/D,QAAO2E,iBAAAA,OAAO7H,MAAM,YAAb6H,iBAAiB,OAAMb,aAAAA,QAAQ,CAAC,EAAE,qBAAXA,WAAaO,KAAK;QACvE,IAAI,CAACO,QAAQ;YACX,OAAO,KAAKvE,gBAAgB,yCAAyC;gBACnEsB,SAAS;gBACTY,gBAAgB;YAClB;QACF;QACA;;;;;;;OAOC,GACD,MAAMsC,iBACJ,CAAC/H,UAAU6H,OAAOpI,eAAe,GAC7B,CAAC0H,uBAAAA,eAAgB,EAAE,EAAEa,IAAI,CACvB,CAACV,WACCpE,OAAOoE,SAAS1E,GAAG,MAAMM,OAAO2E,OAAOpI,eAAe,KAE1D;QACN,IAAIsI,kBAAkB,CAAC9K,qBAAqB8K,gBAAgBD,SAAS;YACnE,OAAO,KAAKvE,gBACV,qEACE,0DACF;gBAAEsB,SAAS;gBAAWY,gBAAgB;YAAK;QAE/C;QACAqB,YAAY;QACZ,IAAI;gBAIoBe;YAHtB,MAAM,EAAE9D,QAAQ,EAAED,OAAO,EAAE,GAAG,MAAMiD,gBAAgB;gBAClD/C,QAAQ;eACJhE,SAAS,CAAC,IAAI;gBAAEA,QAAQ8H;YAAO;gBACnC5C,aAAahC,QAAO2E,sBAAAA,OAAO3C,WAAW,YAAlB2C,sBAAsB,IAAIrF,IAAI;eAC9CqF,OAAOpI,eAAe,GACtB;gBAAEA,iBAAiByD,OAAO2E,OAAOpI,eAAe;YAAE,IAClD,CAAC;YAEP,IAAI,CAACsE,SAASK,EAAE,IAAI,EAACN,2BAAAA,QAASG,UAAU,GAAE;;gBACxC,OAAO,KAAKV,wBACVO,2BAAAA,QAASQ,KAAK,mBAAI,mCAClB;oBAAEO,SAAS;oBAAWY,gBAAgB;gBAAK;YAE/C;YACAmB,cAAc;YACd;;;;;SAKC,GACDrG,OAAO0H,IAAI,CAAC,GAAGxF,aAAa,CAAC,EAAEqB,QAAQG,UAAU,CAAC,KAAK,CAAC;QAC1D,EAAE,OAAOK,OAAO;YACdqB,QAAQrB,KAAK,CAACA;YACdf,gBAAgB,mCAAmC;gBACjDsB,SAAS;gBACTY,gBAAgB;YAClB;QACF,SAAU;YACRqB,YAAY;QACd;IACF,GACA;QACEG;QACAE;QACAJ;QACAF;QACAtD;QACAvD;QACAyC;QACAuE;QACAzG;KACD;IAGH;;;;GAIC,GACD,MAAM2H,UAAwB;QAC5B;YACEC,OAAO;YACPC,YAAY;YACZC,MAAM;YACNC,UAAU;YACVC,aAAa,CAACC,QAAQhH,MAAQA,IAAIjC,OAAO,IAAI;YAC7CkJ,YAAY,CAAC,EAAEjH,GAAG,EAAE+F,KAAK,EAAE,iBACzB,KAACtM;oBACCoL,MAAM3D,UAAUlB;oBAChB,+DAA+D;oBAC/D,4CAA4C;oBAC5CgF,SAAS,CAACkC,QACRA,MAAMC,eAAe;8BAGtBpB;;QAGP;QACA,uDAAuD;WACnDpH,WACA;YACE;gBACEgI,OAAO;gBACPC,YAAY;gBACZQ,OAAO;gBACPL,aAAa,CAACC,QAAiBhH,MAC7BA,CAAAA,uBAAAA,IAAKxB,MAAM,IAAG9B,YAAYiC,UAAUqB,IAAIxB,MAAM,IAAI;YACtD;SACD,GACD,EAAE;QACN;YACE;;;;;;;;OAQC,GACDmI,OAAO;YACPC,YAAY;YACZQ,OAAO;YACPL,aAAa,CAACC,QAAQhH,MAAQtE,oBAAoBsE,KAAKC,KAAK;YAC5DgH,YAAY,CAAC,EAAEjH,GAAG,EAAE;gBAClB,MAAMqH,UAAU3L,oBAAoBsE;gBACpC,qBACE,KAAC9E;oBACC0J,MAAK;oBACL0C,OAAO3J,WAAW,CAAC0J,QAAQpK,KAAK,CAAC;oBACjCgD,OAAOoH,QAAQpH,KAAK;;YAG1B;QACF;QACA;YACE0G,OAAO;YACPC,YAAY;YACZQ,OAAO;YACPL,aAAa,CAACC,QAAQhH,MAAQpE,gBAAgBoE;YAC9CiH,YAAY,CAAC,EAAEjH,GAAG,EAAE;gBAClB,MAAMuH,KAAK1L,gBAAgBmE;gBAC3B,OAAOuH,KAAK,IAAIC,KAAKD,IAAIE,cAAc,KAAK;YAC9C;QACF;WACG,AACD;YACE;gBAAC;gBAAc;aAAY;YAC3B;gBAAC;gBAAS;aAAQ;YAClB;gBAAC;gBAAU;aAAS;SACrB,CACD5F,GAAG,CACH,CAAC,CAAC6F,MAAMd,WAAW,GAAkB,CAAA;gBACnCD,OAAOe;gBACPd;gBACAe,MAAM;gBACNC,OAAO;gBACPC,aAAa;gBACbT,OAAO;gBACPL,aAAa,CAACC,QAAQhH;;wBAAeA;2BAAP8H,gBAAO9H,aAAAA,IAAIE,KAAK,qBAATF,UAAW,CAAC0H,KAAK,mBAAI;;gBAC1DK,gBAAgB,CAAChC,QAAkBA,MAAM0B,cAAc;YACzD,CAAA;QAEFtN,kBACE,CAAC6F,oBACC,KAAC/F;gBACCgG,OAAOyB,OAAO1B,IAAIjC,OAAO,IAAI;gBAC7BiK,OAAO5D,WAAWpE;gBAGtB;YAAEoH,OAAO;QAAG;KAEf;IAED,MAAMa,cAAc5N,sBAClBqM,SACA1H,YAAYkJ,MAAM,EAClB/B,eACArI;IAEF,+DAA+D,GAC/D,MAAMqK,OACJ9I,UAAUrB,MAAM,KAAK,aACrB2C,OAAOE,MAAM,KAAK,KAClB,CAACD,aACDvB,UAAU+I,IAAI,KAAK;IAErB,qBACE,MAAC1O;QACC2O,QAAQ;QACRC,MAAMnK;QACNoK,aAAa;YACX/F,sBACE,KAACvH;gBACC2J,MAAK;gBACLvB,SAAQ;gBACR2B,SAAS,IAAMI,cAAc;0BAE5B;;QAGP;QACAoD,cAAc;QACdC,cAAc;;YAEbxG,UAAUyG,MAAM;0BACjB,KAACvN;gBAAMwN,SAAS;0BACbR,qBACC,MAAChN;oBAAMwN,SAAS;oBAAGC,IAAI;wBAAEC,YAAY;oBAAa;;sCAChD,KAACzN;4BAAWiI,SAAQ;4BAAQiE,OAAM;sCAC/B,gEACC,+DACA;;sCAEJ,KAACrM;4BAAOoI,SAAQ;4BAAY2B,SAAS,IAAMI,cAAc;sCACtD;;;mCAIL;;sCACE,KAACvL;4BACCqO,QAAQlJ,YAAYkJ,MAAM;4BAC1BxH,SAAS5C;4BACT0B,SAASP,WAAWO,OAAO;4BAC3BsJ,UAAU7J,WAAW8J,UAAU;4BAC/BC,SAAS7C;;sCAEX,KAACpM;4BACCkP,SAASjP,kBAAkBqF,UAAUkB,IAAI,CAAC0I,OAAO,EAAE;gCACjDf,QAAQlJ,YAAYkJ,MAAM;gCAC1BxH,SAAS5C;gCACTkL,SAAS7C;4BACX;4BACA+C,SAAS;mCAAI7J,UAAUkB,IAAI,CAAC2I,OAAO;mCAAK/I,UAAU+I,OAAO;6BAAC;;sCAE5D,KAAChP;4BACCiP,cAAW;4BACX3I,MAAML,UAAUK,IAAI;4BACpBkG,SAASuB;4BACTmB,WAAW5O;4BACX6O,QAAQ,CAACC,KAAKtJ,MAAQjB,OAAO0H,IAAI,CAACvF,UAAUlB;4BAC5CuJ,SAASlK,UAAUrB,MAAM,KAAK;4BAC9B;;;;;;eAMC,GACDwL,YAAW;4BACXC,aAAaxK,WAAWwK,WAAW;4BACnCC,qBAAqBzK,WAAWyK,mBAAmB;4BACnDC,WAAW;4BACXC,YAAYzJ;4BACZ0J,UAAU;4BACVC,cAAc;gCACZpD,SAAS;oCACPqD,uBAAuB3P,uBACrB4E,YAAYkJ,MAAM,EAClBxB,QAAQ7E,GAAG,CAAC,CAACmI,SAAWA,OAAOrD,KAAK;gCAExC;4BACF;4BACAsD,aAAY;;sCAEd,KAACnQ;4BACCsO,MAAM/I,UAAU+I,IAAI;4BACpB8B,UAAU7K,UAAU6K,QAAQ;4BAC5BC,UAAUxJ,OAAOE,MAAM;4BACvBuJ,SAAS/K,UAAU+K,OAAO;4BAC1BC,cAAchL,UAAUiL,OAAO;4BAC/BC,kBAAkBlL,UAAUmL,WAAW;;;;;0BAqB/C,KAAC/P;gBACCgQ,MAAMtF;gBACNuF,SAAS,IAAMtF,cAAc;gBAC7BxB,OAAM;gBACN+G,aAAatF,WAAW,cAAc;gBACtCuF,oBAAoB;gBACpBC,UAAUzE;gBACV0E,aAAa;uBACPrF,UACA;wBACE;4BACEsF,WAAW;4BACX3I,MAAM;4BACNnC,OAAO;4BACP+K,YAAY;4BACZC,cAAc;4BACdC,YACE,4DACA;4BACFC,sBAAsB;4BACtBnC,SAASxD;wBACX;qBACD,GACD,EAAE;oBACN;wBACEuF,WAAW;wBACX3I,MAAM;wBACNnC,OAAO;wBACPgL,cAAc;wBACdC,YACE,+DACA;wBACFC,sBAAsB;wBACtBnC,SAAS;4BACP;gCAAEjD,OAAO;gCAAI9F,OAAO;4BAAuC;+BACxD4F;yBACJ;oBACH;iBACD;;;;AAIT;AACAvH,eAAeoF,WAAW,GAAG;AAE7B,eAAepF,eAAc"}

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

@@ -29,6 +29,7 @@ import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.
 import { ListRowActions, ListTable, listActionsColumn } from "@aglyn/shared-ui-jsx/components/list-table.component";
 import { listFilterGridColumns } from "@aglyn/shared-ui-jsx/const/list-grid-filter";
 import { useListGridFilter } from "@aglyn/shared-ui-jsx/hooks/use-list-grid-filter";
+import { useListColumnSort } from "@aglyn/shared-ui-jsx/hooks/use-list-column-sort";
 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";
@@ -81,6 +82,15 @@ const EXPERIMENT_FILTER_OPTIONS = {
             label: status.charAt(0).toUpperCase() + status.slice(1)
         }))
 };
+/** Tests is drawn from the target and the variant count: it sorts the page (AGL-3680). */ const EXPERIMENT_PAGE_SORTS = {
+    target: (experiment)=>{
+        var _EXPERIMENT_TARGET_NOUNS_experiment_target, _experiment_variants;
+        return `${(_EXPERIMENT_TARGET_NOUNS_experiment_target = EXPERIMENT_TARGET_NOUNS[experiment.target]) != null ? _EXPERIMENT_TARGET_NOUNS_experiment_target : experiment.target} ${((_experiment_variants = experiment.variants) != null ? _experiment_variants : []).length}`;
+    }
+};
+const EXPERIMENT_PAGE_SORT_HEADERS = {
+    target: 'Tests'
+};
 /**
  * Experiments manager (AGL-252): create screen/section/email A/B tests
  * with weighted variants and a conversion goal; start/pause/finish them
@@ -110,6 +120,8 @@ const EXPERIMENT_FILTER_OPTIONS = {
             'status'
         ]
     });
+    // Experiment and Status order the query, Tests the page (AGL-3680).
+    const [askedSort, setAskedSort] = useState(null);
     const filtering = gridFilter.clauses.length > 0 || gridFilter.searchWords.some((word)=>word.trim());
     const { 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
@@ -136,7 +148,8 @@ const EXPERIMENT_FILTER_OPTIONS = {
      */ declaration: EXPERIMENT_LIST_QUERY,
         request: {
             clauses: gridFilter.clauses,
-            search: gridFilter.searchWords
+            search: gridFilter.searchWords,
+            sort: askedSort
         },
         deps: [
             firestore,
@@ -144,7 +157,17 @@ const EXPERIMENT_FILTER_OPTIONS = {
         ],
         idField: '$id'
     });
-    const experiments = experimentRows;
+    const experimentSort = useListColumnSort({
+        sorts: EXPERIMENT_LIST_QUERY.sorts,
+        defaultSort: EXPERIMENT_LIST_QUERY.sorts[0],
+        sort: askedSort,
+        onSortChange: setAskedSort,
+        orderBy: experimentPlan.orderBy,
+        rows: experimentRows,
+        pageSorts: EXPERIMENT_PAGE_SORTS,
+        headers: EXPERIMENT_PAGE_SORT_HEADERS
+    });
+    const experiments = experimentSort.rows;
     const experimentColumnsFor = (columns)=>listFilterGridColumns(columns, EXPERIMENT_FILTER_FIELDS, EXPERIMENT_FILTER_OPTIONS, EXPERIMENT_FILTER_HEADERS);
     const experimentRefusals = useMemo(()=>listQueryRefusals(experimentPlan.refused, {
             fields: EXPERIMENT_FILTER_FIELDS,
@@ -525,7 +548,10 @@ const EXPERIMENT_FILTER_OPTIONS = {
                             }),
                             /*#__PURE__*/ _jsx(ListQueryNotices, {
                                 refused: experimentRefusals,
-                                notices: experimentPlan.notices
+                                notices: [
+                                    ...experimentPlan.notices,
+                                    ...experimentSort.notices
+                                ]
                             }),
                             /*#__PURE__*/ _jsx(ListTable, {
                                 "aria-label": "Experiments",
@@ -535,9 +561,9 @@ const EXPERIMENT_FILTER_OPTIONS = {
                                 onOpen: (_id, experiment)=>void openResults(experiment),
                                 // Paged by the footer below, so the grid must not also slice.
                                 hideFooter: true,
-                                // The rows keep the query's order; a header sort would order
-                                // only the page on screen and read as the whole list's.
-                                disableColumnSorting: true,
+                                // Experiment and Status order the query; Tests sorts the page
+                                // and says so (AGL-3680).
+                                columnSort: experimentSort,
                                 /*
                * The panel and the search are the grid's; every clause and the
                * search word are on the list's query (AGL-3321), so the grid
@@ -668,6 +694,7 @@ const EXPERIMENT_FILTER_OPTIONS = {
                                     }, eventType))
                             }),
                             /*#__PURE__*/ _jsxs(Stack, {
+                                useFlexGap: true,
                                 direction: "row",
                                 spacing: 1,
                                 sx: {