@uipath/apollo-react 3.60.4 → 3.61.1

package/dist/canvas/components/AddNodePanel/AddNodePanel.stories.cjs

@@ -102,7 +102,7 @@ const NODE_OPTIONS = [
             type: 'ai-agent',
             category: 'AI'
         },
-        description: 'Autonomous AI assistant'
+        description: 'Autonomous AI assistant that processes complex multi-step workflows end to end'
     },
     {
         id: '5',
@@ -114,7 +114,7 @@ const NODE_OPTIONS = [
             type: 'openai',
             category: 'AI'
         },
-        description: 'GPT models integration'
+        description: 'GPT models integration for natural language processing and text generation tasks'
     },
     {
         id: '6',
@@ -126,7 +126,7 @@ const NODE_OPTIONS = [
             type: 'data-extractor',
             category: 'Data'
         },
-        description: 'Extract data from documents'
+        description: 'Extract structured data from documents, PDFs, images, and scanned files automatically'
     },
     {
         id: '7',

package/dist/canvas/components/AddNodePanel/AddNodePanel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddNodePanel.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodePanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAkB5D,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AASjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAUnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAgQ3C,eAAO,MAAM,gBAAgB,EAAE,KAG9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAG/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAYlC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAmBvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAepC,CAAC"}
+{"version":3,"file":"AddNodePanel.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodePanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAkB5D,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AASjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAUnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAiQ3C,eAAO,MAAM,gBAAgB,EAAE,KAG9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAG/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAYlC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAmBvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAepC,CAAC"}

package/dist/canvas/components/AddNodePanel/AddNodePanel.stories.js

@@ -69,7 +69,7 @@ const NODE_OPTIONS = [
             type: 'ai-agent',
             category: 'AI'
         },
-        description: 'Autonomous AI assistant'
+        description: 'Autonomous AI assistant that processes complex multi-step workflows end to end'
     },
     {
         id: '5',
@@ -81,7 +81,7 @@ const NODE_OPTIONS = [
             type: 'openai',
             category: 'AI'
         },
-        description: 'GPT models integration'
+        description: 'GPT models integration for natural language processing and text generation tasks'
     },
     {
         id: '6',
@@ -93,7 +93,7 @@ const NODE_OPTIONS = [
             type: 'data-extractor',
             category: 'Data'
         },
-        description: 'Extract data from documents'
+        description: 'Extract structured data from documents, PDFs, images, and scanned files automatically'
     },
     {
         id: '7',

package/dist/canvas/components/StageNode/DraggableTask.cjs

@@ -1,5 +1,14 @@
 "use strict";
 var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __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, {
@@ -33,7 +42,10 @@ const utilities_namespaceObject = require("@dnd-kit/utilities");
 const apollo_core_namespaceObject = require("@uipath/apollo-core");
 const index_cjs_namespaceObject = require("../../layouts/index.cjs");
 const external_material_index_cjs_namespaceObject = require("../../../material/index.cjs");
+const external_debounce_namespaceObject = require("debounce");
+var external_debounce_default = /*#__PURE__*/ __webpack_require__.n(external_debounce_namespaceObject);
 const external_react_namespaceObject = require("react");
+const external_icons_index_cjs_namespaceObject = require("../../icons/index.cjs");
 const external_ExecutionStatusIcon_index_cjs_namespaceObject = require("../ExecutionStatusIcon/index.cjs");
 const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
 const external_TaskMenu_cjs_namespaceObject = require("./TaskMenu.cjs");
@@ -170,10 +182,11 @@ const TaskContent = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ ta
             ]
         })
     }));
-const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, contextMenuItems, onTaskClick, onMenuOpen, isDragDisabled, projectedDepth, zoom = 1 })=>{
+const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, contextMenuItems, onTaskClick, onMenuOpen, onTaskPlay, isDragDisabled, projectedDepth, zoom = 1 })=>{
     const [isMenuOpen, setIsMenuOpen] = (0, external_react_namespaceObject.useState)(false);
     const taskRef = (0, external_react_namespaceObject.useRef)(null);
     const menuRef = (0, external_react_namespaceObject.useRef)(null);
+    const [playLoading, setPlayLoading] = (0, external_react_namespaceObject.useState)(false);
     const handleClick = (0, external_react_namespaceObject.useCallback)((e)=>{
         if (isMenuOpen) return;
         onTaskClick(e, task.id);
@@ -185,6 +198,26 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, c
     const handleMenuOpenChange = (0, external_react_namespaceObject.useCallback)((isOpen)=>{
         setIsMenuOpen(isOpen);
     }, []);
+    const debouncedTaskPlay = (0, external_react_namespaceObject.useMemo)(()=>onTaskPlay ? external_debounce_default()(async (taskId)=>{
+            setPlayLoading(true);
+            try {
+                await onTaskPlay(taskId);
+            } catch  {} finally{
+                setPlayLoading(false);
+            }
+        }, 500, {
+            immediate: true
+        }) : void 0, [
+        onTaskPlay
+    ]);
+    const handlePlayClick = (0, external_react_namespaceObject.useCallback)((e)=>{
+        e.stopPropagation();
+        e.preventDefault();
+        debouncedTaskPlay?.(task.id);
+    }, [
+        debouncedTaskPlay,
+        task.id
+    ]);
     const handleContextMenu = (0, external_react_namespaceObject.useCallback)((e)=>{
         menuRef.current?.handleContextMenu(e);
     }, []);
@@ -241,6 +274,45 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, c
                 task: task,
                 taskExecution: taskExecution
             }),
+            task.isAdhoc && onTaskPlay && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTooltip, {
+                content: "Trigger task",
+                placement: "top",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApIconButton, {
+                    "data-testid": `stage-task-play-${task.id}`,
+                    onClick: handlePlayClick,
+                    onMouseDown: (e)=>e.stopPropagation(),
+                    className: "task-menu-icon-button",
+                    sx: {
+                        color: 'var(--uix-canvas-primary) !important',
+                        minWidth: 'unset !important',
+                        width: `${apollo_core_namespaceObject.Spacing.SpacingXl} !important`,
+                        height: `${apollo_core_namespaceObject.Spacing.SpacingXl} !important`,
+                        padding: '0 !important'
+                    },
+                    children: playLoading ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApCircularProgress, {
+                        size: 20
+                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icons_index_cjs_namespaceObject.PlayIcon, {
+                        w: 20,
+                        h: 20
+                    })
+                })
+            }),
+            task.isAdhoc && !onTaskPlay && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTooltip, {
+                content: "Entry condition",
+                placement: "top",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        color: 'var(--color-icon-default)',
+                        flexShrink: 0
+                    },
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icons_index_cjs_namespaceObject.EntryConditionIcon, {
+                        w: 20,
+                        h: 20
+                    })
+                })
+            }),
             contextMenuItems.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskMenu_cjs_namespaceObject.TaskMenu, {
                 ref: menuRef,
                 taskId: task.id,

package/dist/canvas/components/StageNode/DraggableTask.d.ts

@@ -1,4 +1,4 @@
 import type { DraggableTaskProps, TaskContentProps } from './DraggableTask.types';
 export declare const TaskContent: import("react").MemoExoticComponent<({ task, taskExecution, isDragging }: TaskContentProps) => import("react/jsx-runtime").JSX.Element>;
-export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel, contextMenuItems, onTaskClick, onMenuOpen, isDragDisabled, projectedDepth, zoom, }: DraggableTaskProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel, contextMenuItems, onTaskClick, onMenuOpen, onTaskPlay, isDragDisabled, projectedDepth, zoom, }: DraggableTaskProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=DraggableTask.d.ts.map

package/dist/canvas/components/StageNode/DraggableTask.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAgClF,eAAO,MAAM,WAAW,4EAA8C,gBAAgB,6CAwEpF,CAAC;AAoHH,eAAO,MAAM,aAAa,0KAvGvB,kBAAkB,6CAuGoC,CAAC"}
+{"version":3,"file":"DraggableTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAgClF,eAAO,MAAM,WAAW,4EAA8C,gBAAgB,6CAwEpF,CAAC;AAqLH,eAAO,MAAM,aAAa,sLAvKvB,kBAAkB,6CAuKoC,CAAC"}

package/dist/canvas/components/StageNode/DraggableTask.js

@@ -3,8 +3,10 @@ import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { FontVariantToken, Padding, Spacing } from "@uipath/apollo-core";
 import { Column, Row } from "../../layouts/index.js";
-import { ApBadge, ApIconButton, ApTooltip, ApTypography, BadgeSize } from "../../../material/index.js";
+import { ApBadge, ApCircularProgress, ApIconButton, ApTooltip, ApTypography, BadgeSize } from "../../../material/index.js";
+import debounce from "debounce";
 import { memo, useCallback, useMemo, useRef, useState } from "react";
+import { EntryConditionIcon, PlayIcon } from "../../icons/index.js";
 import { ExecutionStatusIcon } from "../ExecutionStatusIcon/index.js";
 import { INDENTATION_WIDTH, StageTask, StageTaskDragPlaceholder, StageTaskDragPlaceholderWrapper, StageTaskIcon, StageTaskRetryDuration, StageTaskWrapper } from "./StageNode.styles.js";
 import { TaskMenu } from "./TaskMenu.js";
@@ -141,10 +143,11 @@ const TaskContent = /*#__PURE__*/ memo(({ task, taskExecution, isDragging })=>/*
             ]
         })
     }));
-const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, contextMenuItems, onTaskClick, onMenuOpen, isDragDisabled, projectedDepth, zoom = 1 })=>{
+const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, contextMenuItems, onTaskClick, onMenuOpen, onTaskPlay, isDragDisabled, projectedDepth, zoom = 1 })=>{
     const [isMenuOpen, setIsMenuOpen] = useState(false);
     const taskRef = useRef(null);
     const menuRef = useRef(null);
+    const [playLoading, setPlayLoading] = useState(false);
     const handleClick = useCallback((e)=>{
         if (isMenuOpen) return;
         onTaskClick(e, task.id);
@@ -156,6 +159,26 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, c
     const handleMenuOpenChange = useCallback((isOpen)=>{
         setIsMenuOpen(isOpen);
     }, []);
+    const debouncedTaskPlay = useMemo(()=>onTaskPlay ? debounce(async (taskId)=>{
+            setPlayLoading(true);
+            try {
+                await onTaskPlay(taskId);
+            } catch  {} finally{
+                setPlayLoading(false);
+            }
+        }, 500, {
+            immediate: true
+        }) : void 0, [
+        onTaskPlay
+    ]);
+    const handlePlayClick = useCallback((e)=>{
+        e.stopPropagation();
+        e.preventDefault();
+        debouncedTaskPlay?.(task.id);
+    }, [
+        debouncedTaskPlay,
+        task.id
+    ]);
     const handleContextMenu = useCallback((e)=>{
         menuRef.current?.handleContextMenu(e);
     }, []);
@@ -212,6 +235,45 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, c
                 task: task,
                 taskExecution: taskExecution
             }),
+            task.isAdhoc && onTaskPlay && /*#__PURE__*/ jsx(ApTooltip, {
+                content: "Trigger task",
+                placement: "top",
+                children: /*#__PURE__*/ jsx(ApIconButton, {
+                    "data-testid": `stage-task-play-${task.id}`,
+                    onClick: handlePlayClick,
+                    onMouseDown: (e)=>e.stopPropagation(),
+                    className: "task-menu-icon-button",
+                    sx: {
+                        color: 'var(--uix-canvas-primary) !important',
+                        minWidth: 'unset !important',
+                        width: `${Spacing.SpacingXl} !important`,
+                        height: `${Spacing.SpacingXl} !important`,
+                        padding: '0 !important'
+                    },
+                    children: playLoading ? /*#__PURE__*/ jsx(ApCircularProgress, {
+                        size: 20
+                    }) : /*#__PURE__*/ jsx(PlayIcon, {
+                        w: 20,
+                        h: 20
+                    })
+                })
+            }),
+            task.isAdhoc && !onTaskPlay && /*#__PURE__*/ jsx(ApTooltip, {
+                content: "Entry condition",
+                placement: "top",
+                children: /*#__PURE__*/ jsx("span", {
+                    style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        color: 'var(--color-icon-default)',
+                        flexShrink: 0
+                    },
+                    children: /*#__PURE__*/ jsx(EntryConditionIcon, {
+                        w: 20,
+                        h: 20
+                    })
+                })
+            }),
             contextMenuItems.length > 0 && /*#__PURE__*/ jsx(TaskMenu, {
                 ref: menuRef,
                 taskId: task.id,

package/dist/canvas/components/StageNode/DraggableTask.types.d.ts

@@ -13,6 +13,7 @@ export interface DraggableTaskProps {
     contextMenuItems: NodeMenuItem[];
     onTaskClick: (e: React.MouseEvent, taskId: string) => void;
     onMenuOpen?: () => void;
+    onTaskPlay?: (taskId: string) => Promise<void>;
     isDragDisabled?: boolean;
     projectedDepth?: number;
     zoom?: number;

package/dist/canvas/components/StageNode/DraggableTask.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableTask.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE3E,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"DraggableTask.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE3E,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/canvas/components/StageNode/StageNode.cjs

@@ -47,7 +47,7 @@ const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.style
 const external_StageNode_utils_cjs_namespaceObject = require("./StageNode.utils.cjs");
 const external_StageNodeTaskUtilities_cjs_namespaceObject = require("./StageNodeTaskUtilities.cjs");
 const StageNodeComponent = (props)=>{
-    const { dragging, selected, id, width, execution, stageDetails, addTaskLabel = 'Add task', addTaskLoading = false, replaceTaskLabel = 'Replace task', taskOptions = [], menuItems, pendingReplaceTask, onStageClick, onTaskAdd, onAddTaskFromToolbox, onTaskToolboxSearch, onTaskClick, onTaskGroupModification, onStageTitleChange, onTaskReorder, onReplaceTaskFromToolbox } = props;
+    const { dragging, selected, id, width, execution, stageDetails, addTaskLabel = 'Add task', addTaskLoading = false, replaceTaskLabel = 'Replace task', taskOptions = [], menuItems, pendingReplaceTask, onStageClick, onTaskAdd, onAddTaskFromToolbox, onTaskToolboxSearch, onTaskClick, onTaskGroupModification, onStageTitleChange, onTaskReorder, onReplaceTaskFromToolbox, onTaskPlay } = props;
     const taskWidth = width ? width - external_StageNode_styles_cjs_namespaceObject.STAGE_CONTENT_INSET : void 0;
     const tasks = (0, external_react_namespaceObject.useMemo)(()=>stageDetails?.tasks || [], [
         stageDetails?.tasks
@@ -539,6 +539,7 @@ const StageNodeComponent = (props)=>{
                                                                     contextMenuItems: contextMenuItems(isParallel, groupIndex, taskIndex, tasks.length, taskGroup.length, (tasks[groupIndex - 1]?.length ?? 0) > 1, (tasks[groupIndex + 1]?.length ?? 0) > 1),
                                                                     onTaskClick: handleTaskClick,
                                                                     projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
+                                                                    onTaskPlay: onTaskPlay,
                                                                     isDragDisabled: !onTaskReorder,
                                                                     zoom: zoom,
                                                                     ...(onTaskGroupModification || onReplaceTaskFromToolbox) && {

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

@@ -1 +1 @@
-{"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAopBxD,eAAO,MAAM,SAAS,8CA1oBa,cAAc,6CA0oBA,CAAC"}
+{"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAspBxD,eAAO,MAAM,SAAS,8CA5oBa,cAAc,6CA4oBA,CAAC"}

package/dist/canvas/components/StageNode/StageNode.js

@@ -19,7 +19,7 @@ import { INDENTATION_WIDTH, STAGE_CONTENT_INSET, StageContainer, StageContent, S
 import { flattenTasks, getProjection, reorderTasks } from "./StageNode.utils.js";
 import { getContextMenuItems, getDivider, getMenuItem } from "./StageNodeTaskUtilities.js";
 const StageNodeComponent = (props)=>{
-    const { dragging, selected, id, width, execution, stageDetails, addTaskLabel = 'Add task', addTaskLoading = false, replaceTaskLabel = 'Replace task', taskOptions = [], menuItems, pendingReplaceTask, onStageClick, onTaskAdd, onAddTaskFromToolbox, onTaskToolboxSearch, onTaskClick, onTaskGroupModification, onStageTitleChange, onTaskReorder, onReplaceTaskFromToolbox } = props;
+    const { dragging, selected, id, width, execution, stageDetails, addTaskLabel = 'Add task', addTaskLoading = false, replaceTaskLabel = 'Replace task', taskOptions = [], menuItems, pendingReplaceTask, onStageClick, onTaskAdd, onAddTaskFromToolbox, onTaskToolboxSearch, onTaskClick, onTaskGroupModification, onStageTitleChange, onTaskReorder, onReplaceTaskFromToolbox, onTaskPlay } = props;
     const taskWidth = width ? width - STAGE_CONTENT_INSET : void 0;
     const tasks = useMemo(()=>stageDetails?.tasks || [], [
         stageDetails?.tasks
@@ -511,6 +511,7 @@ const StageNodeComponent = (props)=>{
                                                                     contextMenuItems: contextMenuItems(isParallel, groupIndex, taskIndex, tasks.length, taskGroup.length, (tasks[groupIndex - 1]?.length ?? 0) > 1, (tasks[groupIndex + 1]?.length ?? 0) > 1),
                                                                     onTaskClick: handleTaskClick,
                                                                     projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
+                                                                    onTaskPlay: onTaskPlay,
                                                                     isDragDisabled: !onTaskReorder,
                                                                     zoom: zoom,
                                                                     ...(onTaskGroupModification || onReplaceTaskFromToolbox) && {

package/dist/canvas/components/StageNode/StageNode.stories.cjs

@@ -27,8 +27,9 @@ __webpack_require__.d(__webpack_exports__, {
     DraggableTaskReordering: ()=>DraggableTaskReordering,
     default: ()=>StageNode_stories,
     LoanProcessingWorkflow: ()=>LoanProcessingWorkflow,
-    InteractiveTaskManagement: ()=>InteractiveTaskManagement,
     AddTaskLoading: ()=>AddTaskLoading,
+    AdhocTasks: ()=>AdhocTasks,
+    InteractiveTaskManagement: ()=>InteractiveTaskManagement,
     EditableStageTitle: ()=>EditableStageTitle,
     WithTaskIcons: ()=>WithTaskIcons,
     Default: ()=>Default,
@@ -2075,8 +2076,146 @@ const AddTaskLoading = {
     render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AddTaskLoadingStory, {}),
     args: {}
 };
+const AdhocTasks = {
+    name: 'Adhoc Tasks',
+    parameters: {
+        nodes: [
+            {
+                id: '0',
+                type: 'stage',
+                position: {
+                    x: 48,
+                    y: 96
+                },
+                width: 304,
+                data: {
+                    stageDetails: {
+                        label: 'With onTaskPlay',
+                        tasks: [
+                            [
+                                {
+                                    id: '1',
+                                    label: 'Adhoc - KYC Check',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VerificationIcon, {}),
+                                    isAdhoc: true
+                                }
+                            ],
+                            [
+                                {
+                                    id: '2',
+                                    label: 'Adhoc - Document Review',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DocumentIcon, {}),
+                                    isAdhoc: true
+                                }
+                            ],
+                            [
+                                {
+                                    id: '3',
+                                    label: 'Regular Task',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ProcessIcon, {})
+                                }
+                            ]
+                        ]
+                    },
+                    onTaskPlay: (taskId)=>new Promise((resolve)=>setTimeout(()=>{
+                                resolve();
+                                console.log(`Play task: ${taskId}`);
+                            }, 5000)),
+                    onTaskClick: (taskId)=>{
+                        window.alert(`Task clicked: ${taskId}`);
+                    }
+                }
+            },
+            {
+                id: '1',
+                type: 'stage',
+                position: {
+                    x: 400,
+                    y: 96
+                },
+                width: 304,
+                data: {
+                    stageDetails: {
+                        label: 'Without onTaskPlay',
+                        tasks: [
+                            [
+                                {
+                                    id: '1',
+                                    label: 'Adhoc - Risk Assessment',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VerificationIcon, {}),
+                                    isAdhoc: true
+                                }
+                            ],
+                            [
+                                {
+                                    id: '2',
+                                    label: 'Adhoc - Compliance Review',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DocumentIcon, {}),
+                                    isAdhoc: true
+                                }
+                            ],
+                            [
+                                {
+                                    id: '3',
+                                    label: 'Regular Task',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ProcessIcon, {})
+                                }
+                            ]
+                        ]
+                    },
+                    onTaskClick: (taskId)=>{
+                        window.alert(`Task clicked: ${taskId}`);
+                    }
+                }
+            },
+            {
+                id: '2',
+                type: 'stage',
+                position: {
+                    x: 752,
+                    y: 96
+                },
+                width: 304,
+                data: {
+                    stageDetails: {
+                        label: 'Mixed with Parallel',
+                        isReadOnly: true,
+                        tasks: [
+                            [
+                                {
+                                    id: '1',
+                                    label: 'Adhoc - Verify Address',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VerificationIcon, {}),
+                                    isAdhoc: true
+                                },
+                                {
+                                    id: '2',
+                                    label: 'Adhoc - Verify Identity',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VerificationIcon, {}),
+                                    isAdhoc: true
+                                }
+                            ],
+                            [
+                                {
+                                    id: '3',
+                                    label: 'Regular Processing',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ProcessIcon, {})
+                                }
+                            ]
+                        ]
+                    },
+                    onTaskPlay: (taskId)=>{
+                        console.log(`Play task: ${taskId}`);
+                    }
+                }
+            }
+        ]
+    },
+    args: {}
+};
 exports.AddAndReplaceTasks = __webpack_exports__.AddAndReplaceTasks;
 exports.AddTaskLoading = __webpack_exports__.AddTaskLoading;
+exports.AdhocTasks = __webpack_exports__.AdhocTasks;
 exports.Default = __webpack_exports__.Default;
 exports.DraggableTaskReordering = __webpack_exports__.DraggableTaskReordering;
 exports.EditableStageTitle = __webpack_exports__.EditableStageTitle;
@@ -2088,6 +2227,7 @@ exports["default"] = __webpack_exports__["default"];
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "AddAndReplaceTasks",
     "AddTaskLoading",
+    "AdhocTasks",
     "Default",
     "DraggableTaskReordering",
     "EditableStageTitle",

package/dist/canvas/components/StageNode/StageNode.stories.d.ts

@@ -12,4 +12,5 @@ export declare const DraggableTaskReordering: Story;
 export declare const AddAndReplaceTasks: Story;
 export declare const EditableStageTitle: Story;
 export declare const AddTaskLoading: Story;
+export declare const AdhocTasks: Story;
 //# sourceMappingURL=StageNode.stories.d.ts.map

package/dist/canvas/components/StageNode/StageNode.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAyBvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA0FD,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4CnC,eAAO,MAAM,OAAO,EAAE,KAoHrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsE3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8M7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KA+HvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAoKpC,CAAC;AA8GF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAkVF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AA2HF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAiJF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC"}
+{"version":3,"file":"StageNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAyBvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA0FD,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4CnC,eAAO,MAAM,OAAO,EAAE,KAoHrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsE3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8M7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KA+HvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAoKpC,CAAC;AA8GF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAkVF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AA2HF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAiJF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAiHxB,CAAC"}