@aglyn/plugins-workflows 1.0.0-beta.178 → 1.0.0-beta.180

package/src/lib/components/org-automations-card.component.js

@@ -0,0 +1,373 @@
+/**
+ * @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 { checkEntitlement, HOST_ACTION_STEP_LABELS, hostEventLabel, pluginDocsHelp } from "@aglyn/aglyn";
+import { hostIdsFromScope, isOrgWideScope } from "@aglyn/aglyn/app-utils/scope-tokens";
+import { CardDisplay, useConfirmationContext } from "@aglyn/shared-ui-jsx";
+import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
+import { TABLE_PAGE_SIZE_DEFAULT } from "@aglyn/shared-ui-jsx/const/table-pagination";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useFirestore, useFirestoreCollection } from "@aglyn/tenant-feature-instance";
+import { Alert, Button, Chip, Menu, MenuItem, Stack, Switch, Typography } from "@mui/material";
+import { collection, documentId, limit, orderBy, query, where } from "firebase/firestore";
+import { useCallback, useMemo, useState } from "react";
+import { ORG_AUTOMATIONS_COLLECTION, ORG_AUTOMATIONS_MAX, orgAutomationPausedHostIds, readOrgAutomation } from "../model/org-automations.js";
+import { newOrgAutomationDraft, OrgAutomationEditor, orgAutomationBody, orgAutomationDraft } from "./org-automation-editor.component.js";
+import { useOrgAutomationsApi } from "./use-org-automations-api.js";
+import { orgSiteName } from "./workflows-org-mount.js";
+/** The sites an automation runs on, by id: every org site for `['org']`. */ function placedSiteIds(row, mount) {
+    return isOrgWideScope(row.visibleTo) ? mount.hosts.map((host)=>host.id) : hostIdsFromScope(row.visibleTo);
+}
+/** "Runs on every site" or "Runs on Shop, Blog". */ function placementLine(row, mount) {
+    if (isOrgWideScope(row.visibleTo)) return 'Runs on every site';
+    const names = hostIdsFromScope(row.visibleTo).map((id)=>orgSiteName(mount, id));
+    return names.length ? `Runs on ${names.join(', ')}` : 'Runs on no site';
+}
+/**
+ * THE ORGANIZATION'S AUTOMATIONS (AGL-3302): what the organization runs on
+ * the sites it chooses.
+ *
+ * One ceilinged read of the live automations — the org hub admits only
+ * org-wide members, who read every one — and every write through
+ * `automations/manage` or `automations/pause`, because the collection is
+ * closed to client writes. Each row says where it runs and where it is
+ * paused; a paused site is resumed from its chip, and any placed site can be
+ * paused from the row, which is the same control the site's own hub offers.
+ */ export function OrgAutomationsCard(props) {
+    var _ref, _ref1;
+    const { mount, org, canEdit } = props;
+    const firestore = useFirestore();
+    const api = useOrgAutomationsApi();
+    const { enqueueSnackbar } = useSnackbar();
+    const { confirm } = useConfirmationContext();
+    /*
+   * Every LIVE automation, ceilinged at the organization's cap plus the probe
+   * row. `deletedAt` is always written — `null` while live — so equality asks
+   * for exactly the live ones and deleted documents never take a place in the
+   * window. Ordered by document id, which the automatic single-field index
+   * carries behind the equality, so the window is named rather than whatever
+   * order Firestore returns; the list is sorted by name once it is in hand.
+   */ const { data: rows } = useFirestoreCollection(()=>query(collection(firestore, 'orgs', mount.orgId, ORG_AUTOMATIONS_COLLECTION), where('deletedAt', '==', null), orderBy(documentId()), limit(ORG_AUTOMATIONS_MAX + 1)), [
+        firestore,
+        mount.orgId
+    ], {
+        idField: '$id'
+    });
+    const automations = useMemo(()=>[
+            ...rows != null ? rows : []
+        ].slice(0, ORG_AUTOMATIONS_MAX).sort((a, b)=>{
+            var _a_name, _b_name;
+            return String((_a_name = a.name) != null ? _a_name : '').localeCompare(String((_b_name = b.name) != null ? _b_name : ''));
+        }), [
+        rows
+    ]);
+    const [page, setPage] = useState(0);
+    const [pageSize, setPageSize] = useState(TABLE_PAGE_SIZE_DEFAULT);
+    const shown = useMemo(()=>automations.slice(page * pageSize, page * pageSize + pageSize), [
+        automations,
+        page,
+        pageSize
+    ]);
+    const [draft, setDraft] = useState(null);
+    /**
+   * The editor has been opened at least once — the latch the pickers key on,
+   * so Cancel and the next Edit do not buy the option lists twice.
+   */ const [editorOpened, setEditorOpened] = useState(false);
+    if (draft && !editorOpened) setEditorOpened(true);
+    const [saving, setSaving] = useState(false);
+    const [pauseMenu, setPauseMenu] = useState(null);
+    const entitled = checkEntitlement(org, 'actions');
+    const fail = useCallback((error)=>enqueueSnackbar((error == null ? void 0 : error.message) || 'The request could not be completed', {
+            variant: 'warning',
+            persist: false
+        }), [
+        enqueueSnackbar
+    ]);
+    const handleAdd = useCallback(()=>{
+        if (!entitled) {
+            enqueueSnackbar('Org automations are built from the actions builder, which requires a Pro plan — see Billing to upgrade', {
+                variant: 'warning',
+                persist: false
+            });
+            return;
+        }
+        setDraft(newOrgAutomationDraft());
+    }, [
+        entitled,
+        enqueueSnackbar
+    ]);
+    const handleSave = useCallback(async ()=>{
+        if (!draft) return;
+        const body = orgAutomationBody(draft);
+        // The route's own reader, asked first so a mistake reads the same here as
+        // it would coming back from the server — and costs no round trip.
+        const read = readOrgAutomation(body);
+        if (read.ok === false) {
+            return void enqueueSnackbar(read.problem, {
+                variant: 'warning',
+                persist: false
+            });
+        }
+        setSaving(true);
+        try {
+            await api('manage', _extends({
+                orgId: mount.orgId,
+                action: draft.id ? 'update' : 'create'
+            }, draft.id ? {
+                automationId: draft.id
+            } : {}, {
+                automation: body
+            }));
+            setDraft(null);
+            enqueueSnackbar('Org automation saved', {
+                variant: 'success',
+                persist: false
+            });
+        } catch (error) {
+            fail(error);
+        } finally{
+            setSaving(false);
+        }
+    }, [
+        draft,
+        api,
+        mount.orgId,
+        enqueueSnackbar,
+        fail
+    ]);
+    const handleToggle = useCallback((row)=>async (event)=>{
+            try {
+                await api('manage', {
+                    orgId: mount.orgId,
+                    action: 'setEnabled',
+                    automationId: row.$id,
+                    enabled: event.target.checked
+                });
+            } catch (error) {
+                fail(error);
+            }
+        }, [
+        api,
+        mount.orgId,
+        fail
+    ]);
+    const handleDelete = useCallback((row)=>async ()=>{
+            const confirmed = await confirm({
+                title: 'Delete this org automation?',
+                description: `"${row.name}" stops running on every site it is placed on, and ` + 'anyone waiting inside it stops too.',
+                confirmationText: 'Delete',
+                confirmationButtonProps: {
+                    color: 'error'
+                }
+            }).then(()=>true).catch(()=>false);
+            if (!confirmed) return;
+            try {
+                await api('manage', {
+                    orgId: mount.orgId,
+                    action: 'delete',
+                    automationId: row.$id
+                });
+            } catch (error) {
+                fail(error);
+            }
+        }, [
+        confirm,
+        api,
+        mount.orgId,
+        fail
+    ]);
+    const setPaused = useCallback(async (row, hostId, paused)=>{
+        setPauseMenu(null);
+        try {
+            await api('pause', {
+                hostId,
+                automationId: row.$id,
+                paused
+            });
+        } catch (error) {
+            fail(error);
+        }
+    }, [
+        api,
+        fail
+    ]);
+    return /*#__PURE__*/ _jsxs(CardDisplay, {
+        header: 'Org automations',
+        help: pluginDocsHelp('orgAutomations', {
+            anchor: '#what-an-org-automation-is'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'Write an automation once and run it on every site you choose. ' + 'Each run is that site’s own: its email goes from that site, it ' + 'counts on that site’s action runs, and the site can pause it ' + 'for itself. Pro plans and up.'
+                    }),
+                    shown.map((row)=>{
+                        var _row_steps;
+                        var _row_trigger;
+                        const paused = orgAutomationPausedHostIds(row);
+                        const placed = placedSiteIds(row, mount);
+                        const pausable = placed.filter((hostId)=>!paused.includes(hostId));
+                        return /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'center'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Switch, {
+                                    size: "small",
+                                    checked: row.enabled !== false,
+                                    disabled: !canEdit,
+                                    onChange: handleToggle(row),
+                                    slotProps: {
+                                        input: {
+                                            'aria-label': `Switch ${row.name} on or off`
+                                        }
+                                    }
+                                }),
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    sx: {
+                                        flex: 1,
+                                        minWidth: 0
+                                    },
+                                    spacing: 0.25,
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            noWrap: true,
+                                            children: row.name
+                                        }),
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "caption",
+                                            color: "text.secondary",
+                                            noWrap: true,
+                                            children: `on ${hostEventLabel((_row_trigger = row.trigger) == null ? void 0 : _row_trigger.event)} · ${((_row_steps = row.steps) != null ? _row_steps : []).map((step)=>{
+                                                var _HOST_ACTION_STEP_LABELS_step_type;
+                                                return (_HOST_ACTION_STEP_LABELS_step_type = HOST_ACTION_STEP_LABELS[step.type]) != null ? _HOST_ACTION_STEP_LABELS_step_type : step.type;
+                                            }).join(' → ')}`
+                                        }),
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "caption",
+                                            color: "text.secondary",
+                                            noWrap: true,
+                                            children: placementLine(row, mount)
+                                        }),
+                                        paused.length ? /*#__PURE__*/ _jsx(Stack, {
+                                            direction: "row",
+                                            spacing: 0.5,
+                                            sx: {
+                                                flexWrap: 'wrap',
+                                                gap: 0.5
+                                            },
+                                            children: paused.map((hostId)=>/*#__PURE__*/ _jsx(Chip, _extends({
+                                                    size: "small",
+                                                    variant: "outlined",
+                                                    color: "warning",
+                                                    label: `Paused on ${orgSiteName(mount, hostId)}`
+                                                }, canEdit ? {
+                                                    onDelete: ()=>void setPaused(row, hostId, false)
+                                                } : {}), hostId))
+                                        }) : null
+                                    ]
+                                }),
+                                canEdit ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            onClick: ()=>setDraft(orgAutomationDraft(row)),
+                                            children: 'Edit'
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            disabled: !pausable.length,
+                                            "aria-haspopup": "menu",
+                                            onClick: (event)=>setPauseMenu({
+                                                    anchor: event.currentTarget,
+                                                    row
+                                                }),
+                                            children: 'Pause on…'
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            color: "error",
+                                            onClick: handleDelete(row),
+                                            children: 'Delete'
+                                        })
+                                    ]
+                                }) : null
+                            ]
+                        }, row.$id);
+                    }),
+                    automations.length === 0 ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'No org automations yet.'
+                    }) : /*#__PURE__*/ _jsx(ListPagination, {
+                        page: page,
+                        pageSize: pageSize,
+                        rowCount: shown.length,
+                        count: automations.length,
+                        onPageChange: setPage,
+                        onPageSizeChange: setPageSize
+                    }),
+                    ((_ref = rows == null ? void 0 : rows.length) != null ? _ref : 0) > ORG_AUTOMATIONS_MAX ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "info",
+                        children: `Showing ${ORG_AUTOMATIONS_MAX} org automations, the most an ` + 'organization holds.'
+                    }) : null,
+                    canEdit ? /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        color: "primary",
+                        sx: {
+                            alignSelf: 'flex-start'
+                        },
+                        onClick: handleAdd,
+                        children: 'Add org automation'
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Menu, {
+                anchorEl: (_ref1 = pauseMenu == null ? void 0 : pauseMenu.anchor) != null ? _ref1 : null,
+                open: Boolean(pauseMenu),
+                onClose: ()=>setPauseMenu(null),
+                children: pauseMenu ? placedSiteIds(pauseMenu.row, mount).filter((hostId)=>!orgAutomationPausedHostIds(pauseMenu.row).includes(hostId)).map((hostId)=>/*#__PURE__*/ _jsx(MenuItem, {
+                        onClick: ()=>void setPaused(pauseMenu.row, hostId, true),
+                        children: `Pause on ${orgSiteName(mount, hostId)}`
+                    }, hostId)) : null
+            }),
+            /*#__PURE__*/ _jsx(OrgAutomationEditor, {
+                mount: mount,
+                draft: draft,
+                onDraft: (update)=>setDraft((previous)=>previous ? update(previous) : previous),
+                opened: editorOpened,
+                saving: saving,
+                onSave: ()=>void handleSave(),
+                onClose: ()=>setDraft(null)
+            })
+        ]
+    });
+}
+OrgAutomationsCard.displayName = 'OrgAutomationsCard';
+export default OrgAutomationsCard;
+
+//# sourceMappingURL=org-automations-card.component.js.map

package/src/lib/components/org-automations-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/workflows/src/lib/components/org-automations-card.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport {\n  type AglynOrgBilling,\n  checkEntitlement,\n  HOST_ACTION_STEP_LABELS,\n  type HostActionStepType,\n  hostEventLabel,\n  pluginDocsHelp,\n} from '@aglyn/aglyn'\nimport {\n  hostIdsFromScope,\n  isOrgWideScope,\n} from '@aglyn/aglyn/app-utils/scope-tokens'\nimport { CardDisplay, useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport { TABLE_PAGE_SIZE_DEFAULT } from '@aglyn/shared-ui-jsx/const/table-pagination'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  useFirestore,\n  useFirestoreCollection,\n} from '@aglyn/tenant-feature-instance'\nimport {\n  Alert,\n  Button,\n  Chip,\n  Menu,\n  MenuItem,\n  Stack,\n  Switch,\n  Typography,\n} from '@mui/material'\nimport {\n  collection,\n  documentId,\n  limit,\n  orderBy,\n  query,\n  where,\n} from 'firebase/firestore'\nimport { useCallback, useMemo, useState } from 'react'\nimport {\n  ORG_AUTOMATIONS_COLLECTION,\n  ORG_AUTOMATIONS_MAX,\n  orgAutomationPausedHostIds,\n  type OrgAutomationRow,\n  readOrgAutomation,\n} from '../model/org-automations'\nimport {\n  newOrgAutomationDraft,\n  OrgAutomationEditor,\n  orgAutomationBody,\n  type OrgAutomationDraft,\n  orgAutomationDraft,\n} from './org-automation-editor.component'\nimport { useOrgAutomationsApi } from './use-org-automations-api'\nimport { orgSiteName, type WorkflowsOrgMount } from './workflows-org-mount'\n\nexport interface OrgAutomationsCardProps {\n  mount: WorkflowsOrgMount\n  org?: Partial<AglynOrgBilling>\n  /**\n   * Whether the reader may write the organization's automations — an owner,\n   * admin or editor. The route decides; this keeps a viewer from being\n   * offered controls that are about to refuse them.\n   */\n  canEdit: boolean\n}\n\n/** The sites an automation runs on, by id: every org site for `['org']`. */\nfunction placedSiteIds(\n  row: Pick<OrgAutomationRow, 'visibleTo'>,\n  mount: WorkflowsOrgMount,\n): string[] {\n  return isOrgWideScope(row.visibleTo)\n    ? mount.hosts.map((host) => host.id)\n    : hostIdsFromScope(row.visibleTo)\n}\n\n/** \"Runs on every site\" or \"Runs on Shop, Blog\". */\nfunction placementLine(\n  row: Pick<OrgAutomationRow, 'visibleTo'>,\n  mount: WorkflowsOrgMount,\n): string {\n  if (isOrgWideScope(row.visibleTo)) return 'Runs on every site'\n  const names = hostIdsFromScope(row.visibleTo).map((id) => orgSiteName(mount, id))\n  return names.length ? `Runs on ${names.join(', ')}` : 'Runs on no site'\n}\n\n/**\n * THE ORGANIZATION'S AUTOMATIONS (AGL-3302): what the organization runs on\n * the sites it chooses.\n *\n * One ceilinged read of the live automations — the org hub admits only\n * org-wide members, who read every one — and every write through\n * `automations/manage` or `automations/pause`, because the collection is\n * closed to client writes. Each row says where it runs and where it is\n * paused; a paused site is resumed from its chip, and any placed site can be\n * paused from the row, which is the same control the site's own hub offers.\n */\nexport function OrgAutomationsCard(props: OrgAutomationsCardProps) {\n  const { mount, org, canEdit } = props\n  const firestore = useFirestore()\n  const api = useOrgAutomationsApi()\n  const { enqueueSnackbar } = useSnackbar()\n  const { confirm } = useConfirmationContext()\n\n  /*\n   * Every LIVE automation, ceilinged at the organization's cap plus the probe\n   * row. `deletedAt` is always written — `null` while live — so equality asks\n   * for exactly the live ones and deleted documents never take a place in the\n   * window. Ordered by document id, which the automatic single-field index\n   * carries behind the equality, so the window is named rather than whatever\n   * order Firestore returns; the list is sorted by name once it is in hand.\n   */\n  const { data: rows } = useFirestoreCollection<OrgAutomationRow>(\n    () =>\n      query(\n        collection(firestore, 'orgs', mount.orgId, ORG_AUTOMATIONS_COLLECTION),\n        where('deletedAt', '==', null),\n        orderBy(documentId()),\n        limit(ORG_AUTOMATIONS_MAX + 1),\n      ),\n    [firestore, mount.orgId],\n    { idField: '$id' },\n  )\n  const automations = useMemo(\n    () =>\n      [...(rows ?? [])]\n        .slice(0, ORG_AUTOMATIONS_MAX)\n        .sort((a, b) => String(a.name ?? '').localeCompare(String(b.name ?? ''))),\n    [rows],\n  )\n  const [page, setPage] = useState(0)\n  const [pageSize, setPageSize] = useState(TABLE_PAGE_SIZE_DEFAULT)\n  const shown = useMemo(\n    () => automations.slice(page * pageSize, page * pageSize + pageSize),\n    [automations, page, pageSize],\n  )\n\n  const [draft, setDraft] = useState<OrgAutomationDraft | null>(null)\n  /**\n   * The editor has been opened at least once — the latch the pickers key on,\n   * so Cancel and the next Edit do not buy the option lists twice.\n   */\n  const [editorOpened, setEditorOpened] = useState(false)\n  if (draft && !editorOpened) setEditorOpened(true)\n  const [saving, setSaving] = useState(false)\n  const [pauseMenu, setPauseMenu] = useState<{\n    anchor: HTMLElement\n    row: OrgAutomationRow\n  } | null>(null)\n\n  const entitled = checkEntitlement(org, 'actions')\n  const fail = useCallback(\n    (error: unknown) =>\n      enqueueSnackbar((error as Error)?.message || 'The request could not be completed', {\n        variant: 'warning',\n        persist: false,\n      }),\n    [enqueueSnackbar],\n  )\n\n  const handleAdd = useCallback(() => {\n    if (!entitled) {\n      enqueueSnackbar(\n        'Org automations are built from the actions builder, which requires a Pro plan — see Billing to upgrade',\n        { variant: 'warning', persist: false },\n      )\n      return\n    }\n    setDraft(newOrgAutomationDraft())\n  }, [entitled, enqueueSnackbar])\n\n  const handleSave = useCallback(async () => {\n    if (!draft) return\n    const body = orgAutomationBody(draft)\n    // The route's own reader, asked first so a mistake reads the same here as\n    // it would coming back from the server — and costs no round trip.\n    const read = readOrgAutomation(body)\n    if (read.ok === false) {\n      return void enqueueSnackbar(read.problem, { variant: 'warning', persist: false })\n    }\n    setSaving(true)\n    try {\n      await api('manage', {\n        orgId: mount.orgId,\n        action: draft.id ? 'update' : 'create',\n        ...(draft.id ? { automationId: draft.id } : {}),\n        automation: body,\n      })\n      setDraft(null)\n      enqueueSnackbar('Org automation saved', { variant: 'success', persist: false })\n    } catch (error) {\n      fail(error)\n    } finally {\n      setSaving(false)\n    }\n  }, [draft, api, mount.orgId, enqueueSnackbar, fail])\n\n  const handleToggle = useCallback(\n    (row: OrgAutomationRow) => async (event: { target: { checked: boolean } }) => {\n      try {\n        await api('manage', {\n          orgId: mount.orgId,\n          action: 'setEnabled',\n          automationId: row.$id,\n          enabled: event.target.checked,\n        })\n      } catch (error) {\n        fail(error)\n      }\n    },\n    [api, mount.orgId, fail],\n  )\n\n  const handleDelete = useCallback(\n    (row: OrgAutomationRow) => async () => {\n      const confirmed = await confirm({\n        title: 'Delete this org automation?',\n        description:\n          `\"${row.name}\" stops running on every site it is placed on, and ` +\n          'anyone waiting inside it stops too.',\n        confirmationText: 'Delete',\n        confirmationButtonProps: { color: 'error' },\n      })\n        .then(() => true)\n        .catch(() => false)\n      if (!confirmed) return\n      try {\n        await api('manage', {\n          orgId: mount.orgId,\n          action: 'delete',\n          automationId: row.$id,\n        })\n      } catch (error) {\n        fail(error)\n      }\n    },\n    [confirm, api, mount.orgId, fail],\n  )\n\n  const setPaused = useCallback(\n    async (row: OrgAutomationRow, hostId: string, paused: boolean) => {\n      setPauseMenu(null)\n      try {\n        await api('pause', { hostId, automationId: row.$id, paused })\n      } catch (error) {\n        fail(error)\n      }\n    },\n    [api, fail],\n  )\n\n  return (\n    <CardDisplay\n      header={'Org automations'}\n      help={pluginDocsHelp('orgAutomations', { anchor: '#what-an-org-automation-is' })}\n      contentGutterX\n      contentGutterY\n    >\n      <Stack spacing={1}>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {'Write an automation once and run it on every site you choose. ' +\n            'Each run is that site’s own: its email goes from that site, it ' +\n            'counts on that site’s action runs, and the site can pause it ' +\n            'for itself. Pro plans and up.'}\n        </Typography>\n        {shown.map((row) => {\n          const paused = orgAutomationPausedHostIds(row)\n          const placed = placedSiteIds(row, mount)\n          const pausable = placed.filter((hostId) => !paused.includes(hostId))\n          return (\n            <Stack\n              key={row.$id}\n              direction=\"row\"\n              spacing={1}\n              sx={{ alignItems: 'center' }}\n            >\n              <Switch\n                size=\"small\"\n                checked={row.enabled !== false}\n                disabled={!canEdit}\n                onChange={handleToggle(row)}\n                slotProps={{ input: { 'aria-label': `Switch ${row.name} on or off` } }}\n              />\n              <Stack sx={{ flex: 1, minWidth: 0 }} spacing={0.25}>\n                <Typography variant=\"body2\" noWrap>\n                  {row.name}\n                </Typography>\n                <Typography variant=\"caption\" color=\"text.secondary\" noWrap>\n                  {`on ${hostEventLabel(row.trigger?.event)} · ${(row.steps ?? [])\n                    .map(\n                      (step) =>\n                        HOST_ACTION_STEP_LABELS[step.type as HostActionStepType] ??\n                        step.type,\n                    )\n                    .join(' → ')}`}\n                </Typography>\n                <Typography variant=\"caption\" color=\"text.secondary\" noWrap>\n                  {placementLine(row, mount)}\n                </Typography>\n                {paused.length ? (\n                  <Stack direction=\"row\" spacing={0.5} sx={{ flexWrap: 'wrap', gap: 0.5 }}>\n                    {paused.map((hostId) => (\n                      <Chip\n                        key={hostId}\n                        size=\"small\"\n                        variant=\"outlined\"\n                        color=\"warning\"\n                        label={`Paused on ${orgSiteName(mount, hostId)}`}\n                        {...(canEdit\n                          ? { onDelete: () => void setPaused(row, hostId, false) }\n                          : {})}\n                      />\n                    ))}\n                  </Stack>\n                ) : null}\n              </Stack>\n              {canEdit ? (\n                <>\n                  <Button size=\"small\" onClick={() => setDraft(orgAutomationDraft(row))}>\n                    {'Edit'}\n                  </Button>\n                  <Button\n                    size=\"small\"\n                    disabled={!pausable.length}\n                    aria-haspopup=\"menu\"\n                    onClick={(event) =>\n                      setPauseMenu({ anchor: event.currentTarget, row })\n                    }\n                  >\n                    {'Pause on…'}\n                  </Button>\n                  <Button size=\"small\" color=\"error\" onClick={handleDelete(row)}>\n                    {'Delete'}\n                  </Button>\n                </>\n              ) : null}\n            </Stack>\n          )\n        })}\n        {automations.length === 0 ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'No org automations yet.'}\n          </Typography>\n        ) : (\n          <ListPagination\n            page={page}\n            pageSize={pageSize}\n            rowCount={shown.length}\n            count={automations.length}\n            onPageChange={setPage}\n            onPageSizeChange={setPageSize}\n          />\n        )}\n        {(rows?.length ?? 0) > ORG_AUTOMATIONS_MAX ? (\n          <Alert severity=\"info\">\n            {`Showing ${ORG_AUTOMATIONS_MAX} org automations, the most an ` +\n              'organization holds.'}\n          </Alert>\n        ) : null}\n        {canEdit ? (\n          <Button\n            size=\"small\"\n            color=\"primary\"\n            sx={{ alignSelf: 'flex-start' }}\n            onClick={handleAdd}\n          >\n            {'Add org automation'}\n          </Button>\n        ) : null}\n      </Stack>\n      <Menu\n        anchorEl={pauseMenu?.anchor ?? null}\n        open={Boolean(pauseMenu)}\n        onClose={() => setPauseMenu(null)}\n      >\n        {pauseMenu\n          ? placedSiteIds(pauseMenu.row, mount)\n              .filter(\n                (hostId) =>\n                  !orgAutomationPausedHostIds(pauseMenu.row).includes(hostId),\n              )\n              .map((hostId) => (\n                <MenuItem\n                  key={hostId}\n                  onClick={() => void setPaused(pauseMenu.row, hostId, true)}\n                >\n                  {`Pause on ${orgSiteName(mount, hostId)}`}\n                </MenuItem>\n              ))\n          : null}\n      </Menu>\n      <OrgAutomationEditor\n        mount={mount}\n        draft={draft}\n        onDraft={(update) =>\n          setDraft((previous) => (previous ? update(previous) : previous))\n        }\n        opened={editorOpened}\n        saving={saving}\n        onSave={() => void handleSave()}\n        onClose={() => setDraft(null)}\n      />\n    </CardDisplay>\n  )\n}\nOrgAutomationsCard.displayName = 'OrgAutomationsCard'\n\nexport default OrgAutomationsCard\n"],"names":["checkEntitlement","HOST_ACTION_STEP_LABELS","hostEventLabel","pluginDocsHelp","hostIdsFromScope","isOrgWideScope","CardDisplay","useConfirmationContext","ListPagination","TABLE_PAGE_SIZE_DEFAULT","useSnackbar","useFirestore","useFirestoreCollection","Alert","Button","Chip","Menu","MenuItem","Stack","Switch","Typography","collection","documentId","limit","orderBy","query","where","useCallback","useMemo","useState","ORG_AUTOMATIONS_COLLECTION","ORG_AUTOMATIONS_MAX","orgAutomationPausedHostIds","readOrgAutomation","newOrgAutomationDraft","OrgAutomationEditor","orgAutomationBody","orgAutomationDraft","useOrgAutomationsApi","orgSiteName","placedSiteIds","row","mount","visibleTo","hosts","map","host","id","placementLine","names","length","join","OrgAutomationsCard","props","org","canEdit","firestore","api","enqueueSnackbar","confirm","data","rows","orgId","idField","automations","slice","sort","a","b","String","name","localeCompare","page","setPage","pageSize","setPageSize","shown","draft","setDraft","editorOpened","setEditorOpened","saving","setSaving","pauseMenu","setPauseMenu","entitled","fail","error","message","variant","persist","handleAdd","handleSave","body","read","ok","problem","action","automationId","automation","handleToggle","event","$id","enabled","target","checked","handleDelete","confirmed","title","description","confirmationText","confirmationButtonProps","color","then","catch","setPaused","hostId","paused","header","help","anchor","contentGutterX","contentGutterY","spacing","placed","pausable","filter","includes","direction","sx","alignItems","size","disabled","onChange","slotProps","input","flex","minWidth","noWrap","trigger","steps","step","type","flexWrap","gap","label","onDelete","onClick","aria-haspopup","currentTarget","rowCount","count","onPageChange","onPageSizeChange","severity","alignSelf","anchorEl","open","Boolean","onClose","onDraft","update","previous","opened","onSave","displayName"],"mappings":"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"}

package/src/lib/components/org-site-automation-list.component.d.ts

@@ -0,0 +1,43 @@
+import { type WorkflowsOrgMount } from './workflows-org-mount';
+/** The three site collections the org hub lists across its sites. */
+export type OrgSiteAutomationKind = 'workflows' | 'actions' | 'webhooks';
+/**
+ * How many sites a list opens with their rows read. The rest wait behind
+ * "Show more" — and, since each site's rows are read by the row group that
+ * shows them, are not read until then either.
+ */
+export declare const ORG_SITE_LIST_OPEN_SITES = 5;
+/**
+ * The most sites one list will read, however many the organization has —
+ * the platform's per-scan site bound. Past it the list says so and each
+ * site's own hub is the way in.
+ */
+export declare const ORG_SITE_LIST_MAX_SITES = 25;
+/**
+ * Rows read per site. A ceiling with a probe row, not a page: the org list is
+ * an index of where things are, and each site's own hub holds the full,
+ * editable list the row links to.
+ */
+export declare const ORG_SITE_LIST_ROWS = 10;
+/**
+ * EVERY SITE'S WORKFLOWS, ACTIONS OR WEBHOOKS, on the org hub (AGL-3302).
+ *
+ * Read-only and bounded: one ceilinged read per open site, the first
+ * {@link ORG_SITE_LIST_OPEN_SITES} sites on arrival and up to
+ * {@link ORG_SITE_LIST_MAX_SITES} when asked, each row naming its site and
+ * linking into that site's own Automation hub, where the thing is edited.
+ * "Add" asks which site and goes there.
+ *
+ * `canRead` gates the webhooks list: a webhook holds its site's secret and
+ * the rules admit only a site's admins and editors, so a reader who is
+ * neither is told so rather than handed listeners that would be refused.
+ */
+export declare function OrgSiteAutomationList(props: {
+    mount: WorkflowsOrgMount;
+    kind: OrgSiteAutomationKind;
+    canRead: boolean;
+}): import("react").JSX.Element;
+export declare namespace OrgSiteAutomationList {
+    var displayName: string;
+}
+export default OrgSiteAutomationList;