@aglyn/plugins-outreach 1.0.0-beta.143

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

@@ -0,0 +1,435 @@
+/**
+ * @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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { consentGroupForHost } from "@aglyn/aglyn/app-utils/consent-groups";
+import { mdiAccountMultiplePlusOutline, mdiChevronLeft } from "@aglyn/shared-data-mdi";
+import { MdiIcon } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { Alert, Button, Card, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Stack, Tab, Tabs, Typography } from "@mui/material";
+import EmptyStateComponent from "@aglyn/shared-ui-jsx/components/empty-state.component";
+import { useState } from "react";
+import { validateOutreachOrgSettings } from "../engine/sequence-validation.js";
+import { outreachMailboxActivationIssue, outreachSequenceMailboxState } from "../model/sequence-draft.js";
+import { OutreachEnrollDialog } from "./enroll-dialog.js";
+import { OutreachEnrollmentsTable } from "./enrollments-table.js";
+import { OutreachLink, OutreachLoading, OutreachLoadProblem, OutreachSequenceStatusChip, useOutreachNavigate } from "./outreach-ui.js";
+import { OutreachSequenceEditor } from "./sequence-editor.js";
+import { OutreachRouteError, useOutreachApi } from "./use-outreach-api.js";
+import { useOutreachEnrollments, useOutreachSequence } from "./use-outreach-data.js";
+/**
+ * What stops a sequence being activated, read before anyone clicks: its
+ * mailbox not sending, and a footer the organization cannot write yet —
+ * each in the words the status route refuses with. Only a finished read
+ * says something is missing, so nothing is claimed while one is loading.
+ */ export function outreachActivationBlockers(input) {
+    const blockers = [];
+    if (input.mailboxes.status === 'ready') {
+        var _input_mailboxes_mailboxes_find;
+        const mailbox = (_input_mailboxes_mailboxes_find = input.mailboxes.mailboxes.find((entry)=>entry.id === input.sequence.mailboxId)) != null ? _input_mailboxes_mailboxes_find : null;
+        const issue = outreachMailboxActivationIssue(input.sequence.mailboxId, mailbox);
+        if (issue) {
+            blockers.push(issue.code === 'mailbox_not_sending' ? {
+                message: issue.message,
+                href: input.paths.mailboxes,
+                linkLabel: 'Open Mailboxes'
+            } : {
+                message: issue.message,
+                href: input.paths.steps,
+                linkLabel: 'Choose a mailbox'
+            });
+        }
+    }
+    if (input.settings.status === 'ready') {
+        for (const issue of validateOutreachOrgSettings(input.settings.settings)){
+            blockers.push({
+                message: issue.message,
+                href: input.paths.compliance,
+                linkLabel: 'Open Compliance'
+            });
+        }
+    }
+    return blockers;
+}
+/** What an active sequence's page says while its mailbox is not sending. */ const NOT_SENDING = {
+    none: 'This sequence has no mailbox, so nothing is sent from it.',
+    gone: 'This sequence’s mailbox is no longer connected, so nothing is sent from it.',
+    paused: 'This sequence’s mailbox is paused, so nothing is sent until it is resumed.',
+    reconnect_required: 'Google stopped accepting this sequence’s mailbox, so nothing is sent until it is reconnected.'
+};
+/** The words an action's button and its snackbar use. */ const ACTIONS = {
+    activate: {
+        label: 'Activate',
+        done: 'Sequence activated.'
+    },
+    pause: {
+        label: 'Pause',
+        done: 'Sequence paused.'
+    },
+    archive: {
+        label: 'Archive',
+        done: 'Sequence archived.'
+    }
+};
+/**
+ * One sequence (AGL-2980): its steps in the editor, the people enrolled in
+ * it, and what can be done with it — activate, pause, archive, delete a
+ * draft, and enroll people in an active one.
+ */ export function OutreachSequenceDetail(props) {
+    var _props_mailboxes_mailboxes_find, _ref, _props_org, _ref1;
+    const { orgId, sequenceId, sectionPath } = props;
+    const api = useOutreachApi(orgId);
+    const navigate = useOutreachNavigate();
+    const { enqueueSnackbar } = useSnackbar();
+    const { data: user } = useUser();
+    const loaded = useOutreachSequence(orgId, sequenceId);
+    const enrollments = useOutreachEnrollments(props.tab === 'enrollments' ? orgId : null, sequenceId);
+    const [busy, setBusy] = useState(false);
+    const [refusal, setRefusal] = useState(null);
+    const [confirming, setConfirming] = useState(null);
+    const [enrolling, setEnrolling] = useState(false);
+    const sequence = loaded.data;
+    const detailPath = `${sectionPath}/${sequenceId}`;
+    const back = /*#__PURE__*/ _jsx(OutreachLink, {
+        href: sectionPath,
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            direction: "row",
+            spacing: 0.5,
+            component: "span",
+            sx: {
+                alignItems: 'center',
+                display: 'inline-flex'
+            },
+            children: [
+                /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiChevronLeft.path,
+                    fontSize: "small"
+                }),
+                /*#__PURE__*/ _jsx("span", {
+                    children: "Sequences"
+                })
+            ]
+        })
+    });
+    if (loaded.status === 'loading') return /*#__PURE__*/ _jsx(OutreachLoading, {
+        label: "Loading the sequence…"
+    });
+    if (loaded.status === 'error' || loaded.status === 'refused') {
+        return /*#__PURE__*/ _jsx(OutreachLoadProblem, {
+            status: loaded.status,
+            what: "sequence"
+        });
+    }
+    if (!sequence) {
+        return /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 2,
+            children: [
+                back,
+                /*#__PURE__*/ _jsx(Card, {
+                    variant: "outlined",
+                    children: /*#__PURE__*/ _jsx(EmptyStateComponent, {
+                        label: "This sequence no longer exists"
+                    })
+                })
+            ]
+        });
+    }
+    const mailbox = (_props_mailboxes_mailboxes_find = props.mailboxes.mailboxes.find((entry)=>entry.id === sequence.mailboxId)) != null ? _props_mailboxes_mailboxes_find : null;
+    const mailboxState = props.mailboxes.status === 'ready' ? outreachSequenceMailboxState(sequence.mailboxId, mailbox) : 'sending';
+    const activatable = sequence.status === 'draft' || sequence.status === 'paused';
+    const blockers = activatable ? outreachActivationBlockers({
+        sequence,
+        mailboxes: props.mailboxes,
+        settings: props.settings,
+        paths: {
+            steps: detailPath,
+            mailboxes: props.mailboxesPath,
+            compliance: props.compliancePath
+        }
+    }) : [];
+    // Enrolling onto a mailbox that is gone is refused by the route; a paused
+    // one only makes the new people wait with everyone else.
+    const canEnroll = sequence.status === 'active' && mailboxState !== 'gone' && mailboxState !== 'none';
+    const act = async (action)=>{
+        setBusy(true);
+        setRefusal(null);
+        try {
+            const answer = await api.setSequenceStatus(sequence.id, action);
+            enqueueSnackbar(action === 'archive' && answer.stoppedEnrollments ? `${ACTIONS.archive.done} ${answer.stoppedEnrollments} ${answer.stoppedEnrollments === 1 ? 'person was' : 'people were'} stopped.` : ACTIONS[action].done, {
+                variant: 'success'
+            });
+        } catch (error) {
+            setRefusal({
+                message: error.message,
+                issues: error instanceof OutreachRouteError ? error.issues.filter((issue)=>'path' in issue) : []
+            });
+        } finally{
+            setBusy(false);
+        }
+    };
+    const remove = async ()=>{
+        setBusy(true);
+        setRefusal(null);
+        try {
+            await api.deleteSequence(sequence.id);
+            enqueueSnackbar('Sequence deleted.', {
+                variant: 'success'
+            });
+            navigate(sectionPath);
+        } catch (error) {
+            setRefusal({
+                message: error.message,
+                issues: []
+            });
+            setBusy(false);
+        }
+    };
+    const enrollButton = /*#__PURE__*/ _jsx(Button, {
+        variant: "contained",
+        startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+            path: mdiAccountMultiplePlusOutline.path,
+            fontSize: "small"
+        }),
+        disabled: !canEnroll,
+        onClick: ()=>setEnrolling(true),
+        children: "Enroll people"
+    });
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 2,
+        children: [
+            back,
+            /*#__PURE__*/ _jsxs(Stack, {
+                direction: {
+                    xs: 'column',
+                    md: 'row'
+                },
+                spacing: 1.5,
+                sx: {
+                    alignItems: {
+                        md: 'center'
+                    },
+                    justifyContent: 'space-between'
+                },
+                children: [
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 1,
+                        sx: {
+                            alignItems: 'center',
+                            minWidth: 0
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "h5",
+                                component: "h2",
+                                sx: {
+                                    wordBreak: 'break-word'
+                                },
+                                children: sequence.name
+                            }),
+                            /*#__PURE__*/ _jsx(OutreachSequenceStatusChip, {
+                                status: sequence.status
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 1,
+                        sx: {
+                            flexWrap: 'wrap',
+                            rowGap: 1
+                        },
+                        children: [
+                            activatable ? /*#__PURE__*/ _jsx(Button, {
+                                variant: "outlined",
+                                disabled: busy || blockers.length > 0,
+                                onClick: ()=>void act('activate'),
+                                children: ACTIONS.activate.label
+                            }) : null,
+                            sequence.status === 'active' ? /*#__PURE__*/ _jsx(Button, {
+                                variant: "outlined",
+                                disabled: busy,
+                                onClick: ()=>void act('pause'),
+                                children: ACTIONS.pause.label
+                            }) : null,
+                            sequence.status !== 'archived' ? /*#__PURE__*/ _jsx(Button, {
+                                variant: "outlined",
+                                color: "error",
+                                disabled: busy,
+                                onClick: ()=>setConfirming('archive'),
+                                children: ACTIONS.archive.label
+                            }) : null,
+                            sequence.status === 'draft' ? /*#__PURE__*/ _jsx(Button, {
+                                variant: "text",
+                                color: "error",
+                                disabled: busy,
+                                onClick: ()=>setConfirming('delete'),
+                                children: "Delete"
+                            }) : null,
+                            sequence.status === 'active' ? enrollButton : null
+                        ]
+                    })
+                ]
+            }),
+            refusal ? /*#__PURE__*/ _jsx(Alert, {
+                severity: "error",
+                onClose: ()=>setRefusal(null),
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 0.5,
+                    children: [
+                        /*#__PURE__*/ _jsx("span", {
+                            children: refusal.message
+                        }),
+                        refusal.issues.length > 1 ? /*#__PURE__*/ _jsx(Stack, {
+                            component: "ul",
+                            spacing: 0.25,
+                            sx: {
+                                m: 0,
+                                pl: 2.5
+                            },
+                            children: refusal.issues.slice(1).map((issue)=>/*#__PURE__*/ _jsx("li", {
+                                    children: issue.message
+                                }, `${issue.path}:${issue.code}`))
+                        }) : null
+                    ]
+                })
+            }) : null,
+            blockers.length ? /*#__PURE__*/ _jsx(Alert, {
+                severity: "warning",
+                "data-testid": "outreach-activation-blockers",
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 0.5,
+                    children: [
+                        /*#__PURE__*/ _jsx("span", {
+                            children: sequence.status === 'draft' ? 'A draft sends nothing, and this one can’t be activated yet:' : 'This sequence can’t be activated again yet:'
+                        }),
+                        /*#__PURE__*/ _jsx(Stack, {
+                            component: "ul",
+                            spacing: 0.25,
+                            sx: {
+                                m: 0,
+                                pl: 2.5
+                            },
+                            children: blockers.map((blocker)=>/*#__PURE__*/ _jsxs("li", {
+                                    children: [
+                                        blocker.message,
+                                        ' ',
+                                        /*#__PURE__*/ _jsx(OutreachLink, {
+                                            href: blocker.href,
+                                            children: blocker.linkLabel
+                                        })
+                                    ]
+                                }, blocker.message))
+                        })
+                    ]
+                })
+            }) : sequence.status === 'draft' ? /*#__PURE__*/ _jsx(Alert, {
+                severity: "info",
+                children: "A draft sends nothing. Activate it to enroll people."
+            }) : null,
+            sequence.status === 'active' && mailboxState !== 'sending' ? /*#__PURE__*/ _jsxs(Alert, {
+                severity: "warning",
+                children: [
+                    NOT_SENDING[mailboxState],
+                    ' ',
+                    /*#__PURE__*/ _jsx(OutreachLink, {
+                        href: props.mailboxesPath,
+                        children: "Open Mailboxes"
+                    })
+                ]
+            }) : null,
+            /*#__PURE__*/ _jsxs(Tabs, {
+                value: props.tab,
+                onChange: (_event, next)=>navigate(next === 'steps' ? detailPath : `${detailPath}/enrollments`),
+                "aria-label": "Sequence",
+                children: [
+                    /*#__PURE__*/ _jsx(Tab, {
+                        value: "steps",
+                        label: "Steps"
+                    }),
+                    /*#__PURE__*/ _jsx(Tab, {
+                        value: "enrollments",
+                        label: "Enrollments"
+                    })
+                ]
+            }),
+            props.tab === 'steps' ? /*#__PURE__*/ _jsx(OutreachSequenceEditor, {
+                orgId: orgId,
+                orgMount: props.orgMount,
+                sequence: sequence,
+                settings: props.settings,
+                mailboxes: props.mailboxes,
+                mailboxesPath: props.mailboxesPath,
+                onSaved: ()=>undefined
+            }) : /*#__PURE__*/ _jsx(OutreachEnrollmentsTable, {
+                enrollments: enrollments,
+                steps: sequence.steps,
+                timeZone: (_ref = mailbox == null ? void 0 : mailbox.timezone) != null ? _ref : null,
+                api: api,
+                enrollAction: sequence.status === 'active' ? enrollButton : undefined
+            }),
+            /*#__PURE__*/ _jsx(OutreachEnrollDialog, {
+                open: enrolling,
+                onClose: ()=>setEnrolling(false),
+                orgId: orgId,
+                sequence: sequence,
+                contactGroupId: sequence.hostId ? consentGroupForHost((_props_org = props.org) != null ? _props_org : null, sequence.hostId).groupId : '',
+                uid: (_ref1 = user == null ? void 0 : user.uid) != null ? _ref1 : null,
+                api: api
+            }),
+            /*#__PURE__*/ _jsxs(Dialog, {
+                open: Boolean(confirming),
+                onClose: ()=>setConfirming(null),
+                fullWidth: true,
+                maxWidth: "xs",
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTitle, {
+                        children: confirming === 'delete' ? 'Delete this draft?' : 'Archive this sequence?'
+                    }),
+                    /*#__PURE__*/ _jsx(DialogContent, {
+                        children: /*#__PURE__*/ _jsx(DialogContentText, {
+                            children: confirming === 'delete' ? 'It is removed for good. Nobody was ever enrolled in it.' : 'Archiving is final. Everyone still in it is stopped, and it takes no one new.'
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogActions, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                onClick: ()=>setConfirming(null),
+                                children: "Cancel"
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                color: "error",
+                                variant: "contained",
+                                onClick: ()=>{
+                                    const chosen = confirming;
+                                    setConfirming(null);
+                                    if (chosen === 'delete') void remove();
+                                    else void act('archive');
+                                },
+                                children: confirming === 'delete' ? 'Delete' : 'Archive'
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+OutreachSequenceDetail.displayName = 'OutreachSequenceDetail';
+export default OutreachSequenceDetail;
+
+//# sourceMappingURL=sequence-detail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/sequence-detail.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 { consentGroupForHost } from '@aglyn/aglyn/app-utils/consent-groups'\nimport type { ConsolePluginOrgMount } from '@aglyn/aglyn'\nimport {\n  mdiAccountMultiplePlusOutline,\n  mdiChevronLeft,\n} from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Alert,\n  Button,\n  Card,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  Stack,\n  Tab,\n  Tabs,\n  Typography,\n} from '@mui/material'\nimport EmptyStateComponent from '@aglyn/shared-ui-jsx/components/empty-state.component'\nimport { useState } from 'react'\nimport { validateOutreachOrgSettings } from '../engine/sequence-validation'\nimport type { OutreachSequenceAction } from '../model/outreach-api'\nimport {\n  outreachMailboxActivationIssue,\n  outreachSequenceMailboxState,\n  type OutreachSequenceIssue,\n  type OutreachSequenceMailboxState,\n} from '../model/sequence-draft'\nimport { OutreachEnrollDialog } from './enroll-dialog'\nimport { OutreachEnrollmentsTable } from './enrollments-table'\nimport {\n  OutreachLink,\n  OutreachLoading,\n  OutreachLoadProblem,\n  OutreachSequenceStatusChip,\n  useOutreachNavigate,\n} from './outreach-ui'\nimport { OutreachSequenceEditor } from './sequence-editor'\nimport { OutreachRouteError, useOutreachApi } from './use-outreach-api'\nimport {\n  useOutreachEnrollments,\n  useOutreachSequence,\n} from './use-outreach-data'\nimport type { OutreachMailboxesResult } from './use-outreach-mailboxes'\nimport type { OutreachSettingsLoad } from './use-outreach-settings'\n\nexport type OutreachSequenceTab = 'steps' | 'enrollments'\n\nexport interface OutreachSequenceDetailProps {\n  orgId: string\n  orgMount?: ConsolePluginOrgMount\n  /** The organization document the shell loaded: whose consent groups name a site's contacts. */\n  org?: Record<string, unknown> | null\n  /** Where the Sequences section lives: `/[orgSlug]/outreach/sequences`. */\n  sectionPath: string\n  sequenceId: string\n  tab: OutreachSequenceTab\n  settings: OutreachSettingsLoad\n  mailboxes: OutreachMailboxesResult\n  /** The Mailboxes section: where a mailbox is connected, resumed or reconnected. */\n  mailboxesPath: string\n  /** The Compliance section: where the footer's legal name and address are set. */\n  compliancePath: string\n}\n\n/** Something activation would refuse, and where it is put right. */\nexport interface OutreachActivationBlocker {\n  message: string\n  href: string\n  linkLabel: string\n}\n\n/**\n * What stops a sequence being activated, read before anyone clicks: its\n * mailbox not sending, and a footer the organization cannot write yet —\n * each in the words the status route refuses with. Only a finished read\n * says something is missing, so nothing is claimed while one is loading.\n */\nexport function outreachActivationBlockers(input: {\n  sequence: { mailboxId: string }\n  mailboxes: OutreachMailboxesResult\n  settings: OutreachSettingsLoad\n  paths: { steps: string; mailboxes: string; compliance: string }\n}): OutreachActivationBlocker[] {\n  const blockers: OutreachActivationBlocker[] = []\n  if (input.mailboxes.status === 'ready') {\n    const mailbox =\n      input.mailboxes.mailboxes.find((entry) => entry.id === input.sequence.mailboxId) ?? null\n    const issue = outreachMailboxActivationIssue(input.sequence.mailboxId, mailbox)\n    if (issue) {\n      blockers.push(\n        issue.code === 'mailbox_not_sending'\n          ? { message: issue.message, href: input.paths.mailboxes, linkLabel: 'Open Mailboxes' }\n          : { message: issue.message, href: input.paths.steps, linkLabel: 'Choose a mailbox' },\n      )\n    }\n  }\n  if (input.settings.status === 'ready') {\n    for (const issue of validateOutreachOrgSettings(input.settings.settings)) {\n      blockers.push({ message: issue.message, href: input.paths.compliance, linkLabel: 'Open Compliance' })\n    }\n  }\n  return blockers\n}\n\n/** What an active sequence's page says while its mailbox is not sending. */\nconst NOT_SENDING: Record<Exclude<OutreachSequenceMailboxState, 'sending'>, string> = {\n  none: 'This sequence has no mailbox, so nothing is sent from it.',\n  gone: 'This sequence’s mailbox is no longer connected, so nothing is sent from it.',\n  paused: 'This sequence’s mailbox is paused, so nothing is sent until it is resumed.',\n  reconnect_required:\n    'Google stopped accepting this sequence’s mailbox, so nothing is sent until it is reconnected.',\n}\n\n/** The words an action's button and its snackbar use. */\nconst ACTIONS: Record<OutreachSequenceAction, { label: string; done: string }> =\n  {\n    activate: { label: 'Activate', done: 'Sequence activated.' },\n    pause: { label: 'Pause', done: 'Sequence paused.' },\n    archive: { label: 'Archive', done: 'Sequence archived.' },\n  }\n\n/**\n * One sequence (AGL-2980): its steps in the editor, the people enrolled in\n * it, and what can be done with it — activate, pause, archive, delete a\n * draft, and enroll people in an active one.\n */\nexport function OutreachSequenceDetail(props: OutreachSequenceDetailProps) {\n  const { orgId, sequenceId, sectionPath } = props\n  const api = useOutreachApi(orgId)\n  const navigate = useOutreachNavigate()\n  const { enqueueSnackbar } = useSnackbar()\n  const { data: user } = useUser()\n  const loaded = useOutreachSequence(orgId, sequenceId)\n  const enrollments = useOutreachEnrollments(\n    props.tab === 'enrollments' ? orgId : null,\n    sequenceId,\n  )\n  const [busy, setBusy] = useState(false)\n  const [refusal, setRefusal] = useState<{\n    message: string\n    issues: OutreachSequenceIssue[]\n  } | null>(null)\n  const [confirming, setConfirming] = useState<'archive' | 'delete' | null>(\n    null,\n  )\n  const [enrolling, setEnrolling] = useState(false)\n\n  const sequence = loaded.data\n  const detailPath = `${sectionPath}/${sequenceId}`\n  const back = (\n    <OutreachLink href={sectionPath}>\n      <Stack\n        direction=\"row\"\n        spacing={0.5}\n        component=\"span\"\n        sx={{ alignItems: 'center', display: 'inline-flex' }}\n      >\n        <MdiIcon path={mdiChevronLeft.path} fontSize=\"small\" />\n        <span>Sequences</span>\n      </Stack>\n    </OutreachLink>\n  )\n\n  if (loaded.status === 'loading')\n    return <OutreachLoading label=\"Loading the sequence…\" />\n  if (loaded.status === 'error' || loaded.status === 'refused') {\n    return <OutreachLoadProblem status={loaded.status} what=\"sequence\" />\n  }\n  if (!sequence) {\n    return (\n      <Stack spacing={2}>\n        {back}\n        <Card variant=\"outlined\">\n          <EmptyStateComponent label=\"This sequence no longer exists\" />\n        </Card>\n      </Stack>\n    )\n  }\n\n  const mailbox =\n    props.mailboxes.mailboxes.find((entry) => entry.id === sequence.mailboxId) ??\n    null\n  const mailboxState =\n    props.mailboxes.status === 'ready'\n      ? outreachSequenceMailboxState(sequence.mailboxId, mailbox)\n      : 'sending'\n  const activatable = sequence.status === 'draft' || sequence.status === 'paused'\n  const blockers = activatable\n    ? outreachActivationBlockers({\n        sequence,\n        mailboxes: props.mailboxes,\n        settings: props.settings,\n        paths: {\n          steps: detailPath,\n          mailboxes: props.mailboxesPath,\n          compliance: props.compliancePath,\n        },\n      })\n    : []\n  // Enrolling onto a mailbox that is gone is refused by the route; a paused\n  // one only makes the new people wait with everyone else.\n  const canEnroll =\n    sequence.status === 'active' &&\n    mailboxState !== 'gone' &&\n    mailboxState !== 'none'\n  const act = async (action: OutreachSequenceAction) => {\n    setBusy(true)\n    setRefusal(null)\n    try {\n      const answer = await api.setSequenceStatus(sequence.id, action)\n      enqueueSnackbar(\n        action === 'archive' && answer.stoppedEnrollments\n          ? `${ACTIONS.archive.done} ${answer.stoppedEnrollments} ${answer.stoppedEnrollments === 1 ? 'person was' : 'people were'} stopped.`\n          : ACTIONS[action].done,\n        { variant: 'success' },\n      )\n    } catch (error) {\n      setRefusal({\n        message: (error as Error).message,\n        issues:\n          error instanceof OutreachRouteError\n            ? error.issues.filter(\n                (issue): issue is OutreachSequenceIssue => 'path' in issue,\n              )\n            : [],\n      })\n    } finally {\n      setBusy(false)\n    }\n  }\n  const remove = async () => {\n    setBusy(true)\n    setRefusal(null)\n    try {\n      await api.deleteSequence(sequence.id)\n      enqueueSnackbar('Sequence deleted.', { variant: 'success' })\n      navigate(sectionPath)\n    } catch (error) {\n      setRefusal({ message: (error as Error).message, issues: [] })\n      setBusy(false)\n    }\n  }\n\n  const enrollButton = (\n    <Button\n      variant=\"contained\"\n      startIcon={\n        <MdiIcon path={mdiAccountMultiplePlusOutline.path} fontSize=\"small\" />\n      }\n      disabled={!canEnroll}\n      onClick={() => setEnrolling(true)}\n    >\n      Enroll people\n    </Button>\n  )\n\n  return (\n    <Stack spacing={2}>\n      {back}\n      <Stack\n        direction={{ xs: 'column', md: 'row' }}\n        spacing={1.5}\n        sx={{ alignItems: { md: 'center' }, justifyContent: 'space-between' }}\n      >\n        <Stack\n          direction=\"row\"\n          spacing={1}\n          sx={{ alignItems: 'center', minWidth: 0 }}\n        >\n          <Typography\n            variant=\"h5\"\n            component=\"h2\"\n            sx={{ wordBreak: 'break-word' }}\n          >\n            {sequence.name}\n          </Typography>\n          <OutreachSequenceStatusChip status={sequence.status} />\n        </Stack>\n        <Stack direction=\"row\" spacing={1} sx={{ flexWrap: 'wrap', rowGap: 1 }}>\n          {activatable ? (\n            <Button\n              variant=\"outlined\"\n              disabled={busy || blockers.length > 0}\n              onClick={() => void act('activate')}\n            >\n              {ACTIONS.activate.label}\n            </Button>\n          ) : null}\n          {sequence.status === 'active' ? (\n            <Button\n              variant=\"outlined\"\n              disabled={busy}\n              onClick={() => void act('pause')}\n            >\n              {ACTIONS.pause.label}\n            </Button>\n          ) : null}\n          {sequence.status !== 'archived' ? (\n            <Button\n              variant=\"outlined\"\n              color=\"error\"\n              disabled={busy}\n              onClick={() => setConfirming('archive')}\n            >\n              {ACTIONS.archive.label}\n            </Button>\n          ) : null}\n          {sequence.status === 'draft' ? (\n            <Button\n              variant=\"text\"\n              color=\"error\"\n              disabled={busy}\n              onClick={() => setConfirming('delete')}\n            >\n              Delete\n            </Button>\n          ) : null}\n          {sequence.status === 'active' ? enrollButton : null}\n        </Stack>\n      </Stack>\n\n      {refusal ? (\n        <Alert severity=\"error\" onClose={() => setRefusal(null)}>\n          <Stack spacing={0.5}>\n            <span>{refusal.message}</span>\n            {refusal.issues.length > 1 ? (\n              <Stack component=\"ul\" spacing={0.25} sx={{ m: 0, pl: 2.5 }}>\n                {refusal.issues.slice(1).map((issue) => (\n                  <li key={`${issue.path}:${issue.code}`}>{issue.message}</li>\n                ))}\n              </Stack>\n            ) : null}\n          </Stack>\n        </Alert>\n      ) : null}\n      {blockers.length ? (\n        <Alert severity=\"warning\" data-testid=\"outreach-activation-blockers\">\n          <Stack spacing={0.5}>\n            <span>\n              {sequence.status === 'draft'\n                ? 'A draft sends nothing, and this one can’t be activated yet:'\n                : 'This sequence can’t be activated again yet:'}\n            </span>\n            <Stack component=\"ul\" spacing={0.25} sx={{ m: 0, pl: 2.5 }}>\n              {blockers.map((blocker) => (\n                <li key={blocker.message}>\n                  {blocker.message}{' '}\n                  <OutreachLink href={blocker.href}>{blocker.linkLabel}</OutreachLink>\n                </li>\n              ))}\n            </Stack>\n          </Stack>\n        </Alert>\n      ) : sequence.status === 'draft' ? (\n        <Alert severity=\"info\">\n          A draft sends nothing. Activate it to enroll people.\n        </Alert>\n      ) : null}\n      {sequence.status === 'active' && mailboxState !== 'sending' ? (\n        <Alert severity=\"warning\">\n          {NOT_SENDING[mailboxState]}{' '}\n          <OutreachLink href={props.mailboxesPath}>Open Mailboxes</OutreachLink>\n        </Alert>\n      ) : null}\n\n      <Tabs\n        value={props.tab}\n        onChange={(_event, next: OutreachSequenceTab) =>\n          navigate(next === 'steps' ? detailPath : `${detailPath}/enrollments`)\n        }\n        aria-label=\"Sequence\"\n      >\n        <Tab value=\"steps\" label=\"Steps\" />\n        <Tab value=\"enrollments\" label=\"Enrollments\" />\n      </Tabs>\n\n      {props.tab === 'steps' ? (\n        <OutreachSequenceEditor\n          orgId={orgId}\n          orgMount={props.orgMount}\n          sequence={sequence}\n          settings={props.settings}\n          mailboxes={props.mailboxes}\n          mailboxesPath={props.mailboxesPath}\n          onSaved={() => undefined}\n        />\n      ) : (\n        <OutreachEnrollmentsTable\n          enrollments={enrollments}\n          steps={sequence.steps}\n          timeZone={mailbox?.timezone ?? null}\n          api={api}\n          enrollAction={sequence.status === 'active' ? enrollButton : undefined}\n        />\n      )}\n\n      <OutreachEnrollDialog\n        open={enrolling}\n        onClose={() => setEnrolling(false)}\n        orgId={orgId}\n        sequence={sequence}\n        contactGroupId={\n          sequence.hostId\n            ? consentGroupForHost(props.org ?? null, sequence.hostId).groupId\n            : ''\n        }\n        uid={user?.uid ?? null}\n        api={api}\n      />\n\n      <Dialog\n        open={Boolean(confirming)}\n        onClose={() => setConfirming(null)}\n        fullWidth\n        maxWidth=\"xs\"\n      >\n        <DialogTitle>\n          {confirming === 'delete'\n            ? 'Delete this draft?'\n            : 'Archive this sequence?'}\n        </DialogTitle>\n        <DialogContent>\n          <DialogContentText>\n            {confirming === 'delete'\n              ? 'It is removed for good. Nobody was ever enrolled in it.'\n              : 'Archiving is final. Everyone still in it is stopped, and it takes no one new.'}\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={() => setConfirming(null)}>Cancel</Button>\n          <Button\n            color=\"error\"\n            variant=\"contained\"\n            onClick={() => {\n              const chosen = confirming\n              setConfirming(null)\n              if (chosen === 'delete') void remove()\n              else void act('archive')\n            }}\n          >\n            {confirming === 'delete' ? 'Delete' : 'Archive'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </Stack>\n  )\n}\nOutreachSequenceDetail.displayName = 'OutreachSequenceDetail'\n\nexport default OutreachSequenceDetail\n"],"names":["consentGroupForHost","mdiAccountMultiplePlusOutline","mdiChevronLeft","MdiIcon","useSnackbar","useUser","Alert","Button","Card","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","Stack","Tab","Tabs","Typography","EmptyStateComponent","useState","validateOutreachOrgSettings","outreachMailboxActivationIssue","outreachSequenceMailboxState","OutreachEnrollDialog","OutreachEnrollmentsTable","OutreachLink","OutreachLoading","OutreachLoadProblem","OutreachSequenceStatusChip","useOutreachNavigate","OutreachSequenceEditor","OutreachRouteError","useOutreachApi","useOutreachEnrollments","useOutreachSequence","outreachActivationBlockers","input","blockers","mailboxes","status","mailbox","find","entry","id","sequence","mailboxId","issue","push","code","message","href","paths","linkLabel","steps","settings","compliance","NOT_SENDING","none","gone","paused","reconnect_required","ACTIONS","activate","label","done","pause","archive","OutreachSequenceDetail","props","orgId","sequenceId","sectionPath","api","navigate","enqueueSnackbar","data","user","loaded","enrollments","tab","busy","setBusy","refusal","setRefusal","confirming","setConfirming","enrolling","setEnrolling","detailPath","back","direction","spacing","component","sx","alignItems","display","path","fontSize","span","what","variant","mailboxState","activatable","mailboxesPath","compliancePath","canEnroll","act","action","answer","setSequenceStatus","stoppedEnrollments","error","issues","filter","remove","deleteSequence","enrollButton","startIcon","disabled","onClick","xs","md","justifyContent","minWidth","wordBreak","name","flexWrap","rowGap","length","color","severity","onClose","m","pl","slice","map","li","data-testid","blocker","value","onChange","_event","next","aria-label","orgMount","onSaved","undefined","timeZone","timezone","enrollAction","open","contactGroupId","hostId","org","groupId","uid","Boolean","fullWidth","maxWidth","chosen","displayName"],"mappings":"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"}

package/src/lib/components/sequence-editor.d.ts

@@ -0,0 +1,37 @@
+import { type ConsolePluginOrgMount } from '@aglyn/aglyn';
+import { type OutreachSequence } from '../model/outreach.types';
+import type { OutreachMailboxesResult } from './use-outreach-mailboxes';
+import type { OutreachSettingsLoad } from './use-outreach-settings';
+export interface OutreachSequenceEditorProps {
+    orgId: string;
+    orgMount?: ConsolePluginOrgMount;
+    /** The stored sequence, or `null` for a new one. */
+    sequence: OutreachSequence | null;
+    /** The organization's compliance settings: its countries, and the preview's footer. */
+    settings: OutreachSettingsLoad;
+    /**
+     * The organization's mailboxes, from the Mailboxes section's listener:
+     * what the picker offers, and who the preview's emails are from.
+     */
+    mailboxes: OutreachMailboxesResult;
+    /** The Mailboxes section, where the picker sends a member to connect one. */
+    mailboxesPath: string;
+    onSaved(sequence: OutreachSequence): void;
+    onCancel?(): void;
+}
+/**
+ * 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 declare function OutreachSequenceEditor(props: OutreachSequenceEditorProps): import("react").JSX.Element;
+export declare namespace OutreachSequenceEditor {
+    var displayName: string;
+}
+export default OutreachSequenceEditor;