@uipath/apollo-react 3.27.0 → 3.28.0

package/dist/material/components/ap-chat/hooks/use-resource-picker-state.js

@@ -20,12 +20,20 @@ function pickerReducer(state, action) {
                 anchorPosition: action.coords
             };
         case 'CLOSE':
-            return initialPickerState;
-        case 'SET_QUERY':
             return {
                 ...state,
-                query: action.query
+                anchorPosition: null
             };
+        case 'SET_QUERY':
+            {
+                const newTrimmed = action.query.trim();
+                if (action.query === state.query || newTrimmed === state.query.trim()) return state;
+                return {
+                    ...state,
+                    query: action.query,
+                    searchInProgress: !!newTrimmed
+                };
+            }
         case 'LOAD_START':
             return {
                 ...state,
@@ -105,7 +113,8 @@ function pickerReducer(state, action) {
             return {
                 ...state,
                 searchResults: [],
-                searchDone: true
+                searchDone: true,
+                searchInProgress: false
             };
         default:
             return state;

package/dist/material/components/ap-chat/providers/resource-picker-provider.cjs

@@ -32,21 +32,27 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_namespaceObject = require("@lingui/react");
 const external_react_namespaceObject = require("react");
 const use_resource_picker_state_cjs_namespaceObject = require("../hooks/use-resource-picker-state.cjs");
+const index_cjs_namespaceObject = require("../service/index.cjs");
 const external_resource_data_provider_cjs_namespaceObject = require("./resource-data-provider.cjs");
 function isResourceSelector(item) {
     return 'hasNestedResources' in item && true === item.hasNestedResources;
 }
 const PICKER_VERTICAL_OFFSET = 8;
-const SEARCH_DEBOUNCE_MS = 150;
 const AutopilotChatResourcePickerContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
-function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDrillDown }) {
+function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDrillDown, onClose }) {
     const { hasResources, topLevelResources, paginatedResources, getNestedResources, globalSearch, onResourceSelected } = (0, external_resource_data_provider_cjs_namespaceObject.useResourceData)();
     const { _ } = (0, react_namespaceObject.useLingui)();
     const [state, dispatch] = (0, use_resource_picker_state_cjs_namespaceObject.useResourcePickerState)();
     const { anchorPosition, query, drillDown, loading, loadingMore, searchInProgress, error, searchResults, searchDone, previousDisplayCount } = state;
     const mentionRangeRef = (0, external_react_namespaceObject.useRef)(null);
-    const skipNextCloseRef = (0, external_react_namespaceObject.useRef)(false);
+    const drillDownActiveRef = (0, external_react_namespaceObject.useRef)(false);
     const isOpen = null !== anchorPosition;
+    const isOpenRef = (0, external_react_namespaceObject.useRef)(isOpen);
+    (0, external_react_namespaceObject.useLayoutEffect)(()=>{
+        isOpenRef.current = isOpen;
+    }, [
+        isOpen
+    ]);
     const searchQuery = (0, external_react_namespaceObject.useMemo)(()=>query.trim().toLowerCase(), [
         query
     ]);
@@ -78,16 +84,26 @@ function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDri
         dispatch
     ]);
     const close = (0, external_react_namespaceObject.useCallback)(()=>{
-        if (skipNextCloseRef.current) {
-            skipNextCloseRef.current = false;
-            return;
-        }
+        if (!isOpenRef.current) return;
+        isOpenRef.current = false;
+        onClose?.();
+        drillDownActiveRef.current = false;
         mentionRangeRef.current = null;
         dispatch({
             type: 'CLOSE'
         });
     }, [
-        dispatch
+        dispatch,
+        onClose
+    ]);
+    const handleMentionEnd = (0, external_react_namespaceObject.useCallback)(()=>{
+        if (drillDownActiveRef.current) {
+            drillDownActiveRef.current = false;
+            return;
+        }
+        close();
+    }, [
+        close
     ]);
     const setQuery = (0, external_react_namespaceObject.useCallback)((newQuery, range)=>{
         if (!hasResources) return;
@@ -125,7 +141,7 @@ function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDri
     ]);
     const handleItemClick = (0, external_react_namespaceObject.useCallback)((item)=>{
         if (isResourceSelector(item)) {
-            skipNextCloseRef.current = true;
+            drillDownActiveRef.current = true;
             onDrillDown?.();
             dispatch({
                 type: 'SET_QUERY',
@@ -146,21 +162,19 @@ function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDri
         dispatch
     ]);
     const goBackOrClose = (0, external_react_namespaceObject.useCallback)(()=>{
-        if (drillDown) return void dispatch({
-            type: 'GO_BACK'
-        });
+        if (drillDown) {
+            drillDownActiveRef.current = false;
+            dispatch({
+                type: 'GO_BACK'
+            });
+            return;
+        }
         close();
     }, [
         drillDown,
         close,
         dispatch
     ]);
-    const retryLoad = (0, external_react_namespaceObject.useCallback)(()=>{
-        if (drillDown) loadNestedResources(drillDown.category);
-    }, [
-        drillDown,
-        loadNestedResources
-    ]);
     const loadMore = (0, external_react_namespaceObject.useCallback)(async ()=>{
         if (!paginatedResources || loadingMore) return;
         const isSearch = !!searchQuery;
@@ -259,6 +273,22 @@ function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDri
         getNestedResources,
         dispatch
     ]);
+    const retryLoad = (0, external_react_namespaceObject.useCallback)(()=>{
+        if (searchQuery) {
+            dispatch({
+                type: 'SEARCH_START'
+            });
+            paginatedResources ? performPaginatedSearch() : performLocalSearch();
+        } else if (drillDown) loadNestedResources(drillDown.category);
+    }, [
+        searchQuery,
+        drillDown,
+        paginatedResources,
+        dispatch,
+        loadNestedResources,
+        performPaginatedSearch,
+        performLocalSearch
+    ]);
     const displayedItems = (0, external_react_namespaceObject.useMemo)(()=>{
         if (searchQuery) return searchResults;
         if (drillDown) return drillDown.resources;
@@ -270,15 +300,17 @@ function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDri
         topLevelResources
     ]);
     (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!isOpen) return;
         if (!searchQuery) return void dispatch({
             type: 'CLEAR_SEARCH'
         });
         dispatch({
             type: 'SEARCH_START'
         });
-        const debounceTimer = setTimeout(paginatedResources ? performPaginatedSearch : performLocalSearch, SEARCH_DEBOUNCE_MS);
+        const debounceTimer = setTimeout(paginatedResources ? performPaginatedSearch : performLocalSearch, index_cjs_namespaceObject.CHAT_RESOURCE_PICKER_SEARCH_DEBOUNCE_MS);
         return ()=>clearTimeout(debounceTimer);
     }, [
+        isOpen,
         searchQuery,
         paginatedResources,
         performPaginatedSearch,
@@ -298,6 +330,7 @@ function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDri
     ]);
     const contextValue = (0, external_react_namespaceObject.useMemo)(()=>({
             isOpen,
+            isOpenRef,
             anchorPosition,
             query,
             displayedItems,
@@ -310,6 +343,7 @@ function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDri
             previousDisplayCount,
             open,
             close,
+            handleMentionEnd,
             setQuery,
             handleItemClick,
             goBackOrClose,
@@ -329,6 +363,7 @@ function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDri
         previousDisplayCount,
         open,
         close,
+        handleMentionEnd,
         setQuery,
         handleItemClick,
         goBackOrClose,

package/dist/material/components/ap-chat/providers/resource-picker-provider.d.ts

@@ -6,6 +6,7 @@ export type { DrillDownState };
 export declare function isResourceSelector(item: AutopilotChatResourceItem | AutopilotChatResourceItemSelector): item is AutopilotChatResourceItemSelector;
 export interface AutopilotChatResourcePickerContextType {
     isOpen: boolean;
+    isOpenRef: React.RefObject<boolean>;
     anchorPosition: CursorCoordinates | null;
     query: string;
     displayedItems: AutopilotChatResourceItem[];
@@ -18,6 +19,7 @@ export interface AutopilotChatResourcePickerContextType {
     previousDisplayCount: number;
     open: (range: TipTapRange, coords: CursorCoordinates) => void;
     close: () => void;
+    handleMentionEnd: () => void;
     setQuery: (query: string, range: TipTapRange) => void;
     handleItemClick: (item: AutopilotChatResourceItem | AutopilotChatResourceItemSelector) => void;
     goBackOrClose: () => void;
@@ -28,7 +30,8 @@ interface AutopilotChatResourcePickerProviderProps {
     children: React.ReactNode;
     onResourceSelect: (resource: AutopilotChatResourceItem, range?: TipTapRange) => void;
     onDrillDown?: () => void;
+    onClose?: () => void;
 }
-export declare function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDrillDown, }: AutopilotChatResourcePickerProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDrillDown, onClose, }: AutopilotChatResourcePickerProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useAutopilotChatResourcePicker(): AutopilotChatResourcePickerContextType;
 //# sourceMappingURL=resource-picker-provider.d.ts.map

package/dist/material/components/ap-chat/providers/resource-picker-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resource-picker-provider.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-chat/providers/resource-picker-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAClG,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,KAAK,cAAc,EAA0B,MAAM,oCAAoC,CAAC;AACjG,OAAO,EAAE,KAAK,yBAAyB,EAAE,KAAK,iCAAiC,EAAE,MAAM,YAAY,CAAC;AAGpG,YAAY,EAAE,cAAc,EAAE,CAAC;AAK/B,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,yBAAyB,GAAG,iCAAiC,GAClE,IAAI,IAAI,iCAAiC,CAE3C;AAKD,MAAM,WAAW,sCAAsC;IACrD,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,yBAAyB,EAAE,CAAC;IAC5C,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,IAAI,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9D,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACtD,eAAe,EAAE,CAAC,IAAI,EAAE,yBAAyB,GAAG,iCAAiC,KAAK,IAAI,CAAC;IAC/F,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAKD,UAAU,wCAAwC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,yBAAyB,EAAE,KAAK,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IACrF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,mCAAmC,CAAC,EAClD,QAAQ,EACR,gBAAgB,EAChB,WAAW,GACZ,EAAE,wCAAwC,2CA0S1C;AAED,wBAAgB,8BAA8B,IAAI,sCAAsC,CAQvF"}
+{"version":3,"file":"resource-picker-provider.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-chat/providers/resource-picker-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAQN,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,KAAK,cAAc,EAA0B,MAAM,oCAAoC,CAAC;AACjG,OAAO,EACL,KAAK,yBAAyB,EAC9B,KAAK,iCAAiC,EAEvC,MAAM,YAAY,CAAC;AAGpB,YAAY,EAAE,cAAc,EAAE,CAAC;AAK/B,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,yBAAyB,GAAG,iCAAiC,GAClE,IAAI,IAAI,iCAAiC,CAE3C;AAID,MAAM,WAAW,sCAAsC;IACrD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,yBAAyB,EAAE,CAAC;IAC5C,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,IAAI,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9D,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACtD,eAAe,EAAE,CAAC,IAAI,EAAE,yBAAyB,GAAG,iCAAiC,KAAK,IAAI,CAAC;IAC/F,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAKD,UAAU,wCAAwC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,yBAAyB,EAAE,KAAK,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IACrF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,mCAAmC,CAAC,EAClD,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,OAAO,GACR,EAAE,wCAAwC,2CA8U1C;AAED,wBAAgB,8BAA8B,IAAI,sCAAsC,CAQvF"}

package/dist/material/components/ap-chat/providers/resource-picker-provider.js

@@ -1,22 +1,28 @@
 import { jsx } from "react/jsx-runtime";
 import { useLingui } from "@lingui/react";
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef } from "react";
+import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef } from "react";
 import { useResourcePickerState } from "../hooks/use-resource-picker-state.js";
+import { CHAT_RESOURCE_PICKER_SEARCH_DEBOUNCE_MS } from "../service/index.js";
 import { useResourceData } from "./resource-data-provider.js";
 function isResourceSelector(item) {
     return 'hasNestedResources' in item && true === item.hasNestedResources;
 }
 const PICKER_VERTICAL_OFFSET = 8;
-const SEARCH_DEBOUNCE_MS = 150;
 const AutopilotChatResourcePickerContext = /*#__PURE__*/ createContext(null);
-function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDrillDown }) {
+function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDrillDown, onClose }) {
     const { hasResources, topLevelResources, paginatedResources, getNestedResources, globalSearch, onResourceSelected } = useResourceData();
     const { _ } = useLingui();
     const [state, dispatch] = useResourcePickerState();
     const { anchorPosition, query, drillDown, loading, loadingMore, searchInProgress, error, searchResults, searchDone, previousDisplayCount } = state;
     const mentionRangeRef = useRef(null);
-    const skipNextCloseRef = useRef(false);
+    const drillDownActiveRef = useRef(false);
     const isOpen = null !== anchorPosition;
+    const isOpenRef = useRef(isOpen);
+    useLayoutEffect(()=>{
+        isOpenRef.current = isOpen;
+    }, [
+        isOpen
+    ]);
     const searchQuery = useMemo(()=>query.trim().toLowerCase(), [
         query
     ]);
@@ -48,16 +54,26 @@ function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDri
         dispatch
     ]);
     const close = useCallback(()=>{
-        if (skipNextCloseRef.current) {
-            skipNextCloseRef.current = false;
-            return;
-        }
+        if (!isOpenRef.current) return;
+        isOpenRef.current = false;
+        onClose?.();
+        drillDownActiveRef.current = false;
         mentionRangeRef.current = null;
         dispatch({
             type: 'CLOSE'
         });
     }, [
-        dispatch
+        dispatch,
+        onClose
+    ]);
+    const handleMentionEnd = useCallback(()=>{
+        if (drillDownActiveRef.current) {
+            drillDownActiveRef.current = false;
+            return;
+        }
+        close();
+    }, [
+        close
     ]);
     const setQuery = useCallback((newQuery, range)=>{
         if (!hasResources) return;
@@ -95,7 +111,7 @@ function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDri
     ]);
     const handleItemClick = useCallback((item)=>{
         if (isResourceSelector(item)) {
-            skipNextCloseRef.current = true;
+            drillDownActiveRef.current = true;
             onDrillDown?.();
             dispatch({
                 type: 'SET_QUERY',
@@ -116,21 +132,19 @@ function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDri
         dispatch
     ]);
     const goBackOrClose = useCallback(()=>{
-        if (drillDown) return void dispatch({
-            type: 'GO_BACK'
-        });
+        if (drillDown) {
+            drillDownActiveRef.current = false;
+            dispatch({
+                type: 'GO_BACK'
+            });
+            return;
+        }
         close();
     }, [
         drillDown,
         close,
         dispatch
     ]);
-    const retryLoad = useCallback(()=>{
-        if (drillDown) loadNestedResources(drillDown.category);
-    }, [
-        drillDown,
-        loadNestedResources
-    ]);
     const loadMore = useCallback(async ()=>{
         if (!paginatedResources || loadingMore) return;
         const isSearch = !!searchQuery;
@@ -229,6 +243,22 @@ function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDri
         getNestedResources,
         dispatch
     ]);
+    const retryLoad = useCallback(()=>{
+        if (searchQuery) {
+            dispatch({
+                type: 'SEARCH_START'
+            });
+            paginatedResources ? performPaginatedSearch() : performLocalSearch();
+        } else if (drillDown) loadNestedResources(drillDown.category);
+    }, [
+        searchQuery,
+        drillDown,
+        paginatedResources,
+        dispatch,
+        loadNestedResources,
+        performPaginatedSearch,
+        performLocalSearch
+    ]);
     const displayedItems = useMemo(()=>{
         if (searchQuery) return searchResults;
         if (drillDown) return drillDown.resources;
@@ -240,15 +270,17 @@ function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDri
         topLevelResources
     ]);
     useEffect(()=>{
+        if (!isOpen) return;
         if (!searchQuery) return void dispatch({
             type: 'CLEAR_SEARCH'
         });
         dispatch({
             type: 'SEARCH_START'
         });
-        const debounceTimer = setTimeout(paginatedResources ? performPaginatedSearch : performLocalSearch, SEARCH_DEBOUNCE_MS);
+        const debounceTimer = setTimeout(paginatedResources ? performPaginatedSearch : performLocalSearch, CHAT_RESOURCE_PICKER_SEARCH_DEBOUNCE_MS);
         return ()=>clearTimeout(debounceTimer);
     }, [
+        isOpen,
         searchQuery,
         paginatedResources,
         performPaginatedSearch,
@@ -268,6 +300,7 @@ function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDri
     ]);
     const contextValue = useMemo(()=>({
             isOpen,
+            isOpenRef,
             anchorPosition,
             query,
             displayedItems,
@@ -280,6 +313,7 @@ function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDri
             previousDisplayCount,
             open,
             close,
+            handleMentionEnd,
             setQuery,
             handleItemClick,
             goBackOrClose,
@@ -299,6 +333,7 @@ function AutopilotChatResourcePickerProvider({ children, onResourceSelect, onDri
         previousDisplayCount,
         open,
         close,
+        handleMentionEnd,
         setQuery,
         handleItemClick,
         goBackOrClose,

package/dist/material/components/ap-chat/service/ChatConstants.cjs

@@ -50,11 +50,14 @@ __webpack_require__.d(__webpack_exports__, {
     CHAT_MESSAGE_MIN_PADDING: ()=>CHAT_MESSAGE_MIN_PADDING,
     CHAT_MESSAGE_SPACING: ()=>CHAT_MESSAGE_SPACING,
     CHAT_RESOURCE_CHIP_MAX_WIDTH: ()=>CHAT_RESOURCE_CHIP_MAX_WIDTH,
+    CHAT_RESOURCE_MENTION_TERMINATOR: ()=>CHAT_RESOURCE_MENTION_TERMINATOR,
+    CHAT_RESOURCE_PICKER_ITEM_HEIGHT: ()=>CHAT_RESOURCE_PICKER_ITEM_HEIGHT,
+    CHAT_RESOURCE_PICKER_LOAD_MORE_THRESHOLD: ()=>CHAT_RESOURCE_PICKER_LOAD_MORE_THRESHOLD,
     CHAT_RESOURCE_PICKER_MAX_SKELETON_COUNT: ()=>CHAT_RESOURCE_PICKER_MAX_SKELETON_COUNT,
     CHAT_RESOURCE_PICKER_MENU_MAX_HEIGHT: ()=>CHAT_RESOURCE_PICKER_MENU_MAX_HEIGHT,
     CHAT_RESOURCE_PICKER_MENU_WIDTH: ()=>CHAT_RESOURCE_PICKER_MENU_WIDTH,
     CHAT_RESOURCE_PICKER_MIN_SKELETON_COUNT: ()=>CHAT_RESOURCE_PICKER_MIN_SKELETON_COUNT,
-    CHAT_RESOURCE_PICKER_SCROLL_THRESHOLD: ()=>CHAT_RESOURCE_PICKER_SCROLL_THRESHOLD,
+    CHAT_RESOURCE_PICKER_SEARCH_DEBOUNCE_MS: ()=>CHAT_RESOURCE_PICKER_SEARCH_DEBOUNCE_MS,
     CHAT_RESOURCE_PICKER_TOOLTIP_ENTER_DELAY: ()=>CHAT_RESOURCE_PICKER_TOOLTIP_ENTER_DELAY,
     CHAT_SCROLL_BOTTOM_BUFFER: ()=>CHAT_SCROLL_BOTTOM_BUFFER,
     CHAT_SUGGESTION_SPACING: ()=>CHAT_SUGGESTION_SPACING,
@@ -145,11 +148,14 @@ const CHAT_COMPACT_MODE_MESSAGE_GROUP_GAP = 8;
 const CHAT_SUGGESTION_SPACING = 8;
 const CHAT_RESOURCE_PICKER_MENU_WIDTH = 360;
 const CHAT_RESOURCE_PICKER_MENU_MAX_HEIGHT = 296;
-const CHAT_RESOURCE_PICKER_SCROLL_THRESHOLD = 50;
+const CHAT_RESOURCE_PICKER_ITEM_HEIGHT = 40;
+const CHAT_RESOURCE_PICKER_LOAD_MORE_THRESHOLD = 2;
 const CHAT_RESOURCE_PICKER_TOOLTIP_ENTER_DELAY = 300;
 const CHAT_RESOURCE_PICKER_MIN_SKELETON_COUNT = 1;
 const CHAT_RESOURCE_PICKER_MAX_SKELETON_COUNT = 10;
+const CHAT_RESOURCE_PICKER_SEARCH_DEBOUNCE_MS = 300;
 const CHAT_RESOURCE_CHIP_MAX_WIDTH = 200;
+const CHAT_RESOURCE_MENTION_TERMINATOR = '  ';
 exports.ACCEPTED_FILES = __webpack_exports__.ACCEPTED_FILES;
 exports.ACCEPTED_FILE_MAX_COUNT = __webpack_exports__.ACCEPTED_FILE_MAX_COUNT;
 exports.ACCEPTED_FILE_MAX_SIZE = __webpack_exports__.ACCEPTED_FILE_MAX_SIZE;
@@ -176,11 +182,14 @@ exports.CHAT_MESSAGE_MAX_PADDING = __webpack_exports__.CHAT_MESSAGE_MAX_PADDING;
 exports.CHAT_MESSAGE_MIN_PADDING = __webpack_exports__.CHAT_MESSAGE_MIN_PADDING;
 exports.CHAT_MESSAGE_SPACING = __webpack_exports__.CHAT_MESSAGE_SPACING;
 exports.CHAT_RESOURCE_CHIP_MAX_WIDTH = __webpack_exports__.CHAT_RESOURCE_CHIP_MAX_WIDTH;
+exports.CHAT_RESOURCE_MENTION_TERMINATOR = __webpack_exports__.CHAT_RESOURCE_MENTION_TERMINATOR;
+exports.CHAT_RESOURCE_PICKER_ITEM_HEIGHT = __webpack_exports__.CHAT_RESOURCE_PICKER_ITEM_HEIGHT;
+exports.CHAT_RESOURCE_PICKER_LOAD_MORE_THRESHOLD = __webpack_exports__.CHAT_RESOURCE_PICKER_LOAD_MORE_THRESHOLD;
 exports.CHAT_RESOURCE_PICKER_MAX_SKELETON_COUNT = __webpack_exports__.CHAT_RESOURCE_PICKER_MAX_SKELETON_COUNT;
 exports.CHAT_RESOURCE_PICKER_MENU_MAX_HEIGHT = __webpack_exports__.CHAT_RESOURCE_PICKER_MENU_MAX_HEIGHT;
 exports.CHAT_RESOURCE_PICKER_MENU_WIDTH = __webpack_exports__.CHAT_RESOURCE_PICKER_MENU_WIDTH;
 exports.CHAT_RESOURCE_PICKER_MIN_SKELETON_COUNT = __webpack_exports__.CHAT_RESOURCE_PICKER_MIN_SKELETON_COUNT;
-exports.CHAT_RESOURCE_PICKER_SCROLL_THRESHOLD = __webpack_exports__.CHAT_RESOURCE_PICKER_SCROLL_THRESHOLD;
+exports.CHAT_RESOURCE_PICKER_SEARCH_DEBOUNCE_MS = __webpack_exports__.CHAT_RESOURCE_PICKER_SEARCH_DEBOUNCE_MS;
 exports.CHAT_RESOURCE_PICKER_TOOLTIP_ENTER_DELAY = __webpack_exports__.CHAT_RESOURCE_PICKER_TOOLTIP_ENTER_DELAY;
 exports.CHAT_SCROLL_BOTTOM_BUFFER = __webpack_exports__.CHAT_SCROLL_BOTTOM_BUFFER;
 exports.CHAT_SUGGESTION_SPACING = __webpack_exports__.CHAT_SUGGESTION_SPACING;
@@ -217,11 +226,14 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "CHAT_MESSAGE_MIN_PADDING",
     "CHAT_MESSAGE_SPACING",
     "CHAT_RESOURCE_CHIP_MAX_WIDTH",
+    "CHAT_RESOURCE_MENTION_TERMINATOR",
+    "CHAT_RESOURCE_PICKER_ITEM_HEIGHT",
+    "CHAT_RESOURCE_PICKER_LOAD_MORE_THRESHOLD",
     "CHAT_RESOURCE_PICKER_MAX_SKELETON_COUNT",
     "CHAT_RESOURCE_PICKER_MENU_MAX_HEIGHT",
     "CHAT_RESOURCE_PICKER_MENU_WIDTH",
     "CHAT_RESOURCE_PICKER_MIN_SKELETON_COUNT",
-    "CHAT_RESOURCE_PICKER_SCROLL_THRESHOLD",
+    "CHAT_RESOURCE_PICKER_SEARCH_DEBOUNCE_MS",
     "CHAT_RESOURCE_PICKER_TOOLTIP_ENTER_DELAY",
     "CHAT_SCROLL_BOTTOM_BUFFER",
     "CHAT_SUGGESTION_SPACING",

package/dist/material/components/ap-chat/service/ChatConstants.d.ts

@@ -48,9 +48,12 @@ export declare const CHAT_COMPACT_MODE_MESSAGE_GROUP_GAP = 8;
 export declare const CHAT_SUGGESTION_SPACING = 8;
 export declare const CHAT_RESOURCE_PICKER_MENU_WIDTH = 360;
 export declare const CHAT_RESOURCE_PICKER_MENU_MAX_HEIGHT = 296;
-export declare const CHAT_RESOURCE_PICKER_SCROLL_THRESHOLD = 50;
+export declare const CHAT_RESOURCE_PICKER_ITEM_HEIGHT = 40;
+export declare const CHAT_RESOURCE_PICKER_LOAD_MORE_THRESHOLD = 2;
 export declare const CHAT_RESOURCE_PICKER_TOOLTIP_ENTER_DELAY = 300;
 export declare const CHAT_RESOURCE_PICKER_MIN_SKELETON_COUNT = 1;
 export declare const CHAT_RESOURCE_PICKER_MAX_SKELETON_COUNT = 10;
+export declare const CHAT_RESOURCE_PICKER_SEARCH_DEBOUNCE_MS = 300;
 export declare const CHAT_RESOURCE_CHIP_MAX_WIDTH = 200;
+export declare const CHAT_RESOURCE_MENTION_TERMINATOR = "  ";
 //# sourceMappingURL=ChatConstants.d.ts.map

package/dist/material/components/ap-chat/service/ChatConstants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatConstants.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-chat/service/ChatConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,6BAA6B,CAAC;AACnE,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AACnE,eAAO,MAAM,yBAAyB,8BAA8B,CAAC;AACrE,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;CAe1B,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,sBAAsB,QAAoB,CAAC;AACxD,eAAO,MAAM,sBAAsB,UAAU,CAAC;AAC9C,eAAO,MAAM,iCAAiC,MAAM,CAAC;AACrD,eAAO,MAAM,oCAAoC,MAAM,CAAC;AACxD,eAAO,MAAM,mCAAmC,MAAM,CAAC;AACvD,eAAO,MAAM,8BAA8B,MAAM,CAAC;AAClD,eAAO,MAAM,6BAA6B,MAAM,CAAC;AACjD,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,gCAAgC,UAAU,CAAC;AACxD,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAClD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAClD,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAC9C,eAAO,MAAM,cAAc,UAAU,CAAC;AACtC,eAAO,MAAM,+BAA+B,yBAAyB,CAAC;AACtE,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAC7C,eAAO,MAAM,0BAA0B,iBAAiB,CAAC;AACzD,eAAO,MAAM,0BAA0B,yBAAyB,CAAC;AACjE,eAAO,MAAM,mBAAmB,mBAAmB,CAAC;AACpD,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,iCAAiC,IAAI,CAAC;AACnD,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,mCAAmC,IAAI,CAAC;AACrD,eAAO,MAAM,uBAAuB,IAAI,CAAC;AAGzC,eAAO,MAAM,+BAA+B,MAAM,CAAC;AACnD,eAAO,MAAM,oCAAoC,MAAM,CAAC;AACxD,eAAO,MAAM,qCAAqC,KAAK,CAAC;AACxD,eAAO,MAAM,wCAAwC,MAAM,CAAC;AAC5D,eAAO,MAAM,uCAAuC,IAAI,CAAC;AACzD,eAAO,MAAM,uCAAuC,KAAK,CAAC;AAC1D,eAAO,MAAM,4BAA4B,MAAM,CAAC"}
+{"version":3,"file":"ChatConstants.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-chat/service/ChatConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,6BAA6B,CAAC;AACnE,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AACnE,eAAO,MAAM,yBAAyB,8BAA8B,CAAC;AACrE,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;CAe1B,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,sBAAsB,QAAoB,CAAC;AACxD,eAAO,MAAM,sBAAsB,UAAU,CAAC;AAC9C,eAAO,MAAM,iCAAiC,MAAM,CAAC;AACrD,eAAO,MAAM,oCAAoC,MAAM,CAAC;AACxD,eAAO,MAAM,mCAAmC,MAAM,CAAC;AACvD,eAAO,MAAM,8BAA8B,MAAM,CAAC;AAClD,eAAO,MAAM,6BAA6B,MAAM,CAAC;AACjD,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,gCAAgC,UAAU,CAAC;AACxD,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAClD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAClD,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAC9C,eAAO,MAAM,cAAc,UAAU,CAAC;AACtC,eAAO,MAAM,+BAA+B,yBAAyB,CAAC;AACtE,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAC7C,eAAO,MAAM,0BAA0B,iBAAiB,CAAC;AACzD,eAAO,MAAM,0BAA0B,yBAAyB,CAAC;AACjE,eAAO,MAAM,mBAAmB,mBAAmB,CAAC;AACpD,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,iCAAiC,IAAI,CAAC;AACnD,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,mCAAmC,IAAI,CAAC;AACrD,eAAO,MAAM,uBAAuB,IAAI,CAAC;AAGzC,eAAO,MAAM,+BAA+B,MAAM,CAAC;AACnD,eAAO,MAAM,oCAAoC,MAAM,CAAC;AACxD,eAAO,MAAM,gCAAgC,KAAK,CAAC;AACnD,eAAO,MAAM,wCAAwC,IAAI,CAAC;AAC1D,eAAO,MAAM,wCAAwC,MAAM,CAAC;AAC5D,eAAO,MAAM,uCAAuC,IAAI,CAAC;AACzD,eAAO,MAAM,uCAAuC,KAAK,CAAC;AAC1D,eAAO,MAAM,uCAAuC,MAAM,CAAC;AAC3D,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAChD,eAAO,MAAM,gCAAgC,OAAO,CAAC"}

package/dist/material/components/ap-chat/service/ChatConstants.js

@@ -78,9 +78,12 @@ const CHAT_COMPACT_MODE_MESSAGE_GROUP_GAP = 8;
 const CHAT_SUGGESTION_SPACING = 8;
 const CHAT_RESOURCE_PICKER_MENU_WIDTH = 360;
 const CHAT_RESOURCE_PICKER_MENU_MAX_HEIGHT = 296;
-const CHAT_RESOURCE_PICKER_SCROLL_THRESHOLD = 50;
+const CHAT_RESOURCE_PICKER_ITEM_HEIGHT = 40;
+const CHAT_RESOURCE_PICKER_LOAD_MORE_THRESHOLD = 2;
 const CHAT_RESOURCE_PICKER_TOOLTIP_ENTER_DELAY = 300;
 const CHAT_RESOURCE_PICKER_MIN_SKELETON_COUNT = 1;
 const CHAT_RESOURCE_PICKER_MAX_SKELETON_COUNT = 10;
+const CHAT_RESOURCE_PICKER_SEARCH_DEBOUNCE_MS = 300;
 const CHAT_RESOURCE_CHIP_MAX_WIDTH = 200;
-export { ACCEPTED_FILES, ACCEPTED_FILE_MAX_COUNT, ACCEPTED_FILE_MAX_SIZE, AGENTS_TOOL_CALL_RENDERER, APOLLO_CHAT_TREE_RENDERER, CHAT_ACTIVE_CONVERSATION_ID_KEY, CHAT_CITATION_START, CHAT_COMPACT_MODE_INPUT_MAX_ROWS, CHAT_COMPACT_MODE_INPUT_MIN_ROWS, CHAT_COMPACT_MODE_MESSAGE_GROUP_GAP, CHAT_COMPACT_MODE_MESSAGE_SPACING, CHAT_CONTAINER_ANIMATION_DURATION, CHAT_DRAWER_WIDTH_FULL_SCREEN, CHAT_HISTORY_FULL_SCREEN_WIDTH, CHAT_HISTORY_SIDE_BY_SIDE_MAX_HEIGHT, CHAT_HISTORY_SIDE_BY_SIDE_MAX_WIDTH, CHAT_INPUT_MAX_ROWS, CHAT_INPUT_MIN_ROWS, CHAT_INSTANCE_DEFAULT_NAME, CHAT_INSTANCE_DOCS_AI_NAME, CHAT_LOADER_GRADIENT_WIDTH, CHAT_MESSAGE_GROUP_GAP, CHAT_MESSAGE_MAX_PADDING, CHAT_MESSAGE_MIN_PADDING, CHAT_MESSAGE_SPACING, CHAT_RESOURCE_CHIP_MAX_WIDTH, CHAT_RESOURCE_PICKER_MAX_SKELETON_COUNT, CHAT_RESOURCE_PICKER_MENU_MAX_HEIGHT, CHAT_RESOURCE_PICKER_MENU_WIDTH, CHAT_RESOURCE_PICKER_MIN_SKELETON_COUNT, CHAT_RESOURCE_PICKER_SCROLL_THRESHOLD, CHAT_RESOURCE_PICKER_TOOLTIP_ENTER_DELAY, CHAT_SCROLL_BOTTOM_BUFFER, CHAT_SUGGESTION_SPACING, CHAT_WIDTH_FULL_SCREEN, CHAT_WIDTH_FULL_SCREEN_MAX_WIDTH, CHAT_WIDTH_KEY, CHAT_WIDTH_SIDE_BY_SIDE_MAX, CHAT_WIDTH_SIDE_BY_SIDE_MIN, DEFAULT_MESSAGE_RENDERER };
+const CHAT_RESOURCE_MENTION_TERMINATOR = '  ';
+export { ACCEPTED_FILES, ACCEPTED_FILE_MAX_COUNT, ACCEPTED_FILE_MAX_SIZE, AGENTS_TOOL_CALL_RENDERER, APOLLO_CHAT_TREE_RENDERER, CHAT_ACTIVE_CONVERSATION_ID_KEY, CHAT_CITATION_START, CHAT_COMPACT_MODE_INPUT_MAX_ROWS, CHAT_COMPACT_MODE_INPUT_MIN_ROWS, CHAT_COMPACT_MODE_MESSAGE_GROUP_GAP, CHAT_COMPACT_MODE_MESSAGE_SPACING, CHAT_CONTAINER_ANIMATION_DURATION, CHAT_DRAWER_WIDTH_FULL_SCREEN, CHAT_HISTORY_FULL_SCREEN_WIDTH, CHAT_HISTORY_SIDE_BY_SIDE_MAX_HEIGHT, CHAT_HISTORY_SIDE_BY_SIDE_MAX_WIDTH, CHAT_INPUT_MAX_ROWS, CHAT_INPUT_MIN_ROWS, CHAT_INSTANCE_DEFAULT_NAME, CHAT_INSTANCE_DOCS_AI_NAME, CHAT_LOADER_GRADIENT_WIDTH, CHAT_MESSAGE_GROUP_GAP, CHAT_MESSAGE_MAX_PADDING, CHAT_MESSAGE_MIN_PADDING, CHAT_MESSAGE_SPACING, CHAT_RESOURCE_CHIP_MAX_WIDTH, CHAT_RESOURCE_MENTION_TERMINATOR, CHAT_RESOURCE_PICKER_ITEM_HEIGHT, CHAT_RESOURCE_PICKER_LOAD_MORE_THRESHOLD, CHAT_RESOURCE_PICKER_MAX_SKELETON_COUNT, CHAT_RESOURCE_PICKER_MENU_MAX_HEIGHT, CHAT_RESOURCE_PICKER_MENU_WIDTH, CHAT_RESOURCE_PICKER_MIN_SKELETON_COUNT, CHAT_RESOURCE_PICKER_SEARCH_DEBOUNCE_MS, CHAT_RESOURCE_PICKER_TOOLTIP_ENTER_DELAY, CHAT_SCROLL_BOTTOM_BUFFER, CHAT_SUGGESTION_SPACING, CHAT_WIDTH_FULL_SCREEN, CHAT_WIDTH_FULL_SCREEN_MAX_WIDTH, CHAT_WIDTH_KEY, CHAT_WIDTH_SIDE_BY_SIDE_MAX, CHAT_WIDTH_SIDE_BY_SIDE_MIN, DEFAULT_MESSAGE_RENDERER };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "3.27.0",
+  "version": "3.28.0",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -168,6 +168,7 @@
     "@tiptap/extensions": "^3.17.1",
     "@tiptap/pm": "^3.17.1",
     "@tiptap/react": "^3.17.1",
+    "@tiptap/suggestion": "^3.17.1",
     "@xyflow/react": "12.8.2",
     "@xyflow/system": "0.0.66",
     "d3-hierarchy": "^3.1.2",