@aglyn/plugins-outreach 1.0.0-beta.143

package/src/lib/components/sequence-editor.js

@@ -0,0 +1,485 @@
+/**
+ * @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 { mdiPlus } from "@aglyn/shared-data-mdi";
+import { CardDisplay, MdiIcon } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { Alert, Autocomplete, Box, Button, Chip, FormControlLabel, Grid, Menu, MenuItem, Stack, Switch, TextField, Typography } from "@mui/material";
+import { useEffect, useMemo, useState } from "react";
+import { isInThreadEmailStep, OUTREACH_SEQUENCE_NAME_MAX, validateOutreachSequence } from "../engine/sequence-validation.js";
+import { outreachCountryLabel } from "../model/compliance-settings.js";
+import { OUTREACH_MAX_EMAIL_STEPS, OUTREACH_MAX_STEPS, OUTREACH_TASK_KIND_LABELS, OUTREACH_TASK_KINDS } from "../model/outreach.types.js";
+import { emptyOutreachSequenceDraft, newOutreachEmailStep, newOutreachTaskStep, outreachSequenceDraftOf } from "../model/sequence-draft.js";
+import { OutreachSendWindowFields } from "./send-window-fields.js";
+import { OutreachSequenceMailboxPicker } from "./sequence-mailbox-picker.js";
+import { OutreachSequencePreview } from "./sequence-preview.js";
+import { OutreachStepCard } from "./sequence-step-card.js";
+import { OutreachRouteError, useOutreachApi } from "./use-outreach-api.js";
+import { useOutreachEmailTemplates } from "./use-outreach-crm.js";
+/** The step a dotted issue path is about, and the field within it. */ function stepIssueKey(path) {
+    var _match_;
+    const match = /^steps\.(\d+)(?:\.(.+))?$/.exec(path);
+    if (!match) return null;
+    const field = (_match_ = match[2]) != null ? _match_ : 'step';
+    return {
+        index: Number(match[1]),
+        field: field === 'id' ? 'step' : field
+    };
+}
+/**
+ * The sequence editor (AGL-2980): the name, the site and mailbox, the steps,
+ * who it sends to and when, beside a live preview of each email.
+ *
+ * Every issue the engine's validator finds is shown beside its field — the
+ * same validator the save route refuses with — errors once a save was
+ * attempted, warnings as soon as they appear. What only the server can
+ * judge (whose mailbox, which countries the organization allows, what may
+ * no longer change once people are enrolled) comes back from the save and
+ * is shown in the same places.
+ */ export function OutreachSequenceEditor(props) {
+    var _ref, _ref1, _props_mailboxes_mailboxes_find, _ref2, _issueAt;
+    var _settings_settings, _settings_settings1, _issues_find, _hosts_find;
+    const { orgId, orgMount, sequence, settings } = props;
+    const api = useOutreachApi(orgId);
+    const { enqueueSnackbar } = useSnackbar();
+    const { data: user } = useUser();
+    const uid = (_ref = user == null ? void 0 : user.uid) != null ? _ref : null;
+    const mountedHosts = orgMount == null ? void 0 : orgMount.hosts;
+    const hosts = useMemo(()=>mountedHosts != null ? mountedHosts : [], [
+        mountedHosts
+    ]);
+    const orgCountries = (_ref1 = (_settings_settings = settings.settings) == null ? void 0 : _settings_settings.allowedCountries) != null ? _ref1 : [
+        'US'
+    ];
+    const [draft, setDraft] = useState(()=>sequence ? outreachSequenceDraftOf(sequence) : emptyOutreachSequenceDraft({
+            hostId: hosts.length === 1 ? hosts[0].id : '',
+            allowedCountries: orgCountries
+        }));
+    const [attempted, setAttempted] = useState(false);
+    const [serverIssues, setServerIssues] = useState([]);
+    const [saving, setSaving] = useState(false);
+    const [taskAnchor, setTaskAnchor] = useState(null);
+    // A stored sequence the listener updated (a save, a status change) is the
+    // new starting point.
+    useEffect(()=>{
+        if (sequence) setDraft(outreachSequenceDraftOf(sequence));
+    }, [
+        sequence
+    ]);
+    // A new sequence starts on the organization's countries once they are read.
+    const settingsCountries = (_settings_settings1 = settings.settings) == null ? void 0 : _settings_settings1.allowedCountries.join(',');
+    useEffect(()=>{
+        if (!sequence && settingsCountries) {
+            setDraft((previous)=>_extends({}, previous, {
+                    settings: _extends({}, previous.settings, {
+                        allowedCountries: settingsCountries.split(',')
+                    })
+                }));
+        }
+    }, [
+        sequence,
+        settingsCountries
+    ]);
+    useEffect(()=>{
+        if (!sequence && !draft.hostId && hosts.length === 1) setDraft((previous)=>_extends({}, previous, {
+                hostId: hosts[0].id
+            }));
+    }, [
+        sequence,
+        draft.hostId,
+        hosts
+    ]);
+    // A new sequence starts on the member's own mailbox when they have exactly
+    // one that is sending.
+    const ownSending = props.mailboxes.mailboxes.filter((entry)=>entry.connectedByUid === uid && entry.status === 'connected');
+    const onlyOwnMailbox = ownSending.length === 1 ? ownSending[0].id : '';
+    useEffect(()=>{
+        if (!sequence && !draft.mailboxId && onlyOwnMailbox) setDraft((previous)=>_extends({}, previous, {
+                mailboxId: onlyOwnMailbox
+            }));
+    }, [
+        sequence,
+        draft.mailboxId,
+        onlyOwnMailbox
+    ]);
+    const templates = useOutreachEmailTemplates(orgId, draft.hostId || null, uid);
+    const mailbox = (_props_mailboxes_mailboxes_find = props.mailboxes.mailboxes.find((entry)=>entry.id === draft.mailboxId)) != null ? _props_mailboxes_mailboxes_find : null;
+    const archived = (sequence == null ? void 0 : sequence.status) === 'archived';
+    const issues = useMemo(()=>{
+        const judged = [
+            ...validateOutreachSequence(draft),
+            ...serverIssues
+        ];
+        return judged.filter((issue)=>issue.severity === 'warning' || attempted || serverIssues.includes(issue));
+    }, [
+        draft,
+        serverIssues,
+        attempted
+    ]);
+    const issueAt = (path)=>{
+        var _issues_find;
+        return (_issues_find = issues.find((issue)=>issue.path === path)) == null ? void 0 : _issues_find.message;
+    };
+    const stepIssues = (index)=>{
+        const found = {};
+        for (const issue of issues){
+            const key = stepIssueKey(issue.path);
+            if ((key == null ? void 0 : key.index) === index && !found[key.field]) found[key.field] = issue.message;
+        }
+        return found;
+    };
+    const listIssue = issueAt('steps');
+    const countriesIssue = (_issues_find = issues.find((issue)=>issue.path.startsWith('settings.allowedCountries'))) == null ? void 0 : _issues_find.message;
+    const update = (next)=>{
+        setServerIssues([]);
+        setDraft((previous)=>_extends({}, previous, next));
+    };
+    const setStep = (index, step)=>update({
+            steps: draft.steps.map((entry, position)=>position === index ? step : entry)
+        });
+    const moveStep = (index, direction)=>{
+        const steps = [
+            ...draft.steps
+        ];
+        const [moved] = steps.splice(index, 1);
+        steps.splice(index + direction, 0, moved);
+        update({
+            steps
+        });
+    };
+    const emailCount = draft.steps.filter((step)=>step.kind === 'email').length;
+    const full = draft.steps.length >= OUTREACH_MAX_STEPS;
+    const threadSubject = (index)=>{
+        for(let position = index - 1; position >= 0; position -= 1){
+            const step = draft.steps[position];
+            if (step.kind === 'email' && !isInThreadEmailStep(draft.steps, position)) return step.subject;
+        }
+        return '';
+    };
+    const save = async ()=>{
+        setAttempted(true);
+        if (validateOutreachSequence(draft).some((issue)=>issue.severity === 'error')) return;
+        setSaving(true);
+        try {
+            var _ref;
+            const answer = await api.saveSequence((_ref = sequence == null ? void 0 : sequence.id) != null ? _ref : null, draft);
+            setServerIssues([]);
+            setAttempted(false);
+            enqueueSnackbar(answer.created ? 'Sequence created.' : 'Sequence saved.', {
+                variant: 'success'
+            });
+            props.onSaved(answer.sequence);
+        } catch (error) {
+            if (error instanceof OutreachRouteError && error.issues.length) {
+                setServerIssues(error.issues.filter((issue)=>'path' in issue));
+            }
+            enqueueSnackbar(error.message, {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        } finally{
+            setSaving(false);
+        }
+    };
+    const siteName = (_ref2 = (_hosts_find = hosts.find((host)=>host.id === draft.hostId)) == null ? void 0 : _hosts_find.name) != null ? _ref2 : '';
+    const countryOptions = [
+        ...new Set([
+            ...orgCountries,
+            ...draft.settings.allowedCountries
+        ])
+    ];
+    return /*#__PURE__*/ _jsxs(Grid, {
+        container: true,
+        spacing: 2,
+        children: [
+            /*#__PURE__*/ _jsx(Grid, {
+                size: {
+                    xs: 12,
+                    md: 7
+                },
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    children: [
+                        archived ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "info",
+                            children: "This sequence is archived, so it can’t be edited."
+                        }) : null,
+                        /*#__PURE__*/ _jsx(CardDisplay, {
+                            header: "Sequence",
+                            help: pluginDocsHelp('sequences', {
+                                anchor: '#build-a-sequence'
+                            }),
+                            contentGutterX: true,
+                            contentGutterY: true,
+                            children: /*#__PURE__*/ _jsxs(Stack, {
+                                spacing: 2,
+                                children: [
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Name",
+                                        value: draft.name,
+                                        onChange: (event)=>update({
+                                                name: event.target.value
+                                            }),
+                                        disabled: archived,
+                                        error: Boolean(issueAt('name')),
+                                        helperText: issueAt('name'),
+                                        slotProps: {
+                                            htmlInput: {
+                                                maxLength: OUTREACH_SEQUENCE_NAME_MAX + 20
+                                            }
+                                        },
+                                        fullWidth: true
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        select: true,
+                                        label: "Site",
+                                        value: hosts.some((host)=>host.id === draft.hostId) ? draft.hostId : '',
+                                        onChange: (event)=>update({
+                                                hostId: event.target.value
+                                            }),
+                                        disabled: archived || !hosts.length,
+                                        error: Boolean(issueAt('hostId')),
+                                        helperText: (_issueAt = issueAt('hostId')) != null ? _issueAt : 'The site whose contacts this sequence emails.',
+                                        fullWidth: true,
+                                        children: hosts.map((host)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                                value: host.id,
+                                                children: host.name
+                                            }, host.id))
+                                    }),
+                                    /*#__PURE__*/ _jsx(OutreachSequenceMailboxPicker, {
+                                        orgId: orgId,
+                                        uid: uid,
+                                        mailboxes: props.mailboxes,
+                                        mailboxesPath: props.mailboxesPath,
+                                        value: draft.mailboxId,
+                                        onChange: (mailboxId)=>update({
+                                                mailboxId
+                                            }),
+                                        error: issueAt('mailboxId'),
+                                        disabled: archived
+                                    })
+                                ]
+                            })
+                        }),
+                        listIssue ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "error",
+                            children: listIssue
+                        }) : null,
+                        draft.steps.map((step, index)=>/*#__PURE__*/ _jsx(OutreachStepCard, {
+                                step: step,
+                                index: index,
+                                count: draft.steps.length,
+                                firstEmail: draft.steps.findIndex((entry)=>entry.kind === 'email') === index,
+                                inThread: isInThreadEmailStep(draft.steps, index),
+                                threadSubject: threadSubject(index),
+                                templates: templates.data,
+                                issues: stepIssues(index),
+                                disabled: archived,
+                                onChange: (next)=>setStep(index, next),
+                                onMove: (direction)=>moveStep(index, direction),
+                                onRemove: ()=>update({
+                                        steps: draft.steps.filter((_entry, position)=>position !== index)
+                                    })
+                            }, step.id || `step-${index}`)),
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                flexWrap: 'wrap',
+                                rowGap: 1
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Button, {
+                                    variant: "outlined",
+                                    startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+                                        path: mdiPlus.path,
+                                        fontSize: "small"
+                                    }),
+                                    disabled: archived || full || emailCount >= OUTREACH_MAX_EMAIL_STEPS,
+                                    onClick: ()=>update({
+                                            steps: [
+                                                ...draft.steps,
+                                                newOutreachEmailStep(draft.steps)
+                                            ]
+                                        }),
+                                    children: "Add email"
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    variant: "outlined",
+                                    startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+                                        path: mdiPlus.path,
+                                        fontSize: "small"
+                                    }),
+                                    disabled: archived || full,
+                                    onClick: (event)=>setTaskAnchor(event.currentTarget),
+                                    "aria-haspopup": "menu",
+                                    children: "Add task"
+                                }),
+                                /*#__PURE__*/ _jsx(Menu, {
+                                    anchorEl: taskAnchor,
+                                    open: Boolean(taskAnchor),
+                                    onClose: ()=>setTaskAnchor(null),
+                                    children: OUTREACH_TASK_KINDS.map((kind)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                            onClick: ()=>{
+                                                setTaskAnchor(null);
+                                                update({
+                                                    steps: [
+                                                        ...draft.steps,
+                                                        newOutreachTaskStep(draft.steps, kind)
+                                                    ]
+                                                });
+                                            },
+                                            children: OUTREACH_TASK_KIND_LABELS[kind]
+                                        }, kind))
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            children: `Up to ${OUTREACH_MAX_STEPS} steps, ${OUTREACH_MAX_EMAIL_STEPS} of them emails.`
+                        }),
+                        /*#__PURE__*/ _jsx(CardDisplay, {
+                            header: "Who it sends to, and when",
+                            help: pluginDocsHelp('sequences', {
+                                anchor: '#build-a-sequence',
+                                excerpt: 'A sequence sends only to the countries both it and your organization allow, and in its mailbox’s sending hours unless it has its own.'
+                            }),
+                            contentGutterX: true,
+                            contentGutterY: true,
+                            children: /*#__PURE__*/ _jsxs(Stack, {
+                                spacing: 2,
+                                children: [
+                                    /*#__PURE__*/ _jsx(Autocomplete, {
+                                        multiple: true,
+                                        options: countryOptions,
+                                        value: draft.settings.allowedCountries,
+                                        getOptionLabel: outreachCountryLabel,
+                                        onChange: (_event, next)=>update({
+                                                settings: _extends({}, draft.settings, {
+                                                    allowedCountries: next
+                                                })
+                                            }),
+                                        disabled: archived,
+                                        renderValue: (value, getItemProps)=>value.map((code, index)=>{
+                                                const _getItemProps = getItemProps({
+                                                    index
+                                                }), { key } = _getItemProps, item = _object_without_properties_loose(_getItemProps, [
+                                                    "key"
+                                                ]);
+                                                return /*#__PURE__*/ _jsx(Chip, _extends({
+                                                    size: "small",
+                                                    label: outreachCountryLabel(code)
+                                                }, item), key);
+                                            }),
+                                        renderInput: (params)=>/*#__PURE__*/ _jsx(TextField, _extends({}, params, {
+                                                label: "Countries",
+                                                error: Boolean(countriesIssue),
+                                                helperText: countriesIssue != null ? countriesIssue : 'Among the countries your organization allows. Cold contacts are emailed only in the United States.'
+                                            }))
+                                    }),
+                                    /*#__PURE__*/ _jsx(FormControlLabel, {
+                                        control: /*#__PURE__*/ _jsx(Switch, {
+                                            checked: draft.settings.allowCustomers,
+                                            onChange: (event)=>update({
+                                                    settings: _extends({}, draft.settings, {
+                                                        allowCustomers: event.target.checked
+                                                    })
+                                                }),
+                                            disabled: archived
+                                        }),
+                                        label: "Include customers"
+                                    }),
+                                    /*#__PURE__*/ _jsx(OutreachSendWindowFields, {
+                                        window: draft.settings.window,
+                                        onChange: (window)=>update({
+                                                settings: _extends({}, draft.settings, {
+                                                    window
+                                                })
+                                            }),
+                                        daysIssue: issueAt('settings.window.days'),
+                                        hoursIssue: issueAt('settings.window'),
+                                        disabled: archived
+                                    })
+                                ]
+                            })
+                        }),
+                        archived ? null : /*#__PURE__*/ _jsxs(Stack, {
+                            direction: {
+                                xs: 'column',
+                                sm: 'row'
+                            },
+                            spacing: 1,
+                            sx: {
+                                justifyContent: 'flex-end'
+                            },
+                            children: [
+                                props.onCancel ? /*#__PURE__*/ _jsx(Button, {
+                                    variant: "text",
+                                    onClick: props.onCancel,
+                                    disabled: saving,
+                                    children: "Cancel"
+                                }) : null,
+                                /*#__PURE__*/ _jsx(Button, {
+                                    variant: "contained",
+                                    onClick: ()=>void save(),
+                                    disabled: saving,
+                                    children: saving ? 'Saving…' : sequence ? 'Save' : 'Create sequence'
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(Grid, {
+                size: {
+                    xs: 12,
+                    md: 5
+                },
+                children: /*#__PURE__*/ _jsx(Box, {
+                    sx: {
+                        position: {
+                            md: 'sticky'
+                        },
+                        top: {
+                            md: 16
+                        }
+                    },
+                    children: /*#__PURE__*/ _jsx(OutreachSequencePreview, {
+                        steps: draft.steps,
+                        orgSettings: settings.settings,
+                        orgSettingsStatus: settings.status,
+                        templates: templates.data,
+                        sender: mailbox ? {
+                            name: mailbox.displayName,
+                            email: mailbox.sendAs || mailbox.email
+                        } : null,
+                        siteName: siteName
+                    })
+                })
+            })
+        ]
+    });
+}
+OutreachSequenceEditor.displayName = 'OutreachSequenceEditor';
+export default OutreachSequenceEditor;
+
+//# sourceMappingURL=sequence-editor.js.map

package/src/lib/components/sequence-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/sequence-editor.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, type ConsolePluginOrgMount } from '@aglyn/aglyn'\nimport { mdiPlus } from '@aglyn/shared-data-mdi'\nimport { CardDisplay, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Alert,\n  Autocomplete,\n  Box,\n  Button,\n  Chip,\n  FormControlLabel,\n  Grid,\n  Menu,\n  MenuItem,\n  Stack,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useEffect, useMemo, useState } from 'react'\nimport {\n  isInThreadEmailStep,\n  OUTREACH_SEQUENCE_NAME_MAX,\n  validateOutreachSequence,\n} from '../engine/sequence-validation'\nimport { outreachCountryLabel } from '../model/compliance-settings'\nimport {\n  OUTREACH_MAX_EMAIL_STEPS,\n  OUTREACH_MAX_STEPS,\n  OUTREACH_TASK_KIND_LABELS,\n  OUTREACH_TASK_KINDS,\n  type OutreachSequence,\n  type OutreachSequenceStep,\n  type OutreachTaskKind,\n} from '../model/outreach.types'\nimport {\n  emptyOutreachSequenceDraft,\n  newOutreachEmailStep,\n  newOutreachTaskStep,\n  outreachSequenceDraftOf,\n  type OutreachSequenceDraft,\n  type OutreachSequenceIssue,\n} from '../model/sequence-draft'\nimport { OutreachSendWindowFields } from './send-window-fields'\nimport { OutreachSequenceMailboxPicker } from './sequence-mailbox-picker'\nimport { OutreachSequencePreview } from './sequence-preview'\nimport { OutreachStepCard } from './sequence-step-card'\nimport { OutreachRouteError, useOutreachApi } from './use-outreach-api'\nimport { useOutreachEmailTemplates } from './use-outreach-crm'\nimport type { OutreachMailboxesResult } from './use-outreach-mailboxes'\nimport type { OutreachSettingsLoad } from './use-outreach-settings'\n\nexport interface OutreachSequenceEditorProps {\n  orgId: string\n  orgMount?: ConsolePluginOrgMount\n  /** The stored sequence, or `null` for a new one. */\n  sequence: OutreachSequence | null\n  /** The organization's compliance settings: its countries, and the preview's footer. */\n  settings: OutreachSettingsLoad\n  /**\n   * The organization's mailboxes, from the Mailboxes section's listener:\n   * what the picker offers, and who the preview's emails are from.\n   */\n  mailboxes: OutreachMailboxesResult\n  /** The Mailboxes section, where the picker sends a member to connect one. */\n  mailboxesPath: string\n  onSaved(sequence: OutreachSequence): void\n  onCancel?(): void\n}\n\n/** The step a dotted issue path is about, and the field within it. */\nfunction stepIssueKey(path: string): { index: number; field: string } | null {\n  const match = /^steps\\.(\\d+)(?:\\.(.+))?$/.exec(path)\n  if (!match) return null\n  const field = match[2] ?? 'step'\n  return { index: Number(match[1]), field: field === 'id' ? 'step' : field }\n}\n\n/**\n * The sequence editor (AGL-2980): the name, the site and mailbox, the steps,\n * who it sends to and when, beside a live preview of each email.\n *\n * Every issue the engine's validator finds is shown beside its field — the\n * same validator the save route refuses with — errors once a save was\n * attempted, warnings as soon as they appear. What only the server can\n * judge (whose mailbox, which countries the organization allows, what may\n * no longer change once people are enrolled) comes back from the save and\n * is shown in the same places.\n */\nexport function OutreachSequenceEditor(props: OutreachSequenceEditorProps) {\n  const { orgId, orgMount, sequence, settings } = props\n  const api = useOutreachApi(orgId)\n  const { enqueueSnackbar } = useSnackbar()\n  const { data: user } = useUser()\n  const uid = user?.uid ?? null\n  const mountedHosts = orgMount?.hosts\n  const hosts = useMemo(() => mountedHosts ?? [], [mountedHosts])\n  const orgCountries = settings.settings?.allowedCountries ?? ['US']\n\n  const [draft, setDraft] = useState<OutreachSequenceDraft>(() =>\n    sequence\n      ? outreachSequenceDraftOf(sequence)\n      : emptyOutreachSequenceDraft({\n          hostId: hosts.length === 1 ? hosts[0].id : '',\n          allowedCountries: orgCountries,\n        }),\n  )\n  const [attempted, setAttempted] = useState(false)\n  const [serverIssues, setServerIssues] = useState<OutreachSequenceIssue[]>([])\n  const [saving, setSaving] = useState(false)\n  const [taskAnchor, setTaskAnchor] = useState<HTMLElement | null>(null)\n\n  // A stored sequence the listener updated (a save, a status change) is the\n  // new starting point.\n  useEffect(() => {\n    if (sequence) setDraft(outreachSequenceDraftOf(sequence))\n  }, [sequence])\n  // A new sequence starts on the organization's countries once they are read.\n  const settingsCountries = settings.settings?.allowedCountries.join(',')\n  useEffect(() => {\n    if (!sequence && settingsCountries) {\n      setDraft((previous) => ({\n        ...previous,\n        settings: {\n          ...previous.settings,\n          allowedCountries: settingsCountries.split(','),\n        },\n      }))\n    }\n  }, [sequence, settingsCountries])\n  useEffect(() => {\n    if (!sequence && !draft.hostId && hosts.length === 1)\n      setDraft((previous) => ({ ...previous, hostId: hosts[0].id }))\n  }, [sequence, draft.hostId, hosts])\n\n  // A new sequence starts on the member's own mailbox when they have exactly\n  // one that is sending.\n  const ownSending = props.mailboxes.mailboxes.filter(\n    (entry) => entry.connectedByUid === uid && entry.status === 'connected',\n  )\n  const onlyOwnMailbox = ownSending.length === 1 ? ownSending[0].id : ''\n  useEffect(() => {\n    if (!sequence && !draft.mailboxId && onlyOwnMailbox)\n      setDraft((previous) => ({ ...previous, mailboxId: onlyOwnMailbox }))\n  }, [sequence, draft.mailboxId, onlyOwnMailbox])\n\n  const templates = useOutreachEmailTemplates(orgId, draft.hostId || null, uid)\n  const mailbox =\n    props.mailboxes.mailboxes.find((entry) => entry.id === draft.mailboxId) ??\n    null\n  const archived = sequence?.status === 'archived'\n\n  const issues = useMemo(() => {\n    const judged = [\n      ...validateOutreachSequence(draft),\n      ...serverIssues,\n    ] as OutreachSequenceIssue[]\n    return judged.filter(\n      (issue) =>\n        issue.severity === 'warning' ||\n        attempted ||\n        serverIssues.includes(issue),\n    )\n  }, [draft, serverIssues, attempted])\n  const issueAt = (path: string) =>\n    issues.find((issue) => issue.path === path)?.message\n  const stepIssues = (index: number) => {\n    const found: Record<string, string> = {}\n    for (const issue of issues) {\n      const key = stepIssueKey(issue.path)\n      if (key?.index === index && !found[key.field])\n        found[key.field] = issue.message\n    }\n    return found\n  }\n  const listIssue = issueAt('steps')\n  const countriesIssue = issues.find((issue) =>\n    issue.path.startsWith('settings.allowedCountries'),\n  )?.message\n\n  const update = (next: Partial<OutreachSequenceDraft>) => {\n    setServerIssues([])\n    setDraft((previous) => ({ ...previous, ...next }))\n  }\n  const setStep = (index: number, step: OutreachSequenceStep) =>\n    update({\n      steps: draft.steps.map((entry, position) =>\n        position === index ? step : entry,\n      ),\n    })\n  const moveStep = (index: number, direction: -1 | 1) => {\n    const steps = [...draft.steps]\n    const [moved] = steps.splice(index, 1)\n    steps.splice(index + direction, 0, moved)\n    update({ steps })\n  }\n  const emailCount = draft.steps.filter((step) => step.kind === 'email').length\n  const full = draft.steps.length >= OUTREACH_MAX_STEPS\n  const threadSubject = (index: number) => {\n    for (let position = index - 1; position >= 0; position -= 1) {\n      const step = draft.steps[position]\n      if (step.kind === 'email' && !isInThreadEmailStep(draft.steps, position))\n        return step.subject\n    }\n    return ''\n  }\n\n  const save = async () => {\n    setAttempted(true)\n    if (\n      validateOutreachSequence(draft).some(\n        (issue) => issue.severity === 'error',\n      )\n    )\n      return\n    setSaving(true)\n    try {\n      const answer = await api.saveSequence(sequence?.id ?? null, draft)\n      setServerIssues([])\n      setAttempted(false)\n      enqueueSnackbar(\n        answer.created ? 'Sequence created.' : 'Sequence saved.',\n        { variant: 'success' },\n      )\n      props.onSaved(answer.sequence)\n    } catch (error) {\n      if (error instanceof OutreachRouteError && error.issues.length) {\n        setServerIssues(\n          error.issues.filter(\n            (issue): issue is OutreachSequenceIssue => 'path' in issue,\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  const siteName = hosts.find((host) => host.id === draft.hostId)?.name ?? ''\n  const countryOptions = [\n    ...new Set([...orgCountries, ...draft.settings.allowedCountries]),\n  ]\n\n  return (\n    <Grid container spacing={2}>\n      <Grid size={{ xs: 12, md: 7 }}>\n        <Stack spacing={2}>\n          {archived ? (\n            <Alert severity=\"info\">\n              This sequence is archived, so it can’t be edited.\n            </Alert>\n          ) : null}\n          <CardDisplay\n            header=\"Sequence\"\n            help={pluginDocsHelp('sequences', { anchor: '#build-a-sequence' })}\n            contentGutterX\n            contentGutterY\n          >\n            <Stack spacing={2}>\n              <TextField\n                label=\"Name\"\n                value={draft.name}\n                onChange={(event) => update({ name: event.target.value })}\n                disabled={archived}\n                error={Boolean(issueAt('name'))}\n                helperText={issueAt('name')}\n                slotProps={{\n                  htmlInput: { maxLength: OUTREACH_SEQUENCE_NAME_MAX + 20 },\n                }}\n                fullWidth\n              />\n              <TextField\n                select\n                label=\"Site\"\n                value={\n                  hosts.some((host) => host.id === draft.hostId)\n                    ? draft.hostId\n                    : ''\n                }\n                onChange={(event) => update({ hostId: event.target.value })}\n                disabled={archived || !hosts.length}\n                error={Boolean(issueAt('hostId'))}\n                helperText={\n                  issueAt('hostId') ??\n                  'The site whose contacts this sequence emails.'\n                }\n                fullWidth\n              >\n                {hosts.map((host) => (\n                  <MenuItem key={host.id} value={host.id}>\n                    {host.name}\n                  </MenuItem>\n                ))}\n              </TextField>\n              <OutreachSequenceMailboxPicker\n                orgId={orgId}\n                uid={uid}\n                mailboxes={props.mailboxes}\n                mailboxesPath={props.mailboxesPath}\n                value={draft.mailboxId}\n                onChange={(mailboxId) => update({ mailboxId })}\n                error={issueAt('mailboxId')}\n                disabled={archived}\n              />\n            </Stack>\n          </CardDisplay>\n\n          {listIssue ? <Alert severity=\"error\">{listIssue}</Alert> : null}\n          {draft.steps.map((step, index) => (\n            <OutreachStepCard\n              key={step.id || `step-${index}`}\n              step={step}\n              index={index}\n              count={draft.steps.length}\n              firstEmail={\n                draft.steps.findIndex((entry) => entry.kind === 'email') ===\n                index\n              }\n              inThread={isInThreadEmailStep(draft.steps, index)}\n              threadSubject={threadSubject(index)}\n              templates={templates.data}\n              issues={stepIssues(index)}\n              disabled={archived}\n              onChange={(next) => setStep(index, next)}\n              onMove={(direction) => moveStep(index, direction)}\n              onRemove={() =>\n                update({\n                  steps: draft.steps.filter(\n                    (_entry, position) => position !== index,\n                  ),\n                })\n              }\n            />\n          ))}\n          <Stack\n            direction=\"row\"\n            spacing={1}\n            sx={{ flexWrap: 'wrap', rowGap: 1 }}\n          >\n            <Button\n              variant=\"outlined\"\n              startIcon={<MdiIcon path={mdiPlus.path} fontSize=\"small\" />}\n              disabled={\n                archived || full || emailCount >= OUTREACH_MAX_EMAIL_STEPS\n              }\n              onClick={() =>\n                update({\n                  steps: [...draft.steps, newOutreachEmailStep(draft.steps)],\n                })\n              }\n            >\n              Add email\n            </Button>\n            <Button\n              variant=\"outlined\"\n              startIcon={<MdiIcon path={mdiPlus.path} fontSize=\"small\" />}\n              disabled={archived || full}\n              onClick={(event) => setTaskAnchor(event.currentTarget)}\n              aria-haspopup=\"menu\"\n            >\n              Add task\n            </Button>\n            <Menu\n              anchorEl={taskAnchor}\n              open={Boolean(taskAnchor)}\n              onClose={() => setTaskAnchor(null)}\n            >\n              {OUTREACH_TASK_KINDS.map((kind: OutreachTaskKind) => (\n                <MenuItem\n                  key={kind}\n                  onClick={() => {\n                    setTaskAnchor(null)\n                    update({\n                      steps: [\n                        ...draft.steps,\n                        newOutreachTaskStep(draft.steps, kind),\n                      ],\n                    })\n                  }}\n                >\n                  {OUTREACH_TASK_KIND_LABELS[kind]}\n                </MenuItem>\n              ))}\n            </Menu>\n          </Stack>\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {`Up to ${OUTREACH_MAX_STEPS} steps, ${OUTREACH_MAX_EMAIL_STEPS} of them emails.`}\n          </Typography>\n\n          <CardDisplay\n            header=\"Who it sends to, and when\"\n            help={pluginDocsHelp('sequences', {\n              anchor: '#build-a-sequence',\n              excerpt:\n                'A sequence sends only to the countries both it and your organization allow, and in its mailbox’s sending hours unless it has its own.',\n            })}\n            contentGutterX\n            contentGutterY\n          >\n            <Stack spacing={2}>\n              <Autocomplete<string, true>\n                multiple\n                options={countryOptions}\n                value={draft.settings.allowedCountries}\n                getOptionLabel={outreachCountryLabel}\n                onChange={(_event, next) =>\n                  update({\n                    settings: { ...draft.settings, allowedCountries: next },\n                  })\n                }\n                disabled={archived}\n                renderValue={(value, getItemProps) =>\n                  value.map((code, index) => {\n                    const { key, ...item } = getItemProps({ index })\n                    return (\n                      <Chip\n                        key={key}\n                        size=\"small\"\n                        label={outreachCountryLabel(code)}\n                        {...item}\n                      />\n                    )\n                  })\n                }\n                renderInput={(params) => (\n                  <TextField\n                    {...params}\n                    label=\"Countries\"\n                    error={Boolean(countriesIssue)}\n                    helperText={\n                      countriesIssue ??\n                      'Among the countries your organization allows. Cold contacts are emailed only in the United States.'\n                    }\n                  />\n                )}\n              />\n              <FormControlLabel\n                control={\n                  <Switch\n                    checked={draft.settings.allowCustomers}\n                    onChange={(event) =>\n                      update({\n                        settings: {\n                          ...draft.settings,\n                          allowCustomers: event.target.checked,\n                        },\n                      })\n                    }\n                    disabled={archived}\n                  />\n                }\n                label=\"Include customers\"\n              />\n              <OutreachSendWindowFields\n                window={draft.settings.window}\n                onChange={(window) =>\n                  update({ settings: { ...draft.settings, window } })\n                }\n                daysIssue={issueAt('settings.window.days')}\n                hoursIssue={issueAt('settings.window')}\n                disabled={archived}\n              />\n            </Stack>\n          </CardDisplay>\n\n          {archived ? null : (\n            <Stack\n              direction={{ xs: 'column', sm: 'row' }}\n              spacing={1}\n              sx={{ justifyContent: 'flex-end' }}\n            >\n              {props.onCancel ? (\n                <Button\n                  variant=\"text\"\n                  onClick={props.onCancel}\n                  disabled={saving}\n                >\n                  Cancel\n                </Button>\n              ) : null}\n              <Button\n                variant=\"contained\"\n                onClick={() => void save()}\n                disabled={saving}\n              >\n                {saving ? 'Saving…' : sequence ? 'Save' : 'Create sequence'}\n              </Button>\n            </Stack>\n          )}\n        </Stack>\n      </Grid>\n      <Grid size={{ xs: 12, md: 5 }}>\n        <Box sx={{ position: { md: 'sticky' }, top: { md: 16 } }}>\n          <OutreachSequencePreview\n            steps={draft.steps}\n            orgSettings={settings.settings}\n            orgSettingsStatus={settings.status}\n            templates={templates.data}\n            sender={\n              mailbox\n                ? {\n                    name: mailbox.displayName,\n                    email: mailbox.sendAs || mailbox.email,\n                  }\n                : null\n            }\n            siteName={siteName}\n          />\n        </Box>\n      </Grid>\n    </Grid>\n  )\n}\nOutreachSequenceEditor.displayName = 'OutreachSequenceEditor'\n\nexport default OutreachSequenceEditor\n"],"names":["pluginDocsHelp","mdiPlus","CardDisplay","MdiIcon","useSnackbar","useUser","Alert","Autocomplete","Box","Button","Chip","FormControlLabel","Grid","Menu","MenuItem","Stack","Switch","TextField","Typography","useEffect","useMemo","useState","isInThreadEmailStep","OUTREACH_SEQUENCE_NAME_MAX","validateOutreachSequence","outreachCountryLabel","OUTREACH_MAX_EMAIL_STEPS","OUTREACH_MAX_STEPS","OUTREACH_TASK_KIND_LABELS","OUTREACH_TASK_KINDS","emptyOutreachSequenceDraft","newOutreachEmailStep","newOutreachTaskStep","outreachSequenceDraftOf","OutreachSendWindowFields","OutreachSequenceMailboxPicker","OutreachSequencePreview","OutreachStepCard","OutreachRouteError","useOutreachApi","useOutreachEmailTemplates","stepIssueKey","path","match","exec","field","index","Number","OutreachSequenceEditor","props","issueAt","settings","issues","hosts","orgId","orgMount","sequence","api","enqueueSnackbar","data","user","uid","mountedHosts","orgCountries","allowedCountries","draft","setDraft","hostId","length","id","attempted","setAttempted","serverIssues","setServerIssues","saving","setSaving","taskAnchor","setTaskAnchor","settingsCountries","join","previous","split","ownSending","mailboxes","filter","entry","connectedByUid","status","onlyOwnMailbox","mailboxId","templates","mailbox","find","archived","judged","issue","severity","includes","message","stepIssues","found","key","listIssue","countriesIssue","startsWith","update","next","setStep","step","steps","map","position","moveStep","direction","moved","splice","emailCount","kind","full","threadSubject","subject","save","some","answer","saveSequence","created","variant","onSaved","error","allowDuplicate","siteName","host","name","countryOptions","Set","container","spacing","size","xs","md","header","help","anchor","contentGutterX","contentGutterY","label","value","onChange","event","target","disabled","Boolean","helperText","slotProps","htmlInput","maxLength","fullWidth","select","mailboxesPath","count","firstEmail","findIndex","inThread","onMove","onRemove","_entry","sx","flexWrap","rowGap","startIcon","fontSize","onClick","currentTarget","aria-haspopup","anchorEl","open","onClose","color","excerpt","multiple","options","getOptionLabel","_event","renderValue","getItemProps","code","item","renderInput","params","control","checked","allowCustomers","window","daysIssue","hoursIssue","sm","justifyContent","onCancel","top","orgSettings","orgSettingsStatus","sender","displayName","email","sendAs"],"mappings":"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"}

package/src/lib/components/sequence-mailbox-picker.d.ts

@@ -0,0 +1,44 @@
+import type { OutreachMailbox } from '../model/outreach.types';
+import type { OutreachMailboxesResult } from './use-outreach-mailboxes';
+export interface OutreachSequenceMailboxPickerProps {
+    orgId: string;
+    /** The member choosing, whose own mailboxes are offered. */
+    uid: string | null;
+    /** The organization's mailboxes, from the Mailboxes section's own listener. */
+    mailboxes: OutreachMailboxesResult;
+    /** The Mailboxes section, where a mailbox is connected, resumed or reconnected. */
+    mailboxesPath: string;
+    value: string;
+    onChange(mailboxId: string): void;
+    error?: string;
+    disabled?: boolean;
+}
+/** A mailbox as its line in the menu reads: who mail is from, and any status that stops it sending. */
+export declare function outreachMailboxOptionLabel(mailbox: OutreachMailbox): string;
+/**
+ * The mailboxes a member may choose for a sequence: their own, or every
+ * one for an organization owner or admin — the two the save route lets
+ * send from a mailbox — never a disconnected one. The mailbox a sequence
+ * already names stays in the list whoever connected it, so the field never
+ * reads as empty.
+ */
+export declare function outreachOfferedMailboxes(mailboxes: readonly OutreachMailbox[], input: {
+    uid: string | null;
+    canManageAll: boolean;
+    value: string;
+}): OutreachMailbox[];
+/**
+ * The mailbox a sequence sends from (AGL-2980), chosen from the Mailboxes
+ * section's own listener and route (AGL-2978).
+ *
+ * Whether the member may choose a colleague's mailbox is the mailbox
+ * routes' answer (`availability().canManageAll`); until it arrives, or when
+ * it cannot be had, the member is offered their own, which is always
+ * allowed. A chosen mailbox that is paused or waiting to be reconnected can
+ * hold a draft, and the field says what activating will need.
+ */
+export declare function OutreachSequenceMailboxPicker(props: OutreachSequenceMailboxPickerProps): import("react").JSX.Element;
+export declare namespace OutreachSequenceMailboxPicker {
+    var displayName: string;
+}
+export default OutreachSequenceMailboxPicker;