@aglyn/plugins-crm 1.0.0-beta.143

package/src/lib/components/add-to-list-dialog.js

@@ -0,0 +1,327 @@
+/**
+ * @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 } from "react/jsx-runtime";
+/**
+ * Put people from the CRM onto an email audience (AGL-2603).
+ *
+ * ## The same door the Emails console uses
+ *
+ * A list membership carries the consent basis that says why this person may
+ * be mailed, and the rules make its create API-only for exactly that reason:
+ * a client that could write one could mint a consent record by pressing a
+ * button. So this dialog does not write a membership. It calls the two
+ * routes the audience page's own add form calls — `email/list-members-preview`
+ * to say, per address, what adding them would do, and `email/list-members-add`
+ * to do it — with the same body and the same single attestation over the
+ * count the operator was shown. Whoever is refused there is refused here, for
+ * the same reason, in the same words.
+ *
+ * ## Check, then add
+ *
+ * The attestation is a statement about people, so the people are counted in
+ * front of the operator before the checkbox exists: how many already opted
+ * in, how many have nothing on record, how many cannot be added at all. The
+ * routes take a hundred addresses a call, so a large selection is sent in
+ * hundreds and the verdicts are summed — the number on screen is the whole
+ * selection's, not the first page's.
+ *
+ * ## The audiences are a bounded lookup
+ *
+ * Fifty by name, the window the Emails console's own pickers use. A list is
+ * org-shared, readable by an org-wide member and by nobody else, and the
+ * route refuses a caller who is not one — so a collaborator scoped to one
+ * site sees the listen refused and a sentence saying who manages audiences,
+ * rather than an empty picker.
+ */ import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { Alert, Button, Checkbox, Dialog, DialogActions, DialogContent, DialogTitle, FormControlLabel, MenuItem, Stack, TextField, Typography } from "@mui/material";
+import { collection, limit, orderBy, query } from "firebase/firestore";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useFirestore, useFirestoreCollection, useUser } from "@aglyn/tenant-feature-instance";
+/**
+ * How many addresses one call to the membership routes takes — their
+ * `readAddresses` cap. Named here because a request over it is refused
+ * whole, and a refusal of the whole selection reads as nobody being addable.
+ */ export const LIST_MEMBER_REQUEST_CHUNK = 100;
+/** The audience picker's window; the Emails console's own pickers use it. */ export const AUDIENCE_PICKER_LIMIT = 50;
+/** The addresses, deduplicated the way the route will deduplicate them. */ const distinctAddresses = (emails)=>[
+        ...new Set(emails.map((email)=>String(email != null ? email : '').trim().toLowerCase()).filter(Boolean))
+    ];
+const chunk = (items, size)=>{
+    const chunks = [];
+    for(let start = 0; start < items.length; start += size){
+        chunks.push(items.slice(start, start + size));
+    }
+    return chunks;
+};
+export function AddToListDialog(props) {
+    const { open, onClose, hostId, scope, emails, onAdded } = props;
+    const firestore = useFirestore();
+    const { data: user } = useUser();
+    const { enqueueSnackbar } = useSnackbar();
+    const addresses = useMemo(()=>distinctAddresses(emails), [
+        emails
+    ]);
+    const { data: audienceRows, status: audiencesStatus } = useFirestoreCollection(()=>open && scope ? query(collection(firestore, scope[0], scope[1], 'lists'), orderBy('name'), limit(AUDIENCE_PICKER_LIMIT)) : null, [
+        firestore,
+        scope,
+        open
+    ], {
+        idField: '$id'
+    });
+    const audiences = audienceRows != null ? audienceRows : [];
+    const [listId, setListId] = useState('');
+    const [preview, setPreview] = useState(null);
+    const [attested, setAttested] = useState(false);
+    const [results, setResults] = useState(null);
+    const [busy, setBusy] = useState(false);
+    /*
+   * A preview belongs to the list and the addresses it was run for. Change
+   * either and the count on screen — and the attestation offered under it —
+   * would be about a different set, so both go.
+   */ useEffect(()=>{
+        setPreview(null);
+        setAttested(false);
+        setResults(null);
+    }, [
+        listId,
+        addresses
+    ]);
+    const post = useCallback(async (route, body)=>{
+        const response = await authorizedFetch(user, `/api/email/${route}`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(_extends({
+                hostId,
+                listId
+            }, body))
+        });
+        const payload = await response.json().catch(()=>({}));
+        return {
+            ok: response.ok,
+            payload
+        };
+    }, [
+        user,
+        hostId,
+        listId
+    ]);
+    const handleCheck = useCallback(async ()=>{
+        if (busy || !listId || !addresses.length) return;
+        setBusy(true);
+        try {
+            const summed = {
+                verdicts: [],
+                optedIn: 0,
+                needAttestation: 0,
+                refused: 0
+            };
+            for (const batch of chunk(addresses, LIST_MEMBER_REQUEST_CHUNK)){
+                var _page_verdicts, _page_optedIn, _page_needAttestation, _page_refused;
+                const { ok, payload } = await post('list-members-preview', {
+                    emails: batch
+                });
+                if (!ok) {
+                    var _ref;
+                    return void enqueueSnackbar((_ref = payload == null ? void 0 : payload.error) != null ? _ref : 'The addresses could not be checked.', {
+                        variant: 'warning',
+                        allowDuplicate: true
+                    });
+                }
+                const page = payload;
+                summed.verdicts.push(...(_page_verdicts = page.verdicts) != null ? _page_verdicts : []);
+                summed.optedIn += Number((_page_optedIn = page.optedIn) != null ? _page_optedIn : 0);
+                summed.needAttestation += Number((_page_needAttestation = page.needAttestation) != null ? _page_needAttestation : 0);
+                summed.refused += Number((_page_refused = page.refused) != null ? _page_refused : 0);
+            }
+            setPreview(summed);
+        } catch (unused) {
+            enqueueSnackbar('The addresses could not be checked.', {
+                variant: 'warning',
+                allowDuplicate: true
+            });
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        busy,
+        listId,
+        addresses,
+        post,
+        enqueueSnackbar
+    ]);
+    const handleAdd = useCallback(async ()=>{
+        if (busy || !preview) return;
+        setBusy(true);
+        try {
+            const all = [];
+            for (const batch of chunk(addresses, LIST_MEMBER_REQUEST_CHUNK)){
+                var _ref;
+                const { ok, payload } = await post('list-members-add', {
+                    emails: batch,
+                    // The operator's assertion, applied per address by the route to
+                    // the people who need it; a stored opt-in keeps its own basis.
+                    attestConsent: attested
+                });
+                if (!ok) {
+                    var _ref1;
+                    return void enqueueSnackbar((_ref1 = payload == null ? void 0 : payload.error) != null ? _ref1 : 'Nobody was added to the list', {
+                        variant: 'warning',
+                        allowDuplicate: true
+                    });
+                }
+                all.push(...(_ref = payload == null ? void 0 : payload.results) != null ? _ref : []);
+            }
+            const added = all.filter((result)=>result.enrolled).length;
+            setResults(all);
+            setPreview(null);
+            if (added) onAdded == null ? void 0 : onAdded(added);
+            enqueueSnackbar(added === 1 ? 'One person added' : `${added} people added`, {
+                variant: added ? 'success' : 'warning',
+                persist: false
+            });
+        } catch (unused) {
+            enqueueSnackbar('Nobody was added to the list', {
+                variant: 'warning',
+                allowDuplicate: true
+            });
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        busy,
+        preview,
+        addresses,
+        attested,
+        post,
+        enqueueSnackbar,
+        onAdded
+    ]);
+    const enrollable = preview ? preview.optedIn + preview.needAttestation : 0;
+    const chosen = audiences.find((row)=>row.$id === listId);
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: open,
+        onClose: busy ? undefined : onClose,
+        fullWidth: true,
+        maxWidth: "sm",
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: addresses.length === 1 ? 'Add to an audience' : `Add ${addresses.length} people to an audience`
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    sx: {
+                        pt: 1
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: 'Every address is checked against its consent record and both ' + 'suppression lists before anyone is added — the same check the ' + "audience's own page runs."
+                        }),
+                        audiencesStatus === 'error' ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "warning",
+                            children: 'Audiences are managed by members with access to every site ' + 'in the workspace. Ask one of them to add these people.'
+                        }) : /*#__PURE__*/ _jsx(TextField, {
+                            select: true,
+                            size: "small",
+                            label: "Audience",
+                            value: listId,
+                            onChange: (event)=>setListId(event.target.value),
+                            disabled: busy,
+                            helperText: (chosen == null ? void 0 : chosen.kind) === 'dynamic' ? 'A live audience. Whoever you add stays, whether or not the rule matches them.' : audiences.length ? undefined : 'No audiences yet — create one under Emails.',
+                            children: audiences.map((row)=>{
+                                var _row_name;
+                                return /*#__PURE__*/ _jsx(MenuItem, {
+                                    value: row.$id,
+                                    children: (_row_name = row.name) != null ? _row_name : row.$id
+                                }, row.$id);
+                            })
+                        }),
+                        preview ? /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 1,
+                            children: [
+                                /*#__PURE__*/ _jsx(Alert, {
+                                    severity: enrollable ? 'info' : 'warning',
+                                    children: [
+                                        preview.optedIn ? `${preview.optedIn} already opted in` : '',
+                                        preview.needAttestation ? `${preview.needAttestation} with no opt-in on record` : '',
+                                        preview.refused ? `${preview.refused} cannot be added at all` : ''
+                                    ].filter(Boolean).join(' · ')
+                                }),
+                                preview.verdicts.filter((verdict)=>verdict.refusal).map((verdict)=>/*#__PURE__*/ _jsx(Typography, {
+                                        variant: "caption",
+                                        color: "text.secondary",
+                                        children: `${verdict.input} — ${verdict.summary}`
+                                    }, verdict.input)),
+                                preview.needAttestation ? /*#__PURE__*/ _jsx(FormControlLabel, {
+                                    control: /*#__PURE__*/ _jsx(Checkbox, {
+                                        checked: attested,
+                                        onChange: (event)=>setAttested(event.target.checked)
+                                    }),
+                                    label: /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        children: 'I have permission to send marketing email to the ' + `${preview.needAttestation} ` + `${preview.needAttestation === 1 ? 'person' : 'people'} ` + 'with no opt-in on record. This is recorded against my ' + 'account, with the date.'
+                                    })
+                                }) : null
+                            ]
+                        }) : null,
+                        (results == null ? void 0 : results.length) ? /*#__PURE__*/ _jsx(Stack, {
+                            spacing: 0.5,
+                            children: results.filter((result)=>!result.enrolled).map((result)=>{
+                                var _result_error;
+                                return /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    children: `${result.input} — not added. ${(_result_error = result.error) != null ? _result_error : ''}`
+                                }, result.input);
+                            })
+                        }) : null
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: onClose,
+                        disabled: busy,
+                        children: results ? 'Done' : 'Cancel'
+                    }),
+                    preview ? /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        disabled: busy || !enrollable || preview.needAttestation > 0 && !attested,
+                        onClick: ()=>void handleAdd(),
+                        children: busy ? 'Adding…' : `Add ${enrollable}`
+                    }) : /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        disabled: busy || !listId || !addresses.length || Boolean(results),
+                        onClick: ()=>void handleCheck(),
+                        children: busy ? 'Checking…' : 'Check'
+                    })
+                ]
+            })
+        ]
+    });
+}
+AddToListDialog.displayName = 'AddToListDialog';
+export default AddToListDialog;
+
+//# sourceMappingURL=add-to-list-dialog.js.map

package/src/lib/components/add-to-list-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/add-to-list-dialog.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 * Put people from the CRM onto an email audience (AGL-2603).\n *\n * ## The same door the Emails console uses\n *\n * A list membership carries the consent basis that says why this person may\n * be mailed, and the rules make its create API-only for exactly that reason:\n * a client that could write one could mint a consent record by pressing a\n * button. So this dialog does not write a membership. It calls the two\n * routes the audience page's own add form calls — `email/list-members-preview`\n * to say, per address, what adding them would do, and `email/list-members-add`\n * to do it — with the same body and the same single attestation over the\n * count the operator was shown. Whoever is refused there is refused here, for\n * the same reason, in the same words.\n *\n * ## Check, then add\n *\n * The attestation is a statement about people, so the people are counted in\n * front of the operator before the checkbox exists: how many already opted\n * in, how many have nothing on record, how many cannot be added at all. The\n * routes take a hundred addresses a call, so a large selection is sent in\n * hundreds and the verdicts are summed — the number on screen is the whole\n * selection's, not the first page's.\n *\n * ## The audiences are a bounded lookup\n *\n * Fifty by name, the window the Emails console's own pickers use. A list is\n * org-shared, readable by an org-wide member and by nobody else, and the\n * route refuses a caller who is not one — so a collaborator scoped to one\n * site sees the listen refused and a sentence saying who manages audiences,\n * rather than an empty picker.\n */\n\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Alert,\n  Button,\n  Checkbox,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  FormControlLabel,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { collection, limit, orderBy, query } from 'firebase/firestore'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport {\n  useFirestore,\n  useFirestoreCollection,\n  useUser,\n} from '@aglyn/tenant-feature-instance'\n\n/**\n * How many addresses one call to the membership routes takes — their\n * `readAddresses` cap. Named here because a request over it is refused\n * whole, and a refusal of the whole selection reads as nobody being addable.\n */\nexport const LIST_MEMBER_REQUEST_CHUNK = 100\n\n/** The audience picker's window; the Emails console's own pickers use it. */\nexport const AUDIENCE_PICKER_LIMIT = 50\n\n/** What `email/list-members-preview` answers for one address. */\ninterface AddressVerdict {\n  input: string\n  email: string | null\n  refusal: string | null\n  requiresAttestation: boolean\n  summary: string\n}\n\n/** The preview, summed over every chunk sent. */\ninterface Preview {\n  verdicts: AddressVerdict[]\n  optedIn: number\n  needAttestation: number\n  refused: number\n}\n\n/** What one address's outcome was, after the add. */\ninterface AddResult {\n  input: string\n  email: string | null\n  enrolled: boolean\n  error?: string\n}\n\ninterface AudienceRow {\n  $id: string\n  name?: string\n  kind?: 'manual' | 'dynamic'\n}\n\nexport interface AddToListDialogProps {\n  open: boolean\n  onClose: () => void\n  hostId: string\n  /** `['orgs', orgId]`, or `null` while the org is still being resolved. */\n  scope: readonly [string, string] | null\n  /** The people to add — a selection's addresses, or one person's. */\n  emails: readonly string[]\n  /** Called once with how many were enrolled, when at least one was. */\n  onAdded?: (added: number) => void\n}\n\n/** The addresses, deduplicated the way the route will deduplicate them. */\nconst distinctAddresses = (emails: readonly string[]): string[] => [\n  ...new Set(\n    emails.map((email) => String(email ?? '').trim().toLowerCase()).filter(Boolean),\n  ),\n]\n\nconst chunk = <T,>(items: readonly T[], size: number): T[][] => {\n  const chunks: T[][] = []\n  for (let start = 0; start < items.length; start += size) {\n    chunks.push(items.slice(start, start + size))\n  }\n  return chunks\n}\n\nexport function AddToListDialog(props: AddToListDialogProps) {\n  const { open, onClose, hostId, scope, emails, onAdded } = props\n  const firestore = useFirestore()\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n\n  const addresses = useMemo(() => distinctAddresses(emails), [emails])\n\n  const { data: audienceRows, status: audiencesStatus } =\n    useFirestoreCollection<AudienceRow>(\n      () =>\n        open && scope\n          ? query(\n              collection(firestore, scope[0], scope[1], 'lists'),\n              orderBy('name'),\n              limit(AUDIENCE_PICKER_LIMIT),\n            )\n          : null,\n      [firestore, scope, open],\n      { idField: '$id' },\n    )\n  const audiences = audienceRows ?? []\n\n  const [listId, setListId] = useState('')\n  const [preview, setPreview] = useState<Preview | null>(null)\n  const [attested, setAttested] = useState(false)\n  const [results, setResults] = useState<AddResult[] | null>(null)\n  const [busy, setBusy] = useState(false)\n\n  /*\n   * A preview belongs to the list and the addresses it was run for. Change\n   * either and the count on screen — and the attestation offered under it —\n   * would be about a different set, so both go.\n   */\n  useEffect(() => {\n    setPreview(null)\n    setAttested(false)\n    setResults(null)\n  }, [listId, addresses])\n\n  const post = useCallback(\n    async (route: string, body: Record<string, unknown>) => {\n      const response = await authorizedFetch(user, `/api/email/${route}`, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ hostId, listId, ...body }),\n      })\n      const payload = await response.json().catch(() => ({}))\n      return { ok: response.ok, payload }\n    },\n    [user, hostId, listId],\n  )\n\n  const handleCheck = useCallback(async () => {\n    if (busy || !listId || !addresses.length) return\n    setBusy(true)\n    try {\n      const summed: Preview = {\n        verdicts: [],\n        optedIn: 0,\n        needAttestation: 0,\n        refused: 0,\n      }\n      for (const batch of chunk(addresses, LIST_MEMBER_REQUEST_CHUNK)) {\n        const { ok, payload } = await post('list-members-preview', {\n          emails: batch,\n        })\n        if (!ok) {\n          return void enqueueSnackbar(\n            payload?.error ?? 'The addresses could not be checked.',\n            { variant: 'warning', allowDuplicate: true },\n          )\n        }\n        const page = payload as Preview\n        summed.verdicts.push(...(page.verdicts ?? []))\n        summed.optedIn += Number(page.optedIn ?? 0)\n        summed.needAttestation += Number(page.needAttestation ?? 0)\n        summed.refused += Number(page.refused ?? 0)\n      }\n      setPreview(summed)\n    } catch {\n      enqueueSnackbar('The addresses could not be checked.', {\n        variant: 'warning',\n        allowDuplicate: true,\n      })\n    } finally {\n      setBusy(false)\n    }\n  }, [busy, listId, addresses, post, enqueueSnackbar])\n\n  const handleAdd = useCallback(async () => {\n    if (busy || !preview) return\n    setBusy(true)\n    try {\n      const all: AddResult[] = []\n      for (const batch of chunk(addresses, LIST_MEMBER_REQUEST_CHUNK)) {\n        const { ok, payload } = await post('list-members-add', {\n          emails: batch,\n          // The operator's assertion, applied per address by the route to\n          // the people who need it; a stored opt-in keeps its own basis.\n          attestConsent: attested,\n        })\n        if (!ok) {\n          return void enqueueSnackbar(\n            payload?.error ?? 'Nobody was added to the list',\n            { variant: 'warning', allowDuplicate: true },\n          )\n        }\n        all.push(...((payload?.results ?? []) as AddResult[]))\n      }\n      const added = all.filter((result) => result.enrolled).length\n      setResults(all)\n      setPreview(null)\n      if (added) onAdded?.(added)\n      enqueueSnackbar(\n        added === 1 ? 'One person added' : `${added} people added`,\n        { variant: added ? 'success' : 'warning', persist: false },\n      )\n    } catch {\n      enqueueSnackbar('Nobody was added to the list', {\n        variant: 'warning',\n        allowDuplicate: true,\n      })\n    } finally {\n      setBusy(false)\n    }\n  }, [busy, preview, addresses, attested, post, enqueueSnackbar, onAdded])\n\n  const enrollable = preview ? preview.optedIn + preview.needAttestation : 0\n  const chosen = audiences.find((row) => row.$id === listId)\n\n  return (\n    <Dialog open={open} onClose={busy ? undefined : onClose} fullWidth maxWidth=\"sm\">\n      <DialogTitle>\n        {addresses.length === 1\n          ? 'Add to an audience'\n          : `Add ${addresses.length} people to an audience`}\n      </DialogTitle>\n      <DialogContent>\n        <Stack spacing={2} sx={{ pt: 1 }}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Every address is checked against its consent record and both ' +\n              'suppression lists before anyone is added — the same check the ' +\n              \"audience's own page runs.\"}\n          </Typography>\n          {audiencesStatus === 'error' ? (\n            <Alert severity=\"warning\">\n              {'Audiences are managed by members with access to every site ' +\n                'in the workspace. Ask one of them to add these people.'}\n            </Alert>\n          ) : (\n            <TextField\n              select\n              size=\"small\"\n              label=\"Audience\"\n              value={listId}\n              onChange={(event) => setListId(event.target.value)}\n              disabled={busy}\n              helperText={\n                chosen?.kind === 'dynamic'\n                  ? 'A live audience. Whoever you add stays, whether or not the rule matches them.'\n                  : audiences.length\n                    ? undefined\n                    : 'No audiences yet — create one under Emails.'\n              }\n            >\n              {audiences.map((row) => (\n                <MenuItem key={row.$id} value={row.$id}>\n                  {row.name ?? row.$id}\n                </MenuItem>\n              ))}\n            </TextField>\n          )}\n          {preview ? (\n            <Stack spacing={1}>\n              <Alert severity={enrollable ? 'info' : 'warning'}>\n                {[\n                  preview.optedIn ? `${preview.optedIn} already opted in` : '',\n                  preview.needAttestation\n                    ? `${preview.needAttestation} with no opt-in on record`\n                    : '',\n                  preview.refused ? `${preview.refused} cannot be added at all` : '',\n                ]\n                  .filter(Boolean)\n                  .join(' · ')}\n              </Alert>\n              {/*\n                The hard refusals only, by address. An address that merely\n                needs the attestation is not a refusal, and listing it here\n                would put the people the checkbox is about under a heading\n                that says they cannot be added.\n               */}\n              {preview.verdicts\n                .filter((verdict) => verdict.refusal)\n                .map((verdict) => (\n                  <Typography\n                    key={verdict.input}\n                    variant=\"caption\"\n                    color=\"text.secondary\"\n                  >\n                    {`${verdict.input} — ${verdict.summary}`}\n                  </Typography>\n                ))}\n              {preview.needAttestation ? (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      checked={attested}\n                      onChange={(event) => setAttested(event.target.checked)}\n                    />\n                  }\n                  label={\n                    <Typography variant=\"body2\">\n                      {'I have permission to send marketing email to the ' +\n                        `${preview.needAttestation} ` +\n                        `${preview.needAttestation === 1 ? 'person' : 'people'} ` +\n                        'with no opt-in on record. This is recorded against my ' +\n                        'account, with the date.'}\n                    </Typography>\n                  }\n                />\n              ) : null}\n            </Stack>\n          ) : null}\n          {results?.length ? (\n            <Stack spacing={0.5}>\n              {results\n                .filter((result) => !result.enrolled)\n                .map((result) => (\n                  <Typography\n                    key={result.input}\n                    variant=\"caption\"\n                    color=\"text.secondary\"\n                  >\n                    {`${result.input} — not added. ${result.error ?? ''}`}\n                  </Typography>\n                ))}\n            </Stack>\n          ) : null}\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose} disabled={busy}>\n          {results ? 'Done' : 'Cancel'}\n        </Button>\n        {preview ? (\n          <Button\n            variant=\"contained\"\n            disabled={\n              busy || !enrollable || (preview.needAttestation > 0 && !attested)\n            }\n            onClick={() => void handleAdd()}\n          >\n            {busy ? 'Adding…' : `Add ${enrollable}`}\n          </Button>\n        ) : (\n          <Button\n            variant=\"contained\"\n            disabled={busy || !listId || !addresses.length || Boolean(results)}\n            onClick={() => void handleCheck()}\n          >\n            {busy ? 'Checking…' : 'Check'}\n          </Button>\n        )}\n      </DialogActions>\n    </Dialog>\n  )\n}\nAddToListDialog.displayName = 'AddToListDialog'\n\nexport default AddToListDialog\n"],"names":["authorizedFetch","useSnackbar","Alert","Button","Checkbox","Dialog","DialogActions","DialogContent","DialogTitle","FormControlLabel","MenuItem","Stack","TextField","Typography","collection","limit","orderBy","query","useCallback","useEffect","useMemo","useState","useFirestore","useFirestoreCollection","useUser","LIST_MEMBER_REQUEST_CHUNK","AUDIENCE_PICKER_LIMIT","distinctAddresses","emails","Set","map","email","String","trim","toLowerCase","filter","Boolean","chunk","items","size","chunks","start","length","push","slice","AddToListDialog","props","open","onClose","hostId","scope","onAdded","firestore","data","user","enqueueSnackbar","addresses","audienceRows","status","audiencesStatus","idField","audiences","listId","setListId","preview","setPreview","attested","setAttested","results","setResults","busy","setBusy","post","route","body","response","method","headers","JSON","stringify","payload","json","catch","ok","handleCheck","summed","verdicts","optedIn","needAttestation","refused","batch","page","error","variant","allowDuplicate","Number","handleAdd","all","attestConsent","added","result","enrolled","persist","enrollable","chosen","find","row","$id","undefined","fullWidth","maxWidth","spacing","sx","pt","color","severity","select","label","value","onChange","event","target","disabled","helperText","kind","name","join","verdict","refusal","input","summary","control","checked","onClick","displayName"],"mappings":"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"}

package/src/lib/components/assignment-rule-drawer.d.ts

@@ -0,0 +1,43 @@
+import { type CrmAssignmentRule } from '@aglyn/aglyn';
+import type { OrgMemberOption } from '../hooks/use-org-member-directory';
+export interface AssignmentRuleDrawerProps {
+    open: boolean;
+    onClose: () => void;
+    /** The roster the member target is picked from. */
+    members: readonly OrgMemberOption[];
+    membersLoading: boolean;
+    /** How many people the round-robin pool holds, for the target's helper text. */
+    poolSize: number;
+    /** The ids the org already holds, so the new one is minted apart from them. */
+    existingIds: readonly string[];
+    /** Receives the rule; closing on success is the caller's job. */
+    onSubmit: (rule: CrmAssignmentRule) => Promise<void> | void;
+}
+/**
+ * The one form an assignment rule is written through (AGL-2618).
+ *
+ * ## Every condition is optional, and none is a form above the list
+ *
+ * A rule names the captures it claims — a source, a form, an email domain,
+ * a tag — and a field left blank is not a condition, so a rule with every
+ * field blank is the catch-all, which is a rule a team writes on purpose
+ * ("everything else goes to Sam"). The drawer says so rather than refusing
+ * it. The email domain is typed the way a person sees one in an address,
+ * `@acme.com` or `acme.com`, and the reader strips the `@`; what it cannot
+ * read as a domain is refused here, with the field, rather than stored as
+ * a condition nothing will ever match.
+ *
+ * ## The target is a member, or the rotation
+ *
+ * A member is picked from the roster by name, never typed as an address —
+ * an address is resolved at run time and a rule must not depend on a
+ * resolution that can change. The rotation is offered whatever the pool
+ * holds, with the pool's size beside it: an empty pool is a rule the pass
+ * steps over until somebody fills the pool, which the card below explains,
+ * and refusing the rule here would make the two cards order-dependent.
+ */
+export declare function AssignmentRuleDrawer(props: AssignmentRuleDrawerProps): import("react").JSX.Element;
+export declare namespace AssignmentRuleDrawer {
+    var displayName: string;
+}
+export default AssignmentRuleDrawer;