@uipath/apollo-react 3.29.1 → 3.30.0

package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.js

@@ -6,9 +6,11 @@ import { ApIcon } from "../../../../material/components/index.js";
 import { memo, useCallback, useMemo } from "react";
 import { DefaultSuggestionTranslations } from "../../../types.js";
 import { BaseNode } from "../../BaseNode/BaseNode.js";
+import { BaseNodeOverrideConfigProvider } from "../../BaseNode/BaseNodeConfigContext.js";
 import { ExecutionStatusIcon } from "../../ExecutionStatusIcon/ExecutionStatusIcon.js";
 import { ToolResourceIcon } from "../components/ToolResourceIcon/index.js";
 import { useAgentFlowStore, useEdges } from "../store/agent-flow-store.js";
+const alwaysShowNotches = ()=>true;
 const ResourceNode = /*#__PURE__*/ memo(({ data, selected, id, mode, hasError = false, hasSuccess = false, hasRunning = false, onEnable, onDisable, onAddBreakpoint, onRemoveBreakpoint, onAddGuardrail, onGoToSource, translations, suggestionTranslations, suggestionGroupVersion, ...nodeProps })=>{
     const { nodes: _nodes, deleteNode, actOnSuggestion } = useAgentFlowStore();
     const edges = useEdges();
@@ -403,38 +405,56 @@ const ResourceNode = /*#__PURE__*/ memo(({ data, selected, id, mode, hasError =
                 return 'uipath.resource.tool';
         }
     };
-    return /*#__PURE__*/ jsx(BaseNode, {
-        ...nodeProps,
-        type: getResourceNodeType(),
-        data: {
-            ...data,
-            display: {
-                iconBackground: 'var(--uix-canvas-background-secondary)',
-                label: data.name,
-                subLabel: data.originalName,
-                shape: 'circle'
-            }
-        },
-        id: id,
-        selected: selected,
-        draggable: false,
-        selectable: true,
-        deletable: !isSuggestion,
-        labelTooltip: displayTooltips ? data.description : void 0,
-        labelBackgroundColor: "var(--uix-canvas-background-secondary)",
-        disabled: isDisabled,
-        executionStatusOverride: executionStatus,
-        suggestionType: suggestionType,
-        iconComponent: resourceIcon,
-        handleConfigurations: handleConfigurations,
-        toolbarConfig: toolbarConfig,
-        adornments: {
-            topLeft: breakpointAdornment,
-            topRight: statusAdornment,
-            bottomLeft: suggestionAdornment,
-            bottomRight: guardrailsAdornment
-        },
-        shouldShowButtonHandleNotchesFn: ()=>true
+    const baseNodeConfig = useMemo(()=>({
+            labelTooltip: displayTooltips ? data.description : void 0,
+            labelBackgroundColor: 'var(--uix-canvas-background-secondary)',
+            disabled: isDisabled,
+            executionStatusOverride: executionStatus,
+            suggestionType,
+            iconComponent: resourceIcon,
+            handleConfigurations,
+            toolbarConfig,
+            adornments: {
+                topLeft: breakpointAdornment,
+                topRight: statusAdornment,
+                bottomLeft: suggestionAdornment,
+                bottomRight: guardrailsAdornment
+            },
+            shouldShowButtonHandleNotchesFn: alwaysShowNotches
+        }), [
+        displayTooltips,
+        data.description,
+        isDisabled,
+        executionStatus,
+        suggestionType,
+        resourceIcon,
+        handleConfigurations,
+        toolbarConfig,
+        breakpointAdornment,
+        statusAdornment,
+        suggestionAdornment,
+        guardrailsAdornment
+    ]);
+    return /*#__PURE__*/ jsx(BaseNodeOverrideConfigProvider, {
+        value: baseNodeConfig,
+        children: /*#__PURE__*/ jsx(BaseNode, {
+            ...nodeProps,
+            type: getResourceNodeType(),
+            data: {
+                ...data,
+                display: {
+                    iconBackground: 'var(--uix-canvas-background-secondary)',
+                    label: data.name,
+                    subLabel: data.originalName,
+                    shape: 'circle'
+                }
+            },
+            id: id,
+            selected: selected,
+            draggable: false,
+            selectable: true,
+            deletable: !isSuggestion
+        })
     });
 });
 export { ResourceNode };

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

@@ -46,10 +46,12 @@ const SmartHandle_cjs_namespaceObject = require("../ButtonHandle/SmartHandle.cjs
 const useButtonHandles_cjs_namespaceObject = require("../ButtonHandle/useButtonHandles.cjs");
 const external_Toolbar_index_cjs_namespaceObject = require("../Toolbar/index.cjs");
 const external_BaseNode_styles_cjs_namespaceObject = require("./BaseNode.styles.cjs");
+const external_BaseNodeConfigContext_cjs_namespaceObject = require("./BaseNodeConfigContext.cjs");
 const external_NodeLabel_cjs_namespaceObject = require("./NodeLabel.cjs");
 const selectIsConnecting = (state)=>!!state.connectionClickStartHandle;
 const BaseNodeComponent = (props)=>{
-    const { type, data, selected, id, dragging, width, height, onHandleAction: onHandleActionProp, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = props;
+    const { type, data, selected, id, dragging, width, height } = props;
+    const { onHandleAction: onHandleActionProp, 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);

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

@@ -1,3 +1,4 @@
-import type { BaseNodeComponentProps } from './BaseNode.types';
-export declare const BaseNode: import("react").MemoExoticComponent<(props: BaseNodeComponentProps) => import("react/jsx-runtime").JSX.Element>;
+import type { Node, NodeProps } from '../../xyflow/react.ts';
+import type { BaseNodeData } from './BaseNode.types';
+export declare const BaseNode: import("react").MemoExoticComponent<(props: NodeProps<Node<BaseNodeData>>) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=BaseNode.d.ts.map

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":"AAkCA,OAAO,KAAK,EACV,sBAAsB,EAIvB,MAAM,kBAAkB,CAAC;AAkgB1B,eAAO,MAAM,QAAQ,8CA7fa,sBAAsB,6CA6fT,CAAC"}
+{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAkB,MAAM,0CAA0C,CAAC;AAkChG,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AA0f1B,eAAO,MAAM,QAAQ,8CArfa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAqfhB,CAAC"}

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

@@ -18,10 +18,12 @@ import { SmartHandle, SmartHandleProvider } from "../ButtonHandle/SmartHandle.js
 import { useButtonHandles } from "../ButtonHandle/useButtonHandles.js";
 import { NodeToolbar } from "../Toolbar/index.js";
 import { BaseBadgeSlot, BaseContainer, BaseHeader, BaseIconWrapper, BaseSubHeader, BaseTextContainer } from "./BaseNode.styles.js";
+import { useBaseNodeOverrideConfig } from "./BaseNodeConfigContext.js";
 import { NodeLabel } from "./NodeLabel.js";
 const selectIsConnecting = (state)=>!!state.connectionClickStartHandle;
 const BaseNodeComponent = (props)=>{
-    const { type, data, selected, id, dragging, width, height, onHandleAction: onHandleActionProp, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = props;
+    const { type, data, selected, id, dragging, width, height } = props;
+    const { onHandleAction: onHandleActionProp, 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);

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

@@ -1,9 +1,5 @@
-import type { HandleGroupManifest } from '../../schema/node-definition';
 import type { NodeShape } from '../../schema';
 import type { ExecutionState } from '../../types/execution';
-import type { HandleActionEvent } from '../ButtonHandle/ButtonHandle';
-import type { NodeToolbarConfig } from '../Toolbar';
-import type { Node, NodeProps } from '@xyflow/react';
 export type FooterVariant = 'none' | 'button' | 'single' | 'double';
 export interface BaseNodeData extends Record<string, unknown> {
     display?: {
@@ -33,28 +29,4 @@ export interface NodeStatusContext {
     isSelected?: boolean;
     isDragging?: boolean;
 }
-export interface BaseNodeComponentProps extends NodeProps<Node<BaseNodeData>> {
-    onHandleAction?: (event: HandleActionEvent) => void;
-    shouldShowAddButtonFn?: (opts: {
-        showAddButton: boolean;
-        selected: boolean;
-    }) => boolean;
-    shouldShowButtonHandleNotchesFn?: (opts: {
-        isConnecting: boolean;
-        isSelected: boolean;
-        isHovered: boolean;
-    }) => boolean;
-    toolbarConfig?: NodeToolbarConfig | null;
-    handleConfigurations?: HandleGroupManifest[];
-    adornments?: NodeAdornments;
-    suggestionType?: 'add' | 'update' | 'delete';
-    disabled?: boolean;
-    executionStatusOverride?: string;
-    labelTooltip?: string;
-    labelBackgroundColor?: string;
-    footerVariant?: FooterVariant;
-    footerComponent?: React.ReactNode;
-    subLabelComponent?: React.ReactNode;
-    iconComponent?: React.ReactNode;
-}
 //# sourceMappingURL=BaseNode.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpE,MAAM,WAAW,YAAa,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3D,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAOF,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAoBD,MAAM,WAAW,sBAAuB,SAAQ,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAS3E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAMpD,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,aAAa,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC;IAMzF,+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;IAad,aAAa,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAMzC,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAQ7C,UAAU,CAAC,EAAE,cAAc,CAAC;IAU5B,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAM7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IASjC,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAK9B,aAAa,CAAC,EAAE,aAAa,CAAC;IAM9B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAMlC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAMpC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC"}
+{"version":3,"file":"BaseNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpE,MAAM,WAAW,YAAa,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3D,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAOF,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

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

@@ -0,0 +1,45 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useBaseNodeOverrideConfig: ()=>useBaseNodeOverrideConfig,
+    BaseNodeOverrideConfigProvider: ()=>BaseNodeOverrideConfigProvider
+});
+const external_react_namespaceObject = require("react");
+const EMPTY_CONFIG = {};
+const BaseNodeOverrideConfigContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(EMPTY_CONFIG);
+const BaseNodeOverrideConfigProvider = BaseNodeOverrideConfigContext.Provider;
+function useBaseNodeOverrideConfig() {
+    return (0, external_react_namespaceObject.useContext)(BaseNodeOverrideConfigContext);
+}
+exports.BaseNodeOverrideConfigProvider = __webpack_exports__.BaseNodeOverrideConfigProvider;
+exports.useBaseNodeOverrideConfig = __webpack_exports__.useBaseNodeOverrideConfig;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "BaseNodeOverrideConfigProvider",
+    "useBaseNodeOverrideConfig"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,31 @@
+import type { HandleGroupManifest } from '../../schema/node-definition';
+import type { HandleActionEvent } from '../ButtonHandle/ButtonHandle';
+import type { NodeToolbarConfig } from '../Toolbar';
+import type { FooterVariant, NodeAdornments } from './BaseNode.types';
+export interface BaseNodeOverrideConfig {
+    onHandleAction?: (event: HandleActionEvent) => void;
+    shouldShowAddButtonFn?: (opts: {
+        showAddButton: boolean;
+        selected: boolean;
+    }) => boolean;
+    shouldShowButtonHandleNotchesFn?: (opts: {
+        isConnecting: boolean;
+        isSelected: boolean;
+        isHovered: boolean;
+    }) => boolean;
+    toolbarConfig?: NodeToolbarConfig | null;
+    handleConfigurations?: HandleGroupManifest[];
+    adornments?: NodeAdornments;
+    suggestionType?: 'add' | 'update' | 'delete';
+    disabled?: boolean;
+    executionStatusOverride?: string;
+    labelTooltip?: string;
+    labelBackgroundColor?: string;
+    footerVariant?: FooterVariant;
+    footerComponent?: React.ReactNode;
+    subLabelComponent?: React.ReactNode;
+    iconComponent?: React.ReactNode;
+}
+export declare const BaseNodeOverrideConfigProvider: import("react").Provider<BaseNodeOverrideConfig>;
+export declare function useBaseNodeOverrideConfig(): BaseNodeOverrideConfig;
+//# sourceMappingURL=BaseNodeConfigContext.d.ts.map

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

@@ -0,0 +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,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtE,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;IACpD,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,MAAM,CAAC;IAGjC,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/BaseNodeConfigContext.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from "react";
+const EMPTY_CONFIG = {};
+const BaseNodeOverrideConfigContext = /*#__PURE__*/ createContext(EMPTY_CONFIG);
+const BaseNodeOverrideConfigProvider = BaseNodeOverrideConfigContext.Provider;
+function useBaseNodeOverrideConfig() {
+    return useContext(BaseNodeOverrideConfigContext);
+}
+export { BaseNodeOverrideConfigProvider, useBaseNodeOverrideConfig };

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

@@ -6,6 +6,9 @@ var __webpack_modules__ = {
     "./BaseNode.types": function(module) {
         module.exports = require("./BaseNode.types.cjs");
     },
+    "./BaseNodeConfigContext": function(module) {
+        module.exports = require("./BaseNodeConfigContext.cjs");
+    },
     "./useNodeCollapse": function(module) {
         module.exports = require("./useNodeCollapse.cjs");
     }
@@ -65,10 +68,16 @@ var __webpack_exports__ = {};
         return _BaseNode_types__WEBPACK_IMPORTED_MODULE_1__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _useNodeCollapse__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./useNodeCollapse");
+    var _BaseNodeConfigContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./BaseNodeConfigContext");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _BaseNodeConfigContext__WEBPACK_IMPORTED_MODULE_2__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _BaseNodeConfigContext__WEBPACK_IMPORTED_MODULE_2__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _useNodeCollapse__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./useNodeCollapse");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _useNodeCollapse__WEBPACK_IMPORTED_MODULE_2__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _useNodeCollapse__WEBPACK_IMPORTED_MODULE_2__[key];
+    for(var __WEBPACK_IMPORT_KEY__ in _useNodeCollapse__WEBPACK_IMPORTED_MODULE_3__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _useNodeCollapse__WEBPACK_IMPORTED_MODULE_3__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
 })();

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

@@ -1,4 +1,5 @@
 export * from './BaseNode';
 export * from './BaseNode.types';
+export * from './BaseNodeConfigContext';
 export * from './useNodeCollapse';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}

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

@@ -1,3 +1,4 @@
 export * from "./BaseNode.js";
 export * from "./BaseNode.types.js";
+export * from "./BaseNodeConfigContext.js";
 export * from "./useNodeCollapse.js";

package/dist/canvas/components/CodedAgent/CodedAgentFlow.cjs

@@ -49,6 +49,7 @@ const d3_layout_cjs_namespaceObject = require("../../utils/coded-agents/d3-layou
 const mermaid_parser_cjs_namespaceObject = require("../../utils/coded-agents/mermaid-parser.cjs");
 const external_BaseCanvas_index_cjs_namespaceObject = require("../BaseCanvas/index.cjs");
 const BaseNode_cjs_namespaceObject = require("../BaseNode/BaseNode.cjs");
+const BaseNodeConfigContext_cjs_namespaceObject = require("../BaseNode/BaseNodeConfigContext.cjs");
 const external_CanvasPositionControls_cjs_namespaceObject = require("../CanvasPositionControls.cjs");
 const NodeRegistryProvider_cjs_namespaceObject = require("../../core/NodeRegistryProvider.cjs");
 const external_coded_agent_manifest_cjs_namespaceObject = require("./coded-agent.manifest.cjs");
@@ -155,39 +156,48 @@ const createCodedAgentNodeWrapper = (translations = external_types_cjs_namespace
             nodeData.hasSuccess,
             nodeData.hasRunning
         ]);
-        const handleConfigurations = [
-            {
-                position: react_cjs_namespaceObject.Position.Left,
-                handles: leftTargetHandle,
-                visible: true
-            },
-            {
-                position: react_cjs_namespaceObject.Position.Right,
-                handles: rightSourceHandle,
-                visible: true
-            }
-        ];
-        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
-            ...nodeProps,
-            type: "uipath.coded.agent",
-            id: id,
-            selected: selected,
-            data: {
-                ...nodeData,
-                display: {
-                    label: nodeData.label,
-                    subLabel: translations.codedAgentStep,
-                    shape: 'rectangle'
+        const handleConfigurations = (0, external_react_namespaceObject.useMemo)(()=>[
+                {
+                    position: react_cjs_namespaceObject.Position.Left,
+                    handles: leftTargetHandle,
+                    visible: true
                 },
+                {
+                    position: react_cjs_namespaceObject.Position.Right,
+                    handles: rightSourceHandle,
+                    visible: true
+                }
+            ], []);
+        const baseNodeConfig = (0, external_react_namespaceObject.useMemo)(()=>({
                 executionStatusOverride: executionStatus,
                 handleConfigurations,
                 adornments: {
                     topRight: statusAdornment
+                },
+                iconComponent: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.CodedAgentIcon, {
+                    w: 40,
+                    h: 40
+                })
+            }), [
+            executionStatus,
+            handleConfigurations,
+            statusAdornment
+        ]);
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeConfigContext_cjs_namespaceObject.BaseNodeOverrideConfigProvider, {
+            value: baseNodeConfig,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
+                ...nodeProps,
+                type: "uipath.coded.agent",
+                id: id,
+                selected: selected,
+                data: {
+                    ...nodeData,
+                    display: {
+                        label: nodeData.label,
+                        subLabel: translations.codedAgentStep,
+                        shape: 'rectangle'
+                    }
                 }
-            },
-            iconComponent: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.CodedAgentIcon, {
-                w: 40,
-                h: 40
             })
         });
     });
@@ -244,41 +254,51 @@ const CodedResourceNodeElement = /*#__PURE__*/ (0, external_react_namespaceObjec
         nodeData.hasSuccess,
         nodeData.hasRunning
     ]);
-    const handleConfigurations = [
-        {
-            position: react_cjs_namespaceObject.Position.Left,
-            handles: leftTargetHandle,
-            visible: true
-        },
-        {
-            position: react_cjs_namespaceObject.Position.Right,
-            handles: rightSourceHandle,
-            visible: true
-        }
-    ];
+    const handleConfigurations = (0, external_react_namespaceObject.useMemo)(()=>[
+            {
+                position: react_cjs_namespaceObject.Position.Left,
+                handles: leftTargetHandle,
+                visible: true
+            },
+            {
+                position: react_cjs_namespaceObject.Position.Right,
+                handles: rightSourceHandle,
+                visible: true
+            }
+        ], []);
+    const baseNodeConfig = (0, external_react_namespaceObject.useMemo)(()=>({
+            executionStatusOverride: executionStatus,
+            handleConfigurations,
+            adornments: {
+                topRight: statusAdornment
+            },
+            iconComponent: resourceIcon
+        }), [
+        executionStatus,
+        handleConfigurations,
+        statusAdornment,
+        resourceIcon
+    ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         style: {
             position: 'relative'
         },
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
-                ...nodeProps,
-                type: "uipath.coded.resource",
-                id: id,
-                selected: selected,
-                data: {
-                    ...nodeData,
-                    display: {
-                        label: void 0,
-                        shape: 'circle'
-                    },
-                    executionStatusOverride: executionStatus,
-                    handleConfigurations,
-                    adornments: {
-                        topRight: statusAdornment
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeConfigContext_cjs_namespaceObject.BaseNodeOverrideConfigProvider, {
+                value: baseNodeConfig,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
+                    ...nodeProps,
+                    type: "uipath.coded.resource",
+                    id: id,
+                    selected: selected,
+                    data: {
+                        ...nodeData,
+                        display: {
+                            label: void 0,
+                            shape: 'circle'
+                        }
                     }
-                },
-                iconComponent: resourceIcon
+                })
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TextContainer, {
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
@@ -308,24 +328,29 @@ const CodedFlowNodeElement = /*#__PURE__*/ (0, external_react_namespaceObject.me
             }
         ];
         const nodeType = isStart ? 'uipath.coded.flow.start' : 'uipath.coded.flow.end';
+        const config = {
+            handleConfigurations: handleConfigs
+        };
         return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
             style: {
                 position: 'relative'
             },
             children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
-                    ...nodeProps,
-                    type: nodeType,
-                    id: id,
-                    selected: selected,
-                    data: {
-                        ...nodeData,
-                        display: {
-                            label: void 0,
-                            shape: 'square'
-                        },
-                        handleConfigurations: handleConfigs
-                    }
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeConfigContext_cjs_namespaceObject.BaseNodeOverrideConfigProvider, {
+                    value: config,
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
+                        ...nodeProps,
+                        type: nodeType,
+                        id: id,
+                        selected: selected,
+                        data: {
+                            ...nodeData,
+                            display: {
+                                label: void 0,
+                                shape: 'square'
+                            }
+                        }
+                    })
                 }),
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TextContainer, {
                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
@@ -349,20 +374,25 @@ const CodedFlowNodeElement = /*#__PURE__*/ (0, external_react_namespaceObject.me
             visible: true
         }
     ];
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
-        ...nodeProps,
-        type: "uipath.coded.flow.node",
-        id: id,
-        selected: selected,
-        data: {
-            ...nodeData,
-            display: {
-                label: nodeData.label,
-                shape: 'rectangle'
-            },
-            handleConfigurations: handleConfigs
-        },
+    const config = {
+        handleConfigurations: handleConfigs,
         iconComponent: null
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeConfigContext_cjs_namespaceObject.BaseNodeOverrideConfigProvider, {
+        value: config,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
+            ...nodeProps,
+            type: "uipath.coded.flow.node",
+            id: id,
+            selected: selected,
+            data: {
+                ...nodeData,
+                display: {
+                    label: nodeData.label,
+                    shape: 'rectangle'
+                }
+            }
+        })
     });
 });
 const edgeTypes = {

package/dist/canvas/components/CodedAgent/CodedAgentFlow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodedAgentFlow.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CodedAgent/CodedAgentFlow.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,EAEZ,KAAK,YAAY,EAMlB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAElF,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAE7F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AA6SnD,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,qBAAqB,CAAC,EAAE,0BAA0B,CAAC;IACnD,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAC5B;AAqKD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,KAAG,YAQ3D,CAAC"}
+{"version":3,"file":"CodedAgentFlow.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CodedAgent/CodedAgentFlow.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,EAEZ,KAAK,YAAY,EAMlB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAElF,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAE7F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AA2UnD,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,qBAAqB,CAAC,EAAE,0BAA0B,CAAC;IACnD,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAC5B;AAqKD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,KAAG,YAQ3D,CAAC"}