@uipath/apollo-react 4.22.3 → 4.23.0

package/dist/canvas/components/AgentCanvas/agent-flow.manifest.d.ts

@@ -14,11 +14,11 @@ export declare const agentFlowManifest: {
         id: string;
         name: string;
         sortOrder: number;
-        icon: string;
         tags: string[];
         parentId?: string | undefined;
         color?: string | undefined;
         colorDark?: string | undefined;
+        icon?: string | undefined;
     }[];
     nodes: {
         nodeType: string;
@@ -27,9 +27,9 @@ export declare const agentFlowManifest: {
         sortOrder: number;
         display: {
             label: string;
-            icon: string;
             canvasLabel?: string | undefined;
             description?: string | undefined;
+            icon?: string | undefined;
             shape?: "square" | "circle" | "container" | "rectangle" | undefined;
             color?: string | undefined;
             background?: string | undefined;

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

@@ -43,6 +43,7 @@ const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/Conne
 const SelectionStateContext_cjs_namespaceObject = require("../BaseCanvas/SelectionStateContext.cjs");
 const SmartHandle_cjs_namespaceObject = require("../ButtonHandle/SmartHandle.cjs");
 const useButtonHandles_cjs_namespaceObject = require("../ButtonHandle/useButtonHandles.cjs");
+const InitialsBadge_cjs_namespaceObject = require("../shared/InitialsBadge.cjs");
 const external_Toolbar_index_cjs_namespaceObject = require("../Toolbar/index.cjs");
 const external_BaseNodeBadgeSlot_cjs_namespaceObject = require("./BaseNodeBadgeSlot.cjs");
 const external_BaseNodeConfigContext_cjs_namespaceObject = require("./BaseNodeConfigContext.cjs");
@@ -124,11 +125,18 @@ const BaseNodeComponent = (props)=>{
     const isStacked = Boolean(manifest?.drillable || data?.isCollapsed);
     const Icon = (0, external_react_namespaceObject.useMemo)(()=>{
         if (void 0 !== iconComponent) return iconComponent;
-        const IconComponent = (0, icon_registry_cjs_namespaceObject.getIcon)(display.icon);
-        return IconComponent ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(IconComponent, {}) : null;
+        if (display.icon) {
+            const IconComponent = (0, icon_registry_cjs_namespaceObject.getIcon)(display.icon);
+            return IconComponent ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(IconComponent, {}) : null;
+        }
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InitialsBadge_cjs_namespaceObject.InitialsBadge, {
+            name: display.label,
+            size: "var(--icon-size)"
+        });
     }, [
         iconComponent,
-        display.icon
+        display.icon,
+        display.label
     ]);
     const handleConfigurations = (0, external_react_namespaceObject.useMemo)(()=>{
         if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;

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

@@ -1 +1 @@
-{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAuChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAynB1B,eAAO,MAAM,QAAQ,8CAnlBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAmlBhB,CAAC"}
+{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAwChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAynB1B,eAAO,MAAM,QAAQ,8CAnlBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAmlBhB,CAAC"}

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

@@ -15,6 +15,7 @@ import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
 import { useSelectionState } from "../BaseCanvas/SelectionStateContext.js";
 import { SmartHandle, SmartHandleProvider } from "../ButtonHandle/SmartHandle.js";
 import { useButtonHandles } from "../ButtonHandle/useButtonHandles.js";
+import { InitialsBadge } from "../shared/InitialsBadge.js";
 import { NodeToolbar } from "../Toolbar/index.js";
 import { BaseBadgeSlot } from "./BaseNodeBadgeSlot.js";
 import { useBaseNodeOverrideConfig } from "./BaseNodeConfigContext.js";
@@ -96,11 +97,18 @@ const BaseNodeComponent = (props)=>{
     const isStacked = Boolean(manifest?.drillable || data?.isCollapsed);
     const Icon = useMemo(()=>{
         if (void 0 !== iconComponent) return iconComponent;
-        const IconComponent = getIcon(display.icon);
-        return IconComponent ? /*#__PURE__*/ jsx(IconComponent, {}) : null;
+        if (display.icon) {
+            const IconComponent = getIcon(display.icon);
+            return IconComponent ? /*#__PURE__*/ jsx(IconComponent, {}) : null;
+        }
+        return /*#__PURE__*/ jsx(InitialsBadge, {
+            name: display.label,
+            size: "var(--icon-size)"
+        });
     }, [
         iconComponent,
-        display.icon
+        display.icon,
+        display.label
     ]);
     const handleConfigurations = useMemo(()=>{
         if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;

package/dist/canvas/components/Toolbox/ListView.cjs

@@ -34,6 +34,7 @@ const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
 const external_react_namespaceObject = require("react");
 const CanvasThemeContext_cjs_namespaceObject = require("../BaseCanvas/CanvasThemeContext.cjs");
 const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
+const InitialsBadge_cjs_namespaceObject = require("../shared/InitialsBadge.cjs");
 const external_ListView_styles_cjs_namespaceObject = require("./ListView.styles.cjs");
 const DEFAULT_SKELETON_COUNT = 3;
 function buildRenderedItems(items, enableSections, loadingSkeleton) {
@@ -162,7 +163,11 @@ const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ in
                         icon: item.icon.name,
                         size: 24
                     }),
-                    item.icon?.Component && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(item.icon.Component, {})
+                    item.icon?.Component && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(item.icon.Component, {}),
+                    !item.icon?.url && !item.icon?.name && !item.icon?.Component && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InitialsBadge_cjs_namespaceObject.InitialsBadge, {
+                        name: item.name,
+                        "data-testid": "list-item-initials-badge"
+                    })
                 ]
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {

package/dist/canvas/components/Toolbox/ListView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"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"}

package/dist/canvas/components/Toolbox/ListView.js

@@ -5,6 +5,7 @@ import { Skeleton } from "@uipath/apollo-wind";
 import { forwardRef, memo, useCallback, useImperativeHandle, useMemo } from "react";
 import { useCanvasTheme } from "../BaseCanvas/CanvasThemeContext.js";
 import { CanvasTooltip } from "../CanvasTooltip.js";
+import { InitialsBadge } from "../shared/InitialsBadge.js";
 import { IconContainer, ListItemButton, SectionHeader, StyledList } from "./ListView.styles.js";
 const DEFAULT_SKELETON_COUNT = 3;
 function buildRenderedItems(items, enableSections, loadingSkeleton) {
@@ -133,7 +134,11 @@ const ListViewRow = /*#__PURE__*/ memo(({ index, style, ariaAttributes, rendered
                         icon: item.icon.name,
                         size: 24
                     }),
-                    item.icon?.Component && /*#__PURE__*/ jsx(item.icon.Component, {})
+                    item.icon?.Component && /*#__PURE__*/ jsx(item.icon.Component, {}),
+                    !item.icon?.url && !item.icon?.name && !item.icon?.Component && /*#__PURE__*/ jsx(InitialsBadge, {
+                        name: item.name,
+                        "data-testid": "list-item-initials-badge"
+                    })
                 ]
             }),
             /*#__PURE__*/ jsxs(Column, {

package/dist/canvas/components/index.cjs

@@ -68,6 +68,9 @@ var __webpack_modules__ = {
     },
     "./TriggerNode" (module) {
         module.exports = require("./TriggerNode/index.cjs");
+    },
+    "./shared" (module) {
+        module.exports = require("./shared/index.cjs");
     }
 };
 var __webpack_module_cache__ = {};
@@ -181,29 +184,33 @@ var __webpack_exports__ = {};
     var __rspack_reexport = {};
     for(const __rspack_import_key in _NodePropertiesPanel__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertiesPanel__rspack_import_16[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _StageNode__rspack_import_17 = __webpack_require__("./StageNode");
+    var _shared__rspack_import_17 = __webpack_require__("./shared");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _shared__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_shared__rspack_import_17[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _StageNode__rspack_import_18 = __webpack_require__("./StageNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _StageNode__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_17[__rspack_import_key];
+    for(const __rspack_import_key in _StageNode__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _StickyNoteNode__rspack_import_18 = __webpack_require__("./StickyNoteNode?d2a3");
+    var _StickyNoteNode__rspack_import_19 = __webpack_require__("./StickyNoteNode?d2a3");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _StickyNoteNode__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_18[__rspack_import_key];
+    for(const __rspack_import_key in _StickyNoteNode__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _TaskIcon__rspack_import_19 = __webpack_require__("./TaskIcon");
+    var _TaskIcon__rspack_import_20 = __webpack_require__("./TaskIcon");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _TaskIcon__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_19[__rspack_import_key];
+    for(const __rspack_import_key in _TaskIcon__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_20[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _Toolbar__rspack_import_20 = __webpack_require__("./Toolbar");
+    var _Toolbar__rspack_import_21 = __webpack_require__("./Toolbar");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _Toolbar__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_20[__rspack_import_key];
+    for(const __rspack_import_key in _Toolbar__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_21[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _Toolbox__rspack_import_21 = __webpack_require__("./Toolbox?2740");
+    var _Toolbox__rspack_import_22 = __webpack_require__("./Toolbox?2740");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _Toolbox__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_21[__rspack_import_key];
+    for(const __rspack_import_key in _Toolbox__rspack_import_22)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_22[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _TriggerNode__rspack_import_22 = __webpack_require__("./TriggerNode");
+    var _TriggerNode__rspack_import_23 = __webpack_require__("./TriggerNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _TriggerNode__rspack_import_22)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_22[__rspack_import_key];
+    for(const __rspack_import_key in _TriggerNode__rspack_import_23)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_23[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
 })();
 for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];

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

@@ -15,6 +15,7 @@ export * from './MiniCanvasNavigator';
 export * from './NodeContextMenu';
 export * from './NodeInspector';
 export * from './NodePropertiesPanel';
+export * from './shared';
 export * from './StageNode';
 export * from './StickyNoteNode';
 export * from './TaskIcon';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}

package/dist/canvas/components/index.js

@@ -15,6 +15,7 @@ export * from "./MiniCanvasNavigator/index.js";
 export * from "./NodeContextMenu/index.js";
 export * from "./NodeInspector.js";
 export * from "./NodePropertiesPanel/index.js";
+export * from "./shared/index.js";
 export * from "./StageNode/index.js";
 export * from "./StickyNoteNode/index.js";
 export * from "./TaskIcon/index.js";

package/dist/canvas/components/shared/InitialsBadge.cjs

@@ -0,0 +1,91 @@
+"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, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > 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__, {
+    getInitial: ()=>getInitial,
+    InitialsBadge: ()=>InitialsBadge
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const styled_namespaceObject = require("@emotion/styled");
+var styled_default = /*#__PURE__*/ __webpack_require__.n(styled_namespaceObject);
+const InitialsBadgeRoot = styled_default().span`
+  display: inline-flex;
+  width: var(--initials-badge-size, 24px);
+  height: var(--initials-badge-size, 24px);
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: var(--canvas-primary);
+  color: var(--canvas-on-primary, #ffffff);
+  font-size: calc(var(--initials-badge-size, 24px) * 0.5);
+  font-weight: 800;
+  line-height: 1;
+  text-transform: uppercase;
+  user-select: none;
+`;
+function getInitial(name) {
+    const trimmed = name.trim();
+    if (!trimmed) return '?';
+    return [
+        ...trimmed
+    ][0] ?? '?';
+}
+function InitialsBadge({ name, size, className, style, 'data-testid': dataTestId }) {
+    const mergedStyle = (()=>{
+        const sizeStyle = size ? {
+            ['--initials-badge-size']: size
+        } : void 0;
+        if (!sizeStyle && !style) return;
+        return {
+            ...sizeStyle,
+            ...style
+        };
+    })();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InitialsBadgeRoot, {
+        "aria-hidden": "true",
+        className: className,
+        "data-testid": dataTestId,
+        style: mergedStyle,
+        children: getInitial(name)
+    });
+}
+exports.InitialsBadge = __webpack_exports__.InitialsBadge;
+exports.getInitial = __webpack_exports__.getInitial;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InitialsBadge",
+    "getInitial"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/shared/InitialsBadge.d.ts

@@ -0,0 +1,10 @@
+export interface InitialsBadgeProps {
+    name: string;
+    size?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    'data-testid'?: string;
+}
+export declare function getInitial(name: string): string;
+export declare function InitialsBadge({ name, size, className, style, 'data-testid': dataTestId, }: InitialsBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InitialsBadge.d.ts.map

package/dist/canvas/components/shared/InitialsBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitialsBadge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/shared/InitialsBadge.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IAEb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAOD,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAI/C;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,GAC1B,EAAE,kBAAkB,2CAmBpB"}

package/dist/canvas/components/shared/InitialsBadge.js

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "@emotion/styled";
+const InitialsBadgeRoot = styled.span`
+  display: inline-flex;
+  width: var(--initials-badge-size, 24px);
+  height: var(--initials-badge-size, 24px);
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: var(--canvas-primary);
+  color: var(--canvas-on-primary, #ffffff);
+  font-size: calc(var(--initials-badge-size, 24px) * 0.5);
+  font-weight: 800;
+  line-height: 1;
+  text-transform: uppercase;
+  user-select: none;
+`;
+function getInitial(name) {
+    const trimmed = name.trim();
+    if (!trimmed) return '?';
+    return [
+        ...trimmed
+    ][0] ?? '?';
+}
+function InitialsBadge({ name, size, className, style, 'data-testid': dataTestId }) {
+    const mergedStyle = (()=>{
+        const sizeStyle = size ? {
+            ['--initials-badge-size']: size
+        } : void 0;
+        if (!sizeStyle && !style) return;
+        return {
+            ...sizeStyle,
+            ...style
+        };
+    })();
+    return /*#__PURE__*/ jsx(InitialsBadgeRoot, {
+        "aria-hidden": "true",
+        className: className,
+        "data-testid": dataTestId,
+        style: mergedStyle,
+        children: getInitial(name)
+    });
+}
+export { InitialsBadge, getInitial };

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

@@ -0,0 +1,39 @@
+"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 ("u" > 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__, {
+    getInitial: ()=>external_InitialsBadge_cjs_namespaceObject.getInitial,
+    InitialsBadge: ()=>external_InitialsBadge_cjs_namespaceObject.InitialsBadge
+});
+const external_InitialsBadge_cjs_namespaceObject = require("./InitialsBadge.cjs");
+exports.InitialsBadge = __webpack_exports__.InitialsBadge;
+exports.getInitial = __webpack_exports__.getInitial;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InitialsBadge",
+    "getInitial"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,3 @@
+export { InitialsBadge, getInitial } from './InitialsBadge';
+export type { InitialsBadgeProps } from './InitialsBadge';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/shared/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,2 @@
+import { InitialsBadge, getInitial } from "./InitialsBadge.js";
+export { InitialsBadge, getInitial };

package/dist/canvas/core/CategoryTreeAdapter.cjs

@@ -40,9 +40,11 @@ class CategoryTreeAdapter {
                     category: node.category,
                     version: node.version
                 },
-                icon: {
-                    name: node.display.icon
-                },
+                ...node.display.icon ? {
+                    icon: {
+                        name: node.display.icon
+                    }
+                } : {},
                 color: node.display.iconBackground,
                 colorDark: node.display.iconBackgroundDark
             });
@@ -59,9 +61,11 @@ class CategoryTreeAdapter {
                     id: category.id,
                     name: category.name,
                     data: null,
-                    icon: {
-                        name: category.icon
-                    },
+                    ...category.icon ? {
+                        icon: {
+                            name: category.icon
+                        }
+                    } : {},
                     color: category.color,
                     colorDark: category.colorDark,
                     children

package/dist/canvas/core/CategoryTreeAdapter.js

@@ -12,9 +12,11 @@ class CategoryTreeAdapter {
                     category: node.category,
                     version: node.version
                 },
-                icon: {
-                    name: node.display.icon
-                },
+                ...node.display.icon ? {
+                    icon: {
+                        name: node.display.icon
+                    }
+                } : {},
                 color: node.display.iconBackground,
                 colorDark: node.display.iconBackgroundDark
             });
@@ -31,9 +33,11 @@ class CategoryTreeAdapter {
                     id: category.id,
                     name: category.name,
                     data: null,
-                    icon: {
-                        name: category.icon
-                    },
+                    ...category.icon ? {
+                        icon: {
+                            name: category.icon
+                        }
+                    } : {},
                     color: category.color,
                     colorDark: category.colorDark,
                     children

package/dist/canvas/schema/node-definition/category-manifest.cjs

@@ -34,7 +34,7 @@ const categoryManifestSchema = external_zod_namespaceObject.z.object({
     sortOrder: external_zod_namespaceObject.z.number().int().nonnegative(),
     color: external_zod_namespaceObject.z.string().min(1).optional(),
     colorDark: external_zod_namespaceObject.z.string().min(1).optional(),
-    icon: external_zod_namespaceObject.z.string().min(1),
+    icon: external_zod_namespaceObject.z.string().min(1).optional(),
     tags: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string())
 });
 exports.categoryManifestSchema = __webpack_exports__.categoryManifestSchema;

package/dist/canvas/schema/node-definition/category-manifest.d.ts

@@ -6,7 +6,7 @@ export declare const categoryManifestSchema: z.ZodObject<{
     sortOrder: z.ZodNumber;
     color: z.ZodOptional<z.ZodString>;
     colorDark: z.ZodOptional<z.ZodString>;
-    icon: z.ZodString;
+    icon: z.ZodOptional<z.ZodString>;
     tags: z.ZodArray<z.ZodString>;
 }, z.core.$strip>;
 export type CategoryManifest = z.infer<typeof categoryManifestSchema>;

package/dist/canvas/schema/node-definition/category-manifest.js

@@ -6,7 +6,7 @@ const categoryManifestSchema = z.object({
     sortOrder: z.number().int().nonnegative(),
     color: z.string().min(1).optional(),
     colorDark: z.string().min(1).optional(),
-    icon: z.string().min(1),
+    icon: z.string().min(1).optional(),
     tags: z.array(z.string())
 });
 export { categoryManifestSchema };

package/dist/canvas/schema/node-definition/node-manifest.cjs

@@ -46,7 +46,7 @@ const nodeDisplayManifestSchema = external_zod_namespaceObject.z.object({
     label: external_zod_namespaceObject.z.string().min(1),
     canvasLabel: external_zod_namespaceObject.z.string().min(1).optional(),
     description: external_zod_namespaceObject.z.string().optional(),
-    icon: external_zod_namespaceObject.z.string().min(1),
+    icon: external_zod_namespaceObject.z.string().min(1).optional(),
     shape: nodeShapeSchema.optional(),
     color: external_zod_namespaceObject.z.string().optional(),
     background: external_zod_namespaceObject.z.string().optional(),

package/dist/canvas/schema/node-definition/node-manifest.d.ts

@@ -13,7 +13,7 @@ export declare const nodeDisplayManifestSchema: z.ZodObject<{
     label: z.ZodString;
     canvasLabel: z.ZodOptional<z.ZodString>;
     description: z.ZodOptional<z.ZodString>;
-    icon: z.ZodString;
+    icon: z.ZodOptional<z.ZodString>;
     shape: z.ZodOptional<z.ZodEnum<{
         square: "square";
         circle: "circle";
@@ -42,7 +42,7 @@ export declare const nodeManifestSchema: z.ZodObject<{
         label: z.ZodString;
         canvasLabel: z.ZodOptional<z.ZodString>;
         description: z.ZodOptional<z.ZodString>;
-        icon: z.ZodString;
+        icon: z.ZodOptional<z.ZodString>;
         shape: z.ZodOptional<z.ZodEnum<{
             square: "square";
             circle: "circle";

package/dist/canvas/schema/node-definition/node-manifest.js

@@ -14,7 +14,7 @@ const nodeDisplayManifestSchema = z.object({
     label: z.string().min(1),
     canvasLabel: z.string().min(1).optional(),
     description: z.string().optional(),
-    icon: z.string().min(1),
+    icon: z.string().min(1).optional(),
     shape: nodeShapeSchema.optional(),
     color: z.string().optional(),
     background: z.string().optional(),

package/dist/canvas/storybook-utils/manifests/index.d.ts

@@ -6,11 +6,11 @@ export declare const defaultWorkflowManifest: {
         id: string;
         name: string;
         sortOrder: number;
-        icon: string;
         tags: string[];
         parentId?: string | undefined;
         color?: string | undefined;
         colorDark?: string | undefined;
+        icon?: string | undefined;
     }[];
     nodes: {
         nodeType: string;
@@ -19,9 +19,9 @@ export declare const defaultWorkflowManifest: {
         sortOrder: number;
         display: {
             label: string;
-            icon: string;
             canvasLabel?: string | undefined;
             description?: string | undefined;
+            icon?: string | undefined;
             shape?: "square" | "circle" | "container" | "rectangle" | undefined;
             color?: string | undefined;
             background?: string | undefined;

package/dist/canvas/storybook-utils/manifests/node-definitions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node-definitions.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/manifests/node-definitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,eAAO,MAAM,gBAAgB,EAAE,YAAY,EAq4B1C,CAAC"}
+{"version":3,"file":"node-definitions.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/manifests/node-definitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,eAAO,MAAM,gBAAgB,EAAE,YAAY,EA65B1C,CAAC"}

package/dist/canvas/utils/icon-registry.cjs

@@ -111,6 +111,14 @@ function isValidUrl(input) {
     return 'http:' === url.protocol || 'https:' === url.protocol;
 }
 function getIcon(iconId) {
+    if (!iconId) {
+        const BoxIcon = external_lucide_react_namespaceObject.icons.Box;
+        return ({ w, h, color })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BoxIcon, {
+                width: w ?? 24,
+                height: h ?? 24,
+                color: color
+            });
+    }
     if (isValidUrl(iconId)) return ({ w, h })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("img", {
             src: iconId,
             alt: "icon",

package/dist/canvas/utils/icon-registry.d.ts

@@ -4,7 +4,7 @@ export type IconComponent = (props: {
     h?: number;
     color?: string;
 }) => JSX.Element;
-export declare function getIcon(iconId: string): IconComponent;
+export declare function getIcon(iconId?: string): IconComponent;
 export interface CanvasIconProps {
     icon?: string;
     size?: number;

package/dist/canvas/utils/icon-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-registry.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/icon-registry.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,GAAG,EAAiB,MAAM,OAAO,CAAC;AAGhD,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,GAAG,CAAC,OAAO,CAAC;AAuD/F,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,aAAa,CAkCrD;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD,eAAO,MAAM,UAAU,uDAIrB,CAAC;AAGH,eAAO,MAAM,QAAQ,uDAAa,CAAC"}
+{"version":3,"file":"icon-registry.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/icon-registry.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,GAAG,EAAiB,MAAM,OAAO,CAAC;AAGhD,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,GAAG,CAAC,OAAO,CAAC;AAsD/F,wBAAgB,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,aAAa,CAuCtD;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD,eAAO,MAAM,UAAU,uDAIrB,CAAC;AAGH,eAAO,MAAM,QAAQ,uDAAa,CAAC"}

package/dist/canvas/utils/icon-registry.js

@@ -81,6 +81,14 @@ function isValidUrl(input) {
     return 'http:' === url.protocol || 'https:' === url.protocol;
 }
 function getIcon(iconId) {
+    if (!iconId) {
+        const BoxIcon = icons.Box;
+        return ({ w, h, color })=>/*#__PURE__*/ jsx(BoxIcon, {
+                width: w ?? 24,
+                height: h ?? 24,
+                color: color
+            });
+    }
     if (isValidUrl(iconId)) return ({ w, h })=>/*#__PURE__*/ jsx("img", {
             src: iconId,
             alt: "icon",

package/dist/canvas/utils/manifest-resolver.cjs

@@ -32,7 +32,7 @@ __webpack_require__.d(__webpack_exports__, {
 const external_collapse_cjs_namespaceObject = require("./collapse.cjs");
 function resolveDisplay(manifestDisplay, context) {
     if (!manifestDisplay) return {
-        icon: 'circle-question-mark',
+        icon: '',
         shape: 'square',
         label: context?.display?.label || 'Unknown Node'
     };
@@ -46,6 +46,7 @@ function resolveDisplay(manifestDisplay, context) {
         ...context?.display,
         label: resolvedLabel,
         canvasLabel: context?.display?.canvasLabel ?? manifestDisplay.canvasLabel,
+        icon: context?.display?.icon ?? manifestDisplay.icon ?? '',
         shape: isCollapsed ? collapsedShape : expandedShape
     };
 }

package/dist/canvas/utils/manifest-resolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"manifest-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/manifest-resolver.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAMrE,MAAM,WAAW,iBAAkB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAEhE,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAEhC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAMD,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5C,CAAC;AAKF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAE7F,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;AAKD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IAE/E,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAKD,UAAU,YAAY;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD,wBAAgB,cAAc,CAC5B,eAAe,CAAC,EAAE,mBAAmB,EACrC,OAAO,CAAC,EAAE,iBAAiB,GAC1B,eAAe,CAwCjB;AA6BD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,EACrC,OAAO,EAAE,iBAAiB,GACzB,OAAO,CAmBT;AAiCD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAKhF;AAuCD,wBAAgB,cAAc,CAC5B,YAAY,EAAE,mBAAmB,EAAE,EACnC,OAAO,EAAE,iBAAiB,GACzB,mBAAmB,EAAE,CAmEvB"}
+{"version":3,"file":"manifest-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/manifest-resolver.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAMrE,MAAM,WAAW,iBAAkB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAEhE,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAEhC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAUD,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5C,CAAC;AAKF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAE7F,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;AAKD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IAE/E,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAKD,UAAU,YAAY;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD,wBAAgB,cAAc,CAC5B,eAAe,CAAC,EAAE,mBAAmB,EACrC,OAAO,CAAC,EAAE,iBAAiB,GAC1B,eAAe,CAyCjB;AA6BD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,EACrC,OAAO,EAAE,iBAAiB,GACzB,OAAO,CAmBT;AAiCD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAKhF;AAuCD,wBAAgB,cAAc,CAC5B,YAAY,EAAE,mBAAmB,EAAE,EACnC,OAAO,EAAE,iBAAiB,GACzB,mBAAmB,EAAE,CAmEvB"}

package/dist/canvas/utils/manifest-resolver.js

@@ -1,7 +1,7 @@
 import { getCollapsedShape } from "./collapse.js";
 function resolveDisplay(manifestDisplay, context) {
     if (!manifestDisplay) return {
-        icon: 'circle-question-mark',
+        icon: '',
         shape: 'square',
         label: context?.display?.label || 'Unknown Node'
     };
@@ -15,6 +15,7 @@ function resolveDisplay(manifestDisplay, context) {
         ...context?.display,
         label: resolvedLabel,
         canvasLabel: context?.display?.canvasLabel ?? manifestDisplay.canvasLabel,
+        icon: context?.display?.icon ?? manifestDisplay.icon ?? '',
         shape: isCollapsed ? collapsedShape : expandedShape
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "4.22.3",
+  "version": "4.23.0",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -201,8 +201,8 @@
     "use-sync-external-store": "^1.2.0",
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
-    "@uipath/apollo-core": "5.9.0",
-    "@uipath/apollo-wind": "2.14.0"
+    "@uipath/apollo-wind": "2.14.0",
+    "@uipath/apollo-core": "5.9.0"
   },
   "devDependencies": {
     "@lingui/cli": "^5.6.1",