@aglyn/plugins-outreach 1.0.0-beta.143

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

@@ -0,0 +1,291 @@
+/**
+ * @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 { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 { 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 { OutreachLoading, OutreachLoadProblem } from "./outreach-ui.js";
+import { OutreachRouteError, useOutreachApi } from "./use-outreach-api.js";
+import { useOutreachComplianceSettings } from "./use-outreach-settings.js";
+/** What CAN-SPAM accepts as the postal address, as the field says it. */ export const OUTREACH_POSTAL_ADDRESS_HELP = 'A street address, a post office box registered with the US Postal Service, or a private mailbox ' + 'registered with the US Postal Service. Every email prints it in its footer.';
+const EMPTY = {
+    legalName: '',
+    brandName: '',
+    postalAddress: '',
+    allowedCountries: [
+        'US'
+    ]
+};
+/**
+ * Sequences → Compliance (AGL-2980): who every email says sent it, and the
+ * countries a sequence may send to at all.
+ *
+ * The footer is previewed from what is typed, by the engine's own
+ * `composeOutreachFooter`, so the page shows the lines every email will end
+ * with — or, while the legal name or the address is empty, the sentence
+ * that explains why nothing can be sent and no sequence activated.
+ */ export function OutreachComplianceSection(props) {
+    var _fieldIssue, _fieldIssue1, _fieldIssue2;
+    const { orgId } = props;
+    const api = useOutreachApi(orgId);
+    const loaded = useOutreachComplianceSettings(api, orgId);
+    const { enqueueSnackbar } = useSnackbar();
+    const [form, setForm] = useState(EMPTY);
+    const [saving, setSaving] = useState(false);
+    const [serverIssues, setServerIssues] = useState({});
+    const countries = useMemo(()=>outreachCountryOptions(), []);
+    const stored = loaded.settings;
+    useEffect(()=>{
+        if (stored) setForm(_extends({}, stored));
+    }, [
+        stored
+    ]);
+    const { settings: normalized, issues } = validateOutreachComplianceSettings(form);
+    const fieldIssue = (field)=>{
+        var _serverIssues_field;
+        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;
+    const footer = composeOutreachFooter(normalized);
+    const set = (field)=>(value)=>{
+            setServerIssues({});
+            setForm((previous)=>_extends({}, previous, {
+                    [field]: value
+                }));
+        };
+    const save = async ()=>{
+        setSaving(true);
+        try {
+            const answer = await api.saveSettings(normalized);
+            setServerIssues({});
+            setForm(_extends({}, answer.settings));
+            loaded.reload();
+            enqueueSnackbar(answer.changed ? 'Compliance settings 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
+                    ])));
+            }
+            enqueueSnackbar(error.message, {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        } finally{
+            setSaving(false);
+        }
+    };
+    if (loaded.status === 'loading' || !orgId && !stored) {
+        return /*#__PURE__*/ _jsx(OutreachLoading, {
+            label: "Loading compliance settings…"
+        });
+    }
+    if (loaded.status === 'error' || loaded.status === 'refused') {
+        return /*#__PURE__*/ _jsx(OutreachLoadProblem, {
+            status: loaded.status,
+            what: "compliance settings",
+            message: loaded.message,
+            onRetry: loaded.reload
+        });
+    }
+    const selectedCountries = form.allowedCountries.map((code)=>{
+        var _countries_find;
+        return (_countries_find = countries.find((option)=>option.code === code)) != null ? _countries_find : {
+            code,
+            name: outreachCountryLabel(code)
+        };
+    });
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 2,
+        children: [
+            /*#__PURE__*/ _jsx(CardDisplay, {
+                header: "Sender identity",
+                help: pluginDocsHelp('sequences', {
+                    anchor: '#compliance-settings'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: 'Every email a sequence sends ends with a footer naming your organization, its postal ' + 'address, that the email is a business solicitation, and how to stop more of them. The law ' + 'requires these on commercial email, so every email gets the footer automatically.'
+                        }),
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "Legal name",
+                            value: form.legalName,
+                            onChange: (event)=>set('legalName')(event.target.value),
+                            error: Boolean(fieldIssue('legalName')),
+                            helperText: (_fieldIssue = fieldIssue('legalName')) != null ? _fieldIssue : 'Your organization’s legal name, as the footer prints it.',
+                            slotProps: {
+                                htmlInput: {
+                                    maxLength: OUTREACH_LEGAL_NAME_MAX + 20
+                                }
+                            },
+                            fullWidth: true
+                        }),
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "Brand name",
+                            value: form.brandName,
+                            onChange: (event)=>set('brandName')(event.target.value),
+                            error: Boolean(fieldIssue('brandName')),
+                            helperText: (_fieldIssue1 = fieldIssue('brandName')) != null ? _fieldIssue1 : 'The name the solicitation sentence uses. Leave empty to use the legal name.',
+                            slotProps: {
+                                htmlInput: {
+                                    maxLength: OUTREACH_BRAND_NAME_MAX + 20
+                                }
+                            },
+                            fullWidth: true
+                        }),
+                        /*#__PURE__*/ _jsx(TextField, {
+                            label: "Postal address",
+                            value: form.postalAddress,
+                            onChange: (event)=>set('postalAddress')(event.target.value),
+                            error: Boolean(fieldIssue('postalAddress')),
+                            helperText: (_fieldIssue2 = fieldIssue('postalAddress')) != null ? _fieldIssue2 : OUTREACH_POSTAL_ADDRESS_HELP,
+                            slotProps: {
+                                htmlInput: {
+                                    maxLength: OUTREACH_POSTAL_ADDRESS_MAX + 40
+                                }
+                            },
+                            multiline: true,
+                            minRows: 3,
+                            fullWidth: true
+                        }),
+                        footer.footer ? /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 0.5,
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "subtitle2",
+                                    children: "Every email ends with"
+                                }),
+                                /*#__PURE__*/ _jsx(Paper, {
+                                    variant: "outlined",
+                                    sx: {
+                                        p: 1.5
+                                    },
+                                    children: /*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        sx: {
+                                            whiteSpace: 'pre-wrap',
+                                            wordBreak: 'break-word'
+                                        },
+                                        "data-testid": "outreach-footer-preview",
+                                        children: footer.footer
+                                    })
+                                })
+                            ]
+                        }) : /*#__PURE__*/ _jsx(Alert, {
+                            severity: "warning",
+                            children: 'No sequence can be activated, and no email sent, until you add your organization’s legal ' + 'name and postal address.'
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(CardDisplay, {
+                header: "Allowed countries",
+                help: pluginDocsHelp('sequences', {
+                    anchor: '#allowed-countries'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: 'Sequences may send only to people in these countries, and every sequence only to the ones ' + 'it and this list both allow. The United States is the default: Canada, the United Kingdom and most ' + 'of the European Union require a consent basis that an email to someone who never contacted ' + 'you does not have, so a cold email never goes outside the United States whatever this list ' + 'says. Add another country only for people who came to you first.'
+                        }),
+                        /*#__PURE__*/ _jsx(Autocomplete, {
+                            multiple: true,
+                            options: countries,
+                            value: selectedCountries,
+                            getOptionLabel: (option)=>option.name,
+                            isOptionEqualToValue: (option, value)=>option.code === value.code,
+                            onChange: (_event, next)=>{
+                                setServerIssues({});
+                                setForm((previous)=>_extends({}, previous, {
+                                        allowedCountries: next.map((option)=>option.code)
+                                    }));
+                            },
+                            renderValue: (value, getItemProps)=>value.map((option, index)=>{
+                                    const _getItemProps = getItemProps({
+                                        index
+                                    }), { key } = _getItemProps, item = _object_without_properties_loose(_getItemProps, [
+                                        "key"
+                                    ]);
+                                    return /*#__PURE__*/ _jsx(Chip, _extends({
+                                        size: "small",
+                                        label: option.name
+                                    }, item), key);
+                                }),
+                            renderInput: (params)=>/*#__PURE__*/ _jsx(TextField, _extends({}, params, {
+                                    label: "Countries",
+                                    error: Boolean(fieldIssue('allowedCountries')),
+                                    helperText: fieldIssue('allowedCountries')
+                                }))
+                        })
+                    ]
+                })
+            }),
+            /*#__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'
+                    })
+                ]
+            })
+        ]
+    });
+}
+OutreachComplianceSection.displayName = 'OutreachComplianceSection';
+export default OutreachComplianceSection;
+
+//# sourceMappingURL=compliance-section.js.map

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

@@ -0,0 +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 { 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, and the\n * countries a sequence may send to at all.\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 business solicitation, 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    </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","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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"}

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

@@ -0,0 +1,36 @@
+import { type OutreachEnrollPreviewPerson } from '../model/outreach-api';
+import { type OutreachAttestationKind, type OutreachSequence } from '../model/outreach.types';
+import type { OutreachApi } from './use-outreach-api';
+export interface OutreachEnrollDialogProps {
+    open: boolean;
+    onClose(): void;
+    orgId: string;
+    sequence: OutreachSequence;
+    /** The consent group of the sequence's site: whose names a search shows. */
+    contactGroupId: string;
+    uid: string | null;
+    api: OutreachApi;
+}
+/** What the rep has supplied for one person. */
+interface Supplied {
+    include: boolean;
+    personalLine: string;
+    attestations: OutreachAttestationKind[];
+}
+/** Whether a person may be sent to Confirm as the rep has left them. */
+export declare function outreachPersonReady(person: OutreachEnrollPreviewPerson, supplied: Supplied | undefined): boolean;
+/**
+ * Enroll people in a sequence (AGL-2980).
+ *
+ * The rep picks a saved Contacts view or searches for people, and sees each
+ * marked as the gates see them: eligible, blocked with the reason, or
+ * waiting on them — for a cold contact, a personal line and the three
+ * attestations only they can make, stored on the enrollment with who ticked
+ * them and when. Enroll sends only the people who are ready, and the server
+ * checks every gate again as it enrolls them.
+ */
+export declare function OutreachEnrollDialog(props: OutreachEnrollDialogProps): import("react").JSX.Element;
+export declare namespace OutreachEnrollDialog {
+    var displayName: string;
+}
+export default OutreachEnrollDialog;