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

package/src/lib/components/campaign-detail-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/campaign-detail-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 { pluginRecordHref } from '@aglyn/aglyn/plugin-manager/plugin-record-routes'\nimport {\n  mdiDeleteOutline,\n  mdiEyeOutline,\n  mdiPaletteOutline,\n  mdiPencilOutline,\n} from '@aglyn/shared-data-mdi'\nimport {\n  AppLink,\n  CardDisplay,\n  MdiIcon,\n  useConfirmationContext,\n} from '@aglyn/shared-ui-jsx'\nimport {\n  Figure,\n  RateRow,\n  Section,\n} from '@aglyn/shared-ui-jsx/components/measured-figures.component'\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 RowActionsMenu, {\n  type RowActionsMenuItem,\n} from '@aglyn/shared-ui-jsx/components/row-actions-menu.component'\nimport { TABLE_ROW_HEIGHT } from '@aglyn/shared-ui-jsx/const/table-pagination'\nimport { ceilingedWindow } from '@aglyn/tenant-feature-instance/hooks/host-collection-queries'\nimport { useListQuery } from '@aglyn/tenant-feature-instance/hooks/use-list-query'\nimport { PageHeaderRecord, pluginDocsHelp } from '@aglyn/aglyn'\nimport {\n  Alert,\n  Box,\n  Button,\n  Chip,\n  Divider,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport {\n  collection,\n  deleteField,\n  documentId,\n  limit,\n  orderBy,\n  query,\n  updateDoc,\n  where,\n} from 'firebase/firestore'\nimport { useCallback, useMemo, useState } from 'react'\nimport { useRouter } from 'next/navigation'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  useFirestore,\n  useFirestoreCollection,\n  useFirestoreDoc,\n} from '@aglyn/tenant-feature-instance'\nimport {\n  campaignForcedListUnsubscribeSends,\n  campaignListUnsubscribe,\n  campaignRollup,\n  campaignSendDisplay,\n  campaignSiteIds,\n  campaignUtmLabels,\n  campaignVisibleTo,\n  campaignWindowState,\n  type CampaignAggregate,\n  type CampaignSend,\n  type EmailCampaign,\n} from '../model/campaign-container'\nimport { emailListTimeMs } from '../model/email-record'\nimport {\n  CAMPAIGN_EMAILS_QUERY,\n  CAMPAIGN_SEND_STATUS_OPTIONS,\n  campaignContainerSearchFields,\n  campaignSendsScope,\n} from '../model/campaign-list-query'\nimport CampaignComposer from './campaign-composer'\nimport CampaignEditDrawer, {\n  type CampaignEditValues,\n} from './campaign-edit-drawer'\nimport {\n  CampaignConversionsSection,\n  CampaignDestinationsSection,\n  CampaignRevenueSection,\n  CampaignSequencesSection,\n  CampaignVisitsSection,\n} from './campaign-reach-sections'\nimport CampaignMembersSection from './campaign-members-section'\nimport CampaignReportCard from './campaign-report-card'\nimport {\n  campaignContainerDoc,\n  campaignSendsCollection,\n  campaignSendsQuery,\n} from './campaign-queries'\nimport {\n  orgSiteHubPath,\n  orgSiteName,\n  orgSiteOptions,\n  topicCatalogHostId,\n  useMarketingOrgId,\n  useMarketingOrgMount,\n} from './marketing-org-mount'\nimport { useCampaignManageApi } from './use-campaign-send-api'\nimport { siteRecordRouteContext, useRecordRouteContext } from './record-route-context'\nimport { useCampaignTopicOptions } from './use-campaign-topic-options'\n\n/** How many of a campaign's emails the detail page enumerates. */\nconst CAMPAIGN_EMAIL_CEILING = 50\n\nconst detailDocsHelp = pluginDocsHelp('emailCampaigns', {\n  anchor: '#the-campaign-report',\n  excerpt:\n    'A campaign groups the emails sent to its lists. The figures here are ' +\n    'the sum across those emails, and each one keeps its own report.',\n})\n\n/**\n * A rolled-up figure, in the shared `Figure`'s shape.\n *\n * The note is where an aggregate differs from a single send's count: a total\n * measured over fewer emails than the campaign holds says which part of the\n * campaign it describes, rather than presenting a partial sum as a complete\n * one. `null` still renders as an em dash and says \"not recorded\", which is\n * the property the shared component already owns.\n */\nconst rolled = (\n  value: CampaignAggregate,\n): { value: number | null; note: string } => ({\n  value: value.value,\n  note:\n    value.value !== null && value.recorded < value.sends\n      ? `across ${value.recorded} of ${value.sends} emails`\n      : `across ${value.sends} email${value.sends === 1 ? '' : 's'}`,\n})\n\n/*\n * What the campaign's emails table filters by, each clause and the search on\n * the table's own Firestore query (AGL-3321, `CAMPAIGN_EMAILS_QUERY`). The\n * State column is derived from an email's counters and cannot be asked of a\n * query, so the panel offers the Status it stores.\n */\nconst SEND_FILTER_FIELDS = CAMPAIGN_EMAILS_QUERY.fields\nconst SEND_FILTER_OPTIONS = { status: CAMPAIGN_SEND_STATUS_OPTIONS }\nconst SEND_FILTER_HEADERS: Readonly<Record<string, string>> = {\n  subject: 'Subject',\n  status: 'Status',\n  createdAtMs: 'Created',\n}\n\nexport interface CampaignDetailCardProps {\n  /** The site, or `null` on the org Marketing hub. */\n  hostId: string | null\n  /** A campaign container id, or a send id from before containers existed. */\n  campaignId: string\n  /** The marketing hub URL, for the way back to the campaigns list. */\n  basePath: string\n}\n\n/**\n * ONE CAMPAIGN: its lists, what it caused, what it earned, where it sent\n * people, and the emails it did all of that with.\n *\n * ## Why the emails are a section rather than the page\n *\n * A campaign reaches people by email, which is not the same as a campaign\n * BEING a list of emails. It runs over a window, against a set of audiences,\n * and the pages its links land on, the money credited to it and the\n * conversions credited to it are facts about the campaign that no single\n * message in it holds. So the body is sectioned — what it caused, what it\n * earned, where it sent people, then the mail's own figures, then its emails\n * — and each section names the population it describes.\n *\n * The ORDER is the part that says which of those the page is about. Delivery,\n * engagement and rates are mechanics of a message; a page that met the reader\n * with them and reached the outcomes only after scrolling was a mail report\n * whatever its headings claimed. `campaign-report-card.tsx` — the page a\n * campaign of one email gets — carries the same two outcome headings first,\n * for the same reason and in the same words.\n *\n * The three middle sections live in `campaign-reach-sections.tsx`, which is\n * also where the reason a campaign cannot simply DECLARE the screens and\n * forms it runs across is written down: no such edge is stored, attribution\n * is the mechanism, and all three sections join on this campaign's send ids.\n *\n * ## Why this resolves two kinds of id\n *\n * The id in `campaigns/{id}` may name a campaign CONTAINER or a single SEND,\n * and which it is is answered by reading: a container at `emailCampaigns/{id}`\n * renders this page, and anything else falls through to that send's own\n * report.\n *\n * Not every send belongs to a container. One written before campaigns grouped\n * their emails names none, its own id is the only id the URL can carry, and\n * that id is also inside the HMAC of every unsubscribe footer already\n * delivered — so a send id has to go on addressing a page rather than a 404.\n * The fall-through is what makes the container additive: no send document is\n * rewritten and no id is reassigned.\n *\n * The extra read is one document, and it buys the guarantee that a pasted\n * report link resolves whichever kind of id it carries.\n *\n * ## Under a site, and over the organization\n *\n * The container and its sends are the org's, so the same page renders on the\n * org hub with `hostId` null. What changes there is everything that is a SITE\n * fact: the emails listed are every site's rather than the ones sent as this\n * site, the forms and screens filed under the campaign are gathered from each\n * site it is placed on, the conversions are one chosen site's (they are\n * recorded per site), and writing an email first asks which site it is sent\n * as — its sender, its designs and its consent all belong to that site.\n */\nexport function CampaignDetailCard(props: CampaignDetailCardProps) {\n  const { hostId, campaignId, basePath } = props\n  const firestore = useFirestore()\n  // The scope this page asks the owner of two records it links to but does\n  // not own: each message's report and the template it was built from.\n  const routeContext = useRecordRouteContext()\n  const router = useRouter()\n  const orgMount = useMarketingOrgMount()\n  const { orgId } = useMarketingOrgId(hostId)\n  const { confirm } = useConfirmationContext()\n  const { enqueueSnackbar } = useSnackbar()\n  const manageApi = useCampaignManageApi(hostId, orgId)\n  /*\n   * The site an email written here is sent AS. Under a site it is that site\n   * and never asked; on the org hub it is chosen before the composer opens.\n   * Empty means nobody has chosen yet.\n   */\n  const [composeHostId, setComposeHostId] = useState('')\n  /** The site whose conversions the org hub is showing; empty until chosen. */\n  const [conversionsHostId, setConversionsHostId] = useState('')\n  const [composing, setComposing] = useState(false)\n  const [editing, setEditing] = useState(false)\n  const [saving, setSaving] = useState(false)\n  const [saveError, setSaveError] = useState<string | null>(null)\n  const [deleting, setDeleting] = useState(false)\n\n  const { data: campaign, status } = useFirestoreDoc<EmailCampaign>(\n    () => (orgId ? campaignContainerDoc(firestore, orgId, campaignId) : null),\n    [firestore, orgId, campaignId],\n  )\n\n  /*\n   * ONLY WHEN THE ID NAMES A CAMPAIGN.\n   *\n   * Both queries below are gated on the container having been found, because\n   * the other half of this component is the single-send report — and that\n   * screen's whole design is that it reads two documents whatever the size of\n   * the audience. Listening unconditionally would add two collection reads to\n   * every legacy report URL, which is the cost the report route was split out\n   * to avoid. Not listening is what a null builder means.\n   *\n   * The campaign's emails come back by the field each send carries: equality\n   * on one field ordered by DOCUMENT NAME. On the org hub that is all the\n   * query says, and the automatic single-field index serves it. Under a site\n   * the sends are also narrowed to the ones sent as that site — the scope\n   * filter that makes the read provable for a site collaborator — and that\n   * pair is the one composite index this page needs. Ordering on a date\n   * would need that index AND would drop every send missing that particular\n   * date — a sent send carries `sentAt`, a scheduled one `sendAtMs`, and\n   * neither is on both. Sorted by date below, over a window this page holds\n   * whole.\n   *\n   * One document past the ceiling, so \"this campaign has more emails than are\n   * listed\" is a fact rather than a guess.\n   */\n  const { data: sendDocs } = useFirestoreCollection<any>(\n    () => {\n      const sends = campaign\n        ? campaignSendsQuery(firestore, orgId, hostId)\n        : null\n      return sends\n        ? query(\n            sends,\n            where('emailCampaignId', '==', campaignId),\n            orderBy(documentId()),\n            limit(CAMPAIGN_EMAIL_CEILING + 1),\n          )\n        : null\n    },\n    [firestore, orgId, hostId, campaignId, Boolean(campaign)],\n    { idField: '$id' },\n  )\n\n  const { data: listDocs } = useFirestoreCollection<any>(\n    () =>\n      campaign && orgId\n        ? query(collection(firestore, 'orgs', orgId, 'lists'), limit(50))\n        : null,\n    [firestore, orgId, Boolean(campaign)],\n    { idField: '$id' },\n  )\n\n  /*\n   * The org's topic catalog, read only while the EDIT DRAWER is open.\n   *\n   * It fills one picker in that drawer and is drawn nowhere else on this\n   * page, so reading it on mount would charge every reader who came for the\n   * campaign's numbers for a field they are not looking at. The composer\n   * carries its own read of the same catalog, behind its own button, for the\n   * same reason.\n   */\n  const { topics, source: topicSource } = useCampaignTopicOptions(\n    topicCatalogHostId(hostId, orgMount),\n    { enabled: editing },\n  )\n  const topicOptions = useMemo(\n    () =>\n      topics.map((topic) => ({\n        value: topic.id,\n        label: topic.name,\n      })),\n    [topics],\n  )\n\n  const { rows: readSends, truncated: sendsTruncated } = ceilingedWindow<any>(\n    sendDocs,\n    CAMPAIGN_EMAIL_CEILING,\n  )\n  /*\n   * Newest first on the time each email SITS at — its send time where it has\n   * one, its creation where it does not. A draft has neither `sentAt` nor\n   * `sendAtMs`, so ordering on the send time alone gave every draft the key 0\n   * and filed the email a merchant is in the middle of writing below mail\n   * sent years ago.\n   */\n  const sends = useMemo(\n    () =>\n      [...(readSends as CampaignSend[])].sort(\n        (a, b) => emailListTimeMs(b) - emailListTimeMs(a),\n      ),\n    [readSends],\n  )\n  const rollup = useMemo(() => campaignRollup(sends), [sends])\n  /*\n   * THE EMAILS TABLE IS ITS OWN QUERY (AGL-3321).\n   *\n   * The figures above are a sum over the window read above; the table under\n   * them is a list a reader filters and searches, so each clause and the\n   * search word go onto a query of their own — this campaign's emails\n   * (`emailCampaignId == id`, and under a site the ones sent as it), newest\n   * first, paged by the query. A match on the fifth page is found; nothing\n   * is matched over the rows a read happened to hold. Gated on the container\n   * like the window: a single send's report reads none of it.\n   */\n  const gridFilter = useListGridFilter({ selectFields: ['status'] })\n  const sendPage = useListQuery<CampaignSend>({\n    collection: campaign ? campaignSendsCollection(firestore, orgId) : null,\n    declaration: CAMPAIGN_EMAILS_QUERY,\n    request: {\n      clauses: gridFilter.clauses,\n      search: gridFilter.searchWords,\n      base: [\n        { path: 'emailCampaignId', op: '==', value: campaignId },\n        ...campaignSendsScope(hostId),\n      ],\n    },\n    deps: [firestore, orgId, hostId, campaignId, Boolean(campaign)],\n    idField: '$id',\n  })\n  // The ids the two sections beneath the figures join on. Derived from the\n  // window this card already holds, so neither of them reads the send list\n  // again to find out which emails the campaign has.\n  const sendIds = useMemo(\n    () => sends.map((send) => String(send.$id)).filter(Boolean),\n    [sends],\n  )\n\n  /*==========================================\n   * SAVING THE CONTAINER, WITH THE CLIENT SDK.\n   *\n   * The same door the create drawer already uses. `emailCampaigns` is\n   * deliberately outside the security rules' server-only exclusion list — a\n   * container holds no counter, no consent record and no entitlement input,\n   * so an editor who writes one cannot buy themselves a send — and giving the\n   * edit a route of its own would be a second writer to keep in step with the\n   * create.\n   *\n   * `updateDoc` rather than a merge-set, because this is an edit of a\n   * document that exists: a set would CREATE a campaign at this id for\n   * somebody who deleted it in another tab, which is the shape the delivery\n   * webhook is careful about on the send collection for the same reason.\n   *\n   * A cleared date is written as `null` — the absence the model already\n   * spells — and a cleared topic REMOVES the field, because the model has no\n   * null topic and `campaignTopicId` is handed to the composer as one.\n   *\n   * `visibleTo` is written only from the org hub, and only when its drawer\n   * says the placement changed. A site hub never touches it: the rules let a\n   * site collaborator edit a campaign only while its scope is unchanged, and\n   * a site hub has no field for it anyway.\n   *=========================================*/\n  const handleSave = useCallback(\n    async (values: CampaignEditValues) => {\n      if (saving || !orgId) return\n      setSaving(true)\n      setSaveError(null)\n      try {\n        const placement =\n          !hostId && values.siteIds !== undefined\n            ? { visibleTo: campaignVisibleTo(values.siteIds) }\n            : {}\n        await updateDoc(campaignContainerDoc(firestore, orgId, campaignId), {\n          name: values.name,\n          // The list's search keys (AGL-3321), from the name written here.\n          ...campaignContainerSearchFields(values.name),\n          startAtMs: values.startAtMs,\n          endAtMs: values.endAtMs,\n          listIds: values.listIds,\n          topicId: values.topicId ? values.topicId : deleteField(),\n          listUnsubscribe: values.listUnsubscribe,\n          // The utm_campaign labels that mean this campaign (AGL-3461),\n          // normalized the way the conversion join looks them up.\n          utmCampaigns: campaignUtmLabels(values.utmCampaigns),\n          ...placement,\n        })\n        setEditing(false)\n        enqueueSnackbar('Campaign updated', {\n          variant: 'success',\n          persist: false,\n        })\n      } catch (error) {\n        console.error(error)\n        setSaveError('The campaign could not be saved')\n      } finally {\n        setSaving(false)\n      }\n    },\n    [campaignId, enqueueSnackbar, firestore, hostId, orgId, saving],\n  )\n\n  /*==========================================\n   * DELETING THE CONTAINER, WHICH IS NOT DELETING ITS MAIL.\n   *\n   * The route detaches every email first and then removes the campaign, so\n   * what a merchant is agreeing to is the grouping going away — the emails\n   * stay, keep their ids, keep their reports, and read afterwards as single\n   * sends. Their unsubscribe links carry those ids inside an HMAC and go on\n   * working, which is why the container can never take them with it.\n   *\n   * The confirmation says the count and says what a delete does NOT do. A\n   * scheduled email inside the campaign still goes out at its time — stopping\n   * somebody's mail is `cancel`, on that email's own page — and a merchant\n   * who reads \"delete campaign\" as \"stop the campaign\" has to be told\n   * otherwise before they press it, not after.\n   *=========================================*/\n  const handleDelete = useCallback(async () => {\n    if (deleting) return\n    /*\n     * Emails with mail still to go: the ones waiting for their time AND the\n     * ones part way through an audience larger than one batch. Both are what\n     * a merchant needs warning about, and counting only `scheduled` would\n     * miss the case that needs it most — a campaign that is delivering right\n     * now is stored as `scheduled` too, but `rollup.scheduled` is the\n     * narrower reading that excludes it.\n     */\n    const unfinished = rollup.scheduled + rollup.sending\n    const agreed = await confirm({\n      title: 'Delete this campaign?',\n      description:\n        (sends.length\n          ? `The ${sends.length.toLocaleString()} ` +\n            `${sends.length === 1 ? 'email' : 'emails'} in it are kept — ` +\n            'each keeps its own report and its unsubscribe links, and they ' +\n            'appear in the campaigns list as single sends. '\n          : 'It holds no emails. ') +\n        (unfinished\n          ? `${unfinished.toLocaleString()} of them ${\n              unfinished === 1 ? 'is' : 'are'\n            } still going out or still due, and deleting the campaign does ` +\n            'not stop that — the sender picks each one up from its own ' +\n            'record. Stop a send from its own page. '\n          : '') +\n        'Any pages, forms and contacts assigned to it come out of it and ' +\n        'are otherwise untouched. Only the campaign itself goes.',\n      confirmationText: 'Delete campaign',\n    })\n      .then(() => true)\n      .catch(() => false)\n    if (!agreed) return\n    setDeleting(true)\n    try {\n      const { response, payload } = await manageApi({\n        action: 'deleteCampaign',\n        campaignId,\n      })\n      if (!response.ok) {\n        return void enqueueSnackbar(\n          payload?.error ?? 'The campaign could not be deleted',\n          { variant: 'warning', allowDuplicate: true },\n        )\n      }\n      enqueueSnackbar('Campaign deleted', { variant: 'success', persist: false })\n      router.push(`${basePath}/campaigns`)\n    } catch (error) {\n      console.error(error)\n      enqueueSnackbar('The campaign could not be deleted', {\n        variant: 'error',\n        allowDuplicate: true,\n      })\n    } finally {\n      setDeleting(false)\n    }\n  }, [\n    basePath,\n    campaignId,\n    confirm,\n    deleting,\n    enqueueSnackbar,\n    manageApi,\n    rollup.scheduled,\n    rollup.sending,\n    router,\n    sends.length,\n  ])\n\n  // Still settling. Falling through to the send report here would flash \"this\n  // campaign could not be loaded\" on every open of a campaign that exists —\n  // and under a site nothing is read at all until the site's org is known.\n  if (!campaign && (status === 'loading' || !orgId)) return null\n\n  /*\n   * NOT A CONTAINER — so it is a send id, and the send's own report is what\n   * this URL has always meant.\n   */\n  if (!campaign) {\n    return (\n      <CampaignReportCard\n        hostId={hostId}\n        campaignId={campaignId}\n        basePath={basePath}\n      />\n    )\n  }\n\n  const listIds = campaign.listIds ?? []\n  const names = new Map<string, string>(\n    (listDocs ?? []).map((list: any) => [\n      String(list.$id),\n      String(list.name ?? list.$id),\n    ]),\n  )\n  /*==========================================\n   * ONE EMAIL'S PAGE — the same one every other route to that record opens.\n   *\n   * The Emails hub's `emails/{sendId}`, which is where the messages list and\n   * a template's messages table also send a reader. One record has one page:\n   * a link that resolved somewhere else depending on which list it was\n   * clicked in would give the same message two pages, and the reader would\n   * have no way to tell which one they were on.\n   *\n   * `campaigns/{sendId}` on THIS hub goes on resolving as well, through the\n   * fall-through at the top of this file. That is not a convenience — every\n   * unsubscribe footer already delivered carries `cid={sendId}`, those\n   * messages sit in inboxes forever, and merchants paste report URLs into\n   * their own mail. Which link the console GENERATES and which URLs ANSWER\n   * are two separate questions, and only the first is decided here.\n   *\n   * Nor is a redirect the answer to the second. A redirect would be another\n   * thing to be wrong about an id that is inside an HMAC; a page that keeps\n   * working has nothing to get wrong, and it costs nothing to leave standing.\n   *=========================================*/\n  /*\n   * A message opens on the Emails page: the site's under a site, and over the\n   * org the organization's own, which lists every site's messages.\n   */\n  const sendHref = (send: CampaignSend) =>\n    (routeContext && pluginRecordHref('emailMessage', routeContext, send.$id)) || undefined\n  /** A template is a site's design, so it opens on the site the send used. */\n  const templateHref = (send: CampaignSend, templateScreenId: string): string | null => {\n    const siteContext = siteRecordRouteContext(routeContext, orgMount, send.hostId)\n    return siteContext ? pluginRecordHref('emailTemplate', siteContext, templateScreenId) : null\n  }\n\n  /**\n   * What one of this campaign's emails can be opened into.\n   *\n   * The same two the Emails hub offers, less the campaign — this page IS the\n   * campaign. Both destinations are records the Emails page owns, so they\n   * are asked of its record routes ({@link useRecordRouteContext}) rather than\n   * built from this surface's own `basePath`.\n   *\n   * A message composed inline was built from no template, so that entry is\n   * shown DISABLED with the reason rather than hidden: an absent control and\n   * an inapplicable one look identical, and only one is honest.\n   */\n  const sendActions = (send: CampaignSend): RowActionsMenuItem[] => {\n    const templateScreenId = String((send as any).templateScreenId ?? '')\n    const templates = templateScreenId ? templateHref(send, templateScreenId) : null\n    return [\n      {\n        key: 'details',\n        label: 'Open report',\n        icon: <MdiIcon path={mdiEyeOutline.path} size={0.8} />,\n        href: sendHref(send),\n        disabled: !sendHref(send),\n        disabledReason: 'This site’s console URL has not resolved yet',\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  }\n\n  /*\n   * The campaign's emails, on the surface's own row grammar: the row opens\n   * the email's report, its subject is also a real link so it can be\n   * middle-clicked and copied, and the trailing cluster holds the actions.\n   * A page of the table's own query, paged by that query.\n   */\n  const sendColumns: GridColDef<CampaignSend>[] = [\n    {\n      field: 'subject',\n      headerName: 'Subject',\n      flex: 1,\n      minWidth: 220,\n      valueGetter: (_value, send) => send.subject || send.$id,\n      /*\n        Plain text until the Emails hub resolves: a link with no destination\n        is worse than none, and this cell is the message's subject either way.\n       */\n      renderCell: ({ row: send, value }) => {\n        const href = sendHref(send)\n        return href ? (\n          <AppLink\n            href={href}\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          value\n        )\n      },\n    },\n    {\n      /*\n        WHAT THE EMAIL IS DOING, not the field it stores.\n\n        This branched on the status, which reads \"Scheduled\" about an email\n        that has delivered five hundred messages and is between batches — the\n        stored state the processor claims to resume it. The derivation reads\n        the counters beside the status; the due date is appended only where\n        there is genuinely nothing delivered yet, which is the one case a time\n        answers.\n       */\n      field: 'state',\n      headerName: 'State',\n      width: 220,\n      valueGetter: (_value, send) => {\n        const display = campaignSendDisplay(send)\n        return display.state === 'pending' && send.sendAtMs\n          ? `${display.label} · ${new Date(send.sendAtMs).toLocaleString()}`\n          : display.label\n      },\n      renderCell: ({ row: send, value }) => {\n        const state = campaignSendDisplay(send).state\n        return (\n          <Chip\n            size=\"small\"\n            color={\n              state === 'sending'\n                ? 'info'\n                : state === 'stopped' || state === 'held'\n                  ? 'warning'\n                  : undefined\n            }\n            label={value}\n          />\n        )\n      },\n    },\n    {\n      /*\n        Sent over addressed, on one line: the two figures only mean anything\n        beside each other, and the gap between them is the suppression list\n        doing its work.\n       */\n      field: 'sent',\n      headerName: 'Sent',\n      type: 'number',\n      align: 'right',\n      headerAlign: 'right',\n      width: 110,\n      valueGetter: (_value, send) => Number(send.stats?.sent ?? 0),\n      renderCell: ({ row: send }) =>\n        `${send.stats?.sent ?? 0}/${send.stats?.recipients ?? 0}`,\n    },\n    {\n      field: 'opens',\n      headerName: 'Opens',\n      type: 'number',\n      align: 'right',\n      headerAlign: 'right',\n      width: 100,\n      valueGetter: (_value, send) => Number(send.stats?.opens ?? 0),\n      valueFormatter: (value: number) => value.toLocaleString(),\n    },\n    {\n      field: 'clicks',\n      headerName: 'Clicks',\n      type: 'number',\n      align: 'right',\n      headerAlign: 'right',\n      width: 100,\n      valueGetter: (_value, send) => Number(send.stats?.clicks ?? 0),\n      valueFormatter: (value: number) => value.toLocaleString(),\n    },\n    listActionsColumn(\n      (send: CampaignSend) => (\n        <ListRowActions\n          label={String(send.subject || send.$id)}\n          items={sendActions(send)}\n        />\n      ),\n      { width: 72 },\n    ),\n  ]\n\n  const windowState = campaignWindowState(campaign, Date.now())\n  /*\n   * The mail-client unsubscribe button (AGL-3307): the campaign's setting,\n   * and the emails whose header the bulk guard turned back on while it was\n   * off — read off the sends this page already holds, each of which records\n   * what it did and why.\n   */\n  const listUnsubscribeOn = campaignListUnsubscribe(campaign)\n  const forcedSends = campaignForcedListUnsubscribeSends(sends)\n  const start = campaign.startAtMs\n    ? new Date(campaign.startAtMs).toLocaleDateString()\n    : ''\n  const end = campaign.endAtMs\n    ? new Date(campaign.endAtMs).toLocaleDateString()\n    : ''\n\n  /*\n   * THE SITES IT IS PLACED ON, which the org hub needs three times over: the\n   * forms and screens filed under it are gathered from each of them, its\n   * conversions are read for one of them, and an email written here is sent\n   * as one of them. Every site when it is placed everywhere. Under a site the\n   * answer is that site, and none of this is read.\n   */\n  const placedIds = campaignSiteIds(campaign)\n  const placedSites = orgMount\n    ? orgMount.hosts.filter(\n        (site) => placedIds === null || placedIds.includes(site.id),\n      )\n    : []\n  const conversionsHost =\n    hostId ?? (conversionsHostId || placedSites[0]?.id || '')\n  const conversionsBasePath = hostId\n    ? basePath\n    : orgSiteHubPath(orgMount, conversionsHost, 'marketing')\n  /** Asked only when there is a choice to make; one site answers itself. */\n  const writeAsHostId =\n    hostId ??\n    (placedSites.length === 1 ? placedSites[0].id : composeHostId)\n\n  /* The card, named so the page chrome above it is a plain list of\n     what this surface publishes upward. */\n  const card = (\n    <CardDisplay\n      header={'Campaign'}\n      subheader={\n        start || end\n          ? `${start || 'Open'} – ${end || 'open-ended'}`\n          : 'No campaign dates'\n      }\n      help={detailDocsHelp}\n      HeaderProps={{\n        /*\n          NAVIGATION, THEN THE OVERFLOW.\n\n          Editing and deleting a campaign live here rather than on the\n          campaigns table, because a record is edited on its own page in this\n          console. `RowActionsMenu` is named for table rows and its rendering\n          is not — a kebab and a menu whose items carry `destructive` and\n          `disabled` — so reusing it is what keeps this overflow behaving like\n          every other one on the surface, including the email page's.\n         */\n        action: (\n          <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n            <Button\n              component={AppLink as any}\n              {...({ componentVariant: 'naked', nativeButton: false } as any)}\n              href={`${basePath}/campaigns`}\n              size=\"small\"\n              color=\"primary\"\n            >\n              {'All campaigns'}\n            </Button>\n            <RowActionsMenu\n              label={campaign.name || 'Campaign'}\n              items={[\n                {\n                  key: 'edit',\n                  label: 'Edit campaign',\n                  icon: <MdiIcon path={mdiPencilOutline.path} size={0.8} />,\n                  onClick: () => {\n                    setSaveError(null)\n                    setEditing(true)\n                  },\n                },\n                {\n                  key: 'delete',\n                  label: 'Delete campaign',\n                  icon: <MdiIcon path={mdiDeleteOutline.path} size={0.8} />,\n                  destructive: true,\n                  disabled: deleting,\n                  disabledReason: 'This campaign is being deleted',\n                  onClick: () => void handleDelete(),\n                },\n              ]}\n            />\n          </Stack>\n        ),\n      }}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={2}>\n        <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n          <Chip size=\"small\" label={windowState} />\n          {listIds.length ? (\n            listIds.map((id) => (\n              <Chip\n                key={id}\n                size=\"small\"\n                variant=\"outlined\"\n                label={names.get(id) ?? id}\n              />\n            ))\n          ) : (\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {'No lists assigned — its emails pick their own audience'}\n            </Typography>\n          )}\n        </Stack>\n        {orgMount ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {placedIds === null\n              ? 'Offered on every site'\n              : placedIds.length\n                ? `Offered on ${placedIds\n                    .map((id) => orgSiteName(orgMount, id))\n                    .join(', ')}`\n                : 'Not offered on any site yet — edit the campaign to place it'}\n          </Typography>\n        ) : null}\n\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {campaignUtmLabels(campaign.utmCampaigns).length\n            ? `Links labeled utm_campaign=${campaignUtmLabels(campaign.utmCampaigns).join(', ')} credit this campaign`\n            : 'No utm_campaign labels — pages filed under it and its emails ' +\n              'credit it; edit the campaign to add the labels its ads carry'}\n        </Typography>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {listUnsubscribeOn\n            ? 'Mail-client unsubscribe button: on'\n            : 'Mail-client unsubscribe button: off — the footer link is ' +\n              'the way out, and the button comes back for any email that ' +\n              'would make your organization a bulk sender'}\n        </Typography>\n        {forcedSends.length ? (\n          <Alert severity=\"info\">\n            {`The mail-client unsubscribe button was turned back on for ` +\n              `${forcedSends.length === 1 ? 'one email' : `${forcedSends.length.toLocaleString()} emails`} ` +\n              'in this campaign, though the campaign has it off. '}\n            {forcedSends\n              .map(\n                (send) =>\n                  `${send.subject || send.$id}: ` +\n                  (send.listUnsubscribe?.detail ||\n                    'turned back on by the bulk-sender guard.'),\n              )\n              .join(' ')}\n          </Alert>\n        ) : null}\n\n        <Divider />\n        {/*\n          A CAMPAIGN IS NOT ONLY ITS MAIL, and it leads with the part that\n          is not.\n\n          What the campaign CAUSED and where it SENT people are facts about the\n          campaign; delivery, engagement and rates are mechanics of the\n          messages it used, and the list of those messages is one section among\n          several rather than the page. Ordering the mail first said the\n          opposite in the only way a page can — by what a reader meets before\n          they scroll — and a campaign of ONE email says it loudest, which is\n          why `campaign-report-card.tsx` carries these two headings in this\n          order too.\n\n          All three sections join on the campaign's own send ids, which is the\n          only handle the attribution, revenue and click-report collections\n          offer — see `campaign-reach-sections.tsx` for why no other join\n          exists, and why the web channel is named there rather than quietly\n          omitted.\n         */}\n        {/*\n          Conversions are recorded per SITE — they are that site's visitors —\n          so the org hub reads them for one site at a time, defaulting to the\n          first site the campaign is placed on.\n         */}\n        {orgMount && placedSites.length > 1 ? (\n          <TextField\n            select\n            size=\"small\"\n            label=\"Conversions on\"\n            value={conversionsHost}\n            onChange={(event) => setConversionsHostId(event.target.value)}\n            sx={{ maxWidth: 320 }}\n          >\n            {placedSites.map((site) => (\n              <MenuItem key={site.id} value={site.id}>\n                {site.name || site.subdomain || site.id}\n              </MenuItem>\n            ))}\n          </TextField>\n        ) : null}\n        {conversionsHost ? (\n          <CampaignConversionsSection\n            key={conversionsHost}\n            hostId={conversionsHost}\n            campaignId={campaignId}\n            sendIds={sendIds}\n            truncated={sendsTruncated}\n            basePath={conversionsBasePath}\n          />\n        ) : (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Conversions are counted per site, and this campaign is not ' +\n              'placed on one yet.'}\n          </Typography>\n        )}\n\n        <Divider />\n        {/*\n          WHO IT REACHED (AGL-3461), right under what it caused: the visitors\n          who reached the campaign — on a page filed under it, or from a link\n          labeled for it — are what the outcomes above are read against. Below\n          them, not above: the page opens on what the campaign did. One keyed\n          read, keyed by this campaign's id.\n         */}\n        <CampaignVisitsSection orgId={orgId} campaignId={campaignId} />\n\n        <Divider />\n        {/*\n          WHAT ITS SEQUENCES PRODUCED (AGL-3254), beside what its mail caused:\n          a sequence in this campaign is a rep's one-to-one outreach, and its\n          enrollments, sends, replies, meetings and conversions are the\n          campaign's numbers too. Joined on the container's own id, since a\n          sequence's emails are not the campaign's sends.\n         */}\n        <CampaignSequencesSection orgId={orgId} campaignId={campaignId} />\n\n        <Divider />\n        {/*\n          WHAT IT EARNED, between what it caused and where it sent people —\n          the order `campaign-report-card.tsx` puts these three in, so a\n          campaign of one email and a campaign of ten answer the merchant's\n          questions in the same sequence.\n\n          How many messages a container holds is not a fact about whether its\n          revenue is knowable, so the money question is answered here whatever\n          the count. Reading it costs one record per email, so it asks first —\n          see `campaign-reach-sections.tsx` for that bargain, and for why the\n          currencies are reported apart and never totalled.\n         */}\n        <CampaignRevenueSection\n          orgId={orgId}\n          sendIds={sendIds}\n          truncated={sendsTruncated}\n        />\n\n        <Divider />\n        <CampaignDestinationsSection\n          orgId={orgId}\n          sendIds={sendIds}\n          truncated={sendsTruncated}\n        />\n\n        <Divider />\n        {/*\n          WHAT THE MERCHANT SAID BELONGS HERE, under what the visitors did.\n\n          Everything above this line is measured — the conversions, the money\n          and the pages the mail's own links pointed at, all joined on this\n          campaign's send ids. This section is the only one on the page that\n          reports a DECLARATION: a screen or a form carrying this campaign's\n          id in its own document because somebody put it there.\n\n          It sits after the evidence deliberately. A reader who met the\n          assigned list first would take it for the campaign's reach, and the\n          two are not the same list — a landing page can be assigned to a\n          campaign no email ever linked to, and a campaign's mail can drive\n          traffic to a page assigned to nothing.\n\n          The dates go with it. A form's counters are lifetime, so a campaign\n          with a window has to be able to confine them to its own months; a\n          campaign without one is told so, and says its figures are lifetime\n          rather than implying they are its own.\n         */}\n        {hostId ? (\n          <CampaignMembersSection\n            hostId={hostId}\n            campaignId={campaignId}\n            startAtMs={campaign.startAtMs}\n            endAtMs={campaign.endAtMs}\n          />\n        ) : (\n          /*\n           * Forms and screens are a site's records, so on the org hub each\n           * site the campaign is placed on answers for its own. One section\n           * per site keeps each one's figures and ceilings its own rather\n           * than merging lists that were bounded separately.\n           */\n          placedSites.map((site) => (\n            <CampaignMembersSection\n              key={site.id}\n              hostId={site.id}\n              siteName={site.name || site.subdomain || site.id}\n              campaignId={campaignId}\n              startAtMs={campaign.startAtMs}\n              endAtMs={campaign.endAtMs}\n            />\n          ))\n        )}\n\n        <Divider />\n        {/*\n          THE MAIL'S OWN FIGURES, under the outcomes rather than over them.\n\n          The sum over the campaign's emails, not a second set of counters.\n          Nothing is stored per campaign: a rollup document would have to be\n          kept true against every delivery event of every email in it, and the\n          numbers it duplicates are already on the sends this page reads.\n\n          Drawn by the shared figures so a campaign's rate and a single\n          message's read the same way — denominator named on the line, and an\n          em dash rather than a zero where nothing was recorded.\n         */}\n        <Section title=\"The mail, across this campaign\">\n          <Stack direction=\"row\" spacing={3} sx={{ flexWrap: 'wrap' }}>\n            <Figure label=\"Addressed\" {...rolled(rollup.addressed)} />\n            <Figure label=\"Sent\" {...rolled(rollup.sent)} />\n            <Figure label=\"Delivered\" {...rolled(rollup.delivered)} />\n            <Figure label=\"Opens\" {...rolled(rollup.opens)} />\n            <Figure label=\"Clicks\" {...rolled(rollup.clicks)} />\n            <Figure label=\"Unsubscribed\" {...rolled(rollup.unsubscribes)} />\n          </Stack>\n        </Section>\n        <Stack spacing={0.5}>\n          <RateRow label=\"Open rate\" rate={rollup.openRate} />\n          <RateRow label=\"Click rate\" rate={rollup.clickRate} />\n          <RateRow label=\"Unsubscribe rate\" rate={rollup.unsubscribeRate} />\n        </Stack>\n\n        <Divider />\n        <Stack\n          direction=\"row\"\n          spacing={1}\n          sx={{ alignItems: 'center', justifyContent: 'space-between' }}\n        >\n          {/*\n            The section rail's own heading style, so this reads as one section\n            among the others rather than as the page's subject.\n           */}\n          <Typography variant=\"overline\" color=\"text.secondary\">\n            {`Emails (${sends.length})`}\n          </Typography>\n          <Button\n            size=\"small\"\n            variant={composing ? 'text' : 'contained'}\n            onClick={() => setComposing((open) => !open)}\n          >\n            {composing ? 'Close composer' : 'Write an email'}\n          </Button>\n        </Stack>\n        {sends.length ? (\n          <Stack spacing={0.5}>\n            <ListFilterChips\n              fields={SEND_FILTER_FIELDS}\n              headers={SEND_FILTER_HEADERS}\n              clauses={gridFilter.clauses}\n              onChange={gridFilter.setClauses}\n              options={SEND_FILTER_OPTIONS}\n            />\n            <ListQueryNotices\n              refused={listQueryRefusals(sendPage.plan.refused, {\n                fields: SEND_FILTER_FIELDS,\n                headers: SEND_FILTER_HEADERS,\n                options: SEND_FILTER_OPTIONS,\n              })}\n              notices={sendPage.plan.notices}\n            />\n            <ListTable\n              aria-label=\"The campaign's emails\"\n              rows={sendPage.rows}\n              columns={listFilterGridColumns(\n                sendColumns as GridColDef[],\n                SEND_FILTER_FIELDS,\n                SEND_FILTER_OPTIONS,\n                SEND_FILTER_HEADERS,\n              )}\n              rowHeight={TABLE_ROW_HEIGHT}\n              onOpen={(_id, send) => {\n                const href = sendHref(send)\n                if (href) router.push(href)\n              }}\n              loading={sendPage.status === 'loading'}\n              /*\n               * The panel and the search are the grid's; every clause and the\n               * search word are on the table's query (AGL-3321), and the grid\n               * neither filters nor sorts the page it is handed.\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                    SEND_FILTER_FIELDS,\n                    sendColumns.map((column) => String(column.field)),\n                  ),\n                },\n              }}\n              noRowsLabel=\"No emails match these filters\"\n            />\n            <ListPagination\n              page={sendPage.page}\n              pageSize={sendPage.pageSize}\n              rowCount={sendPage.rows.length}\n              hasMore={sendPage.hasMore}\n              onPageChange={sendPage.setPage}\n              onPageSizeChange={sendPage.setPageSize}\n            />\n            {sendsTruncated ? (\n              <Alert severity=\"info\">\n                {`The figures above cover ${CAMPAIGN_EMAIL_CEILING} of this ` +\n                  'campaign’s emails. It has sent more; the table lists ' +\n                  'every one of them.'}\n              </Alert>\n            ) : null}\n          </Stack>\n        ) : (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'No emails in this campaign yet.'}\n          </Typography>\n        )}\n\n        {/*\n          THE COMPOSER, ON DEMAND.\n\n          It opens listens of its own — the site's email designs, the org's\n          lists and segments, the running experiments — and this page is also\n          where somebody arrives to read numbers. Mounting it unasked would\n          make every reader pay for a composer they did not open, which is the\n          same cost the campaign report was split onto its own route to avoid.\n         */}\n        {composing ? (\n          <Box>\n            <Divider sx={{ mb: 2 }} />\n            {/*\n              WHICH SITE IT IS SENT AS, asked first on the org hub. The sender,\n              the designs, the consent a recipient gave and the unsubscribe\n              signature are all one site's, so the composer cannot open\n              without one — and the choice is limited to the sites this\n              campaign is placed on.\n             */}\n            {!hostId && placedSites.length > 1 ? (\n              <TextField\n                select\n                size=\"small\"\n                label=\"Send as\"\n                value={composeHostId}\n                onChange={(event) => setComposeHostId(event.target.value)}\n                helperText=\"The site this email is sent from — its sender, designs and unsubscribe page\"\n                sx={{ mb: 2, maxWidth: 420 }}\n                fullWidth\n              >\n                {placedSites.map((site) => (\n                  <MenuItem key={site.id} value={site.id}>\n                    {site.name || site.subdomain || site.id}\n                  </MenuItem>\n                ))}\n              </TextField>\n            ) : null}\n            {writeAsHostId ? (\n              <CampaignComposer\n                key={writeAsHostId}\n                hostId={writeAsHostId}\n                emailCampaignId={campaignId}\n                campaignListIds={listIds}\n                campaignTopicId={campaign.topicId}\n                onSent={() => setComposing(false)}\n              />\n            ) : !placedSites.length && !hostId ? (\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {'Place this campaign on a site before writing an email in ' +\n                  'it — every email is sent as one site.'}\n              </Typography>\n            ) : null}\n          </Box>\n        ) : null}\n      </Stack>\n      {/*\n        THE EDIT DRAWER, on the campaign's own page.\n\n        Its list picker reads the same `listDocs` the chips above already\n        cost, so opening it adds one read — the topic catalog — and only\n        while it is open.\n       */}\n      {/* Draws nothing: the zone the topic catalog's owner answers through. */}\n      {topicSource}\n      <CampaignEditDrawer\n        open={editing}\n        onClose={() => setEditing(false)}\n        campaign={campaign}\n        lists={(listDocs ?? []).map((list: any) => ({\n          value: String(list.$id),\n          label: String(list.name ?? list.$id),\n        }))}\n        topics={topicOptions}\n        sites={orgMount ? orgSiteOptions(orgMount) : undefined}\n        busy={saving}\n        error={saveError}\n        onSubmit={(values) => void handleSave(values)}\n      />\n    </CardDisplay>\n  )\n\n  return (\n    <>\n      {/* The page heading and the trail name the campaign; this card is\n          then free to say what it holds rather than repeating the title. */}\n      <PageHeaderRecord title={campaign.name || campaignId} />\n      {card}\n    </>\n  )\n}\nCampaignDetailCard.displayName = 'CampaignDetailCard'\n\nexport default CampaignDetailCard\n"],"names":["pluginRecordHref","mdiDeleteOutline","mdiEyeOutline","mdiPaletteOutline","mdiPencilOutline","AppLink","CardDisplay","MdiIcon","useConfirmationContext","Figure","RateRow","Section","ListFilterChips","ListPagination","ListQueryNotices","listQueryRefusals","ListRowActions","ListTable","listActionsColumn","hiddenFilterVisibility","listFilterGridColumns","useListGridFilter","RowActionsMenu","TABLE_ROW_HEIGHT","ceilingedWindow","useListQuery","PageHeaderRecord","pluginDocsHelp","Alert","Box","Button","Chip","Divider","MenuItem","Stack","TextField","Typography","collection","deleteField","documentId","limit","orderBy","query","updateDoc","where","useCallback","useMemo","useState","useRouter","useSnackbar","useFirestore","useFirestoreCollection","useFirestoreDoc","campaignForcedListUnsubscribeSends","campaignListUnsubscribe","campaignRollup","campaignSendDisplay","campaignSiteIds","campaignUtmLabels","campaignVisibleTo","campaignWindowState","emailListTimeMs","CAMPAIGN_EMAILS_QUERY","CAMPAIGN_SEND_STATUS_OPTIONS","campaignContainerSearchFields","campaignSendsScope","CampaignComposer","CampaignEditDrawer","CampaignConversionsSection","CampaignDestinationsSection","CampaignRevenueSection","CampaignSequencesSection","CampaignVisitsSection","CampaignMembersSection","CampaignReportCard","campaignContainerDoc","campaignSendsCollection","campaignSendsQuery","orgSiteHubPath","orgSiteName","orgSiteOptions","topicCatalogHostId","useMarketingOrgId","useMarketingOrgMount","useCampaignManageApi","siteRecordRouteContext","useRecordRouteContext","useCampaignTopicOptions","CAMPAIGN_EMAIL_CEILING","detailDocsHelp","anchor","excerpt","rolled","value","note","recorded","sends","SEND_FILTER_FIELDS","fields","SEND_FILTER_OPTIONS","status","SEND_FILTER_HEADERS","subject","createdAtMs","CampaignDetailCard","props","campaign","placedSites","hostId","campaignId","basePath","firestore","routeContext","router","orgMount","orgId","confirm","enqueueSnackbar","manageApi","composeHostId","setComposeHostId","conversionsHostId","setConversionsHostId","composing","setComposing","editing","setEditing","saving","setSaving","saveError","setSaveError","deleting","setDeleting","data","sendDocs","Boolean","idField","listDocs","topics","source","topicSource","enabled","topicOptions","map","topic","id","label","name","rows","readSends","truncated","sendsTruncated","sort","a","b","rollup","gridFilter","selectFields","sendPage","declaration","request","clauses","search","searchWords","base","path","op","deps","sendIds","send","String","$id","filter","handleSave","values","placement","siteIds","undefined","visibleTo","startAtMs","endAtMs","listIds","topicId","listUnsubscribe","utmCampaigns","variant","persist","error","console","handleDelete","unfinished","scheduled","sending","agreed","title","description","length","toLocaleString","confirmationText","then","catch","response","payload","action","ok","allowDuplicate","push","names","Map","list","sendHref","templateHref","templateScreenId","siteContext","sendActions","templates","key","icon","size","href","disabled","disabledReason","sendColumns","field","headerName","flex","minWidth","valueGetter","_value","renderCell","row","onClick","event","stopPropagation","width","display","state","sendAtMs","Date","color","type","align","headerAlign","Number","stats","sent","recipients","opens","valueFormatter","clicks","items","windowState","now","listUnsubscribeOn","forcedSends","start","toLocaleDateString","end","placedIds","hosts","site","includes","conversionsHost","conversionsBasePath","writeAsHostId","card","header","subheader","help","HeaderProps","direction","spacing","sx","alignItems","component","componentVariant","nativeButton","destructive","contentGutterX","contentGutterY","get","join","severity","detail","select","onChange","target","maxWidth","subdomain","siteName","flexWrap","addressed","delivered","unsubscribes","rate","openRate","clickRate","unsubscribeRate","justifyContent","open","headers","setClauses","options","refused","plan","notices","aria-label","columns","rowHeight","onOpen","_id","loading","filterMode","filterModel","onFilterModelChange","quickFilter","disableColumnSorting","hideFooter","initialState","columnVisibilityModel","column","noRowsLabel","page","pageSize","rowCount","hasMore","onPageChange","setPage","onPageSizeChange","setPageSize","mb","helperText","fullWidth","emailCampaignId","campaignListIds","campaignTopicId","onSent","onClose","lists","sites","busy","onSubmit","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/campaign-detail-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 { pluginRecordHref } from '@aglyn/aglyn/plugin-manager/plugin-record-routes'\nimport {\n  mdiDeleteOutline,\n  mdiEyeOutline,\n  mdiPaletteOutline,\n  mdiPencilOutline,\n} from '@aglyn/shared-data-mdi'\nimport {\n  AppLink,\n  CardDisplay,\n  MdiIcon,\n  useConfirmationContext,\n} from '@aglyn/shared-ui-jsx'\nimport {\n  Figure,\n  RateRow,\n  Section,\n} from '@aglyn/shared-ui-jsx/components/measured-figures.component'\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 RowActionsMenu, {\n  type RowActionsMenuItem,\n} from '@aglyn/shared-ui-jsx/components/row-actions-menu.component'\nimport { TABLE_ROW_HEIGHT } from '@aglyn/shared-ui-jsx/const/table-pagination'\nimport { ceilingedWindow } from '@aglyn/tenant-feature-instance/hooks/host-collection-queries'\nimport { useListQuery } from '@aglyn/tenant-feature-instance/hooks/use-list-query'\nimport { PageHeaderRecord, pluginDocsHelp } from '@aglyn/aglyn'\nimport {\n  Alert,\n  Box,\n  Button,\n  Chip,\n  Divider,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport {\n  collection,\n  deleteField,\n  documentId,\n  limit,\n  orderBy,\n  query,\n  updateDoc,\n  where,\n} from 'firebase/firestore'\nimport { useCallback, useMemo, useState } from 'react'\nimport { useRouter } from 'next/navigation'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  useFirestore,\n  useFirestoreCollection,\n  useFirestoreDoc,\n} from '@aglyn/tenant-feature-instance'\nimport {\n  campaignForcedListUnsubscribeSends,\n  campaignListUnsubscribe,\n  campaignRollup,\n  campaignSendDisplay,\n  campaignSiteIds,\n  campaignUtmLabels,\n  campaignVisibleTo,\n  campaignWindowState,\n  type CampaignAggregate,\n  type CampaignSend,\n  type EmailCampaign,\n} from '../model/campaign-container'\nimport { emailListTimeMs } from '../model/email-record'\nimport {\n  CAMPAIGN_EMAILS_QUERY,\n  CAMPAIGN_SEND_STATUS_OPTIONS,\n  campaignContainerSearchFields,\n  campaignSendsScope,\n} from '../model/campaign-list-query'\nimport CampaignComposer from './campaign-composer'\nimport CampaignEditDrawer, {\n  type CampaignEditValues,\n} from './campaign-edit-drawer'\nimport {\n  CampaignConversionsSection,\n  CampaignDestinationsSection,\n  CampaignRevenueSection,\n  CampaignSequencesSection,\n  CampaignVisitsSection,\n} from './campaign-reach-sections'\nimport CampaignMembersSection from './campaign-members-section'\nimport CampaignReportCard from './campaign-report-card'\nimport {\n  campaignContainerDoc,\n  campaignSendsCollection,\n  campaignSendsQuery,\n} from './campaign-queries'\nimport {\n  orgSiteHubPath,\n  orgSiteName,\n  orgSiteOptions,\n  topicCatalogHostId,\n  useMarketingOrgId,\n  useMarketingOrgMount,\n} from './marketing-org-mount'\nimport { useCampaignManageApi } from './use-campaign-send-api'\nimport { siteRecordRouteContext, useRecordRouteContext } from './record-route-context'\nimport { useCampaignTopicOptions } from './use-campaign-topic-options'\n\n/** How many of a campaign's emails the detail page enumerates. */\nconst CAMPAIGN_EMAIL_CEILING = 50\n\nconst detailDocsHelp = pluginDocsHelp('emailCampaigns', {\n  anchor: '#the-campaign-report',\n  excerpt:\n    'A campaign groups the emails sent to its lists. The figures here are ' +\n    'the sum across those emails, and each one keeps its own report.',\n})\n\n/**\n * A rolled-up figure, in the shared `Figure`'s shape.\n *\n * The note is where an aggregate differs from a single send's count: a total\n * measured over fewer emails than the campaign holds says which part of the\n * campaign it describes, rather than presenting a partial sum as a complete\n * one. `null` still renders as an em dash and says \"not recorded\", which is\n * the property the shared component already owns.\n */\nconst rolled = (\n  value: CampaignAggregate,\n): { value: number | null; note: string } => ({\n  value: value.value,\n  note:\n    value.value !== null && value.recorded < value.sends\n      ? `across ${value.recorded} of ${value.sends} emails`\n      : `across ${value.sends} email${value.sends === 1 ? '' : 's'}`,\n})\n\n/*\n * What the campaign's emails table filters by, each clause and the search on\n * the table's own Firestore query (AGL-3321, `CAMPAIGN_EMAILS_QUERY`). The\n * State column is derived from an email's counters and cannot be asked of a\n * query, so the panel offers the Status it stores.\n */\nconst SEND_FILTER_FIELDS = CAMPAIGN_EMAILS_QUERY.fields\nconst SEND_FILTER_OPTIONS = { status: CAMPAIGN_SEND_STATUS_OPTIONS }\nconst SEND_FILTER_HEADERS: Readonly<Record<string, string>> = {\n  subject: 'Subject',\n  status: 'Status',\n  createdAtMs: 'Created',\n}\n\n/*\n * State is derived from the send's counters, and the counters stay absent\n * until something is counted (see `campaign-list-query.ts`), so these sort\n * the page (AGL-3680); Subject orders the query.\n */\nconst SEND_PAGE_SORTS = {\n  state: (send: CampaignSend) => campaignSendDisplay(send).label,\n  sent: (send: CampaignSend) => send.stats?.sent ?? null,\n  opens: (send: CampaignSend) => send.stats?.opens ?? null,\n  clicks: (send: CampaignSend) => send.stats?.clicks ?? null,\n}\nconst SEND_PAGE_SORT_HEADERS = { state: 'State', sent: 'Sent', opens: 'Opens', clicks: 'Clicks' }\n\nexport interface CampaignDetailCardProps {\n  /** The site, or `null` on the org Marketing hub. */\n  hostId: string | null\n  /** A campaign container id, or a send id from before containers existed. */\n  campaignId: string\n  /** The marketing hub URL, for the way back to the campaigns list. */\n  basePath: string\n}\n\n/**\n * ONE CAMPAIGN: its lists, what it caused, what it earned, where it sent\n * people, and the emails it did all of that with.\n *\n * ## Why the emails are a section rather than the page\n *\n * A campaign reaches people by email, which is not the same as a campaign\n * BEING a list of emails. It runs over a window, against a set of audiences,\n * and the pages its links land on, the money credited to it and the\n * conversions credited to it are facts about the campaign that no single\n * message in it holds. So the body is sectioned — what it caused, what it\n * earned, where it sent people, then the mail's own figures, then its emails\n * — and each section names the population it describes.\n *\n * The ORDER is the part that says which of those the page is about. Delivery,\n * engagement and rates are mechanics of a message; a page that met the reader\n * with them and reached the outcomes only after scrolling was a mail report\n * whatever its headings claimed. `campaign-report-card.tsx` — the page a\n * campaign of one email gets — carries the same two outcome headings first,\n * for the same reason and in the same words.\n *\n * The three middle sections live in `campaign-reach-sections.tsx`, which is\n * also where the reason a campaign cannot simply DECLARE the screens and\n * forms it runs across is written down: no such edge is stored, attribution\n * is the mechanism, and all three sections join on this campaign's send ids.\n *\n * ## Why this resolves two kinds of id\n *\n * The id in `campaigns/{id}` may name a campaign CONTAINER or a single SEND,\n * and which it is is answered by reading: a container at `emailCampaigns/{id}`\n * renders this page, and anything else falls through to that send's own\n * report.\n *\n * Not every send belongs to a container. One written before campaigns grouped\n * their emails names none, its own id is the only id the URL can carry, and\n * that id is also inside the HMAC of every unsubscribe footer already\n * delivered — so a send id has to go on addressing a page rather than a 404.\n * The fall-through is what makes the container additive: no send document is\n * rewritten and no id is reassigned.\n *\n * The extra read is one document, and it buys the guarantee that a pasted\n * report link resolves whichever kind of id it carries.\n *\n * ## Under a site, and over the organization\n *\n * The container and its sends are the org's, so the same page renders on the\n * org hub with `hostId` null. What changes there is everything that is a SITE\n * fact: the emails listed are every site's rather than the ones sent as this\n * site, the forms and screens filed under the campaign are gathered from each\n * site it is placed on, the conversions are one chosen site's (they are\n * recorded per site), and writing an email first asks which site it is sent\n * as — its sender, its designs and its consent all belong to that site.\n */\nexport function CampaignDetailCard(props: CampaignDetailCardProps) {\n  const { hostId, campaignId, basePath } = props\n  const firestore = useFirestore()\n  // The scope this page asks the owner of two records it links to but does\n  // not own: each message's report and the template it was built from.\n  const routeContext = useRecordRouteContext()\n  const router = useRouter()\n  const orgMount = useMarketingOrgMount()\n  const { orgId } = useMarketingOrgId(hostId)\n  const { confirm } = useConfirmationContext()\n  const { enqueueSnackbar } = useSnackbar()\n  const manageApi = useCampaignManageApi(hostId, orgId)\n  /*\n   * The site an email written here is sent AS. Under a site it is that site\n   * and never asked; on the org hub it is chosen before the composer opens.\n   * Empty means nobody has chosen yet.\n   */\n  const [composeHostId, setComposeHostId] = useState('')\n  /** The site whose conversions the org hub is showing; empty until chosen. */\n  const [conversionsHostId, setConversionsHostId] = useState('')\n  const [composing, setComposing] = useState(false)\n  const [editing, setEditing] = useState(false)\n  const [saving, setSaving] = useState(false)\n  const [saveError, setSaveError] = useState<string | null>(null)\n  const [deleting, setDeleting] = useState(false)\n\n  const { data: campaign, status } = useFirestoreDoc<EmailCampaign>(\n    () => (orgId ? campaignContainerDoc(firestore, orgId, campaignId) : null),\n    [firestore, orgId, campaignId],\n  )\n\n  /*\n   * ONLY WHEN THE ID NAMES A CAMPAIGN.\n   *\n   * Both queries below are gated on the container having been found, because\n   * the other half of this component is the single-send report — and that\n   * screen's whole design is that it reads two documents whatever the size of\n   * the audience. Listening unconditionally would add two collection reads to\n   * every legacy report URL, which is the cost the report route was split out\n   * to avoid. Not listening is what a null builder means.\n   *\n   * The campaign's emails come back by the field each send carries: equality\n   * on one field ordered by DOCUMENT NAME. On the org hub that is all the\n   * query says, and the automatic single-field index serves it. Under a site\n   * the sends are also narrowed to the ones sent as that site — the scope\n   * filter that makes the read provable for a site collaborator — and that\n   * pair is the one composite index this page needs. Ordering on a date\n   * would need that index AND would drop every send missing that particular\n   * date — a sent send carries `sentAt`, a scheduled one `sendAtMs`, and\n   * neither is on both. Sorted by date below, over a window this page holds\n   * whole.\n   *\n   * One document past the ceiling, so \"this campaign has more emails than are\n   * listed\" is a fact rather than a guess.\n   */\n  const { data: sendDocs } = useFirestoreCollection<any>(\n    () => {\n      const sends = campaign\n        ? campaignSendsQuery(firestore, orgId, hostId)\n        : null\n      return sends\n        ? query(\n            sends,\n            where('emailCampaignId', '==', campaignId),\n            orderBy(documentId()),\n            limit(CAMPAIGN_EMAIL_CEILING + 1),\n          )\n        : null\n    },\n    [firestore, orgId, hostId, campaignId, Boolean(campaign)],\n    { idField: '$id' },\n  )\n\n  const { data: listDocs } = useFirestoreCollection<any>(\n    () =>\n      campaign && orgId\n        ? query(collection(firestore, 'orgs', orgId, 'lists'), limit(50))\n        : null,\n    [firestore, orgId, Boolean(campaign)],\n    { idField: '$id' },\n  )\n\n  /*\n   * The org's topic catalog, read only while the EDIT DRAWER is open.\n   *\n   * It fills one picker in that drawer and is drawn nowhere else on this\n   * page, so reading it on mount would charge every reader who came for the\n   * campaign's numbers for a field they are not looking at. The composer\n   * carries its own read of the same catalog, behind its own button, for the\n   * same reason.\n   */\n  const { topics, source: topicSource } = useCampaignTopicOptions(\n    topicCatalogHostId(hostId, orgMount),\n    { enabled: editing },\n  )\n  const topicOptions = useMemo(\n    () =>\n      topics.map((topic) => ({\n        value: topic.id,\n        label: topic.name,\n      })),\n    [topics],\n  )\n\n  const { rows: readSends, truncated: sendsTruncated } = ceilingedWindow<any>(\n    sendDocs,\n    CAMPAIGN_EMAIL_CEILING,\n  )\n  /*\n   * Newest first on the time each email SITS at — its send time where it has\n   * one, its creation where it does not. A draft has neither `sentAt` nor\n   * `sendAtMs`, so ordering on the send time alone gave every draft the key 0\n   * and filed the email a merchant is in the middle of writing below mail\n   * sent years ago.\n   */\n  const sends = useMemo(\n    () =>\n      [...(readSends as CampaignSend[])].sort(\n        (a, b) => emailListTimeMs(b) - emailListTimeMs(a),\n      ),\n    [readSends],\n  )\n  const rollup = useMemo(() => campaignRollup(sends), [sends])\n  /*\n   * THE EMAILS TABLE IS ITS OWN QUERY (AGL-3321).\n   *\n   * The figures above are a sum over the window read above; the table under\n   * them is a list a reader filters and searches, so each clause and the\n   * search word go onto a query of their own — this campaign's emails\n   * (`emailCampaignId == id`, and under a site the ones sent as it), newest\n   * first, paged by the query. A match on the fifth page is found; nothing\n   * is matched over the rows a read happened to hold. Gated on the container\n   * like the window: a single send's report reads none of it.\n   */\n  const gridFilter = useListGridFilter({ selectFields: ['status'] })\n  // Subject orders the query; State and the figures the page (AGL-3680).\n  const [askedSort, setAskedSort] = useState<ListQuerySort | null>(null)\n  const sendPage = useListQuery<CampaignSend>({\n    collection: campaign ? campaignSendsCollection(firestore, orgId) : null,\n    declaration: CAMPAIGN_EMAILS_QUERY,\n    request: {\n      clauses: gridFilter.clauses,\n      search: gridFilter.searchWords,\n      base: [\n        { path: 'emailCampaignId', op: '==', value: campaignId },\n        ...campaignSendsScope(hostId),\n      ],\n      sort: askedSort,\n    },\n    deps: [firestore, orgId, hostId, campaignId, Boolean(campaign)],\n    idField: '$id',\n  })\n  const sendSort = useListColumnSort<CampaignSend>({\n    sorts: CAMPAIGN_EMAILS_QUERY.sorts,\n    sort: askedSort,\n    onSortChange: setAskedSort,\n    orderBy: sendPage.plan.orderBy,\n    rows: sendPage.rows,\n    pageSorts: SEND_PAGE_SORTS,\n    headers: SEND_PAGE_SORT_HEADERS,\n  })\n  // The ids the two sections beneath the figures join on. Derived from the\n  // window this card already holds, so neither of them reads the send list\n  // again to find out which emails the campaign has.\n  const sendIds = useMemo(\n    () => sends.map((send) => String(send.$id)).filter(Boolean),\n    [sends],\n  )\n\n  /*==========================================\n   * SAVING THE CONTAINER, WITH THE CLIENT SDK.\n   *\n   * The same door the create drawer already uses. `emailCampaigns` is\n   * deliberately outside the security rules' server-only exclusion list — a\n   * container holds no counter, no consent record and no entitlement input,\n   * so an editor who writes one cannot buy themselves a send — and giving the\n   * edit a route of its own would be a second writer to keep in step with the\n   * create.\n   *\n   * `updateDoc` rather than a merge-set, because this is an edit of a\n   * document that exists: a set would CREATE a campaign at this id for\n   * somebody who deleted it in another tab, which is the shape the delivery\n   * webhook is careful about on the send collection for the same reason.\n   *\n   * A cleared date is written as `null` — the absence the model already\n   * spells — and a cleared topic REMOVES the field, because the model has no\n   * null topic and `campaignTopicId` is handed to the composer as one.\n   *\n   * `visibleTo` is written only from the org hub, and only when its drawer\n   * says the placement changed. A site hub never touches it: the rules let a\n   * site collaborator edit a campaign only while its scope is unchanged, and\n   * a site hub has no field for it anyway.\n   *=========================================*/\n  const handleSave = useCallback(\n    async (values: CampaignEditValues) => {\n      if (saving || !orgId) return\n      setSaving(true)\n      setSaveError(null)\n      try {\n        const placement =\n          !hostId && values.siteIds !== undefined\n            ? { visibleTo: campaignVisibleTo(values.siteIds) }\n            : {}\n        await updateDoc(campaignContainerDoc(firestore, orgId, campaignId), {\n          name: values.name,\n          // The list's search keys (AGL-3321), from the name written here.\n          ...campaignContainerSearchFields(values.name),\n          startAtMs: values.startAtMs,\n          endAtMs: values.endAtMs,\n          listIds: values.listIds,\n          topicId: values.topicId ? values.topicId : deleteField(),\n          listUnsubscribe: values.listUnsubscribe,\n          // The utm_campaign labels that mean this campaign (AGL-3461),\n          // normalized the way the conversion join looks them up.\n          utmCampaigns: campaignUtmLabels(values.utmCampaigns),\n          ...placement,\n        })\n        setEditing(false)\n        enqueueSnackbar('Campaign updated', {\n          variant: 'success',\n          persist: false,\n        })\n      } catch (error) {\n        console.error(error)\n        setSaveError('The campaign could not be saved')\n      } finally {\n        setSaving(false)\n      }\n    },\n    [campaignId, enqueueSnackbar, firestore, hostId, orgId, saving],\n  )\n\n  /*==========================================\n   * DELETING THE CONTAINER, WHICH IS NOT DELETING ITS MAIL.\n   *\n   * The route detaches every email first and then removes the campaign, so\n   * what a merchant is agreeing to is the grouping going away — the emails\n   * stay, keep their ids, keep their reports, and read afterwards as single\n   * sends. Their unsubscribe links carry those ids inside an HMAC and go on\n   * working, which is why the container can never take them with it.\n   *\n   * The confirmation says the count and says what a delete does NOT do. A\n   * scheduled email inside the campaign still goes out at its time — stopping\n   * somebody's mail is `cancel`, on that email's own page — and a merchant\n   * who reads \"delete campaign\" as \"stop the campaign\" has to be told\n   * otherwise before they press it, not after.\n   *=========================================*/\n  const handleDelete = useCallback(async () => {\n    if (deleting) return\n    /*\n     * Emails with mail still to go: the ones waiting for their time AND the\n     * ones part way through an audience larger than one batch. Both are what\n     * a merchant needs warning about, and counting only `scheduled` would\n     * miss the case that needs it most — a campaign that is delivering right\n     * now is stored as `scheduled` too, but `rollup.scheduled` is the\n     * narrower reading that excludes it.\n     */\n    const unfinished = rollup.scheduled + rollup.sending\n    const agreed = await confirm({\n      title: 'Delete this campaign?',\n      description:\n        (sends.length\n          ? `The ${sends.length.toLocaleString()} ` +\n            `${sends.length === 1 ? 'email' : 'emails'} in it are kept — ` +\n            'each keeps its own report and its unsubscribe links, and they ' +\n            'appear in the campaigns list as single sends. '\n          : 'It holds no emails. ') +\n        (unfinished\n          ? `${unfinished.toLocaleString()} of them ${\n              unfinished === 1 ? 'is' : 'are'\n            } still going out or still due, and deleting the campaign does ` +\n            'not stop that — the sender picks each one up from its own ' +\n            'record. Stop a send from its own page. '\n          : '') +\n        'Any pages, forms and contacts assigned to it come out of it and ' +\n        'are otherwise untouched. Only the campaign itself goes.',\n      confirmationText: 'Delete campaign',\n    })\n      .then(() => true)\n      .catch(() => false)\n    if (!agreed) return\n    setDeleting(true)\n    try {\n      const { response, payload } = await manageApi({\n        action: 'deleteCampaign',\n        campaignId,\n      })\n      if (!response.ok) {\n        return void enqueueSnackbar(\n          payload?.error ?? 'The campaign could not be deleted',\n          { variant: 'warning', allowDuplicate: true },\n        )\n      }\n      enqueueSnackbar('Campaign deleted', { variant: 'success', persist: false })\n      router.push(`${basePath}/campaigns`)\n    } catch (error) {\n      console.error(error)\n      enqueueSnackbar('The campaign could not be deleted', {\n        variant: 'error',\n        allowDuplicate: true,\n      })\n    } finally {\n      setDeleting(false)\n    }\n  }, [\n    basePath,\n    campaignId,\n    confirm,\n    deleting,\n    enqueueSnackbar,\n    manageApi,\n    rollup.scheduled,\n    rollup.sending,\n    router,\n    sends.length,\n  ])\n\n  // Still settling. Falling through to the send report here would flash \"this\n  // campaign could not be loaded\" on every open of a campaign that exists —\n  // and under a site nothing is read at all until the site's org is known.\n  if (!campaign && (status === 'loading' || !orgId)) return null\n\n  /*\n   * NOT A CONTAINER — so it is a send id, and the send's own report is what\n   * this URL has always meant.\n   */\n  if (!campaign) {\n    return (\n      <CampaignReportCard\n        hostId={hostId}\n        campaignId={campaignId}\n        basePath={basePath}\n      />\n    )\n  }\n\n  const listIds = campaign.listIds ?? []\n  const names = new Map<string, string>(\n    (listDocs ?? []).map((list: any) => [\n      String(list.$id),\n      String(list.name ?? list.$id),\n    ]),\n  )\n  /*==========================================\n   * ONE EMAIL'S PAGE — the same one every other route to that record opens.\n   *\n   * The Emails hub's `emails/{sendId}`, which is where the messages list and\n   * a template's messages table also send a reader. One record has one page:\n   * a link that resolved somewhere else depending on which list it was\n   * clicked in would give the same message two pages, and the reader would\n   * have no way to tell which one they were on.\n   *\n   * `campaigns/{sendId}` on THIS hub goes on resolving as well, through the\n   * fall-through at the top of this file. That is not a convenience — every\n   * unsubscribe footer already delivered carries `cid={sendId}`, those\n   * messages sit in inboxes forever, and merchants paste report URLs into\n   * their own mail. Which link the console GENERATES and which URLs ANSWER\n   * are two separate questions, and only the first is decided here.\n   *\n   * Nor is a redirect the answer to the second. A redirect would be another\n   * thing to be wrong about an id that is inside an HMAC; a page that keeps\n   * working has nothing to get wrong, and it costs nothing to leave standing.\n   *=========================================*/\n  /*\n   * A message opens on the Emails page: the site's under a site, and over the\n   * org the organization's own, which lists every site's messages.\n   */\n  const sendHref = (send: CampaignSend) =>\n    (routeContext && pluginRecordHref('emailMessage', routeContext, send.$id)) || undefined\n  /** A template is a site's design, so it opens on the site the send used. */\n  const templateHref = (send: CampaignSend, templateScreenId: string): string | null => {\n    const siteContext = siteRecordRouteContext(routeContext, orgMount, send.hostId)\n    return siteContext ? pluginRecordHref('emailTemplate', siteContext, templateScreenId) : null\n  }\n\n  /**\n   * What one of this campaign's emails can be opened into.\n   *\n   * The same two the Emails hub offers, less the campaign — this page IS the\n   * campaign. Both destinations are records the Emails page owns, so they\n   * are asked of its record routes ({@link useRecordRouteContext}) rather than\n   * built from this surface's own `basePath`.\n   *\n   * A message composed inline was built from no template, so that entry is\n   * shown DISABLED with the reason rather than hidden: an absent control and\n   * an inapplicable one look identical, and only one is honest.\n   */\n  const sendActions = (send: CampaignSend): RowActionsMenuItem[] => {\n    const templateScreenId = String((send as any).templateScreenId ?? '')\n    const templates = templateScreenId ? templateHref(send, templateScreenId) : null\n    return [\n      {\n        key: 'details',\n        label: 'Open report',\n        icon: <MdiIcon path={mdiEyeOutline.path} size={0.8} />,\n        href: sendHref(send),\n        disabled: !sendHref(send),\n        disabledReason: 'This site’s console URL has not resolved yet',\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  }\n\n  /*\n   * The campaign's emails, on the surface's own row grammar: the row opens\n   * the email's report, its subject is also a real link so it can be\n   * middle-clicked and copied, and the trailing cluster holds the actions.\n   * A page of the table's own query, paged by that query.\n   */\n  const sendColumns: GridColDef<CampaignSend>[] = [\n    {\n      field: 'subject',\n      headerName: 'Subject',\n      flex: 1,\n      minWidth: 220,\n      valueGetter: (_value, send) => send.subject || send.$id,\n      /*\n        Plain text until the Emails hub resolves: a link with no destination\n        is worse than none, and this cell is the message's subject either way.\n       */\n      renderCell: ({ row: send, value }) => {\n        const href = sendHref(send)\n        return href ? (\n          <AppLink\n            href={href}\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          value\n        )\n      },\n    },\n    {\n      /*\n        WHAT THE EMAIL IS DOING, not the field it stores.\n\n        This branched on the status, which reads \"Scheduled\" about an email\n        that has delivered five hundred messages and is between batches — the\n        stored state the processor claims to resume it. The derivation reads\n        the counters beside the status; the due date is appended only where\n        there is genuinely nothing delivered yet, which is the one case a time\n        answers.\n       */\n      field: 'state',\n      headerName: 'State',\n      width: 220,\n      valueGetter: (_value, send) => {\n        const display = campaignSendDisplay(send)\n        return display.state === 'pending' && send.sendAtMs\n          ? `${display.label} · ${new Date(send.sendAtMs).toLocaleString()}`\n          : display.label\n      },\n      renderCell: ({ row: send, value }) => {\n        const state = campaignSendDisplay(send).state\n        return (\n          <Chip\n            size=\"small\"\n            color={\n              state === 'sending'\n                ? 'info'\n                : state === 'stopped' || state === 'held'\n                  ? 'warning'\n                  : undefined\n            }\n            label={value}\n          />\n        )\n      },\n    },\n    {\n      /*\n        Sent over addressed, on one line: the two figures only mean anything\n        beside each other, and the gap between them is the suppression list\n        doing its work.\n       */\n      field: 'sent',\n      headerName: 'Sent',\n      type: 'number',\n      align: 'right',\n      headerAlign: 'right',\n      width: 110,\n      valueGetter: (_value, send) => Number(send.stats?.sent ?? 0),\n      renderCell: ({ row: send }) =>\n        `${send.stats?.sent ?? 0}/${send.stats?.recipients ?? 0}`,\n    },\n    {\n      field: 'opens',\n      headerName: 'Opens',\n      type: 'number',\n      align: 'right',\n      headerAlign: 'right',\n      width: 100,\n      valueGetter: (_value, send) => Number(send.stats?.opens ?? 0),\n      valueFormatter: (value: number) => value.toLocaleString(),\n    },\n    {\n      field: 'clicks',\n      headerName: 'Clicks',\n      type: 'number',\n      align: 'right',\n      headerAlign: 'right',\n      width: 100,\n      valueGetter: (_value, send) => Number(send.stats?.clicks ?? 0),\n      valueFormatter: (value: number) => value.toLocaleString(),\n    },\n    listActionsColumn(\n      (send: CampaignSend) => (\n        <ListRowActions\n          label={String(send.subject || send.$id)}\n          items={sendActions(send)}\n        />\n      ),\n      { width: 72 },\n    ),\n  ]\n\n  const windowState = campaignWindowState(campaign, Date.now())\n  /*\n   * The mail-client unsubscribe button (AGL-3307): the campaign's setting,\n   * and the emails whose header the bulk guard turned back on while it was\n   * off — read off the sends this page already holds, each of which records\n   * what it did and why.\n   */\n  const listUnsubscribeOn = campaignListUnsubscribe(campaign)\n  const forcedSends = campaignForcedListUnsubscribeSends(sends)\n  const start = campaign.startAtMs\n    ? new Date(campaign.startAtMs).toLocaleDateString()\n    : ''\n  const end = campaign.endAtMs\n    ? new Date(campaign.endAtMs).toLocaleDateString()\n    : ''\n\n  /*\n   * THE SITES IT IS PLACED ON, which the org hub needs three times over: the\n   * forms and screens filed under it are gathered from each of them, its\n   * conversions are read for one of them, and an email written here is sent\n   * as one of them. Every site when it is placed everywhere. Under a site the\n   * answer is that site, and none of this is read.\n   */\n  const placedIds = campaignSiteIds(campaign)\n  const placedSites = orgMount\n    ? orgMount.hosts.filter(\n        (site) => placedIds === null || placedIds.includes(site.id),\n      )\n    : []\n  const conversionsHost =\n    hostId ?? (conversionsHostId || placedSites[0]?.id || '')\n  const conversionsBasePath = hostId\n    ? basePath\n    : orgSiteHubPath(orgMount, conversionsHost, 'marketing')\n  /** Asked only when there is a choice to make; one site answers itself. */\n  const writeAsHostId =\n    hostId ??\n    (placedSites.length === 1 ? placedSites[0].id : composeHostId)\n\n  /* The card, named so the page chrome above it is a plain list of\n     what this surface publishes upward. */\n  const card = (\n    <CardDisplay\n      header={'Campaign'}\n      subheader={\n        start || end\n          ? `${start || 'Open'} – ${end || 'open-ended'}`\n          : 'No campaign dates'\n      }\n      help={detailDocsHelp}\n      HeaderProps={{\n        /*\n          NAVIGATION, THEN THE OVERFLOW.\n\n          Editing and deleting a campaign live here rather than on the\n          campaigns table, because a record is edited on its own page in this\n          console. `RowActionsMenu` is named for table rows and its rendering\n          is not — a kebab and a menu whose items carry `destructive` and\n          `disabled` — so reusing it is what keeps this overflow behaving like\n          every other one on the surface, including the email page's.\n         */\n        action: (\n          <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n            <Button\n              component={AppLink as any}\n              {...({ componentVariant: 'naked', nativeButton: false } as any)}\n              href={`${basePath}/campaigns`}\n              size=\"small\"\n              color=\"primary\"\n            >\n              {'All campaigns'}\n            </Button>\n            <RowActionsMenu\n              label={campaign.name || 'Campaign'}\n              items={[\n                {\n                  key: 'edit',\n                  label: 'Edit campaign',\n                  icon: <MdiIcon path={mdiPencilOutline.path} size={0.8} />,\n                  onClick: () => {\n                    setSaveError(null)\n                    setEditing(true)\n                  },\n                },\n                {\n                  key: 'delete',\n                  label: 'Delete campaign',\n                  icon: <MdiIcon path={mdiDeleteOutline.path} size={0.8} />,\n                  destructive: true,\n                  disabled: deleting,\n                  disabledReason: 'This campaign is being deleted',\n                  onClick: () => void handleDelete(),\n                },\n              ]}\n            />\n          </Stack>\n        ),\n      }}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={2}>\n        <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n          <Chip size=\"small\" label={windowState} />\n          {listIds.length ? (\n            listIds.map((id) => (\n              <Chip\n                key={id}\n                size=\"small\"\n                variant=\"outlined\"\n                label={names.get(id) ?? id}\n              />\n            ))\n          ) : (\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {'No lists assigned — its emails pick their own audience'}\n            </Typography>\n          )}\n        </Stack>\n        {orgMount ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {placedIds === null\n              ? 'Offered on every site'\n              : placedIds.length\n                ? `Offered on ${placedIds\n                    .map((id) => orgSiteName(orgMount, id))\n                    .join(', ')}`\n                : 'Not offered on any site yet — edit the campaign to place it'}\n          </Typography>\n        ) : null}\n\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {campaignUtmLabels(campaign.utmCampaigns).length\n            ? `Links labeled utm_campaign=${campaignUtmLabels(campaign.utmCampaigns).join(', ')} credit this campaign`\n            : 'No utm_campaign labels — pages filed under it and its emails ' +\n              'credit it; edit the campaign to add the labels its ads carry'}\n        </Typography>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {listUnsubscribeOn\n            ? 'Mail-client unsubscribe button: on'\n            : 'Mail-client unsubscribe button: off — the footer link is ' +\n              'the way out, and the button comes back for any email that ' +\n              'would make your organization a bulk sender'}\n        </Typography>\n        {forcedSends.length ? (\n          <Alert severity=\"info\">\n            {`The mail-client unsubscribe button was turned back on for ` +\n              `${forcedSends.length === 1 ? 'one email' : `${forcedSends.length.toLocaleString()} emails`} ` +\n              'in this campaign, though the campaign has it off. '}\n            {forcedSends\n              .map(\n                (send) =>\n                  `${send.subject || send.$id}: ` +\n                  (send.listUnsubscribe?.detail ||\n                    'turned back on by the bulk-sender guard.'),\n              )\n              .join(' ')}\n          </Alert>\n        ) : null}\n\n        <Divider />\n        {/*\n          A CAMPAIGN IS NOT ONLY ITS MAIL, and it leads with the part that\n          is not.\n\n          What the campaign CAUSED and where it SENT people are facts about the\n          campaign; delivery, engagement and rates are mechanics of the\n          messages it used, and the list of those messages is one section among\n          several rather than the page. Ordering the mail first said the\n          opposite in the only way a page can — by what a reader meets before\n          they scroll — and a campaign of ONE email says it loudest, which is\n          why `campaign-report-card.tsx` carries these two headings in this\n          order too.\n\n          All three sections join on the campaign's own send ids, which is the\n          only handle the attribution, revenue and click-report collections\n          offer — see `campaign-reach-sections.tsx` for why no other join\n          exists, and why the web channel is named there rather than quietly\n          omitted.\n         */}\n        {/*\n          Conversions are recorded per SITE — they are that site's visitors —\n          so the org hub reads them for one site at a time, defaulting to the\n          first site the campaign is placed on.\n         */}\n        {orgMount && placedSites.length > 1 ? (\n          <TextField\n            select\n            size=\"small\"\n            label=\"Conversions on\"\n            value={conversionsHost}\n            onChange={(event) => setConversionsHostId(event.target.value)}\n            sx={{ maxWidth: 320 }}\n          >\n            {placedSites.map((site) => (\n              <MenuItem key={site.id} value={site.id}>\n                {site.name || site.subdomain || site.id}\n              </MenuItem>\n            ))}\n          </TextField>\n        ) : null}\n        {conversionsHost ? (\n          <CampaignConversionsSection\n            key={conversionsHost}\n            hostId={conversionsHost}\n            campaignId={campaignId}\n            sendIds={sendIds}\n            truncated={sendsTruncated}\n            basePath={conversionsBasePath}\n          />\n        ) : (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Conversions are counted per site, and this campaign is not ' +\n              'placed on one yet.'}\n          </Typography>\n        )}\n\n        <Divider />\n        {/*\n          WHO IT REACHED (AGL-3461), right under what it caused: the visitors\n          who reached the campaign — on a page filed under it, or from a link\n          labeled for it — are what the outcomes above are read against. Below\n          them, not above: the page opens on what the campaign did. One keyed\n          read, keyed by this campaign's id.\n         */}\n        <CampaignVisitsSection orgId={orgId} campaignId={campaignId} />\n\n        <Divider />\n        {/*\n          WHAT ITS SEQUENCES PRODUCED (AGL-3254), beside what its mail caused:\n          a sequence in this campaign is a rep's one-to-one outreach, and its\n          enrollments, sends, replies, meetings and conversions are the\n          campaign's numbers too. Joined on the container's own id, since a\n          sequence's emails are not the campaign's sends.\n         */}\n        <CampaignSequencesSection orgId={orgId} campaignId={campaignId} />\n\n        <Divider />\n        {/*\n          WHAT IT EARNED, between what it caused and where it sent people —\n          the order `campaign-report-card.tsx` puts these three in, so a\n          campaign of one email and a campaign of ten answer the merchant's\n          questions in the same sequence.\n\n          How many messages a container holds is not a fact about whether its\n          revenue is knowable, so the money question is answered here whatever\n          the count. Reading it costs one record per email, so it asks first —\n          see `campaign-reach-sections.tsx` for that bargain, and for why the\n          currencies are reported apart and never totalled.\n         */}\n        <CampaignRevenueSection\n          orgId={orgId}\n          sendIds={sendIds}\n          truncated={sendsTruncated}\n        />\n\n        <Divider />\n        <CampaignDestinationsSection\n          orgId={orgId}\n          sendIds={sendIds}\n          truncated={sendsTruncated}\n        />\n\n        <Divider />\n        {/*\n          WHAT THE MERCHANT SAID BELONGS HERE, under what the visitors did.\n\n          Everything above this line is measured — the conversions, the money\n          and the pages the mail's own links pointed at, all joined on this\n          campaign's send ids. This section is the only one on the page that\n          reports a DECLARATION: a screen or a form carrying this campaign's\n          id in its own document because somebody put it there.\n\n          It sits after the evidence deliberately. A reader who met the\n          assigned list first would take it for the campaign's reach, and the\n          two are not the same list — a landing page can be assigned to a\n          campaign no email ever linked to, and a campaign's mail can drive\n          traffic to a page assigned to nothing.\n\n          The dates go with it. A form's counters are lifetime, so a campaign\n          with a window has to be able to confine them to its own months; a\n          campaign without one is told so, and says its figures are lifetime\n          rather than implying they are its own.\n         */}\n        {hostId ? (\n          <CampaignMembersSection\n            hostId={hostId}\n            campaignId={campaignId}\n            startAtMs={campaign.startAtMs}\n            endAtMs={campaign.endAtMs}\n          />\n        ) : (\n          /*\n           * Forms and screens are a site's records, so on the org hub each\n           * site the campaign is placed on answers for its own. One section\n           * per site keeps each one's figures and ceilings its own rather\n           * than merging lists that were bounded separately.\n           */\n          placedSites.map((site) => (\n            <CampaignMembersSection\n              key={site.id}\n              hostId={site.id}\n              siteName={site.name || site.subdomain || site.id}\n              campaignId={campaignId}\n              startAtMs={campaign.startAtMs}\n              endAtMs={campaign.endAtMs}\n            />\n          ))\n        )}\n\n        <Divider />\n        {/*\n          THE MAIL'S OWN FIGURES, under the outcomes rather than over them.\n\n          The sum over the campaign's emails, not a second set of counters.\n          Nothing is stored per campaign: a rollup document would have to be\n          kept true against every delivery event of every email in it, and the\n          numbers it duplicates are already on the sends this page reads.\n\n          Drawn by the shared figures so a campaign's rate and a single\n          message's read the same way — denominator named on the line, and an\n          em dash rather than a zero where nothing was recorded.\n         */}\n        <Section title=\"The mail, across this campaign\">\n          <Stack useFlexGap direction=\"row\" spacing={3} sx={{ flexWrap: 'wrap' }}>\n            <Figure label=\"Addressed\" {...rolled(rollup.addressed)} />\n            <Figure label=\"Sent\" {...rolled(rollup.sent)} />\n            <Figure label=\"Delivered\" {...rolled(rollup.delivered)} />\n            <Figure label=\"Opens\" {...rolled(rollup.opens)} />\n            <Figure label=\"Clicks\" {...rolled(rollup.clicks)} />\n            <Figure label=\"Unsubscribed\" {...rolled(rollup.unsubscribes)} />\n          </Stack>\n        </Section>\n        <Stack spacing={0.5}>\n          <RateRow label=\"Open rate\" rate={rollup.openRate} />\n          <RateRow label=\"Click rate\" rate={rollup.clickRate} />\n          <RateRow label=\"Unsubscribe rate\" rate={rollup.unsubscribeRate} />\n        </Stack>\n\n        <Divider />\n        <Stack\n          direction=\"row\"\n          spacing={1}\n          sx={{ alignItems: 'center', justifyContent: 'space-between' }}\n        >\n          {/*\n            The section rail's own heading style, so this reads as one section\n            among the others rather than as the page's subject.\n           */}\n          <Typography variant=\"overline\" color=\"text.secondary\">\n            {`Emails (${sends.length})`}\n          </Typography>\n          <Button\n            size=\"small\"\n            variant={composing ? 'text' : 'contained'}\n            onClick={() => setComposing((open) => !open)}\n          >\n            {composing ? 'Close composer' : 'Write an email'}\n          </Button>\n        </Stack>\n        {sends.length ? (\n          <Stack spacing={0.5}>\n            <ListFilterChips\n              fields={SEND_FILTER_FIELDS}\n              headers={SEND_FILTER_HEADERS}\n              clauses={gridFilter.clauses}\n              onChange={gridFilter.setClauses}\n              options={SEND_FILTER_OPTIONS}\n            />\n            <ListQueryNotices\n              refused={listQueryRefusals(sendPage.plan.refused, {\n                fields: SEND_FILTER_FIELDS,\n                headers: SEND_FILTER_HEADERS,\n                options: SEND_FILTER_OPTIONS,\n              })}\n              notices={[...sendPage.plan.notices, ...sendSort.notices]}\n            />\n            <ListTable\n              aria-label=\"The campaign's emails\"\n              rows={sendSort.rows}\n              columns={listFilterGridColumns(\n                sendColumns as GridColDef[],\n                SEND_FILTER_FIELDS,\n                SEND_FILTER_OPTIONS,\n                SEND_FILTER_HEADERS,\n              )}\n              rowHeight={TABLE_ROW_HEIGHT}\n              onOpen={(_id, send) => {\n                const href = sendHref(send)\n                if (href) router.push(href)\n              }}\n              loading={sendPage.status === 'loading'}\n              /*\n               * The panel and the search are the grid's; every clause and the\n               * search word are on the table's query (AGL-3321), and the grid\n               * neither filters nor sorts the page it is handed: Subject\n               * orders the query, State and the figures the page (AGL-3680).\n               */\n              filterMode=\"server\"\n              filterModel={gridFilter.filterModel}\n              onFilterModelChange={gridFilter.onFilterModelChange}\n              quickFilter\n              columnSort={sendSort}\n              hideFooter\n              initialState={{\n                columns: {\n                  columnVisibilityModel: hiddenFilterVisibility(\n                    SEND_FILTER_FIELDS,\n                    sendColumns.map((column) => String(column.field)),\n                  ),\n                },\n              }}\n              noRowsLabel=\"No emails match these filters\"\n            />\n            <ListPagination\n              page={sendPage.page}\n              pageSize={sendPage.pageSize}\n              rowCount={sendPage.rows.length}\n              hasMore={sendPage.hasMore}\n              onPageChange={sendPage.setPage}\n              onPageSizeChange={sendPage.setPageSize}\n            />\n            {sendsTruncated ? (\n              <Alert severity=\"info\">\n                {`The figures above cover ${CAMPAIGN_EMAIL_CEILING} of this ` +\n                  'campaign’s emails. It has sent more; the table lists ' +\n                  'every one of them.'}\n              </Alert>\n            ) : null}\n          </Stack>\n        ) : (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'No emails in this campaign yet.'}\n          </Typography>\n        )}\n\n        {/*\n          THE COMPOSER, ON DEMAND.\n\n          It opens listens of its own — the site's email designs, the org's\n          lists and segments, the running experiments — and this page is also\n          where somebody arrives to read numbers. Mounting it unasked would\n          make every reader pay for a composer they did not open, which is the\n          same cost the campaign report was split onto its own route to avoid.\n         */}\n        {composing ? (\n          <Box>\n            <Divider sx={{ mb: 2 }} />\n            {/*\n              WHICH SITE IT IS SENT AS, asked first on the org hub. The sender,\n              the designs, the consent a recipient gave and the unsubscribe\n              signature are all one site's, so the composer cannot open\n              without one — and the choice is limited to the sites this\n              campaign is placed on.\n             */}\n            {!hostId && placedSites.length > 1 ? (\n              <TextField\n                select\n                size=\"small\"\n                label=\"Send as\"\n                value={composeHostId}\n                onChange={(event) => setComposeHostId(event.target.value)}\n                helperText=\"The site this email is sent from — its sender, designs and unsubscribe page\"\n                sx={{ mb: 2, maxWidth: 420 }}\n                fullWidth\n              >\n                {placedSites.map((site) => (\n                  <MenuItem key={site.id} value={site.id}>\n                    {site.name || site.subdomain || site.id}\n                  </MenuItem>\n                ))}\n              </TextField>\n            ) : null}\n            {writeAsHostId ? (\n              <CampaignComposer\n                key={writeAsHostId}\n                hostId={writeAsHostId}\n                emailCampaignId={campaignId}\n                campaignListIds={listIds}\n                campaignTopicId={campaign.topicId}\n                onSent={() => setComposing(false)}\n              />\n            ) : !placedSites.length && !hostId ? (\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {'Place this campaign on a site before writing an email in ' +\n                  'it — every email is sent as one site.'}\n              </Typography>\n            ) : null}\n          </Box>\n        ) : null}\n      </Stack>\n      {/*\n        THE EDIT DRAWER, on the campaign's own page.\n\n        Its list picker reads the same `listDocs` the chips above already\n        cost, so opening it adds one read — the topic catalog — and only\n        while it is open.\n       */}\n      {/* Draws nothing: the zone the topic catalog's owner answers through. */}\n      {topicSource}\n      <CampaignEditDrawer\n        open={editing}\n        onClose={() => setEditing(false)}\n        campaign={campaign}\n        lists={(listDocs ?? []).map((list: any) => ({\n          value: String(list.$id),\n          label: String(list.name ?? list.$id),\n        }))}\n        topics={topicOptions}\n        sites={orgMount ? orgSiteOptions(orgMount) : undefined}\n        busy={saving}\n        error={saveError}\n        onSubmit={(values) => void handleSave(values)}\n      />\n    </CardDisplay>\n  )\n\n  return (\n    <>\n      {/* The page heading and the trail name the campaign; this card is\n          then free to say what it holds rather than repeating the title. */}\n      <PageHeaderRecord title={campaign.name || campaignId} />\n      {card}\n    </>\n  )\n}\nCampaignDetailCard.displayName = 'CampaignDetailCard'\n\nexport default CampaignDetailCard\n"],"names":["pluginRecordHref","mdiDeleteOutline","mdiEyeOutline","mdiPaletteOutline","mdiPencilOutline","AppLink","CardDisplay","MdiIcon","useConfirmationContext","Figure","RateRow","Section","ListFilterChips","ListPagination","ListQueryNotices","listQueryRefusals","ListRowActions","ListTable","listActionsColumn","hiddenFilterVisibility","listFilterGridColumns","useListGridFilter","useListColumnSort","RowActionsMenu","TABLE_ROW_HEIGHT","ceilingedWindow","useListQuery","PageHeaderRecord","pluginDocsHelp","Alert","Box","Button","Chip","Divider","MenuItem","Stack","TextField","Typography","collection","deleteField","documentId","limit","orderBy","query","updateDoc","where","useCallback","useMemo","useState","useRouter","useSnackbar","useFirestore","useFirestoreCollection","useFirestoreDoc","campaignForcedListUnsubscribeSends","campaignListUnsubscribe","campaignRollup","campaignSendDisplay","campaignSiteIds","campaignUtmLabels","campaignVisibleTo","campaignWindowState","emailListTimeMs","CAMPAIGN_EMAILS_QUERY","CAMPAIGN_SEND_STATUS_OPTIONS","campaignContainerSearchFields","campaignSendsScope","CampaignComposer","CampaignEditDrawer","CampaignConversionsSection","CampaignDestinationsSection","CampaignRevenueSection","CampaignSequencesSection","CampaignVisitsSection","CampaignMembersSection","CampaignReportCard","campaignContainerDoc","campaignSendsCollection","campaignSendsQuery","orgSiteHubPath","orgSiteName","orgSiteOptions","topicCatalogHostId","useMarketingOrgId","useMarketingOrgMount","useCampaignManageApi","siteRecordRouteContext","useRecordRouteContext","useCampaignTopicOptions","CAMPAIGN_EMAIL_CEILING","detailDocsHelp","anchor","excerpt","rolled","value","note","recorded","sends","SEND_FILTER_FIELDS","fields","SEND_FILTER_OPTIONS","status","SEND_FILTER_HEADERS","subject","createdAtMs","SEND_PAGE_SORTS","state","send","label","sent","stats","opens","clicks","SEND_PAGE_SORT_HEADERS","CampaignDetailCard","props","campaign","placedSites","hostId","campaignId","basePath","firestore","routeContext","router","orgMount","orgId","confirm","enqueueSnackbar","manageApi","composeHostId","setComposeHostId","conversionsHostId","setConversionsHostId","composing","setComposing","editing","setEditing","saving","setSaving","saveError","setSaveError","deleting","setDeleting","data","sendDocs","Boolean","idField","listDocs","topics","source","topicSource","enabled","topicOptions","map","topic","id","name","rows","readSends","truncated","sendsTruncated","sort","a","b","rollup","gridFilter","selectFields","askedSort","setAskedSort","sendPage","declaration","request","clauses","search","searchWords","base","path","op","deps","sendSort","sorts","onSortChange","plan","pageSorts","headers","sendIds","String","$id","filter","handleSave","values","placement","siteIds","undefined","visibleTo","startAtMs","endAtMs","listIds","topicId","listUnsubscribe","utmCampaigns","variant","persist","error","console","handleDelete","unfinished","scheduled","sending","agreed","title","description","length","toLocaleString","confirmationText","then","catch","response","payload","action","ok","allowDuplicate","push","names","Map","list","sendHref","templateHref","templateScreenId","siteContext","sendActions","templates","key","icon","size","href","disabled","disabledReason","sendColumns","field","headerName","flex","minWidth","valueGetter","_value","renderCell","row","onClick","event","stopPropagation","width","display","sendAtMs","Date","color","type","align","headerAlign","Number","recipients","valueFormatter","items","windowState","now","listUnsubscribeOn","forcedSends","start","toLocaleDateString","end","placedIds","hosts","site","includes","conversionsHost","conversionsBasePath","writeAsHostId","card","header","subheader","help","HeaderProps","direction","spacing","sx","alignItems","component","componentVariant","nativeButton","destructive","contentGutterX","contentGutterY","get","join","severity","detail","select","onChange","target","maxWidth","subdomain","siteName","useFlexGap","flexWrap","addressed","delivered","unsubscribes","rate","openRate","clickRate","unsubscribeRate","justifyContent","open","setClauses","options","refused","notices","aria-label","columns","rowHeight","onOpen","_id","loading","filterMode","filterModel","onFilterModelChange","quickFilter","columnSort","hideFooter","initialState","columnVisibilityModel","column","noRowsLabel","page","pageSize","rowCount","hasMore","onPageChange","setPage","onPageSizeChange","setPageSize","mb","helperText","fullWidth","emailCampaignId","campaignListIds","campaignTopicId","onSent","onClose","lists","sites","busy","onSubmit","displayName"],"mappings":"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"}

package/src/lib/components/campaign-edit-drawer.js

@@ -196,6 +196,7 @@ import { campaignListUnsubscribe, campaignSiteIds, campaignUtmLabels } from "../
                             select: {
                                 multiple: true,
                                 renderValue: (selected)=>/*#__PURE__*/ _jsx(Stack, {
+                                        useFlexGap: true,
                                         direction: "row",
                                         spacing: 0.5,
                                         sx: {
@@ -279,6 +280,7 @@ import { campaignListUnsubscribe, campaignSiteIds, campaignUtmLabels } from "../
                                 multiple: true,
                                 displayEmpty: true,
                                 renderValue: (selected)=>selected.length ? /*#__PURE__*/ _jsx(Stack, {
+                                        useFlexGap: true,
                                         direction: "row",
                                         spacing: 0.5,
                                         sx: {

package/src/lib/components/campaign-edit-drawer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/campaign-edit-drawer.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 { ICON_VARIANT_CLOSE } from '@aglyn/shared-data-enums'\nimport { Container, MdiIcon, SrOnly } from '@aglyn/shared-ui-jsx'\nimport { NavigationDrawerComponent } from '@aglyn/shared-ui-jsx/components/navigation-drawer.component'\nimport {\n  Alert,\n  Button,\n  Chip,\n  FormControlLabel,\n  IconButton,\n  MenuItem,\n  Stack,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useEffect, useState } from 'react'\nimport {\n  campaignListUnsubscribe,\n  campaignSiteIds,\n  campaignUtmLabels,\n} from '../model/campaign-container'\n\n/** One option in the list or topic picker. */\nexport interface CampaignEditOption {\n  value: string\n  label: string\n}\n\n/** What the drawer collects — the container's whole editable surface. */\nexport interface CampaignEditValues {\n  name: string\n  startAtMs: number | null\n  endAtMs: number | null\n  listIds: string[]\n  topicId: string\n  /** Whether its emails carry the mail-client unsubscribe button (AGL-3307). */\n  listUnsubscribe: boolean\n  /**\n   * The `utm_campaign` labels that mean this campaign (AGL-3461), as typed —\n   * the save normalizes them with `campaignUtmLabels`.\n   */\n  utmCampaigns: string[]\n  /**\n   * The sites it is placed on — `null` for every site. Present only when the\n   * drawer was handed `sites`, which only the org hub does (a site hub never\n   * moves a campaign's placement), and only when the field was changed.\n   */\n  siteIds?: string[] | null\n}\n\nexport interface CampaignEditDrawerProps {\n  open: boolean\n  onClose: () => void\n  /** The campaign as stored, for the fields to open on. */\n  campaign: {\n    name?: string\n    startAtMs?: number | null\n    endAtMs?: number | null\n    listIds?: string[]\n    topicId?: string\n    visibleTo?: string[]\n    listUnsubscribe?: boolean\n    utmCampaigns?: string[]\n  } | null\n  /** The org's email lists, which this campaign may be aimed at. */\n  lists: CampaignEditOption[]\n  /** The org's active topics — the stream its emails open on. */\n  topics: CampaignEditOption[]\n  /**\n   * The org's sites, which turns on the placement field. Passed by the org\n   * hub alone: moving a campaign between sites is an org-wide decision, and\n   * the rules refuse it from anyone narrower.\n   */\n  sites?: CampaignEditOption[]\n  busy?: boolean\n  /** A refusal from the write, shown where the form still is. */\n  error?: string | null\n  onSubmit: (values: CampaignEditValues) => void\n}\n\n/**\n * The `YYYY-MM-DD` a `date` input wants, from epoch ms.\n *\n * UTC, matching the writer: the create drawer stores `Date.parse('2026-03-01')`,\n * which is UTC midnight, so reading it back in local time shows the previous\n * day to everyone west of Greenwich — a campaign that changed its own start\n * date by being opened.\n */\nfunction dayInputValue(ms: number | null | undefined): string {\n  if (typeof ms !== 'number' || !Number.isFinite(ms)) return ''\n  const at = new Date(ms)\n  return Number.isNaN(at.getTime()) ? '' : at.toISOString().slice(0, 10)\n}\n\n/** Epoch ms for a `YYYY-MM-DD` a `date` input produced, or null for empty. */\nfunction dayInputMs(value: string): number | null {\n  if (!value) return null\n  const parsed = Date.parse(value)\n  return Number.isFinite(parsed) ? parsed : null\n}\n\n/**\n * EDITING ONE CAMPAIGN, IN A DRAWER ON THE CAMPAIGN'S OWN PAGE.\n *\n * A drawer and not a form above the campaigns table: a record is edited on\n * its own surface in this console, and a list with a form on top of it is\n * the shape the whole surface was routed to stop.\n *\n * ## Everything a container holds is editable, and that is the whole point\n *\n * A campaign is a name, a window, the lists it is aimed at and the stream its\n * emails open on. None of it describes mail that has already been delivered —\n * that lives on the SENDS, which record their own subject, audience and topic\n * at send time and are never rewritten. So unlike an email, where only the\n * console-only display name stays editable after it goes out, a campaign has\n * no field that could come to disagree with somebody's inbox.\n *\n * Changing the topic is the one that reads as though it might. It does not:\n * the topic here is what the composer's picker OPENS ON, and each send\n * records the topic it actually went out under. Re-pointing a campaign\n * changes the default for the next email written in it and nothing about the\n * ones already sent.\n */\nexport function CampaignEditDrawer(props: CampaignEditDrawerProps) {\n  const { open, onClose, campaign, lists, topics, sites, busy, error, onSubmit } =\n    props\n\n  const [name, setName] = useState('')\n  const [startAt, setStartAt] = useState('')\n  const [endAt, setEndAt] = useState('')\n  const [listIds, setListIds] = useState<string[]>([])\n  const [topicId, setTopicId] = useState('')\n  const [listUnsubscribe, setListUnsubscribe] = useState(true)\n  /** The utm_campaign labels, as the field holds them: one per line or comma. */\n  const [utmLabels, setUtmLabels] = useState('')\n  /** The chosen sites; empty is every site, as the create drawer reads it. */\n  const [siteIds, setSiteIds] = useState<string[]>([])\n  /*\n   * Whether the placement was CHANGED here. An untouched field submits\n   * nothing, so saving a name cannot rewrite where a campaign is offered —\n   * least of all turn a campaign placed on no site (an absent `visibleTo`,\n   * which the field has no way to draw) into one on every site.\n   */\n  const [sitesTouched, setSitesTouched] = useState(false)\n\n  /*\n   * Re-seeded whenever the drawer opens rather than held from the last time.\n   * The campaign arrives asynchronously and can change under a closed drawer,\n   * so seeding once at mount would open it on a stale name.\n   */\n  useEffect(() => {\n    if (!open) return\n    setName(String(campaign?.name ?? ''))\n    setStartAt(dayInputValue(campaign?.startAtMs))\n    setEndAt(dayInputValue(campaign?.endAtMs))\n    setListIds((campaign?.listIds ?? []).map(String))\n    setTopicId(String(campaign?.topicId ?? ''))\n    setListUnsubscribe(campaignListUnsubscribe(campaign))\n    setUtmLabels(campaignUtmLabels(campaign?.utmCampaigns).join(', '))\n    setSiteIds(campaignSiteIds(campaign) ?? [])\n    setSitesTouched(false)\n  }, [open, campaign])\n\n  const startAtMs = dayInputMs(startAt)\n  const endAtMs = dayInputMs(endAt)\n  /*\n   * Refused in the form rather than stored and rendered, exactly as the\n   * create drawer refuses it: a campaign that ends before it starts is a\n   * window no state in `campaignWindowState` describes, so it would draw as\n   * \"Ended\" from the day it was made.\n   */\n  const backwards = startAtMs !== null && endAtMs !== null && endAtMs < startAtMs\n  const submittable = name.trim().length > 0 && !backwards && !busy\n\n  return (\n    <NavigationDrawerComponent\n      open={open}\n      anchor=\"right\"\n      variant=\"temporary\"\n      onClose={onClose}\n      AppBarProps={{ color: 'surface' }}\n      appBarLeft={\n        <>\n          <IconButton\n            color=\"inherit\"\n            edge=\"start\"\n            onClick={onClose}\n            sx={{ mr: 2 }}\n          >\n            <MdiIcon path={ICON_VARIANT_CLOSE.path} />\n            <SrOnly>close drawer</SrOnly>\n          </IconButton>\n          <Typography variant=\"h6\" component=\"div\">\n            {'Edit campaign'}\n          </Typography>\n        </>\n      }\n      appBarRight={\n        <Button variant=\"outlined\" color=\"inherit\" onClick={onClose}>\n          {'Cancel'}\n        </Button>\n      }\n    >\n      <Container gutterY>\n        <Stack spacing={2}>\n          <TextField\n            label=\"Name\"\n            value={name}\n            onChange={(event) => setName(event.target.value)}\n            helperText=\"What you call this campaign in the console\"\n            fullWidth\n          />\n          <TextField\n            type=\"date\"\n            label=\"Starts\"\n            value={startAt}\n            onChange={(event) => setStartAt(event.target.value)}\n            helperText=\"When the campaign window opens\"\n            slotProps={{ inputLabel: { shrink: true } }}\n            fullWidth\n          />\n          <TextField\n            type=\"date\"\n            label=\"Ends\"\n            value={endAt}\n            onChange={(event) => setEndAt(event.target.value)}\n            helperText=\"Leave empty for an open-ended campaign\"\n            slotProps={{ inputLabel: { shrink: true } }}\n            fullWidth\n          />\n          <TextField\n            select\n            label=\"Lists\"\n            value={listIds}\n            onChange={(event) =>\n              setListIds(\n                // A multiple select hands back an array; the typing on the\n                // change event does not know that.\n                (event.target.value as unknown as string[]).map(String),\n              )\n            }\n            // A campaign with no list is legitimate: its emails can go to\n            // leads, to site members, or to a segment.\n            helperText=\"The lists this campaign is aimed at\"\n            slotProps={{\n              select: {\n                multiple: true,\n                renderValue: (selected: unknown) => (\n                  <Stack direction=\"row\" spacing={0.5} sx={{ flexWrap: 'wrap' }}>\n                    {(selected as string[]).map((id) => (\n                      <Chip\n                        key={id}\n                        size=\"small\"\n                        label={\n                          lists.find((list) => list.value === id)?.label ?? id\n                        }\n                      />\n                    ))}\n                  </Stack>\n                ),\n              },\n            }}\n            fullWidth\n          >\n            {lists.map((list) => (\n              <MenuItem key={list.value} value={list.value}>\n                {list.label}\n              </MenuItem>\n            ))}\n          </TextField>\n          <TextField\n            select\n            label=\"Topic\"\n            value={topicId}\n            onChange={(event) => setTopicId(event.target.value)}\n            helperText=\"The stream its emails open on — each one can change it\"\n            fullWidth\n          >\n            {/*\n              An explicit \"no default\" option rather than only the topics.\n              A campaign is allowed to carry none — the send resolves the\n              org's default when the composer names nothing — and a select\n              with no way back to empty makes the first choice permanent.\n             */}\n            <MenuItem value=\"\">{'No default — each email chooses'}</MenuItem>\n            {topics.map((topic) => (\n              <MenuItem key={topic.value} value={topic.value}>\n                {topic.label}\n              </MenuItem>\n            ))}\n          </TextField>\n          {/*\n            THE LABELS THAT MEAN THIS CAMPAIGN (AGL-3461). An ad or a social\n            post carries `utm_campaign=…`; a label named here credits this\n            campaign the way a page filed under it does. Lowercased and\n            deduped on save, which is how the lookup matches them.\n           */}\n          <TextField\n            label=\"utm_campaign labels\"\n            value={utmLabels}\n            onChange={(event) => setUtmLabels(event.target.value)}\n            helperText={\n              'Links carrying one of these utm_campaign values credit this ' +\n              'campaign. Separate them with commas. A label two campaigns ' +\n              'both list credits neither.'\n            }\n            placeholder=\"spring-launch, spring-retargeting\"\n            fullWidth\n          />\n          {/*\n            The mail-client unsubscribe button (AGL-3307), the setting a\n            sequence carries too with the same label. ON for a campaign,\n            because campaigns are bulk mail. Off warns, and the send path\n            turns it back on for any email that would make the organization\n            a bulk sender — the page says so when it does.\n           */}\n          <Stack spacing={0}>\n            <FormControlLabel\n              control={\n                <Switch\n                  checked={listUnsubscribe}\n                  onChange={(event) => setListUnsubscribe(event.target.checked)}\n                />\n              }\n              label=\"Add a mail-client unsubscribe button\"\n            />\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              Adds the List-Unsubscribe header, so the recipient’s mail app\n              shows its own Unsubscribe button. It’s the easiest way out for\n              them, and Gmail and Yahoo require it from bulk senders. The\n              unsubscribe link in the footer is always there, either way.\n            </Typography>\n          </Stack>\n          {!listUnsubscribe ? (\n            <Alert severity=\"warning\">\n              {'Without it, Gmail and Yahoo can reject or spam-folder these ' +\n                'emails once your organization sends in bulk, and more ' +\n                'people mark you as spam when their mail app offers no ' +\n                'unsubscribe button. It is turned back on automatically for ' +\n                'any email that would make your organization a bulk sender, ' +\n                'and the campaign page says so when it is.'}\n            </Alert>\n          ) : null}\n          {sites ? (\n            <TextField\n              select\n              label=\"Sites\"\n              value={siteIds}\n              onChange={(event) => {\n                setSitesTouched(true)\n                setSiteIds(\n                  (event.target.value as unknown as string[]).map(String),\n                )\n              }}\n              helperText=\"The sites this campaign is offered on. Leave empty for every site.\"\n              slotProps={{\n                select: {\n                  multiple: true,\n                  displayEmpty: true,\n                  renderValue: (selected: unknown) =>\n                    (selected as string[]).length ? (\n                      <Stack\n                        direction=\"row\"\n                        spacing={0.5}\n                        sx={{ flexWrap: 'wrap' }}\n                      >\n                        {(selected as string[]).map((id) => (\n                          <Chip\n                            key={id}\n                            size=\"small\"\n                            label={\n                              sites.find((site) => site.value === id)?.label ??\n                              id\n                            }\n                          />\n                        ))}\n                      </Stack>\n                    ) : (\n                      'Every site'\n                    ),\n                },\n                inputLabel: { shrink: true },\n              }}\n              fullWidth\n            >\n              {sites.map((site) => (\n                <MenuItem key={site.value} value={site.value}>\n                  {site.label}\n                </MenuItem>\n              ))}\n            </TextField>\n          ) : null}\n          {backwards ? (\n            <Alert severity=\"warning\">\n              {'The end date is before the start date.'}\n            </Alert>\n          ) : null}\n          {error ? <Alert severity=\"error\">{error}</Alert> : null}\n          <Button\n            variant=\"contained\"\n            disabled={!submittable}\n            onClick={() =>\n              onSubmit({\n                name: name.trim(),\n                startAtMs,\n                endAtMs,\n                listIds,\n                topicId,\n                listUnsubscribe,\n                utmCampaigns: campaignUtmLabels(utmLabels),\n                ...(sites && sitesTouched\n                  ? { siteIds: siteIds.length ? siteIds : null }\n                  : {}),\n              })\n            }\n          >\n            {busy ? 'Saving…' : 'Save campaign'}\n          </Button>\n        </Stack>\n      </Container>\n    </NavigationDrawerComponent>\n  )\n}\nCampaignEditDrawer.displayName = 'CampaignEditDrawer'\n\nexport default CampaignEditDrawer\n"],"names":["ICON_VARIANT_CLOSE","Container","MdiIcon","SrOnly","NavigationDrawerComponent","Alert","Button","Chip","FormControlLabel","IconButton","MenuItem","Stack","Switch","TextField","Typography","useEffect","useState","campaignListUnsubscribe","campaignSiteIds","campaignUtmLabels","dayInputValue","ms","Number","isFinite","at","Date","isNaN","getTime","toISOString","slice","dayInputMs","value","parsed","parse","CampaignEditDrawer","props","open","onClose","campaign","lists","topics","sites","busy","error","onSubmit","name","setName","startAt","setStartAt","endAt","setEndAt","listIds","setListIds","topicId","setTopicId","listUnsubscribe","setListUnsubscribe","utmLabels","setUtmLabels","siteIds","setSiteIds","sitesTouched","setSitesTouched","String","startAtMs","endAtMs","map","utmCampaigns","join","backwards","submittable","trim","length","anchor","variant","AppBarProps","color","appBarLeft","edge","onClick","sx","mr","path","component","appBarRight","gutterY","spacing","label","onChange","event","target","helperText","fullWidth","type","slotProps","inputLabel","shrink","select","multiple","renderValue","selected","direction","flexWrap","id","size","find","list","topic","placeholder","control","checked","severity","displayEmpty","site","disabled","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/marketing/src/lib/components/campaign-edit-drawer.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 { ICON_VARIANT_CLOSE } from '@aglyn/shared-data-enums'\nimport { Container, MdiIcon, SrOnly } from '@aglyn/shared-ui-jsx'\nimport { NavigationDrawerComponent } from '@aglyn/shared-ui-jsx/components/navigation-drawer.component'\nimport {\n  Alert,\n  Button,\n  Chip,\n  FormControlLabel,\n  IconButton,\n  MenuItem,\n  Stack,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useEffect, useState } from 'react'\nimport {\n  campaignListUnsubscribe,\n  campaignSiteIds,\n  campaignUtmLabels,\n} from '../model/campaign-container'\n\n/** One option in the list or topic picker. */\nexport interface CampaignEditOption {\n  value: string\n  label: string\n}\n\n/** What the drawer collects — the container's whole editable surface. */\nexport interface CampaignEditValues {\n  name: string\n  startAtMs: number | null\n  endAtMs: number | null\n  listIds: string[]\n  topicId: string\n  /** Whether its emails carry the mail-client unsubscribe button (AGL-3307). */\n  listUnsubscribe: boolean\n  /**\n   * The `utm_campaign` labels that mean this campaign (AGL-3461), as typed —\n   * the save normalizes them with `campaignUtmLabels`.\n   */\n  utmCampaigns: string[]\n  /**\n   * The sites it is placed on — `null` for every site. Present only when the\n   * drawer was handed `sites`, which only the org hub does (a site hub never\n   * moves a campaign's placement), and only when the field was changed.\n   */\n  siteIds?: string[] | null\n}\n\nexport interface CampaignEditDrawerProps {\n  open: boolean\n  onClose: () => void\n  /** The campaign as stored, for the fields to open on. */\n  campaign: {\n    name?: string\n    startAtMs?: number | null\n    endAtMs?: number | null\n    listIds?: string[]\n    topicId?: string\n    visibleTo?: string[]\n    listUnsubscribe?: boolean\n    utmCampaigns?: string[]\n  } | null\n  /** The org's email lists, which this campaign may be aimed at. */\n  lists: CampaignEditOption[]\n  /** The org's active topics — the stream its emails open on. */\n  topics: CampaignEditOption[]\n  /**\n   * The org's sites, which turns on the placement field. Passed by the org\n   * hub alone: moving a campaign between sites is an org-wide decision, and\n   * the rules refuse it from anyone narrower.\n   */\n  sites?: CampaignEditOption[]\n  busy?: boolean\n  /** A refusal from the write, shown where the form still is. */\n  error?: string | null\n  onSubmit: (values: CampaignEditValues) => void\n}\n\n/**\n * The `YYYY-MM-DD` a `date` input wants, from epoch ms.\n *\n * UTC, matching the writer: the create drawer stores `Date.parse('2026-03-01')`,\n * which is UTC midnight, so reading it back in local time shows the previous\n * day to everyone west of Greenwich — a campaign that changed its own start\n * date by being opened.\n */\nfunction dayInputValue(ms: number | null | undefined): string {\n  if (typeof ms !== 'number' || !Number.isFinite(ms)) return ''\n  const at = new Date(ms)\n  return Number.isNaN(at.getTime()) ? '' : at.toISOString().slice(0, 10)\n}\n\n/** Epoch ms for a `YYYY-MM-DD` a `date` input produced, or null for empty. */\nfunction dayInputMs(value: string): number | null {\n  if (!value) return null\n  const parsed = Date.parse(value)\n  return Number.isFinite(parsed) ? parsed : null\n}\n\n/**\n * EDITING ONE CAMPAIGN, IN A DRAWER ON THE CAMPAIGN'S OWN PAGE.\n *\n * A drawer and not a form above the campaigns table: a record is edited on\n * its own surface in this console, and a list with a form on top of it is\n * the shape the whole surface was routed to stop.\n *\n * ## Everything a container holds is editable, and that is the whole point\n *\n * A campaign is a name, a window, the lists it is aimed at and the stream its\n * emails open on. None of it describes mail that has already been delivered —\n * that lives on the SENDS, which record their own subject, audience and topic\n * at send time and are never rewritten. So unlike an email, where only the\n * console-only display name stays editable after it goes out, a campaign has\n * no field that could come to disagree with somebody's inbox.\n *\n * Changing the topic is the one that reads as though it might. It does not:\n * the topic here is what the composer's picker OPENS ON, and each send\n * records the topic it actually went out under. Re-pointing a campaign\n * changes the default for the next email written in it and nothing about the\n * ones already sent.\n */\nexport function CampaignEditDrawer(props: CampaignEditDrawerProps) {\n  const { open, onClose, campaign, lists, topics, sites, busy, error, onSubmit } =\n    props\n\n  const [name, setName] = useState('')\n  const [startAt, setStartAt] = useState('')\n  const [endAt, setEndAt] = useState('')\n  const [listIds, setListIds] = useState<string[]>([])\n  const [topicId, setTopicId] = useState('')\n  const [listUnsubscribe, setListUnsubscribe] = useState(true)\n  /** The utm_campaign labels, as the field holds them: one per line or comma. */\n  const [utmLabels, setUtmLabels] = useState('')\n  /** The chosen sites; empty is every site, as the create drawer reads it. */\n  const [siteIds, setSiteIds] = useState<string[]>([])\n  /*\n   * Whether the placement was CHANGED here. An untouched field submits\n   * nothing, so saving a name cannot rewrite where a campaign is offered —\n   * least of all turn a campaign placed on no site (an absent `visibleTo`,\n   * which the field has no way to draw) into one on every site.\n   */\n  const [sitesTouched, setSitesTouched] = useState(false)\n\n  /*\n   * Re-seeded whenever the drawer opens rather than held from the last time.\n   * The campaign arrives asynchronously and can change under a closed drawer,\n   * so seeding once at mount would open it on a stale name.\n   */\n  useEffect(() => {\n    if (!open) return\n    setName(String(campaign?.name ?? ''))\n    setStartAt(dayInputValue(campaign?.startAtMs))\n    setEndAt(dayInputValue(campaign?.endAtMs))\n    setListIds((campaign?.listIds ?? []).map(String))\n    setTopicId(String(campaign?.topicId ?? ''))\n    setListUnsubscribe(campaignListUnsubscribe(campaign))\n    setUtmLabels(campaignUtmLabels(campaign?.utmCampaigns).join(', '))\n    setSiteIds(campaignSiteIds(campaign) ?? [])\n    setSitesTouched(false)\n  }, [open, campaign])\n\n  const startAtMs = dayInputMs(startAt)\n  const endAtMs = dayInputMs(endAt)\n  /*\n   * Refused in the form rather than stored and rendered, exactly as the\n   * create drawer refuses it: a campaign that ends before it starts is a\n   * window no state in `campaignWindowState` describes, so it would draw as\n   * \"Ended\" from the day it was made.\n   */\n  const backwards = startAtMs !== null && endAtMs !== null && endAtMs < startAtMs\n  const submittable = name.trim().length > 0 && !backwards && !busy\n\n  return (\n    <NavigationDrawerComponent\n      open={open}\n      anchor=\"right\"\n      variant=\"temporary\"\n      onClose={onClose}\n      AppBarProps={{ color: 'surface' }}\n      appBarLeft={\n        <>\n          <IconButton\n            color=\"inherit\"\n            edge=\"start\"\n            onClick={onClose}\n            sx={{ mr: 2 }}\n          >\n            <MdiIcon path={ICON_VARIANT_CLOSE.path} />\n            <SrOnly>close drawer</SrOnly>\n          </IconButton>\n          <Typography variant=\"h6\" component=\"div\">\n            {'Edit campaign'}\n          </Typography>\n        </>\n      }\n      appBarRight={\n        <Button variant=\"outlined\" color=\"inherit\" onClick={onClose}>\n          {'Cancel'}\n        </Button>\n      }\n    >\n      <Container gutterY>\n        <Stack spacing={2}>\n          <TextField\n            label=\"Name\"\n            value={name}\n            onChange={(event) => setName(event.target.value)}\n            helperText=\"What you call this campaign in the console\"\n            fullWidth\n          />\n          <TextField\n            type=\"date\"\n            label=\"Starts\"\n            value={startAt}\n            onChange={(event) => setStartAt(event.target.value)}\n            helperText=\"When the campaign window opens\"\n            slotProps={{ inputLabel: { shrink: true } }}\n            fullWidth\n          />\n          <TextField\n            type=\"date\"\n            label=\"Ends\"\n            value={endAt}\n            onChange={(event) => setEndAt(event.target.value)}\n            helperText=\"Leave empty for an open-ended campaign\"\n            slotProps={{ inputLabel: { shrink: true } }}\n            fullWidth\n          />\n          <TextField\n            select\n            label=\"Lists\"\n            value={listIds}\n            onChange={(event) =>\n              setListIds(\n                // A multiple select hands back an array; the typing on the\n                // change event does not know that.\n                (event.target.value as unknown as string[]).map(String),\n              )\n            }\n            // A campaign with no list is legitimate: its emails can go to\n            // leads, to site members, or to a segment.\n            helperText=\"The lists this campaign is aimed at\"\n            slotProps={{\n              select: {\n                multiple: true,\n                renderValue: (selected: unknown) => (\n                  <Stack useFlexGap direction=\"row\" spacing={0.5} sx={{ flexWrap: 'wrap' }}>\n                    {(selected as string[]).map((id) => (\n                      <Chip\n                        key={id}\n                        size=\"small\"\n                        label={\n                          lists.find((list) => list.value === id)?.label ?? id\n                        }\n                      />\n                    ))}\n                  </Stack>\n                ),\n              },\n            }}\n            fullWidth\n          >\n            {lists.map((list) => (\n              <MenuItem key={list.value} value={list.value}>\n                {list.label}\n              </MenuItem>\n            ))}\n          </TextField>\n          <TextField\n            select\n            label=\"Topic\"\n            value={topicId}\n            onChange={(event) => setTopicId(event.target.value)}\n            helperText=\"The stream its emails open on — each one can change it\"\n            fullWidth\n          >\n            {/*\n              An explicit \"no default\" option rather than only the topics.\n              A campaign is allowed to carry none — the send resolves the\n              org's default when the composer names nothing — and a select\n              with no way back to empty makes the first choice permanent.\n             */}\n            <MenuItem value=\"\">{'No default — each email chooses'}</MenuItem>\n            {topics.map((topic) => (\n              <MenuItem key={topic.value} value={topic.value}>\n                {topic.label}\n              </MenuItem>\n            ))}\n          </TextField>\n          {/*\n            THE LABELS THAT MEAN THIS CAMPAIGN (AGL-3461). An ad or a social\n            post carries `utm_campaign=…`; a label named here credits this\n            campaign the way a page filed under it does. Lowercased and\n            deduped on save, which is how the lookup matches them.\n           */}\n          <TextField\n            label=\"utm_campaign labels\"\n            value={utmLabels}\n            onChange={(event) => setUtmLabels(event.target.value)}\n            helperText={\n              'Links carrying one of these utm_campaign values credit this ' +\n              'campaign. Separate them with commas. A label two campaigns ' +\n              'both list credits neither.'\n            }\n            placeholder=\"spring-launch, spring-retargeting\"\n            fullWidth\n          />\n          {/*\n            The mail-client unsubscribe button (AGL-3307), the setting a\n            sequence carries too with the same label. ON for a campaign,\n            because campaigns are bulk mail. Off warns, and the send path\n            turns it back on for any email that would make the organization\n            a bulk sender — the page says so when it does.\n           */}\n          <Stack spacing={0}>\n            <FormControlLabel\n              control={\n                <Switch\n                  checked={listUnsubscribe}\n                  onChange={(event) => setListUnsubscribe(event.target.checked)}\n                />\n              }\n              label=\"Add a mail-client unsubscribe button\"\n            />\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              Adds the List-Unsubscribe header, so the recipient’s mail app\n              shows its own Unsubscribe button. It’s the easiest way out for\n              them, and Gmail and Yahoo require it from bulk senders. The\n              unsubscribe link in the footer is always there, either way.\n            </Typography>\n          </Stack>\n          {!listUnsubscribe ? (\n            <Alert severity=\"warning\">\n              {'Without it, Gmail and Yahoo can reject or spam-folder these ' +\n                'emails once your organization sends in bulk, and more ' +\n                'people mark you as spam when their mail app offers no ' +\n                'unsubscribe button. It is turned back on automatically for ' +\n                'any email that would make your organization a bulk sender, ' +\n                'and the campaign page says so when it is.'}\n            </Alert>\n          ) : null}\n          {sites ? (\n            <TextField\n              select\n              label=\"Sites\"\n              value={siteIds}\n              onChange={(event) => {\n                setSitesTouched(true)\n                setSiteIds(\n                  (event.target.value as unknown as string[]).map(String),\n                )\n              }}\n              helperText=\"The sites this campaign is offered on. Leave empty for every site.\"\n              slotProps={{\n                select: {\n                  multiple: true,\n                  displayEmpty: true,\n                  renderValue: (selected: unknown) =>\n                    (selected as string[]).length ? (\n                      <Stack\n                        useFlexGap\n                        direction=\"row\"\n                        spacing={0.5}\n                        sx={{ flexWrap: 'wrap' }}\n                      >\n                        {(selected as string[]).map((id) => (\n                          <Chip\n                            key={id}\n                            size=\"small\"\n                            label={\n                              sites.find((site) => site.value === id)?.label ??\n                              id\n                            }\n                          />\n                        ))}\n                      </Stack>\n                    ) : (\n                      'Every site'\n                    ),\n                },\n                inputLabel: { shrink: true },\n              }}\n              fullWidth\n            >\n              {sites.map((site) => (\n                <MenuItem key={site.value} value={site.value}>\n                  {site.label}\n                </MenuItem>\n              ))}\n            </TextField>\n          ) : null}\n          {backwards ? (\n            <Alert severity=\"warning\">\n              {'The end date is before the start date.'}\n            </Alert>\n          ) : null}\n          {error ? <Alert severity=\"error\">{error}</Alert> : null}\n          <Button\n            variant=\"contained\"\n            disabled={!submittable}\n            onClick={() =>\n              onSubmit({\n                name: name.trim(),\n                startAtMs,\n                endAtMs,\n                listIds,\n                topicId,\n                listUnsubscribe,\n                utmCampaigns: campaignUtmLabels(utmLabels),\n                ...(sites && sitesTouched\n                  ? { siteIds: siteIds.length ? siteIds : null }\n                  : {}),\n              })\n            }\n          >\n            {busy ? 'Saving…' : 'Save campaign'}\n          </Button>\n        </Stack>\n      </Container>\n    </NavigationDrawerComponent>\n  )\n}\nCampaignEditDrawer.displayName = 'CampaignEditDrawer'\n\nexport default CampaignEditDrawer\n"],"names":["ICON_VARIANT_CLOSE","Container","MdiIcon","SrOnly","NavigationDrawerComponent","Alert","Button","Chip","FormControlLabel","IconButton","MenuItem","Stack","Switch","TextField","Typography","useEffect","useState","campaignListUnsubscribe","campaignSiteIds","campaignUtmLabels","dayInputValue","ms","Number","isFinite","at","Date","isNaN","getTime","toISOString","slice","dayInputMs","value","parsed","parse","CampaignEditDrawer","props","open","onClose","campaign","lists","topics","sites","busy","error","onSubmit","name","setName","startAt","setStartAt","endAt","setEndAt","listIds","setListIds","topicId","setTopicId","listUnsubscribe","setListUnsubscribe","utmLabels","setUtmLabels","siteIds","setSiteIds","sitesTouched","setSitesTouched","String","startAtMs","endAtMs","map","utmCampaigns","join","backwards","submittable","trim","length","anchor","variant","AppBarProps","color","appBarLeft","edge","onClick","sx","mr","path","component","appBarRight","gutterY","spacing","label","onChange","event","target","helperText","fullWidth","type","slotProps","inputLabel","shrink","select","multiple","renderValue","selected","useFlexGap","direction","flexWrap","id","size","find","list","topic","placeholder","control","checked","severity","displayEmpty","site","disabled","displayName"],"mappings":"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"}