@aglyn/plugins-email 1.0.0-beta.179 → 1.0.0-beta.181

package/src/lib/components/org-sending-card.js

@@ -0,0 +1,680 @@
+/**
+ * @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, Fragment as _Fragment } from "react/jsx-runtime";
+import { pluginDocsHelp } from "@aglyn/aglyn";
+import { ICON_VARIANT_CLOSE } from "@aglyn/shared-data-enums";
+import { mdiDeleteOutline, mdiDnsOutline, mdiEmailCheckOutline, mdiRefresh } from "@aglyn/shared-data-mdi";
+import { AppLink, CardDisplay, Container, MdiIcon, SrOnly, useConfirmationContext } from "@aglyn/shared-ui-jsx";
+import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
+import { NavigationDrawerComponent } from "@aglyn/shared-ui-jsx/components/navigation-drawer.component";
+import RowActionsMenu from "@aglyn/shared-ui-jsx/components/row-actions-menu.component";
+import { ScrollTable } from "@aglyn/shared-ui-jsx/components/scroll-table.component";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useSendingApi } from "@aglyn/tenant-feature-instance/hooks/use-sending-identity-api";
+import { Alert, Button, Chip, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, IconButton, Stack, TableBody, TableCell, TableHead, TableRow, TextField, Typography } from "@mui/material";
+import { useRouter } from "next/navigation";
+import { useCallback, useRef, useState } from "react";
+import { describeOrgSendingDomainRemoval, describeSendingDomain, INCONCLUSIVE_CHECK } from "../model/sending-domain-status.js";
+import { OrgSiteSelect, orgSiteEmailsPath, orgSiteName, orgSitePageLabel, useEmailOrgMount, useOrgSitePage } from "./email-org-mount.js";
+import SendingSenderDrawer from "./sending-sender-drawer.js";
+import { useOrgSendingViews } from "./use-org-sending-views.js";
+/** How a site's identity reads in one chip. */ function identityChip(view) {
+    if (view.refusal) return {
+        label: 'Cannot send',
+        color: 'warning'
+    };
+    if (view.identitySource === 'custom') {
+        return {
+            label: 'Own domain',
+            color: 'primary'
+        };
+    }
+    return {
+        label: 'Shared address',
+        color: 'default'
+    };
+}
+/**
+ * WHO EVERY SITE'S MAIL COMES FROM, AND THE DOMAINS THE ORGANIZATION PROVED.
+ *
+ * The two halves of a site's Sending section, over the organization. A domain
+ * is proved once by the org — publishing its records is a statement about a
+ * zone — and each site then chooses which proved domain it sends as, so the
+ * page is two tables: the sites, each with what it sends as right now and its
+ * default sender, and the domains, each with the sites sending as it.
+ *
+ * Every site row is read through the same route the site's own page reads,
+ * so what it says is what a campaign sent as that site would get. The reads
+ * are one per site over one page of sites, and the org's domains come back on
+ * each of them, so there is no separate read for the domain table. What the
+ * domain table says about which sites send as a domain is what the pages read
+ * so far say, and the removal confirmation counts the sites not yet read.
+ *
+ * Managing — adding a domain, checking it, choosing what a site sends as, or
+ * editing a sender — needs the organization admin role, exactly as on a
+ * site's page, and the page says so to anybody else rather than offering
+ * controls that would refuse.
+ */ export function OrgSendingCard(props) {
+    const mount = useEmailOrgMount();
+    return mount ? /*#__PURE__*/ _jsx(OrgSendingTables, {
+        mount: mount,
+        basePath: props.basePath
+    }) : null;
+}
+OrgSendingCard.displayName = 'OrgSendingCard';
+function OrgSendingTables(props) {
+    var _ref, _views_senderEditor_hostId, _ref1;
+    const { mount, basePath } = props;
+    const call = useSendingApi();
+    const router = useRouter();
+    const { confirm } = useConfirmationContext();
+    const { enqueueSnackbar } = useSnackbar();
+    // Held in a ref for the reason the site card holds its own: the callbacks
+    // below depend on it, and the hook hands back a fresh function per render.
+    const notifyRef = useRef(enqueueSnackbar);
+    notifyRef.current = enqueueSnackbar;
+    const sitePage = useOrgSitePage(mount);
+    const { sites } = sitePage;
+    const { views, errors, loading, reload, first } = useOrgSendingViews(sites);
+    const canManage = (first == null ? void 0 : first.canManage) === true;
+    const entitled = (first == null ? void 0 : first.entitled) === true;
+    const domains = (_ref = first == null ? void 0 : first.domains) != null ? _ref : [];
+    const [senderEditor, setSenderEditor] = useState(null);
+    const [domainBusy, setDomainBusy] = useState('');
+    /** The domain a site is being chosen for, with the site chosen so far. */ const [assigning, setAssigning] = useState(null);
+    const [adding, setAdding] = useState(false);
+    const [newDomain, setNewDomain] = useState('');
+    const [addError, setAddError] = useState('');
+    const [addingBusy, setAddingBusy] = useState(false);
+    /** A domain's own page, the org route's twin of a site's. */ const domainPath = useCallback((domain)=>`${basePath}/sending/${encodeURIComponent(domain)}`, [
+        basePath
+    ]);
+    /** The sites read so far whose mail leaves on `domain`. */ const sitesSendingAs = (domain)=>mount.hosts.filter((site)=>{
+            var _views_site_id;
+            return ((_views_site_id = views[site.id]) == null ? void 0 : _views_site_id.selected) === domain;
+        });
+    const handleVerifyDomain = useCallback(async (domain)=>{
+        if (domainBusy) return;
+        setDomainBusy(domain);
+        const { response, payload } = await call({
+            path: 'sending-domains',
+            method: 'POST',
+            body: {
+                orgId: mount.orgId,
+                domain,
+                action: 'verify'
+            }
+        });
+        setDomainBusy('');
+        // No answer from DNS changes nothing about the record; see the site
+        // card, which holds the same third outcome.
+        if (response.status === 503) {
+            return void notifyRef.current(INCONCLUSIVE_CHECK.text, {
+                variant: 'info'
+            });
+        }
+        if (!response.ok) {
+            var _ref;
+            return void notifyRef.current((_ref = payload == null ? void 0 : payload.error) != null ? _ref : 'The check could not run', {
+                variant: 'warning'
+            });
+        }
+        await reload();
+        notifyRef.current((payload == null ? void 0 : payload.verified) ? `Verified — ${domain} can send` : `Checked. Some of ${domain}’s records are still missing.`, {
+            variant: (payload == null ? void 0 : payload.verified) ? 'success' : 'info'
+        });
+    }, [
+        call,
+        domainBusy,
+        mount.orgId,
+        reload
+    ]);
+    const handleUseDomain = useCallback(async (hostId, domain)=>{
+        if (domainBusy) return;
+        setDomainBusy(domain);
+        const { response, payload } = await call({
+            path: 'sending-identity',
+            method: 'POST',
+            body: {
+                hostId,
+                domain
+            }
+        });
+        setDomainBusy('');
+        if (!response.ok) {
+            var _ref;
+            return void notifyRef.current((_ref = payload == null ? void 0 : payload.error) != null ? _ref : 'Could not change the identity', {
+                variant: 'warning'
+            });
+        }
+        setAssigning(null);
+        await reload(hostId);
+        // The address the ROUTE settled on, not the one this click asked for.
+        const site = orgSiteName(mount, hostId);
+        notifyRef.current((payload == null ? void 0 : payload.from) ? `${site} now sends as ${payload.from}` : `${site}’s sending address was changed`, {
+            variant: 'success'
+        });
+    }, [
+        call,
+        domainBusy,
+        mount,
+        reload
+    ]);
+    const handleReleaseDomain = useCallback(async (domain)=>{
+        if (domainBusy) return;
+        const ok = await confirm(_extends({}, describeOrgSendingDomainRemoval({
+            domain,
+            sites: mount.hosts.filter((site)=>{
+                var _views_site_id;
+                return ((_views_site_id = views[site.id]) == null ? void 0 : _views_site_id.selected) === domain;
+            }).map((site)=>{
+                var _views_site_id;
+                return {
+                    name: orgSiteName(mount, site.id),
+                    issued: ((_views_site_id = views[site.id]) == null ? void 0 : _views_site_id.platformDomain) === domain
+                };
+            }),
+            unchecked: mount.hosts.filter((site)=>!views[site.id]).length
+        }), {
+            confirmationButtonProps: {
+                color: 'error'
+            }
+        }))// `confirm` resolves with no value and REJECTS on cancel.
+        .then(()=>true).catch(()=>false);
+        if (!ok) return;
+        setDomainBusy(domain);
+        const { response, payload } = await call({
+            path: 'sending-domains',
+            method: 'DELETE',
+            query: {
+                orgId: mount.orgId,
+                domain
+            }
+        });
+        setDomainBusy('');
+        if (!response.ok) {
+            var _ref;
+            return void notifyRef.current((_ref = payload == null ? void 0 : payload.error) != null ? _ref : 'Could not remove the domain', {
+                variant: 'warning'
+            });
+        }
+        await reload();
+    }, [
+        call,
+        confirm,
+        domainBusy,
+        mount,
+        reload,
+        views
+    ]);
+    const handleAdd = useCallback(async ()=>{
+        var _ref;
+        const domain = newDomain.trim();
+        if (!domain || addingBusy) return;
+        setAddError('');
+        setAddingBusy(true);
+        const { response, payload } = await call({
+            path: 'sending-domains',
+            method: 'POST',
+            body: {
+                orgId: mount.orgId,
+                domain,
+                action: 'request'
+            }
+        });
+        setAddingBusy(false);
+        if (!response.ok) {
+            var _ref1;
+            setAddError((_ref1 = payload == null ? void 0 : payload.error) != null ? _ref1 : 'Could not add that domain');
+            return;
+        }
+        setAdding(false);
+        setNewDomain('');
+        // Straight to the records, which are what the person came for.
+        router.push(domainPath((_ref = payload == null ? void 0 : payload.domain) != null ? _ref : domain));
+    }, [
+        addingBusy,
+        call,
+        domainPath,
+        mount.orgId,
+        newDomain,
+        router
+    ]);
+    /**
+   * What may be done to one domain from here, disabled with the reason rather
+   * than hidden — the same four entries, gated the same way, as the site
+   * card's row menu. The difference is the send-as entry: over the org it
+   * asks which site.
+   */ const domainActions = (record)=>{
+        const working = Boolean(domainBusy);
+        const domainRouteReason = !canManage ? 'Managing sending domains needs the organization admin role.' : !entitled ? 'Managing sending domains needs a plan that carries sending as ' + 'your own domain.' : '';
+        return [
+            {
+                key: 'open',
+                label: 'Open domain',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiDnsOutline.path,
+                    size: 0.8
+                }),
+                href: domainPath(record.domain)
+            },
+            {
+                key: 'verify',
+                label: 'Check DNS',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiRefresh.path,
+                    size: 0.8
+                }),
+                disabled: working || record.status === 'requested' || Boolean(domainRouteReason),
+                disabledReason: record.status === 'requested' ? 'No records have been issued for this domain yet, so there is ' + 'nothing to look for. Open it to see what it is waiting on.' : domainRouteReason || undefined,
+                onClick: ()=>void handleVerifyDomain(record.domain)
+            },
+            {
+                key: 'use',
+                label: 'Send a site’s email as this domain…',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiEmailCheckOutline.path,
+                    size: 0.8
+                }),
+                disabled: working || record.status !== 'verified' || !canManage,
+                disabledReason: record.status !== 'verified' ? 'Only a verified domain can be sent as. Publish its records and ' + 'check DNS first.' : !canManage ? 'Choosing what a site sends as needs the organization admin ' + 'role.' : undefined,
+                onClick: ()=>{
+                    var _mount_pickedHostId;
+                    if (mount.hosts.length === 1) {
+                        return void handleUseDomain(mount.hosts[0].id, record.domain);
+                    }
+                    setAssigning({
+                        domain: record.domain,
+                        hostId: (_mount_pickedHostId = mount.pickedHostId) != null ? _mount_pickedHostId : ''
+                    });
+                }
+            },
+            {
+                key: 'release',
+                label: 'Remove domain',
+                icon: /*#__PURE__*/ _jsx(MdiIcon, {
+                    path: mdiDeleteOutline.path,
+                    size: 0.8
+                }),
+                destructive: true,
+                disabled: working || Boolean(domainRouteReason),
+                disabledReason: domainRouteReason || undefined,
+                onClick: ()=>void handleReleaseDomain(record.domain)
+            }
+        ];
+    };
+    const noSites = mount.hostsReady && mount.hosts.length === 0;
+    const editorView = senderEditor ? (_views_senderEditor_hostId = views[senderEditor.hostId]) != null ? _views_senderEditor_hostId : null : null;
+    return /*#__PURE__*/ _jsxs(CardDisplay, {
+        header: "Sending",
+        help: pluginDocsHelp('emailCampaigns', {
+            anchor: '#sending-domains'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        contentBordered: "all",
+        HeaderProps: {
+            action: canManage ? /*#__PURE__*/ _jsx(Button, {
+                size: "small",
+                variant: "contained",
+                disabled: !entitled,
+                onClick: ()=>setAdding(true),
+                children: 'Add domain'
+            }) : null
+        },
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1.5,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'Receipts, password resets, booking confirmations and other ' + 'account email send from every site on every plan, including ' + 'Free. A domain is proved once for the whole organization; each ' + 'site then chooses which proved domain its mail leaves on, and ' + 'which senders it may use.'
+                    }),
+                    first && !canManage ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "info",
+                        children: 'Adding a domain, choosing what a site sends as and editing its ' + 'senders need the organization admin role. You can see the ' + 'current state here.'
+                    }) : null,
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        sx: {
+                            fontWeight: 'bold'
+                        },
+                        children: 'Sites'
+                    }),
+                    noSites ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'This organization has no sites yet. What a site sends as is ' + 'chosen per site, so there is nothing to show until there is one.'
+                    }) : /*#__PURE__*/ _jsxs(ScrollTable, {
+                        size: "small",
+                        children: [
+                            /*#__PURE__*/ _jsx(TableHead, {
+                                children: /*#__PURE__*/ _jsxs(TableRow, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: 'Site'
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: 'Sends as'
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: 'Status'
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: 'Default sender'
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: /*#__PURE__*/ _jsx(SrOnly, {
+                                                children: 'Actions'
+                                            })
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TableBody, {
+                                children: sites.map((site)=>{
+                                    var _ref, _sender_from;
+                                    var _view_refusal;
+                                    const view = views[site.id];
+                                    const error = errors[site.id];
+                                    const sendingPage = orgSiteEmailsPath(mount, site.id, 'sending');
+                                    const sender = view == null ? void 0 : view.senders.find((entry)=>entry.isDefault);
+                                    const chip = view ? identityChip(view) : null;
+                                    return /*#__PURE__*/ _jsxs(TableRow, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: sendingPage ? /*#__PURE__*/ _jsx(AppLink, {
+                                                    href: sendingPage,
+                                                    children: orgSiteName(mount, site.id)
+                                                }) : orgSiteName(mount, site.id)
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                sx: {
+                                                    fontFamily: view ? 'monospace' : undefined
+                                                },
+                                                children: view ? (_ref = (_view_refusal = view.refusal) == null ? void 0 : _view_refusal.message) != null ? _ref : view.identity : /*#__PURE__*/ _jsx(Typography, {
+                                                    variant: "body2",
+                                                    color: "text.secondary",
+                                                    children: error || 'Loading…'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: chip ? /*#__PURE__*/ _jsx(Chip, {
+                                                    size: "small",
+                                                    label: chip.label,
+                                                    color: chip.color
+                                                }) : null
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: sender ? [
+                                                    sender.fromName,
+                                                    (_sender_from = sender.from) != null ? _sender_from : `${sender.localPart}@`
+                                                ].filter(Boolean).join(' · ') : view ? '—' : null
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: view && canManage ? /*#__PURE__*/ _jsx(Button, {
+                                                    size: "small",
+                                                    onClick: ()=>{
+                                                        var _ref;
+                                                        return setSenderEditor({
+                                                            hostId: site.id,
+                                                            senderId: (_ref = sender == null ? void 0 : sender.id) != null ? _ref : null
+                                                        });
+                                                    },
+                                                    children: 'Edit sender'
+                                                }) : null
+                                            })
+                                        ]
+                                    }, site.id);
+                                })
+                            })
+                        ]
+                    }),
+                    noSites ? null : /*#__PURE__*/ _jsx(ListPagination, {
+                        page: sitePage.page,
+                        pageSize: sitePage.pageSize,
+                        rowCount: sites.length,
+                        count: sitePage.count,
+                        onPageChange: sitePage.setPage,
+                        labelDisplayedRows: orgSitePageLabel
+                    }),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        sx: {
+                            fontWeight: 'bold'
+                        },
+                        children: 'Domains'
+                    }),
+                    first && !entitled ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: (first.customDomainPlan ? `Sending as your own domain starts on the ${first.customDomainPlan} plan. ` : '') + 'Until then each site sends on a shared sending address, whose ' + 'delivery reputation is pooled with the other sites on it.'
+                    }) : null,
+                    !first ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: noSites ? 'Domains are listed once the organization has a site.' : loading ? 'Loading…' : 'The organization’s domains could not be read, because no ' + 'site’s sending identity could.'
+                    }) : domains.length ? /*#__PURE__*/ _jsxs(ScrollTable, {
+                        size: "small",
+                        children: [
+                            /*#__PURE__*/ _jsx(TableHead, {
+                                children: /*#__PURE__*/ _jsxs(TableRow, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: 'Domain'
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: 'State'
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: 'Sites sending as it'
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: /*#__PURE__*/ _jsx(SrOnly, {
+                                                children: 'Actions'
+                                            })
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TableBody, {
+                                children: domains.map((record)=>{
+                                    var _record_lastIssueError;
+                                    const state = describeSendingDomain({
+                                        status: record.status,
+                                        pendingProvider: record.status === 'requested',
+                                        issueError: (_record_lastIssueError = record.lastIssueError) != null ? _record_lastIssueError : null
+                                    });
+                                    const using = sitesSendingAs(record.domain);
+                                    return /*#__PURE__*/ _jsxs(TableRow, {
+                                        hover: true,
+                                        sx: {
+                                            cursor: 'pointer'
+                                        },
+                                        onClick: ()=>router.push(domainPath(record.domain)),
+                                        children: [
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                sx: {
+                                                    fontFamily: 'monospace'
+                                                },
+                                                children: record.domain
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: /*#__PURE__*/ _jsx(Chip, {
+                                                    size: "small",
+                                                    label: state.label,
+                                                    color: state.color,
+                                                    variant: state.sending ? 'filled' : 'outlined'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: using.length ? using.map((site)=>orgSiteName(mount, site.id)).join(', ') : /*#__PURE__*/ _jsx(Typography, {
+                                                    variant: "body2",
+                                                    color: "text.secondary",
+                                                    children: '—'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                padding: "none",
+                                                children: /*#__PURE__*/ _jsx(RowActionsMenu, {
+                                                    label: record.domain,
+                                                    items: domainActions(record)
+                                                })
+                                            })
+                                        ]
+                                    }, record.domain);
+                                })
+                            })
+                        ]
+                    }) : /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'No domain has been added yet.'
+                    })
+                ]
+            }),
+            senderEditor && editorView ? /*#__PURE__*/ _jsx(SendingSenderDrawer, {
+                open: true,
+                hostId: senderEditor.hostId,
+                view: editorView,
+                senderId: senderEditor.senderId,
+                onClose: ()=>setSenderEditor(null),
+                onSaved: ()=>void reload(senderEditor.hostId)
+            }) : null,
+            /*#__PURE__*/ _jsxs(Dialog, {
+                open: Boolean(assigning),
+                onClose: domainBusy ? undefined : ()=>setAssigning(null),
+                fullWidth: true,
+                maxWidth: "xs",
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTitle, {
+                        children: `Send as ${(_ref1 = assigning == null ? void 0 : assigning.domain) != null ? _ref1 : ''}`
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogContent, {
+                        children: [
+                            /*#__PURE__*/ _jsx(DialogContentText, {
+                                sx: {
+                                    mb: 2
+                                },
+                                children: 'The site whose email should leave on this domain. Its receipts, ' + 'account email and campaigns all move to it.'
+                            }),
+                            assigning ? /*#__PURE__*/ _jsx(OrgSiteSelect, {
+                                mount: mount,
+                                label: "Site",
+                                value: assigning.hostId,
+                                onChange: (hostId)=>setAssigning((current)=>current ? _extends({}, current, {
+                                            hostId
+                                        }) : current)
+                            }) : null
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogActions, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                onClick: ()=>setAssigning(null),
+                                disabled: Boolean(domainBusy),
+                                children: 'Cancel'
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "contained",
+                                disabled: !(assigning == null ? void 0 : assigning.hostId) || Boolean(domainBusy),
+                                onClick: ()=>assigning ? void handleUseDomain(assigning.hostId, assigning.domain) : undefined,
+                                children: domainBusy ? 'Changing…' : 'Send as this domain'
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(NavigationDrawerComponent, {
+                open: adding,
+                anchor: "right",
+                variant: "temporary",
+                onClose: ()=>setAdding(false),
+                AppBarProps: {
+                    color: 'surface'
+                },
+                appBarLeft: /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsxs(IconButton, {
+                            color: "inherit",
+                            edge: "start",
+                            onClick: ()=>setAdding(false),
+                            sx: {
+                                mr: 2
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(MdiIcon, {
+                                    path: ICON_VARIANT_CLOSE.path
+                                }),
+                                /*#__PURE__*/ _jsx(SrOnly, {
+                                    children: "close drawer"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "h6",
+                            component: "div",
+                            children: 'Add a sending domain'
+                        })
+                    ]
+                }),
+                children: /*#__PURE__*/ _jsx(Container, {
+                    gutterY: true,
+                    children: /*#__PURE__*/ _jsxs(Stack, {
+                        spacing: 2,
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                color: "text.secondary",
+                                children: 'The domain your mail should come from — the part after the @. ' + 'Use a domain you control the DNS for; you will be given ' + 'records to publish on it. Once it verifies, any of this ' + 'organization’s sites can send as it.'
+                            }),
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Domain",
+                                value: newDomain,
+                                onChange: (event)=>setNewDomain(event.target.value),
+                                size: "small",
+                                autoFocus: true,
+                                placeholder: "acme.com",
+                                helperText: "For example acme.com — not an address"
+                            }),
+                            addError ? /*#__PURE__*/ _jsx(Alert, {
+                                severity: "error",
+                                children: addError
+                            }) : null,
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "contained",
+                                disabled: !newDomain.trim() || addingBusy,
+                                onClick: ()=>void handleAdd(),
+                                children: addingBusy ? 'Adding…' : 'Add domain'
+                            })
+                        ]
+                    })
+                })
+            })
+        ]
+    });
+}
+OrgSendingTables.displayName = 'OrgSendingTables';
+export default OrgSendingCard;
+
+//# sourceMappingURL=org-sending-card.js.map