@aglyn/plugins-marketing 1.0.0-beta.143

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

@@ -0,0 +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 {\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-email-campaigns/components/report-figures'\nimport {\n  ListRowActions,\n  ListTable,\n  listActionsColumn,\n} from '@aglyn/shared-ui-jsx/components/list-table.component'\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 { PageHeaderRecord, pluginDocsHelp } from '@aglyn/aglyn'\nimport {\n  Alert,\n  Box,\n  Button,\n  Chip,\n  Divider,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport {\n  collection,\n  deleteField,\n  doc,\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  useOrgDataScope,\n} from '@aglyn/tenant-feature-instance'\nimport {\n  campaignRollup,\n  campaignSendDisplay,\n  campaignWindowState,\n  emailListTimeMs,\n  type CampaignAggregate,\n  type CampaignSend,\n  type EmailCampaign,\n} from '@aglyn/shared-ui-email-campaigns/model'\nimport CampaignComposer from './campaign-composer'\nimport CampaignEditDrawer, {\n  type CampaignEditValues,\n} from './campaign-edit-drawer'\nimport {\n  CampaignConversionsSection,\n  CampaignDestinationsSection,\n  CampaignRevenueSection,\n} from './campaign-reach-sections'\nimport CampaignMembersSection from './campaign-members-section'\nimport CampaignReportCard from './campaign-report-card'\nimport { useCampaignManageApi } from './use-campaign-send-api'\nimport { useEmailsHubPath } from './use-emails-hub-path'\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\nexport interface CampaignDetailCardProps {\n  hostId: string\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 */\nexport function CampaignDetailCard(props: CampaignDetailCardProps) {\n  const { hostId, campaignId, basePath } = props\n  const firestore = useFirestore()\n  // The sibling hub, for the two records this page links to but does not own:\n  // each message's report and the template it was built from.\n  const emailsHub = useEmailsHubPath()\n  const router = useRouter()\n  const { scope: dataScope } = useOrgDataScope({ hostId })\n  const { confirm } = useConfirmationContext()\n  const { enqueueSnackbar } = useSnackbar()\n  const manageApi = useCampaignManageApi(hostId)\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    () => doc(firestore, 'hosts', hostId, 'emailCampaigns', campaignId),\n    [firestore, hostId, 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, which Firestore's automatic\n   * single-field index serves without a composite one. 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      campaign\n        ? query(\n            collection(firestore, 'hosts', hostId, 'campaigns'),\n            where('emailCampaignId', '==', campaignId),\n            orderBy(documentId()),\n            limit(CAMPAIGN_EMAIL_CEILING + 1),\n          )\n        : null,\n    [firestore, hostId, campaignId, Boolean(campaign)],\n    { idField: '$id' },\n  )\n\n  const { data: listDocs } = useFirestoreCollection<any>(\n    () =>\n      campaign && dataScope\n        ? query(\n            collection(firestore, dataScope[0], dataScope[1], 'lists'),\n            limit(50),\n          )\n        : null,\n    [firestore, dataScope, 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(hostId, {\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  // 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  const handleSave = useCallback(\n    async (values: CampaignEditValues) => {\n      if (saving) return\n      setSaving(true)\n      setSaveError(null)\n      try {\n        await updateDoc(\n          doc(firestore, 'hosts', hostId, 'emailCampaigns', campaignId),\n          {\n            name: values.name,\n            startAtMs: values.startAtMs,\n            endAtMs: values.endAtMs,\n            listIds: values.listIds,\n            topicId: values.topicId ? values.topicId : deleteField(),\n          },\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, 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 screens, 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  if (!campaign && status === 'loading') 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  const sendHref = (send: CampaignSend) =>\n    emailsHub ? `${emailsHub}/messages/${send.$id}` : undefined\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 console owns, so they\n   * are built from {@link useEmailsHubPath} rather than from this surface's\n   * 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    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:\n          templateScreenId && emailsHub\n            ? `${emailsHub}/templates/${templateScreenId}`\n            : undefined,\n        disabled: !templateScreenId || !emailsHub,\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   * The window is one the card already holds, so the grid pages it.\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' ? 'info' : state === 'stopped' ? 'warning' : 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  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  /* 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\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        <CampaignConversionsSection\n          hostId={hostId}\n          sendIds={sendIds}\n          truncated={sendsTruncated}\n          basePath={basePath}\n        />\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          hostId={hostId}\n          sendIds={sendIds}\n          truncated={sendsTruncated}\n        />\n\n        <Divider />\n        <CampaignDestinationsSection\n          hostId={hostId}\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        <CampaignMembersSection\n          hostId={hostId}\n          campaignId={campaignId}\n          startAtMs={campaign.startAtMs}\n          endAtMs={campaign.endAtMs}\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            <ListTable\n              aria-label=\"The campaign's emails\"\n              rows={sends}\n              columns={sendColumns}\n              rowHeight={TABLE_ROW_HEIGHT}\n              onOpen={(_id, send) => {\n                const href = sendHref(send)\n                if (href) router.push(href)\n              }}\n            />\n            {sendsTruncated ? (\n              <Alert severity=\"info\">\n                {`Showing ${CAMPAIGN_EMAIL_CEILING} of this campaign's ` +\n                  'emails. It has sent more — the ones listed are not ' +\n                  'necessarily the most recent, because a send carries no ' +\n                  'date field that every writer stamps, and the figures above ' +\n                  'cover the emails listed.'}\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            <CampaignComposer\n              hostId={hostId}\n              emailCampaignId={campaignId}\n              campaignListIds={listIds}\n              campaignTopicId={campaign.topicId}\n              onSent={() => setComposing(false)}\n            />\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        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":["mdiDeleteOutline","mdiEyeOutline","mdiPaletteOutline","mdiPencilOutline","AppLink","CardDisplay","MdiIcon","useConfirmationContext","Figure","RateRow","Section","ListRowActions","ListTable","listActionsColumn","RowActionsMenu","TABLE_ROW_HEIGHT","ceilingedWindow","PageHeaderRecord","pluginDocsHelp","Alert","Box","Button","Chip","Divider","Stack","Typography","collection","deleteField","doc","documentId","limit","orderBy","query","updateDoc","where","useCallback","useMemo","useState","useRouter","useSnackbar","useFirestore","useFirestoreCollection","useFirestoreDoc","useOrgDataScope","campaignRollup","campaignSendDisplay","campaignWindowState","emailListTimeMs","CampaignComposer","CampaignEditDrawer","CampaignConversionsSection","CampaignDestinationsSection","CampaignRevenueSection","CampaignMembersSection","CampaignReportCard","useCampaignManageApi","useEmailsHubPath","useCampaignTopicOptions","CAMPAIGN_EMAIL_CEILING","detailDocsHelp","anchor","excerpt","rolled","value","note","recorded","sends","CampaignDetailCard","props","campaign","hostId","campaignId","basePath","firestore","emailsHub","router","scope","dataScope","confirm","enqueueSnackbar","manageApi","composing","setComposing","editing","setEditing","saving","setSaving","saveError","setSaveError","deleting","setDeleting","data","status","sendDocs","Boolean","idField","listDocs","topics","source","topicSource","enabled","topicOptions","map","topic","id","label","name","rows","readSends","truncated","sendsTruncated","sort","a","b","rollup","sendIds","send","String","$id","filter","handleSave","values","startAtMs","endAtMs","listIds","topicId","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","undefined","sendActions","templateScreenId","key","icon","path","size","href","disabled","disabledReason","sendColumns","field","headerName","flex","minWidth","valueGetter","_value","subject","renderCell","row","onClick","event","stopPropagation","width","display","state","sendAtMs","Date","color","type","align","headerAlign","Number","stats","sent","recipients","opens","valueFormatter","clicks","items","windowState","now","start","toLocaleDateString","end","card","header","subheader","help","HeaderProps","direction","spacing","sx","alignItems","component","componentVariant","nativeButton","destructive","contentGutterX","contentGutterY","get","flexWrap","addressed","delivered","unsubscribes","rate","openRate","clickRate","unsubscribeRate","justifyContent","open","aria-label","columns","rowHeight","onOpen","_id","severity","mb","emailCampaignId","campaignListIds","campaignTopicId","onSent","onClose","lists","busy","onSubmit","displayName"],"mappings":"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"}

package/src/lib/components/campaign-edit-drawer.d.ts

@@ -0,0 +1,60 @@
+/** One option in the list or topic picker. */
+export interface CampaignEditOption {
+    value: string;
+    label: string;
+}
+/** What the drawer collects — the container's whole editable surface. */
+export interface CampaignEditValues {
+    name: string;
+    startAtMs: number | null;
+    endAtMs: number | null;
+    listIds: string[];
+    topicId: string;
+}
+export interface CampaignEditDrawerProps {
+    open: boolean;
+    onClose: () => void;
+    /** The campaign as stored, for the fields to open on. */
+    campaign: {
+        name?: string;
+        startAtMs?: number | null;
+        endAtMs?: number | null;
+        listIds?: string[];
+        topicId?: string;
+    } | null;
+    /** The org's email lists, which this campaign may be aimed at. */
+    lists: CampaignEditOption[];
+    /** The org's active topics — the stream its emails open on. */
+    topics: CampaignEditOption[];
+    busy?: boolean;
+    /** A refusal from the write, shown where the form still is. */
+    error?: string | null;
+    onSubmit: (values: CampaignEditValues) => void;
+}
+/**
+ * EDITING ONE CAMPAIGN, IN A DRAWER ON THE CAMPAIGN'S OWN PAGE.
+ *
+ * A drawer and not a form above the campaigns table: a record is edited on
+ * its own surface in this console, and a list with a form on top of it is
+ * the shape the whole surface was routed to stop.
+ *
+ * ## Everything a container holds is editable, and that is the whole point
+ *
+ * A campaign is a name, a window, the lists it is aimed at and the stream its
+ * emails open on. None of it describes mail that has already been delivered —
+ * that lives on the SENDS, which record their own subject, audience and topic
+ * at send time and are never rewritten. So unlike an email, where only the
+ * console-only display name stays editable after it goes out, a campaign has
+ * no field that could come to disagree with somebody's inbox.
+ *
+ * Changing the topic is the one that reads as though it might. It does not:
+ * the topic here is what the composer's picker OPENS ON, and each send
+ * records the topic it actually went out under. Re-pointing a campaign
+ * changes the default for the next email written in it and nothing about the
+ * ones already sent.
+ */
+export declare function CampaignEditDrawer(props: CampaignEditDrawerProps): import("react").JSX.Element;
+export declare namespace CampaignEditDrawer {
+    var displayName: string;
+}
+export default CampaignEditDrawer;

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

@@ -0,0 +1,252 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ICON_VARIANT_CLOSE } from "@aglyn/shared-data-enums";
+import { Container, MdiIcon, SrOnly } from "@aglyn/shared-ui-jsx";
+import { NavigationDrawerComponent } from "@aglyn/shared-ui-jsx/components/navigation-drawer.component";
+import { Alert, Button, Chip, IconButton, MenuItem, Stack, TextField, Typography } from "@mui/material";
+import { useEffect, useState } from "react";
+/**
+ * The `YYYY-MM-DD` a `date` input wants, from epoch ms.
+ *
+ * UTC, matching the writer: the create drawer stores `Date.parse('2026-03-01')`,
+ * which is UTC midnight, so reading it back in local time shows the previous
+ * day to everyone west of Greenwich — a campaign that changed its own start
+ * date by being opened.
+ */ function dayInputValue(ms) {
+    if (typeof ms !== 'number' || !Number.isFinite(ms)) return '';
+    const at = new Date(ms);
+    return Number.isNaN(at.getTime()) ? '' : at.toISOString().slice(0, 10);
+}
+/** Epoch ms for a `YYYY-MM-DD` a `date` input produced, or null for empty. */ function dayInputMs(value) {
+    if (!value) return null;
+    const parsed = Date.parse(value);
+    return Number.isFinite(parsed) ? parsed : null;
+}
+/**
+ * EDITING ONE CAMPAIGN, IN A DRAWER ON THE CAMPAIGN'S OWN PAGE.
+ *
+ * A drawer and not a form above the campaigns table: a record is edited on
+ * its own surface in this console, and a list with a form on top of it is
+ * the shape the whole surface was routed to stop.
+ *
+ * ## Everything a container holds is editable, and that is the whole point
+ *
+ * A campaign is a name, a window, the lists it is aimed at and the stream its
+ * emails open on. None of it describes mail that has already been delivered —
+ * that lives on the SENDS, which record their own subject, audience and topic
+ * at send time and are never rewritten. So unlike an email, where only the
+ * console-only display name stays editable after it goes out, a campaign has
+ * no field that could come to disagree with somebody's inbox.
+ *
+ * Changing the topic is the one that reads as though it might. It does not:
+ * the topic here is what the composer's picker OPENS ON, and each send
+ * records the topic it actually went out under. Re-pointing a campaign
+ * changes the default for the next email written in it and nothing about the
+ * ones already sent.
+ */ export function CampaignEditDrawer(props) {
+    const { open, onClose, campaign, lists, topics, busy, error, onSubmit } = props;
+    const [name, setName] = useState('');
+    const [startAt, setStartAt] = useState('');
+    const [endAt, setEndAt] = useState('');
+    const [listIds, setListIds] = useState([]);
+    const [topicId, setTopicId] = useState('');
+    /*
+   * Re-seeded whenever the drawer opens rather than held from the last time.
+   * The campaign arrives asynchronously and can change under a closed drawer,
+   * so seeding once at mount would open it on a stale name.
+   */ useEffect(()=>{
+        var _ref, _ref1, _ref2;
+        if (!open) return;
+        setName(String((_ref = campaign == null ? void 0 : campaign.name) != null ? _ref : ''));
+        setStartAt(dayInputValue(campaign == null ? void 0 : campaign.startAtMs));
+        setEndAt(dayInputValue(campaign == null ? void 0 : campaign.endAtMs));
+        setListIds(((_ref1 = campaign == null ? void 0 : campaign.listIds) != null ? _ref1 : []).map(String));
+        setTopicId(String((_ref2 = campaign == null ? void 0 : campaign.topicId) != null ? _ref2 : ''));
+    }, [
+        open,
+        campaign
+    ]);
+    const startAtMs = dayInputMs(startAt);
+    const endAtMs = dayInputMs(endAt);
+    /*
+   * Refused in the form rather than stored and rendered, exactly as the
+   * create drawer refuses it: a campaign that ends before it starts is a
+   * window no state in `campaignWindowState` describes, so it would draw as
+   * "Ended" from the day it was made.
+   */ const backwards = startAtMs !== null && endAtMs !== null && endAtMs < startAtMs;
+    const submittable = name.trim().length > 0 && !backwards && !busy;
+    return /*#__PURE__*/ _jsx(NavigationDrawerComponent, {
+        open: open,
+        anchor: "right",
+        variant: "temporary",
+        onClose: onClose,
+        AppBarProps: {
+            color: 'surface'
+        },
+        appBarLeft: /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                /*#__PURE__*/ _jsxs(IconButton, {
+                    color: "inherit",
+                    edge: "start",
+                    onClick: onClose,
+                    sx: {
+                        mr: 2
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(MdiIcon, {
+                            path: ICON_VARIANT_CLOSE.path
+                        }),
+                        /*#__PURE__*/ _jsx(SrOnly, {
+                            children: "close drawer"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "h6",
+                    component: "div",
+                    children: 'Edit campaign'
+                })
+            ]
+        }),
+        appBarRight: /*#__PURE__*/ _jsx(Button, {
+            variant: "outlined",
+            color: "inherit",
+            onClick: onClose,
+            children: 'Cancel'
+        }),
+        children: /*#__PURE__*/ _jsx(Container, {
+            gutterY: true,
+            children: /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 2,
+                children: [
+                    /*#__PURE__*/ _jsx(TextField, {
+                        label: "Name",
+                        value: name,
+                        onChange: (event)=>setName(event.target.value),
+                        helperText: "What you call this campaign in the console",
+                        fullWidth: true
+                    }),
+                    /*#__PURE__*/ _jsx(TextField, {
+                        type: "date",
+                        label: "Starts",
+                        value: startAt,
+                        onChange: (event)=>setStartAt(event.target.value),
+                        helperText: "When the campaign window opens",
+                        slotProps: {
+                            inputLabel: {
+                                shrink: true
+                            }
+                        },
+                        fullWidth: true
+                    }),
+                    /*#__PURE__*/ _jsx(TextField, {
+                        type: "date",
+                        label: "Ends",
+                        value: endAt,
+                        onChange: (event)=>setEndAt(event.target.value),
+                        helperText: "Leave empty for an open-ended campaign",
+                        slotProps: {
+                            inputLabel: {
+                                shrink: true
+                            }
+                        },
+                        fullWidth: true
+                    }),
+                    /*#__PURE__*/ _jsx(TextField, {
+                        select: true,
+                        label: "Lists",
+                        value: listIds,
+                        onChange: (event)=>setListIds(// A multiple select hands back an array; the typing on the
+                            // change event does not know that.
+                            event.target.value.map(String)),
+                        // A campaign with no list is legitimate: its emails can go to
+                        // leads, to site members, or to a segment.
+                        helperText: "The lists this campaign is aimed at",
+                        slotProps: {
+                            select: {
+                                multiple: true,
+                                renderValue: (selected)=>/*#__PURE__*/ _jsx(Stack, {
+                                        direction: "row",
+                                        spacing: 0.5,
+                                        sx: {
+                                            flexWrap: 'wrap'
+                                        },
+                                        children: selected.map((id)=>{
+                                            var _ref;
+                                            var _lists_find;
+                                            return /*#__PURE__*/ _jsx(Chip, {
+                                                size: "small",
+                                                label: (_ref = (_lists_find = lists.find((list)=>list.value === id)) == null ? void 0 : _lists_find.label) != null ? _ref : id
+                                            }, id);
+                                        })
+                                    })
+                            }
+                        },
+                        fullWidth: true,
+                        children: lists.map((list)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                value: list.value,
+                                children: list.label
+                            }, list.value))
+                    }),
+                    /*#__PURE__*/ _jsxs(TextField, {
+                        select: true,
+                        label: "Topic",
+                        value: topicId,
+                        onChange: (event)=>setTopicId(event.target.value),
+                        helperText: "The stream its emails open on — each one can change it",
+                        fullWidth: true,
+                        children: [
+                            /*#__PURE__*/ _jsx(MenuItem, {
+                                value: "",
+                                children: 'No default — each email chooses'
+                            }),
+                            topics.map((topic)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                    value: topic.value,
+                                    children: topic.label
+                                }, topic.value))
+                        ]
+                    }),
+                    backwards ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "warning",
+                        children: 'The end date is before the start date.'
+                    }) : null,
+                    error ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "error",
+                        children: error
+                    }) : null,
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        disabled: !submittable,
+                        onClick: ()=>onSubmit({
+                                name: name.trim(),
+                                startAtMs,
+                                endAtMs,
+                                listIds,
+                                topicId
+                            }),
+                        children: busy ? 'Saving…' : 'Save campaign'
+                    })
+                ]
+            })
+        })
+    });
+}
+CampaignEditDrawer.displayName = 'CampaignEditDrawer';
+export default CampaignEditDrawer;
+
+//# sourceMappingURL=campaign-edit-drawer.js.map

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

@@ -0,0 +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  IconButton,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useEffect, useState } from 'react'\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}\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  } | 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  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, 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\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  }, [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          {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              })\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","IconButton","MenuItem","Stack","TextField","Typography","useEffect","useState","dayInputValue","ms","Number","isFinite","at","Date","isNaN","getTime","toISOString","slice","dayInputMs","value","parsed","parse","CampaignEditDrawer","props","open","onClose","campaign","lists","topics","busy","error","onSubmit","name","setName","startAt","setStartAt","endAt","setEndAt","listIds","setListIds","topicId","setTopicId","String","startAtMs","endAtMs","map","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","severity","disabled","displayName"],"mappings":"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"}

package/src/lib/components/campaign-email-zones.d.ts

@@ -0,0 +1,111 @@
+import type { SendingIdentityView } from '@aglyn/tenant-feature-instance/hooks/use-sending-identity-api';
+import { type ReactElement } from 'react';
+/**
+ * WHAT A CAMPAIGN EMAIL ASKS OF WHICHEVER PLUGIN KEEPS THE MAIL ITSELF.
+ *
+ * A campaign is this plugin's: who it goes to, when, under which container,
+ * and what came of it. The mail it rides on is not. The catalog of streams a
+ * recipient can leave, the identities a site may send as, the design document
+ * a message is built from and the renderer that turns one into what an inbox
+ * receives all belong to the plugin that keeps email, and a composer that
+ * imported them would make this package uninstallable without that one.
+ *
+ * So each is a zone this plugin hosts. It hands over what it holds — the
+ * site, the value, a callback — and draws whatever a widget there draws. A
+ * widget never writes a campaign: it reports a choice through the callback
+ * and the composer does the write, because the record is this plugin's.
+ *
+ * Outside a console shell, and in a workspace with no plugin filling a zone,
+ * each of these draws nothing.
+ */
+/** The stream this email belongs to, chosen before it is sent. */
+export interface CampaignTopicSelectZoneProps {
+    hostId: string;
+    /** The chosen topic id; empty until the widget settles it on a real one. */
+    value: string;
+    onChange: (topicId: string) => void;
+    disabled?: boolean;
+}
+export declare const CAMPAIGN_TOPIC_SELECT_ZONE: import("@aglyn/aglyn/plugin-manager/plugin-zones").PluginZone<CampaignTopicSelectZoneProps>;
+/** One stream a campaign can open on. */
+export interface CampaignTopicOption {
+    id: string;
+    name: string;
+}
+/**
+ * The streams a campaign can open on, REPORTED rather than drawn.
+ *
+ * The two drawers that collect a campaign's topic are generic forms whose
+ * select takes a list of options, so what they need from the catalog's owner
+ * is the list. A widget here draws nothing: it reads the catalog while
+ * `enabled` and answers through `onTopics`. `enabled` is the read gate —
+ * the catalog is the section's largest read and only an open drawer needs it.
+ */
+export interface CampaignTopicOptionsZoneProps {
+    hostId: string;
+    enabled: boolean;
+    onTopics: (topics: readonly CampaignTopicOption[]) => void;
+}
+export declare const CAMPAIGN_TOPIC_OPTIONS_ZONE: import("@aglyn/aglyn/plugin-manager/plugin-zones").PluginZone<CampaignTopicOptionsZoneProps>;
+/**
+ * Adding a sender without leaving the email being written. The widget is the
+ * editor, opened in its ADD mode; `onSaved` names the sender it created so
+ * the composer can select it once its own read shows the row.
+ */
+export interface CampaignSenderEditorZoneProps {
+    hostId: string;
+    view: SendingIdentityView | null;
+    onClose: () => void;
+    onSaved: (senderId?: string) => void;
+}
+export declare const CAMPAIGN_SENDER_EDITOR_ZONE: import("@aglyn/aglyn/plugin-manager/plugin-zones").PluginZone<CampaignSenderEditorZoneProps>;
+/**
+ * A design document of this email's own. The widget is the control that mints
+ * one; `onCreated` names it, and the composer records the choice on the
+ * campaign and opens the editor.
+ */
+export interface CampaignDesignCreateZoneProps {
+    hostId: string;
+    /** What to call the design, so the picker does not list "Untitled email". */
+    name?: string;
+    onCreated: (design: {
+        screenId: string;
+        versionId: string;
+    }) => void;
+    onError: (error: unknown) => void;
+}
+export declare const CAMPAIGN_DESIGN_CREATE_ZONE: import("@aglyn/aglyn/plugin-manager/plugin-zones").PluginZone<CampaignDesignCreateZoneProps>;
+/** The message as an inbox receives it, on the message's own page. */
+export interface CampaignDesignPreviewZoneProps {
+    hostId: string;
+    /** The version document's raw `nodes` field, in any of its stored forms. */
+    nodes: unknown;
+    /** The plain-text body, for a message composed without a design. */
+    text?: string;
+    loading?: boolean;
+    subject?: string;
+    preheader?: string;
+    emptyMessage: string;
+    note?: string;
+}
+export declare const CAMPAIGN_DESIGN_PREVIEW_ZONE: import("@aglyn/aglyn/plugin-manager/plugin-zones").PluginZone<CampaignDesignPreviewZoneProps>;
+export declare const CampaignTopicSelect: {
+    (props: CampaignTopicSelectZoneProps): ReactElement | null;
+    displayName: string;
+};
+export declare const CampaignTopicOptions: {
+    (props: CampaignTopicOptionsZoneProps): ReactElement | null;
+    displayName: string;
+};
+export declare const CampaignSenderEditor: {
+    (props: CampaignSenderEditorZoneProps): ReactElement | null;
+    displayName: string;
+};
+export declare const CampaignDesignCreate: {
+    (props: CampaignDesignCreateZoneProps): ReactElement | null;
+    displayName: string;
+};
+export declare const CampaignDesignPreview: {
+    (props: CampaignDesignPreviewZoneProps): ReactElement | null;
+    displayName: string;
+};

package/src/lib/components/campaign-email-zones.js

@@ -0,0 +1,54 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useConsoleWidgetSlot } from "@aglyn/aglyn/app-utils/console-widget-slot-context";
+import { definePluginZone } from "@aglyn/aglyn/plugin-manager/plugin-zones";
+import { Suspense } from "react";
+export const CAMPAIGN_TOPIC_SELECT_ZONE = definePluginZone('campaignTopicSelect');
+export const CAMPAIGN_TOPIC_OPTIONS_ZONE = definePluginZone('campaignTopicOptions');
+export const CAMPAIGN_SENDER_EDITOR_ZONE = definePluginZone('campaignSenderEditor');
+export const CAMPAIGN_DESIGN_CREATE_ZONE = definePluginZone('campaignDesignCreate');
+export const CAMPAIGN_DESIGN_PREVIEW_ZONE = definePluginZone('campaignDesignPreview');
+/**
+ * Draws one of the zones above where the shell provides a renderer.
+ *
+ * Under its own \`Suspense\`, with nothing as the fallback. A widget is a lazy
+ * chunk, and several of these mount in answer to a click — the sender editor,
+ * the topics behind an opening drawer. Without a boundary here the suspension
+ * would climb to the page's, and the form being filled in would be swapped
+ * for a loading state while one drawer's code arrives.
+ */ function zoneHost(zone, name) {
+    function Host(props) {
+        const Zone = useConsoleWidgetSlot();
+        return Zone ? /*#__PURE__*/ _jsx(Suspense, {
+            fallback: null,
+            children: /*#__PURE__*/ _jsx(Zone, _extends({
+                slot: zone.id
+            }, props))
+        }) : null;
+    }
+    Host.displayName = name;
+    return Host;
+}
+export const CampaignTopicSelect = zoneHost(CAMPAIGN_TOPIC_SELECT_ZONE, 'CampaignTopicSelect');
+export const CampaignTopicOptions = zoneHost(CAMPAIGN_TOPIC_OPTIONS_ZONE, 'CampaignTopicOptions');
+export const CampaignSenderEditor = zoneHost(CAMPAIGN_SENDER_EDITOR_ZONE, 'CampaignSenderEditor');
+export const CampaignDesignCreate = zoneHost(CAMPAIGN_DESIGN_CREATE_ZONE, 'CampaignDesignCreate');
+export const CampaignDesignPreview = zoneHost(CAMPAIGN_DESIGN_PREVIEW_ZONE, 'CampaignDesignPreview');
+
+//# sourceMappingURL=campaign-email-zones.js.map