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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aglyn/plugins-workflows",
-  "version": "1.0.0-beta.179",
+  "version": "1.0.0-beta.181",
   "license": "Apache-2.0",
   "homepage": "https://aglyn.com",
   "repository": {
@@ -25,16 +25,17 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@aglyn/aglyn": "1.0.0-beta.179",
-    "@aglyn/shared-data-mdi": "1.0.0-beta.179",
-    "@aglyn/shared-ui-jsx": "1.0.0-beta.179",
-    "@aglyn/shared-ui-next": "1.0.0-beta.179",
-    "@aglyn/shared-ui-snackstack": "1.0.0-beta.179",
-    "@aglyn/shared-util-email": "1.0.0-beta.179",
-    "@aglyn/shared-util-timestamp": "1.0.0-beta.179",
-    "@aglyn/tenant-data-admin": "1.0.0-beta.179",
-    "@aglyn/tenant-feature-instance": "1.0.0-beta.179",
-    "@aglyn/tenant-runtime": "1.0.0-beta.179",
+    "@aglyn/aglyn": "1.0.0-beta.181",
+    "@aglyn/shared-data-mdi": "1.0.0-beta.181",
+    "@aglyn/shared-ui-jsx": "1.0.0-beta.181",
+    "@aglyn/shared-ui-next": "1.0.0-beta.181",
+    "@aglyn/shared-ui-snackstack": "1.0.0-beta.181",
+    "@aglyn/shared-util-email": "1.0.0-beta.181",
+    "@aglyn/shared-util-http": "1.0.0-beta.181",
+    "@aglyn/shared-util-timestamp": "1.0.0-beta.181",
+    "@aglyn/tenant-data-admin": "1.0.0-beta.181",
+    "@aglyn/tenant-feature-instance": "1.0.0-beta.181",
+    "@aglyn/tenant-runtime": "1.0.0-beta.181",
     "@swc/helpers": "0.5.23"
   },
   "peerDependencies": {

package/src/lib/components/automation-trigger-conditions.component.d.ts

@@ -0,0 +1,43 @@
+import { type HostActionTrigger, type HostActionTriggerCondition, type TriggerCombinator, type TriggerConditionOp } from '@aglyn/aglyn';
+/**
+ * ONE TRIGGER-CONDITION EDITOR FOR EVERY AUTOMATION THAT HAS A TRIGGER.
+ *
+ * The structured payload conditions (AGL-557), chainable with AND/OR
+ * (AGL-565): the no-code sibling of the filter expression — "only when
+ * `subscribe` is not empty". A site action and an org automation (AGL-3302)
+ * take the same clauses and are judged by the same evaluator, so they are
+ * edited by the same rows.
+ */
+/** One editable condition row; a lone row with an empty op means "always run". */
+export interface ConditionRowDraft {
+    op: '' | TriggerConditionOp;
+    field: string;
+    value: string;
+}
+export declare const EMPTY_CONDITION_ROW: ConditionRowDraft;
+/**
+ * A stored trigger's clauses as editor rows. A legacy single-condition trigger
+ * normalizes to one row, and a trigger with none opens on the lone "always"
+ * row.
+ */
+export declare function conditionRowsFromTrigger(trigger: Pick<HostActionTrigger, 'condition' | 'conditions'> | null | undefined): ConditionRowDraft[];
+/**
+ * The rows as the stored clause list, or nothing when every row says
+ * "always". Blank fields are kept, so the validator names what is missing.
+ */
+export declare function conditionsFromRows(rows: readonly ConditionRowDraft[], combinator: TriggerCombinator): {
+    conditions?: HostActionTriggerCondition[];
+    combinator?: TriggerCombinator;
+};
+export interface TriggerConditionRowsProps {
+    rows: readonly ConditionRowDraft[];
+    combinator: TriggerCombinator;
+    /** Replaces the rows, from the rows as they stand. */
+    onRowsChange: (update: (previous: ConditionRowDraft[]) => ConditionRowDraft[]) => void;
+    onCombinatorChange: (combinator: TriggerCombinator) => void;
+}
+/** The condition rows, "Add condition", and the AND/OR choice once there are two. */
+export declare function TriggerConditionRows({ rows, combinator, onRowsChange, onCombinatorChange, }: TriggerConditionRowsProps): import("react").JSX.Element;
+export declare namespace TriggerConditionRows {
+    var displayName: string;
+}

package/src/lib/components/automation-trigger-conditions.component.js

@@ -0,0 +1,189 @@
+/**
+ * @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 { ACTION_MAX_CONDITIONS, normalizeTriggerConditions } from "@aglyn/aglyn";
+import { Button, IconButton, MenuItem, Stack, TextField, Typography } from "@mui/material";
+import { placeholderState } from "./automation-step-fields.component.js";
+export const EMPTY_CONDITION_ROW = {
+    op: '',
+    field: '',
+    value: ''
+};
+/**
+ * A stored trigger's clauses as editor rows. A legacy single-condition trigger
+ * normalizes to one row, and a trigger with none opens on the lone "always"
+ * row.
+ */ export function conditionRowsFromTrigger(trigger) {
+    const rows = normalizeTriggerConditions(trigger).map((condition)=>{
+        var _condition_op, _condition_field, _condition_value;
+        return {
+            op: (_condition_op = condition.op) != null ? _condition_op : '',
+            field: (_condition_field = condition.field) != null ? _condition_field : '',
+            value: (_condition_value = condition.value) != null ? _condition_value : ''
+        };
+    });
+    return rows.length ? rows : [
+        EMPTY_CONDITION_ROW
+    ];
+}
+/**
+ * The rows as the stored clause list, or nothing when every row says
+ * "always". Blank fields are kept, so the validator names what is missing.
+ */ export function conditionsFromRows(rows, combinator) {
+    if (!rows.some((row)=>row.op)) return {};
+    return {
+        conditions: rows.filter((row)=>row.op).map((row)=>_extends({
+                field: row.field.trim(),
+                op: row.op
+            }, row.op !== 'notEmpty' ? {
+                value: row.value.trim()
+            } : {})),
+        combinator
+    };
+}
+/** The condition rows, "Add condition", and the AND/OR choice once there are two. */ export function TriggerConditionRows({ rows, combinator, onRowsChange, onCombinatorChange }) {
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            rows.map((row, index)=>/*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        alignItems: 'center'
+                    },
+                    children: [
+                        index > 0 ? /*#__PURE__*/ _jsx(Typography, {
+                            variant: "caption",
+                            color: "text.secondary",
+                            children: combinator === 'or' ? 'or' : 'and'
+                        }) : null,
+                        /*#__PURE__*/ _jsxs(TextField, {
+                            select: true,
+                            label: index === 0 ? 'Only run when' : 'Condition',
+                            value: row.op,
+                            onChange: (event)=>onRowsChange((previous)=>previous.map((previousRow, index2)=>index2 === index ? _extends({}, previousRow, {
+                                            op: event.target.value
+                                        }) : previousRow)),
+                            size: "small",
+                            sx: {
+                                minWidth: 180
+                            },
+                            children: [
+                                rows.length === 1 ? /*#__PURE__*/ _jsx(MenuItem, {
+                                    value: "",
+                                    children: 'Always (no condition)'
+                                }) : null,
+                                /*#__PURE__*/ _jsx(MenuItem, {
+                                    value: "notEmpty",
+                                    children: 'A field is not empty'
+                                }),
+                                /*#__PURE__*/ _jsx(MenuItem, {
+                                    value: "equals",
+                                    children: 'A field equals…'
+                                }),
+                                /*#__PURE__*/ _jsx(MenuItem, {
+                                    value: "contains",
+                                    children: 'A field contains…'
+                                })
+                            ]
+                        }),
+                        row.op ? /*#__PURE__*/ _jsx(TextField, {
+                            label: "Field",
+                            placeholder: "subscribe",
+                            value: row.field,
+                            onChange: (event)=>onRowsChange((previous)=>previous.map((previousRow, index2)=>index2 === index ? _extends({}, previousRow, {
+                                            field: event.target.value
+                                        }) : previousRow)),
+                            size: "small",
+                            sx: {
+                                flex: 1
+                            }
+                        }) : null,
+                        row.op === 'equals' || row.op === 'contains' ? /*#__PURE__*/ _jsx(TextField, _extends({
+                            label: "Value",
+                            placeholder: "Yes"
+                        }, placeholderState(row.value, 'Replace the placeholder with the value to match'), {
+                            value: row.value,
+                            onChange: (event)=>onRowsChange((previous)=>previous.map((previousRow, index2)=>index2 === index ? _extends({}, previousRow, {
+                                            value: event.target.value
+                                        }) : previousRow)),
+                            size: "small",
+                            sx: {
+                                flex: 1
+                            }
+                        })) : null,
+                        rows.length > 1 ? /*#__PURE__*/ _jsx(IconButton, {
+                            size: "small",
+                            "aria-label": "remove condition",
+                            onClick: ()=>onRowsChange((previous)=>previous.length > 1 ? previous.filter((_, index2)=>index2 !== index) : [
+                                        EMPTY_CONDITION_ROW
+                                    ]),
+                            children: '×'
+                        }) : null
+                    ]
+                }, index)),
+            rows.every((row)=>row.op) ? /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 1,
+                sx: {
+                    alignItems: 'center'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        disabled: rows.length >= ACTION_MAX_CONDITIONS,
+                        onClick: ()=>onRowsChange((previous)=>[
+                                    ...previous,
+                                    // New rows start on the simplest operator so the field input
+                                    // is immediately visible.
+                                    {
+                                        op: 'notEmpty',
+                                        field: '',
+                                        value: ''
+                                    }
+                                ]),
+                        children: 'Add condition'
+                    }),
+                    rows.length >= 2 ? // AND/OR combinator (AGL-565); applies to every row.
+                    /*#__PURE__*/ _jsxs(TextField, {
+                        select: true,
+                        label: "Match",
+                        value: combinator,
+                        onChange: (event)=>onCombinatorChange(event.target.value),
+                        size: "small",
+                        sx: {
+                            minWidth: 220
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(MenuItem, {
+                                value: "and",
+                                children: 'All conditions match (AND)'
+                            }),
+                            /*#__PURE__*/ _jsx(MenuItem, {
+                                value: "or",
+                                children: 'Any condition matches (OR)'
+                            })
+                        ]
+                    }) : null
+                ]
+            }) : null
+        ]
+    });
+}
+TriggerConditionRows.displayName = 'TriggerConditionRows';
+
+//# sourceMappingURL=automation-trigger-conditions.component.js.map

package/src/lib/components/automation-trigger-conditions.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/workflows/src/lib/components/automation-trigger-conditions.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  ACTION_MAX_CONDITIONS,\n  type HostActionTrigger,\n  type HostActionTriggerCondition,\n  normalizeTriggerConditions,\n  type TriggerCombinator,\n  type TriggerConditionOp,\n} from '@aglyn/aglyn'\nimport {\n  Button,\n  IconButton,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { placeholderState } from './automation-step-fields.component'\n\n/**\n * ONE TRIGGER-CONDITION EDITOR FOR EVERY AUTOMATION THAT HAS A TRIGGER.\n *\n * The structured payload conditions (AGL-557), chainable with AND/OR\n * (AGL-565): the no-code sibling of the filter expression — \"only when\n * `subscribe` is not empty\". A site action and an org automation (AGL-3302)\n * take the same clauses and are judged by the same evaluator, so they are\n * edited by the same rows.\n */\n\n/** One editable condition row; a lone row with an empty op means \"always run\". */\nexport interface ConditionRowDraft {\n  op: '' | TriggerConditionOp\n  field: string\n  value: string\n}\n\nexport const EMPTY_CONDITION_ROW: ConditionRowDraft = {\n  op: '',\n  field: '',\n  value: '',\n}\n\n/**\n * A stored trigger's clauses as editor rows. A legacy single-condition trigger\n * normalizes to one row, and a trigger with none opens on the lone \"always\"\n * row.\n */\nexport function conditionRowsFromTrigger(\n  trigger:\n    | Pick<HostActionTrigger, 'condition' | 'conditions'>\n    | null\n    | undefined,\n): ConditionRowDraft[] {\n  const rows = normalizeTriggerConditions(trigger).map(\n    (condition): ConditionRowDraft => ({\n      op: condition.op ?? '',\n      field: condition.field ?? '',\n      value: condition.value ?? '',\n    }),\n  )\n  return rows.length ? rows : [EMPTY_CONDITION_ROW]\n}\n\n/**\n * The rows as the stored clause list, or nothing when every row says\n * \"always\". Blank fields are kept, so the validator names what is missing.\n */\nexport function conditionsFromRows(\n  rows: readonly ConditionRowDraft[],\n  combinator: TriggerCombinator,\n): { conditions?: HostActionTriggerCondition[]; combinator?: TriggerCombinator } {\n  if (!rows.some((row) => row.op)) return {}\n  return {\n    conditions: rows\n      .filter((row) => row.op)\n      .map((row) => ({\n        field: row.field.trim(),\n        op: row.op as TriggerConditionOp,\n        ...(row.op !== 'notEmpty' ? { value: row.value.trim() } : {}),\n      })),\n    combinator,\n  }\n}\n\nexport interface TriggerConditionRowsProps {\n  rows: readonly ConditionRowDraft[]\n  combinator: TriggerCombinator\n  /** Replaces the rows, from the rows as they stand. */\n  onRowsChange: (\n    update: (previous: ConditionRowDraft[]) => ConditionRowDraft[],\n  ) => void\n  onCombinatorChange: (combinator: TriggerCombinator) => void\n}\n\n/** The condition rows, \"Add condition\", and the AND/OR choice once there are two. */\nexport function TriggerConditionRows({\n  rows,\n  combinator,\n  onRowsChange,\n  onCombinatorChange,\n}: TriggerConditionRowsProps) {\n  return (\n    <>\n      {rows.map((row, index) => (\n        <Stack\n          key={index}\n          direction=\"row\"\n          spacing={1}\n          sx={{ alignItems: 'center' }}\n        >\n          {index > 0 ? (\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {combinator === 'or' ? 'or' : 'and'}\n            </Typography>\n          ) : null}\n          <TextField\n            select\n            label={index === 0 ? 'Only run when' : 'Condition'}\n            value={row.op}\n            onChange={(event) =>\n              onRowsChange((previous) =>\n                previous.map((previousRow, index2) =>\n                  index2 === index\n                    ? {\n                        ...previousRow,\n                        op: event.target.value as ConditionRowDraft['op'],\n                      }\n                    : previousRow,\n                ),\n              )\n            }\n            size=\"small\"\n            sx={{ minWidth: 180 }}\n          >\n            {/* \"Always\" only exists while this is the sole row —\n                multi-row chains clear by removing rows instead. */}\n            {rows.length === 1 ? (\n              <MenuItem value=\"\">{'Always (no condition)'}</MenuItem>\n            ) : null}\n            <MenuItem value=\"notEmpty\">{'A field is not empty'}</MenuItem>\n            <MenuItem value=\"equals\">{'A field equals…'}</MenuItem>\n            <MenuItem value=\"contains\">{'A field contains…'}</MenuItem>\n          </TextField>\n          {row.op ? (\n            <TextField\n              label=\"Field\"\n              placeholder=\"subscribe\"\n              value={row.field}\n              onChange={(event) =>\n                onRowsChange((previous) =>\n                  previous.map((previousRow, index2) =>\n                    index2 === index\n                      ? { ...previousRow, field: event.target.value }\n                      : previousRow,\n                  ),\n                )\n              }\n              size=\"small\"\n              sx={{ flex: 1 }}\n            />\n          ) : null}\n          {row.op === 'equals' || row.op === 'contains' ? (\n            <TextField\n              label=\"Value\"\n              placeholder=\"Yes\"\n              {...placeholderState(\n                row.value,\n                'Replace the placeholder with the value to match',\n              )}\n              value={row.value}\n              onChange={(event) =>\n                onRowsChange((previous) =>\n                  previous.map((previousRow, index2) =>\n                    index2 === index\n                      ? { ...previousRow, value: event.target.value }\n                      : previousRow,\n                  ),\n                )\n              }\n              size=\"small\"\n              sx={{ flex: 1 }}\n            />\n          ) : null}\n          {rows.length > 1 ? (\n            <IconButton\n              size=\"small\"\n              aria-label=\"remove condition\"\n              onClick={() =>\n                onRowsChange((previous) =>\n                  previous.length > 1\n                    ? previous.filter((_, index2) => index2 !== index)\n                    : [EMPTY_CONDITION_ROW],\n                )\n              }\n            >\n              {'×'}\n            </IconButton>\n          ) : null}\n        </Stack>\n      ))}\n      {rows.every((row) => row.op) ? (\n        <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n          <Button\n            size=\"small\"\n            disabled={rows.length >= ACTION_MAX_CONDITIONS}\n            onClick={() =>\n              onRowsChange((previous) => [\n                ...previous,\n                // New rows start on the simplest operator so the field input\n                // is immediately visible.\n                { op: 'notEmpty', field: '', value: '' },\n              ])\n            }\n          >\n            {'Add condition'}\n          </Button>\n          {rows.length >= 2 ? (\n            // AND/OR combinator (AGL-565); applies to every row.\n            <TextField\n              select\n              label=\"Match\"\n              value={combinator}\n              onChange={(event) =>\n                onCombinatorChange(event.target.value as TriggerCombinator)\n              }\n              size=\"small\"\n              sx={{ minWidth: 220 }}\n            >\n              <MenuItem value=\"and\">{'All conditions match (AND)'}</MenuItem>\n              <MenuItem value=\"or\">{'Any condition matches (OR)'}</MenuItem>\n            </TextField>\n          ) : null}\n        </Stack>\n      ) : null}\n    </>\n  )\n}\nTriggerConditionRows.displayName = 'TriggerConditionRows'\n"],"names":["ACTION_MAX_CONDITIONS","normalizeTriggerConditions","Button","IconButton","MenuItem","Stack","TextField","Typography","placeholderState","EMPTY_CONDITION_ROW","op","field","value","conditionRowsFromTrigger","trigger","rows","map","condition","length","conditionsFromRows","combinator","some","row","conditions","filter","trim","TriggerConditionRows","onRowsChange","onCombinatorChange","index","direction","spacing","sx","alignItems","variant","color","select","label","onChange","event","previous","previousRow","index2","target","size","minWidth","placeholder","flex","aria-label","onClick","_","every","disabled","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;AAEA,SACEA,qBAAqB,EAGrBC,0BAA0B,QAGrB,eAAc;AACrB,SACEC,MAAM,EACNC,UAAU,EACVC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,UAAU,QACL,gBAAe;AACtB,SAASC,gBAAgB,QAAQ,wCAAoC;AAmBrE,OAAO,MAAMC,sBAAyC;IACpDC,IAAI;IACJC,OAAO;IACPC,OAAO;AACT,EAAC;AAED;;;;CAIC,GACD,OAAO,SAASC,yBACdC,OAGa;IAEb,MAAMC,OAAOd,2BAA2Ba,SAASE,GAAG,CAClD,CAACC;YACKA,eACGA,kBACAA;eAH0B;YACjCP,EAAE,GAAEO,gBAAAA,UAAUP,EAAE,YAAZO,gBAAgB;YACpBN,KAAK,GAAEM,mBAAAA,UAAUN,KAAK,YAAfM,mBAAmB;YAC1BL,KAAK,GAAEK,mBAAAA,UAAUL,KAAK,YAAfK,mBAAmB;QAC5B;;IAEF,OAAOF,KAAKG,MAAM,GAAGH,OAAO;QAACN;KAAoB;AACnD;AAEA;;;CAGC,GACD,OAAO,SAASU,mBACdJ,IAAkC,EAClCK,UAA6B;IAE7B,IAAI,CAACL,KAAKM,IAAI,CAAC,CAACC,MAAQA,IAAIZ,EAAE,GAAG,OAAO,CAAC;IACzC,OAAO;QACLa,YAAYR,KACTS,MAAM,CAAC,CAACF,MAAQA,IAAIZ,EAAE,EACtBM,GAAG,CAAC,CAACM,MAAS;gBACbX,OAAOW,IAAIX,KAAK,CAACc,IAAI;gBACrBf,IAAIY,IAAIZ,EAAE;eACNY,IAAIZ,EAAE,KAAK,aAAa;gBAAEE,OAAOU,IAAIV,KAAK,CAACa,IAAI;YAAG,IAAI,CAAC;QAE/DL;IACF;AACF;AAYA,mFAAmF,GACnF,OAAO,SAASM,qBAAqB,EACnCX,IAAI,EACJK,UAAU,EACVO,YAAY,EACZC,kBAAkB,EACQ;IAC1B,qBACE;;YACGb,KAAKC,GAAG,CAAC,CAACM,KAAKO,sBACd,MAACxB;oBAECyB,WAAU;oBACVC,SAAS;oBACTC,IAAI;wBAAEC,YAAY;oBAAS;;wBAE1BJ,QAAQ,kBACP,KAACtB;4BAAW2B,SAAQ;4BAAUC,OAAM;sCACjCf,eAAe,OAAO,OAAO;6BAE9B;sCACJ,MAACd;4BACC8B,MAAM;4BACNC,OAAOR,UAAU,IAAI,kBAAkB;4BACvCjB,OAAOU,IAAIZ,EAAE;4BACb4B,UAAU,CAACC,QACTZ,aAAa,CAACa,WACZA,SAASxB,GAAG,CAAC,CAACyB,aAAaC,SACzBA,WAAWb,QACP,aACKY;4CACH/B,IAAI6B,MAAMI,MAAM,CAAC/B,KAAK;6CAExB6B;4BAIVG,MAAK;4BACLZ,IAAI;gCAAEa,UAAU;4BAAI;;gCAInB9B,KAAKG,MAAM,KAAK,kBACf,KAACd;oCAASQ,OAAM;8CAAI;qCAClB;8CACJ,KAACR;oCAASQ,OAAM;8CAAY;;8CAC5B,KAACR;oCAASQ,OAAM;8CAAU;;8CAC1B,KAACR;oCAASQ,OAAM;8CAAY;;;;wBAE7BU,IAAIZ,EAAE,iBACL,KAACJ;4BACC+B,OAAM;4BACNS,aAAY;4BACZlC,OAAOU,IAAIX,KAAK;4BAChB2B,UAAU,CAACC,QACTZ,aAAa,CAACa,WACZA,SAASxB,GAAG,CAAC,CAACyB,aAAaC,SACzBA,WAAWb,QACP,aAAKY;4CAAa9B,OAAO4B,MAAMI,MAAM,CAAC/B,KAAK;6CAC3C6B;4BAIVG,MAAK;4BACLZ,IAAI;gCAAEe,MAAM;4BAAE;6BAEd;wBACHzB,IAAIZ,EAAE,KAAK,YAAYY,IAAIZ,EAAE,KAAK,2BACjC,KAACJ;4BACC+B,OAAM;4BACNS,aAAY;2BACRtC,iBACFc,IAAIV,KAAK,EACT;4BAEFA,OAAOU,IAAIV,KAAK;4BAChB0B,UAAU,CAACC,QACTZ,aAAa,CAACa,WACZA,SAASxB,GAAG,CAAC,CAACyB,aAAaC,SACzBA,WAAWb,QACP,aAAKY;4CAAa7B,OAAO2B,MAAMI,MAAM,CAAC/B,KAAK;6CAC3C6B;4BAIVG,MAAK;4BACLZ,IAAI;gCAAEe,MAAM;4BAAE;8BAEd;wBACHhC,KAAKG,MAAM,GAAG,kBACb,KAACf;4BACCyC,MAAK;4BACLI,cAAW;4BACXC,SAAS,IACPtB,aAAa,CAACa,WACZA,SAAStB,MAAM,GAAG,IACdsB,SAAShB,MAAM,CAAC,CAAC0B,GAAGR,SAAWA,WAAWb,SAC1C;wCAACpB;qCAAoB;sCAI5B;6BAED;;mBA5FCoB;YA+FRd,KAAKoC,KAAK,CAAC,CAAC7B,MAAQA,IAAIZ,EAAE,kBACzB,MAACL;gBAAMyB,WAAU;gBAAMC,SAAS;gBAAGC,IAAI;oBAAEC,YAAY;gBAAS;;kCAC5D,KAAC/B;wBACC0C,MAAK;wBACLQ,UAAUrC,KAAKG,MAAM,IAAIlB;wBACzBiD,SAAS,IACPtB,aAAa,CAACa,WAAa;uCACtBA;oCACH,6DAA6D;oCAC7D,0BAA0B;oCAC1B;wCAAE9B,IAAI;wCAAYC,OAAO;wCAAIC,OAAO;oCAAG;iCACxC;kCAGF;;oBAEFG,KAAKG,MAAM,IAAI,IACd,qDAAqD;kCACrD,MAACZ;wBACC8B,MAAM;wBACNC,OAAM;wBACNzB,OAAOQ;wBACPkB,UAAU,CAACC,QACTX,mBAAmBW,MAAMI,MAAM,CAAC/B,KAAK;wBAEvCgC,MAAK;wBACLZ,IAAI;4BAAEa,UAAU;wBAAI;;0CAEpB,KAACzC;gCAASQ,OAAM;0CAAO;;0CACvB,KAACR;gCAASQ,OAAM;0CAAM;;;yBAEtB;;iBAEJ;;;AAGV;AACAc,qBAAqB2B,WAAW,GAAG"}

package/src/lib/components/host-actions-card.component.js

@@ -16,7 +16,7 @@
  */ 'use client';
 import { _ as _extends } from "@swc/helpers/_/_extends";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ACTION_MAX_CONDITIONS, ACTION_MAX_STEPS, checkEntitlement, createResourceUid, CRM_ACTION_RECIPES, ELEMENT_SCOPED_SITE_EVENTS, HOST_ACTION_STEP_LABELS, HOST_EVENT_TYPES, hostActionDocument, hostActionRecipeId, hostEventLabel, hostEventPayloadHint, isSiteEventType, normalizeTriggerConditions, pluginDocsHelp, SITE_EVENT_TYPES, validateHostAction } from "@aglyn/aglyn";
+import { ACTION_MAX_STEPS, checkEntitlement, createResourceUid, CRM_ACTION_RECIPES, ELEMENT_SCOPED_SITE_EVENTS, HOST_ACTION_STEP_LABELS, HOST_EVENT_TYPES, hostActionDocument, hostActionRecipeId, hostEventLabel, hostEventPayloadHint, isSiteEventType, pluginDocsHelp, SITE_EVENT_TYPES, validateHostAction } from "@aglyn/aglyn";
 import { automationPlaceholders, describeAutomationPlaceholder } from "@aglyn/aglyn/app-utils/automation-placeholders";
 import { useConsoleWidgetSlot } from "@aglyn/aglyn/app-utils/console-widget-slot-context";
 import { CardDisplay, useConfirmationContext } from "@aglyn/shared-ui-jsx";
@@ -24,11 +24,12 @@ import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.
 import { TABLE_PAGE_SIZE_DEFAULT } from "@aglyn/shared-ui-jsx/const/table-pagination";
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
 import { Timestamp } from "@aglyn/shared-util-timestamp";
-import { Alert, Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, ListItemText, Menu, MenuItem, Stack, Switch, TextField, Typography } from "@mui/material";
+import { Alert, Button, Dialog, DialogActions, DialogContent, DialogTitle, ListItemText, Menu, MenuItem, Stack, Switch, TextField, Typography } from "@mui/material";
 import { collection, doc, setDoc, updateDoc } from "firebase/firestore";
 import { useCallback, useMemo, useRef, useState } from "react";
 import { ceilingedWindow, collectionCeiling, useFirestore, useFirestoreCollection, useHostResourceApi, writeGuardedBySeed } from "@aglyn/tenant-feature-instance";
-import { AutomationStepFields, defaultStep, placeholderState } from "./automation-step-fields.component.js";
+import { AutomationStepFields, defaultStep } from "./automation-step-fields.component.js";
+import { conditionRowsFromTrigger, conditionsFromRows, EMPTY_CONDITION_ROW, TriggerConditionRows } from "./automation-trigger-conditions.component.js";
 import HostRunHistoryCard from "./host-run-history-card.component.js";
 import { EDITOR_OPTION_CEILING, useAutomationStepPickers } from "./use-automation-step-pickers.js";
 const CUSTOM_EVENT_VALUE = '__custom__';
@@ -42,11 +43,6 @@ const CUSTOM_EVENT_VALUE = '__custom__';
  * `ACTIONS_MAX_PER_HOST` is 500, so the ceiling really can bite and the probe
  * beside it is what says when it has.
  */ const ACTION_CEILING = 100;
-const EMPTY_CONDITION_ROW = {
-    op: '',
-    field: '',
-    value: ''
-};
 /** Every Actions step, as the builder's "Do" picker offers it. */ const ACTION_STEP_KINDS = Object.entries(HOST_ACTION_STEP_LABELS).map(([value, label])=>({
         value,
         label
@@ -65,14 +61,6 @@ const EMPTY_CONDITION_ROW = {
     var _ref, _action_name, _ref1, _ref2, _ref3, _action_steps, _ref4;
     var _action_trigger, _action_trigger1, _action_trigger2, _action_trigger3, _action_trigger4, _action_trigger5, _action_trigger6, _action_trigger7, _action_trigger8, _action_trigger9, _action_trigger10, _action_trigger11, _action_trigger12;
     const builtIn = HOST_EVENT_TYPES.includes((_action_trigger = action.trigger) == null ? void 0 : _action_trigger.event) || isSiteEventType(String((_ref = (_action_trigger1 = action.trigger) == null ? void 0 : _action_trigger1.event) != null ? _ref : ''));
-    const rows = normalizeTriggerConditions(action.trigger).map((condition)=>{
-        var _condition_op, _condition_field, _condition_value;
-        return {
-            op: (_condition_op = condition.op) != null ? _condition_op : '',
-            field: (_condition_field = condition.field) != null ? _condition_field : '',
-            value: (_condition_value = condition.value) != null ? _condition_value : ''
-        };
-    });
     return {
         id,
         name: (_action_name = action.name) != null ? _action_name : '',
@@ -91,9 +79,7 @@ const EMPTY_CONDITION_ROW = {
         steps: (_action_steps = action.steps) != null ? _action_steps : [],
         enabled: action.enabled !== false,
         customEvent: builtIn ? '' : (_ref4 = (_action_trigger11 = action.trigger) == null ? void 0 : _action_trigger11.event) != null ? _ref4 : '',
-        conditionRows: rows.length ? rows : [
-            EMPTY_CONDITION_ROW
-        ],
+        conditionRows: conditionRowsFromTrigger(action.trigger),
         conditionCombinator: ((_action_trigger12 = action.trigger) == null ? void 0 : _action_trigger12.combinator) === 'or' ? 'or' : 'and',
         // A recipe stamps what it builds, and a stored action carries what it
         // was saved with — one reader for both doors, unknown kept unknown.
@@ -107,7 +93,7 @@ const EMPTY_CONDITION_ROW = {
  * event, dataset append). Runs server-side via runEventActions; paid
  * feature (`actions` flag, Pro+, `actionRunsPerMonth` metered).
  */ export function HostActionsCard(props) {
-    var _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _hostEventPayloadHint, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _runsFor_name;
+    var _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _hostEventPayloadHint, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _runsFor_name;
     var _CRM_ACTION_RECIPES_find;
     const { hostId, org } = props;
     // Org-shared data root (AGL-237). Null until the org lookup settles
@@ -408,15 +394,7 @@ const EMPTY_CONDITION_ROW = {
                 cooldownMinutes: Number(draft.trigger.cooldownMinutes)
             } : {}, draft.trigger.everyTime === true ? {
                 everyTime: true
-            } : {}, draft.conditionRows.some((row)=>row.op) ? {
-                conditions: draft.conditionRows.filter((row)=>row.op).map((row)=>_extends({
-                        field: row.field.trim(),
-                        op: row.op
-                    }, row.op !== 'notEmpty' ? {
-                        value: row.value.trim()
-                    } : {})),
-                combinator: draft.conditionCombinator
-            } : {}),
+            } : {}, conditionsFromRows(draft.conditionRows, draft.conditionCombinator)),
             steps: draft.steps,
             enabled: draft.enabled !== false
         }, draft.recipe !== undefined ? {
@@ -833,152 +811,25 @@ const EMPTY_CONDITION_ROW = {
                                     })
                                 ]
                             }),
-                            ((_ref7 = draft == null ? void 0 : draft.conditionRows) != null ? _ref7 : []).map((row, index)=>{
-                                var _ref, _ref1;
-                                return /*#__PURE__*/ _jsxs(Stack, {
-                                    direction: "row",
-                                    spacing: 1,
-                                    sx: {
-                                        alignItems: 'center'
-                                    },
-                                    children: [
-                                        index > 0 ? /*#__PURE__*/ _jsx(Typography, {
-                                            variant: "caption",
-                                            color: "text.secondary",
-                                            children: (draft == null ? void 0 : draft.conditionCombinator) === 'or' ? 'or' : 'and'
-                                        }) : null,
-                                        /*#__PURE__*/ _jsxs(TextField, {
-                                            select: true,
-                                            label: index === 0 ? 'Only run when' : 'Condition',
-                                            value: row.op,
-                                            onChange: (event)=>patch((previous)=>_extends({}, previous, {
-                                                        conditionRows: previous.conditionRows.map((previousRow, index2)=>index2 === index ? _extends({}, previousRow, {
-                                                                op: event.target.value
-                                                            }) : previousRow)
-                                                    })),
-                                            size: "small",
-                                            sx: {
-                                                minWidth: 180
-                                            },
-                                            children: [
-                                                ((_ref = draft == null ? void 0 : draft.conditionRows.length) != null ? _ref : 0) === 1 ? /*#__PURE__*/ _jsx(MenuItem, {
-                                                    value: "",
-                                                    children: 'Always (no condition)'
-                                                }) : null,
-                                                /*#__PURE__*/ _jsx(MenuItem, {
-                                                    value: "notEmpty",
-                                                    children: 'A field is not empty'
-                                                }),
-                                                /*#__PURE__*/ _jsx(MenuItem, {
-                                                    value: "equals",
-                                                    children: 'A field equals…'
-                                                }),
-                                                /*#__PURE__*/ _jsx(MenuItem, {
-                                                    value: "contains",
-                                                    children: 'A field contains…'
-                                                })
-                                            ]
-                                        }),
-                                        row.op ? /*#__PURE__*/ _jsx(TextField, {
-                                            label: "Field",
-                                            placeholder: "subscribe",
-                                            value: row.field,
-                                            onChange: (event)=>patch((previous)=>_extends({}, previous, {
-                                                        conditionRows: previous.conditionRows.map((previousRow, index2)=>index2 === index ? _extends({}, previousRow, {
-                                                                field: event.target.value
-                                                            }) : previousRow)
-                                                    })),
-                                            size: "small",
-                                            sx: {
-                                                flex: 1
-                                            }
-                                        }) : null,
-                                        row.op === 'equals' || row.op === 'contains' ? /*#__PURE__*/ _jsx(TextField, _extends({
-                                            label: "Value",
-                                            placeholder: "Yes"
-                                        }, placeholderState(row.value, 'Replace the placeholder with the value to match'), {
-                                            value: row.value,
-                                            onChange: (event)=>patch((previous)=>_extends({}, previous, {
-                                                        conditionRows: previous.conditionRows.map((previousRow, index2)=>index2 === index ? _extends({}, previousRow, {
-                                                                value: event.target.value
-                                                            }) : previousRow)
-                                                    })),
-                                            size: "small",
-                                            sx: {
-                                                flex: 1
-                                            }
-                                        })) : null,
-                                        ((_ref1 = draft == null ? void 0 : draft.conditionRows.length) != null ? _ref1 : 0) > 1 ? /*#__PURE__*/ _jsx(IconButton, {
-                                            size: "small",
-                                            "aria-label": "remove condition",
-                                            onClick: ()=>patch((previous)=>_extends({}, previous, {
-                                                        conditionRows: previous.conditionRows.length > 1 ? previous.conditionRows.filter((_, index2)=>index2 !== index) : [
-                                                            EMPTY_CONDITION_ROW
-                                                        ]
-                                                    })),
-                                            children: '×'
-                                        }) : null
-                                    ]
-                                }, index);
+                            /*#__PURE__*/ _jsx(TriggerConditionRows, {
+                                rows: (_ref7 = draft == null ? void 0 : draft.conditionRows) != null ? _ref7 : [],
+                                combinator: (_ref8 = draft == null ? void 0 : draft.conditionCombinator) != null ? _ref8 : 'and',
+                                onRowsChange: (update)=>patch((previous)=>_extends({}, previous, {
+                                            conditionRows: update(previous.conditionRows)
+                                        })),
+                                onCombinatorChange: (combinator)=>patch((previous)=>_extends({}, previous, {
+                                            conditionCombinator: combinator
+                                        }))
                             }),
-                            (draft == null ? void 0 : draft.conditionRows.every((row)=>row.op)) ? /*#__PURE__*/ _jsxs(Stack, {
-                                direction: "row",
-                                spacing: 1,
-                                sx: {
-                                    alignItems: 'center'
-                                },
-                                children: [
-                                    /*#__PURE__*/ _jsx(Button, {
-                                        size: "small",
-                                        disabled: ((_ref8 = draft == null ? void 0 : draft.conditionRows.length) != null ? _ref8 : 0) >= ACTION_MAX_CONDITIONS,
-                                        onClick: ()=>patch((previous)=>_extends({}, previous, {
-                                                    conditionRows: [
-                                                        ...previous.conditionRows,
-                                                        // New rows start on the simplest operator so the
-                                                        // field input is immediately visible.
-                                                        {
-                                                            op: 'notEmpty',
-                                                            field: '',
-                                                            value: ''
-                                                        }
-                                                    ]
-                                                })),
-                                        children: 'Add condition'
-                                    }),
-                                    ((_ref9 = draft == null ? void 0 : draft.conditionRows.length) != null ? _ref9 : 0) >= 2 ? // AND/OR combinator (AGL-565); applies to every row.
-                                    /*#__PURE__*/ _jsxs(TextField, {
-                                        select: true,
-                                        label: "Match",
-                                        value: (_ref10 = draft == null ? void 0 : draft.conditionCombinator) != null ? _ref10 : 'and',
-                                        onChange: (event)=>patch((previous)=>_extends({}, previous, {
-                                                    conditionCombinator: event.target.value
-                                                })),
-                                        size: "small",
-                                        sx: {
-                                            minWidth: 220
-                                        },
-                                        children: [
-                                            /*#__PURE__*/ _jsx(MenuItem, {
-                                                value: "and",
-                                                children: 'All conditions match (AND)'
-                                            }),
-                                            /*#__PURE__*/ _jsx(MenuItem, {
-                                                value: "or",
-                                                children: 'Any condition matches (OR)'
-                                            })
-                                        ]
-                                    }) : null
-                                ]
-                            }) : null,
-                            isSiteEventType((_ref11 = draft == null ? void 0 : draft.trigger.event) != null ? _ref11 : '') ? // Site-event config (AGL-256): what/where the trigger watches.
+                            isSiteEventType((_ref9 = draft == null ? void 0 : draft.trigger.event) != null ? _ref9 : '') ? // Site-event config (AGL-256): what/where the trigger watches.
                             /*#__PURE__*/ _jsxs(Stack, {
                                 direction: "row",
                                 spacing: 1,
                                 children: [
-                                    ELEMENT_SCOPED_SITE_EVENTS.includes((_ref12 = draft == null ? void 0 : draft.trigger.event) != null ? _ref12 : '') ? /*#__PURE__*/ _jsx(TextField, {
+                                    ELEMENT_SCOPED_SITE_EVENTS.includes((_ref10 = draft == null ? void 0 : draft.trigger.event) != null ? _ref10 : '') ? /*#__PURE__*/ _jsx(TextField, {
                                         label: "CSS selector",
                                         placeholder: "#pricing-table",
-                                        value: (_ref13 = draft == null ? void 0 : draft.trigger.selector) != null ? _ref13 : '',
+                                        value: (_ref11 = draft == null ? void 0 : draft.trigger.selector) != null ? _ref11 : '',
                                         onChange: (event)=>patch((previous)=>_extends({}, previous, {
                                                     trigger: _extends({}, previous.trigger, {
                                                         selector: event.target.value
@@ -992,10 +843,10 @@ const EMPTY_CONDITION_ROW = {
                                     [
                                         'scrollDepth',
                                         'timeOnPage'
-                                    ].includes((_ref14 = draft == null ? void 0 : draft.trigger.event) != null ? _ref14 : '') ? /*#__PURE__*/ _jsx(TextField, {
+                                    ].includes((_ref12 = draft == null ? void 0 : draft.trigger.event) != null ? _ref12 : '') ? /*#__PURE__*/ _jsx(TextField, {
                                         type: "number",
                                         label: (draft == null ? void 0 : draft.trigger.event) === 'scrollDepth' ? 'Scroll %' : 'Seconds',
-                                        value: (_ref15 = draft == null ? void 0 : draft.trigger.threshold) != null ? _ref15 : '',
+                                        value: (_ref13 = draft == null ? void 0 : draft.trigger.threshold) != null ? _ref13 : '',
                                         onChange: (event)=>patch((previous)=>_extends({}, previous, {
                                                     trigger: _extends({}, previous.trigger, {
                                                         threshold: Number(event.target.value)
@@ -1009,7 +860,7 @@ const EMPTY_CONDITION_ROW = {
                                     /*#__PURE__*/ _jsx(TextField, {
                                         label: "Only on pages (optional)",
                                         placeholder: "/pricing or /blog/*",
-                                        value: (_ref16 = draft == null ? void 0 : draft.trigger.pathPattern) != null ? _ref16 : '',
+                                        value: (_ref14 = draft == null ? void 0 : draft.trigger.pathPattern) != null ? _ref14 : '',
                                         onChange: (event)=>patch((previous)=>_extends({}, previous, {
                                                     trigger: _extends({}, previous.trigger, {
                                                         pathPattern: event.target.value
@@ -1071,7 +922,7 @@ const EMPTY_CONDITION_ROW = {
                                         sx: {
                                             width: 150
                                         },
-                                        value: (_ref17 = draft == null ? void 0 : draft.trigger.cooldownMinutes) != null ? _ref17 : 60,
+                                        value: (_ref15 = draft == null ? void 0 : draft.trigger.cooldownMinutes) != null ? _ref15 : 60,
                                         onChange: (event)=>patch((previous)=>_extends({}, previous, {
                                                     trigger: _extends({}, previous.trigger, {
                                                         cooldownMinutes: Number(event.target.value)
@@ -1085,7 +936,7 @@ const EMPTY_CONDITION_ROW = {
                                 color: "text.secondary",
                                 children: 'Steps (run in order)'
                             }),
-                            ((_ref18 = draft == null ? void 0 : draft.steps) != null ? _ref18 : []).map((step, index)=>/*#__PURE__*/ _jsx(AutomationStepFields, {
+                            ((_ref16 = draft == null ? void 0 : draft.steps) != null ? _ref16 : []).map((step, index)=>/*#__PURE__*/ _jsx(AutomationStepFields, {
                                     step: step,
                                     index: index,
                                     kind: step.type,
@@ -1101,7 +952,7 @@ const EMPTY_CONDITION_ROW = {
                                 sx: {
                                     alignSelf: 'flex-start'
                                 },
-                                disabled: ((_ref19 = draft == null ? void 0 : draft.steps.length) != null ? _ref19 : 0) >= ACTION_MAX_STEPS,
+                                disabled: ((_ref17 = draft == null ? void 0 : draft.steps.length) != null ? _ref17 : 0) >= ACTION_MAX_STEPS,
                                 onClick: ()=>patch((previous)=>_extends({}, previous, {
                                             steps: [
                                                 ...previous.steps,
@@ -1136,7 +987,7 @@ const EMPTY_CONDITION_ROW = {
                 fullWidth: true,
                 children: [
                     /*#__PURE__*/ _jsx(DialogTitle, {
-                        children: (_ref20 = formPickFor == null ? void 0 : formPickFor.title) != null ? _ref20 : ''
+                        children: (_ref18 = formPickFor == null ? void 0 : formPickFor.title) != null ? _ref18 : ''
                     }),
                     /*#__PURE__*/ _jsxs(DialogContent, {
                         sx: {
@@ -1199,7 +1050,7 @@ const EMPTY_CONDITION_ROW = {
                 fullWidth: true,
                 children: [
                     /*#__PURE__*/ _jsx(DialogTitle, {
-                        children: `Runs — ${(_ref21 = runsFor == null ? void 0 : runsFor.name) != null ? _ref21 : ''}`
+                        children: `Runs — ${(_ref19 = runsFor == null ? void 0 : runsFor.name) != null ? _ref19 : ''}`
                     }),
                     /*#__PURE__*/ _jsx(DialogContent, {
                         children: runsFor ? /*#__PURE__*/ _jsx(HostRunHistoryCard, {