@aglyn/plugins-email 1.0.0-beta.196 → 1.0.0-beta.197

package/src/lib/components/consent-group-dialog.js

@@ -0,0 +1,495 @@
+/**
+ * @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 { consentGroupsAwaitConfirmation } from "@aglyn/aglyn/app-utils/consent-groups";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { Alert, Box, Button, CircularProgress, Dialog, DialogActions, DialogContent, DialogTitle, Stack, TextField, Typography } from "@mui/material";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { buildConsentGroupDeclaration, describeConsentGroupDraft, draftDisclosure, expectedConsentGroups, listConsentGroups, validateConsentGroupDraft } from "./consent-group-editing.js";
+import { describeConsentGroupReview, joinNames } from "./consent-group-review.js";
+import ConsentGroupSitePicker from "./consent-group-site-picker.js";
+import { CONSENT_GROUP_NAME_MAX, consentGroupIssueMessage, postConsentGroups } from "./consent-groups-api.js";
+const NO_ISSUES = {
+    hostIds: new Set(),
+    general: []
+};
+const NAME_CODES = new Set([
+    'name-empty',
+    'name-too-long',
+    'name-duplicate'
+]);
+const SITE_CODES = new Set([
+    'too-few-sites',
+    'too-many-sites',
+    'group-replaced',
+    'unknown-site',
+    'site-in-two-groups'
+]);
+/**
+ * Declare, change or dissolve one consent group (AGL-3320).
+ *
+ * ## Two steps, because the second one is the consequence
+ *
+ * The EDIT step is the declaration: a name, which every signup form on the
+ * group's sites will show, and the sites. The REVIEW step is what that
+ * declaration does to people — who stops getting mail, who can still be
+ * mailed, what happens to the CRM's records — counted by the route before
+ * anything is written. Nothing changes until the review's button is pressed,
+ * and that button is named for what it does.
+ *
+ * ## The whole declaration is sent, against the one that was read
+ *
+ * The route takes the org's complete next declaration and the raw one the
+ * dialog was opened against, so a change somebody else made meanwhile is
+ * refused rather than overwritten. The dialog snapshots that declaration
+ * when it opens and edits against the snapshot; when the route says it is
+ * stale, the dialog reloads the current one and asks again.
+ *
+ * ## Dissolving is where a group with too few sites ends up
+ *
+ * A group of one site is not a group, so unticking all but one site of an
+ * existing group does not produce an invalid form — it becomes the dissolve,
+ * and the dialog says so before anything is reviewed.
+ */ export function ConsentGroupDialog(props) {
+    var _issues_name, _issues_sites, _ref, _ref1;
+    var _snapshot_groups_find;
+    const { open, mode, groupId, org, orgId, sites, onClose, onApplied } = props;
+    const { data: user } = useUser();
+    const [snapshot, setSnapshot] = useState({
+        expected: null,
+        groups: []
+    });
+    const [name, setName] = useState('');
+    const [hostIds, setHostIds] = useState([]);
+    const [step, setStep] = useState('edit');
+    const [preview, setPreview] = useState(null);
+    const [busy, setBusy] = useState(null);
+    const [alert, setAlert] = useState(null);
+    const [issues, setIssues] = useState(NO_ISSUES);
+    const [touched, setTouched] = useState(false);
+    /**
+   * Set when a review should be asked for as soon as the snapshot it depends
+   * on has rendered: a dissolve on open, and a dissolve reloaded after a
+   * stale answer. State rather than a call, because the call made in the
+   * same pass as the load would post the declaration from before it.
+   */ const [autoPreview, setAutoPreview] = useState(false);
+    /** Bumped on every open, so an answer to a closed dialog is dropped. */ const session = useRef(0);
+    const orgRef = useRef(org);
+    orgRef.current = org;
+    /**
+   * Starts (or restarts, after a stale answer) from a declaration.
+   *
+   * A new group's draft survives a restart — the name and the sites mean the
+   * same against the declaration as it now stands, and any site somebody
+   * else grouped meanwhile shows it on its badge. An edit's draft does not:
+   * it was made to a group that has since changed.
+   */ const load = useCallback((raw, keepDraft = false)=>{
+        var _orgRef_current, _ref, _ref1;
+        // The org as it stands with `raw` as its declaration, so the listing
+        // refuses exactly what the route's reader refuses — a group id that
+        // is also one of the org's sites among them.
+        const groups = listConsentGroups(_extends({}, (_orgRef_current = orgRef.current) != null ? _orgRef_current : {}, {
+            consentGroups: raw
+        }));
+        setSnapshot({
+            expected: raw,
+            groups
+        });
+        setPreview(null);
+        setIssues(NO_ISSUES);
+        if (keepDraft) return groups;
+        const group = groupId ? groups.find((entry)=>entry.id === groupId) : null;
+        setName(mode === 'create' ? '' : (_ref = group == null ? void 0 : group.name) != null ? _ref : '');
+        setHostIds(mode === 'create' ? [] : [
+            ...(_ref1 = group == null ? void 0 : group.hostIds) != null ? _ref1 : []
+        ]);
+        setTouched(false);
+        return groups;
+    }, [
+        groupId,
+        mode
+    ]);
+    const draft = useMemo(()=>({
+            mode,
+            groupId: mode === 'create' ? null : groupId,
+            name,
+            hostIds
+        }), [
+        mode,
+        groupId,
+        name,
+        hostIds
+    ]);
+    const change = useMemo(()=>describeConsentGroupDraft(snapshot.groups, draft), [
+        snapshot.groups,
+        draft
+    ]);
+    const localErrors = useMemo(()=>validateConsentGroupDraft(snapshot.groups, draft), [
+        snapshot.groups,
+        draft
+    ]);
+    const groupExists = mode === 'create' || snapshot.groups.some((group)=>group.id === groupId);
+    const siteName = useCallback((hostId)=>{
+        const site = sites.find((entry)=>entry.id === hostId);
+        return (site == null ? void 0 : site.name) || (site == null ? void 0 : site.subdomain) || hostId;
+    }, [
+        sites
+    ]);
+    /** Sorts a validation answer onto the name, the sites or the banner. */ const placeIssues = useCallback((errors, editedIndex)=>{
+        const placed = {
+            hostIds: new Set(),
+            general: []
+        };
+        const posted = buildConsentGroupDeclaration(snapshot.groups, draft).groups;
+        for (const issue of errors){
+            const code = issue.code;
+            const message = consentGroupIssueMessage(issue, siteName);
+            // A dissolve has no fields on screen, so everything goes to the banner.
+            const ours = editedIndex != null && (issue.groupIndex == null || issue.groupIndex === editedIndex);
+            if (issue.hostId) placed.hostIds.add(issue.hostId);
+            if (ours && NAME_CODES.has(code)) {
+                var _placed, _name;
+                (_name = (_placed = placed).name) != null ? _name : _placed.name = message;
+            } else if (ours && SITE_CODES.has(code)) {
+                var _placed1, _sites;
+                (_sites = (_placed1 = placed).sites) != null ? _sites : _placed1.sites = message;
+            } else {
+                var _posted_issue_groupIndex;
+                const other = issue.groupIndex != null ? (_posted_issue_groupIndex = posted[issue.groupIndex]) == null ? void 0 : _posted_issue_groupIndex.name : undefined;
+                placed.general.push(other ? `${other}: ${message}` : message);
+            }
+        }
+        setIssues(placed);
+    }, [
+        snapshot.groups,
+        draft,
+        siteName
+    ]);
+    /** What every refused call does, whichever step made it. */ const handleFailure = useCallback((failure, editedIndex)=>{
+        if (failure.kind === 'invalid') {
+            placeIssues(failure.errors, editedIndex);
+            setAlert(failure.errors.length ? null : {
+                severity: 'error',
+                message: failure.message
+            });
+            if (mode !== 'dissolve') setStep('edit');
+            return;
+        }
+        if (failure.kind === 'stale') {
+            var _failure_current;
+            // Reload what is there now, and let the admin look again.
+            const groups = load((_failure_current = failure.current) != null ? _failure_current : expectedConsentGroups(orgRef.current), mode === 'create');
+            const stillThere = mode === 'create' || groups.some((group)=>group.id === groupId);
+            setAlert({
+                severity: 'warning',
+                message: stillThere ? `${failure.message} This shows what they saved; check your change and review it again.` : `${failure.message} This consent group no longer exists.`
+            });
+            setStep(mode === 'dissolve' ? 'review' : 'edit');
+            if (mode === 'dissolve' && stillThere) setAutoPreview(true);
+            return;
+        }
+        setAlert({
+            severity: failure.kind === 'in-flight' ? 'info' : 'error',
+            message: failure.message
+        });
+    }, [
+        placeIssues,
+        load,
+        mode,
+        groupId
+    ]);
+    const requestPreview = useCallback(async ()=>{
+        if (!user) return;
+        const ticket = session.current;
+        const { groups, editedIndex } = buildConsentGroupDeclaration(snapshot.groups, draft);
+        setBusy('preview');
+        setAlert(null);
+        setIssues(NO_ISSUES);
+        setPreview(null);
+        setStep('review');
+        const result = await postConsentGroups(user, {
+            orgId,
+            action: 'preview',
+            expected: snapshot.expected,
+            groups
+        });
+        if (ticket !== session.current) return;
+        setBusy(null);
+        if (result.ok) {
+            var _result_body_preview;
+            setPreview((_result_body_preview = result.body.preview) != null ? _result_body_preview : null);
+            return;
+        }
+        handleFailure(result.failure, editedIndex);
+    }, [
+        user,
+        snapshot,
+        draft,
+        orgId,
+        handleFailure
+    ]);
+    const apply = useCallback(async ()=>{
+        if (!user || !preview) return;
+        const ticket = session.current;
+        const { groups, editedIndex } = buildConsentGroupDeclaration(snapshot.groups, draft);
+        setBusy('apply');
+        setAlert(null);
+        const result = await postConsentGroups(user, {
+            orgId,
+            action: 'apply',
+            expected: snapshot.expected,
+            groups
+        });
+        if (ticket !== session.current) return;
+        setBusy(null);
+        if (result.ok) {
+            onApplied({
+                changeId: result.body.changeId,
+                done: result.body.done === true
+            });
+            return;
+        }
+        handleFailure(result.failure, editedIndex);
+    }, [
+        user,
+        preview,
+        snapshot,
+        draft,
+        orgId,
+        onApplied,
+        handleFailure
+    ]);
+    /*
+   * Open: snapshot the declaration as it stands, and start from the group as
+   * it is. A dissolve has nothing to edit, so it asks for its review at once.
+   */ useEffect(()=>{
+        if (!open) return;
+        session.current += 1;
+        setAlert(null);
+        setBusy(null);
+        setStep(mode === 'dissolve' ? 'review' : 'edit');
+        load(expectedConsentGroups(orgRef.current));
+        setAutoPreview(mode === 'dissolve');
+    }, [
+        open,
+        mode,
+        groupId,
+        load
+    ]);
+    useEffect(()=>{
+        if (!open || !autoPreview) return;
+        setAutoPreview(false);
+        void requestPreview();
+    }, [
+        open,
+        autoPreview,
+        requestPreview
+    ]);
+    const review = useMemo(()=>step === 'review' ? describeConsentGroupReview({
+            change,
+            preview,
+            siteName,
+            awaitsConfirmation: consentGroupsAwaitConfirmation(org)
+        }) : null, [
+        step,
+        change,
+        preview,
+        siteName,
+        org
+    ]);
+    const nameError = (_issues_name = issues.name) != null ? _issues_name : touched ? localErrors.name : undefined;
+    const sitesError = (_issues_sites = issues.sites) != null ? _issues_sites : touched && change.kind !== 'dissolve' ? localErrors.sites : undefined;
+    const disclosure = draftDisclosure(name, hostIds);
+    const dissolving = change.kind === 'dissolve';
+    const canReview = !busy && groupExists && !change.empty && (dissolving || !localErrors.name && !localErrors.sites);
+    const close = ()=>{
+        if (busy === 'apply') return;
+        session.current += 1;
+        onClose();
+    };
+    const title = step === 'review' && review ? review.title : mode === 'create' ? 'New consent group' : `Edit “${(_ref = (_snapshot_groups_find = snapshot.groups.find((group)=>group.id === groupId)) == null ? void 0 : _snapshot_groups_find.name) != null ? _ref : name}”`;
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: open,
+        onClose: close,
+        maxWidth: "sm",
+        fullWidth: true,
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: title
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                dividers: true,
+                children: /*#__PURE__*/ _jsxs(Stack, {
+                    spacing: 2,
+                    children: [
+                        alert ? /*#__PURE__*/ _jsx(Alert, {
+                            severity: alert.severity,
+                            children: alert.message
+                        }) : null,
+                        issues.general.map((message)=>/*#__PURE__*/ _jsx(Alert, {
+                                severity: "error",
+                                children: message
+                            }, message)),
+                        step === 'edit' ? /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx(TextField, {
+                                    label: "Name",
+                                    value: name,
+                                    onChange: (event)=>{
+                                        setName(event.target.value);
+                                        setIssues((current)=>_extends({}, current, {
+                                                name: undefined
+                                            }));
+                                    },
+                                    onBlur: ()=>setTouched(true),
+                                    error: Boolean(nameError),
+                                    helperText: nameError != null ? nameError : 'Signup forms on these sites show it, so use the name people know you by.',
+                                    slotProps: {
+                                        htmlInput: {
+                                            maxLength: CONSENT_GROUP_NAME_MAX + 20
+                                        }
+                                    },
+                                    autoFocus: mode === 'create',
+                                    required: true,
+                                    fullWidth: true
+                                }),
+                                /*#__PURE__*/ _jsxs(Box, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "subtitle2",
+                                            children: 'What signup forms will say'
+                                        }),
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            color: disclosure ? 'text.primary' : 'text.secondary',
+                                            "data-testid": "consent-group-disclosure",
+                                            children: disclosure != null ? disclosure : 'Choose a name and at least two sites to see it.'
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx(ConsentGroupSitePicker, {
+                                    sites: sites,
+                                    groups: snapshot.groups,
+                                    groupId: mode === 'create' ? null : groupId,
+                                    selected: hostIds,
+                                    onChange: (next)=>{
+                                        setHostIds(next);
+                                        setTouched(true);
+                                        setIssues((current)=>_extends({}, current, {
+                                                sites: undefined,
+                                                hostIds: new Set()
+                                            }));
+                                    },
+                                    error: sitesError,
+                                    refusedHostIds: issues.hostIds
+                                }),
+                                dissolving && change.kind === 'dissolve' && change.tooFewSites ? /*#__PURE__*/ _jsx(Alert, {
+                                    severity: "warning",
+                                    children: `A consent group needs at least two sites. ${change.unselected.length ? `Removing ${joinNames(change.unselected.map(siteName))} dissolves ${change.name}.` : `This dissolves ${change.name}.`} Review it to see what that changes.`
+                                }) : null
+                            ]
+                        }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                busy === 'preview' ? /*#__PURE__*/ _jsxs(Stack, {
+                                    direction: "row",
+                                    spacing: 1,
+                                    sx: {
+                                        alignItems: 'center'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(CircularProgress, {
+                                            size: 16
+                                        }),
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            color: "text.secondary",
+                                            children: 'Counting what this changes — nothing is written yet…'
+                                        })
+                                    ]
+                                }) : null,
+                                review && preview ? review.sections.map((section)=>/*#__PURE__*/ _jsxs(Box, {
+                                        component: "section",
+                                        children: [
+                                            section.heading ? /*#__PURE__*/ _jsx(Typography, {
+                                                variant: "subtitle2",
+                                                sx: {
+                                                    mb: 0.5
+                                                },
+                                                children: section.heading
+                                            }) : null,
+                                            /*#__PURE__*/ _jsx(Stack, {
+                                                spacing: 0.75,
+                                                children: section.items.map((item)=>item.tone === 'warning' ? /*#__PURE__*/ _jsx(Alert, {
+                                                        severity: "warning",
+                                                        sx: {
+                                                            py: 0
+                                                        },
+                                                        children: item.text
+                                                    }, item.id) : /*#__PURE__*/ _jsx(Typography, {
+                                                        variant: "body2",
+                                                        children: item.text
+                                                    }, item.id))
+                                            })
+                                        ]
+                                    }, section.id)) : null
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    step === 'review' && mode !== 'dissolve' ? /*#__PURE__*/ _jsx(Button, {
+                        onClick: ()=>{
+                            setStep('edit');
+                            setAlert(null);
+                        },
+                        disabled: Boolean(busy),
+                        children: 'Back'
+                    }) : /*#__PURE__*/ _jsx(Button, {
+                        onClick: close,
+                        disabled: busy === 'apply',
+                        children: 'Cancel'
+                    }),
+                    step === 'edit' ? /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        onClick: ()=>{
+                            setTouched(true);
+                            if (canReview) void requestPreview();
+                        },
+                        disabled: !canReview,
+                        children: dissolving ? 'Review dissolving' : 'Review'
+                    }) : /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        color: dissolving ? 'error' : 'primary',
+                        onClick: ()=>void apply(),
+                        disabled: !preview || Boolean(busy) || !groupExists,
+                        startIcon: busy === 'apply' ? /*#__PURE__*/ _jsx(CircularProgress, {
+                            size: 16
+                        }) : undefined,
+                        children: (_ref1 = review == null ? void 0 : review.confirmLabel) != null ? _ref1 : 'Apply'
+                    })
+                ]
+            })
+        ]
+    });
+}
+ConsentGroupDialog.displayName = 'ConsentGroupDialog';
+export default ConsentGroupDialog;
+
+//# sourceMappingURL=consent-group-dialog.js.map

package/src/lib/components/consent-group-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/email/src/lib/components/consent-group-dialog.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport type { ConsolePluginOrgHost } from '@aglyn/aglyn'\nimport { consentGroupsAwaitConfirmation } from '@aglyn/aglyn/app-utils/consent-groups'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Alert,\n  Box,\n  Button,\n  CircularProgress,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  buildConsentGroupDeclaration,\n  describeConsentGroupDraft,\n  draftDisclosure,\n  expectedConsentGroups,\n  listConsentGroups,\n  validateConsentGroupDraft,\n  type ConsentGroupDraft,\n  type ListedConsentGroup,\n} from './consent-group-editing'\nimport { describeConsentGroupReview, joinNames } from './consent-group-review'\nimport ConsentGroupSitePicker from './consent-group-site-picker'\nimport {\n  CONSENT_GROUP_NAME_MAX,\n  consentGroupIssueMessage,\n  postConsentGroups,\n  type ConsentGroupChangePreview,\n  type ConsentGroupsFailure,\n  type ConsentGroupsPreviewResponse,\n  type ConsentGroupsProgressResponse,\n  type ConsentGroupValidationIssue,\n} from './consent-groups-api'\n\nexport type ConsentGroupDialogMode = 'create' | 'edit' | 'dissolve'\n\nexport interface ConsentGroupDialogProps {\n  open: boolean\n  mode: ConsentGroupDialogMode\n  /** The group to edit or dissolve; ignored when creating. */\n  groupId: string | null\n  /** The org document, kept live by the shell. */\n  org: Record<string, unknown> | null | undefined\n  orgId: string\n  /** Every site the organization has. */\n  sites: readonly ConsolePluginOrgHost[]\n  onClose: () => void\n  /**\n   * The route accepted the change. `done` when it already finished — a\n   * rename moves no data, so it can complete inside the request.\n   */\n  onApplied: (result: { changeId: string; done: boolean }) => void\n}\n\n/** The declaration the dialog was opened against, held until it is applied. */\ninterface Snapshot {\n  expected: Record<string, unknown> | null\n  groups: ListedConsentGroup[]\n}\n\n/** The route's refusals, sorted onto the fields they belong to. */\ninterface Issues {\n  name?: string\n  sites?: string\n  hostIds: Set<string>\n  general: string[]\n}\n\nconst NO_ISSUES: Issues = { hostIds: new Set(), general: [] }\n\nconst NAME_CODES = new Set(['name-empty', 'name-too-long', 'name-duplicate'])\nconst SITE_CODES = new Set([\n  'too-few-sites',\n  'too-many-sites',\n  'group-replaced',\n  'unknown-site',\n  'site-in-two-groups',\n])\n\n/**\n * Declare, change or dissolve one consent group (AGL-3320).\n *\n * ## Two steps, because the second one is the consequence\n *\n * The EDIT step is the declaration: a name, which every signup form on the\n * group's sites will show, and the sites. The REVIEW step is what that\n * declaration does to people — who stops getting mail, who can still be\n * mailed, what happens to the CRM's records — counted by the route before\n * anything is written. Nothing changes until the review's button is pressed,\n * and that button is named for what it does.\n *\n * ## The whole declaration is sent, against the one that was read\n *\n * The route takes the org's complete next declaration and the raw one the\n * dialog was opened against, so a change somebody else made meanwhile is\n * refused rather than overwritten. The dialog snapshots that declaration\n * when it opens and edits against the snapshot; when the route says it is\n * stale, the dialog reloads the current one and asks again.\n *\n * ## Dissolving is where a group with too few sites ends up\n *\n * A group of one site is not a group, so unticking all but one site of an\n * existing group does not produce an invalid form — it becomes the dissolve,\n * and the dialog says so before anything is reviewed.\n */\nexport function ConsentGroupDialog(props: ConsentGroupDialogProps) {\n  const { open, mode, groupId, org, orgId, sites, onClose, onApplied } = props\n  const { data: user } = useUser()\n\n  const [snapshot, setSnapshot] = useState<Snapshot>({ expected: null, groups: [] })\n  const [name, setName] = useState('')\n  const [hostIds, setHostIds] = useState<string[]>([])\n  const [step, setStep] = useState<'edit' | 'review'>('edit')\n  const [preview, setPreview] = useState<ConsentGroupChangePreview | null>(null)\n  const [busy, setBusy] = useState<'preview' | 'apply' | null>(null)\n  const [alert, setAlert] = useState<{\n    severity: 'error' | 'warning' | 'info'\n    message: string\n  } | null>(null)\n  const [issues, setIssues] = useState<Issues>(NO_ISSUES)\n  const [touched, setTouched] = useState(false)\n  /**\n   * Set when a review should be asked for as soon as the snapshot it depends\n   * on has rendered: a dissolve on open, and a dissolve reloaded after a\n   * stale answer. State rather than a call, because the call made in the\n   * same pass as the load would post the declaration from before it.\n   */\n  const [autoPreview, setAutoPreview] = useState(false)\n  /** Bumped on every open, so an answer to a closed dialog is dropped. */\n  const session = useRef(0)\n\n  const orgRef = useRef(org)\n  orgRef.current = org\n\n  /**\n   * Starts (or restarts, after a stale answer) from a declaration.\n   *\n   * A new group's draft survives a restart — the name and the sites mean the\n   * same against the declaration as it now stands, and any site somebody\n   * else grouped meanwhile shows it on its badge. An edit's draft does not:\n   * it was made to a group that has since changed.\n   */\n  const load = useCallback(\n    (raw: Record<string, unknown> | null, keepDraft = false) => {\n      // The org as it stands with `raw` as its declaration, so the listing\n      // refuses exactly what the route's reader refuses — a group id that\n      // is also one of the org's sites among them.\n      const groups = listConsentGroups({ ...(orgRef.current ?? {}), consentGroups: raw })\n      setSnapshot({ expected: raw, groups })\n      setPreview(null)\n      setIssues(NO_ISSUES)\n      if (keepDraft) return groups\n      const group = groupId ? groups.find((entry) => entry.id === groupId) : null\n      setName(mode === 'create' ? '' : (group?.name ?? ''))\n      setHostIds(mode === 'create' ? [] : [...(group?.hostIds ?? [])])\n      setTouched(false)\n      return groups\n    },\n    [groupId, mode],\n  )\n\n  const draft: ConsentGroupDraft = useMemo(\n    () => ({ mode, groupId: mode === 'create' ? null : groupId, name, hostIds }),\n    [mode, groupId, name, hostIds],\n  )\n  const change = useMemo(\n    () => describeConsentGroupDraft(snapshot.groups, draft),\n    [snapshot.groups, draft],\n  )\n  const localErrors = useMemo(\n    () => validateConsentGroupDraft(snapshot.groups, draft),\n    [snapshot.groups, draft],\n  )\n  const groupExists =\n    mode === 'create' || snapshot.groups.some((group) => group.id === groupId)\n\n  const siteName = useCallback(\n    (hostId: string) => {\n      const site = sites.find((entry) => entry.id === hostId)\n      return site?.name || site?.subdomain || hostId\n    },\n    [sites],\n  )\n\n  /** Sorts a validation answer onto the name, the sites or the banner. */\n  const placeIssues = useCallback(\n    (errors: ConsentGroupValidationIssue[], editedIndex: number | null) => {\n      const placed: Issues = { hostIds: new Set(), general: [] }\n      const posted = buildConsentGroupDeclaration(snapshot.groups, draft).groups\n      for (const issue of errors) {\n        const code = issue.code\n        const message = consentGroupIssueMessage(issue, siteName)\n        // A dissolve has no fields on screen, so everything goes to the banner.\n        const ours =\n          editedIndex != null &&\n          (issue.groupIndex == null || issue.groupIndex === editedIndex)\n        if (issue.hostId) placed.hostIds.add(issue.hostId)\n        if (ours && NAME_CODES.has(code)) {\n          placed.name ??= message\n        } else if (ours && SITE_CODES.has(code)) {\n          placed.sites ??= message\n        } else {\n          const other =\n            issue.groupIndex != null ? posted[issue.groupIndex]?.name : undefined\n          placed.general.push(other ? `${other}: ${message}` : message)\n        }\n      }\n      setIssues(placed)\n    },\n    [snapshot.groups, draft, siteName],\n  )\n\n  /** What every refused call does, whichever step made it. */\n  const handleFailure = useCallback(\n    (failure: ConsentGroupsFailure, editedIndex: number | null) => {\n      if (failure.kind === 'invalid') {\n        placeIssues(failure.errors, editedIndex)\n        setAlert(\n          failure.errors.length\n            ? null\n            : { severity: 'error', message: failure.message },\n        )\n        if (mode !== 'dissolve') setStep('edit')\n        return\n      }\n      if (failure.kind === 'stale') {\n        // Reload what is there now, and let the admin look again.\n        const groups = load(\n          failure.current ?? expectedConsentGroups(orgRef.current),\n          mode === 'create',\n        )\n        const stillThere =\n          mode === 'create' || groups.some((group) => group.id === groupId)\n        setAlert({\n          severity: 'warning',\n          message: stillThere\n            ? `${failure.message} This shows what they saved; check your change and review it again.`\n            : `${failure.message} This consent group no longer exists.`,\n        })\n        setStep(mode === 'dissolve' ? 'review' : 'edit')\n        if (mode === 'dissolve' && stillThere) setAutoPreview(true)\n        return\n      }\n      setAlert({\n        severity: failure.kind === 'in-flight' ? 'info' : 'error',\n        message: failure.message,\n      })\n    },\n    [placeIssues, load, mode, groupId],\n  )\n\n  const requestPreview = useCallback(async () => {\n    if (!user) return\n    const ticket = session.current\n    const { groups, editedIndex } = buildConsentGroupDeclaration(\n      snapshot.groups,\n      draft,\n    )\n    setBusy('preview')\n    setAlert(null)\n    setIssues(NO_ISSUES)\n    setPreview(null)\n    setStep('review')\n    const result = await postConsentGroups<ConsentGroupsPreviewResponse>(user, {\n      orgId,\n      action: 'preview',\n      expected: snapshot.expected,\n      groups,\n    })\n    if (ticket !== session.current) return\n    setBusy(null)\n    if (result.ok) {\n      setPreview(result.body.preview ?? null)\n      return\n    }\n    handleFailure(result.failure, editedIndex)\n  }, [user, snapshot, draft, orgId, handleFailure])\n\n  const apply = useCallback(async () => {\n    if (!user || !preview) return\n    const ticket = session.current\n    const { groups, editedIndex } = buildConsentGroupDeclaration(\n      snapshot.groups,\n      draft,\n    )\n    setBusy('apply')\n    setAlert(null)\n    const result = await postConsentGroups<ConsentGroupsProgressResponse>(user, {\n      orgId,\n      action: 'apply',\n      expected: snapshot.expected,\n      groups,\n    })\n    if (ticket !== session.current) return\n    setBusy(null)\n    if (result.ok) {\n      onApplied({ changeId: result.body.changeId, done: result.body.done === true })\n      return\n    }\n    handleFailure(result.failure, editedIndex)\n  }, [user, preview, snapshot, draft, orgId, onApplied, handleFailure])\n\n  /*\n   * Open: snapshot the declaration as it stands, and start from the group as\n   * it is. A dissolve has nothing to edit, so it asks for its review at once.\n   */\n  useEffect(() => {\n    if (!open) return\n    session.current += 1\n    setAlert(null)\n    setBusy(null)\n    setStep(mode === 'dissolve' ? 'review' : 'edit')\n    load(expectedConsentGroups(orgRef.current))\n    setAutoPreview(mode === 'dissolve')\n  }, [open, mode, groupId, load])\n  useEffect(() => {\n    if (!open || !autoPreview) return\n    setAutoPreview(false)\n    void requestPreview()\n  }, [open, autoPreview, requestPreview])\n\n  const review = useMemo(\n    () =>\n      step === 'review'\n        ? describeConsentGroupReview({\n            change,\n            preview,\n            siteName,\n            awaitsConfirmation: consentGroupsAwaitConfirmation(org),\n          })\n        : null,\n    [step, change, preview, siteName, org],\n  )\n\n  const nameError = issues.name ?? (touched ? localErrors.name : undefined)\n  const sitesError =\n    issues.sites ??\n    (touched && change.kind !== 'dissolve' ? localErrors.sites : undefined)\n  const disclosure = draftDisclosure(name, hostIds)\n  const dissolving = change.kind === 'dissolve'\n  const canReview =\n    !busy &&\n    groupExists &&\n    !change.empty &&\n    (dissolving || (!localErrors.name && !localErrors.sites))\n\n  const close = () => {\n    if (busy === 'apply') return\n    session.current += 1\n    onClose()\n  }\n\n  const title =\n    step === 'review' && review\n      ? review.title\n      : mode === 'create'\n        ? 'New consent group'\n        : `Edit “${snapshot.groups.find((group) => group.id === groupId)?.name ?? name}”`\n\n  return (\n    <Dialog open={open} onClose={close} maxWidth=\"sm\" fullWidth>\n      <DialogTitle>{title}</DialogTitle>\n      <DialogContent dividers>\n        <Stack spacing={2}>\n          {alert ? <Alert severity={alert.severity}>{alert.message}</Alert> : null}\n          {issues.general.map((message) => (\n            <Alert key={message} severity=\"error\">\n              {message}\n            </Alert>\n          ))}\n          {step === 'edit' ? (\n            <>\n              <TextField\n                label=\"Name\"\n                value={name}\n                onChange={(event) => {\n                  setName(event.target.value)\n                  setIssues((current) => ({ ...current, name: undefined }))\n                }}\n                onBlur={() => setTouched(true)}\n                error={Boolean(nameError)}\n                helperText={\n                  nameError ??\n                  'Signup forms on these sites show it, so use the name people know you by.'\n                }\n                slotProps={{ htmlInput: { maxLength: CONSENT_GROUP_NAME_MAX + 20 } }}\n                autoFocus={mode === 'create'}\n                required\n                fullWidth\n              />\n              <Box>\n                <Typography variant=\"subtitle2\">{'What signup forms will say'}</Typography>\n                <Typography\n                  variant=\"body2\"\n                  color={disclosure ? 'text.primary' : 'text.secondary'}\n                  data-testid=\"consent-group-disclosure\"\n                >\n                  {disclosure ?? 'Choose a name and at least two sites to see it.'}\n                </Typography>\n              </Box>\n              <ConsentGroupSitePicker\n                sites={sites}\n                groups={snapshot.groups}\n                groupId={mode === 'create' ? null : groupId}\n                selected={hostIds}\n                onChange={(next) => {\n                  setHostIds(next)\n                  setTouched(true)\n                  setIssues((current) => ({\n                    ...current,\n                    sites: undefined,\n                    hostIds: new Set(),\n                  }))\n                }}\n                error={sitesError}\n                refusedHostIds={issues.hostIds}\n              />\n              {dissolving && change.kind === 'dissolve' && change.tooFewSites ? (\n                <Alert severity=\"warning\">\n                  {`A consent group needs at least two sites. ${\n                    change.unselected.length\n                      ? `Removing ${joinNames(change.unselected.map(siteName))} dissolves ${change.name}.`\n                      : `This dissolves ${change.name}.`\n                  } Review it to see what that changes.`}\n                </Alert>\n              ) : null}\n            </>\n          ) : (\n            <>\n              {busy === 'preview' ? (\n                <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n                  <CircularProgress size={16} />\n                  <Typography variant=\"body2\" color=\"text.secondary\">\n                    {'Counting what this changes — nothing is written yet…'}\n                  </Typography>\n                </Stack>\n              ) : null}\n              {review && preview\n                ? review.sections.map((section) => (\n                    <Box key={section.id} component=\"section\">\n                      {section.heading ? (\n                        <Typography variant=\"subtitle2\" sx={{ mb: 0.5 }}>\n                          {section.heading}\n                        </Typography>\n                      ) : null}\n                      <Stack spacing={0.75}>\n                        {section.items.map((item) =>\n                          item.tone === 'warning' ? (\n                            <Alert key={item.id} severity=\"warning\" sx={{ py: 0 }}>\n                              {item.text}\n                            </Alert>\n                          ) : (\n                            <Typography key={item.id} variant=\"body2\">\n                              {item.text}\n                            </Typography>\n                          ),\n                        )}\n                      </Stack>\n                    </Box>\n                  ))\n                : null}\n            </>\n          )}\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        {step === 'review' && mode !== 'dissolve' ? (\n          <Button\n            onClick={() => {\n              setStep('edit')\n              setAlert(null)\n            }}\n            disabled={Boolean(busy)}\n          >\n            {'Back'}\n          </Button>\n        ) : (\n          <Button onClick={close} disabled={busy === 'apply'}>\n            {'Cancel'}\n          </Button>\n        )}\n        {step === 'edit' ? (\n          <Button\n            variant=\"contained\"\n            onClick={() => {\n              setTouched(true)\n              if (canReview) void requestPreview()\n            }}\n            disabled={!canReview}\n          >\n            {dissolving ? 'Review dissolving' : 'Review'}\n          </Button>\n        ) : (\n          <Button\n            variant=\"contained\"\n            color={dissolving ? 'error' : 'primary'}\n            onClick={() => void apply()}\n            disabled={!preview || Boolean(busy) || !groupExists}\n            startIcon={busy === 'apply' ? <CircularProgress size={16} /> : undefined}\n          >\n            {review?.confirmLabel ?? 'Apply'}\n          </Button>\n        )}\n      </DialogActions>\n    </Dialog>\n  )\n}\nConsentGroupDialog.displayName = 'ConsentGroupDialog'\n\nexport default ConsentGroupDialog\n"],"names":["consentGroupsAwaitConfirmation","useUser","Alert","Box","Button","CircularProgress","Dialog","DialogActions","DialogContent","DialogTitle","Stack","TextField","Typography","useCallback","useEffect","useMemo","useRef","useState","buildConsentGroupDeclaration","describeConsentGroupDraft","draftDisclosure","expectedConsentGroups","listConsentGroups","validateConsentGroupDraft","describeConsentGroupReview","joinNames","ConsentGroupSitePicker","CONSENT_GROUP_NAME_MAX","consentGroupIssueMessage","postConsentGroups","NO_ISSUES","hostIds","Set","general","NAME_CODES","SITE_CODES","ConsentGroupDialog","props","issues","snapshot","open","mode","groupId","org","orgId","sites","onClose","onApplied","data","user","setSnapshot","expected","groups","name","setName","setHostIds","step","setStep","preview","setPreview","busy","setBusy","alert","setAlert","setIssues","touched","setTouched","autoPreview","setAutoPreview","session","orgRef","current","load","raw","keepDraft","consentGroups","group","find","entry","id","draft","change","localErrors","groupExists","some","siteName","hostId","site","subdomain","placeIssues","errors","editedIndex","placed","posted","issue","code","message","ours","groupIndex","add","has","other","undefined","push","handleFailure","failure","kind","length","severity","stillThere","requestPreview","ticket","result","action","ok","body","apply","changeId","done","review","awaitsConfirmation","nameError","sitesError","disclosure","dissolving","canReview","empty","close","title","maxWidth","fullWidth","dividers","spacing","map","label","value","onChange","event","target","onBlur","error","Boolean","helperText","slotProps","htmlInput","maxLength","autoFocus","required","variant","color","data-testid","selected","next","refusedHostIds","tooFewSites","unselected","direction","sx","alignItems","size","sections","section","component","heading","mb","items","item","tone","py","text","onClick","disabled","startIcon","confirmLabel","displayName"],"mappings":"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"}