@uipath/apollo-react 4.37.1 → 4.38.0

package/dist/canvas/components/BaseNode/BaseNode.cjs

@@ -71,7 +71,7 @@ const getContainerHeight = (height, hasFooter, footerVariant)=>{
 };
 const BaseNodeComponent = (props)=>{
     const { type, data, selected, id, dragging, width, height, parentId } = props;
-    const { onHandleAction: onHandleActionProp, onHandleMouseEnter: onHandleMouseEnterProp, onHandleMouseLeave: onHandleMouseLeaveProp, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = (0, external_BaseNodeConfigContext_cjs_namespaceObject.useBaseNodeOverrideConfig)();
+    const { onHandleAction: onHandleActionProp, onHandleMouseEnter: onHandleMouseEnterProp, onHandleMouseLeave: onHandleMouseLeaveProp, onActionNeeded, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = (0, external_BaseNodeConfigContext_cjs_namespaceObject.useBaseNodeOverrideConfig)();
     const updateNodeInternals = (0, react_cjs_namespaceObject.useUpdateNodeInternals)();
     const { updateNodeData, updateNode } = (0, react_cjs_namespaceObject.useReactFlow)();
     const containerRef = (0, external_react_namespaceObject.useRef)(null);
@@ -444,7 +444,7 @@ const BaseNodeComponent = (props)=>{
                         shape: displayShape,
                         children: adornments.topLeft
                     }),
-                    adornments?.topRight && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BaseNodeBadgeSlot_cjs_namespaceObject.BaseBadgeSlot, {
+                    adornments?.topRight && 'ActionNeeded' !== executionStatus && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BaseNodeBadgeSlot_cjs_namespaceObject.BaseBadgeSlot, {
                         position: "top-right",
                         shape: displayShape,
                         children: adornments.topRight
@@ -484,7 +484,35 @@ const BaseNodeComponent = (props)=>{
                     })
                 ]
             }),
-            handleElements
+            handleElements,
+            'ActionNeeded' === executionStatus && (()=>{
+                const badgeInset = 'circle' === displayShape ? external_constants_cjs_namespaceObject.NODE_BADGE_INSET_CIRCLE : external_constants_cjs_namespaceObject.NODE_BADGE_INSET_SQUARE;
+                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+                    type: "button",
+                    className: "absolute z-10 flex items-center gap-1 rounded-full bg-amber-400 text-[11px] font-semibold text-stone-900 shadow-sm transition-colors hover:bg-amber-300",
+                    style: {
+                        top: badgeInset,
+                        left: `calc(var(--node-w) - ${badgeInset + external_constants_cjs_namespaceObject.NODE_BADGE_SIZE}px)`,
+                        height: external_constants_cjs_namespaceObject.NODE_BADGE_SIZE,
+                        minWidth: external_constants_cjs_namespaceObject.NODE_BADGE_SIZE,
+                        paddingInline: '4px 10px'
+                    },
+                    onClick: (e)=>{
+                        e.stopPropagation();
+                        onActionNeeded?.(id);
+                    },
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
+                            icon: "flag",
+                            size: 12
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "whitespace-nowrap",
+                            children: "Action needed"
+                        })
+                    ]
+                });
+            })()
         ]
     });
     if (useSmartHandles) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SmartHandle_cjs_namespaceObject.SmartHandleProvider, {

package/dist/canvas/components/BaseNode/BaseNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAwChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AA6nB1B,eAAO,MAAM,QAAQ,8CAvlBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAulBhB,CAAC"}
+{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AA2ChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAqpB1B,eAAO,MAAM,QAAQ,8CA/mBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CA+mBhB,CAAC"}

package/dist/canvas/components/BaseNode/BaseNode.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Position, useReactFlow, useStore, useUpdateNodeInternals } from "../../xyflow/react.js";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { DEFAULT_NODE_SIZE, DEFAULT_RECTANGLE_NODE_WIDTH, GRID_SPACING, NODE_BORDER_SIZE, NODE_CONTAINER_RADIUS_RATIO, NODE_HEIGHT_DEFAULT, NODE_HEIGHT_FOOTER_BUTTON, NODE_HEIGHT_FOOTER_DOUBLE, NODE_HEIGHT_FOOTER_SINGLE, NODE_INNER_ICON_RATIO, NODE_INNER_RADIUS_RATIO, NODE_INNER_SHAPE_RATIO } from "../../constants.js";
+import { DEFAULT_NODE_SIZE, DEFAULT_RECTANGLE_NODE_WIDTH, GRID_SPACING, NODE_BADGE_INSET_CIRCLE, NODE_BADGE_INSET_SQUARE, NODE_BADGE_SIZE, NODE_BORDER_SIZE, NODE_CONTAINER_RADIUS_RATIO, NODE_HEIGHT_DEFAULT, NODE_HEIGHT_FOOTER_BUTTON, NODE_HEIGHT_FOOTER_DOUBLE, NODE_HEIGHT_FOOTER_SINGLE, NODE_INNER_ICON_RATIO, NODE_INNER_RADIUS_RATIO, NODE_INNER_SHAPE_RATIO } from "../../constants.js";
 import { useNodeTypeRegistry } from "../../core/index.js";
 import { useElementValidationStatus, useNodeExecutionState } from "../../hooks/index.js";
 import { resolveAdornments } from "../../utils/adornment-resolver.js";
-import { getIcon } from "../../utils/icon-registry.js";
+import { CanvasIcon, getIcon } from "../../utils/icon-registry.js";
 import { resolveDisplay, resolveHandles } from "../../utils/manifest-resolver.js";
 import { selectIsConnecting } from "../../utils/NodeUtils.js";
 import { resolveToolbar } from "../../utils/toolbar-resolver.js";
@@ -43,7 +43,7 @@ const getContainerHeight = (height, hasFooter, footerVariant)=>{
 };
 const BaseNodeComponent = (props)=>{
     const { type, data, selected, id, dragging, width, height, parentId } = props;
-    const { onHandleAction: onHandleActionProp, onHandleMouseEnter: onHandleMouseEnterProp, onHandleMouseLeave: onHandleMouseLeaveProp, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = useBaseNodeOverrideConfig();
+    const { onHandleAction: onHandleActionProp, onHandleMouseEnter: onHandleMouseEnterProp, onHandleMouseLeave: onHandleMouseLeaveProp, onActionNeeded, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = useBaseNodeOverrideConfig();
     const updateNodeInternals = useUpdateNodeInternals();
     const { updateNodeData, updateNode } = useReactFlow();
     const containerRef = useRef(null);
@@ -416,7 +416,7 @@ const BaseNodeComponent = (props)=>{
                         shape: displayShape,
                         children: adornments.topLeft
                     }),
-                    adornments?.topRight && /*#__PURE__*/ jsx(BaseBadgeSlot, {
+                    adornments?.topRight && 'ActionNeeded' !== executionStatus && /*#__PURE__*/ jsx(BaseBadgeSlot, {
                         position: "top-right",
                         shape: displayShape,
                         children: adornments.topRight
@@ -456,7 +456,35 @@ const BaseNodeComponent = (props)=>{
                     })
                 ]
             }),
-            handleElements
+            handleElements,
+            'ActionNeeded' === executionStatus && (()=>{
+                const badgeInset = 'circle' === displayShape ? NODE_BADGE_INSET_CIRCLE : NODE_BADGE_INSET_SQUARE;
+                return /*#__PURE__*/ jsxs("button", {
+                    type: "button",
+                    className: "absolute z-10 flex items-center gap-1 rounded-full bg-amber-400 text-[11px] font-semibold text-stone-900 shadow-sm transition-colors hover:bg-amber-300",
+                    style: {
+                        top: badgeInset,
+                        left: `calc(var(--node-w) - ${badgeInset + NODE_BADGE_SIZE}px)`,
+                        height: NODE_BADGE_SIZE,
+                        minWidth: NODE_BADGE_SIZE,
+                        paddingInline: '4px 10px'
+                    },
+                    onClick: (e)=>{
+                        e.stopPropagation();
+                        onActionNeeded?.(id);
+                    },
+                    children: [
+                        /*#__PURE__*/ jsx(CanvasIcon, {
+                            icon: "flag",
+                            size: 12
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            className: "whitespace-nowrap",
+                            children: "Action needed"
+                        })
+                    ]
+                });
+            })()
         ]
     });
     if (useSmartHandles) return /*#__PURE__*/ jsx(SmartHandleProvider, {

package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts

@@ -7,6 +7,7 @@ export interface BaseNodeOverrideConfig {
     onHandleAction?: (event: HandleActionEvent) => void;
     onHandleMouseEnter?: (event: HandleMouseEvent) => void;
     onHandleMouseLeave?: (event: HandleMouseEvent) => void;
+    onActionNeeded?: (nodeId: string) => void;
     shouldShowAddButtonFn?: (opts: {
         showAddButton: boolean;
         selected: boolean;

package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseNodeConfigContext.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeConfigContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACxF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AActE,MAAM,WAAW,sBAAsB;IAErC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEpD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEvD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACvD,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,aAAa,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC;IACzF,+BAA+B,CAAC,EAAE,CAAC,IAAI,EAAE;QACvC,YAAY,EAAE,OAAO,CAAC;QACtB,UAAU,EAAE,OAAO,CAAC;QACpB,SAAS,EAAE,OAAO,CAAC;KACpB,KAAK,OAAO,CAAC;IAGd,aAAa,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7C,UAAU,CAAC,EAAE,cAAc,CAAC;IAG5B,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB,CAAC,EAAE,mBAAmB,CAAC;IAG9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAMD,eAAO,MAAM,8BAA8B,kDAAyC,CAAC;AAMrF,wBAAgB,yBAAyB,IAAI,sBAAsB,CAElE"}
+{"version":3,"file":"BaseNodeConfigContext.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeConfigContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACxF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AActE,MAAM,WAAW,sBAAsB;IAErC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEpD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEvD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,aAAa,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC;IACzF,+BAA+B,CAAC,EAAE,CAAC,IAAI,EAAE;QACvC,YAAY,EAAE,OAAO,CAAC;QACtB,UAAU,EAAE,OAAO,CAAC;QACpB,SAAS,EAAE,OAAO,CAAC;KACpB,KAAK,OAAO,CAAC;IAGd,aAAa,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7C,UAAU,CAAC,EAAE,cAAc,CAAC;IAG5B,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB,CAAC,EAAE,mBAAmB,CAAC;IAG9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAMD,eAAO,MAAM,8BAA8B,kDAAyC,CAAC;AAMrF,wBAAgB,yBAAyB,IAAI,sBAAsB,CAElE"}

package/dist/canvas/components/BaseNode/BaseNodeContainer.cjs

@@ -37,6 +37,7 @@ const getStatusBorder = (status)=>{
         case 'Completed':
         case 'add':
             return 'border-success';
+        case 'ActionNeeded':
         case 'Paused':
         case 'Warning':
         case 'WARNING':

package/dist/canvas/components/BaseNode/BaseNodeContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseNodeContainer.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,eAAO,MAAM,eAAe,GAC1B,SAAS,mBAAmB,GAAG,uBAAuB,GAAG,cAAc,KACtE,MAsBF,CAAC;AAEF,UAAU,kBAAkB;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,GAAI,6JAa3B,kBAAkB,4CA8CpB,CAAC"}
+{"version":3,"file":"BaseNodeContainer.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,eAAO,MAAM,eAAe,GAC1B,SAAS,mBAAmB,GAAG,uBAAuB,GAAG,cAAc,KACtE,MAuBF,CAAC;AAEF,UAAU,kBAAkB;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,GAAI,6JAa3B,kBAAkB,4CA8CpB,CAAC"}

package/dist/canvas/components/BaseNode/BaseNodeContainer.js

@@ -8,6 +8,7 @@ const getStatusBorder = (status)=>{
         case 'Completed':
         case 'add':
             return 'border-success';
+        case 'ActionNeeded':
         case 'Paused':
         case 'Warning':
         case 'WARNING':

package/dist/canvas/components/Edges/EdgeUtils.cjs

@@ -30,6 +30,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const execution_cjs_namespaceObject = require("../../types/execution.cjs");
 const edgeTargetStatusToEdgeColor = {
+    ActionNeeded: 'var(--canvas-warning-icon)',
     Cancelled: 'var(--canvas-error-icon)',
     Completed: 'var(--canvas-success-icon)',
     CRITICAL: 'var(--canvas-error-icon)',

package/dist/canvas/components/Edges/EdgeUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EdgeUtils.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Edges/EdgeUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAuB,MAAM,uBAAuB,CAAC;AAChF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,eAAO,MAAM,2BAA2B,EAAE;KACvC,GAAG,IAAI,aAAa,GAAG,uBAAuB,GAAG,MAAM;CAgBzD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,QAAQ,aAAa,GAAG,uBAAuB,GAAG,SAAS,EAC3D,UAAU,MAAM,mDAYjB,CAAC"}
+{"version":3,"file":"EdgeUtils.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Edges/EdgeUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAuB,MAAM,uBAAuB,CAAC;AAChF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,eAAO,MAAM,2BAA2B,EAAE;KACvC,GAAG,IAAI,aAAa,GAAG,uBAAuB,GAAG,MAAM;CAiBzD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,QAAQ,aAAa,GAAG,uBAAuB,GAAG,SAAS,EAC3D,UAAU,MAAM,mDAYjB,CAAC"}

package/dist/canvas/components/Edges/EdgeUtils.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { ElementStatusValues } from "../../types/execution.js";
 const edgeTargetStatusToEdgeColor = {
+    ActionNeeded: 'var(--canvas-warning-icon)',
     Cancelled: 'var(--canvas-error-icon)',
     Completed: 'var(--canvas-success-icon)',
     CRITICAL: 'var(--canvas-error-icon)',

package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.cjs

@@ -39,6 +39,7 @@ function getExecutionStatusColor(status) {
             return 'var(--color-info-icon)';
         case 'Completed':
             return 'var(--color-success-icon)';
+        case 'ActionNeeded':
         case 'Paused':
         case 'Warning':
             return 'var(--color-warning-icon)';
@@ -89,6 +90,12 @@ function ExecutionStatusIcon({ status, size = 16 }) {
                     size: size,
                     color: color
                 });
+            case 'ActionNeeded':
+                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
+                    icon: "hand",
+                    size: size,
+                    color: color
+                });
             case 'Paused':
                 return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
                     icon: "circle-pause",

package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.d.ts

@@ -1,6 +1,6 @@
 export declare function getExecutionStatusColor(status: string | undefined): string;
 export declare function ExecutionStatusIcon({ status, size, }: {
-    status?: 'InProgress' | 'Cancelled' | 'UserCancelled' | 'Completed' | 'Paused' | 'Failed' | 'NotExecuted' | 'Terminated' | 'Warning' | string;
+    status?: 'ActionNeeded' | 'InProgress' | 'Cancelled' | 'UserCancelled' | 'Completed' | 'Paused' | 'Failed' | 'NotExecuted' | 'Terminated' | 'Warning' | string;
     size?: number;
 }): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=ExecutionStatusIcon.d.ts.map

package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExecutionStatusIcon.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.tsx"],"names":[],"mappings":"AAIA,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAsC1E;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,IAAS,GACV,EAAE;IACD,MAAM,CAAC,EACH,YAAY,GACZ,WAAW,GACX,eAAe,GACf,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,SAAS,GACT,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,kDA+BA"}
+{"version":3,"file":"ExecutionStatusIcon.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.tsx"],"names":[],"mappings":"AAIA,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAuC1E;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,IAAS,GACV,EAAE;IACD,MAAM,CAAC,EACH,cAAc,GACd,YAAY,GACZ,WAAW,GACX,eAAe,GACf,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,SAAS,GACT,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,kDAiCA"}

package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.js

@@ -10,6 +10,7 @@ function getExecutionStatusColor(status) {
             return 'var(--color-info-icon)';
         case 'Completed':
             return 'var(--color-success-icon)';
+        case 'ActionNeeded':
         case 'Paused':
         case 'Warning':
             return 'var(--color-warning-icon)';
@@ -60,6 +61,12 @@ function ExecutionStatusIcon({ status, size = 16 }) {
                     size: size,
                     color: color
                 });
+            case 'ActionNeeded':
+                return /*#__PURE__*/ jsx(CanvasIcon, {
+                    icon: "hand",
+                    size: size,
+                    color: color
+                });
             case 'Paused':
                 return /*#__PURE__*/ jsx(CanvasIcon, {
                     icon: "circle-pause",

package/dist/canvas/styles/execution-status.cjs

@@ -55,6 +55,7 @@ const getExecutionStatusBorder = (executionStatus)=>{
             return (0, react_namespaceObject.css)`
         border-color: var(--canvas-success-icon);
       `;
+        case 'ActionNeeded':
         case 'Paused':
         case 'Warning':
         case 'WARNING':

package/dist/canvas/styles/execution-status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"execution-status.d.ts","sourceRoot":"","sources":["../../../src/canvas/styles/execution-status.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM;;;;;UAU5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,kBAAkB,MAAM,8CAyChE,CAAC"}
+{"version":3,"file":"execution-status.d.ts","sourceRoot":"","sources":["../../../src/canvas/styles/execution-status.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM;;;;;UAU5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,kBAAkB,MAAM,8CA0ChE,CAAC"}

package/dist/canvas/styles/execution-status.js

@@ -26,6 +26,7 @@ const getExecutionStatusBorder = (executionStatus)=>{
             return css`
         border-color: var(--canvas-success-icon);
       `;
+        case 'ActionNeeded':
         case 'Paused':
         case 'Warning':
         case 'WARNING':