@aglyn/plugins-outreach 1.0.0-beta.143

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

@@ -0,0 +1,656 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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 { OUTREACH_ENROLL_BATCH_MAX } from "../model/outreach-api.js";
+import { OUTREACH_ATTESTATION_LABELS, OUTREACH_PERSONAL_LINE_MAX } from "../model/outreach.types.js";
+import { OutreachLoading, OutreachLoadProblem } from "./outreach-ui.js";
+import { useOutreachContactSearch, useOutreachSavedViews } from "./use-outreach-crm.js";
+const STATUS_LABELS = {
+    eligible: 'Eligible',
+    needs_confirmation: 'Needs you',
+    blocked: 'Blocked'
+};
+const STATUS_COLORS = {
+    eligible: 'success',
+    needs_confirmation: 'warning',
+    blocked: 'default'
+};
+/** Whether a person may be sent to Confirm as the rep has left them. */ export function outreachPersonReady(person, supplied) {
+    if (person.status === 'blocked' || !(supplied == null ? void 0 : supplied.include)) return false;
+    const line = supplied.personalLine.trim();
+    if (line.length > OUTREACH_PERSONAL_LINE_MAX) return false;
+    if (person.status === 'eligible') return true;
+    if (person.requires.personalLine && !line) return false;
+    return person.requires.attestations.every((kind)=>supplied.attestations.includes(kind));
+}
+/**
+ * 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 function OutreachEnrollDialog(props) {
+    const { orgId, sequence, api } = props;
+    const theme = useTheme();
+    const narrow = useMediaQuery(theme.breakpoints.down('sm'));
+    const [tab, setTab] = useState('view');
+    const [viewId, setViewId] = useState('');
+    const [text, setText] = useState('');
+    const [picked, setPicked] = useState(new Map());
+    const [stage, setStage] = useState({
+        kind: 'source'
+    });
+    const [problem, setProblem] = useState(null);
+    const [supplied, setSupplied] = useState({});
+    const [emailPreview, setEmailPreview] = useState({});
+    const views = useOutreachSavedViews(props.open ? orgId : null, props.uid);
+    const search = useOutreachContactSearch({
+        orgId: props.open && tab === 'search' ? orgId : null,
+        hostId: sequence.hostId,
+        contactGroupId: props.contactGroupId,
+        text
+    });
+    const reset = ()=>{
+        setStage({
+            kind: 'source'
+        });
+        setProblem(null);
+        setSupplied({});
+        setEmailPreview({});
+    };
+    const close = ()=>{
+        reset();
+        setPicked(new Map());
+        setText('');
+        setViewId('');
+        props.onClose();
+    };
+    const preview = async (source)=>{
+        setProblem(null);
+        setStage({
+            kind: 'previewing'
+        });
+        try {
+            const answer = await api.previewEnrollment(sequence.id, source);
+            setSupplied(Object.fromEntries(answer.people.map((person)=>[
+                    person.contactId,
+                    {
+                        include: person.status !== 'blocked',
+                        personalLine: '',
+                        attestations: []
+                    }
+                ])));
+            setStage({
+                kind: 'preview',
+                answer
+            });
+        } catch (error) {
+            setProblem(error.message);
+            setStage({
+                kind: 'source'
+            });
+        }
+    };
+    const answer = stage.kind === 'preview' || stage.kind === 'enrolling' ? stage.answer : null;
+    const ready = useMemo(()=>answer ? answer.people.filter((person)=>outreachPersonReady(person, supplied[person.contactId])) : [], [
+        answer,
+        supplied
+    ]);
+    const waiting = answer ? answer.people.filter((person)=>{
+        var _supplied_person_contactId;
+        return person.status === 'needs_confirmation' && ((_supplied_person_contactId = supplied[person.contactId]) == null ? void 0 : _supplied_person_contactId.include) && !outreachPersonReady(person, supplied[person.contactId]);
+    }).length : 0;
+    const enroll = async ()=>{
+        if (!answer || !ready.length) return;
+        setProblem(null);
+        setStage({
+            kind: 'enrolling',
+            answer
+        });
+        try {
+            const result = await api.enroll(sequence.id, ready.map((person)=>{
+                var _ref, _ref1;
+                var _supplied_person_contactId, _supplied_person_contactId1;
+                return {
+                    contactId: person.contactId,
+                    personalLine: (_ref = (_supplied_person_contactId = supplied[person.contactId]) == null ? void 0 : _supplied_person_contactId.personalLine.trim()) != null ? _ref : '',
+                    attestations: (_ref1 = (_supplied_person_contactId1 = supplied[person.contactId]) == null ? void 0 : _supplied_person_contactId1.attestations) != null ? _ref1 : []
+                };
+            }));
+            setStage({
+                kind: 'done',
+                results: result.results,
+                enrolled: result.enrolled
+            });
+        } catch (error) {
+            setProblem(error.message);
+            setStage({
+                kind: 'preview',
+                answer
+            });
+        }
+    };
+    const supply = (contactId, next)=>setSupplied((previous)=>_extends({}, previous, {
+                [contactId]: _extends({}, previous[contactId], next)
+            }));
+    const previewEmail = async (person)=>{
+        setEmailPreview((previous)=>_extends({}, previous, {
+                [person.contactId]: {
+                    status: 'loading'
+                }
+            }));
+        try {
+            var _ref;
+            var _supplied_person_contactId;
+            const result = await api.previewEmail({
+                sequenceId: sequence.id,
+                contactId: person.contactId,
+                personalLine: (_ref = (_supplied_person_contactId = supplied[person.contactId]) == null ? void 0 : _supplied_person_contactId.personalLine.trim()) != null ? _ref : ''
+            });
+            setEmailPreview((previous)=>_extends({}, previous, {
+                    [person.contactId]: {
+                        status: 'ready',
+                        answer: result
+                    }
+                }));
+        } catch (error) {
+            setEmailPreview((previous)=>_extends({}, previous, {
+                    [person.contactId]: {
+                        status: 'failed',
+                        message: error.message
+                    }
+                }));
+        }
+    };
+    const title = `Enroll people in ${sequence.name}`;
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: props.open,
+        onClose: close,
+        fullWidth: true,
+        maxWidth: "md",
+        fullScreen: narrow,
+        "aria-label": title,
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 0.5,
+                    sx: {
+                        alignItems: 'center'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx("span", {
+                            children: title
+                        }),
+                        /*#__PURE__*/ _jsx(HelpTip, _extends({}, pluginDocsHelp('sequences', {
+                            anchor: '#enroll'
+                        })))
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                dividers: true,
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    children: [
+                        problem ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "error",
+                            children: problem
+                        }) : null,
+                        stage.kind === 'source' ? /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsxs(Tabs, {
+                                    value: tab,
+                                    onChange: (_event, next)=>setTab(next),
+                                    "aria-label": "Where the people come from",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Tab, {
+                                            value: "view",
+                                            label: "Saved view"
+                                        }),
+                                        /*#__PURE__*/ _jsx(Tab, {
+                                            value: "search",
+                                            label: "Search"
+                                        })
+                                    ]
+                                }),
+                                tab === 'view' ? views.status === 'loading' ? /*#__PURE__*/ _jsx(OutreachLoading, {
+                                    label: "Loading saved views…"
+                                }) : views.status === 'error' || views.status === 'refused' ? /*#__PURE__*/ _jsx(OutreachLoadProblem, {
+                                    status: views.status,
+                                    what: "saved views",
+                                    message: views.status === 'refused' ? 'Enrolling reads your CRM’s contacts, and your role does not include Manage data.' : null
+                                }) : views.data.length ? /*#__PURE__*/ _jsx(TextField, {
+                                    select: true,
+                                    label: "Saved Contacts view",
+                                    value: viewId,
+                                    onChange: (event)=>setViewId(event.target.value),
+                                    helperText: `Enrolls up to ${OUTREACH_ENROLL_BATCH_MAX} of the people the view shows at this sequence’s site.`,
+                                    fullWidth: true,
+                                    children: views.data.map((view)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                            value: view.id,
+                                            children: view.name
+                                        }, view.id))
+                                }) : /*#__PURE__*/ _jsx(Alert, {
+                                    severity: "info",
+                                    children: "You have no saved Contacts views to enroll from. Save one in the CRM, or search instead."
+                                }) : /*#__PURE__*/ _jsxs(Stack, {
+                                    spacing: 1.5,
+                                    children: [
+                                        /*#__PURE__*/ _jsx(TextField, {
+                                            label: "Search contacts",
+                                            placeholder: "A name, or an email address",
+                                            value: text,
+                                            onChange: (event)=>setText(event.target.value),
+                                            fullWidth: true,
+                                            autoFocus: true
+                                        }),
+                                        search.status === 'loading' ? /*#__PURE__*/ _jsx(OutreachLoading, {
+                                            label: "Searching…"
+                                        }) : null,
+                                        search.status === 'error' || search.status === 'refused' ? /*#__PURE__*/ _jsx(OutreachLoadProblem, {
+                                            status: search.status,
+                                            what: "contacts",
+                                            message: search.status === 'refused' ? 'Enrolling reads your CRM’s contacts, and your role does not include Manage data.' : 'The search failed. Try again.'
+                                        }) : null,
+                                        search.status === 'ready' && !search.idle && !search.data.length ? /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            color: "text.secondary",
+                                            children: "No contacts at this sequence’s site match."
+                                        }) : null,
+                                        search.data.length ? /*#__PURE__*/ _jsx(List, {
+                                            dense: true,
+                                            "aria-label": "Search results",
+                                            children: search.data.map((contact)=>{
+                                                const checked = picked.has(contact.id);
+                                                return /*#__PURE__*/ _jsx(ListItem, {
+                                                    disablePadding: true,
+                                                    children: /*#__PURE__*/ _jsxs(ListItemButton, {
+                                                        onClick: ()=>setPicked((previous)=>{
+                                                                const next = new Map(previous);
+                                                                if (checked) next.delete(contact.id);
+                                                                else if (next.size < OUTREACH_ENROLL_BATCH_MAX) next.set(contact.id, contact);
+                                                                return next;
+                                                            }),
+                                                        children: [
+                                                            /*#__PURE__*/ _jsx(ListItemIcon, {
+                                                                children: /*#__PURE__*/ _jsx(Checkbox, {
+                                                                    edge: "start",
+                                                                    checked: checked,
+                                                                    tabIndex: -1,
+                                                                    disableRipple: true
+                                                                })
+                                                            }),
+                                                            /*#__PURE__*/ _jsx(ListItemText, {
+                                                                primary: contact.name || contact.email || contact.id,
+                                                                secondary: contact.email
+                                                            })
+                                                        ]
+                                                    })
+                                                }, contact.id);
+                                            })
+                                        }) : null,
+                                        picked.size ? /*#__PURE__*/ _jsx(Stack, {
+                                            direction: "row",
+                                            spacing: 1,
+                                            sx: {
+                                                flexWrap: 'wrap',
+                                                rowGap: 1
+                                            },
+                                            "aria-label": "Picked",
+                                            children: [
+                                                ...picked.values()
+                                            ].map((contact)=>/*#__PURE__*/ _jsx(Chip, {
+                                                    size: "small",
+                                                    label: contact.name || contact.email || contact.id,
+                                                    onDelete: ()=>setPicked((previous)=>{
+                                                            const next = new Map(previous);
+                                                            next.delete(contact.id);
+                                                            return next;
+                                                        })
+                                                }, contact.id))
+                                        }) : null
+                                    ]
+                                })
+                            ]
+                        }) : null,
+                        stage.kind === 'previewing' ? /*#__PURE__*/ _jsx(OutreachLoading, {
+                            label: "Checking each person…"
+                        }) : null,
+                        answer ? /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 1.5,
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    children: summary(answer)
+                                }),
+                                answer.truncated ? /*#__PURE__*/ _jsx(Alert, {
+                                    severity: "info",
+                                    children: `This shows the first ${answer.people.length} of ${answer.total}. Enroll these, then preview again for the rest.`
+                                }) : null,
+                                /*#__PURE__*/ _jsx(Stack, {
+                                    spacing: 1,
+                                    component: "ul",
+                                    sx: {
+                                        listStyle: 'none',
+                                        p: 0,
+                                        m: 0
+                                    },
+                                    "aria-label": "People",
+                                    children: answer.people.map((person)=>/*#__PURE__*/ _jsx(PersonRow, {
+                                            person: person,
+                                            supplied: supplied[person.contactId],
+                                            onSupply: (next)=>supply(person.contactId, next),
+                                            emailPreview: emailPreview[person.contactId],
+                                            onPreviewEmail: ()=>void previewEmail(person),
+                                            disabled: stage.kind === 'enrolling'
+                                        }, person.contactId))
+                                }),
+                                waiting ? /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    children: `${waiting} ${waiting === 1 ? 'person still needs' : 'people still need'} a personal line or a confirmation, and won't be enrolled until they have one.`
+                                }) : null
+                            ]
+                        }) : null,
+                        stage.kind === 'done' ? /*#__PURE__*/ _jsx(DoneSummary, {
+                            results: stage.results,
+                            enrolled: stage.enrolled
+                        }) : null
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(DialogActions, {
+                children: stage.kind === 'done' ? /*#__PURE__*/ _jsx(Button, {
+                    variant: "contained",
+                    onClick: close,
+                    children: "Done"
+                }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            onClick: close,
+                            children: "Cancel"
+                        }),
+                        stage.kind === 'preview' || stage.kind === 'enrolling' ? /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Button, {
+                                    onClick: reset,
+                                    disabled: stage.kind === 'enrolling',
+                                    children: "Back"
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    variant: "contained",
+                                    disabled: !ready.length || stage.kind === 'enrolling',
+                                    onClick: ()=>void enroll(),
+                                    children: stage.kind === 'enrolling' ? 'Enrolling…' : `Enroll ${ready.length} ${ready.length === 1 ? 'person' : 'people'}`
+                                })
+                            ]
+                        }) : /*#__PURE__*/ _jsx(Button, {
+                            variant: "contained",
+                            disabled: stage.kind === 'previewing' || (tab === 'view' ? !viewId : !picked.size),
+                            onClick: ()=>void preview(tab === 'view' ? {
+                                    kind: 'view',
+                                    viewId
+                                } : {
+                                    kind: 'contacts',
+                                    contactIds: [
+                                        ...picked.keys()
+                                    ]
+                                }),
+                            children: "Check people"
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+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`;
+}
+function PersonRow(props) {
+    var _ref, _ref1;
+    var _props_emailPreview, _props_emailPreview1, _props_emailPreview2;
+    const { person, supplied, disabled } = props;
+    const name = person.name || person.email || person.contactId;
+    const line = (_ref = supplied == null ? void 0 : supplied.personalLine) != null ? _ref : '';
+    const tooLong = line.trim().length > OUTREACH_PERSONAL_LINE_MAX;
+    return /*#__PURE__*/ _jsx(Paper, {
+        component: "li",
+        variant: "outlined",
+        sx: {
+            p: 1.5
+        },
+        "aria-label": name,
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 1,
+            children: [
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: {
+                        xs: 'column',
+                        sm: 'row'
+                    },
+                    spacing: 1,
+                    sx: {
+                        alignItems: {
+                            sm: 'center'
+                        }
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            sx: {
+                                flexGrow: 1,
+                                minWidth: 0
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    children: name
+                                }),
+                                person.email && person.email !== name ? /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    color: "text.secondary",
+                                    children: person.email
+                                }) : null
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'center'
+                            },
+                            children: [
+                                person.cold ? /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    variant: "outlined",
+                                    label: "Cold"
+                                }) : null,
+                                /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    label: STATUS_LABELS[person.status],
+                                    color: STATUS_COLORS[person.status]
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                person.status === 'blocked' ? /*#__PURE__*/ _jsx(Stack, {
+                    component: "ul",
+                    spacing: 0.5,
+                    sx: {
+                        m: 0,
+                        pl: 2.5
+                    },
+                    children: person.blocks.map((block)=>/*#__PURE__*/ _jsx(Typography, {
+                            component: "li",
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: block.reason
+                        }, block.code))
+                }) : /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1,
+                    children: [
+                        /*#__PURE__*/ _jsx(FormControlLabel, {
+                            control: /*#__PURE__*/ _jsx(Checkbox, {
+                                checked: (_ref1 = supplied == null ? void 0 : supplied.include) != null ? _ref1 : true,
+                                onChange: (event)=>props.onSupply({
+                                        include: event.target.checked
+                                    }),
+                                disabled: disabled
+                            }),
+                            label: "Enroll this person"
+                        }),
+                        (supplied == null ? void 0 : supplied.include) === false ? null : /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx(TextField, {
+                                    label: person.requires.personalLine ? 'Personal line' : 'Personal line (optional)',
+                                    placeholder: "One sentence on why you're writing to this person now.",
+                                    value: line,
+                                    onChange: (event)=>props.onSupply({
+                                            personalLine: event.target.value
+                                        }),
+                                    disabled: disabled,
+                                    required: person.requires.personalLine,
+                                    error: tooLong,
+                                    helperText: tooLong ? `Keep it to one sentence, under ${OUTREACH_PERSONAL_LINE_MAX} characters.` : 'Goes where the emails say {{enrollment.personalLine}}.',
+                                    fullWidth: true,
+                                    size: "small"
+                                }),
+                                person.requires.attestations.length ? /*#__PURE__*/ _jsx(FormGroup, {
+                                    "aria-label": `What you confirm about ${name}`,
+                                    children: person.requires.attestations.map((kind)=>{
+                                        var _ref;
+                                        return /*#__PURE__*/ _jsx(FormControlLabel, {
+                                            control: /*#__PURE__*/ _jsx(Checkbox, {
+                                                checked: (_ref = supplied == null ? void 0 : supplied.attestations.includes(kind)) != null ? _ref : false,
+                                                onChange: (event)=>{
+                                                    var _ref, _ref1;
+                                                    return props.onSupply({
+                                                        attestations: event.target.checked ? [
+                                                            ...(_ref = supplied == null ? void 0 : supplied.attestations) != null ? _ref : [],
+                                                            kind
+                                                        ] : ((_ref1 = supplied == null ? void 0 : supplied.attestations) != null ? _ref1 : []).filter((entry)=>entry !== kind)
+                                                    });
+                                                },
+                                                disabled: disabled
+                                            }),
+                                            label: OUTREACH_ATTESTATION_LABELS[kind]
+                                        }, kind);
+                                    })
+                                }) : null,
+                                /*#__PURE__*/ _jsx(Stack, {
+                                    direction: "row",
+                                    children: /*#__PURE__*/ _jsx(Button, {
+                                        size: "small",
+                                        onClick: props.onPreviewEmail,
+                                        disabled: disabled,
+                                        children: "Preview the first email"
+                                    })
+                                }),
+                                ((_props_emailPreview = props.emailPreview) == null ? void 0 : _props_emailPreview.status) === 'loading' ? /*#__PURE__*/ _jsx(OutreachLoading, {
+                                    label: "Writing the email…"
+                                }) : null,
+                                ((_props_emailPreview1 = props.emailPreview) == null ? void 0 : _props_emailPreview1.status) === 'failed' ? /*#__PURE__*/ _jsx(Alert, {
+                                    severity: "error",
+                                    children: props.emailPreview.message
+                                }) : null,
+                                ((_props_emailPreview2 = props.emailPreview) == null ? void 0 : _props_emailPreview2.status) === 'ready' ? props.emailPreview.answer.error ? /*#__PURE__*/ _jsx(Alert, {
+                                    severity: "info",
+                                    children: props.emailPreview.answer.error.message
+                                }) : /*#__PURE__*/ _jsxs(Paper, {
+                                    variant: "outlined",
+                                    sx: {
+                                        p: 1.5
+                                    },
+                                    "aria-label": `First email to ${name}`,
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            children: `Subject: ${props.emailPreview.answer.subject}`
+                                        }),
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            sx: {
+                                                whiteSpace: 'pre-wrap',
+                                                wordBreak: 'break-word',
+                                                mt: 1
+                                            },
+                                            children: props.emailPreview.answer.text
+                                        })
+                                    ]
+                                }) : null
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+function DoneSummary(props) {
+    const refused = props.results.filter((result)=>result.outcome === 'blocked');
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1.5,
+        children: [
+            /*#__PURE__*/ _jsx(Alert, {
+                severity: props.enrolled ? 'success' : 'info',
+                children: props.enrolled ? `Enrolled ${props.enrolled} ${props.enrolled === 1 ? 'person' : 'people'}. Their first step goes out in the mailbox's sending hours.` : 'Nobody was enrolled.'
+            }),
+            refused.length ? /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "subtitle2",
+                        children: "Not enrolled, checked again just now:"
+                    }),
+                    refused.map((result)=>{
+                        var _result_email;
+                        return /*#__PURE__*/ _jsxs(Stack, {
+                            spacing: 0.25,
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    children: (_result_email = result.email) != null ? _result_email : result.contactId
+                                }),
+                                result.blocks.map((block)=>/*#__PURE__*/ _jsx(Typography, {
+                                        variant: "body2",
+                                        color: "text.secondary",
+                                        children: block.reason
+                                    }, block.code))
+                            ]
+                        }, result.contactId);
+                    })
+                ]
+            }) : null
+        ]
+    });
+}
+export default OutreachEnrollDialog;
+
+//# sourceMappingURL=enroll-dialog.js.map