@aglyn/plugins-email 1.0.0-beta.143

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

@@ -0,0 +1,273 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * ONE AUDIENCE: who it is, how it is built, and every person on it.
+ *
+ * ## Why a route rather than an expanded row
+ *
+ * The membership used to unfold inside the list table, which cost three
+ * things a merchant actually uses. A list was not linkable, so "check the
+ * Wholesale audience" could not be sent to anybody. The back button walked out
+ * of the whole surface rather than out of the list. And the list's own
+ * settings had to live under a table they were not about.
+ *
+ * ## What it reads
+ *
+ * The list document — one document, whatever the audience's size — plus one
+ * server aggregate for the subscriber total, plus the paged membership window
+ * the table below draws. The membership is PII and there is one document per
+ * subscriber, so it is read HERE, where somebody asked for it, and nowhere
+ * that merely lists audiences.
+ *
+ * ## The rule is stated, not just flagged
+ *
+ * A dynamic list is a claim about who is on it, and "Rule" as a chip is not
+ * that claim. The summary spells out every dimension the rule actually
+ * carries, so the answer to "why is this person not in the audience" is on the
+ * screen the question gets asked on.
+ */ import { normalizeDynamicListRule, PageHeaderRecord, pluginDocsHelp } from "@aglyn/aglyn";
+import { mdiPencilOutline, mdiTrayArrowUp } from "@aglyn/shared-data-mdi";
+import { AppLink, CardDisplay, MdiIcon } from "@aglyn/shared-ui-jsx";
+import { Button, Chip, Stack, Typography } from "@mui/material";
+import { collection, doc, getCountFromServer } from "firebase/firestore";
+import { useCallback, useEffect, useState } from "react";
+import { useFirestore, useFirestoreDoc, useOrgDataScope } from "@aglyn/tenant-feature-instance";
+import { describeDynamicListRule } from "./dynamic-list-rule-fields.js";
+import ListImportDrawer from "./list-import-drawer.js";
+import ListMembersPanel from "./list-members-panel.js";
+export function ListDetailCard(props) {
+    var _list_name, _list_name1;
+    var _list_lastEvaluatedAt;
+    const { hostId, consentGroup, listId, basePath } = props;
+    const firestore = useFirestore();
+    const { scope } = useOrgDataScope({
+        hostId
+    });
+    const { data: list, status } = useFirestoreDoc(()=>scope ? doc(firestore, scope[0], scope[1], 'lists', listId) : null, [
+        firestore,
+        scope,
+        listId
+    ]);
+    /*
+   * The subscriber total, as a server aggregate.
+   *
+   * Not the length of the page below: a count beside a paged table is exactly
+   * where a page length gets mistaken for a total. Taken once, and re-taken
+   * only when a membership is added or removed — a figure that disagreed with
+   * the table directly under it would read as the add having failed.
+   */ const [count, setCount] = useState(null);
+    const [membershipVersion, setMembershipVersion] = useState(0);
+    useEffect(()=>{
+        if (!scope) return undefined;
+        let active = true;
+        void getCountFromServer(collection(firestore, scope[0], scope[1], 'lists', listId, 'members')).then((snapshot)=>{
+            if (active) setCount(snapshot.data().count);
+        }).catch(()=>{
+            if (active) setCount(null);
+        });
+        return ()=>{
+            active = false;
+        };
+    }, [
+        firestore,
+        scope,
+        listId,
+        membershipVersion
+    ]);
+    const onMembershipChanged = useCallback(()=>setMembershipVersion((version)=>version + 1), []);
+    /*
+   * Importing is a DRAWER opened from the header, not a control inside the
+   * membership panel. It is a multi-step act — choose a file, read what is in
+   * it, state that you have permission — and the middle step is the one that
+   * must not be cramped, because it carries the screening warnings and the
+   * consent readout the attestation is given against.
+   */ const [importing, setImporting] = useState(false);
+    const audiencesHref = `${basePath}/audiences`;
+    const headerActions = /*#__PURE__*/ _jsxs(Stack, {
+        direction: "row",
+        spacing: 1,
+        children: [
+            /*#__PURE__*/ _jsx(Button, _extends({
+                component: AppLink
+            }, {
+                componentVariant: 'naked',
+                nativeButton: false
+            }, {
+                href: audiencesHref,
+                size: "small",
+                color: "primary",
+                children: 'All audiences'
+            })),
+            /*#__PURE__*/ _jsx(Button, _extends({
+                component: AppLink
+            }, {
+                componentVariant: 'naked',
+                nativeButton: false
+            }, {
+                href: `${audiencesHref}/${listId}/edit`,
+                size: "small",
+                color: "primary",
+                variant: "outlined",
+                startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiPencilOutline.path,
+                    size: 0.8
+                }),
+                children: 'Edit list'
+            })),
+            /*#__PURE__*/ _jsx(Button, {
+                size: "small",
+                color: "primary",
+                variant: "contained",
+                startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiTrayArrowUp.path,
+                    size: 0.8
+                }),
+                onClick: ()=>setImporting(true),
+                children: 'Import'
+            })
+        ]
+    });
+    if (!list) {
+        /*
+     * Loading and MISSING are different answers, and the difference matters
+     * more here than almost anywhere. Not "no members" — a list that cannot be
+     * read is a different situation from an empty one, and rendering an empty
+     * membership for the first is how somebody comes to believe an audience
+     * they built has lost everybody. Reading `status` rather than the absence
+     * of data is also what stops the refusal being flashed on every arrival,
+     * before the org scope has even resolved.
+     */ const settled = Boolean(scope) && status !== 'loading';
+        return /*#__PURE__*/ _jsx(CardDisplay, {
+            header: 'Audience',
+            help: pluginDocsHelp('emailCampaigns', {
+                anchor: '#email-lists'
+            }),
+            contentGutterX: true,
+            contentGutterY: true,
+            HeaderProps: {
+                action: headerActions
+            },
+            children: /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: settled ? 'This list could not be loaded. It may have been deleted.' : 'Loading this audience…'
+            })
+        });
+    }
+    const dynamic = list['kind'] === 'dynamic';
+    /*
+   * The filters, whichever kind of list this is.
+   *
+   * On a live list they are what the sweep evaluates. On a fixed one they are
+   * a saved SEARCH — the same filters, used to find people to add rather than
+   * to decide membership — so they are read and described either way, and only
+   * the sentence about what happens next differs.
+   */ const rule = normalizeDynamicListRule(list['rule']);
+    const hasFilters = rule.sources.length > 0;
+    const summary = hasFilters ? describeDynamicListRule(rule) : [];
+    /* The card, named so the page chrome above it is a plain list of
+     what this surface publishes upward. */ const card = /*#__PURE__*/ _jsxs(CardDisplay, {
+        header: 'Audience',
+        help: pluginDocsHelp('emailCampaigns', {
+            anchor: '#list-members'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        contentBordered: "all",
+        HeaderProps: {
+            action: headerActions
+        },
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 2,
+                children: [
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 1,
+                        useFlexGap: true,
+                        sx: {
+                            flexWrap: 'wrap',
+                            alignItems: 'center'
+                        },
+                        children: [
+                            dynamic ? /*#__PURE__*/ _jsx(Chip, {
+                                size: "small",
+                                color: "primary",
+                                variant: "outlined",
+                                label: ((_list_lastEvaluatedAt = list['lastEvaluatedAt']) == null ? void 0 : _list_lastEvaluatedAt.toDate) ? `Rule · ${list['lastEvaluatedAt'].toDate().toLocaleString()}` : 'Rule · not yet evaluated'
+                            }) : /*#__PURE__*/ _jsx(Chip, {
+                                size: "small",
+                                variant: "outlined",
+                                label: "Fixed membership"
+                            }),
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                color: "text.secondary",
+                                children: count === null ? 'Counting subscribers…' : count === 1 ? '1 subscriber' : `${count.toLocaleString()} subscribers`
+                            })
+                        ]
+                    }),
+                    dynamic && hasFilters ? /*#__PURE__*/ _jsx(Stack, {
+                        spacing: 0.5,
+                        children: summary.map((clause)=>/*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                color: "text.secondary",
+                                children: clause
+                            }, clause))
+                    }) : null,
+                    scope ? /*#__PURE__*/ _jsx(ListMembersPanel, {
+                        hostId: hostId,
+                        consentGroup: consentGroup,
+                        scope: scope,
+                        listId: listId,
+                        listName: String((_list_name = list['name']) != null ? _list_name : ''),
+                        onMembershipChanged: onMembershipChanged,
+                        /*
+              Offered only on a FIXED list. A live list's membership is the
+              sweep's to decide, and hand-adding its own matches would write
+              `via: 'manual'` copies of rows the sweep already owns — rows it
+              then may not reconcile away when the person stops matching.
+             */ findRule: dynamic || !hasFilters ? null : rule,
+                        ruleSummary: summary
+                    }) : null
+                ]
+            }),
+            importing ? /*#__PURE__*/ _jsx(ListImportDrawer, {
+                open: true,
+                onClose: ()=>setImporting(false),
+                hostId: hostId,
+                listId: listId,
+                listName: String((_list_name1 = list['name']) != null ? _list_name1 : ''),
+                onMembershipChanged: onMembershipChanged
+            }) : null
+        ]
+    });
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(PageHeaderRecord, {
+                title: String(list['name'] || listId)
+            }),
+            card
+        ]
+    });
+}
+ListDetailCard.displayName = 'ListDetailCard';
+export default ListDetailCard;
+
+//# sourceMappingURL=list-detail-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/email/src/lib/components/list-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\n/**\n * ONE AUDIENCE: who it is, how it is built, and every person on it.\n *\n * ## Why a route rather than an expanded row\n *\n * The membership used to unfold inside the list table, which cost three\n * things a merchant actually uses. A list was not linkable, so \"check the\n * Wholesale audience\" could not be sent to anybody. The back button walked out\n * of the whole surface rather than out of the list. And the list's own\n * settings had to live under a table they were not about.\n *\n * ## What it reads\n *\n * The list document — one document, whatever the audience's size — plus one\n * server aggregate for the subscriber total, plus the paged membership window\n * the table below draws. The membership is PII and there is one document per\n * subscriber, so it is read HERE, where somebody asked for it, and nowhere\n * that merely lists audiences.\n *\n * ## The rule is stated, not just flagged\n *\n * A dynamic list is a claim about who is on it, and \"Rule\" as a chip is not\n * that claim. The summary spells out every dimension the rule actually\n * carries, so the answer to \"why is this person not in the audience\" is on the\n * screen the question gets asked on.\n */\n\nimport {\n  normalizeDynamicListRule,\n  PageHeaderRecord,\n  pluginDocsHelp,\n  type ConsentGroup,\n} from '@aglyn/aglyn'\nimport { mdiPencilOutline, mdiTrayArrowUp } from '@aglyn/shared-data-mdi'\nimport { AppLink, CardDisplay, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { Button, Chip, Stack, Typography } from '@mui/material'\nimport { collection, doc, getCountFromServer } from 'firebase/firestore'\nimport { useCallback, useEffect, useState } from 'react'\nimport { useFirestore, useFirestoreDoc, useOrgDataScope } from '@aglyn/tenant-feature-instance'\nimport { describeDynamicListRule } from './dynamic-list-rule-fields'\nimport ListImportDrawer from './list-import-drawer'\nimport ListMembersPanel from './list-members-panel'\n\nexport interface ListDetailCardProps {\n  hostId: string\n  /**\n   * The controller this audience is being read AS, resolved by the page from\n   * the org document it already holds.\n   *\n   * Passed through rather than resolved here: the group is a fact about the\n   * ORG, one lookup serves every section, and a card that resolved its own\n   * would be a second place for the answer to come from.\n   */\n  consentGroup: ConsentGroup\n  listId: string\n  /** The emails hub URL, for the way back to the audiences list. */\n  basePath: string\n}\n\nexport function ListDetailCard(props: ListDetailCardProps) {\n  const { hostId, consentGroup, listId, basePath } = props\n  const firestore = useFirestore()\n  const { scope } = useOrgDataScope({ hostId })\n\n  const { data: list, status } = useFirestoreDoc<Record<string, any>>(\n    () =>\n      scope ? doc(firestore, scope[0], scope[1], 'lists', listId) : null,\n    [firestore, scope, listId],\n  )\n\n  /*\n   * The subscriber total, as a server aggregate.\n   *\n   * Not the length of the page below: a count beside a paged table is exactly\n   * where a page length gets mistaken for a total. Taken once, and re-taken\n   * only when a membership is added or removed — a figure that disagreed with\n   * the table directly under it would read as the add having failed.\n   */\n  const [count, setCount] = useState<number | null>(null)\n  const [membershipVersion, setMembershipVersion] = useState(0)\n  useEffect(() => {\n    if (!scope) return undefined\n    let active = true\n    void getCountFromServer(\n      collection(firestore, scope[0], scope[1], 'lists', listId, 'members'),\n    )\n      .then((snapshot) => {\n        if (active) setCount(snapshot.data().count)\n      })\n      .catch(() => {\n        if (active) setCount(null)\n      })\n    return () => {\n      active = false\n    }\n  }, [firestore, scope, listId, membershipVersion])\n\n  const onMembershipChanged = useCallback(\n    () => setMembershipVersion((version) => version + 1),\n    [],\n  )\n\n  /*\n   * Importing is a DRAWER opened from the header, not a control inside the\n   * membership panel. It is a multi-step act — choose a file, read what is in\n   * it, state that you have permission — and the middle step is the one that\n   * must not be cramped, because it carries the screening warnings and the\n   * consent readout the attestation is given against.\n   */\n  const [importing, setImporting] = useState(false)\n\n  const audiencesHref = `${basePath}/audiences`\n  const headerActions = (\n    <Stack direction=\"row\" spacing={1}>\n      <Button\n        component={AppLink as any}\n        {...({ componentVariant: 'naked', nativeButton: false } as any)}\n        href={audiencesHref}\n        size=\"small\"\n        color=\"primary\"\n      >\n        {'All audiences'}\n      </Button>\n      <Button\n        component={AppLink as any}\n        {...({ componentVariant: 'naked', nativeButton: false } as any)}\n        href={`${audiencesHref}/${listId}/edit`}\n        size=\"small\"\n        color=\"primary\"\n        variant=\"outlined\"\n        startIcon={<MdiIcon path={mdiPencilOutline.path} size={0.8} />}\n      >\n        {'Edit list'}\n      </Button>\n      <Button\n        size=\"small\"\n        color=\"primary\"\n        variant=\"contained\"\n        startIcon={<MdiIcon path={mdiTrayArrowUp.path} size={0.8} />}\n        onClick={() => setImporting(true)}\n      >\n        {'Import'}\n      </Button>\n    </Stack>\n  )\n\n  if (!list) {\n    /*\n     * Loading and MISSING are different answers, and the difference matters\n     * more here than almost anywhere. Not \"no members\" — a list that cannot be\n     * read is a different situation from an empty one, and rendering an empty\n     * membership for the first is how somebody comes to believe an audience\n     * they built has lost everybody. Reading `status` rather than the absence\n     * of data is also what stops the refusal being flashed on every arrival,\n     * before the org scope has even resolved.\n     */\n    const settled = Boolean(scope) && status !== 'loading'\n    return (\n      <CardDisplay\n        header={'Audience'}\n        help={pluginDocsHelp('emailCampaigns', { anchor: '#email-lists' })}\n        contentGutterX\n        contentGutterY\n        HeaderProps={{ action: headerActions }}\n      >\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {settled\n            ? 'This list could not be loaded. It may have been deleted.'\n            : 'Loading this audience…'}\n        </Typography>\n      </CardDisplay>\n    )\n  }\n\n  const dynamic = list['kind'] === 'dynamic'\n  /*\n   * The filters, whichever kind of list this is.\n   *\n   * On a live list they are what the sweep evaluates. On a fixed one they are\n   * a saved SEARCH — the same filters, used to find people to add rather than\n   * to decide membership — so they are read and described either way, and only\n   * the sentence about what happens next differs.\n   */\n  const rule = normalizeDynamicListRule(list['rule'])\n  const hasFilters = rule.sources.length > 0\n  const summary = hasFilters ? describeDynamicListRule(rule) : []\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={'Audience'}\n      help={pluginDocsHelp('emailCampaigns', { anchor: '#list-members' })}\n      contentGutterX\n      contentGutterY\n      contentBordered=\"all\"\n      HeaderProps={{ action: headerActions }}\n    >\n      <Stack spacing={2}>\n        <Stack\n          direction=\"row\"\n          spacing={1}\n          useFlexGap\n          sx={{ flexWrap: 'wrap', alignItems: 'center' }}\n        >\n          {dynamic ? (\n            <Chip\n              size=\"small\"\n              color=\"primary\"\n              variant=\"outlined\"\n              label={\n                list['lastEvaluatedAt']?.toDate\n                  ? `Rule · ${list['lastEvaluatedAt']\n                      .toDate()\n                      .toLocaleString()}`\n                  : 'Rule · not yet evaluated'\n              }\n            />\n          ) : (\n            <Chip size=\"small\" variant=\"outlined\" label=\"Fixed membership\" />\n          )}\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {count === null\n              ? 'Counting subscribers…'\n              : count === 1\n                ? '1 subscriber'\n                : `${count.toLocaleString()} subscribers`}\n          </Typography>\n        </Stack>\n\n        {/*\n          A live list's filters are stated HERE rather than only on the edit\n          page: they are the answer to \"why is this person not in the\n          audience\", which is a question asked while looking at the membership.\n          A fixed list states them inside the find-people control instead,\n          beside the button that acts on them.\n         */}\n        {dynamic && hasFilters ? (\n          <Stack spacing={0.5}>\n            {summary.map((clause) => (\n              <Typography key={clause} variant=\"body2\" color=\"text.secondary\">\n                {clause}\n              </Typography>\n            ))}\n          </Stack>\n        ) : null}\n\n        {scope ? (\n          <ListMembersPanel\n            hostId={hostId}\n            consentGroup={consentGroup}\n            scope={scope as readonly [string, string]}\n            listId={listId}\n            listName={String(list['name'] ?? '')}\n            onMembershipChanged={onMembershipChanged}\n            /*\n              Offered only on a FIXED list. A live list's membership is the\n              sweep's to decide, and hand-adding its own matches would write\n              `via: 'manual'` copies of rows the sweep already owns — rows it\n              then may not reconcile away when the person stops matching.\n             */\n            findRule={dynamic || !hasFilters ? null : rule}\n            ruleSummary={summary}\n          />\n        ) : null}\n      </Stack>\n      {/*\n        Mounted only while it is open, so a page nobody is importing on runs\n        none of its effects — the drawer looks for an unfinished import when\n        it opens, and that read must not be a cost of visiting an audience.\n       */}\n      {importing ? (\n        <ListImportDrawer\n          open\n          onClose={() => setImporting(false)}\n          hostId={hostId}\n          listId={listId}\n          listName={String(list['name'] ?? '')}\n          onMembershipChanged={onMembershipChanged}\n        />\n      ) : null}\n    </CardDisplay>\n  )\n\n  return (\n    <>\n      {/* The page heading and the trail name the audience; this card is\n          then free to say what it holds rather than repeating the title. */}\n      <PageHeaderRecord title={String(list['name'] || listId)} />\n      {card}\n    </>\n  )\n}\nListDetailCard.displayName = 'ListDetailCard'\n\nexport default ListDetailCard\n"],"names":["normalizeDynamicListRule","PageHeaderRecord","pluginDocsHelp","mdiPencilOutline","mdiTrayArrowUp","AppLink","CardDisplay","MdiIcon","Button","Chip","Stack","Typography","collection","doc","getCountFromServer","useCallback","useEffect","useState","useFirestore","useFirestoreDoc","useOrgDataScope","describeDynamicListRule","ListImportDrawer","ListMembersPanel","ListDetailCard","props","list","hostId","consentGroup","listId","basePath","firestore","scope","data","status","count","setCount","membershipVersion","setMembershipVersion","undefined","active","then","snapshot","catch","onMembershipChanged","version","importing","setImporting","audiencesHref","headerActions","direction","spacing","component","componentVariant","nativeButton","href","size","color","variant","startIcon","path","onClick","settled","Boolean","header","help","anchor","contentGutterX","contentGutterY","HeaderProps","action","dynamic","rule","hasFilters","sources","length","summary","card","contentBordered","useFlexGap","sx","flexWrap","alignItems","label","toDate","toLocaleString","map","clause","listName","String","findRule","ruleSummary","open","onClose","title","displayName"],"mappings":"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"}

package/src/lib/components/list-edit-card.d.ts

@@ -0,0 +1,11 @@
+export interface ListEditCardProps {
+    hostId: string;
+    listId: string;
+    /** The emails hub URL, which the audiences routes hang beneath. */
+    basePath: string;
+}
+export declare function ListEditCard(props: ListEditCardProps): import("react").JSX.Element;
+export declare namespace ListEditCard {
+    var displayName: string;
+}
+export default ListEditCard;

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

@@ -0,0 +1,287 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * A LIST'S SETTINGS: its name, how its membership is decided, and the filters
+ * that decide it.
+ *
+ * ## Why it is its own route
+ *
+ * Editing the rule that decides an audience is not a thing to do in a row of a
+ * table. It is nine fields, several of them consequential enough that the
+ * merchant should see what they currently say before changing them, and a
+ * rule saved by accident silently re-populates the audience on the next sweep.
+ * A route also means the edit is linkable and the back button leaves it.
+ *
+ * ## The rule is edited as a DRAFT and written once
+ *
+ * The controls hold text; `draftToRule` turns it into a rule; Save writes that
+ * rule. Nothing is written per keystroke, because a dynamic list's rule is
+ * read by a sweep every fifteen minutes, which would otherwise re-materialize
+ * the audience against a half-typed intermediate state.
+ *
+ * ## The two outcomes, and the sentence that tells them apart
+ *
+ * The SAME filters serve both kinds of list, and the difference is what
+ * happens afterwards:
+ *
+ * - **Live** keeps the rule. Membership is re-evaluated on the sweep and the
+ *   audience keeps growing as people start matching.
+ * - **Fixed** does not. The filters are a way to FIND people; who is on the
+ *   list is whoever was added, and it stays that way.
+ *
+ * A reader must never be unsure which they have, so the control says it in
+ * those words and the page repeats it under whichever is selected. Switching
+ * is safe in both directions and neither drops anybody: the sweep reconciles
+ * away only rows IT wrote (`via: 'rule'`), so a person somebody added by hand
+ * survives becoming live, and everyone on the list survives becoming fixed.
+ * The rule is kept on a fixed list rather than deleted — it is the filter that
+ * found these people, and losing it on a toggle would lose the work.
+ */ import { normalizeDynamicListRule, PageHeaderRecord, pluginDocsHelp } from "@aglyn/aglyn";
+import { AppLink, CardDisplay } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { Alert, Button, MenuItem, Stack, TextField, Typography } from "@mui/material";
+import { doc, updateDoc } from "firebase/firestore";
+import { useRouter } from "next/navigation";
+import { useEffect, useRef, useState } from "react";
+import { useFirestore, useFirestoreDoc, useOrgDataScope } from "@aglyn/tenant-feature-instance";
+import DynamicListRuleFields, { draftToRule, useRuleDraft } from "./dynamic-list-rule-fields.js";
+export function ListEditCard(props) {
+    var _ref;
+    const { hostId, listId, basePath } = props;
+    const firestore = useFirestore();
+    const router = useRouter();
+    const { enqueueSnackbar } = useSnackbar();
+    const { scope } = useOrgDataScope({
+        hostId
+    });
+    const { data: list, status } = useFirestoreDoc(()=>scope ? doc(firestore, scope[0], scope[1], 'lists', listId) : null, [
+        firestore,
+        scope,
+        listId
+    ]);
+    const storedName = String((_ref = list == null ? void 0 : list['name']) != null ? _ref : '');
+    const storedKind = (list == null ? void 0 : list['kind']) === 'dynamic' ? 'dynamic' : 'manual';
+    /*
+   * Normalized before the form ever sees it, by the same function the
+   * materializer reads it back through. A rule shown one way and evaluated
+   * another is the defect this screen exists to make visible.
+   */ const storedRule = list ? normalizeDynamicListRule(list['rule']) : undefined;
+    const [name, setName] = useState('');
+    const [kind, setKind] = useState('manual');
+    const dynamic = kind === 'dynamic';
+    /*
+   * Seeded ONCE, when the document first arrives. The listen is live, so
+   * re-seeding on every snapshot would take the field away from whoever is
+   * typing in it — including on the snapshot their own save produces.
+   */ const seeded = useRef(false);
+    useEffect(()=>{
+        if (!list || seeded.current) return;
+        seeded.current = true;
+        setName(storedName);
+        setKind(storedKind);
+    }, [
+        list,
+        storedName,
+        storedKind
+    ]);
+    const [draft, setDraft] = useRuleDraft(storedRule, listId);
+    const [busy, setBusy] = useState(false);
+    const audiencesHref = `${basePath}/audiences`;
+    const detailHref = `${audiencesHref}/${listId}`;
+    const handleSave = async ()=>{
+        const next = name.trim();
+        /*
+     * An empty name is not a rename. The list table orders on `name`, and
+     * `orderBy` drops a document that does not carry the field — so a list
+     * renamed to nothing would vanish from the page that lists it.
+     */ if (!next || !scope || busy) return;
+        setBusy(true);
+        try {
+            await updateDoc(doc(firestore, scope[0], scope[1], 'lists', listId), {
+                name: next,
+                kind,
+                /*
+         * The rule is written whichever kind was chosen. On a live list it is
+         * what the sweep evaluates; on a fixed one it is the filter that finds
+         * people to add, and keeping it is what lets a merchant refine the
+         * search across visits instead of retyping it.
+         */ rule: draftToRule(draft),
+                /*
+         * WHICH SITE'S people the rule draws from.
+         *
+         * Lists are org-shared but leads, members and form submissions are
+         * host-owned, and org contacts are read narrowed to one host. A rule
+         * with no host has no silos at all, so the sweep skips it.
+         */ hostId
+            });
+            enqueueSnackbar('List saved', {
+                variant: 'success',
+                persist: false
+            });
+            router.push(detailHref);
+        } catch (error) {
+            console.error(error);
+            enqueueSnackbar('The list was not saved', {
+                variant: 'error'
+            });
+        } finally{
+            setBusy(false);
+        }
+    };
+    const headerActions = /*#__PURE__*/ _jsx(Button, _extends({
+        component: AppLink
+    }, {
+        componentVariant: 'naked',
+        nativeButton: false
+    }, {
+        href: detailHref,
+        size: "small",
+        color: "primary",
+        children: 'Back to the audience'
+    }));
+    if (!list) {
+        const settled = Boolean(scope) && status !== 'loading';
+        return /*#__PURE__*/ _jsx(CardDisplay, {
+            header: 'Edit list',
+            help: pluginDocsHelp('emailCampaigns', {
+                anchor: '#email-lists'
+            }),
+            contentGutterX: true,
+            contentGutterY: true,
+            HeaderProps: {
+                action: headerActions
+            },
+            children: /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: settled ? 'This list could not be loaded. It may have been deleted.' : 'Loading this audience…'
+            })
+        });
+    }
+    /* The card, named so the page chrome above it is a plain list of
+     what this surface publishes upward. */ const card = /*#__PURE__*/ _jsx(CardDisplay, {
+        header: 'Edit audience',
+        help: pluginDocsHelp('emailCampaigns', {
+            anchor: dynamic ? '#lists-built-from-a-rule' : '#manual-lists'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        contentBordered: "all",
+        HeaderProps: {
+            action: headerActions
+        },
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 2,
+            children: [
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    useFlexGap: true,
+                    sx: {
+                        flexWrap: 'wrap'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(TextField, {
+                            size: "small",
+                            label: "List name",
+                            value: name,
+                            onChange: (event)=>setName(event.target.value),
+                            sx: {
+                                flexGrow: 1,
+                                minWidth: 240,
+                                maxWidth: 360
+                            }
+                        }),
+                        /*#__PURE__*/ _jsxs(TextField, {
+                            select: true,
+                            size: "small",
+                            label: "Membership",
+                            value: kind,
+                            onChange: (event)=>setKind(event.target.value),
+                            sx: {
+                                minWidth: 240
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(MenuItem, {
+                                    value: "dynamic",
+                                    children: 'Live — keeps growing'
+                                }),
+                                /*#__PURE__*/ _jsx(MenuItem, {
+                                    value: "manual",
+                                    children: 'Fixed — does not change'
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Alert, {
+                    severity: dynamic ? 'info' : 'success',
+                    children: dynamic ? 'Everyone matching these filters is enrolled automatically, ' + 'about every fifteen minutes, and leaves when they stop ' + 'matching. Anyone added by hand stays. Being matched is not ' + 'consent to be emailed — a campaign still only reaches people ' + 'whose consent is on record.' : 'Membership does not change on its own. Use the filters below ' + 'to FIND people, then add them from the audience page — who ' + 'you add is who stays on the list.'
+                }),
+                scope ? /*#__PURE__*/ _jsx(DynamicListRuleFields, {
+                    scope: scope,
+                    hostId: hostId,
+                    draft: draft,
+                    onChange: setDraft,
+                    listId: listId
+                }) : null,
+                draft.sources.length || !dynamic ? null : /*#__PURE__*/ _jsx(Alert, {
+                    severity: "warning",
+                    children: 'These filters draw from no source, so they match nobody. The ' + 'next sweep would empty the list of everyone the rule enrolled.'
+                }),
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            variant: "contained",
+                            color: "primary",
+                            disabled: busy || !name.trim() || !scope,
+                            onClick: ()=>void handleSave(),
+                            children: busy ? 'Saving…' : 'Save'
+                        }),
+                        /*#__PURE__*/ _jsx(Button, _extends({
+                            component: AppLink
+                        }, {
+                            componentVariant: 'naked',
+                            nativeButton: false
+                        }, {
+                            href: detailHref,
+                            size: "small",
+                            children: 'Cancel'
+                        }))
+                    ]
+                })
+            ]
+        })
+    });
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(PageHeaderRecord, {
+                title: storedName || listId
+            }),
+            card
+        ]
+    });
+}
+ListEditCard.displayName = 'ListEditCard';
+export default ListEditCard;
+
+//# sourceMappingURL=list-edit-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/email/src/lib/components/list-edit-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\n/**\n * A LIST'S SETTINGS: its name, how its membership is decided, and the filters\n * that decide it.\n *\n * ## Why it is its own route\n *\n * Editing the rule that decides an audience is not a thing to do in a row of a\n * table. It is nine fields, several of them consequential enough that the\n * merchant should see what they currently say before changing them, and a\n * rule saved by accident silently re-populates the audience on the next sweep.\n * A route also means the edit is linkable and the back button leaves it.\n *\n * ## The rule is edited as a DRAFT and written once\n *\n * The controls hold text; `draftToRule` turns it into a rule; Save writes that\n * rule. Nothing is written per keystroke, because a dynamic list's rule is\n * read by a sweep every fifteen minutes, which would otherwise re-materialize\n * the audience against a half-typed intermediate state.\n *\n * ## The two outcomes, and the sentence that tells them apart\n *\n * The SAME filters serve both kinds of list, and the difference is what\n * happens afterwards:\n *\n * - **Live** keeps the rule. Membership is re-evaluated on the sweep and the\n *   audience keeps growing as people start matching.\n * - **Fixed** does not. The filters are a way to FIND people; who is on the\n *   list is whoever was added, and it stays that way.\n *\n * A reader must never be unsure which they have, so the control says it in\n * those words and the page repeats it under whichever is selected. Switching\n * is safe in both directions and neither drops anybody: the sweep reconciles\n * away only rows IT wrote (`via: 'rule'`), so a person somebody added by hand\n * survives becoming live, and everyone on the list survives becoming fixed.\n * The rule is kept on a fixed list rather than deleted — it is the filter that\n * found these people, and losing it on a toggle would lose the work.\n */\n\nimport {\n  normalizeDynamicListRule,\n  PageHeaderRecord,\n  pluginDocsHelp,\n} from '@aglyn/aglyn'\nimport { AppLink, CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Alert,\n  Button,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { doc, updateDoc } from 'firebase/firestore'\nimport { useRouter } from 'next/navigation'\nimport { useEffect, useRef, useState } from 'react'\nimport {\n  useFirestore,\n  useFirestoreDoc,\n  useOrgDataScope,\n} from '@aglyn/tenant-feature-instance'\nimport DynamicListRuleFields, {\n  draftToRule,\n  useRuleDraft,\n} from './dynamic-list-rule-fields'\n\nexport interface ListEditCardProps {\n  hostId: string\n  listId: string\n  /** The emails hub URL, which the audiences routes hang beneath. */\n  basePath: string\n}\n\nexport function ListEditCard(props: ListEditCardProps) {\n  const { hostId, listId, basePath } = props\n  const firestore = useFirestore()\n  const router = useRouter()\n  const { enqueueSnackbar } = useSnackbar()\n  const { scope } = useOrgDataScope({ hostId })\n\n  const { data: list, status } = useFirestoreDoc<Record<string, any>>(\n    () => (scope ? doc(firestore, scope[0], scope[1], 'lists', listId) : null),\n    [firestore, scope, listId],\n  )\n\n  const storedName = String(list?.['name'] ?? '')\n  const storedKind: 'manual' | 'dynamic' =\n    list?.['kind'] === 'dynamic' ? 'dynamic' : 'manual'\n  /*\n   * Normalized before the form ever sees it, by the same function the\n   * materializer reads it back through. A rule shown one way and evaluated\n   * another is the defect this screen exists to make visible.\n   */\n  const storedRule = list ? normalizeDynamicListRule(list['rule']) : undefined\n\n  const [name, setName] = useState('')\n  const [kind, setKind] = useState<'manual' | 'dynamic'>('manual')\n  const dynamic = kind === 'dynamic'\n  /*\n   * Seeded ONCE, when the document first arrives. The listen is live, so\n   * re-seeding on every snapshot would take the field away from whoever is\n   * typing in it — including on the snapshot their own save produces.\n   */\n  const seeded = useRef(false)\n  useEffect(() => {\n    if (!list || seeded.current) return\n    seeded.current = true\n    setName(storedName)\n    setKind(storedKind)\n  }, [list, storedName, storedKind])\n\n  const [draft, setDraft] = useRuleDraft(storedRule, listId)\n  const [busy, setBusy] = useState(false)\n\n  const audiencesHref = `${basePath}/audiences`\n  const detailHref = `${audiencesHref}/${listId}`\n\n  const handleSave = async () => {\n    const next = name.trim()\n    /*\n     * An empty name is not a rename. The list table orders on `name`, and\n     * `orderBy` drops a document that does not carry the field — so a list\n     * renamed to nothing would vanish from the page that lists it.\n     */\n    if (!next || !scope || busy) return\n    setBusy(true)\n    try {\n      await updateDoc(doc(firestore, scope[0], scope[1], 'lists', listId), {\n        name: next,\n        kind,\n        /*\n         * The rule is written whichever kind was chosen. On a live list it is\n         * what the sweep evaluates; on a fixed one it is the filter that finds\n         * people to add, and keeping it is what lets a merchant refine the\n         * search across visits instead of retyping it.\n         */\n        rule: draftToRule(draft),\n        /*\n         * WHICH SITE'S people the rule draws from.\n         *\n         * Lists are org-shared but leads, members and form submissions are\n         * host-owned, and org contacts are read narrowed to one host. A rule\n         * with no host has no silos at all, so the sweep skips it.\n         */\n        hostId,\n      })\n      enqueueSnackbar('List saved', { variant: 'success', persist: false })\n      router.push(detailHref)\n    } catch (error) {\n      console.error(error)\n      enqueueSnackbar('The list was not saved', { variant: 'error' })\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  const headerActions = (\n    <Button\n      component={AppLink as any}\n      {...({ componentVariant: 'naked', nativeButton: false } as any)}\n      href={detailHref}\n      size=\"small\"\n      color=\"primary\"\n    >\n      {'Back to the audience'}\n    </Button>\n  )\n\n  if (!list) {\n    const settled = Boolean(scope) && status !== 'loading'\n    return (\n      <CardDisplay\n        header={'Edit list'}\n        help={pluginDocsHelp('emailCampaigns', { anchor: '#email-lists' })}\n        contentGutterX\n        contentGutterY\n        HeaderProps={{ action: headerActions }}\n      >\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {settled\n            ? 'This list could not be loaded. It may have been deleted.'\n            : 'Loading this audience…'}\n        </Typography>\n      </CardDisplay>\n    )\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={'Edit audience'}\n      help={pluginDocsHelp('emailCampaigns', {\n        anchor: dynamic ? '#lists-built-from-a-rule' : '#manual-lists',\n      })}\n      contentGutterX\n      contentGutterY\n      contentBordered=\"all\"\n      HeaderProps={{ action: headerActions }}\n    >\n      <Stack spacing={2}>\n        <Stack direction=\"row\" spacing={1} useFlexGap sx={{ flexWrap: 'wrap' }}>\n          <TextField\n            size=\"small\"\n            label=\"List name\"\n            value={name}\n            onChange={(event) => setName(event.target.value)}\n            sx={{ flexGrow: 1, minWidth: 240, maxWidth: 360 }}\n          />\n          {/*\n            The one decision on this page that changes what the list DOES, so\n            the options are named for their outcome rather than for the field\n            they set. \"Dynamic\" and \"manual\" describe the implementation; \"keeps\n            growing\" and \"does not change\" describe what the merchant gets.\n           */}\n          <TextField\n            select\n            size=\"small\"\n            label=\"Membership\"\n            value={kind}\n            onChange={(event) =>\n              setKind(event.target.value as 'manual' | 'dynamic')\n            }\n            sx={{ minWidth: 240 }}\n          >\n            <MenuItem value=\"dynamic\">{'Live — keeps growing'}</MenuItem>\n            <MenuItem value=\"manual\">{'Fixed — does not change'}</MenuItem>\n          </TextField>\n        </Stack>\n\n        <Alert severity={dynamic ? 'info' : 'success'}>\n          {dynamic\n            ? 'Everyone matching these filters is enrolled automatically, ' +\n              'about every fifteen minutes, and leaves when they stop ' +\n              'matching. Anyone added by hand stays. Being matched is not ' +\n              'consent to be emailed — a campaign still only reaches people ' +\n              'whose consent is on record.'\n            : 'Membership does not change on its own. Use the filters below ' +\n              'to FIND people, then add them from the audience page — who ' +\n              'you add is who stays on the list.'}\n        </Alert>\n\n        {scope ? (\n          <DynamicListRuleFields\n            scope={scope as readonly [string, string]}\n            hostId={hostId}\n            draft={draft}\n            onChange={setDraft}\n            listId={listId}\n          />\n        ) : null}\n        {/*\n          A rule with no source matches nobody, and an audience emptied that\n          way looks exactly like one whose sweep has not run yet. It is only a\n          warning on a LIVE list: on a fixed one an unset filter selects\n          nothing to add and takes nobody off.\n         */}\n        {draft.sources.length || !dynamic ? null : (\n          <Alert severity=\"warning\">\n            {'These filters draw from no source, so they match nobody. The ' +\n              'next sweep would empty the list of everyone the rule enrolled.'}\n          </Alert>\n        )}\n\n        <Stack direction=\"row\" spacing={1}>\n          <Button\n            size=\"small\"\n            variant=\"contained\"\n            color=\"primary\"\n            disabled={busy || !name.trim() || !scope}\n            onClick={() => void handleSave()}\n          >\n            {busy ? 'Saving…' : 'Save'}\n          </Button>\n          <Button\n            component={AppLink as any}\n            {...({ componentVariant: 'naked', nativeButton: false } as any)}\n            href={detailHref}\n            size=\"small\"\n          >\n            {'Cancel'}\n          </Button>\n        </Stack>\n      </Stack>\n    </CardDisplay>\n  )\n\n  return (\n    <>\n      {/*\n        The audience being edited. This route is one level BELOW it, and the\n        way back is the card header's own button — the trail names where the\n        reader is and does not link its last step.\n      */}\n      <PageHeaderRecord title={storedName || listId} />\n      {card}\n    </>\n  )\n}\nListEditCard.displayName = 'ListEditCard'\n\nexport default ListEditCard\n"],"names":["normalizeDynamicListRule","PageHeaderRecord","pluginDocsHelp","AppLink","CardDisplay","useSnackbar","Alert","Button","MenuItem","Stack","TextField","Typography","doc","updateDoc","useRouter","useEffect","useRef","useState","useFirestore","useFirestoreDoc","useOrgDataScope","DynamicListRuleFields","draftToRule","useRuleDraft","ListEditCard","props","hostId","listId","basePath","firestore","router","enqueueSnackbar","scope","data","list","status","storedName","String","storedKind","storedRule","undefined","name","setName","kind","setKind","dynamic","seeded","current","draft","setDraft","busy","setBusy","audiencesHref","detailHref","handleSave","next","trim","rule","variant","persist","push","error","console","headerActions","component","componentVariant","nativeButton","href","size","color","settled","Boolean","header","help","anchor","contentGutterX","contentGutterY","HeaderProps","action","card","contentBordered","spacing","direction","useFlexGap","sx","flexWrap","label","value","onChange","event","target","flexGrow","minWidth","maxWidth","select","severity","sources","length","disabled","onClick","title","displayName"],"mappings":"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"}