@aglyn/plugins-outreach 1.0.0-beta.143

package/src/lib/components/mailboxes-section.js

@@ -0,0 +1,258 @@
+/**
+ * @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 EmptyStateComponent from "@aglyn/shared-ui-jsx/components/empty-state.component";
+import { CardDisplay } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { Alert, Button, Card, CircularProgress, Stack, Typography } from "@mui/material";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { parseConnectReturnFragment } from "../mailboxes/mailbox-api.js";
+import { MailboxCard } from "./mailbox-card.js";
+import { useOutreachMailboxApi } from "./use-outreach-mailbox-api.js";
+import { useOutreachMailboxes } from "./use-outreach-mailboxes.js";
+const leavePage = (url)=>window.location.assign(url);
+/** The connect button's accessible name, spelled once for the specs. */ export const CONNECT_WITH_GOOGLE_LABEL = 'Connect with Google';
+/** What Google's redirect back said, in the words the panel shows. */ const RETURN_ERROR_MESSAGES = {
+    access_denied: 'Google access was not granted, so no mailbox was connected.',
+    expired: 'The connection took too long. Connect the mailbox again.',
+    google_error: 'Google could not complete the connection. Connect the mailbox again.'
+};
+/** Takes a connect's return fragment out of the address bar without a history entry. */ function stripFragment() {
+    try {
+        window.history.replaceState(null, '', window.location.pathname + window.location.search);
+    } catch (unused) {
+    // A restricted document: the connect still finishes.
+    }
+}
+/** The browser's IANA timezone, for a new mailbox's sending window. */ function browserTimezone() {
+    try {
+        return Intl.DateTimeFormat().resolvedOptions().timeZone || undefined;
+    } catch (unused) {
+        return undefined;
+    }
+}
+/**
+ * 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 function OutreachMailboxesSection(props) {
+    var _ref;
+    const { orgId, navigate = leavePage } = props;
+    const { data: user } = useUser();
+    // Effects key on the uid, never on the account object: a fresh object for
+    // the same person must not re-run a connect's completion or a fetch.
+    const uid = (_ref = user == null ? void 0 : user.uid) != null ? _ref : null;
+    const api = useOutreachMailboxApi(orgId);
+    const listed = useOutreachMailboxes(orgId);
+    const { enqueueSnackbar } = useSnackbar();
+    const [availability, setAvailability] = useState({
+        status: 'loading'
+    });
+    const [returned, setReturned] = useState(null);
+    const [connecting, setConnecting] = useState(false);
+    const returnHandled = useRef(false);
+    // The connect's return: read once per mount, before availability, so the
+    // code leaves the address bar as early as the page can take it.
+    useEffect(()=>{
+        if (returnHandled.current || !orgId || !uid) return;
+        const fragment = parseConnectReturnFragment(window.location.hash);
+        returnHandled.current = true;
+        if (!fragment) return;
+        stripFragment();
+        if (fragment.kind === 'error') {
+            setReturned({
+                status: 'failed',
+                message: RETURN_ERROR_MESSAGES[fragment.reason]
+            });
+            return;
+        }
+        setReturned({
+            status: 'completing'
+        });
+        api.complete({
+            code: fragment.code,
+            state: fragment.state,
+            timezone: browserTimezone()
+        }).then((done)=>setReturned({
+                status: 'connected',
+                email: done.mailbox.email,
+                created: done.created,
+                confirmedAliases: done.confirmedAliases
+            })).catch((error)=>setReturned({
+                status: 'failed',
+                message: error.message
+            }));
+    }, [
+        api,
+        orgId,
+        uid
+    ]);
+    useEffect(()=>{
+        if (!orgId || !uid) return undefined;
+        let current = true;
+        setAvailability({
+            status: 'loading'
+        });
+        api.availability().then((answer)=>current && setAvailability(_extends({
+                status: 'ready'
+            }, answer))).catch((error)=>current && setAvailability({
+                status: 'error',
+                message: error.message
+            }));
+        return ()=>{
+            current = false;
+        };
+    }, [
+        api,
+        orgId,
+        uid
+    ]);
+    const connect = useCallback(async ()=>{
+        setConnecting(true);
+        try {
+            navigate(await api.connect());
+        } catch (error) {
+            setConnecting(false);
+            enqueueSnackbar(error.message, {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        }
+    }, [
+        api,
+        enqueueSnackbar,
+        navigate
+    ]);
+    const configured = availability.status === 'ready' && availability.configured;
+    const canManageAll = availability.status === 'ready' && availability.canManageAll;
+    const connectButton = /*#__PURE__*/ _jsx(Button, {
+        variant: "contained",
+        disabled: !configured || connecting,
+        onClick: ()=>void connect(),
+        children: CONNECT_WITH_GOOGLE_LABEL
+    });
+    const mine = listed.mailboxes.filter((mailbox)=>mailbox.connectedByUid === uid);
+    const others = listed.mailboxes.filter((mailbox)=>mailbox.connectedByUid !== uid);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 2,
+        children: [
+            /*#__PURE__*/ _jsx(CardDisplay, {
+                header: "Mailboxes",
+                help: pluginDocsHelp('sequences', {
+                    anchor: '#connect-a-mailbox'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                HeaderProps: {
+                    action: listed.mailboxes.length ? connectButton : undefined
+                },
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 1.5,
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            color: "text.secondary",
+                            children: 'A sequence sends from your own Google mailbox, so a message sits in your Sent mail ' + 'and a reply comes back to your inbox. Each member connects their own.'
+                        }),
+                        availability.status === 'ready' && !availability.configured ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "info",
+                            children: "Connecting a Google mailbox is not configured on this deployment."
+                        }) : null,
+                        availability.status === 'error' ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "error",
+                            children: availability.message
+                        }) : null,
+                        (returned == null ? void 0 : returned.status) === 'completing' ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "info",
+                            icon: /*#__PURE__*/ _jsx(CircularProgress, {
+                                size: 18
+                            }),
+                            children: "Finishing the connection…"
+                        }) : null,
+                        (returned == null ? void 0 : returned.status) === 'connected' ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "success",
+                            onClose: ()=>setReturned(null),
+                            children: `${returned.created ? 'Connected' : 'Reconnected'} ${returned.email}.` + (returned.confirmedAliases.length ? ` Verified ${returned.confirmedAliases.join(', ')} as your own.` : '')
+                        }) : null,
+                        (returned == null ? void 0 : returned.status) === 'failed' ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: "error",
+                            onClose: ()=>setReturned(null),
+                            children: returned.message
+                        }) : null
+                    ]
+                })
+            }),
+            listed.status === 'loading' ? /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 1,
+                sx: {
+                    alignItems: 'center'
+                },
+                role: "status",
+                children: [
+                    /*#__PURE__*/ _jsx(CircularProgress, {
+                        size: 18
+                    }),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: "Loading mailboxes…"
+                    })
+                ]
+            }) : null,
+            listed.status === 'error' ? /*#__PURE__*/ _jsx(Alert, {
+                severity: "error",
+                children: "The mailboxes could not be loaded. Reload the page to try again."
+            }) : null,
+            listed.status === 'ready' && !listed.mailboxes.length ? /*#__PURE__*/ _jsx(Card, {
+                variant: "outlined",
+                children: /*#__PURE__*/ _jsx(EmptyStateComponent, {
+                    label: "No mailboxes connected",
+                    description: configured ? 'Connect your Google mailbox to send sequences from your own address.' : undefined,
+                    action: configured ? connectButton : undefined
+                })
+            }) : null,
+            [
+                ...mine,
+                ...others
+            ].map((mailbox)=>{
+                const isMine = mailbox.connectedByUid === uid;
+                return /*#__PURE__*/ _jsx(MailboxCard, {
+                    mailbox: mailbox,
+                    isMine: isMine,
+                    canManage: isMine || canManageAll,
+                    api: api,
+                    onReconnect: ()=>void connect(),
+                    reconnecting: connecting || !configured
+                }, mailbox.id);
+            })
+        ]
+    });
+}
+OutreachMailboxesSection.displayName = 'OutreachMailboxesSection';
+export default OutreachMailboxesSection;
+
+//# sourceMappingURL=mailboxes-section.js.map

package/src/lib/components/mailboxes-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/mailboxes-section.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 EmptyStateComponent from '@aglyn/shared-ui-jsx/components/empty-state.component'\nimport { CardDisplay } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport { Alert, Button, Card, CircularProgress, Stack, Typography } from '@mui/material'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport {\n  parseConnectReturnFragment,\n  type OutreachConnectReturnError,\n  type OutreachMailboxAvailability,\n} from '../mailboxes/mailbox-api'\nimport { MailboxCard } from './mailbox-card'\nimport { useOutreachMailboxApi } from './use-outreach-mailbox-api'\nimport { useOutreachMailboxes } from './use-outreach-mailboxes'\n\nexport interface OutreachMailboxesSectionProps {\n  /** The organization the hub is mounted under; `null` until the shell knows it. */\n  orgId: string | null\n  /** Sends the browser to Google's consent screen. A test seam; the page's own location by default. */\n  navigate?: (url: string) => void\n}\n\nconst leavePage = (url: string) => window.location.assign(url)\n\n/** The connect button's accessible name, spelled once for the specs. */\nexport const CONNECT_WITH_GOOGLE_LABEL = 'Connect with Google'\n\n/** What Google's redirect back said, in the words the panel shows. */\nconst RETURN_ERROR_MESSAGES: Record<OutreachConnectReturnError, string> = {\n  access_denied: 'Google access was not granted, so no mailbox was connected.',\n  expired: 'The connection took too long. Connect the mailbox again.',\n  google_error: 'Google could not complete the connection. Connect the mailbox again.',\n}\n\ntype Availability =\n  | { status: 'loading' }\n  | ({ status: 'ready' } & OutreachMailboxAvailability)\n  | { status: 'error'; message: string }\n\ntype Returned =\n  | { status: 'completing' }\n  | { status: 'connected'; email: string; created: boolean; confirmedAliases: string[] }\n  | { status: 'failed'; message: string }\n\n/** Takes a connect's return fragment out of the address bar without a history entry. */\nfunction stripFragment(): void {\n  try {\n    window.history.replaceState(null, '', window.location.pathname + window.location.search)\n  } catch {\n    // A restricted document: the connect still finishes.\n  }\n}\n\n/** The browser's IANA timezone, for a new mailbox's sending window. */\nfunction browserTimezone(): string | undefined {\n  try {\n    return Intl.DateTimeFormat().resolvedOptions().timeZone || undefined\n  } catch {\n    return undefined\n  }\n}\n\n/**\n * The Mailboxes section (AGL-2978): the organization's connected Google\n * mailboxes, and the connect that adds one.\n *\n * A connect leaves the console for Google's consent screen and comes back\n * here through the callback route, which puts the authorization code in this\n * page's URL fragment. The section reads the fragment once, takes it out of\n * the address bar before anything else, and finishes the connect with the\n * member's own session — the step that refuses a connect started by anyone\n * else.\n */\nexport function OutreachMailboxesSection(props: OutreachMailboxesSectionProps) {\n  const { orgId, navigate = leavePage } = props\n  const { data: user } = useUser()\n  // Effects key on the uid, never on the account object: a fresh object for\n  // the same person must not re-run a connect's completion or a fetch.\n  const uid = user?.uid ?? null\n  const api = useOutreachMailboxApi(orgId)\n  const listed = useOutreachMailboxes(orgId)\n  const { enqueueSnackbar } = useSnackbar()\n  const [availability, setAvailability] = useState<Availability>({ status: 'loading' })\n  const [returned, setReturned] = useState<Returned | null>(null)\n  const [connecting, setConnecting] = useState(false)\n  const returnHandled = useRef(false)\n\n  // The connect's return: read once per mount, before availability, so the\n  // code leaves the address bar as early as the page can take it.\n  useEffect(() => {\n    if (returnHandled.current || !orgId || !uid) return\n    const fragment = parseConnectReturnFragment(window.location.hash)\n    returnHandled.current = true\n    if (!fragment) return\n    stripFragment()\n    if (fragment.kind === 'error') {\n      setReturned({ status: 'failed', message: RETURN_ERROR_MESSAGES[fragment.reason] })\n      return\n    }\n    setReturned({ status: 'completing' })\n    api\n      .complete({ code: fragment.code, state: fragment.state, timezone: browserTimezone() })\n      .then((done) =>\n        setReturned({\n          status: 'connected',\n          email: done.mailbox.email,\n          created: done.created,\n          confirmedAliases: done.confirmedAliases,\n        }),\n      )\n      .catch((error: Error) => setReturned({ status: 'failed', message: error.message }))\n  }, [api, orgId, uid])\n\n  useEffect(() => {\n    if (!orgId || !uid) return undefined\n    let current = true\n    setAvailability({ status: 'loading' })\n    api\n      .availability()\n      .then((answer) => current && setAvailability({ status: 'ready', ...answer }))\n      .catch((error: Error) => current && setAvailability({ status: 'error', message: error.message }))\n    return () => {\n      current = false\n    }\n  }, [api, orgId, uid])\n\n  const connect = useCallback(async () => {\n    setConnecting(true)\n    try {\n      navigate(await api.connect())\n    } catch (error) {\n      setConnecting(false)\n      enqueueSnackbar((error as Error).message, { variant: 'error', allowDuplicate: true })\n    }\n  }, [api, enqueueSnackbar, navigate])\n\n  const configured = availability.status === 'ready' && availability.configured\n  const canManageAll = availability.status === 'ready' && availability.canManageAll\n  const connectButton = (\n    <Button variant=\"contained\" disabled={!configured || connecting} onClick={() => void connect()}>\n      {CONNECT_WITH_GOOGLE_LABEL}\n    </Button>\n  )\n  const mine = listed.mailboxes.filter((mailbox) => mailbox.connectedByUid === uid)\n  const others = listed.mailboxes.filter((mailbox) => mailbox.connectedByUid !== uid)\n\n  return (\n    <Stack spacing={2}>\n      <CardDisplay\n        header=\"Mailboxes\"\n        help={pluginDocsHelp('sequences', { anchor: '#connect-a-mailbox' })}\n        contentGutterX\n        contentGutterY\n        HeaderProps={{ action: listed.mailboxes.length ? connectButton : undefined }}\n      >\n        <Stack spacing={1.5}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'A sequence sends from your own Google mailbox, so a message sits in your Sent mail ' +\n              'and a reply comes back to your inbox. Each member connects their own.'}\n          </Typography>\n          {availability.status === 'ready' && !availability.configured ? (\n            <Alert severity=\"info\">Connecting a Google mailbox is not configured on this deployment.</Alert>\n          ) : null}\n          {availability.status === 'error' ? <Alert severity=\"error\">{availability.message}</Alert> : null}\n          {returned?.status === 'completing' ? (\n            <Alert severity=\"info\" icon={<CircularProgress size={18} />}>\n              Finishing the connection…\n            </Alert>\n          ) : null}\n          {returned?.status === 'connected' ? (\n            <Alert severity=\"success\" onClose={() => setReturned(null)}>\n              {`${returned.created ? 'Connected' : 'Reconnected'} ${returned.email}.` +\n                (returned.confirmedAliases.length\n                  ? ` Verified ${returned.confirmedAliases.join(', ')} as your own.`\n                  : '')}\n            </Alert>\n          ) : null}\n          {returned?.status === 'failed' ? (\n            <Alert severity=\"error\" onClose={() => setReturned(null)}>\n              {returned.message}\n            </Alert>\n          ) : null}\n        </Stack>\n      </CardDisplay>\n\n      {listed.status === 'loading' ? (\n        <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }} role=\"status\">\n          <CircularProgress size={18} />\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            Loading mailboxes…\n          </Typography>\n        </Stack>\n      ) : null}\n      {listed.status === 'error' ? (\n        <Alert severity=\"error\">The mailboxes could not be loaded. Reload the page to try again.</Alert>\n      ) : null}\n      {listed.status === 'ready' && !listed.mailboxes.length ? (\n        <Card variant=\"outlined\">\n          <EmptyStateComponent\n            label=\"No mailboxes connected\"\n            description={\n              configured\n                ? 'Connect your Google mailbox to send sequences from your own address.'\n                : undefined\n            }\n            action={configured ? connectButton : undefined}\n          />\n        </Card>\n      ) : null}\n      {[...mine, ...others].map((mailbox) => {\n        const isMine = mailbox.connectedByUid === uid\n        return (\n          <MailboxCard\n            key={mailbox.id}\n            mailbox={mailbox}\n            isMine={isMine}\n            canManage={isMine || canManageAll}\n            api={api}\n            onReconnect={() => void connect()}\n            reconnecting={connecting || !configured}\n          />\n        )\n      })}\n    </Stack>\n  )\n}\nOutreachMailboxesSection.displayName = 'OutreachMailboxesSection'\n\nexport default OutreachMailboxesSection\n"],"names":["pluginDocsHelp","EmptyStateComponent","CardDisplay","useSnackbar","useUser","Alert","Button","Card","CircularProgress","Stack","Typography","useCallback","useEffect","useRef","useState","parseConnectReturnFragment","MailboxCard","useOutreachMailboxApi","useOutreachMailboxes","leavePage","url","window","location","assign","CONNECT_WITH_GOOGLE_LABEL","RETURN_ERROR_MESSAGES","access_denied","expired","google_error","stripFragment","history","replaceState","pathname","search","browserTimezone","Intl","DateTimeFormat","resolvedOptions","timeZone","undefined","OutreachMailboxesSection","props","orgId","navigate","data","user","uid","api","listed","enqueueSnackbar","availability","setAvailability","status","returned","setReturned","connecting","setConnecting","returnHandled","current","fragment","hash","kind","message","reason","complete","code","state","timezone","then","done","email","mailbox","created","confirmedAliases","catch","error","answer","connect","variant","allowDuplicate","configured","canManageAll","connectButton","disabled","onClick","mine","mailboxes","filter","connectedByUid","others","spacing","header","help","anchor","contentGutterX","contentGutterY","HeaderProps","action","length","color","severity","icon","size","onClose","join","direction","sx","alignItems","role","label","description","map","isMine","canManage","onReconnect","reconnecting","id","displayName"],"mappings":"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"}

package/src/lib/components/outreach-console-page.d.ts

@@ -0,0 +1,17 @@
+import type { ConsolePluginPageProps } from '@aglyn/aglyn';
+/**
+ * The Sequences hub (AGL-2974), mounted by the console's generic
+ * ORGANIZATION-level route at `/[orgSlug]/outreach/<section>`.
+ *
+ * The shell has already decided everything about access before this renders:
+ * the `release_outreach` gate through the nav item's tab id, the
+ * `features.outreach` entitlement and the `outreach.use` permission declared
+ * on the extension, and org-wide reach. It hands over `hostId: null` and an
+ * `orgMount`; each section takes the organization from the mount, and the
+ * Sequences section its own pages from the path below it.
+ */
+export declare function OutreachConsolePage(props: ConsolePluginPageProps): import("react").JSX.Element;
+export declare namespace OutreachConsolePage {
+    var displayName: string;
+}
+export default OutreachConsolePage;

package/src/lib/components/outreach-console-page.js

@@ -0,0 +1,81 @@
+/**
+ * @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 } from "react/jsx-runtime";
+import { HubSections } from "@aglyn/shared-ui-next";
+import ComplianceSection from "./compliance-section.js";
+import MailboxesSection from "./mailboxes-section.js";
+import SequencesSection from "./sequences-section.js";
+/**
+ * The body of the section being read, and only that one — a function rather
+ * than a map of nodes so an unopened section is never constructed, which is
+ * what keeps its listens closed once sections read data.
+ */ function sectionBody(section, props) {
+    switch(section){
+        case 'sequences':
+            var _ref, _props_org, _props_segments;
+            var _props_orgMount;
+            return /*#__PURE__*/ _jsx(SequencesSection, {
+                orgId: (_ref = (_props_orgMount = props.orgMount) == null ? void 0 : _props_orgMount.orgId) != null ? _ref : null,
+                orgMount: props.orgMount,
+                org: (_props_org = props.org) != null ? _props_org : null,
+                sectionPath: `${props.basePath}/sequences`,
+                subpath: ((_props_segments = props.segments) != null ? _props_segments : []).slice(1),
+                mailboxesPath: `${props.basePath}/mailboxes`,
+                compliancePath: `${props.basePath}/compliance`
+            });
+        case 'mailboxes':
+            var _ref1;
+            var _props_orgMount1;
+            return /*#__PURE__*/ _jsx(MailboxesSection, {
+                orgId: (_ref1 = (_props_orgMount1 = props.orgMount) == null ? void 0 : _props_orgMount1.orgId) != null ? _ref1 : null
+            });
+        case 'compliance':
+            var _ref2;
+            var _props_orgMount2;
+            return /*#__PURE__*/ _jsx(ComplianceSection, {
+                orgId: (_ref2 = (_props_orgMount2 = props.orgMount) == null ? void 0 : _props_orgMount2.orgId) != null ? _ref2 : null
+            });
+        default:
+            return null;
+    }
+}
+/**
+ * The Sequences hub (AGL-2974), mounted by the console's generic
+ * ORGANIZATION-level route at `/[orgSlug]/outreach/<section>`.
+ *
+ * The shell has already decided everything about access before this renders:
+ * the `release_outreach` gate through the nav item's tab id, the
+ * `features.outreach` entitlement and the `outreach.use` permission declared
+ * on the extension, and org-wide reach. It hands over `hostId: null` and an
+ * `orgMount`; each section takes the organization from the mount, and the
+ * Sequences section its own pages from the path below it.
+ */ export function OutreachConsolePage(props) {
+    const { section, sections, basePath } = props;
+    /*
+   * Nothing until the URL names a section. The shell redirects a bare
+   * `/outreach` to the landing section and holds a spinner while it does, so
+   * this state is transient.
+   */ if (!section || !(sections == null ? void 0 : sections.length) || !basePath) return null;
+    return /*#__PURE__*/ _jsx(HubSections, {
+        sections: sections,
+        children: sectionBody(section, props)
+    });
+}
+OutreachConsolePage.displayName = 'OutreachConsolePage';
+export default OutreachConsolePage;
+
+//# sourceMappingURL=outreach-console-page.js.map

package/src/lib/components/outreach-console-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/outreach-console-page.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 type { ConsolePluginPageProps } from '@aglyn/aglyn'\nimport { HubSections } from '@aglyn/shared-ui-next'\nimport type { ReactNode } from 'react'\nimport ComplianceSection from './compliance-section'\nimport MailboxesSection from './mailboxes-section'\nimport type { OutreachConsoleSectionId } from './outreach-console-sections'\nimport SequencesSection from './sequences-section'\n\n/**\n * The body of the section being read, and only that one — a function rather\n * than a map of nodes so an unopened section is never constructed, which is\n * what keeps its listens closed once sections read data.\n */\nfunction sectionBody(section: OutreachConsoleSectionId, props: ConsolePluginPageProps): ReactNode {\n  switch (section) {\n    case 'sequences':\n      return (\n        <SequencesSection\n          orgId={props.orgMount?.orgId ?? null}\n          orgMount={props.orgMount}\n          org={(props.org as Record<string, unknown> | undefined) ?? null}\n          sectionPath={`${props.basePath}/sequences`}\n          subpath={(props.segments ?? []).slice(1)}\n          mailboxesPath={`${props.basePath}/mailboxes`}\n          compliancePath={`${props.basePath}/compliance`}\n        />\n      )\n    case 'mailboxes':\n      return <MailboxesSection orgId={props.orgMount?.orgId ?? null} />\n    case 'compliance':\n      return <ComplianceSection orgId={props.orgMount?.orgId ?? null} />\n    default:\n      return null\n  }\n}\n\n/**\n * The Sequences hub (AGL-2974), mounted by the console's generic\n * ORGANIZATION-level route at `/[orgSlug]/outreach/<section>`.\n *\n * The shell has already decided everything about access before this renders:\n * the `release_outreach` gate through the nav item's tab id, the\n * `features.outreach` entitlement and the `outreach.use` permission declared\n * on the extension, and org-wide reach. It hands over `hostId: null` and an\n * `orgMount`; each section takes the organization from the mount, and the\n * Sequences section its own pages from the path below it.\n */\nexport function OutreachConsolePage(props: ConsolePluginPageProps) {\n  const { section, sections, basePath } = props\n\n  /*\n   * Nothing until the URL names a section. The shell redirects a bare\n   * `/outreach` to the landing section and holds a spinner while it does, so\n   * this state is transient.\n   */\n  if (!section || !sections?.length || !basePath) return null\n\n  return (\n    <HubSections sections={sections}>\n      {sectionBody(section as OutreachConsoleSectionId, props)}\n    </HubSections>\n  )\n}\nOutreachConsolePage.displayName = 'OutreachConsolePage'\n\nexport default OutreachConsolePage\n"],"names":["HubSections","ComplianceSection","MailboxesSection","SequencesSection","sectionBody","section","props","orgId","orgMount","org","sectionPath","basePath","subpath","segments","slice","mailboxesPath","compliancePath","OutreachConsolePage","sections","length","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;AAGA,SAASA,WAAW,QAAQ,wBAAuB;AAEnD,OAAOC,uBAAuB,0BAAsB;AACpD,OAAOC,sBAAsB,yBAAqB;AAElD,OAAOC,sBAAsB,yBAAqB;AAElD;;;;CAIC,GACD,SAASC,YAAYC,OAAiC,EAAEC,KAA6B;IACnF,OAAQD;QACN,KAAK;sBAKOC,YAEIA;gBAJHA;YAFX,qBACE,KAACH;gBACCI,KAAK,WAAED,kBAAAA,MAAME,QAAQ,qBAAdF,gBAAgBC,KAAK,mBAAI;gBAChCC,UAAUF,MAAME,QAAQ;gBACxBC,GAAG,GAAGH,aAAAA,MAAMG,GAAG,YAATH,aAAqD;gBAC3DI,aAAa,GAAGJ,MAAMK,QAAQ,CAAC,UAAU,CAAC;gBAC1CC,SAAS,EAACN,kBAAAA,MAAMO,QAAQ,YAAdP,kBAAkB,EAAE,EAAEQ,KAAK,CAAC;gBACtCC,eAAe,GAAGT,MAAMK,QAAQ,CAAC,UAAU,CAAC;gBAC5CK,gBAAgB,GAAGV,MAAMK,QAAQ,CAAC,WAAW,CAAC;;QAGpD,KAAK;;gBAC6BL;YAAhC,qBAAO,KAACJ;gBAAiBK,KAAK,YAAED,mBAAAA,MAAME,QAAQ,qBAAdF,iBAAgBC,KAAK,oBAAI;;QAC3D,KAAK;;gBAC8BD;YAAjC,qBAAO,KAACL;gBAAkBM,KAAK,YAAED,mBAAAA,MAAME,QAAQ,qBAAdF,iBAAgBC,KAAK,oBAAI;;QAC5D;YACE,OAAO;IACX;AACF;AAEA;;;;;;;;;;CAUC,GACD,OAAO,SAASU,oBAAoBX,KAA6B;IAC/D,MAAM,EAAED,OAAO,EAAEa,QAAQ,EAAEP,QAAQ,EAAE,GAAGL;IAExC;;;;GAIC,GACD,IAAI,CAACD,WAAW,EAACa,4BAAAA,SAAUC,MAAM,KAAI,CAACR,UAAU,OAAO;IAEvD,qBACE,KAACX;QAAYkB,UAAUA;kBACpBd,YAAYC,SAAqCC;;AAGxD;AACAW,oBAAoBG,WAAW,GAAG;AAElC,eAAeH,oBAAmB"}

package/src/lib/components/outreach-console-sections.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @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 { ConsoleNavSection } from '@aglyn/aglyn';
+export type OutreachConsoleSectionId = 'sequences' | 'mailboxes' | 'compliance';
+/**
+ * The Sequences hub's sections, in rail order (AGL-2974).
+ *
+ * Read twice and never copied, the CRM's rule: `plugin.ts` registers the list
+ * on the org nav item so the shell routes and gates each section, and the hub
+ * page switches its body on the id the shell resolves back. The console's
+ * `PLUGIN_SECTIONS` title table keeps a checked copy for its server layout.
+ *
+ * Ids are persisted vocabulary — `/[orgSlug]/outreach/sequences` is a link
+ * people keep, and the surface slug stays `outreach` for the same reason the
+ * plugin id does (AGL-3199). The sequence list is first because it is where
+ * the work is, and so it is where a bare `/outreach` lands.
+ *
+ * Its LABEL is "All sequences" rather than "Sequences", because the hub is
+ * called Sequences and the shell prints the two together — in the tab title,
+ * the page header and the breadcrumb. A section named after its surface says
+ * one word twice and tells the reader nothing;
+ * `plugin-section-tab-titles.spec.ts` refuses it.
+ *
+ * Every section inherits the nav item's `release_outreach` gate and the
+ * extension's `features.outreach` entitlement and `outreach.use` permission;
+ * a section that later needs a narrower one declares it, which can only
+ * narrow.
+ */
+export declare const OUTREACH_CONSOLE_SECTIONS: readonly ConsoleNavSection[];

package/src/lib/components/outreach-console-sections.js

@@ -0,0 +1,55 @@
+/**
+ * @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.
+ */ /**
+ * The Sequences hub's sections, in rail order (AGL-2974).
+ *
+ * Read twice and never copied, the CRM's rule: `plugin.ts` registers the list
+ * on the org nav item so the shell routes and gates each section, and the hub
+ * page switches its body on the id the shell resolves back. The console's
+ * `PLUGIN_SECTIONS` title table keeps a checked copy for its server layout.
+ *
+ * Ids are persisted vocabulary — `/[orgSlug]/outreach/sequences` is a link
+ * people keep, and the surface slug stays `outreach` for the same reason the
+ * plugin id does (AGL-3199). The sequence list is first because it is where
+ * the work is, and so it is where a bare `/outreach` lands.
+ *
+ * Its LABEL is "All sequences" rather than "Sequences", because the hub is
+ * called Sequences and the shell prints the two together — in the tab title,
+ * the page header and the breadcrumb. A section named after its surface says
+ * one word twice and tells the reader nothing;
+ * `plugin-section-tab-titles.spec.ts` refuses it.
+ *
+ * Every section inherits the nav item's `release_outreach` gate and the
+ * extension's `features.outreach` entitlement and `outreach.use` permission;
+ * a section that later needs a narrower one declares it, which can only
+ * narrow.
+ */ export const OUTREACH_CONSOLE_SECTIONS = [
+    {
+        id: 'sequences',
+        label: 'All sequences'
+    },
+    {
+        id: 'mailboxes',
+        label: 'Mailboxes'
+    },
+    // The footer's sender identity and the allowed countries (AGL-2980).
+    {
+        id: 'compliance',
+        label: 'Compliance'
+    }
+];
+
+//# sourceMappingURL=outreach-console-sections.js.map

package/src/lib/components/outreach-console-sections.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/outreach/src/lib/components/outreach-console-sections.ts"],"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\nimport type { ConsoleNavSection } from '@aglyn/aglyn'\n\nexport type OutreachConsoleSectionId = 'sequences' | 'mailboxes' | 'compliance'\n\n/**\n * The Sequences hub's sections, in rail order (AGL-2974).\n *\n * Read twice and never copied, the CRM's rule: `plugin.ts` registers the list\n * on the org nav item so the shell routes and gates each section, and the hub\n * page switches its body on the id the shell resolves back. The console's\n * `PLUGIN_SECTIONS` title table keeps a checked copy for its server layout.\n *\n * Ids are persisted vocabulary — `/[orgSlug]/outreach/sequences` is a link\n * people keep, and the surface slug stays `outreach` for the same reason the\n * plugin id does (AGL-3199). The sequence list is first because it is where\n * the work is, and so it is where a bare `/outreach` lands.\n *\n * Its LABEL is \"All sequences\" rather than \"Sequences\", because the hub is\n * called Sequences and the shell prints the two together — in the tab title,\n * the page header and the breadcrumb. A section named after its surface says\n * one word twice and tells the reader nothing;\n * `plugin-section-tab-titles.spec.ts` refuses it.\n *\n * Every section inherits the nav item's `release_outreach` gate and the\n * extension's `features.outreach` entitlement and `outreach.use` permission;\n * a section that later needs a narrower one declares it, which can only\n * narrow.\n */\nexport const OUTREACH_CONSOLE_SECTIONS: readonly ConsoleNavSection[] = [\n  { id: 'sequences', label: 'All sequences' },\n  { id: 'mailboxes', label: 'Mailboxes' },\n  // The footer's sender identity and the allowed countries (AGL-2980).\n  { id: 'compliance', label: 'Compliance' },\n]\n"],"names":["OUTREACH_CONSOLE_SECTIONS","id","label"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAMD;;;;;;;;;;;;;;;;;;;;;;;CAuBC,GACD,OAAO,MAAMA,4BAA0D;IACrE;QAAEC,IAAI;QAAaC,OAAO;IAAgB;IAC1C;QAAED,IAAI;QAAaC,OAAO;IAAY;IACtC,qEAAqE;IACrE;QAAED,IAAI;QAAcC,OAAO;IAAa;CACzC,CAAA"}

package/src/lib/components/outreach-ui.d.ts

@@ -0,0 +1,51 @@
+import type { ReactNode } from 'react';
+import type { OutreachEnrollmentStatus, OutreachSequenceStatus, OutreachStopReason } from '../model/outreach.types';
+import type { OutreachLoadStatus } from './use-outreach-data';
+/**
+ * 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 declare const OUTREACH_SEQUENCE_STATUS_LABELS: Record<OutreachSequenceStatus, string>;
+export declare const OUTREACH_ENROLLMENT_STATUS_LABELS: Record<OutreachEnrollmentStatus, string>;
+/** Why an enrollment is not active, as the table says it. */
+export declare const OUTREACH_STOP_REASON_LABELS: Record<OutreachStopReason, string>;
+export declare function OutreachSequenceStatusChip(props: {
+    status: OutreachSequenceStatus;
+}): import("react").JSX.Element;
+export declare function OutreachEnrollmentStatusChip(props: {
+    status: OutreachEnrollmentStatus;
+}): import("react").JSX.Element;
+/** Progress for a read still on its way. */
+export declare function OutreachLoading(props: {
+    label: string;
+}): import("react").JSX.Element;
+/** The words a refused read shows when the route gave none of its own. */
+export declare 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 declare function OutreachLoadProblem(props: {
+    status: Extract<OutreachLoadStatus, 'error' | 'refused'>;
+    /** What could not be read, for the error sentence. */
+    what: string;
+    message?: string | null;
+    onRetry?: () => void;
+}): import("react").JSX.Element;
+/** Navigation inside the console, without reloading it. */
+export declare function useOutreachNavigate(): (href: string) => void;
+/**
+ * A link inside the console: a real anchor, so it opens in a new tab when
+ * asked to, and a client navigation otherwise.
+ */
+export declare function OutreachLink(props: {
+    href: string;
+    children: ReactNode;
+    underline?: 'hover' | 'always' | 'none';
+}): import("react").JSX.Element;
+/**
+ * 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 declare function formatOutreachTime(ms: number | null | undefined, timeZone?: string | null): string;