@aglyn/plugins-outreach 1.0.0-beta.143

package/src/lib/components/mailbox-card.js

@@ -0,0 +1,517 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { pluginDocsHelp } from "@aglyn/aglyn";
+import { CardDisplay, useConfirmationContext } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { Alert, Autocomplete, Box, Button, Chip, FormHelperText, MenuItem, Stack, TextField, ToggleButton, ToggleButtonGroup, Typography } from "@mui/material";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { formatMinuteOfDay, isValidTimezone, OUTREACH_DEFAULT_WINDOW, OUTREACH_MAILBOX_STATUS_LABELS, OUTREACH_MAX_DAILY_CAP, OUTREACH_RAMP_STEPS, OUTREACH_WEEKDAY_LABELS, outreachEffectiveDailyCap, summarizeMailboxHealth, validateDailyCap, validateDisplayName, validateSendWindow } from "../mailboxes/mailbox-settings.js";
+/**
+ * What the card says about a mailbox that paused ITSELF (AGL-2981): the
+ * engine's own sentence, when it paused, and — after a complaint — the day
+ * resuming stops being premature. Nothing sends from it until a member
+ * resumes it.
+ */ export function autoPauseSentence(mailbox) {
+    const pause = mailbox.autoPause;
+    if (!pause) return '';
+    const day = (atMs)=>{
+        try {
+            return new Intl.DateTimeFormat('en-US', {
+                dateStyle: 'medium',
+                timeZone: mailbox.timezone
+            }).format(atMs);
+        } catch (unused) {
+            return new Intl.DateTimeFormat('en-US', {
+                dateStyle: 'medium',
+                timeZone: 'UTC'
+            }).format(atMs);
+        }
+    };
+    const until = typeof pause.untilMs === 'number' ? ` Wait until ${day(pause.untilMs)} before resuming it.` : '';
+    return `Sequences paused this mailbox on ${day(pause.atMs)}. ${pause.message}${until} Nothing sends from it until it is resumed.`;
+}
+/** Accessible names of the card's actions, spelled once for the specs. */ export const MAILBOX_ACTION_LABELS = {
+    save: 'Save settings',
+    pause: 'Pause',
+    resume: 'Resume',
+    test: 'Send a test to myself',
+    disconnect: 'Disconnect',
+    reconnect: 'Reconnect'
+};
+const WEEKDAY_NAMES = [
+    'Sunday',
+    'Monday',
+    'Tuesday',
+    'Wednesday',
+    'Thursday',
+    'Friday',
+    'Saturday'
+];
+const STATUS_COLOR = {
+    connected: 'success',
+    paused: 'default',
+    reconnect_required: 'warning',
+    disconnected: 'error'
+};
+/** Every half hour of the day, and midnight at its end. */ const MINUTE_OPTIONS = Array.from({
+    length: 49
+}, (_, index)=>index * 30);
+/** The zones this runtime knows, the mailbox's own included whatever it is. */ function timezoneOptions(current) {
+    var _ref;
+    const supported = (_ref = Intl.supportedValuesOf == null ? void 0 : Intl.supportedValuesOf.call(Intl, 'timeZone')) != null ? _ref : [];
+    const zones = supported.length ? supported : [
+        'UTC'
+    ];
+    return zones.includes(current) ? zones : [
+        current,
+        ...zones
+    ];
+}
+/** The ramp, as the cap's helper text reads it. */ const RAMP_SENTENCE = `Warm-up: ${OUTREACH_RAMP_STEPS.map((step, index)=>`week ${step.week}${index === OUTREACH_RAMP_STEPS.length - 1 ? '+' : ''}: ${step.limit}`).join(' · ')} a day, never above the cap.`;
+const draftOf = (mailbox)=>{
+    var _mailbox_sendAs, _mailbox_displayName, _mailbox_dailyCap, _mailbox_window, _mailbox_timezone;
+    return {
+        sendAs: (_mailbox_sendAs = mailbox.sendAs) != null ? _mailbox_sendAs : mailbox.email,
+        displayName: (_mailbox_displayName = mailbox.displayName) != null ? _mailbox_displayName : '',
+        dailyCap: String((_mailbox_dailyCap = mailbox.dailyCap) != null ? _mailbox_dailyCap : ''),
+        window: (_mailbox_window = mailbox.window) != null ? _mailbox_window : OUTREACH_DEFAULT_WINDOW,
+        timezone: (_mailbox_timezone = mailbox.timezone) != null ? _mailbox_timezone : 'UTC'
+    };
+};
+/**
+ * One connected mailbox (AGL-2978): its account and status, its last seven
+ * days, its settings, and pause, test and disconnect.
+ *
+ * Every control is offered only where the route will allow it: the settings
+ * form and pause and disconnect to the member who connected the mailbox or an
+ * org owner or admin, and the test and the reconnect to its member alone,
+ * because both act in that member's own Google account.
+ */ export function MailboxCard(props) {
+    var _OUTREACH_MAILBOX_STATUS_LABELS_mailbox_status, _STATUS_COLOR_mailbox_status;
+    var _mailbox_sendAsOptions;
+    const { mailbox, isMine, canManage, api, onReconnect, reconnecting = false, nowMs = Date.now() } = props;
+    const { enqueueSnackbar } = useSnackbar();
+    const { confirm } = useConfirmationContext();
+    const [draft, setDraft] = useState(()=>draftOf(mailbox));
+    const [saving, setSaving] = useState(false);
+    const [saveError, setSaveError] = useState(null);
+    const [busy, setBusy] = useState(null);
+    // A save here, a change made from another tab, or a reconnect rewrites the
+    // stored settings; the form follows them, unless the member has unsaved
+    // edits of their own, which are never thrown away.
+    const stored = useMemo(()=>draftOf(mailbox), [
+        mailbox
+    ]);
+    const storedKey = JSON.stringify(stored);
+    const seededFrom = useRef(storedKey);
+    const dirty = JSON.stringify(draft) !== storedKey;
+    useEffect(()=>{
+        if (seededFrom.current === storedKey) return;
+        const previous = seededFrom.current;
+        seededFrom.current = storedKey;
+        setDraft((current)=>JSON.stringify(current) === previous ? stored : current);
+    }, [
+        storedKey,
+        stored
+    ]);
+    const health = summarizeMailboxHealth(mailbox.health, mailbox.timezone, nowMs);
+    const needsReconnect = mailbox.status === 'reconnect_required' || mailbox.status === 'disconnected';
+    const capCheck = validateDailyCap(draft.dailyCap === '' ? Number.NaN : Number(draft.dailyCap));
+    const windowCheck = validateSendWindow(draft.window);
+    const nameCheck = validateDisplayName(draft.displayName);
+    const timezoneValid = isValidTimezone(draft.timezone);
+    const invalid = typeof capCheck !== 'number' || !('days' in windowCheck) || typeof nameCheck !== 'string' || !timezoneValid;
+    const todayLimit = outreachEffectiveDailyCap({
+        dailyCap: typeof capCheck === 'number' ? capCheck : mailbox.dailyCap,
+        rampStartedAtMs: mailbox.rampStartedAtMs,
+        timezone: timezoneValid ? draft.timezone : mailbox.timezone
+    }, nowMs);
+    const save = async ()=>{
+        setSaving(true);
+        setSaveError(null);
+        try {
+            await api.saveSettings(_extends({
+                mailboxId: mailbox.id
+            }, draft.sendAs !== stored.sendAs ? {
+                sendAs: draft.sendAs
+            } : {}, draft.displayName !== stored.displayName ? {
+                displayName: draft.displayName
+            } : {}, draft.dailyCap !== stored.dailyCap ? {
+                dailyCap: Number(draft.dailyCap)
+            } : {}, JSON.stringify(draft.window) !== JSON.stringify(stored.window) ? {
+                window: draft.window
+            } : {}, draft.timezone !== stored.timezone ? {
+                timezone: draft.timezone
+            } : {}));
+            enqueueSnackbar('Mailbox settings saved', {
+                variant: 'success'
+            });
+        } catch (error) {
+            setSaveError(error.message);
+        } finally{
+            setSaving(false);
+        }
+    };
+    const togglePaused = async ()=>{
+        const paused = mailbox.status !== 'paused';
+        setBusy('status');
+        try {
+            await api.setPaused(mailbox.id, paused);
+            enqueueSnackbar(paused ? 'Mailbox paused' : 'Mailbox resumed', {
+                variant: 'success'
+            });
+        } catch (error) {
+            enqueueSnackbar(error.message, {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        } finally{
+            setBusy(null);
+        }
+    };
+    const sendTest = async ()=>{
+        setBusy('test');
+        try {
+            const sent = await api.sendTest(mailbox.id);
+            enqueueSnackbar(`Test sent to ${sent.sentTo}. Check your inbox.`, {
+                variant: 'success'
+            });
+        } catch (error) {
+            enqueueSnackbar(error.message, {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        } finally{
+            setBusy(null);
+        }
+    };
+    const disconnect = async ()=>{
+        const confirmed = await confirm({
+            title: 'Disconnect this mailbox?',
+            description: 'Disconnecting deletes the access stored for this mailbox and asks Google to revoke it. ' + 'Nothing is sent from it again unless it is connected again.',
+            confirmationText: MAILBOX_ACTION_LABELS.disconnect,
+            confirmationButtonProps: {
+                color: 'error'
+            }
+        }).then(()=>true).catch(()=>false);
+        if (!confirmed) return;
+        setBusy('disconnect');
+        try {
+            const { revocation } = await api.disconnect(mailbox.id);
+            if (revocation === 'failed') {
+                enqueueSnackbar('Mailbox disconnected, but Google could not confirm the access was revoked. ' + 'Remove it from the Google Account’s third-party connections to be sure.', {
+                    variant: 'warning',
+                    persist: true
+                });
+            } else if (revocation === 'kept-for-other-mailbox') {
+                enqueueSnackbar('Mailbox disconnected. Google access stays in place for another connected mailbox on the same account.', {
+                    variant: 'success'
+                });
+            } else {
+                enqueueSnackbar('Mailbox disconnected', {
+                    variant: 'success'
+                });
+            }
+        } catch (error) {
+            enqueueSnackbar(error.message, {
+                variant: 'error',
+                allowDuplicate: true
+            });
+            setBusy(null);
+        }
+    };
+    const sendAsLabel = (email)=>{
+        var _mailbox_sendAsOptions;
+        const option = (_mailbox_sendAsOptions = mailbox.sendAsOptions) == null ? void 0 : _mailbox_sendAsOptions.find((entry)=>entry.email === email);
+        return (option == null ? void 0 : option.displayName) ? `${option.displayName} <${option.email}>` : email;
+    };
+    return /*#__PURE__*/ _jsx(CardDisplay, {
+        header: mailbox.email,
+        subheader: isMine ? 'Your mailbox' : 'A teammate’s mailbox',
+        help: pluginDocsHelp('sequences', {
+            anchor: '#connect-a-mailbox'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        HeaderProps: {
+            action: /*#__PURE__*/ _jsx(Chip, {
+                size: "small",
+                label: (_OUTREACH_MAILBOX_STATUS_LABELS_mailbox_status = OUTREACH_MAILBOX_STATUS_LABELS[mailbox.status]) != null ? _OUTREACH_MAILBOX_STATUS_LABELS_mailbox_status : mailbox.status,
+                color: (_STATUS_COLOR_mailbox_status = STATUS_COLOR[mailbox.status]) != null ? _STATUS_COLOR_mailbox_status : 'default'
+            })
+        },
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 2,
+            children: [
+                needsReconnect ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: "warning",
+                    action: isMine ? /*#__PURE__*/ _jsx(Button, {
+                        color: "inherit",
+                        size: "small",
+                        disabled: reconnecting,
+                        onClick: onReconnect,
+                        children: MAILBOX_ACTION_LABELS.reconnect
+                    }) : undefined,
+                    children: `${mailbox.status === 'disconnected' ? 'This mailbox was disconnected.' : 'Google stopped accepting this mailbox’s connection.'} ${isMine ? 'Nothing sends from it until you connect it again.' : 'Only the member who connected it can reconnect it.'}`
+                }) : null,
+                mailbox.status === 'paused' && mailbox.autoPause ? /*#__PURE__*/ _jsx(Alert, {
+                    severity: "error",
+                    role: "alert",
+                    children: autoPauseSentence(mailbox)
+                }) : null,
+                /*#__PURE__*/ _jsxs(Box, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "subtitle2",
+                            children: "Last 7 days"
+                        }),
+                        health.hasSent ? null : /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: "No sends yet"
+                        }),
+                        /*#__PURE__*/ _jsx(Stack, {
+                            direction: "row",
+                            spacing: 3,
+                            sx: {
+                                mt: 0.5
+                            },
+                            children: [
+                                [
+                                    'Sent',
+                                    health.sent
+                                ],
+                                [
+                                    'Bounces',
+                                    health.bounces
+                                ],
+                                [
+                                    'Replies',
+                                    health.replies
+                                ]
+                            ].map(([label, value])=>/*#__PURE__*/ _jsxs(Box, {
+                                    "aria-label": `${label} in the last 7 days`,
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "h6",
+                                            component: "p",
+                                            children: value
+                                        }),
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "caption",
+                                            color: "text.secondary",
+                                            children: label
+                                        })
+                                    ]
+                                }, label))
+                        })
+                    ]
+                }),
+                canManage ? /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    component: "form",
+                    onSubmit: (event)=>event.preventDefault(),
+                    children: [
+                        /*#__PURE__*/ _jsx(TextField, {
+                            select: true,
+                            size: "small",
+                            label: "Send as",
+                            value: draft.sendAs,
+                            onChange: (event)=>setDraft(_extends({}, draft, {
+                                    sendAs: event.target.value
+                                })),
+                            helperText: "Addresses Gmail has verified for this account.",
+                            children: (((_mailbox_sendAsOptions = mailbox.sendAsOptions) == null ? void 0 : _mailbox_sendAsOptions.length) ? mailbox.sendAsOptions : [
+                                {
+                                    email: mailbox.sendAs
+                                }
+                            ]).map((option)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                    value: option.email,
+                                    children: sendAsLabel(option.email)
+                                }, option.email))
+                        }),
+                        /*#__PURE__*/ _jsx(TextField, {
+                            size: "small",
+                            label: "Display name",
+                            value: draft.displayName,
+                            onChange: (event)=>setDraft(_extends({}, draft, {
+                                    displayName: event.target.value
+                                })),
+                            error: typeof nameCheck !== 'string',
+                            helperText: typeof nameCheck !== 'string' ? nameCheck.message : 'The name recipients see beside the address.'
+                        }),
+                        /*#__PURE__*/ _jsx(TextField, {
+                            size: "small",
+                            type: "number",
+                            label: "Daily cap",
+                            value: draft.dailyCap,
+                            onChange: (event)=>setDraft(_extends({}, draft, {
+                                    dailyCap: event.target.value
+                                })),
+                            error: typeof capCheck !== 'number',
+                            slotProps: {
+                                htmlInput: {
+                                    min: 1,
+                                    max: OUTREACH_MAX_DAILY_CAP,
+                                    step: 1
+                                }
+                            },
+                            helperText: typeof capCheck !== 'number' ? capCheck.message : `${RAMP_SENTENCE} Today’s limit: ${todayLimit}.`
+                        }),
+                        /*#__PURE__*/ _jsxs(Box, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "subtitle2",
+                                    gutterBottom: true,
+                                    children: "Sending window"
+                                }),
+                                /*#__PURE__*/ _jsx(ToggleButtonGroup, {
+                                    size: "small",
+                                    "aria-label": "Sending days",
+                                    value: draft.window.days,
+                                    onChange: (_event, days)=>setDraft(_extends({}, draft, {
+                                            window: _extends({}, draft.window, {
+                                                days: [
+                                                    ...days
+                                                ].sort((a, b)=>a - b)
+                                            })
+                                        })),
+                                    children: OUTREACH_WEEKDAY_LABELS.map((label, day)=>/*#__PURE__*/ _jsx(ToggleButton, {
+                                            value: day,
+                                            "aria-label": WEEKDAY_NAMES[day],
+                                            children: label
+                                        }, label))
+                                }),
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    direction: {
+                                        xs: 'column',
+                                        sm: 'row'
+                                    },
+                                    spacing: 2,
+                                    sx: {
+                                        mt: 2
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(TextField, {
+                                            select: true,
+                                            size: "small",
+                                            label: "From",
+                                            value: draft.window.startMinute,
+                                            onChange: (event)=>setDraft(_extends({}, draft, {
+                                                    window: _extends({}, draft.window, {
+                                                        startMinute: Number(event.target.value)
+                                                    })
+                                                })),
+                                            children: MINUTE_OPTIONS.slice(0, -1).map((minute)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                                    value: minute,
+                                                    children: formatMinuteOfDay(minute)
+                                                }, minute))
+                                        }),
+                                        /*#__PURE__*/ _jsx(TextField, {
+                                            select: true,
+                                            size: "small",
+                                            label: "Until",
+                                            value: draft.window.endMinute,
+                                            onChange: (event)=>setDraft(_extends({}, draft, {
+                                                    window: _extends({}, draft.window, {
+                                                        endMinute: Number(event.target.value)
+                                                    })
+                                                })),
+                                            children: MINUTE_OPTIONS.slice(1).map((minute)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                                    value: minute,
+                                                    children: formatMinuteOfDay(minute)
+                                                }, minute))
+                                        }),
+                                        /*#__PURE__*/ _jsx(Autocomplete, {
+                                            size: "small",
+                                            disableClearable: true,
+                                            options: timezoneOptions(mailbox.timezone),
+                                            value: draft.timezone,
+                                            onChange: (_event, timezone)=>setDraft(_extends({}, draft, {
+                                                    timezone: timezone != null ? timezone : draft.timezone
+                                                })),
+                                            sx: {
+                                                minWidth: 240
+                                            },
+                                            renderInput: (params)=>/*#__PURE__*/ _jsx(TextField, _extends({}, params, {
+                                                    label: "Timezone"
+                                                }))
+                                        })
+                                    ]
+                                }),
+                                'days' in windowCheck ? null : /*#__PURE__*/ _jsx(FormHelperText, {
+                                    error: true,
+                                    children: windowCheck.message
+                                })
+                            ]
+                        }),
+                        saveError ? /*#__PURE__*/ _jsx(FormHelperText, {
+                            error: true,
+                            children: saveError
+                        }) : null,
+                        /*#__PURE__*/ _jsx(Box, {
+                            children: /*#__PURE__*/ _jsx(Button, {
+                                variant: "contained",
+                                disabled: !dirty || invalid || saving,
+                                onClick: ()=>void save(),
+                                children: MAILBOX_ACTION_LABELS.save
+                            })
+                        })
+                    ]
+                }) : /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: `Sends as ${sendAsLabel(stored.sendAs)}, at most ${stored.dailyCap} a day, ` + `${stored.window.days.map((day)=>OUTREACH_WEEKDAY_LABELS[day]).join(', ')} ` + `${formatMinuteOfDay(stored.window.startMinute)}–${formatMinuteOfDay(stored.window.endMinute)} ` + `(${stored.timezone}).`
+                }),
+                canManage || isMine ? /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    useFlexGap: true,
+                    sx: {
+                        flexWrap: 'wrap'
+                    },
+                    children: [
+                        canManage && !needsReconnect ? /*#__PURE__*/ _jsx(Button, {
+                            variant: "outlined",
+                            disabled: busy !== null,
+                            onClick: ()=>void togglePaused(),
+                            children: mailbox.status === 'paused' ? MAILBOX_ACTION_LABELS.resume : MAILBOX_ACTION_LABELS.pause
+                        }) : null,
+                        isMine && !needsReconnect ? /*#__PURE__*/ _jsx(Button, {
+                            variant: "outlined",
+                            disabled: busy !== null,
+                            onClick: ()=>void sendTest(),
+                            children: MAILBOX_ACTION_LABELS.test
+                        }) : null,
+                        canManage ? /*#__PURE__*/ _jsx(Button, {
+                            color: "error",
+                            disabled: busy !== null,
+                            onClick: ()=>void disconnect(),
+                            children: MAILBOX_ACTION_LABELS.disconnect
+                        }) : null
+                    ]
+                }) : null
+            ]
+        })
+    });
+}
+MailboxCard.displayName = 'MailboxCard';
+export default MailboxCard;
+
+//# sourceMappingURL=mailbox-card.js.map

package/src/lib/components/mailbox-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/mailbox-card.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { pluginDocsHelp } from '@aglyn/aglyn'\nimport { CardDisplay, useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Alert,\n  Autocomplete,\n  Box,\n  Button,\n  Chip,\n  FormHelperText,\n  MenuItem,\n  Stack,\n  TextField,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n} from '@mui/material'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  formatMinuteOfDay,\n  isValidTimezone,\n  OUTREACH_DEFAULT_WINDOW,\n  OUTREACH_MAILBOX_STATUS_LABELS,\n  OUTREACH_MAX_DAILY_CAP,\n  OUTREACH_RAMP_STEPS,\n  OUTREACH_WEEKDAY_LABELS,\n  outreachEffectiveDailyCap,\n  summarizeMailboxHealth,\n  validateDailyCap,\n  validateDisplayName,\n  validateSendWindow,\n} from '../mailboxes/mailbox-settings'\nimport type {\n  OutreachMailbox,\n  OutreachMailboxStatus,\n  OutreachSendWindow,\n} from '../model/outreach.types'\nimport type { OutreachMailboxApi } from './use-outreach-mailbox-api'\n\nexport interface MailboxCardProps {\n  mailbox: OutreachMailbox\n  /** The viewer is the member who connected it. */\n  isMine: boolean\n  /** The viewer may change, pause and disconnect it: its member, or an org owner or admin. */\n  canManage: boolean\n  api: OutreachMailboxApi\n  /** Starts a new Google connect, for a mailbox that needs reconnecting. */\n  onReconnect(): void\n  /** True while that connect is on its way to Google. */\n  reconnecting?: boolean\n  /** The clock the health window and today's limit are read on. */\n  nowMs?: number\n}\n\n/**\n * What the card says about a mailbox that paused ITSELF (AGL-2981): the\n * engine's own sentence, when it paused, and — after a complaint — the day\n * resuming stops being premature. Nothing sends from it until a member\n * resumes it.\n */\nexport function autoPauseSentence(mailbox: Pick<OutreachMailbox, 'autoPause' | 'timezone'>): string {\n  const pause = mailbox.autoPause\n  if (!pause) return ''\n  const day = (atMs: number) => {\n    try {\n      return new Intl.DateTimeFormat('en-US', { dateStyle: 'medium', timeZone: mailbox.timezone }).format(atMs)\n    } catch {\n      return new Intl.DateTimeFormat('en-US', { dateStyle: 'medium', timeZone: 'UTC' }).format(atMs)\n    }\n  }\n  const until = typeof pause.untilMs === 'number' ? ` Wait until ${day(pause.untilMs)} before resuming it.` : ''\n  return `Sequences paused this mailbox on ${day(pause.atMs)}. ${pause.message}${until} Nothing sends from it until it is resumed.`\n}\n\n/** Accessible names of the card's actions, spelled once for the specs. */\nexport const MAILBOX_ACTION_LABELS = {\n  save: 'Save settings',\n  pause: 'Pause',\n  resume: 'Resume',\n  test: 'Send a test to myself',\n  disconnect: 'Disconnect',\n  reconnect: 'Reconnect',\n} as const\n\nconst WEEKDAY_NAMES = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']\n\nconst STATUS_COLOR: Record<OutreachMailboxStatus, 'success' | 'default' | 'warning' | 'error'> = {\n  connected: 'success',\n  paused: 'default',\n  reconnect_required: 'warning',\n  disconnected: 'error',\n}\n\n/** Every half hour of the day, and midnight at its end. */\nconst MINUTE_OPTIONS = Array.from({ length: 49 }, (_, index) => index * 30)\n\n/** The zones this runtime knows, the mailbox's own included whatever it is. */\nfunction timezoneOptions(current: string): string[] {\n  const supported = (Intl as { supportedValuesOf?: (key: string) => string[] }).supportedValuesOf?.('timeZone') ?? []\n  const zones = supported.length ? supported : ['UTC']\n  return zones.includes(current) ? zones : [current, ...zones]\n}\n\n/** The ramp, as the cap's helper text reads it. */\nconst RAMP_SENTENCE = `Warm-up: ${OUTREACH_RAMP_STEPS.map((step, index) =>\n  `week ${step.week}${index === OUTREACH_RAMP_STEPS.length - 1 ? '+' : ''}: ${step.limit}`,\n).join(' · ')} a day, never above the cap.`\n\ninterface Draft {\n  sendAs: string\n  displayName: string\n  dailyCap: string\n  window: OutreachSendWindow\n  timezone: string\n}\n\nconst draftOf = (mailbox: OutreachMailbox): Draft => ({\n  sendAs: mailbox.sendAs ?? mailbox.email,\n  displayName: mailbox.displayName ?? '',\n  dailyCap: String(mailbox.dailyCap ?? ''),\n  window: mailbox.window ?? OUTREACH_DEFAULT_WINDOW,\n  timezone: mailbox.timezone ?? 'UTC',\n})\n\n/**\n * One connected mailbox (AGL-2978): its account and status, its last seven\n * days, its settings, and pause, test and disconnect.\n *\n * Every control is offered only where the route will allow it: the settings\n * form and pause and disconnect to the member who connected the mailbox or an\n * org owner or admin, and the test and the reconnect to its member alone,\n * because both act in that member's own Google account.\n */\nexport function MailboxCard(props: MailboxCardProps) {\n  const { mailbox, isMine, canManage, api, onReconnect, reconnecting = false, nowMs = Date.now() } = props\n  const { enqueueSnackbar } = useSnackbar()\n  const { confirm } = useConfirmationContext()\n  const [draft, setDraft] = useState<Draft>(() => draftOf(mailbox))\n  const [saving, setSaving] = useState(false)\n  const [saveError, setSaveError] = useState<string | null>(null)\n  const [busy, setBusy] = useState<'status' | 'test' | 'disconnect' | null>(null)\n\n  // A save here, a change made from another tab, or a reconnect rewrites the\n  // stored settings; the form follows them, unless the member has unsaved\n  // edits of their own, which are never thrown away.\n  const stored = useMemo(() => draftOf(mailbox), [mailbox])\n  const storedKey = JSON.stringify(stored)\n  const seededFrom = useRef(storedKey)\n  const dirty = JSON.stringify(draft) !== storedKey\n  useEffect(() => {\n    if (seededFrom.current === storedKey) return\n    const previous = seededFrom.current\n    seededFrom.current = storedKey\n    setDraft((current) => (JSON.stringify(current) === previous ? stored : current))\n  }, [storedKey, stored])\n\n  const health = summarizeMailboxHealth(mailbox.health, mailbox.timezone, nowMs)\n  const needsReconnect = mailbox.status === 'reconnect_required' || mailbox.status === 'disconnected'\n  const capCheck = validateDailyCap(draft.dailyCap === '' ? Number.NaN : Number(draft.dailyCap))\n  const windowCheck = validateSendWindow(draft.window)\n  const nameCheck = validateDisplayName(draft.displayName)\n  const timezoneValid = isValidTimezone(draft.timezone)\n  const invalid =\n    typeof capCheck !== 'number' || !('days' in windowCheck) || typeof nameCheck !== 'string' || !timezoneValid\n  const todayLimit = outreachEffectiveDailyCap(\n    {\n      dailyCap: typeof capCheck === 'number' ? capCheck : mailbox.dailyCap,\n      rampStartedAtMs: mailbox.rampStartedAtMs,\n      timezone: timezoneValid ? draft.timezone : mailbox.timezone,\n    },\n    nowMs,\n  )\n\n  const save = async () => {\n    setSaving(true)\n    setSaveError(null)\n    try {\n      await api.saveSettings({\n        mailboxId: mailbox.id,\n        ...(draft.sendAs !== stored.sendAs ? { sendAs: draft.sendAs } : {}),\n        ...(draft.displayName !== stored.displayName ? { displayName: draft.displayName } : {}),\n        ...(draft.dailyCap !== stored.dailyCap ? { dailyCap: Number(draft.dailyCap) } : {}),\n        ...(JSON.stringify(draft.window) !== JSON.stringify(stored.window) ? { window: draft.window } : {}),\n        ...(draft.timezone !== stored.timezone ? { timezone: draft.timezone } : {}),\n      })\n      enqueueSnackbar('Mailbox settings saved', { variant: 'success' })\n    } catch (error) {\n      setSaveError((error as Error).message)\n    } finally {\n      setSaving(false)\n    }\n  }\n\n  const togglePaused = async () => {\n    const paused = mailbox.status !== 'paused'\n    setBusy('status')\n    try {\n      await api.setPaused(mailbox.id, paused)\n      enqueueSnackbar(paused ? 'Mailbox paused' : 'Mailbox resumed', { variant: 'success' })\n    } catch (error) {\n      enqueueSnackbar((error as Error).message, { variant: 'error', allowDuplicate: true })\n    } finally {\n      setBusy(null)\n    }\n  }\n\n  const sendTest = async () => {\n    setBusy('test')\n    try {\n      const sent = await api.sendTest(mailbox.id)\n      enqueueSnackbar(`Test sent to ${sent.sentTo}. Check your inbox.`, { variant: 'success' })\n    } catch (error) {\n      enqueueSnackbar((error as Error).message, { variant: 'error', allowDuplicate: true })\n    } finally {\n      setBusy(null)\n    }\n  }\n\n  const disconnect = async () => {\n    const confirmed = await confirm({\n      title: 'Disconnect this mailbox?',\n      description:\n        'Disconnecting deletes the access stored for this mailbox and asks Google to revoke it. ' +\n        'Nothing is sent from it again unless it is connected again.',\n      confirmationText: MAILBOX_ACTION_LABELS.disconnect,\n      confirmationButtonProps: { color: 'error' },\n    })\n      .then(() => true)\n      .catch(() => false)\n    if (!confirmed) return\n    setBusy('disconnect')\n    try {\n      const { revocation } = await api.disconnect(mailbox.id)\n      if (revocation === 'failed') {\n        enqueueSnackbar(\n          'Mailbox disconnected, but Google could not confirm the access was revoked. ' +\n            'Remove it from the Google Account’s third-party connections to be sure.',\n          { variant: 'warning', persist: true },\n        )\n      } else if (revocation === 'kept-for-other-mailbox') {\n        enqueueSnackbar(\n          'Mailbox disconnected. Google access stays in place for another connected mailbox on the same account.',\n          { variant: 'success' },\n        )\n      } else {\n        enqueueSnackbar('Mailbox disconnected', { variant: 'success' })\n      }\n    } catch (error) {\n      enqueueSnackbar((error as Error).message, { variant: 'error', allowDuplicate: true })\n      setBusy(null)\n    }\n  }\n\n  const sendAsLabel = (email: string) => {\n    const option = mailbox.sendAsOptions?.find((entry) => entry.email === email)\n    return option?.displayName ? `${option.displayName} <${option.email}>` : email\n  }\n\n  return (\n    <CardDisplay\n      header={mailbox.email}\n      subheader={isMine ? 'Your mailbox' : 'A teammate’s mailbox'}\n      help={pluginDocsHelp('sequences', { anchor: '#connect-a-mailbox' })}\n      contentGutterX\n      contentGutterY\n      HeaderProps={{\n        action: (\n          <Chip\n            size=\"small\"\n            label={OUTREACH_MAILBOX_STATUS_LABELS[mailbox.status] ?? mailbox.status}\n            color={STATUS_COLOR[mailbox.status] ?? 'default'}\n          />\n        ),\n      }}\n    >\n      <Stack spacing={2}>\n        {needsReconnect ? (\n          <Alert\n            severity=\"warning\"\n            action={\n              isMine ? (\n                <Button color=\"inherit\" size=\"small\" disabled={reconnecting} onClick={onReconnect}>\n                  {MAILBOX_ACTION_LABELS.reconnect}\n                </Button>\n              ) : undefined\n            }\n          >\n            {`${\n              mailbox.status === 'disconnected'\n                ? 'This mailbox was disconnected.'\n                : 'Google stopped accepting this mailbox’s connection.'\n            } ${\n              isMine\n                ? 'Nothing sends from it until you connect it again.'\n                : 'Only the member who connected it can reconnect it.'\n            }`}\n          </Alert>\n        ) : null}\n        {mailbox.status === 'paused' && mailbox.autoPause ? (\n          <Alert severity=\"error\" role=\"alert\">\n            {autoPauseSentence(mailbox)}\n          </Alert>\n        ) : null}\n\n        <Box>\n          <Typography variant=\"subtitle2\">Last 7 days</Typography>\n          {health.hasSent ? null : (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              No sends yet\n            </Typography>\n          )}\n          <Stack direction=\"row\" spacing={3} sx={{ mt: 0.5 }}>\n            {[\n              ['Sent', health.sent],\n              ['Bounces', health.bounces],\n              ['Replies', health.replies],\n            ].map(([label, value]) => (\n              <Box key={label as string} aria-label={`${label} in the last 7 days`}>\n                <Typography variant=\"h6\" component=\"p\">\n                  {value}\n                </Typography>\n                <Typography variant=\"caption\" color=\"text.secondary\">\n                  {label}\n                </Typography>\n              </Box>\n            ))}\n          </Stack>\n        </Box>\n\n        {canManage ? (\n          <Stack spacing={2} component=\"form\" onSubmit={(event) => event.preventDefault()}>\n            <TextField\n              select\n              size=\"small\"\n              label=\"Send as\"\n              value={draft.sendAs}\n              onChange={(event) => setDraft({ ...draft, sendAs: event.target.value })}\n              helperText=\"Addresses Gmail has verified for this account.\"\n            >\n              {(mailbox.sendAsOptions?.length ? mailbox.sendAsOptions : [{ email: mailbox.sendAs }]).map((option) => (\n                <MenuItem key={option.email} value={option.email}>\n                  {sendAsLabel(option.email)}\n                </MenuItem>\n              ))}\n            </TextField>\n            <TextField\n              size=\"small\"\n              label=\"Display name\"\n              value={draft.displayName}\n              onChange={(event) => setDraft({ ...draft, displayName: event.target.value })}\n              error={typeof nameCheck !== 'string'}\n              helperText={typeof nameCheck !== 'string' ? nameCheck.message : 'The name recipients see beside the address.'}\n            />\n            <TextField\n              size=\"small\"\n              type=\"number\"\n              label=\"Daily cap\"\n              value={draft.dailyCap}\n              onChange={(event) => setDraft({ ...draft, dailyCap: event.target.value })}\n              error={typeof capCheck !== 'number'}\n              slotProps={{ htmlInput: { min: 1, max: OUTREACH_MAX_DAILY_CAP, step: 1 } }}\n              helperText={\n                typeof capCheck !== 'number'\n                  ? capCheck.message\n                  : `${RAMP_SENTENCE} Today’s limit: ${todayLimit}.`\n              }\n            />\n            <Box>\n              <Typography variant=\"subtitle2\" gutterBottom>\n                Sending window\n              </Typography>\n              <ToggleButtonGroup\n                size=\"small\"\n                aria-label=\"Sending days\"\n                value={draft.window.days}\n                onChange={(_event, days: number[]) =>\n                  setDraft({ ...draft, window: { ...draft.window, days: [...days].sort((a, b) => a - b) } })\n                }\n              >\n                {OUTREACH_WEEKDAY_LABELS.map((label, day) => (\n                  <ToggleButton key={label} value={day} aria-label={WEEKDAY_NAMES[day]}>\n                    {label}\n                  </ToggleButton>\n                ))}\n              </ToggleButtonGroup>\n              <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} sx={{ mt: 2 }}>\n                <TextField\n                  select\n                  size=\"small\"\n                  label=\"From\"\n                  value={draft.window.startMinute}\n                  onChange={(event) =>\n                    setDraft({ ...draft, window: { ...draft.window, startMinute: Number(event.target.value) } })\n                  }\n                >\n                  {MINUTE_OPTIONS.slice(0, -1).map((minute) => (\n                    <MenuItem key={minute} value={minute}>\n                      {formatMinuteOfDay(minute)}\n                    </MenuItem>\n                  ))}\n                </TextField>\n                <TextField\n                  select\n                  size=\"small\"\n                  label=\"Until\"\n                  value={draft.window.endMinute}\n                  onChange={(event) =>\n                    setDraft({ ...draft, window: { ...draft.window, endMinute: Number(event.target.value) } })\n                  }\n                >\n                  {MINUTE_OPTIONS.slice(1).map((minute) => (\n                    <MenuItem key={minute} value={minute}>\n                      {formatMinuteOfDay(minute)}\n                    </MenuItem>\n                  ))}\n                </TextField>\n                <Autocomplete\n                  size=\"small\"\n                  disableClearable\n                  options={timezoneOptions(mailbox.timezone)}\n                  value={draft.timezone}\n                  onChange={(_event, timezone) => setDraft({ ...draft, timezone: timezone ?? draft.timezone })}\n                  sx={{ minWidth: 240 }}\n                  renderInput={(params) => <TextField {...params} label=\"Timezone\" />}\n                />\n              </Stack>\n              {'days' in windowCheck ? null : <FormHelperText error>{windowCheck.message}</FormHelperText>}\n            </Box>\n            {saveError ? <FormHelperText error>{saveError}</FormHelperText> : null}\n            <Box>\n              <Button variant=\"contained\" disabled={!dirty || invalid || saving} onClick={() => void save()}>\n                {MAILBOX_ACTION_LABELS.save}\n              </Button>\n            </Box>\n          </Stack>\n        ) : (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {`Sends as ${sendAsLabel(stored.sendAs)}, at most ${stored.dailyCap} a day, ` +\n              `${stored.window.days.map((day) => OUTREACH_WEEKDAY_LABELS[day]).join(', ')} ` +\n              `${formatMinuteOfDay(stored.window.startMinute)}–${formatMinuteOfDay(stored.window.endMinute)} ` +\n              `(${stored.timezone}).`}\n          </Typography>\n        )}\n\n        {canManage || isMine ? (\n          <Stack direction=\"row\" spacing={1} useFlexGap sx={{ flexWrap: 'wrap' }}>\n            {canManage && !needsReconnect ? (\n              <Button variant=\"outlined\" disabled={busy !== null} onClick={() => void togglePaused()}>\n                {mailbox.status === 'paused' ? MAILBOX_ACTION_LABELS.resume : MAILBOX_ACTION_LABELS.pause}\n              </Button>\n            ) : null}\n            {isMine && !needsReconnect ? (\n              <Button variant=\"outlined\" disabled={busy !== null} onClick={() => void sendTest()}>\n                {MAILBOX_ACTION_LABELS.test}\n              </Button>\n            ) : null}\n            {canManage ? (\n              <Button color=\"error\" disabled={busy !== null} onClick={() => void disconnect()}>\n                {MAILBOX_ACTION_LABELS.disconnect}\n              </Button>\n            ) : null}\n          </Stack>\n        ) : null}\n      </Stack>\n    </CardDisplay>\n  )\n}\nMailboxCard.displayName = 'MailboxCard'\n\nexport default MailboxCard\n"],"names":["pluginDocsHelp","CardDisplay","useConfirmationContext","useSnackbar","Alert","Autocomplete","Box","Button","Chip","FormHelperText","MenuItem","Stack","TextField","ToggleButton","ToggleButtonGroup","Typography","useEffect","useMemo","useRef","useState","formatMinuteOfDay","isValidTimezone","OUTREACH_DEFAULT_WINDOW","OUTREACH_MAILBOX_STATUS_LABELS","OUTREACH_MAX_DAILY_CAP","OUTREACH_RAMP_STEPS","OUTREACH_WEEKDAY_LABELS","outreachEffectiveDailyCap","summarizeMailboxHealth","validateDailyCap","validateDisplayName","validateSendWindow","autoPauseSentence","mailbox","pause","autoPause","day","atMs","Intl","DateTimeFormat","dateStyle","timeZone","timezone","format","until","untilMs","message","MAILBOX_ACTION_LABELS","save","resume","test","disconnect","reconnect","WEEKDAY_NAMES","STATUS_COLOR","connected","paused","reconnect_required","disconnected","MINUTE_OPTIONS","Array","from","length","_","index","timezoneOptions","current","supported","supportedValuesOf","zones","includes","RAMP_SENTENCE","map","step","week","limit","join","draftOf","sendAs","email","displayName","dailyCap","String","window","MailboxCard","props","isMine","canManage","api","onReconnect","reconnecting","nowMs","Date","now","enqueueSnackbar","confirm","draft","setDraft","saving","setSaving","saveError","setSaveError","busy","setBusy","stored","storedKey","JSON","stringify","seededFrom","dirty","previous","health","needsReconnect","status","capCheck","Number","NaN","windowCheck","nameCheck","timezoneValid","invalid","todayLimit","rampStartedAtMs","saveSettings","mailboxId","id","variant","error","togglePaused","setPaused","allowDuplicate","sendTest","sent","sentTo","confirmed","title","description","confirmationText","confirmationButtonProps","color","then","catch","revocation","persist","sendAsLabel","option","sendAsOptions","find","entry","header","subheader","help","anchor","contentGutterX","contentGutterY","HeaderProps","action","size","label","spacing","severity","disabled","onClick","undefined","role","hasSent","direction","sx","mt","bounces","replies","value","aria-label","component","onSubmit","event","preventDefault","select","onChange","target","helperText","type","slotProps","htmlInput","min","max","gutterBottom","days","_event","sort","a","b","xs","sm","startMinute","slice","minute","endMinute","disableClearable","options","minWidth","renderInput","params","useFlexGap","flexWrap"],"mappings":"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"}

package/src/lib/components/mailboxes-section.d.ts

@@ -0,0 +1,24 @@
+export interface OutreachMailboxesSectionProps {
+    /** The organization the hub is mounted under; `null` until the shell knows it. */
+    orgId: string | null;
+    /** Sends the browser to Google's consent screen. A test seam; the page's own location by default. */
+    navigate?: (url: string) => void;
+}
+/** The connect button's accessible name, spelled once for the specs. */
+export declare const CONNECT_WITH_GOOGLE_LABEL = "Connect with Google";
+/**
+ * The Mailboxes section (AGL-2978): the organization's connected Google
+ * mailboxes, and the connect that adds one.
+ *
+ * A connect leaves the console for Google's consent screen and comes back
+ * here through the callback route, which puts the authorization code in this
+ * page's URL fragment. The section reads the fragment once, takes it out of
+ * the address bar before anything else, and finishes the connect with the
+ * member's own session — the step that refuses a connect started by anyone
+ * else.
+ */
+export declare function OutreachMailboxesSection(props: OutreachMailboxesSectionProps): import("react").JSX.Element;
+export declare namespace OutreachMailboxesSection {
+    var displayName: string;
+}
+export default OutreachMailboxesSection;