@aglyn/plugins-outreach 1.0.0-beta.274 → 1.0.0-beta.275

package/src/lib/components/record-reply-button.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @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.
+ */
+import { type OutreachEnrollment } from '../model/outreach.types';
+/**
+ * "REPLY IN THREAD FROM <MAILBOX>" ON A CRM RECORD (AGL-4020), in the
+ * record header's `crmRecordEmailActions` zone, before the CRM's own Send
+ * email.
+ *
+ * Send email starts a new message from the site's sending address; a person
+ * who answered a sequence is answered in that thread, from the mailbox that
+ * wrote to them. So once one of their enrollments holds something they wrote
+ * — or was stopped by their reply — the header offers that first, and opens
+ * the same composer the enrollment's own page does. Nothing is drawn for a
+ * person no sequence has heard from, one who opted out or bounced, or a
+ * reader the Sequences rules do not let read enrollments.
+ *
+ * The props are the CRM zone's, restated here: a plugin never imports
+ * another plugin's package.
+ */
+export interface OutreachRecordReplyButtonProps {
+    hostId: string | null;
+    orgId: string | undefined;
+    kind: 'contact' | 'lead';
+    recordId: string;
+    name: string;
+    email: string | null;
+}
+/**
+ * The enrollment an answer from the record goes into: of the person's
+ * enrollments that heard from them, the one that heard from them last. Not
+ * one that opted out or bounced.
+ */
+export declare function outreachEnrollmentToAnswer(enrollments: readonly OutreachEnrollment[]): OutreachEnrollment | null;
+export declare function OutreachRecordReplyButton(props: OutreachRecordReplyButtonProps): import("react").JSX.Element;
+export declare namespace OutreachRecordReplyButton {
+    var displayName: string;
+}
+export default OutreachRecordReplyButton;

package/src/lib/components/record-reply-button.js

@@ -0,0 +1,92 @@
+/**
+ * @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, Fragment as _Fragment } from "react/jsx-runtime";
+import { normalizeContactEmail } from "@aglyn/aglyn/app-utils/contacts";
+import { useFirestore } from "@aglyn/tenant-feature-instance";
+import { Button } from "@mui/material";
+import { collection, doc, limit, onSnapshot, query, where } from "firebase/firestore";
+import { useEffect, useState } from "react";
+import { outreachEnrollmentHasInbound, outreachMailboxAddress } from "../engine/manual-reply.js";
+import { OUTREACH_COLLECTIONS } from "../model/outreach.types.js";
+import { readStoredOutreachEnrollment, readStoredOutreachMailbox } from "../model/stored-records.js";
+import { OutreachReplyDialog } from "./reply-dialog.js";
+import { useOutreachApi } from "./use-outreach-api.js";
+/** The most enrollments of one address read; a person is in few sequences. */ const ENROLLMENTS_READ_MAX = 20;
+/** When the person last wrote, or was last heard from: what picks the thread to answer. */ const lastHeardMs = (enrollment)=>{
+    var _ref, _enrollment_stoppedAtMs;
+    var _enrollment_inboundMessages_at, _enrollment_inboundMessages;
+    return Math.max((_ref = (_enrollment_inboundMessages = enrollment.inboundMessages) == null ? void 0 : (_enrollment_inboundMessages_at = _enrollment_inboundMessages.at(-1)) == null ? void 0 : _enrollment_inboundMessages_at.atMs) != null ? _ref : 0, enrollment.stopReason === 'reply' ? (_enrollment_stoppedAtMs = enrollment.stoppedAtMs) != null ? _enrollment_stoppedAtMs : 0 : 0);
+};
+/**
+ * The enrollment an answer from the record goes into: of the person's
+ * enrollments that heard from them, the one that heard from them last. Not
+ * one that opted out or bounced.
+ */ export function outreachEnrollmentToAnswer(enrollments) {
+    var _enrollments_filter_sort_;
+    return (_enrollments_filter_sort_ = enrollments.filter((enrollment)=>outreachEnrollmentHasInbound(enrollment) && enrollment.status !== 'opted_out' && enrollment.status !== 'bounced').sort((a, b)=>lastHeardMs(b) - lastHeardMs(a))[0]) != null ? _enrollments_filter_sort_ : null;
+}
+export function OutreachRecordReplyButton(props) {
+    var _ref;
+    const { orgId } = props;
+    const firestore = useFirestore();
+    const api = useOutreachApi(orgId != null ? orgId : null);
+    const email = normalizeContactEmail(props.email);
+    const [enrollment, setEnrollment] = useState(null);
+    const [mailbox, setMailbox] = useState(null);
+    const [open, setOpen] = useState(false);
+    useEffect(()=>{
+        setEnrollment(null);
+        if (!orgId || !email) return undefined;
+        return onSnapshot(query(collection(firestore, 'orgs', orgId, OUTREACH_COLLECTIONS.enrollments), where('email', '==', email), limit(ENROLLMENTS_READ_MAX)), (snapshot)=>setEnrollment(outreachEnrollmentToAnswer(snapshot.docs.map((entry)=>readStoredOutreachEnrollment(entry.id, entry.data())).filter((entry)=>entry !== null))), // A reader the rules refuse simply has nothing to answer from here.
+        ()=>setEnrollment(null));
+    }, [
+        firestore,
+        orgId,
+        email
+    ]);
+    const mailboxId = (_ref = enrollment == null ? void 0 : enrollment.mailboxId) != null ? _ref : null;
+    useEffect(()=>{
+        setMailbox(null);
+        if (!orgId || !mailboxId) return undefined;
+        return onSnapshot(doc(firestore, 'orgs', orgId, OUTREACH_COLLECTIONS.mailboxes, mailboxId), (snapshot)=>setMailbox(readStoredOutreachMailbox(snapshot.id, snapshot.exists() ? snapshot.data() : undefined)), ()=>setMailbox(null));
+    }, [
+        firestore,
+        orgId,
+        mailboxId
+    ]);
+    if (!enrollment || !mailbox) return null;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                size: "small",
+                variant: "outlined",
+                onClick: ()=>setOpen(true),
+                children: `Reply in thread from ${outreachMailboxAddress(mailbox)}`
+            }),
+            /*#__PURE__*/ _jsx(OutreachReplyDialog, {
+                enrollment: open ? enrollment : null,
+                api: api,
+                timeZone: mailbox.timezone,
+                onClose: ()=>setOpen(false)
+            })
+        ]
+    });
+}
+OutreachRecordReplyButton.displayName = 'OutreachRecordReplyButton';
+export default OutreachRecordReplyButton;
+
+//# sourceMappingURL=record-reply-button.js.map

package/src/lib/components/record-reply-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/record-reply-button.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\n'use client'\n\nimport { normalizeContactEmail } from '@aglyn/aglyn/app-utils/contacts'\nimport { useFirestore } from '@aglyn/tenant-feature-instance'\nimport { Button } from '@mui/material'\nimport { collection, doc, limit, onSnapshot, query, where } from 'firebase/firestore'\nimport { useEffect, useState } from 'react'\nimport { outreachEnrollmentHasInbound, outreachMailboxAddress } from '../engine/manual-reply'\nimport { OUTREACH_COLLECTIONS, type OutreachEnrollment, type OutreachMailbox } from '../model/outreach.types'\nimport { readStoredOutreachEnrollment, readStoredOutreachMailbox } from '../model/stored-records'\nimport { OutreachReplyDialog } from './reply-dialog'\nimport { useOutreachApi } from './use-outreach-api'\n\n/**\n * \"REPLY IN THREAD FROM <MAILBOX>\" ON A CRM RECORD (AGL-4020), in the\n * record header's `crmRecordEmailActions` zone, before the CRM's own Send\n * email.\n *\n * Send email starts a new message from the site's sending address; a person\n * who answered a sequence is answered in that thread, from the mailbox that\n * wrote to them. So once one of their enrollments holds something they wrote\n * — or was stopped by their reply — the header offers that first, and opens\n * the same composer the enrollment's own page does. Nothing is drawn for a\n * person no sequence has heard from, one who opted out or bounced, or a\n * reader the Sequences rules do not let read enrollments.\n *\n * The props are the CRM zone's, restated here: a plugin never imports\n * another plugin's package.\n */\n\nexport interface OutreachRecordReplyButtonProps {\n  hostId: string | null\n  orgId: string | undefined\n  kind: 'contact' | 'lead'\n  recordId: string\n  name: string\n  email: string | null\n}\n\n/** The most enrollments of one address read; a person is in few sequences. */\nconst ENROLLMENTS_READ_MAX = 20\n\n/** When the person last wrote, or was last heard from: what picks the thread to answer. */\nconst lastHeardMs = (enrollment: OutreachEnrollment) =>\n  Math.max(\n    enrollment.inboundMessages?.at(-1)?.atMs ?? 0,\n    enrollment.stopReason === 'reply' ? (enrollment.stoppedAtMs ?? 0) : 0,\n  )\n\n/**\n * The enrollment an answer from the record goes into: of the person's\n * enrollments that heard from them, the one that heard from them last. Not\n * one that opted out or bounced.\n */\nexport function outreachEnrollmentToAnswer(enrollments: readonly OutreachEnrollment[]): OutreachEnrollment | null {\n  return (\n    enrollments\n      .filter(\n        (enrollment) =>\n          outreachEnrollmentHasInbound(enrollment) &&\n          enrollment.status !== 'opted_out' &&\n          enrollment.status !== 'bounced',\n      )\n      .sort((a, b) => lastHeardMs(b) - lastHeardMs(a))[0] ?? null\n  )\n}\n\nexport function OutreachRecordReplyButton(props: OutreachRecordReplyButtonProps) {\n  const { orgId } = props\n  const firestore = useFirestore()\n  const api = useOutreachApi(orgId ?? null)\n  const email = normalizeContactEmail(props.email)\n  const [enrollment, setEnrollment] = useState<OutreachEnrollment | null>(null)\n  const [mailbox, setMailbox] = useState<OutreachMailbox | null>(null)\n  const [open, setOpen] = useState(false)\n\n  useEffect(() => {\n    setEnrollment(null)\n    if (!orgId || !email) return undefined\n    return onSnapshot(\n      query(\n        collection(firestore, 'orgs', orgId, OUTREACH_COLLECTIONS.enrollments),\n        where('email', '==', email),\n        limit(ENROLLMENTS_READ_MAX),\n      ),\n      (snapshot) =>\n        setEnrollment(\n          outreachEnrollmentToAnswer(\n            snapshot.docs\n              .map((entry) => readStoredOutreachEnrollment(entry.id, entry.data()))\n              .filter((entry): entry is OutreachEnrollment => entry !== null),\n          ),\n        ),\n      // A reader the rules refuse simply has nothing to answer from here.\n      () => setEnrollment(null),\n    )\n  }, [firestore, orgId, email])\n\n  const mailboxId = enrollment?.mailboxId ?? null\n  useEffect(() => {\n    setMailbox(null)\n    if (!orgId || !mailboxId) return undefined\n    return onSnapshot(\n      doc(firestore, 'orgs', orgId, OUTREACH_COLLECTIONS.mailboxes, mailboxId),\n      (snapshot) => setMailbox(readStoredOutreachMailbox(snapshot.id, snapshot.exists() ? snapshot.data() : undefined)),\n      () => setMailbox(null),\n    )\n  }, [firestore, orgId, mailboxId])\n\n  if (!enrollment || !mailbox) return null\n  return (\n    <>\n      <Button size=\"small\" variant=\"outlined\" onClick={() => setOpen(true)}>\n        {`Reply in thread from ${outreachMailboxAddress(mailbox)}`}\n      </Button>\n      <OutreachReplyDialog\n        enrollment={open ? enrollment : null}\n        api={api}\n        timeZone={mailbox.timezone}\n        onClose={() => setOpen(false)}\n      />\n    </>\n  )\n}\nOutreachRecordReplyButton.displayName = 'OutreachRecordReplyButton'\n\nexport default OutreachRecordReplyButton\n"],"names":["normalizeContactEmail","useFirestore","Button","collection","doc","limit","onSnapshot","query","where","useEffect","useState","outreachEnrollmentHasInbound","outreachMailboxAddress","OUTREACH_COLLECTIONS","readStoredOutreachEnrollment","readStoredOutreachMailbox","OutreachReplyDialog","useOutreachApi","ENROLLMENTS_READ_MAX","lastHeardMs","enrollment","Math","max","inboundMessages","at","atMs","stopReason","stoppedAtMs","outreachEnrollmentToAnswer","enrollments","filter","status","sort","a","b","OutreachRecordReplyButton","props","orgId","firestore","api","email","setEnrollment","mailbox","setMailbox","open","setOpen","undefined","snapshot","docs","map","entry","id","data","mailboxId","mailboxes","exists","size","variant","onClick","timeZone","timezone","onClose","displayName"],"mappings":"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"}

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

@@ -0,0 +1,66 @@
+/**
+ * @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.
+ */
+import type { OutreachEnrollmentReplyResponse } from '../model/outreach-api';
+import type { OutreachEnrollment } from '../model/outreach.types';
+import type { OutreachApi } from './use-outreach-api';
+/**
+ * ANSWER A PERSON WHO WROTE BACK (AGL-4020): a replied enrollment's
+ * "Reply in thread", on the Enrollments tab, the person's page, and the CRM
+ * record of the person.
+ *
+ * The dialog reads the thread the moment it opens — what the person wrote,
+ * kept on the enrollment or read from the mailbox when it was synced before
+ * replies were kept — and says where the answer goes: from the enrollment's
+ * own mailbox, to the person, `Re:` their subject. The member writes plain
+ * text; Send puts it in the same thread in both mailboxes, with their message
+ * quoted beneath. Whatever still refuses — the do-not-contact list, a paused
+ * or disconnected mailbox — is said before anything is typed, and Send waits.
+ *
+ * The answer's key is minted once per open: sending again after a lost
+ * answer from the server is the same answer, which the route recognises
+ * rather than sending twice.
+ */
+export interface OutreachReplyDialogProps {
+    /** The enrollment to answer, or `null` while closed. */
+    enrollment: OutreachEnrollment | null;
+    api: Pick<OutreachApi, 'readEnrollmentThread' | 'replyToEnrollment'>;
+    /** The mailbox's zone, for the times shown. */
+    timeZone?: string | null;
+    onClose(): void;
+    /** After the answer went. */
+    onSent?(answer: OutreachEnrollmentReplyResponse): void;
+}
+/** One message of the conversation as the dialog shows it. */
+interface ThreadLine {
+    key: string;
+    atMs: number;
+    who: string;
+    subject: string;
+    body: string;
+    /** Theirs, or ours. */
+    inbound: boolean;
+}
+/**
+ * The conversation, oldest first: what the person wrote, every answer a
+ * member sent, and the sequence's own emails by their subject.
+ */
+export declare function outreachReplyThreadLines(enrollment: Pick<OutreachEnrollment, 'inboundMessages' | 'stepRecords'>): ThreadLine[];
+export declare function OutreachReplyDialog(props: OutreachReplyDialogProps): import("react").JSX.Element;
+export declare namespace OutreachReplyDialog {
+    var displayName: string;
+}
+export default OutreachReplyDialog;

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

@@ -0,0 +1,353 @@
+/**
+ * @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, Fragment as _Fragment } from "react/jsx-runtime";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { Alert, Box, Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Stack, TextField, Typography, useMediaQuery, useTheme } from "@mui/material";
+import { useEffect, useMemo, useState } from "react";
+import { OUTREACH_MANUAL_REPLY_BODY_MAX } from "../engine/manual-reply.js";
+import { formatOutreachTime, OutreachLoading } from "./outreach-ui.js";
+/**
+ * The conversation, oldest first: what the person wrote, every answer a
+ * member sent, and the sequence's own emails by their subject.
+ */ export function outreachReplyThreadLines(enrollment) {
+    var _enrollment_inboundMessages, _enrollment_stepRecords;
+    const lines = [];
+    for (const message of (_enrollment_inboundMessages = enrollment.inboundMessages) != null ? _enrollment_inboundMessages : []){
+        lines.push({
+            key: `in-${message.id}`,
+            atMs: message.atMs,
+            who: message.fromName ? `${message.fromName} <${message.from}>` : message.from,
+            subject: message.subject,
+            body: message.body,
+            inbound: true
+        });
+    }
+    ;
+    ((_enrollment_stepRecords = enrollment.stepRecords) != null ? _enrollment_stepRecords : []).forEach((record, index)=>{
+        if ((record == null ? void 0 : record.kind) === 'manual_reply') {
+            var _record_subject, _record_body;
+            lines.push({
+                key: `answer-${index}`,
+                atMs: record.atMs,
+                who: record.from ? `You, from ${record.from}` : 'You',
+                subject: (_record_subject = record.subject) != null ? _record_subject : '',
+                body: (_record_body = record.body) != null ? _record_body : '',
+                inbound: false
+            });
+        } else if ((record == null ? void 0 : record.kind) === 'email') {
+            var _record_subject1;
+            lines.push({
+                key: `step-${index}`,
+                atMs: record.atMs,
+                who: 'Sequence email',
+                subject: (_record_subject1 = record.subject) != null ? _record_subject1 : '',
+                body: '',
+                inbound: false
+            });
+        }
+    });
+    return lines.sort((a, b)=>a.atMs - b.atMs);
+}
+/** A fresh key for one answer. */ function newReplyKey() {
+    const crypto = globalThis.crypto;
+    if (crypto == null ? void 0 : crypto.randomUUID) return crypto.randomUUID();
+    return `r${Date.now().toString(36)}${Math.random().toString(36).slice(2, 12)}`;
+}
+export function OutreachReplyDialog(props) {
+    var _ref, _ref1;
+    const { enrollment, api, timeZone } = props;
+    const theme = useTheme();
+    const narrow = useMediaQuery(theme.breakpoints.down('sm'));
+    const { enqueueSnackbar } = useSnackbar();
+    const [stage, setStage] = useState({
+        kind: 'reading'
+    });
+    const [text, setText] = useState('');
+    const [sending, setSending] = useState(false);
+    const [problem, setProblem] = useState(null);
+    const enrollmentId = (_ref = enrollment == null ? void 0 : enrollment.id) != null ? _ref : null;
+    // One key per opening: a resend after a lost answer is the same answer.
+    const replyKey = useMemo(()=>enrollmentId ? newReplyKey() : '', [
+        enrollmentId
+    ]);
+    useEffect(()=>{
+        if (!enrollmentId) return undefined;
+        let cancelled = false;
+        setStage({
+            kind: 'reading'
+        });
+        setText('');
+        setProblem(null);
+        api.readEnrollmentThread(enrollmentId).then((thread)=>{
+            if (!cancelled) setStage({
+                kind: 'ready',
+                thread
+            });
+        }, (error)=>{
+            if (!cancelled) setStage({
+                kind: 'failed',
+                message: error.message
+            });
+        });
+        return ()=>{
+            cancelled = true;
+        };
+    }, [
+        api,
+        enrollmentId
+    ]);
+    const thread = stage.kind === 'ready' ? stage.thread : null;
+    const draft = (_ref1 = thread == null ? void 0 : thread.draft) != null ? _ref1 : null;
+    const lines = thread ? outreachReplyThreadLines(thread.enrollment) : [];
+    const name = (enrollment == null ? void 0 : enrollment.contactName) || (enrollment == null ? void 0 : enrollment.email) || '';
+    const title = name ? `Reply to ${name}` : 'Reply in thread';
+    const canSend = Boolean(draft) && !(thread == null ? void 0 : thread.refusal) && Boolean(text.trim()) && !sending;
+    const send = async ()=>{
+        if (!enrollmentId || !draft || !canSend) return;
+        setSending(true);
+        setProblem(null);
+        try {
+            const answer = await api.replyToEnrollment({
+                enrollmentId,
+                body: text,
+                answerId: draft.answerId,
+                replyKey
+            });
+            enqueueSnackbar(answer.alreadySent ? `That answer had already gone to ${answer.sentTo}.` : `Answer sent to ${answer.sentTo}.`, {
+                variant: 'success'
+            });
+            props.onSent == null ? void 0 : props.onSent.call(props, answer);
+            props.onClose();
+        } catch (error) {
+            setProblem(error.message);
+        } finally{
+            setSending(false);
+        }
+    };
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: Boolean(enrollment),
+        onClose: sending ? undefined : props.onClose,
+        fullWidth: true,
+        maxWidth: "md",
+        fullScreen: narrow,
+        "aria-label": title,
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: title
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                dividers: true,
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    children: [
+                        stage.kind === 'reading' ? /*#__PURE__*/ _jsx(OutreachLoading, {
+                            label: "Reading their reply…"
+                        }) : null,
+                        stage.kind === 'failed' ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "warning",
+                            children: stage.message
+                        }) : null,
+                        thread && !draft ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "info",
+                            children: "Nothing they wrote could be read from the mailbox, so there is nothing to answer here yet. Their reply is in the mailbox that sent the sequence."
+                        }) : null,
+                        draft ? /*#__PURE__*/ _jsxs(Box, {
+                            component: "dl",
+                            sx: {
+                                m: 0,
+                                display: 'grid',
+                                gridTemplateColumns: 'auto 1fr',
+                                columnGap: 2,
+                                rowGap: 0.5
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    component: "dt",
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    children: "From"
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    component: "dd",
+                                    variant: "body2",
+                                    sx: {
+                                        m: 0,
+                                        wordBreak: 'break-word'
+                                    },
+                                    children: draft.from.name ? `${draft.from.name} <${draft.from.address}>` : draft.from.address
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    component: "dt",
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    children: "To"
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    component: "dd",
+                                    variant: "body2",
+                                    sx: {
+                                        m: 0,
+                                        wordBreak: 'break-word'
+                                    },
+                                    children: draft.to
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    component: "dt",
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    children: "Subject"
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    component: "dd",
+                                    variant: "body2",
+                                    sx: {
+                                        m: 0,
+                                        wordBreak: 'break-word'
+                                    },
+                                    children: draft.subject
+                                })
+                            ]
+                        }) : null,
+                        lines.length ? /*#__PURE__*/ _jsx(Stack, {
+                            spacing: 1.5,
+                            role: "list",
+                            "aria-label": "The conversation",
+                            sx: {
+                                maxHeight: 320,
+                                overflowY: 'auto',
+                                border: 1,
+                                borderColor: 'divider',
+                                borderRadius: 1,
+                                p: 1.5
+                            },
+                            children: lines.map((line)=>/*#__PURE__*/ _jsxs(Box, {
+                                    role: "listitem",
+                                    "data-inbound": line.inbound,
+                                    sx: {
+                                        pl: 1.5,
+                                        borderLeft: 2,
+                                        borderColor: line.inbound ? 'info.main' : 'divider'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsxs(Stack, {
+                                            direction: {
+                                                xs: 'column',
+                                                sm: 'row'
+                                            },
+                                            spacing: {
+                                                xs: 0,
+                                                sm: 1
+                                            },
+                                            sx: {
+                                                justifyContent: 'space-between',
+                                                alignItems: {
+                                                    sm: 'baseline'
+                                                }
+                                            },
+                                            children: [
+                                                /*#__PURE__*/ _jsx(Typography, {
+                                                    variant: "body2",
+                                                    sx: {
+                                                        fontWeight: 500,
+                                                        wordBreak: 'break-word'
+                                                    },
+                                                    children: line.who
+                                                }),
+                                                /*#__PURE__*/ _jsx(Typography, {
+                                                    variant: "caption",
+                                                    color: "text.secondary",
+                                                    sx: {
+                                                        whiteSpace: 'nowrap'
+                                                    },
+                                                    children: formatOutreachTime(line.atMs, timeZone)
+                                                })
+                                            ]
+                                        }),
+                                        line.subject ? /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "caption",
+                                            color: "text.secondary",
+                                            component: "div",
+                                            children: `Subject: ${line.subject}`
+                                        }) : null,
+                                        line.body ? /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            sx: {
+                                                whiteSpace: 'pre-wrap',
+                                                wordBreak: 'break-word',
+                                                mt: 0.5
+                                            },
+                                            children: line.body
+                                        }) : null
+                                    ]
+                                }, line.key))
+                        }) : null,
+                        (thread == null ? void 0 : thread.refusal) ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "warning",
+                            children: thread.refusal.message
+                        }) : null,
+                        draft && !(thread == null ? void 0 : thread.refusal) ? /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx(TextField, {
+                                    label: "Your answer",
+                                    value: text,
+                                    onChange: (event)=>setText(event.target.value),
+                                    multiline: true,
+                                    minRows: 6,
+                                    fullWidth: true,
+                                    autoFocus: true,
+                                    disabled: sending,
+                                    slotProps: {
+                                        htmlInput: {
+                                            maxLength: OUTREACH_MANUAL_REPLY_BODY_MAX
+                                        }
+                                    }
+                                }),
+                                /*#__PURE__*/ _jsx(DialogContentText, {
+                                    variant: "body2",
+                                    children: `Sent as plain text from ${draft.from.address}, in the same thread, with their message quoted beneath. The sequence stays where it is.`
+                                })
+                            ]
+                        }) : null,
+                        problem ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "error",
+                            children: problem
+                        }) : null
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: props.onClose,
+                        disabled: sending,
+                        children: "Cancel"
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        onClick: ()=>void send(),
+                        disabled: !canSend,
+                        children: sending ? 'Sending…' : 'Send answer'
+                    })
+                ]
+            })
+        ]
+    });
+}
+OutreachReplyDialog.displayName = 'OutreachReplyDialog';
+export default OutreachReplyDialog;
+
+//# sourceMappingURL=reply-dialog.js.map

package/src/lib/components/reply-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/reply-dialog.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\n'use client'\n\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Alert,\n  Box,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  Stack,\n  TextField,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport { useEffect, useMemo, useState } from 'react'\nimport { OUTREACH_MANUAL_REPLY_BODY_MAX } from '../engine/manual-reply'\nimport type { OutreachEnrollmentReplyResponse, OutreachEnrollmentThreadResponse } from '../model/outreach-api'\nimport type { OutreachEnrollment } from '../model/outreach.types'\nimport { formatOutreachTime, OutreachLoading } from './outreach-ui'\nimport type { OutreachApi } from './use-outreach-api'\n\n/**\n * ANSWER A PERSON WHO WROTE BACK (AGL-4020): a replied enrollment's\n * \"Reply in thread\", on the Enrollments tab, the person's page, and the CRM\n * record of the person.\n *\n * The dialog reads the thread the moment it opens — what the person wrote,\n * kept on the enrollment or read from the mailbox when it was synced before\n * replies were kept — and says where the answer goes: from the enrollment's\n * own mailbox, to the person, `Re:` their subject. The member writes plain\n * text; Send puts it in the same thread in both mailboxes, with their message\n * quoted beneath. Whatever still refuses — the do-not-contact list, a paused\n * or disconnected mailbox — is said before anything is typed, and Send waits.\n *\n * The answer's key is minted once per open: sending again after a lost\n * answer from the server is the same answer, which the route recognises\n * rather than sending twice.\n */\n\nexport interface OutreachReplyDialogProps {\n  /** The enrollment to answer, or `null` while closed. */\n  enrollment: OutreachEnrollment | null\n  api: Pick<OutreachApi, 'readEnrollmentThread' | 'replyToEnrollment'>\n  /** The mailbox's zone, for the times shown. */\n  timeZone?: string | null\n  onClose(): void\n  /** After the answer went. */\n  onSent?(answer: OutreachEnrollmentReplyResponse): void\n}\n\ntype Stage =\n  | { kind: 'reading' }\n  | { kind: 'failed'; message: string }\n  | { kind: 'ready'; thread: OutreachEnrollmentThreadResponse }\n\n/** One message of the conversation as the dialog shows it. */\ninterface ThreadLine {\n  key: string\n  atMs: number\n  who: string\n  subject: string\n  body: string\n  /** Theirs, or ours. */\n  inbound: boolean\n}\n\n/**\n * The conversation, oldest first: what the person wrote, every answer a\n * member sent, and the sequence's own emails by their subject.\n */\nexport function outreachReplyThreadLines(\n  enrollment: Pick<OutreachEnrollment, 'inboundMessages' | 'stepRecords'>,\n): ThreadLine[] {\n  const lines: ThreadLine[] = []\n  for (const message of enrollment.inboundMessages ?? []) {\n    lines.push({\n      key: `in-${message.id}`,\n      atMs: message.atMs,\n      who: message.fromName ? `${message.fromName} <${message.from}>` : message.from,\n      subject: message.subject,\n      body: message.body,\n      inbound: true,\n    })\n  }\n  ;(enrollment.stepRecords ?? []).forEach((record, index) => {\n    if (record?.kind === 'manual_reply') {\n      lines.push({\n        key: `answer-${index}`,\n        atMs: record.atMs,\n        who: record.from ? `You, from ${record.from}` : 'You',\n        subject: record.subject ?? '',\n        body: record.body ?? '',\n        inbound: false,\n      })\n    } else if (record?.kind === 'email') {\n      lines.push({\n        key: `step-${index}`,\n        atMs: record.atMs,\n        who: 'Sequence email',\n        subject: record.subject ?? '',\n        body: '',\n        inbound: false,\n      })\n    }\n  })\n  return lines.sort((a, b) => a.atMs - b.atMs)\n}\n\n/** A fresh key for one answer. */\nfunction newReplyKey(): string {\n  const crypto = globalThis.crypto as Crypto | undefined\n  if (crypto?.randomUUID) return crypto.randomUUID()\n  return `r${Date.now().toString(36)}${Math.random().toString(36).slice(2, 12)}`\n}\n\nexport function OutreachReplyDialog(props: OutreachReplyDialogProps) {\n  const { enrollment, api, timeZone } = props\n  const theme = useTheme()\n  const narrow = useMediaQuery(theme.breakpoints.down('sm'))\n  const { enqueueSnackbar } = useSnackbar()\n  const [stage, setStage] = useState<Stage>({ kind: 'reading' })\n  const [text, setText] = useState('')\n  const [sending, setSending] = useState(false)\n  const [problem, setProblem] = useState<string | null>(null)\n  const enrollmentId = enrollment?.id ?? null\n  // One key per opening: a resend after a lost answer is the same answer.\n  const replyKey = useMemo(() => (enrollmentId ? newReplyKey() : ''), [enrollmentId])\n\n  useEffect(() => {\n    if (!enrollmentId) return undefined\n    let cancelled = false\n    setStage({ kind: 'reading' })\n    setText('')\n    setProblem(null)\n    api.readEnrollmentThread(enrollmentId).then(\n      (thread) => {\n        if (!cancelled) setStage({ kind: 'ready', thread })\n      },\n      (error: unknown) => {\n        if (!cancelled) setStage({ kind: 'failed', message: (error as Error).message })\n      },\n    )\n    return () => {\n      cancelled = true\n    }\n  }, [api, enrollmentId])\n\n  const thread = stage.kind === 'ready' ? stage.thread : null\n  const draft = thread?.draft ?? null\n  const lines = thread ? outreachReplyThreadLines(thread.enrollment) : []\n  const name = enrollment?.contactName || enrollment?.email || ''\n  const title = name ? `Reply to ${name}` : 'Reply in thread'\n  const canSend = Boolean(draft) && !thread?.refusal && Boolean(text.trim()) && !sending\n\n  const send = async () => {\n    if (!enrollmentId || !draft || !canSend) return\n    setSending(true)\n    setProblem(null)\n    try {\n      const answer = await api.replyToEnrollment({ enrollmentId, body: text, answerId: draft.answerId, replyKey })\n      enqueueSnackbar(\n        answer.alreadySent ? `That answer had already gone to ${answer.sentTo}.` : `Answer sent to ${answer.sentTo}.`,\n        { variant: 'success' },\n      )\n      props.onSent?.(answer)\n      props.onClose()\n    } catch (error) {\n      setProblem((error as Error).message)\n    } finally {\n      setSending(false)\n    }\n  }\n\n  return (\n    <Dialog\n      open={Boolean(enrollment)}\n      onClose={sending ? undefined : props.onClose}\n      fullWidth\n      maxWidth=\"md\"\n      fullScreen={narrow}\n      aria-label={title}\n    >\n      <DialogTitle>{title}</DialogTitle>\n      <DialogContent dividers>\n        <Stack spacing={2}>\n          {stage.kind === 'reading' ? <OutreachLoading label=\"Reading their reply…\" /> : null}\n          {stage.kind === 'failed' ? <Alert severity=\"warning\">{stage.message}</Alert> : null}\n          {thread && !draft ? (\n            <Alert severity=\"info\">\n              Nothing they wrote could be read from the mailbox, so there is nothing to answer here yet. Their\n              reply is in the mailbox that sent the sequence.\n            </Alert>\n          ) : null}\n          {draft ? (\n            <Box\n              component=\"dl\"\n              sx={{ m: 0, display: 'grid', gridTemplateColumns: 'auto 1fr', columnGap: 2, rowGap: 0.5 }}\n            >\n              <Typography component=\"dt\" variant=\"body2\" color=\"text.secondary\">\n                From\n              </Typography>\n              <Typography component=\"dd\" variant=\"body2\" sx={{ m: 0, wordBreak: 'break-word' }}>\n                {draft.from.name ? `${draft.from.name} <${draft.from.address}>` : draft.from.address}\n              </Typography>\n              <Typography component=\"dt\" variant=\"body2\" color=\"text.secondary\">\n                To\n              </Typography>\n              <Typography component=\"dd\" variant=\"body2\" sx={{ m: 0, wordBreak: 'break-word' }}>\n                {draft.to}\n              </Typography>\n              <Typography component=\"dt\" variant=\"body2\" color=\"text.secondary\">\n                Subject\n              </Typography>\n              <Typography component=\"dd\" variant=\"body2\" sx={{ m: 0, wordBreak: 'break-word' }}>\n                {draft.subject}\n              </Typography>\n            </Box>\n          ) : null}\n          {lines.length ? (\n            <Stack\n              spacing={1.5}\n              role=\"list\"\n              aria-label=\"The conversation\"\n              sx={{ maxHeight: 320, overflowY: 'auto', border: 1, borderColor: 'divider', borderRadius: 1, p: 1.5 }}\n            >\n              {lines.map((line) => (\n                <Box\n                  key={line.key}\n                  role=\"listitem\"\n                  data-inbound={line.inbound}\n                  sx={{ pl: 1.5, borderLeft: 2, borderColor: line.inbound ? 'info.main' : 'divider' }}\n                >\n                  <Stack\n                    direction={{ xs: 'column', sm: 'row' }}\n                    spacing={{ xs: 0, sm: 1 }}\n                    sx={{ justifyContent: 'space-between', alignItems: { sm: 'baseline' } }}\n                  >\n                    <Typography variant=\"body2\" sx={{ fontWeight: 500, wordBreak: 'break-word' }}>\n                      {line.who}\n                    </Typography>\n                    <Typography variant=\"caption\" color=\"text.secondary\" sx={{ whiteSpace: 'nowrap' }}>\n                      {formatOutreachTime(line.atMs, timeZone)}\n                    </Typography>\n                  </Stack>\n                  {line.subject ? (\n                    <Typography variant=\"caption\" color=\"text.secondary\" component=\"div\">\n                      {`Subject: ${line.subject}`}\n                    </Typography>\n                  ) : null}\n                  {line.body ? (\n                    <Typography variant=\"body2\" sx={{ whiteSpace: 'pre-wrap', wordBreak: 'break-word', mt: 0.5 }}>\n                      {line.body}\n                    </Typography>\n                  ) : null}\n                </Box>\n              ))}\n            </Stack>\n          ) : null}\n          {thread?.refusal ? <Alert severity=\"warning\">{thread.refusal.message}</Alert> : null}\n          {draft && !thread?.refusal ? (\n            <>\n              <TextField\n                label=\"Your answer\"\n                value={text}\n                onChange={(event) => setText(event.target.value)}\n                multiline\n                minRows={6}\n                fullWidth\n                autoFocus\n                disabled={sending}\n                slotProps={{ htmlInput: { maxLength: OUTREACH_MANUAL_REPLY_BODY_MAX } }}\n              />\n              <DialogContentText variant=\"body2\">\n                {`Sent as plain text from ${draft.from.address}, in the same thread, with their message quoted beneath. The sequence stays where it is.`}\n              </DialogContentText>\n            </>\n          ) : null}\n          {problem ? <Alert severity=\"error\">{problem}</Alert> : null}\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={props.onClose} disabled={sending}>\n          Cancel\n        </Button>\n        <Button variant=\"contained\" onClick={() => void send()} disabled={!canSend}>\n          {sending ? 'Sending…' : 'Send answer'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\nOutreachReplyDialog.displayName = 'OutreachReplyDialog'\n\nexport default OutreachReplyDialog\n"],"names":["useSnackbar","Alert","Box","Button","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","Stack","TextField","Typography","useMediaQuery","useTheme","useEffect","useMemo","useState","OUTREACH_MANUAL_REPLY_BODY_MAX","formatOutreachTime","OutreachLoading","outreachReplyThreadLines","enrollment","lines","message","inboundMessages","push","key","id","atMs","who","fromName","from","subject","body","inbound","stepRecords","forEach","record","index","kind","sort","a","b","newReplyKey","crypto","globalThis","randomUUID","Date","now","toString","Math","random","slice","OutreachReplyDialog","props","api","timeZone","theme","narrow","breakpoints","down","enqueueSnackbar","stage","setStage","text","setText","sending","setSending","problem","setProblem","enrollmentId","replyKey","undefined","cancelled","readEnrollmentThread","then","thread","error","draft","name","contactName","email","title","canSend","Boolean","refusal","trim","send","answer","replyToEnrollment","answerId","alreadySent","sentTo","variant","onSent","onClose","open","fullWidth","maxWidth","fullScreen","aria-label","dividers","spacing","label","severity","component","sx","m","display","gridTemplateColumns","columnGap","rowGap","color","wordBreak","address","to","length","role","maxHeight","overflowY","border","borderColor","borderRadius","p","map","line","data-inbound","pl","borderLeft","direction","xs","sm","justifyContent","alignItems","fontWeight","whiteSpace","mt","value","onChange","event","target","multiline","minRows","autoFocus","disabled","slotProps","htmlInput","maxLength","onClick","displayName"],"mappings":"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"}