@aglyn/plugins-outreach 1.0.0-beta.143

package/src/lib/components/outreach-ui.js

@@ -0,0 +1,171 @@
+/**
+ * @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 { Alert, Button, Chip, CircularProgress, Link, Stack, Typography } from "@mui/material";
+import { useRouter } from "next/navigation";
+/**
+ * The pieces every Outreach page shares (AGL-2980): the words for each
+ * status, the states a read can be in, and a link that navigates inside the
+ * console without reloading it.
+ */ export const OUTREACH_SEQUENCE_STATUS_LABELS = {
+    draft: 'Draft',
+    active: 'Active',
+    paused: 'Paused',
+    archived: 'Archived'
+};
+const SEQUENCE_STATUS_COLORS = {
+    draft: 'default',
+    active: 'success',
+    paused: 'warning',
+    archived: 'default'
+};
+export const OUTREACH_ENROLLMENT_STATUS_LABELS = {
+    active: 'Active',
+    paused: 'Paused',
+    finished: 'Finished',
+    replied: 'Replied',
+    bounced: 'Bounced',
+    opted_out: 'Opted out',
+    stopped: 'Stopped',
+    failed: 'Failed'
+};
+const ENROLLMENT_STATUS_COLORS = {
+    active: 'success',
+    paused: 'warning',
+    finished: 'default',
+    replied: 'info',
+    bounced: 'error',
+    opted_out: 'default',
+    stopped: 'default',
+    failed: 'error'
+};
+/** Why an enrollment is not active, as the table says it. */ export const OUTREACH_STOP_REASON_LABELS = {
+    reply: 'They replied',
+    hard_bounce: 'The address bounced',
+    opt_out_reply: 'They asked not to be emailed',
+    unsubscribe: 'They unsubscribed',
+    do_not_contact: 'On the do-not-contact list',
+    gate: 'No longer eligible',
+    manual: 'By a member',
+    sequence_archived: 'The sequence was archived',
+    send_failed: "An email couldn't be sent"
+};
+export function OutreachSequenceStatusChip(props) {
+    return /*#__PURE__*/ _jsx(Chip, {
+        size: "small",
+        label: OUTREACH_SEQUENCE_STATUS_LABELS[props.status],
+        color: SEQUENCE_STATUS_COLORS[props.status],
+        variant: props.status === 'archived' ? 'outlined' : 'filled'
+    });
+}
+export function OutreachEnrollmentStatusChip(props) {
+    return /*#__PURE__*/ _jsx(Chip, {
+        size: "small",
+        label: OUTREACH_ENROLLMENT_STATUS_LABELS[props.status],
+        color: ENROLLMENT_STATUS_COLORS[props.status]
+    });
+}
+/** Progress for a read still on its way. */ export function OutreachLoading(props) {
+    return /*#__PURE__*/ _jsxs(Stack, {
+        direction: "row",
+        spacing: 1,
+        sx: {
+            alignItems: 'center',
+            py: 2
+        },
+        role: "status",
+        children: [
+            /*#__PURE__*/ _jsx(CircularProgress, {
+                size: 18
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: props.label
+            })
+        ]
+    });
+}
+/** The words a refused read shows when the route gave none of its own. */ export const OUTREACH_REFUSED_MESSAGE = "You don't have access to this in Sequences. Ask an organization owner or admin for the Use Sequences permission.";
+/**
+ * What a failed or refused read shows. A refusal is a statement about the
+ * reader, not a fault, so it reads as information and offers no retry.
+ */ export function OutreachLoadProblem(props) {
+    if (props.status === 'refused') {
+        return /*#__PURE__*/ _jsx(Alert, {
+            severity: "info",
+            children: props.message || OUTREACH_REFUSED_MESSAGE
+        });
+    }
+    return /*#__PURE__*/ _jsx(Alert, {
+        severity: "error",
+        action: props.onRetry ? /*#__PURE__*/ _jsx(Button, {
+            color: "inherit",
+            size: "small",
+            onClick: props.onRetry,
+            children: "Try again"
+        }) : undefined,
+        children: props.message || `The ${props.what} could not be loaded. Reload the page to try again.`
+    });
+}
+/** Navigation inside the console, without reloading it. */ export function useOutreachNavigate() {
+    const router = useRouter();
+    return (href)=>router.push(href);
+}
+/**
+ * A link inside the console: a real anchor, so it opens in a new tab when
+ * asked to, and a client navigation otherwise.
+ */ export function OutreachLink(props) {
+    var _props_underline;
+    const navigate = useOutreachNavigate();
+    const onClick = (event)=>{
+        if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
+            return;
+        }
+        event.preventDefault();
+        navigate(props.href);
+    };
+    return /*#__PURE__*/ _jsx(Link, {
+        href: props.href,
+        onClick: onClick,
+        underline: (_props_underline = props.underline) != null ? _props_underline : 'hover',
+        children: props.children
+    });
+}
+/**
+ * A moment as a reader in `timeZone` reads it — "Sep 22, 9:14 AM CDT" — or
+ * in the reader's own zone when none is known.
+ */ export function formatOutreachTime(ms, timeZone) {
+    if (typeof ms !== 'number' || !Number.isFinite(ms)) return '—';
+    const options = {
+        month: 'short',
+        day: 'numeric',
+        hour: 'numeric',
+        minute: '2-digit',
+        timeZoneName: 'short'
+    };
+    try {
+        return new Intl.DateTimeFormat('en-US', _extends({}, options, timeZone ? {
+            timeZone
+        } : {})).format(ms);
+    } catch (unused) {
+        return new Intl.DateTimeFormat('en-US', options).format(ms);
+    }
+}
+
+//# sourceMappingURL=outreach-ui.js.map

package/src/lib/components/outreach-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/outreach-ui.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 {\n  Alert,\n  Button,\n  Chip,\n  type ChipProps,\n  CircularProgress,\n  Link,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { useRouter } from 'next/navigation'\nimport type { MouseEvent, ReactNode } from 'react'\nimport type {\n  OutreachEnrollmentStatus,\n  OutreachSequenceStatus,\n  OutreachStopReason,\n} from '../model/outreach.types'\nimport type { OutreachLoadStatus } from './use-outreach-data'\n\n/**\n * The pieces every Outreach page shares (AGL-2980): the words for each\n * status, the states a read can be in, and a link that navigates inside the\n * console without reloading it.\n */\n\nexport const OUTREACH_SEQUENCE_STATUS_LABELS: Record<\n  OutreachSequenceStatus,\n  string\n> = {\n  draft: 'Draft',\n  active: 'Active',\n  paused: 'Paused',\n  archived: 'Archived',\n}\n\nconst SEQUENCE_STATUS_COLORS: Record<\n  OutreachSequenceStatus,\n  ChipProps['color']\n> = {\n  draft: 'default',\n  active: 'success',\n  paused: 'warning',\n  archived: 'default',\n}\n\nexport const OUTREACH_ENROLLMENT_STATUS_LABELS: Record<\n  OutreachEnrollmentStatus,\n  string\n> = {\n  active: 'Active',\n  paused: 'Paused',\n  finished: 'Finished',\n  replied: 'Replied',\n  bounced: 'Bounced',\n  opted_out: 'Opted out',\n  stopped: 'Stopped',\n  failed: 'Failed',\n}\n\nconst ENROLLMENT_STATUS_COLORS: Record<\n  OutreachEnrollmentStatus,\n  ChipProps['color']\n> = {\n  active: 'success',\n  paused: 'warning',\n  finished: 'default',\n  replied: 'info',\n  bounced: 'error',\n  opted_out: 'default',\n  stopped: 'default',\n  failed: 'error',\n}\n\n/** Why an enrollment is not active, as the table says it. */\nexport const OUTREACH_STOP_REASON_LABELS: Record<OutreachStopReason, string> = {\n  reply: 'They replied',\n  hard_bounce: 'The address bounced',\n  opt_out_reply: 'They asked not to be emailed',\n  unsubscribe: 'They unsubscribed',\n  do_not_contact: 'On the do-not-contact list',\n  gate: 'No longer eligible',\n  manual: 'By a member',\n  sequence_archived: 'The sequence was archived',\n  send_failed: \"An email couldn't be sent\",\n}\n\nexport function OutreachSequenceStatusChip(props: {\n  status: OutreachSequenceStatus\n}) {\n  return (\n    <Chip\n      size=\"small\"\n      label={OUTREACH_SEQUENCE_STATUS_LABELS[props.status]}\n      color={SEQUENCE_STATUS_COLORS[props.status]}\n      variant={props.status === 'archived' ? 'outlined' : 'filled'}\n    />\n  )\n}\n\nexport function OutreachEnrollmentStatusChip(props: {\n  status: OutreachEnrollmentStatus\n}) {\n  return (\n    <Chip\n      size=\"small\"\n      label={OUTREACH_ENROLLMENT_STATUS_LABELS[props.status]}\n      color={ENROLLMENT_STATUS_COLORS[props.status]}\n    />\n  )\n}\n\n/** Progress for a read still on its way. */\nexport function OutreachLoading(props: { label: string }) {\n  return (\n    <Stack\n      direction=\"row\"\n      spacing={1}\n      sx={{ alignItems: 'center', py: 2 }}\n      role=\"status\"\n    >\n      <CircularProgress size={18} />\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {props.label}\n      </Typography>\n    </Stack>\n  )\n}\n\n/** The words a refused read shows when the route gave none of its own. */\nexport const OUTREACH_REFUSED_MESSAGE =\n  \"You don't have access to this in Sequences. Ask an organization owner or admin for the Use Sequences permission.\"\n\n/**\n * What a failed or refused read shows. A refusal is a statement about the\n * reader, not a fault, so it reads as information and offers no retry.\n */\nexport function OutreachLoadProblem(props: {\n  status: Extract<OutreachLoadStatus, 'error' | 'refused'>\n  /** What could not be read, for the error sentence. */\n  what: string\n  message?: string | null\n  onRetry?: () => void\n}) {\n  if (props.status === 'refused') {\n    return (\n      <Alert severity=\"info\">{props.message || OUTREACH_REFUSED_MESSAGE}</Alert>\n    )\n  }\n  return (\n    <Alert\n      severity=\"error\"\n      action={\n        props.onRetry ? (\n          <Button color=\"inherit\" size=\"small\" onClick={props.onRetry}>\n            Try again\n          </Button>\n        ) : undefined\n      }\n    >\n      {props.message ||\n        `The ${props.what} could not be loaded. Reload the page to try again.`}\n    </Alert>\n  )\n}\n\n/** Navigation inside the console, without reloading it. */\nexport function useOutreachNavigate(): (href: string) => void {\n  const router = useRouter()\n  return (href: string) => router.push(href)\n}\n\n/**\n * A link inside the console: a real anchor, so it opens in a new tab when\n * asked to, and a client navigation otherwise.\n */\nexport function OutreachLink(props: {\n  href: string\n  children: ReactNode\n  underline?: 'hover' | 'always' | 'none'\n}) {\n  const navigate = useOutreachNavigate()\n  const onClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    if (\n      event.defaultPrevented ||\n      event.button !== 0 ||\n      event.metaKey ||\n      event.ctrlKey ||\n      event.shiftKey ||\n      event.altKey\n    ) {\n      return\n    }\n    event.preventDefault()\n    navigate(props.href)\n  }\n  return (\n    <Link\n      href={props.href}\n      onClick={onClick}\n      underline={props.underline ?? 'hover'}\n    >\n      {props.children}\n    </Link>\n  )\n}\n\n/**\n * A moment as a reader in `timeZone` reads it — \"Sep 22, 9:14 AM CDT\" — or\n * in the reader's own zone when none is known.\n */\nexport function formatOutreachTime(\n  ms: number | null | undefined,\n  timeZone?: string | null,\n): string {\n  if (typeof ms !== 'number' || !Number.isFinite(ms)) return '—'\n  const options: Intl.DateTimeFormatOptions = {\n    month: 'short',\n    day: 'numeric',\n    hour: 'numeric',\n    minute: '2-digit',\n    timeZoneName: 'short',\n  }\n  try {\n    return new Intl.DateTimeFormat('en-US', {\n      ...options,\n      ...(timeZone ? { timeZone } : {}),\n    }).format(ms)\n  } catch {\n    return new Intl.DateTimeFormat('en-US', options).format(ms)\n  }\n}\n"],"names":["Alert","Button","Chip","CircularProgress","Link","Stack","Typography","useRouter","OUTREACH_SEQUENCE_STATUS_LABELS","draft","active","paused","archived","SEQUENCE_STATUS_COLORS","OUTREACH_ENROLLMENT_STATUS_LABELS","finished","replied","bounced","opted_out","stopped","failed","ENROLLMENT_STATUS_COLORS","OUTREACH_STOP_REASON_LABELS","reply","hard_bounce","opt_out_reply","unsubscribe","do_not_contact","gate","manual","sequence_archived","send_failed","OutreachSequenceStatusChip","props","size","label","status","color","variant","OutreachEnrollmentStatusChip","OutreachLoading","direction","spacing","sx","alignItems","py","role","OUTREACH_REFUSED_MESSAGE","OutreachLoadProblem","severity","message","action","onRetry","onClick","undefined","what","useOutreachNavigate","router","href","push","OutreachLink","navigate","event","defaultPrevented","button","metaKey","ctrlKey","shiftKey","altKey","preventDefault","underline","children","formatOutreachTime","ms","timeZone","Number","isFinite","options","month","day","hour","minute","timeZoneName","Intl","DateTimeFormat","format"],"mappings":"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"}

package/src/lib/components/send-window-fields.d.ts

@@ -0,0 +1,25 @@
+import type { OutreachSendWindow } from '../model/outreach.types';
+/** Office hours on weekdays: where an override starts. */
+export declare const OUTREACH_DEFAULT_WINDOW: OutreachSendWindow;
+/** `540` → `"09:00"`, the value a time input takes. */
+export declare function minutesToClock(minutes: number): string;
+/** `"09:00"` → `540`; `NaN` for anything else, so the validator names it. */
+export declare function clockToMinutes(value: string): number;
+export interface OutreachSendWindowFieldsProps {
+    /** The sequence's own hours, or `null` to send in its mailbox's. */
+    window: OutreachSendWindow | null;
+    onChange(window: OutreachSendWindow | null): void;
+    /** The issue to show under the days, and under the hours. */
+    daysIssue?: string;
+    hoursIssue?: string;
+    disabled?: boolean;
+}
+/**
+ * A sequence's sending hours (AGL-2980): its mailbox's by default, or days
+ * and hours of its own, read in the mailbox's timezone either way.
+ */
+export declare function OutreachSendWindowFields(props: OutreachSendWindowFieldsProps): import("react").JSX.Element;
+export declare namespace OutreachSendWindowFields {
+    var displayName: string;
+}
+export default OutreachSendWindowFields;

package/src/lib/components/send-window-fields.js

@@ -0,0 +1,178 @@
+/**
+ * @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 { FormControlLabel, FormHelperText, Stack, Switch, TextField, ToggleButton, ToggleButtonGroup, Typography } from "@mui/material";
+/** Weekdays in the order a week reads, as `OutreachSendWindow.days` numbers them. */ const DAYS = [
+    [
+        1,
+        'Mon',
+        'Monday'
+    ],
+    [
+        2,
+        'Tue',
+        'Tuesday'
+    ],
+    [
+        3,
+        'Wed',
+        'Wednesday'
+    ],
+    [
+        4,
+        'Thu',
+        'Thursday'
+    ],
+    [
+        5,
+        'Fri',
+        'Friday'
+    ],
+    [
+        6,
+        'Sat',
+        'Saturday'
+    ],
+    [
+        0,
+        'Sun',
+        'Sunday'
+    ]
+];
+/** Office hours on weekdays: where an override starts. */ export const OUTREACH_DEFAULT_WINDOW = {
+    days: [
+        1,
+        2,
+        3,
+        4,
+        5
+    ],
+    startMinute: 9 * 60,
+    endMinute: 17 * 60
+};
+/** `540` → `"09:00"`, the value a time input takes. */ export function minutesToClock(minutes) {
+    if (!Number.isInteger(minutes) || minutes < 0) return '';
+    const bounded = Math.min(minutes, 24 * 60 - 1);
+    return `${String(Math.floor(bounded / 60)).padStart(2, '0')}:${String(bounded % 60).padStart(2, '0')}`;
+}
+/** `"09:00"` → `540`; `NaN` for anything else, so the validator names it. */ export function clockToMinutes(value) {
+    const match = /^(\d{1,2}):(\d{2})$/.exec(value.trim());
+    if (!match) return Number.NaN;
+    const minutes = Number(match[1]) * 60 + Number(match[2]);
+    return Number(match[1]) < 24 && Number(match[2]) < 60 ? minutes : Number.NaN;
+}
+/**
+ * A sequence's sending hours (AGL-2980): its mailbox's by default, or days
+ * and hours of its own, read in the mailbox's timezone either way.
+ */ export function OutreachSendWindowFields(props) {
+    const { window, disabled } = props;
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1.5,
+        children: [
+            /*#__PURE__*/ _jsx(FormControlLabel, {
+                control: /*#__PURE__*/ _jsx(Switch, {
+                    checked: window !== null,
+                    onChange: (event)=>props.onChange(event.target.checked ? _extends({}, OUTREACH_DEFAULT_WINDOW) : null),
+                    disabled: disabled
+                }),
+                label: "Sending hours of its own"
+            }),
+            window === null ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: "Sends in its mailbox’s sending hours."
+            }) : /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1.5,
+                children: [
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        spacing: 0.5,
+                        children: [
+                            /*#__PURE__*/ _jsx(ToggleButtonGroup, {
+                                value: window.days,
+                                onChange: (_event, days)=>props.onChange(_extends({}, window, {
+                                        days: [
+                                            ...days
+                                        ].sort()
+                                    })),
+                                "aria-label": "Days it sends on",
+                                size: "small",
+                                disabled: disabled,
+                                sx: {
+                                    flexWrap: 'wrap'
+                                },
+                                children: DAYS.map(([day, short, long])=>/*#__PURE__*/ _jsx(ToggleButton, {
+                                        value: day,
+                                        "aria-label": long,
+                                        children: short
+                                    }, day))
+                            }),
+                            props.daysIssue ? /*#__PURE__*/ _jsx(FormHelperText, {
+                                error: true,
+                                children: props.daysIssue
+                            }) : null
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: {
+                            xs: 'column',
+                            sm: 'row'
+                        },
+                        spacing: 2,
+                        children: [
+                            /*#__PURE__*/ _jsx(TextField, {
+                                type: "time",
+                                label: "From",
+                                value: minutesToClock(window.startMinute),
+                                onChange: (event)=>props.onChange(_extends({}, window, {
+                                        startMinute: clockToMinutes(event.target.value)
+                                    })),
+                                disabled: disabled,
+                                error: Boolean(props.hoursIssue),
+                                slotProps: {
+                                    inputLabel: {
+                                        shrink: true
+                                    }
+                                }
+                            }),
+                            /*#__PURE__*/ _jsx(TextField, {
+                                type: "time",
+                                label: "Until",
+                                value: minutesToClock(window.endMinute),
+                                onChange: (event)=>props.onChange(_extends({}, window, {
+                                        endMinute: clockToMinutes(event.target.value)
+                                    })),
+                                disabled: disabled,
+                                error: Boolean(props.hoursIssue),
+                                helperText: props.hoursIssue,
+                                slotProps: {
+                                    inputLabel: {
+                                        shrink: true
+                                    }
+                                }
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+OutreachSendWindowFields.displayName = 'OutreachSendWindowFields';
+export default OutreachSendWindowFields;
+
+//# sourceMappingURL=send-window-fields.js.map

package/src/lib/components/send-window-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/send-window-fields.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 {\n  FormControlLabel,\n  FormHelperText,\n  Stack,\n  Switch,\n  TextField,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n} from '@mui/material'\nimport type { OutreachSendWindow } from '../model/outreach.types'\n\n/** Weekdays in the order a week reads, as `OutreachSendWindow.days` numbers them. */\nconst DAYS: ReadonlyArray<[number, string, string]> = [\n  [1, 'Mon', 'Monday'],\n  [2, 'Tue', 'Tuesday'],\n  [3, 'Wed', 'Wednesday'],\n  [4, 'Thu', 'Thursday'],\n  [5, 'Fri', 'Friday'],\n  [6, 'Sat', 'Saturday'],\n  [0, 'Sun', 'Sunday'],\n]\n\n/** Office hours on weekdays: where an override starts. */\nexport const OUTREACH_DEFAULT_WINDOW: OutreachSendWindow = {\n  days: [1, 2, 3, 4, 5],\n  startMinute: 9 * 60,\n  endMinute: 17 * 60,\n}\n\n/** `540` → `\"09:00\"`, the value a time input takes. */\nexport function minutesToClock(minutes: number): string {\n  if (!Number.isInteger(minutes) || minutes < 0) return ''\n  const bounded = Math.min(minutes, 24 * 60 - 1)\n  return `${String(Math.floor(bounded / 60)).padStart(2, '0')}:${String(bounded % 60).padStart(2, '0')}`\n}\n\n/** `\"09:00\"` → `540`; `NaN` for anything else, so the validator names it. */\nexport function clockToMinutes(value: string): number {\n  const match = /^(\\d{1,2}):(\\d{2})$/.exec(value.trim())\n  if (!match) return Number.NaN\n  const minutes = Number(match[1]) * 60 + Number(match[2])\n  return Number(match[1]) < 24 && Number(match[2]) < 60 ? minutes : Number.NaN\n}\n\nexport interface OutreachSendWindowFieldsProps {\n  /** The sequence's own hours, or `null` to send in its mailbox's. */\n  window: OutreachSendWindow | null\n  onChange(window: OutreachSendWindow | null): void\n  /** The issue to show under the days, and under the hours. */\n  daysIssue?: string\n  hoursIssue?: string\n  disabled?: boolean\n}\n\n/**\n * A sequence's sending hours (AGL-2980): its mailbox's by default, or days\n * and hours of its own, read in the mailbox's timezone either way.\n */\nexport function OutreachSendWindowFields(props: OutreachSendWindowFieldsProps) {\n  const { window, disabled } = props\n  return (\n    <Stack spacing={1.5}>\n      <FormControlLabel\n        control={\n          <Switch\n            checked={window !== null}\n            onChange={(event) =>\n              props.onChange(\n                event.target.checked ? { ...OUTREACH_DEFAULT_WINDOW } : null,\n              )\n            }\n            disabled={disabled}\n          />\n        }\n        label=\"Sending hours of its own\"\n      />\n      {window === null ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          Sends in its mailbox’s sending hours.\n        </Typography>\n      ) : (\n        <Stack spacing={1.5}>\n          <Stack spacing={0.5}>\n            <ToggleButtonGroup\n              value={window.days}\n              onChange={(_event, days: number[]) =>\n                props.onChange({ ...window, days: [...days].sort() })\n              }\n              aria-label=\"Days it sends on\"\n              size=\"small\"\n              disabled={disabled}\n              sx={{ flexWrap: 'wrap' }}\n            >\n              {DAYS.map(([day, short, long]) => (\n                <ToggleButton key={day} value={day} aria-label={long}>\n                  {short}\n                </ToggleButton>\n              ))}\n            </ToggleButtonGroup>\n            {props.daysIssue ? (\n              <FormHelperText error>{props.daysIssue}</FormHelperText>\n            ) : null}\n          </Stack>\n          <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>\n            <TextField\n              type=\"time\"\n              label=\"From\"\n              value={minutesToClock(window.startMinute)}\n              onChange={(event) =>\n                props.onChange({\n                  ...window,\n                  startMinute: clockToMinutes(event.target.value),\n                })\n              }\n              disabled={disabled}\n              error={Boolean(props.hoursIssue)}\n              slotProps={{ inputLabel: { shrink: true } }}\n            />\n            <TextField\n              type=\"time\"\n              label=\"Until\"\n              value={minutesToClock(window.endMinute)}\n              onChange={(event) =>\n                props.onChange({\n                  ...window,\n                  endMinute: clockToMinutes(event.target.value),\n                })\n              }\n              disabled={disabled}\n              error={Boolean(props.hoursIssue)}\n              helperText={props.hoursIssue}\n              slotProps={{ inputLabel: { shrink: true } }}\n            />\n          </Stack>\n        </Stack>\n      )}\n    </Stack>\n  )\n}\nOutreachSendWindowFields.displayName = 'OutreachSendWindowFields'\n\nexport default OutreachSendWindowFields\n"],"names":["FormControlLabel","FormHelperText","Stack","Switch","TextField","ToggleButton","ToggleButtonGroup","Typography","DAYS","OUTREACH_DEFAULT_WINDOW","days","startMinute","endMinute","minutesToClock","minutes","Number","isInteger","bounded","Math","min","String","floor","padStart","clockToMinutes","value","match","exec","trim","NaN","OutreachSendWindowFields","props","window","disabled","spacing","control","checked","onChange","event","target","label","variant","color","_event","sort","aria-label","size","sx","flexWrap","map","day","short","long","daysIssue","error","direction","xs","sm","type","Boolean","hoursIssue","slotProps","inputLabel","shrink","helperText","displayName"],"mappings":"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"}

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

@@ -0,0 +1,54 @@
+import type { ConsolePluginOrgMount } from '@aglyn/aglyn';
+import type { OutreachMailboxesResult } from './use-outreach-mailboxes';
+import type { OutreachSettingsLoad } from './use-outreach-settings';
+export type OutreachSequenceTab = 'steps' | 'enrollments';
+export interface OutreachSequenceDetailProps {
+    orgId: string;
+    orgMount?: ConsolePluginOrgMount;
+    /** The organization document the shell loaded: whose consent groups name a site's contacts. */
+    org?: Record<string, unknown> | null;
+    /** Where the Sequences section lives: `/[orgSlug]/outreach/sequences`. */
+    sectionPath: string;
+    sequenceId: string;
+    tab: OutreachSequenceTab;
+    settings: OutreachSettingsLoad;
+    mailboxes: OutreachMailboxesResult;
+    /** The Mailboxes section: where a mailbox is connected, resumed or reconnected. */
+    mailboxesPath: string;
+    /** The Compliance section: where the footer's legal name and address are set. */
+    compliancePath: string;
+}
+/** Something activation would refuse, and where it is put right. */
+export interface OutreachActivationBlocker {
+    message: string;
+    href: string;
+    linkLabel: string;
+}
+/**
+ * What stops a sequence being activated, read before anyone clicks: its
+ * mailbox not sending, and a footer the organization cannot write yet —
+ * each in the words the status route refuses with. Only a finished read
+ * says something is missing, so nothing is claimed while one is loading.
+ */
+export declare function outreachActivationBlockers(input: {
+    sequence: {
+        mailboxId: string;
+    };
+    mailboxes: OutreachMailboxesResult;
+    settings: OutreachSettingsLoad;
+    paths: {
+        steps: string;
+        mailboxes: string;
+        compliance: string;
+    };
+}): OutreachActivationBlocker[];
+/**
+ * One sequence (AGL-2980): its steps in the editor, the people enrolled in
+ * it, and what can be done with it — activate, pause, archive, delete a
+ * draft, and enroll people in an active one.
+ */
+export declare function OutreachSequenceDetail(props: OutreachSequenceDetailProps): import("react").JSX.Element;
+export declare namespace OutreachSequenceDetail {
+    var displayName: string;
+}
+export default OutreachSequenceDetail;