@uipath/apollo-react 3.44.0 → 3.44.2-pr255.af80ea0

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

@@ -0,0 +1,558 @@
+"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__, {
+    WithExecutionStatus: ()=>WithExecutionStatus,
+    Basic: ()=>Basic,
+    default: ()=>TaskNode_stories,
+    ParallelTasks: ()=>ParallelTasks
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
+const external_react_namespaceObject = require("react");
+const CrossStageDragContext_cjs_namespaceObject = require("../../hooks/CrossStageDragContext.cjs");
+const useCrossStageTaskDrag_cjs_namespaceObject = require("../../hooks/useCrossStageTaskDrag.cjs");
+const useTaskCopyPaste_cjs_namespaceObject = require("../../hooks/useTaskCopyPaste.cjs");
+const external_types_cjs_namespaceObject = require("../../types.cjs");
+const index_cjs_namespaceObject = require("../BaseCanvas/index.cjs");
+const external_CanvasPositionControls_cjs_namespaceObject = require("../CanvasPositionControls.cjs");
+const StageConnectionEdge_cjs_namespaceObject = require("../StageNode/StageConnectionEdge.cjs");
+const StageEdge_cjs_namespaceObject = require("../StageNode/StageEdge.cjs");
+const StageNode_cjs_namespaceObject = require("../StageNode/StageNode.cjs");
+const external_TaskIcon_index_cjs_namespaceObject = require("../TaskIcon/index.cjs");
+const external_PlaceholderTaskNode_cjs_namespaceObject = require("./PlaceholderTaskNode.cjs");
+const external_TaskNode_cjs_namespaceObject = require("./TaskNode.cjs");
+const external_taskReorderUtils_cjs_namespaceObject = require("./taskReorderUtils.cjs");
+const external_useTaskPositions_cjs_namespaceObject = require("./useTaskPositions.cjs");
+const meta = {
+    title: 'Canvas/StageNode/TaskNode',
+    parameters: {
+        layout: 'fullscreen'
+    }
+};
+const TaskNode_stories = meta;
+const StageNodeWrapper = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StageNode_cjs_namespaceObject.StageNode, {
+        ...props,
+        ...props.data
+    });
+const TaskNodeWrapper = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskNode_cjs_namespaceObject.TaskNode, {
+        ...props
+    });
+function createTaskNodes(stageId, taskIds, tasks, stageWidth, onTaskClick, onTaskSelect) {
+    const positions = (0, external_useTaskPositions_cjs_namespaceObject.calculateTaskPositions)(taskIds, stageWidth, tasks);
+    const nodes = [];
+    taskIds.forEach((group, groupIndex)=>{
+        group.forEach((taskId, taskIndex)=>{
+            const taskInfo = tasks[taskId];
+            if (!taskInfo) return;
+            const position = positions.get(taskId);
+            if (!position) return;
+            nodes.push({
+                id: taskId,
+                type: 'task',
+                parentId: stageId,
+                extent: 'parent',
+                position: {
+                    x: position.x,
+                    y: position.y
+                },
+                width: position.width,
+                data: {
+                    taskType: taskInfo.taskType,
+                    label: taskInfo.label,
+                    iconElement: taskInfo.icon,
+                    groupIndex,
+                    taskIndex,
+                    execution: taskInfo.execution,
+                    onTaskClick,
+                    onTaskSelect,
+                    width: position.width
+                }
+            });
+        });
+    });
+    return nodes;
+}
+const InteractiveCanvas = ({ initialTaskIds, tasks: initialTasks, stageWidth, stageLabel, showInstructions = true })=>{
+    const [taskIds, setTaskIds] = (0, external_react_namespaceObject.useState)(initialTaskIds);
+    const [tasks, setTasks] = (0, external_react_namespaceObject.useState)(initialTasks);
+    const [selectedTaskId, setSelectedTaskId] = (0, external_react_namespaceObject.useState)(null);
+    const [actionLog, setActionLog] = (0, external_react_namespaceObject.useState)('');
+    const displayTaskIds = (0, external_react_namespaceObject.useMemo)(()=>taskIds, [
+        taskIds
+    ]);
+    const stageNode = (0, external_react_namespaceObject.useMemo)(()=>({
+            id: 'stage-1',
+            type: 'stage',
+            position: {
+                x: 250,
+                y: 100
+            },
+            style: {
+                width: stageWidth
+            },
+            data: {
+                nodeType: 'case-management:Stage',
+                stageDetails: {
+                    label: stageLabel,
+                    taskIds: displayTaskIds
+                },
+                onTaskClick: (taskId)=>{
+                    setSelectedTaskId(taskId);
+                    setActionLog(`Selected: ${taskId}`);
+                }
+            }
+        }), [
+        displayTaskIds,
+        stageLabel,
+        stageWidth
+    ]);
+    const handleTaskClick = (0, external_react_namespaceObject.useCallback)((taskId)=>{
+        setSelectedTaskId(taskId);
+        setActionLog(`Selected: ${taskId}`);
+    }, []);
+    const taskNodes = (0, external_react_namespaceObject.useMemo)(()=>createTaskNodes('stage-1', displayTaskIds, tasks, stageWidth, handleTaskClick, setSelectedTaskId), [
+        displayTaskIds,
+        tasks,
+        stageWidth,
+        handleTaskClick
+    ]);
+    const allNodes = (0, external_react_namespaceObject.useMemo)(()=>[
+            stageNode,
+            ...taskNodes
+        ], [
+        stageNode,
+        taskNodes
+    ]);
+    const [nodes, setNodes, onNodesChange] = (0, react_cjs_namespaceObject.useNodesState)(allNodes);
+    const [edges, , onEdgesChange] = (0, react_cjs_namespaceObject.useEdgesState)([]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        setNodes(allNodes);
+    }, [
+        allNodes,
+        setNodes
+    ]);
+    const nodeTypes = (0, external_react_namespaceObject.useMemo)(()=>({
+            stage: StageNodeWrapper,
+            task: TaskNodeWrapper,
+            placeholder: (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_PlaceholderTaskNode_cjs_namespaceObject.PlaceholderTaskNode, {
+                    ...props
+                })
+        }), []);
+    const edgeTypes = (0, external_react_namespaceObject.useMemo)(()=>({
+            stage: StageEdge_cjs_namespaceObject.StageEdge
+        }), []);
+    const handleTaskReorder = (0, external_react_namespaceObject.useCallback)((params)=>{
+        const { taskId, position } = params;
+        const depthLabel = position.isParallel ? 'parallel' : 'sequential';
+        setActionLog(`Reordered ${taskId} to group ${position.groupIndex} (${depthLabel})`);
+        setTaskIds((prev)=>{
+            const depth = position.isParallel ? 1 : 0;
+            return (0, external_taskReorderUtils_cjs_namespaceObject.reorderTaskIds)(prev, taskId, position.groupIndex, position.taskIndex, depth);
+        });
+    }, []);
+    const handleTaskPaste = (0, external_react_namespaceObject.useCallback)((params)=>{
+        const { newTaskId, originalData } = params;
+        setActionLog(`Pasted as ${newTaskId}`);
+        setTasks((prev)=>({
+                ...prev,
+                [newTaskId]: {
+                    label: `${originalData.label} (Copy)`,
+                    taskType: originalData.taskType,
+                    icon: originalData.iconElement ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskIcon_index_cjs_namespaceObject.TaskIcon, {
+                        type: external_TaskIcon_index_cjs_namespaceObject.TaskItemTypeValues.AgenticProcess,
+                        size: "sm"
+                    }),
+                    execution: originalData.execution
+                }
+            }));
+        setTaskIds((prev)=>[
+                ...prev,
+                [
+                    newTaskId
+                ]
+            ]);
+    }, []);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.ReactFlowProvider, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InteractiveCanvasInner, {
+            nodes: nodes,
+            edges: edges,
+            onNodesChange: onNodesChange,
+            onEdgesChange: onEdgesChange,
+            nodeTypes: nodeTypes,
+            edgeTypes: edgeTypes,
+            onTaskReorder: handleTaskReorder,
+            onTaskPaste: handleTaskPaste,
+            selectedTaskId: selectedTaskId,
+            targetTaskIds: taskIds,
+            actionLog: actionLog,
+            showInstructions: showInstructions
+        })
+    });
+};
+const InteractiveCanvasInner = ({ nodes, edges, onNodesChange, onEdgesChange, nodeTypes, edgeTypes, onTaskReorder, onTaskPaste, selectedTaskId, targetTaskIds, actionLog, showInstructions })=>{
+    const { dragState, handlers } = (0, useCrossStageTaskDrag_cjs_namespaceObject.useCrossStageTaskDrag)({
+        onTaskReorder
+    });
+    (0, useTaskCopyPaste_cjs_namespaceObject.useTaskCopyPaste)({
+        onTaskPaste
+    }, {
+        selectedTaskId,
+        targetStageId: 'stage-1',
+        targetTaskIds,
+        enabled: true
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CrossStageDragContext_cjs_namespaceObject.CrossStageDragProvider, {
+        value: {
+            dragState
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.BaseCanvas, {
+            nodes: nodes,
+            edges: edges,
+            onNodesChange: onNodesChange,
+            onEdgesChange: onEdgesChange,
+            nodeTypes: nodeTypes,
+            edgeTypes: edgeTypes,
+            mode: "design",
+            connectionMode: react_cjs_namespaceObject.ConnectionMode.Strict,
+            defaultEdgeOptions: {
+                type: 'stage'
+            },
+            connectionLineComponent: StageConnectionEdge_cjs_namespaceObject.StageConnectionEdge,
+            elevateEdgesOnSelect: true,
+            onNodeDragStart: handlers.onNodeDragStart,
+            onNodeDrag: handlers.onNodeDrag,
+            onNodeDragStop: handlers.onNodeDragStop,
+            fitView: true,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Panel, {
+                    position: "bottom-right",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasPositionControls_cjs_namespaceObject.CanvasPositionControls, {
+                        translations: external_types_cjs_namespaceObject.DefaultCanvasTranslations
+                    })
+                }),
+                showInstructions && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Panel, {
+                    position: "bottom-left",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        style: {
+                            background: 'var(--uix-palette-surface-paper)',
+                            padding: '8px 16px',
+                            borderRadius: '4px',
+                            boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
+                            maxWidth: '300px'
+                        },
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("strong", {
+                                children: "Instructions:"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("ul", {
+                                style: {
+                                    margin: '8px 0',
+                                    paddingLeft: '16px',
+                                    fontSize: '12px'
+                                },
+                                children: [
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+                                        children: "Click a task to select it"
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+                                        children: "Drag tasks to reorder"
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+                                        children: "Ctrl/Cmd+C to copy selected task"
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+                                        children: "Ctrl/Cmd+V to paste task"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                }),
+                actionLog && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Panel, {
+                    position: "top-left",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        style: {
+                            background: 'var(--uix-palette-surface-paper)',
+                            padding: '8px 16px',
+                            borderRadius: '4px',
+                            boxShadow: '0 2px 4px rgba(0,0,0,0.1)'
+                        },
+                        children: actionLog
+                    })
+                }),
+                dragState.isDragging && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Panel, {
+                    position: "top-right",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        style: {
+                            background: 'var(--uix-palette-info-light)',
+                            padding: '8px 16px',
+                            borderRadius: '4px'
+                        },
+                        children: [
+                            "Dragging ",
+                            dragState.taskId,
+                            dragState.dropPosition && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                style: {
+                                    fontSize: '12px'
+                                },
+                                children: [
+                                    "→ Group ",
+                                    dragState.dropPosition.groupIndex,
+                                    dragState.dropPosition.isParallel ? ' (Parallel)' : ' (Sequential)',
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                        style: {
+                                            fontSize: '10px',
+                                            marginTop: '4px'
+                                        },
+                                        children: "Drag right to make parallel"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+};
+const Basic = {
+    render: ()=>{
+        const tasks = {
+            'task-1': {
+                label: 'Process Document',
+                taskType: 'uipath.case-management.process',
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskIcon_index_cjs_namespaceObject.TaskIcon, {
+                    type: external_TaskIcon_index_cjs_namespaceObject.TaskItemTypeValues.AgenticProcess,
+                    size: "sm"
+                })
+            },
+            'task-2': {
+                label: 'Run Human Action',
+                taskType: 'uipath.case-management.run-human-action',
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskIcon_index_cjs_namespaceObject.TaskIcon, {
+                    type: external_TaskIcon_index_cjs_namespaceObject.TaskItemTypeValues.User,
+                    size: "sm"
+                })
+            },
+            'task-3': {
+                label: 'Execute RPA',
+                taskType: 'uipath.case-management.rpa',
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskIcon_index_cjs_namespaceObject.TaskIcon, {
+                    type: external_TaskIcon_index_cjs_namespaceObject.TaskItemTypeValues.Automation,
+                    size: "sm"
+                })
+            }
+        };
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            style: {
+                width: '100vw',
+                height: '100vh'
+            },
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InteractiveCanvas, {
+                initialTaskIds: [
+                    [
+                        'task-1'
+                    ],
+                    [
+                        'task-2'
+                    ],
+                    [
+                        'task-3'
+                    ]
+                ],
+                tasks: tasks,
+                stageWidth: 304,
+                stageLabel: "Processing Stage"
+            })
+        });
+    }
+};
+const WithExecutionStatus = {
+    render: ()=>{
+        const tasks = {
+            'task-1': {
+                label: 'Completed Task',
+                taskType: 'uipath.case-management.process',
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskIcon_index_cjs_namespaceObject.TaskIcon, {
+                    type: external_TaskIcon_index_cjs_namespaceObject.TaskItemTypeValues.AgenticProcess,
+                    size: "sm"
+                }),
+                execution: {
+                    status: 'Completed',
+                    duration: '2m 30s'
+                }
+            },
+            'task-2': {
+                label: 'In Progress Task',
+                taskType: 'uipath.case-management.run-human-action',
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskIcon_index_cjs_namespaceObject.TaskIcon, {
+                    type: external_TaskIcon_index_cjs_namespaceObject.TaskItemTypeValues.User,
+                    size: "sm"
+                }),
+                execution: {
+                    status: 'InProgress',
+                    duration: '1m 15s'
+                }
+            },
+            'task-3': {
+                label: 'Failed Task with Retries',
+                taskType: 'uipath.case-management.rpa',
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskIcon_index_cjs_namespaceObject.TaskIcon, {
+                    type: external_TaskIcon_index_cjs_namespaceObject.TaskItemTypeValues.Automation,
+                    size: "sm"
+                }),
+                execution: {
+                    status: 'Failed',
+                    duration: '0m 45s',
+                    retryDuration: '0m 30s',
+                    message: 'Connection timeout',
+                    badge: 'Error',
+                    badgeStatus: 'error',
+                    retryCount: 2
+                }
+            },
+            'task-4': {
+                label: 'Pending Task',
+                taskType: 'uipath.case-management.action',
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskIcon_index_cjs_namespaceObject.TaskIcon, {
+                    type: external_TaskIcon_index_cjs_namespaceObject.TaskItemTypeValues.Agent,
+                    size: "sm"
+                }),
+                execution: {
+                    status: 'NotExecuted'
+                }
+            }
+        };
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            style: {
+                width: '100vw',
+                height: '100vh'
+            },
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InteractiveCanvas, {
+                initialTaskIds: [
+                    [
+                        'task-1'
+                    ],
+                    [
+                        'task-2'
+                    ],
+                    [
+                        'task-3'
+                    ],
+                    [
+                        'task-4'
+                    ]
+                ],
+                tasks: tasks,
+                stageWidth: 304,
+                stageLabel: "Stage with Execution"
+            })
+        });
+    }
+};
+const ParallelTasks = {
+    render: ()=>{
+        const tasks = {
+            'task-1': {
+                label: 'Pre-check',
+                taskType: 'uipath.case-management.action',
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskIcon_index_cjs_namespaceObject.TaskIcon, {
+                    type: external_TaskIcon_index_cjs_namespaceObject.TaskItemTypeValues.AgenticProcess,
+                    size: "sm"
+                })
+            },
+            'task-2': {
+                label: 'Address Verification',
+                taskType: 'uipath.case-management.process',
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskIcon_index_cjs_namespaceObject.TaskIcon, {
+                    type: external_TaskIcon_index_cjs_namespaceObject.TaskItemTypeValues.User,
+                    size: "sm"
+                })
+            },
+            'task-3': {
+                label: 'Property Verification',
+                taskType: 'uipath.case-management.process',
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskIcon_index_cjs_namespaceObject.TaskIcon, {
+                    type: external_TaskIcon_index_cjs_namespaceObject.TaskItemTypeValues.User,
+                    size: "sm"
+                })
+            },
+            'task-4': {
+                label: 'Background Check',
+                taskType: 'uipath.case-management.process',
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskIcon_index_cjs_namespaceObject.TaskIcon, {
+                    type: external_TaskIcon_index_cjs_namespaceObject.TaskItemTypeValues.Automation,
+                    size: "sm"
+                })
+            },
+            'task-5': {
+                label: 'Final Review',
+                taskType: 'uipath.case-management.agent',
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskIcon_index_cjs_namespaceObject.TaskIcon, {
+                    type: external_TaskIcon_index_cjs_namespaceObject.TaskItemTypeValues.Agent,
+                    size: "sm"
+                })
+            }
+        };
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            style: {
+                width: '100vw',
+                height: '100vh'
+            },
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InteractiveCanvas, {
+                initialTaskIds: [
+                    [
+                        'task-1'
+                    ],
+                    [
+                        'task-2',
+                        'task-3',
+                        'task-4'
+                    ],
+                    [
+                        'task-5'
+                    ]
+                ],
+                tasks: tasks,
+                stageWidth: 304,
+                stageLabel: "Parallel Task Demo"
+            })
+        });
+    }
+};
+exports.Basic = __webpack_exports__.Basic;
+exports.ParallelTasks = __webpack_exports__.ParallelTasks;
+exports.WithExecutionStatus = __webpack_exports__.WithExecutionStatus;
+exports["default"] = __webpack_exports__["default"];
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Basic",
+    "ParallelTasks",
+    "WithExecutionStatus",
+    "default"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const WithExecutionStatus: Story;
+export declare const ParallelTasks: Story;
+//# sourceMappingURL=TaskNode.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TaskNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TaskNode/TaskNode.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA2BvD,QAAA,MAAM,IAAI,EAAE,IAKX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAuVnC,eAAO,MAAM,KAAK,EAAE,KA+BnB,CAAC;AAMF,eAAO,MAAM,mBAAmB,EAAE,KAwDjC,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,KAyC3B,CAAC"}