@aglyn/plugins-outreach 1.0.0-beta.196 → 1.0.0-beta.198

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aglyn/plugins-outreach",
-  "version": "1.0.0-beta.196",
+  "version": "1.0.0-beta.198",
   "license": "Apache-2.0",
   "homepage": "https://aglyn.com",
   "repository": {
@@ -25,19 +25,19 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@aglyn/aglyn": "1.0.0-beta.196",
-    "@aglyn/shared-data-mdi": "1.0.0-beta.196",
-    "@aglyn/shared-ui-email-campaigns": "1.0.0-beta.196",
-    "@aglyn/shared-ui-jsx": "1.0.0-beta.196",
-    "@aglyn/shared-ui-next": "1.0.0-beta.196",
-    "@aglyn/shared-ui-snackstack": "1.0.0-beta.196",
-    "@aglyn/shared-util-email": "1.0.0-beta.196",
-    "@aglyn/shared-util-http": "1.0.0-beta.196",
-    "@aglyn/shared-util-timestamp": "1.0.0-beta.196",
-    "@aglyn/shared-util-tools": "1.0.0-beta.196",
-    "@aglyn/tenant-data-admin": "1.0.0-beta.196",
-    "@aglyn/tenant-feature-instance": "1.0.0-beta.196",
-    "@aglyn/tenant-runtime": "1.0.0-beta.196",
+    "@aglyn/aglyn": "1.0.0-beta.198",
+    "@aglyn/shared-data-mdi": "1.0.0-beta.198",
+    "@aglyn/shared-ui-email-campaigns": "1.0.0-beta.198",
+    "@aglyn/shared-ui-jsx": "1.0.0-beta.198",
+    "@aglyn/shared-ui-next": "1.0.0-beta.198",
+    "@aglyn/shared-ui-snackstack": "1.0.0-beta.198",
+    "@aglyn/shared-util-email": "1.0.0-beta.198",
+    "@aglyn/shared-util-http": "1.0.0-beta.198",
+    "@aglyn/shared-util-timestamp": "1.0.0-beta.198",
+    "@aglyn/shared-util-tools": "1.0.0-beta.198",
+    "@aglyn/tenant-data-admin": "1.0.0-beta.198",
+    "@aglyn/tenant-feature-instance": "1.0.0-beta.198",
+    "@aglyn/tenant-runtime": "1.0.0-beta.198",
     "@swc/helpers": "0.5.23"
   },
   "peerDependencies": {

package/src/lib/components/compliance-section.d.ts

@@ -7,7 +7,9 @@ export declare const OUTREACH_POSTAL_ADDRESS_HELP: string;
 /**
  * Sequences → Compliance (AGL-2980): who every email says sent it, the
  * countries a sequence may send to at all, and — below the settings, with
- * no Save of its own — the domains no sequence emails (AGL-3244).
+ * no Save of its own — the domains no sequence emails (AGL-3244). Each
+ * settings card saves its own fields from its header, the console's place
+ * for a card's actions (AGL-3333).
  *
  * The footer is previewed from what is typed, by the engine's own
  * `composeOutreachFooter`, so the page shows the lines every email will end

package/src/lib/components/compliance-section.js

@@ -21,7 +21,7 @@ import { pluginDocsHelp } from "@aglyn/aglyn";
 import { CardDisplay } from "@aglyn/shared-ui-jsx";
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
 import { Alert, Autocomplete, Button, Chip, Paper, Stack, TextField, Typography } from "@mui/material";
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { composeOutreachFooter } from "../engine/compose.js";
 import { outreachComplianceSettingsEqual, outreachCountryLabel, outreachCountryOptions, OUTREACH_BRAND_NAME_MAX, OUTREACH_LEGAL_NAME_MAX, OUTREACH_POSTAL_ADDRESS_MAX, validateOutreachComplianceSettings } from "../model/compliance-settings.js";
 import { OutreachDoNotContactDomainsCard } from "./do-not-contact-domains.js";
@@ -37,10 +37,41 @@ const EMPTY = {
         'US'
     ]
 };
+/**
+ * The page's cards and the settings each one owns. Every card saves only its
+ * own fields onto what is stored, so saving the countries never commits a
+ * half-edited sender identity, and the other way round.
+ */ const CARDS = {
+    identity: {
+        fields: [
+            'legalName',
+            'brandName',
+            'postalAddress'
+        ],
+        saved: 'Sender identity saved.'
+    },
+    countries: {
+        fields: [
+            'allowedCountries'
+        ],
+        saved: 'Allowed countries saved.'
+    }
+};
+function pickCard(settings, card) {
+    return Object.fromEntries(CARDS[card].fields.map((field)=>[
+            field,
+            settings[field]
+        ]));
+}
+function cardEqual(card, a, b) {
+    return outreachComplianceSettingsEqual(_extends({}, b, pickCard(a, card)), b);
+}
 /**
  * Sequences → Compliance (AGL-2980): who every email says sent it, the
  * countries a sequence may send to at all, and — below the settings, with
- * no Save of its own — the domains no sequence emails (AGL-3244).
+ * no Save of its own — the domains no sequence emails (AGL-3244). Each
+ * settings card saves its own fields from its header, the console's place
+ * for a card's actions (AGL-3333).
  *
  * The footer is previewed from what is typed, by the engine's own
  * `composeOutreachFooter`, so the page shows the lines every email will end
@@ -53,12 +84,27 @@ const EMPTY = {
     const loaded = useOutreachComplianceSettings(api, orgId);
     const { enqueueSnackbar } = useSnackbar();
     const [form, setForm] = useState(EMPTY);
-    const [saving, setSaving] = useState(false);
+    const [saving, setSaving] = useState(null);
     const [serverIssues, setServerIssues] = useState({});
     const countries = useMemo(()=>outreachCountryOptions(), []);
     const stored = loaded.settings;
+    const previousStored = useRef(null);
     useEffect(()=>{
-        if (stored) setForm(_extends({}, stored));
+        if (!stored) return;
+        const before = previousStored.current;
+        previousStored.current = stored;
+        // A fresh read replaces every card the member has not touched; a card
+        // with unsaved edits keeps them, so saving one card never wipes another.
+        setForm((current)=>{
+            if (!before) return _extends({}, stored);
+            let next = _extends({}, stored);
+            for (const card of Object.keys(CARDS)){
+                if (!cardEqual(card, current, before)) {
+                    next = _extends({}, next, pickCard(current, card));
+                }
+            }
+            return next;
+        });
     }, [
         stored
     ]);
@@ -68,37 +114,54 @@ const EMPTY = {
         var _issues_find;
         return (_serverIssues_field = serverIssues[field]) != null ? _serverIssues_field : (_issues_find = issues.find((issue)=>issue.field === field)) == null ? void 0 : _issues_find.message;
     };
-    const dirty = stored ? !outreachComplianceSettingsEqual(stored, normalized) : false;
+    /** What saving one card would store: its own fields over the stored rest. */ const candidate = (card)=>validateOutreachComplianceSettings(stored ? _extends({}, stored, pickCard(form, card)) : form);
+    const cardDirty = (card)=>stored ? !outreachComplianceSettingsEqual(stored, candidate(card).settings) : false;
+    const cardBlocked = (card)=>candidate(card).issues.some((issue)=>CARDS[card].fields.includes(issue.field));
     const footer = composeOutreachFooter(normalized);
     const set = (field)=>(value)=>{
-            setServerIssues({});
+            setServerIssues((previous)=>{
+                const next = _extends({}, previous);
+                delete next[field];
+                return next;
+            });
             setForm((previous)=>_extends({}, previous, {
                     [field]: value
                 }));
         };
-    const save = async ()=>{
-        setSaving(true);
+    const clearIssues = (card)=>setServerIssues((previous)=>{
+            const next = _extends({}, previous);
+            for (const field of CARDS[card].fields){
+                delete next[field];
+            }
+            return next;
+        });
+    const discard = (card)=>{
+        clearIssues(card);
+        if (stored) setForm((previous)=>_extends({}, previous, pickCard(stored, card)));
+    };
+    const save = async (card)=>{
+        setSaving(card);
         try {
-            const answer = await api.saveSettings(normalized);
-            setServerIssues({});
-            setForm(_extends({}, answer.settings));
+            const answer = await api.saveSettings(candidate(card).settings);
+            clearIssues(card);
+            setForm((previous)=>_extends({}, previous, pickCard(answer.settings, card)));
             loaded.reload();
-            enqueueSnackbar(answer.changed ? 'Compliance settings saved.' : 'Nothing changed.', {
+            enqueueSnackbar(answer.changed ? CARDS[card].saved : 'Nothing changed.', {
                 variant: answer.changed ? 'success' : 'info'
             });
         } catch (error) {
             if (error instanceof OutreachRouteError && error.issues.length) {
-                setServerIssues(Object.fromEntries(error.issues.filter((issue)=>'field' in issue).map((issue)=>[
-                        issue.field,
-                        issue.message
-                    ])));
+                setServerIssues((previous)=>_extends({}, previous, Object.fromEntries(error.issues.filter((issue)=>'field' in issue).map((issue)=>[
+                            issue.field,
+                            issue.message
+                        ]))));
             }
             enqueueSnackbar(error.message, {
                 variant: 'error',
                 allowDuplicate: true
             });
         } finally{
-            setSaving(false);
+            setSaving(null);
         }
     };
     if (loaded.status === 'loading' || !orgId && !stored) {
@@ -121,6 +184,29 @@ const EMPTY = {
             name: outreachCountryLabel(code)
         };
     });
+    const cardActions = (card)=>{
+        const dirty = cardDirty(card);
+        return /*#__PURE__*/ _jsxs(Stack, {
+            direction: "row",
+            spacing: 1,
+            children: [
+                /*#__PURE__*/ _jsx(Button, {
+                    size: "small",
+                    variant: "text",
+                    disabled: !dirty || saving !== null,
+                    onClick: ()=>discard(card),
+                    children: "Discard changes"
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    size: "small",
+                    variant: "contained",
+                    disabled: !dirty || saving !== null || cardBlocked(card),
+                    onClick: ()=>void save(card),
+                    children: saving === card ? 'Saving…' : 'Save'
+                })
+            ]
+        });
+    };
     return /*#__PURE__*/ _jsxs(Stack, {
         spacing: 2,
         children: [
@@ -129,6 +215,9 @@ const EMPTY = {
                 help: pluginDocsHelp('sequences', {
                     anchor: '#compliance-settings'
                 }),
+                HeaderProps: {
+                    action: cardActions('identity')
+                },
                 contentGutterX: true,
                 contentGutterY: true,
                 children: /*#__PURE__*/ _jsxs(Stack, {
@@ -215,6 +304,9 @@ const EMPTY = {
                 help: pluginDocsHelp('sequences', {
                     anchor: '#allowed-countries'
                 }),
+                HeaderProps: {
+                    action: cardActions('countries')
+                },
                 contentGutterX: true,
                 contentGutterY: true,
                 children: /*#__PURE__*/ _jsxs(Stack, {
@@ -232,7 +324,7 @@ const EMPTY = {
                             getOptionLabel: (option)=>option.name,
                             isOptionEqualToValue: (option, value)=>option.code === value.code,
                             onChange: (_event, next)=>{
-                                setServerIssues({});
+                                clearIssues('countries');
                                 setForm((previous)=>_extends({}, previous, {
                                         allowedCountries: next.map((option)=>option.code)
                                     }));
@@ -257,33 +349,6 @@ const EMPTY = {
                     ]
                 })
             }),
-            /*#__PURE__*/ _jsxs(Stack, {
-                direction: {
-                    xs: 'column',
-                    sm: 'row'
-                },
-                spacing: 1,
-                sx: {
-                    justifyContent: 'flex-end'
-                },
-                children: [
-                    /*#__PURE__*/ _jsx(Button, {
-                        variant: "text",
-                        disabled: !dirty || saving,
-                        onClick: ()=>{
-                            setServerIssues({});
-                            if (stored) setForm(_extends({}, stored));
-                        },
-                        children: "Discard changes"
-                    }),
-                    /*#__PURE__*/ _jsx(Button, {
-                        variant: "contained",
-                        disabled: !dirty || saving || issues.length > 0,
-                        onClick: ()=>void save(),
-                        children: saving ? 'Saving…' : 'Save'
-                    })
-                ]
-            }),
             /*#__PURE__*/ _jsx(OutreachDoNotContactDomainsCard, {
                 orgId: orgId
             })

package/src/lib/components/compliance-section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/compliance-section.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { pluginDocsHelp } from '@aglyn/aglyn'\nimport { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Alert,\n  Autocomplete,\n  Button,\n  Chip,\n  Paper,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useEffect, useMemo, useState } from 'react'\nimport { composeOutreachFooter } from '../engine/compose'\nimport {\n  outreachComplianceSettingsEqual,\n  outreachCountryLabel,\n  outreachCountryOptions,\n  OUTREACH_BRAND_NAME_MAX,\n  OUTREACH_LEGAL_NAME_MAX,\n  OUTREACH_POSTAL_ADDRESS_MAX,\n  validateOutreachComplianceSettings,\n  type OutreachComplianceField,\n  type OutreachCountryOption,\n} from '../model/compliance-settings'\nimport type { OutreachComplianceSettings } from '../model/outreach.types'\nimport { OutreachDoNotContactDomainsCard } from './do-not-contact-domains'\nimport { OutreachLoading, OutreachLoadProblem } from './outreach-ui'\nimport { OutreachRouteError, useOutreachApi } from './use-outreach-api'\nimport { useOutreachComplianceSettings } from './use-outreach-settings'\n\nexport interface OutreachComplianceSectionProps {\n  /** The organization the hub is mounted under; `null` until the shell knows it. */\n  orgId: string | null\n}\n\n/** What CAN-SPAM accepts as the postal address, as the field says it. */\nexport const OUTREACH_POSTAL_ADDRESS_HELP =\n  'A street address, a post office box registered with the US Postal Service, or a private mailbox ' +\n  'registered with the US Postal Service. Every email prints it in its footer.'\n\nconst EMPTY: OutreachComplianceSettings = {\n  legalName: '',\n  brandName: '',\n  postalAddress: '',\n  allowedCountries: ['US'],\n}\n\n/**\n * Sequences → Compliance (AGL-2980): who every email says sent it, the\n * countries a sequence may send to at all, and — below the settings, with\n * no Save of its own — the domains no sequence emails (AGL-3244).\n *\n * The footer is previewed from what is typed, by the engine's own\n * `composeOutreachFooter`, so the page shows the lines every email will end\n * with — or, while the legal name or the address is empty, the sentence\n * that explains why nothing can be sent and no sequence activated.\n */\nexport function OutreachComplianceSection(\n  props: OutreachComplianceSectionProps,\n) {\n  const { orgId } = props\n  const api = useOutreachApi(orgId)\n  const loaded = useOutreachComplianceSettings(api, orgId)\n  const { enqueueSnackbar } = useSnackbar()\n  const [form, setForm] = useState<OutreachComplianceSettings>(EMPTY)\n  const [saving, setSaving] = useState(false)\n  const [serverIssues, setServerIssues] = useState<\n    Partial<Record<OutreachComplianceField, string>>\n  >({})\n  const countries = useMemo(() => outreachCountryOptions(), [])\n\n  const stored = loaded.settings\n  useEffect(() => {\n    if (stored) setForm({ ...stored })\n  }, [stored])\n\n  const { settings: normalized, issues } =\n    validateOutreachComplianceSettings(form)\n  const fieldIssue = (field: OutreachComplianceField) =>\n    serverIssues[field] ??\n    issues.find((issue) => issue.field === field)?.message\n  const dirty = stored\n    ? !outreachComplianceSettingsEqual(stored, normalized)\n    : false\n  const footer = composeOutreachFooter(normalized)\n  const set = (field: keyof OutreachComplianceSettings) => (value: string) => {\n    setServerIssues({})\n    setForm((previous) => ({ ...previous, [field]: value }))\n  }\n\n  const save = async () => {\n    setSaving(true)\n    try {\n      const answer = await api.saveSettings(normalized)\n      setServerIssues({})\n      setForm({ ...answer.settings })\n      loaded.reload()\n      enqueueSnackbar(\n        answer.changed ? 'Compliance settings saved.' : 'Nothing changed.',\n        {\n          variant: answer.changed ? 'success' : 'info',\n        },\n      )\n    } catch (error) {\n      if (error instanceof OutreachRouteError && error.issues.length) {\n        setServerIssues(\n          Object.fromEntries(\n            error.issues\n              .filter(\n                (\n                  issue,\n                ): issue is {\n                  field: OutreachComplianceField\n                  message: string\n                } => 'field' in issue,\n              )\n              .map((issue) => [issue.field, issue.message]),\n          ),\n        )\n      }\n      enqueueSnackbar((error as Error).message, {\n        variant: 'error',\n        allowDuplicate: true,\n      })\n    } finally {\n      setSaving(false)\n    }\n  }\n\n  if (loaded.status === 'loading' || (!orgId && !stored)) {\n    return <OutreachLoading label=\"Loading compliance settings…\" />\n  }\n  if (loaded.status === 'error' || loaded.status === 'refused') {\n    return (\n      <OutreachLoadProblem\n        status={loaded.status}\n        what=\"compliance settings\"\n        message={loaded.message}\n        onRetry={loaded.reload}\n      />\n    )\n  }\n\n  const selectedCountries = form.allowedCountries.map(\n    (code) =>\n      countries.find((option) => option.code === code) ?? {\n        code,\n        name: outreachCountryLabel(code),\n      },\n  )\n\n  return (\n    <Stack spacing={2}>\n      <CardDisplay\n        header=\"Sender identity\"\n        help={pluginDocsHelp('sequences', { anchor: '#compliance-settings' })}\n        contentGutterX\n        contentGutterY\n      >\n        <Stack spacing={2}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Every email a sequence sends ends with a footer naming your organization, its postal ' +\n              'address, that the email is a sales email, and how to stop more of them. The law ' +\n              'requires these on commercial email, so every email gets the footer automatically.'}\n          </Typography>\n          <TextField\n            label=\"Legal name\"\n            value={form.legalName}\n            onChange={(event) => set('legalName')(event.target.value)}\n            error={Boolean(fieldIssue('legalName'))}\n            helperText={\n              fieldIssue('legalName') ??\n              'Your organization’s legal name, as the footer prints it.'\n            }\n            slotProps={{\n              htmlInput: { maxLength: OUTREACH_LEGAL_NAME_MAX + 20 },\n            }}\n            fullWidth\n          />\n          <TextField\n            label=\"Brand name\"\n            value={form.brandName}\n            onChange={(event) => set('brandName')(event.target.value)}\n            error={Boolean(fieldIssue('brandName'))}\n            helperText={\n              fieldIssue('brandName') ??\n              'The name the solicitation sentence uses. Leave empty to use the legal name.'\n            }\n            slotProps={{\n              htmlInput: { maxLength: OUTREACH_BRAND_NAME_MAX + 20 },\n            }}\n            fullWidth\n          />\n          <TextField\n            label=\"Postal address\"\n            value={form.postalAddress}\n            onChange={(event) => set('postalAddress')(event.target.value)}\n            error={Boolean(fieldIssue('postalAddress'))}\n            helperText={\n              fieldIssue('postalAddress') ?? OUTREACH_POSTAL_ADDRESS_HELP\n            }\n            slotProps={{\n              htmlInput: { maxLength: OUTREACH_POSTAL_ADDRESS_MAX + 40 },\n            }}\n            multiline\n            minRows={3}\n            fullWidth\n          />\n          {footer.footer ? (\n            <Stack spacing={0.5}>\n              <Typography variant=\"subtitle2\">Every email ends with</Typography>\n              <Paper variant=\"outlined\" sx={{ p: 1.5 }}>\n                <Typography\n                  variant=\"body2\"\n                  sx={{ whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}\n                  data-testid=\"outreach-footer-preview\"\n                >\n                  {footer.footer}\n                </Typography>\n              </Paper>\n            </Stack>\n          ) : (\n            <Alert severity=\"warning\">\n              {'No sequence can be activated, and no email sent, until you add your organization’s legal ' +\n                'name and postal address.'}\n            </Alert>\n          )}\n        </Stack>\n      </CardDisplay>\n\n      <CardDisplay\n        header=\"Allowed countries\"\n        help={pluginDocsHelp('sequences', { anchor: '#allowed-countries' })}\n        contentGutterX\n        contentGutterY\n      >\n        <Stack spacing={2}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Sequences may send only to people in these countries, and every sequence only to the ones ' +\n              'it and this list both allow. The United States is the default: Canada, the United Kingdom and most ' +\n              'of the European Union require a consent basis that an email to someone who never contacted ' +\n              'you does not have, so a cold email never goes outside the United States whatever this list ' +\n              'says. Add another country only for people who came to you first.'}\n          </Typography>\n          <Autocomplete<OutreachCountryOption, true>\n            multiple\n            options={countries}\n            value={selectedCountries}\n            getOptionLabel={(option) => option.name}\n            isOptionEqualToValue={(option, value) => option.code === value.code}\n            onChange={(_event, next) => {\n              setServerIssues({})\n              setForm((previous) => ({\n                ...previous,\n                allowedCountries: next.map((option) => option.code),\n              }))\n            }}\n            renderValue={(value, getItemProps) =>\n              value.map((option, index) => {\n                const { key, ...item } = getItemProps({ index })\n                return (\n                  <Chip key={key} size=\"small\" label={option.name} {...item} />\n                )\n              })\n            }\n            renderInput={(params) => (\n              <TextField\n                {...params}\n                label=\"Countries\"\n                error={Boolean(fieldIssue('allowedCountries'))}\n                helperText={fieldIssue('allowedCountries')}\n              />\n            )}\n          />\n        </Stack>\n      </CardDisplay>\n\n      <Stack\n        direction={{ xs: 'column', sm: 'row' }}\n        spacing={1}\n        sx={{ justifyContent: 'flex-end' }}\n      >\n        <Button\n          variant=\"text\"\n          disabled={!dirty || saving}\n          onClick={() => {\n            setServerIssues({})\n            if (stored) setForm({ ...stored })\n          }}\n        >\n          Discard changes\n        </Button>\n        <Button\n          variant=\"contained\"\n          disabled={!dirty || saving || issues.length > 0}\n          onClick={() => void save()}\n        >\n          {saving ? 'Saving…' : 'Save'}\n        </Button>\n      </Stack>\n\n      {/* Its own list, saved as it is edited (AGL-3244): no Save above it. */}\n      <OutreachDoNotContactDomainsCard orgId={orgId} />\n    </Stack>\n  )\n}\nOutreachComplianceSection.displayName = 'OutreachComplianceSection'\n\nexport default OutreachComplianceSection\n"],"names":["pluginDocsHelp","CardDisplay","useSnackbar","Alert","Autocomplete","Button","Chip","Paper","Stack","TextField","Typography","useEffect","useMemo","useState","composeOutreachFooter","outreachComplianceSettingsEqual","outreachCountryLabel","outreachCountryOptions","OUTREACH_BRAND_NAME_MAX","OUTREACH_LEGAL_NAME_MAX","OUTREACH_POSTAL_ADDRESS_MAX","validateOutreachComplianceSettings","OutreachDoNotContactDomainsCard","OutreachLoading","OutreachLoadProblem","OutreachRouteError","useOutreachApi","useOutreachComplianceSettings","OUTREACH_POSTAL_ADDRESS_HELP","EMPTY","legalName","brandName","postalAddress","allowedCountries","OutreachComplianceSection","props","fieldIssue","orgId","api","loaded","enqueueSnackbar","form","setForm","saving","setSaving","serverIssues","setServerIssues","countries","stored","settings","normalized","issues","field","find","issue","message","dirty","footer","set","value","previous","save","answer","saveSettings","reload","changed","variant","error","length","Object","fromEntries","filter","map","allowDuplicate","status","label","what","onRetry","selectedCountries","code","option","name","spacing","header","help","anchor","contentGutterX","contentGutterY","color","onChange","event","target","Boolean","helperText","slotProps","htmlInput","maxLength","fullWidth","multiline","minRows","sx","p","whiteSpace","wordBreak","data-testid","severity","multiple","options","getOptionLabel","isOptionEqualToValue","_event","next","renderValue","getItemProps","index","key","item","size","renderInput","params","direction","xs","sm","justifyContent","disabled","onClick","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/compliance-section.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { pluginDocsHelp } from '@aglyn/aglyn'\nimport { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Alert,\n  Autocomplete,\n  Button,\n  Chip,\n  Paper,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { composeOutreachFooter } from '../engine/compose'\nimport {\n  outreachComplianceSettingsEqual,\n  outreachCountryLabel,\n  outreachCountryOptions,\n  OUTREACH_BRAND_NAME_MAX,\n  OUTREACH_LEGAL_NAME_MAX,\n  OUTREACH_POSTAL_ADDRESS_MAX,\n  validateOutreachComplianceSettings,\n  type OutreachComplianceField,\n  type OutreachCountryOption,\n} from '../model/compliance-settings'\nimport type { OutreachComplianceSettings } from '../model/outreach.types'\nimport { OutreachDoNotContactDomainsCard } from './do-not-contact-domains'\nimport { OutreachLoading, OutreachLoadProblem } from './outreach-ui'\nimport { OutreachRouteError, useOutreachApi } from './use-outreach-api'\nimport { useOutreachComplianceSettings } from './use-outreach-settings'\n\nexport interface OutreachComplianceSectionProps {\n  /** The organization the hub is mounted under; `null` until the shell knows it. */\n  orgId: string | null\n}\n\n/** What CAN-SPAM accepts as the postal address, as the field says it. */\nexport const OUTREACH_POSTAL_ADDRESS_HELP =\n  'A street address, a post office box registered with the US Postal Service, or a private mailbox ' +\n  'registered with the US Postal Service. Every email prints it in its footer.'\n\nconst EMPTY: OutreachComplianceSettings = {\n  legalName: '',\n  brandName: '',\n  postalAddress: '',\n  allowedCountries: ['US'],\n}\n\ntype ComplianceCardKey = 'identity' | 'countries'\n\n/**\n * The page's cards and the settings each one owns. Every card saves only its\n * own fields onto what is stored, so saving the countries never commits a\n * half-edited sender identity, and the other way round.\n */\nconst CARDS: Record<\n  ComplianceCardKey,\n  { fields: readonly (keyof OutreachComplianceSettings)[]; saved: string }\n> = {\n  identity: {\n    fields: ['legalName', 'brandName', 'postalAddress'],\n    saved: 'Sender identity saved.',\n  },\n  countries: {\n    fields: ['allowedCountries'],\n    saved: 'Allowed countries saved.',\n  },\n}\n\nfunction pickCard(\n  settings: OutreachComplianceSettings,\n  card: ComplianceCardKey,\n): Partial<OutreachComplianceSettings> {\n  return Object.fromEntries(\n    CARDS[card].fields.map((field) => [field, settings[field]]),\n  )\n}\n\nfunction cardEqual(\n  card: ComplianceCardKey,\n  a: OutreachComplianceSettings,\n  b: OutreachComplianceSettings,\n): boolean {\n  return outreachComplianceSettingsEqual({ ...b, ...pickCard(a, card) }, b)\n}\n\n/**\n * Sequences → Compliance (AGL-2980): who every email says sent it, the\n * countries a sequence may send to at all, and — below the settings, with\n * no Save of its own — the domains no sequence emails (AGL-3244). Each\n * settings card saves its own fields from its header, the console's place\n * for a card's actions (AGL-3333).\n *\n * The footer is previewed from what is typed, by the engine's own\n * `composeOutreachFooter`, so the page shows the lines every email will end\n * with — or, while the legal name or the address is empty, the sentence\n * that explains why nothing can be sent and no sequence activated.\n */\nexport function OutreachComplianceSection(\n  props: OutreachComplianceSectionProps,\n) {\n  const { orgId } = props\n  const api = useOutreachApi(orgId)\n  const loaded = useOutreachComplianceSettings(api, orgId)\n  const { enqueueSnackbar } = useSnackbar()\n  const [form, setForm] = useState<OutreachComplianceSettings>(EMPTY)\n  const [saving, setSaving] = useState<ComplianceCardKey | null>(null)\n  const [serverIssues, setServerIssues] = useState<\n    Partial<Record<OutreachComplianceField, string>>\n  >({})\n  const countries = useMemo(() => outreachCountryOptions(), [])\n\n  const stored = loaded.settings\n  const previousStored = useRef<OutreachComplianceSettings | null>(null)\n  useEffect(() => {\n    if (!stored) return\n    const before = previousStored.current\n    previousStored.current = stored\n    // A fresh read replaces every card the member has not touched; a card\n    // with unsaved edits keeps them, so saving one card never wipes another.\n    setForm((current) => {\n      if (!before) return { ...stored }\n      let next: OutreachComplianceSettings = { ...stored }\n      for (const card of Object.keys(CARDS) as ComplianceCardKey[]) {\n        if (!cardEqual(card, current, before)) {\n          next = { ...next, ...pickCard(current, card) }\n        }\n      }\n      return next\n    })\n  }, [stored])\n\n  const { settings: normalized, issues } =\n    validateOutreachComplianceSettings(form)\n  const fieldIssue = (field: OutreachComplianceField) =>\n    serverIssues[field] ??\n    issues.find((issue) => issue.field === field)?.message\n  /** What saving one card would store: its own fields over the stored rest. */\n  const candidate = (card: ComplianceCardKey) =>\n    validateOutreachComplianceSettings(\n      stored ? { ...stored, ...pickCard(form, card) } : form,\n    )\n  const cardDirty = (card: ComplianceCardKey) =>\n    stored\n      ? !outreachComplianceSettingsEqual(stored, candidate(card).settings)\n      : false\n  const cardBlocked = (card: ComplianceCardKey) =>\n    candidate(card).issues.some((issue) =>\n      (CARDS[card].fields as readonly string[]).includes(issue.field),\n    )\n  const footer = composeOutreachFooter(normalized)\n  const set = (field: keyof OutreachComplianceSettings) => (value: string) => {\n    setServerIssues((previous) => {\n      const next = { ...previous }\n      delete next[field as OutreachComplianceField]\n      return next\n    })\n    setForm((previous) => ({ ...previous, [field]: value }))\n  }\n\n  const clearIssues = (card: ComplianceCardKey) =>\n    setServerIssues((previous) => {\n      const next = { ...previous }\n      for (const field of CARDS[card].fields) {\n        delete next[field as OutreachComplianceField]\n      }\n      return next\n    })\n\n  const discard = (card: ComplianceCardKey) => {\n    clearIssues(card)\n    if (stored)\n      setForm((previous) => ({ ...previous, ...pickCard(stored, card) }))\n  }\n\n  const save = async (card: ComplianceCardKey) => {\n    setSaving(card)\n    try {\n      const answer = await api.saveSettings(candidate(card).settings)\n      clearIssues(card)\n      setForm((previous) => ({\n        ...previous,\n        ...pickCard(answer.settings, card),\n      }))\n      loaded.reload()\n      enqueueSnackbar(answer.changed ? CARDS[card].saved : 'Nothing changed.', {\n        variant: answer.changed ? 'success' : 'info',\n      })\n    } catch (error) {\n      if (error instanceof OutreachRouteError && error.issues.length) {\n        setServerIssues((previous) => ({\n          ...previous,\n          ...Object.fromEntries(\n            error.issues\n              .filter(\n                (\n                  issue,\n                ): issue is {\n                  field: OutreachComplianceField\n                  message: string\n                } => 'field' in issue,\n              )\n              .map((issue) => [issue.field, issue.message]),\n          ),\n        }))\n      }\n      enqueueSnackbar((error as Error).message, {\n        variant: 'error',\n        allowDuplicate: true,\n      })\n    } finally {\n      setSaving(null)\n    }\n  }\n\n  if (loaded.status === 'loading' || (!orgId && !stored)) {\n    return <OutreachLoading label=\"Loading compliance settings…\" />\n  }\n  if (loaded.status === 'error' || loaded.status === 'refused') {\n    return (\n      <OutreachLoadProblem\n        status={loaded.status}\n        what=\"compliance settings\"\n        message={loaded.message}\n        onRetry={loaded.reload}\n      />\n    )\n  }\n\n  const selectedCountries = form.allowedCountries.map(\n    (code) =>\n      countries.find((option) => option.code === code) ?? {\n        code,\n        name: outreachCountryLabel(code),\n      },\n  )\n\n  const cardActions = (card: ComplianceCardKey) => {\n    const dirty = cardDirty(card)\n    return (\n      <Stack direction=\"row\" spacing={1}>\n        <Button\n          size=\"small\"\n          variant=\"text\"\n          disabled={!dirty || saving !== null}\n          onClick={() => discard(card)}\n        >\n          Discard changes\n        </Button>\n        <Button\n          size=\"small\"\n          variant=\"contained\"\n          disabled={!dirty || saving !== null || cardBlocked(card)}\n          onClick={() => void save(card)}\n        >\n          {saving === card ? 'Saving…' : 'Save'}\n        </Button>\n      </Stack>\n    )\n  }\n\n  return (\n    <Stack spacing={2}>\n      <CardDisplay\n        header=\"Sender identity\"\n        help={pluginDocsHelp('sequences', { anchor: '#compliance-settings' })}\n        HeaderProps={{ action: cardActions('identity') }}\n        contentGutterX\n        contentGutterY\n      >\n        <Stack spacing={2}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Every email a sequence sends ends with a footer naming your organization, its postal ' +\n              'address, that the email is a sales email, and how to stop more of them. The law ' +\n              'requires these on commercial email, so every email gets the footer automatically.'}\n          </Typography>\n          <TextField\n            label=\"Legal name\"\n            value={form.legalName}\n            onChange={(event) => set('legalName')(event.target.value)}\n            error={Boolean(fieldIssue('legalName'))}\n            helperText={\n              fieldIssue('legalName') ??\n              'Your organization’s legal name, as the footer prints it.'\n            }\n            slotProps={{\n              htmlInput: { maxLength: OUTREACH_LEGAL_NAME_MAX + 20 },\n            }}\n            fullWidth\n          />\n          <TextField\n            label=\"Brand name\"\n            value={form.brandName}\n            onChange={(event) => set('brandName')(event.target.value)}\n            error={Boolean(fieldIssue('brandName'))}\n            helperText={\n              fieldIssue('brandName') ??\n              'The name the solicitation sentence uses. Leave empty to use the legal name.'\n            }\n            slotProps={{\n              htmlInput: { maxLength: OUTREACH_BRAND_NAME_MAX + 20 },\n            }}\n            fullWidth\n          />\n          <TextField\n            label=\"Postal address\"\n            value={form.postalAddress}\n            onChange={(event) => set('postalAddress')(event.target.value)}\n            error={Boolean(fieldIssue('postalAddress'))}\n            helperText={\n              fieldIssue('postalAddress') ?? OUTREACH_POSTAL_ADDRESS_HELP\n            }\n            slotProps={{\n              htmlInput: { maxLength: OUTREACH_POSTAL_ADDRESS_MAX + 40 },\n            }}\n            multiline\n            minRows={3}\n            fullWidth\n          />\n          {footer.footer ? (\n            <Stack spacing={0.5}>\n              <Typography variant=\"subtitle2\">Every email ends with</Typography>\n              <Paper variant=\"outlined\" sx={{ p: 1.5 }}>\n                <Typography\n                  variant=\"body2\"\n                  sx={{ whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}\n                  data-testid=\"outreach-footer-preview\"\n                >\n                  {footer.footer}\n                </Typography>\n              </Paper>\n            </Stack>\n          ) : (\n            <Alert severity=\"warning\">\n              {'No sequence can be activated, and no email sent, until you add your organization’s legal ' +\n                'name and postal address.'}\n            </Alert>\n          )}\n        </Stack>\n      </CardDisplay>\n\n      <CardDisplay\n        header=\"Allowed countries\"\n        help={pluginDocsHelp('sequences', { anchor: '#allowed-countries' })}\n        HeaderProps={{ action: cardActions('countries') }}\n        contentGutterX\n        contentGutterY\n      >\n        <Stack spacing={2}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Sequences may send only to people in these countries, and every sequence only to the ones ' +\n              'it and this list both allow. The United States is the default: Canada, the United Kingdom and most ' +\n              'of the European Union require a consent basis that an email to someone who never contacted ' +\n              'you does not have, so a cold email never goes outside the United States whatever this list ' +\n              'says. Add another country only for people who came to you first.'}\n          </Typography>\n          <Autocomplete<OutreachCountryOption, true>\n            multiple\n            options={countries}\n            value={selectedCountries}\n            getOptionLabel={(option) => option.name}\n            isOptionEqualToValue={(option, value) => option.code === value.code}\n            onChange={(_event, next) => {\n              clearIssues('countries')\n              setForm((previous) => ({\n                ...previous,\n                allowedCountries: next.map((option) => option.code),\n              }))\n            }}\n            renderValue={(value, getItemProps) =>\n              value.map((option, index) => {\n                const { key, ...item } = getItemProps({ index })\n                return (\n                  <Chip key={key} size=\"small\" label={option.name} {...item} />\n                )\n              })\n            }\n            renderInput={(params) => (\n              <TextField\n                {...params}\n                label=\"Countries\"\n                error={Boolean(fieldIssue('allowedCountries'))}\n                helperText={fieldIssue('allowedCountries')}\n              />\n            )}\n          />\n        </Stack>\n      </CardDisplay>\n\n      {/* Its own list, saved as it is edited (AGL-3244): it has no Save. */}\n      <OutreachDoNotContactDomainsCard orgId={orgId} />\n    </Stack>\n  )\n}\nOutreachComplianceSection.displayName = 'OutreachComplianceSection'\n\nexport default OutreachComplianceSection\n"],"names":["pluginDocsHelp","CardDisplay","useSnackbar","Alert","Autocomplete","Button","Chip","Paper","Stack","TextField","Typography","useEffect","useMemo","useRef","useState","composeOutreachFooter","outreachComplianceSettingsEqual","outreachCountryLabel","outreachCountryOptions","OUTREACH_BRAND_NAME_MAX","OUTREACH_LEGAL_NAME_MAX","OUTREACH_POSTAL_ADDRESS_MAX","validateOutreachComplianceSettings","OutreachDoNotContactDomainsCard","OutreachLoading","OutreachLoadProblem","OutreachRouteError","useOutreachApi","useOutreachComplianceSettings","OUTREACH_POSTAL_ADDRESS_HELP","EMPTY","legalName","brandName","postalAddress","allowedCountries","CARDS","identity","fields","saved","countries","pickCard","settings","card","Object","fromEntries","map","field","cardEqual","a","b","OutreachComplianceSection","props","fieldIssue","orgId","api","loaded","enqueueSnackbar","form","setForm","saving","setSaving","serverIssues","setServerIssues","stored","previousStored","before","current","next","keys","normalized","issues","find","issue","message","candidate","cardDirty","cardBlocked","some","includes","footer","set","value","previous","clearIssues","discard","save","answer","saveSettings","reload","changed","variant","error","length","filter","allowDuplicate","status","label","what","onRetry","selectedCountries","code","option","name","cardActions","dirty","direction","spacing","size","disabled","onClick","header","help","anchor","HeaderProps","action","contentGutterX","contentGutterY","color","onChange","event","target","Boolean","helperText","slotProps","htmlInput","maxLength","fullWidth","multiline","minRows","sx","p","whiteSpace","wordBreak","data-testid","severity","multiple","options","getOptionLabel","isOptionEqualToValue","_event","renderValue","getItemProps","index","key","item","renderInput","params","displayName"],"mappings":"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"}

package/src/lib/components/enroll-dialog.d.ts

@@ -1,4 +1,4 @@
-import { type OutreachEnrollPreviewPerson } from '../model/outreach-api';
+import { type OutreachEnrollGateway, type OutreachEnrollPreviewPerson } from '../model/outreach-api';
 import { type OutreachAttestationKind, type OutreachSequence } from '../model/outreach.types';
 import { type OutreachCuratedDraftState } from './curated-step-editor';
 import type { OutreachApi } from './use-outreach-api';
@@ -12,6 +12,12 @@ export interface OutreachEnrollDialogProps {
     uid: string | null;
     api: OutreachApi;
 }
+/**
+ * Whether the gateway in front of this person refused the sender this week
+ * (AGL-3326): the person is shown, and left un-ticked, rather than blocked
+ * — the founder decides, and ticking them is the decision.
+ */
+export declare function outreachGatewayRefusedThisWeek(gateway: OutreachEnrollGateway | null | undefined): boolean;
 /** Where one person's curated drafts stand (AGL-3324). */
 type Curation = {
     status: 'idle';

package/src/lib/components/enroll-dialog.js

@@ -20,6 +20,7 @@ import { pluginDocsHelp } from "@aglyn/aglyn";
 import { HelpTip } from "@aglyn/shared-ui-jsx";
 import { Alert, Button, Checkbox, Chip, Dialog, DialogActions, DialogContent, DialogTitle, FormControlLabel, FormGroup, List, ListItem, ListItemButton, ListItemIcon, ListItemText, MenuItem, Paper, Stack, Tab, Tabs, TextField, Typography, useMediaQuery, useTheme } from "@mui/material";
 import { useMemo, useState } from "react";
+import { isOutreachGatewayFronted, outreachGatewayChip } from "../engine/mail-gateway.js";
 import { OUTREACH_ENROLL_BATCH_MAX } from "../model/outreach-api.js";
 import { OUTREACH_ATTESTATION_LABELS, OUTREACH_PERSONAL_LINE_MAX } from "../model/outreach.types.js";
 import { outreachEmailStepLabel } from "./curate-step-dialog.js";
@@ -36,6 +37,20 @@ const STATUS_COLORS = {
     needs_confirmation: 'warning',
     blocked: 'default'
 };
+/** The gateway chip's color by its tone (AGL-3326). */ const GATEWAY_TONE_COLORS = {
+    refused: 'error',
+    delivered: 'success',
+    neutral: 'default',
+    blocked: 'default'
+};
+/**
+ * Whether the gateway in front of this person refused the sender this week
+ * (AGL-3326): the person is shown, and left un-ticked, rather than blocked
+ * — the founder decides, and ticking them is the decision.
+ */ export function outreachGatewayRefusedThisWeek(gateway) {
+    var _ref;
+    return ((_ref = gateway == null ? void 0 : gateway.blocked7) != null ? _ref : 0) > 0;
+}
 /** The drafts the rep used, as the enroll and the preview carry them. */ function usedOverrides(supplied) {
     var _ref;
     return Object.values((_ref = supplied == null ? void 0 : supplied.drafts) != null ? _ref : {}).map(outreachDraftToOverride).filter((override)=>override !== null);
@@ -82,6 +97,7 @@ const STATUS_COLORS = {
     const [problem, setProblem] = useState(null);
     const [supplied, setSupplied] = useState({});
     const [emailPreview, setEmailPreview] = useState({});
+    const [stepTests, setStepTests] = useState({});
     const views = useOutreachSavedViews(props.open ? orgId : null, props.uid);
     const search = useOutreachContactSearch({
         orgId: props.open && tab === 'search' ? orgId : null,
@@ -103,6 +119,7 @@ const STATUS_COLORS = {
         setProblem(null);
         setSupplied({});
         setEmailPreview({});
+        setStepTests({});
     };
     const close = ()=>{
         reset();
@@ -123,7 +140,9 @@ const STATUS_COLORS = {
             setSupplied(Object.fromEntries(answer.people.map((person)=>[
                     person.personId,
                     {
-                        include: person.status !== 'blocked',
+                        // A person whose gateway refused the sender this week starts
+                        // un-ticked (AGL-3326); the chip beside them says why.
+                        include: person.status !== 'blocked' && !outreachGatewayRefusedThisWeek(person.gateway),
                         personalLine: '',
                         attestations: []
                     }
@@ -279,6 +298,47 @@ const STATUS_COLORS = {
                 ]))
         });
     };
+    /**
+   * This person's first email, sent to the member as a test (AGL-3325):
+   * their record, the personal line as written so far and the curated copy
+   * they used (AGL-3324) fill it, and nothing is enrolled or stored for
+   * them.
+   */ const sendTest = async (person)=>{
+        setStepTests((previous)=>_extends({}, previous, {
+                [person.personId]: {
+                    status: 'sending'
+                }
+            }));
+        try {
+            var _ref;
+            var _supplied_person_personId;
+            const overrides = usedOverrides(supplied[person.personId]);
+            const answer = await api.sendStepTest(_extends({
+                sequenceId: sequence.id
+            }, person.target === 'lead' && person.leadId ? {
+                leadId: person.leadId
+            } : {
+                contactId: person.contactId
+            }, {
+                personalLine: (_ref = (_supplied_person_personId = supplied[person.personId]) == null ? void 0 : _supplied_person_personId.personalLine.trim()) != null ? _ref : ''
+            }, overrides.length ? {
+                stepOverrides: overrides
+            } : {}));
+            setStepTests((previous)=>_extends({}, previous, {
+                    [person.personId]: {
+                        status: 'sent',
+                        answer
+                    }
+                }));
+        } catch (error) {
+            setStepTests((previous)=>_extends({}, previous, {
+                    [person.personId]: {
+                        status: 'failed',
+                        message: error.message
+                    }
+                }));
+        }
+    };
     const title = `Enroll people in ${sequence.name}`;
     return /*#__PURE__*/ _jsxs(Dialog, {
         open: props.open,
@@ -544,6 +604,8 @@ const STATUS_COLORS = {
                                             onSupply: (next)=>supply(person.personId, next),
                                             emailPreview: emailPreview[person.personId],
                                             onPreviewEmail: ()=>void previewEmail(person),
+                                            stepTest: stepTests[person.personId],
+                                            onSendTest: ()=>void sendTest(person),
                                             onCurate: ()=>void curate(person),
                                             onWriteThemselves: ()=>writeThemselves(person),
                                             disabled: stage.kind === 'enrolling'
@@ -616,11 +678,29 @@ const STATUS_COLORS = {
 OutreachEnrollDialog.displayName = 'OutreachEnrollDialog';
 function summary(answer) {
     const count = (status)=>answer.people.filter((person)=>person.status === status).length;
-    return `${count('eligible')} eligible · ${count('needs_confirmation')} need you · ${count('blocked')} blocked`;
+    // The people behind a security gateway (AGL-3326): a Barracuda, a
+    // Proofpoint or a Mimecast refuses a sender for a whole company, and a
+    // LinkedIn note first is the cheaper first touch there.
+    const fronted = answer.people.filter((person)=>{
+        var _person_gateway;
+        return person.status !== 'blocked' && isOutreachGatewayFronted((_person_gateway = person.gateway) == null ? void 0 : _person_gateway.gateway);
+    }).length;
+    return `${count('eligible')} eligible · ${count('needs_confirmation')} need you · ${count('blocked')} blocked` + (fronted ? ` · ${fronted} gateway-fronted — LinkedIn-first?` : '');
+}
+/** The Check-people chip for one person's mail gateway (AGL-3326), or nothing. */ function GatewayChip(props) {
+    const chip = outreachGatewayChip(props.gateway);
+    if (!chip) return null;
+    return /*#__PURE__*/ _jsx(Chip, {
+        size: "small",
+        variant: chip.tone === 'neutral' ? 'outlined' : 'filled',
+        color: GATEWAY_TONE_COLORS[chip.tone],
+        label: chip.label,
+        "aria-label": `Mail gateway for ${props.name}: ${chip.label}`
+    });
 }
 function PersonRow(props) {
     var _ref, _ref1, _ref2, _ref3;
-    var _props_emailPreview, _props_emailPreview1, _props_emailPreview2;
+    var _person_gateway, _person_gateway1, _person_gateway2, _props_stepTest, _props_stepTest1, _props_stepTest2, _props_stepTest3, _props_emailPreview, _props_emailPreview1, _props_emailPreview2;
     const { person, supplied, disabled } = props;
     const name = person.name || person.email || person.personId;
     const line = (_ref = supplied == null ? void 0 : supplied.personalLine) != null ? _ref : '';
@@ -686,6 +766,10 @@ function PersonRow(props) {
                                     variant: "outlined",
                                     label: "Cold"
                                 }) : null,
+                                /*#__PURE__*/ _jsx(GatewayChip, {
+                                    gateway: person.gateway,
+                                    name: name
+                                }),
                                 /*#__PURE__*/ _jsx(Chip, {
                                     size: "small",
                                     label: STATUS_LABELS[person.status],
@@ -721,6 +805,11 @@ function PersonRow(props) {
                             }),
                             label: "Enroll this person"
                         }),
+                        (supplied == null ? void 0 : supplied.include) === false && outreachGatewayRefusedThisWeek(person.gateway) ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            children: `Left un-ticked: their mail gateway refused ${((_person_gateway = person.gateway) == null ? void 0 : _person_gateway.blocked7) === 1 ? 'an email' : `${(_person_gateway1 = person.gateway) == null ? void 0 : _person_gateway1.blocked7} emails`} from this organization this week. Tick them to enroll anyway${((_person_gateway2 = person.gateway) == null ? void 0 : _person_gateway2.hold) ? ' — the email will go, and it is your call' : ''}.`
+                        }) : null,
                         (supplied == null ? void 0 : supplied.include) === false ? null : /*#__PURE__*/ _jsxs(_Fragment, {
                             children: [
                                 /*#__PURE__*/ _jsx(TextField, {
@@ -773,6 +862,12 @@ function PersonRow(props) {
                                             disabled: disabled,
                                             children: "Preview the first email"
                                         }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            onClick: props.onSendTest,
+                                            disabled: disabled || ((_props_stepTest = props.stepTest) == null ? void 0 : _props_stepTest.status) === 'sending',
+                                            children: ((_props_stepTest1 = props.stepTest) == null ? void 0 : _props_stepTest1.status) === 'sending' ? 'Sending…' : 'Send me this as a test'
+                                        }),
                                         /*#__PURE__*/ _jsx(Button, {
                                             size: "small",
                                             onClick: props.onCurate,
@@ -781,6 +876,14 @@ function PersonRow(props) {
                                         })
                                     ]
                                 }),
+                                ((_props_stepTest2 = props.stepTest) == null ? void 0 : _props_stepTest2.status) === 'failed' ? /*#__PURE__*/ _jsx(Alert, {
+                                    severity: "error",
+                                    children: props.stepTest.message
+                                }) : null,
+                                ((_props_stepTest3 = props.stepTest) == null ? void 0 : _props_stepTest3.status) === 'sent' ? /*#__PURE__*/ _jsx(Alert, {
+                                    severity: "success",
+                                    children: `Sent to ${props.stepTest.answer.sentTo} as “${props.stepTest.answer.subject}”. ${name} was not enrolled.`
+                                }) : null,
                                 curation.status === 'drafting' ? /*#__PURE__*/ _jsx(OutreachLoading, {
                                     label: "Drafting their emails…"
                                 }) : null,