@xapp/chat-widget 1.54.0 → 1.54.1

package/dist/index.js

@@ -2590,10 +2590,15 @@ function getItemsLength(result) {
 
 var SuggestionsList = function (props) {
     var suggestions = props.suggestions, itemActions = props.itemActions, className = props.className;
-    var length = React.useMemo(function () { return getItemsLength(suggestions); }, [suggestions]);
+    var length = React.useMemo(function () {
+        if (suggestions) {
+            return getItemsLength(suggestions);
+        }
+        return 0;
+    }, [suggestions]);
     var currentIndex = length >= 0 ? props.index : NaN;
     var indexWalker = 0;
-    return (React__default["default"].createElement("div", { className: "xappw-suggestions-list ".concat(className || "") }, suggestions.map(function (group, index) {
+    return (React__default["default"].createElement("div", { className: "xappw-suggestions-list ".concat(className || "") }, suggestions === null || suggestions === void 0 ? void 0 : suggestions.map(function (group, index) {
         var res = (React__default["default"].createElement(SuggestionsGroup, { key: index, group: group, currentIndex: currentIndex - indexWalker, itemActions: itemActions, onItemClick: props.onItemClick, onItemHover: props.onItemHover, onSpanClick: props.onSpanClick }));
         indexWalker += group.items.length;
         return res;
@@ -8870,10 +8875,19 @@ function createActions(onItemUse) {
     };
 }
 var Suggestions = function (props) {
-    var data = props.data, onItemUse = props.onItemUse;
-    var len = data.length;
+    var data = props.data, onItemUse = props.onItemUse, searchTerms = props.searchTerms;
+    var _a = React$1.useState(), fixedSuggestions = _a[0], setFixedSuggestions = _a[1];
+    React$1.useEffect(function () {
+        if (data) {
+            setFixedSuggestions(data);
+        }
+        if (!searchTerms) {
+            setFixedSuggestions(undefined);
+        }
+    }, [data, searchTerms]);
+    var len = data === null || data === void 0 ? void 0 : data.length;
     var currentIndex = len > 0 ? props.index : NaN;
-    var _a = React$1.useState(), activeItem = _a[0], setActiveItem = _a[1];
+    var _b = React$1.useState(), activeItem = _b[0], setActiveItem = _b[1];
     var item = React$1.useMemo(function () { return findItemByIndex_1(data, currentIndex); }, [data, currentIndex]);
     var handleSpanClick = React$1.useCallback(function (target, span) {
         if (span.type === "inputText") {
@@ -8888,8 +8902,8 @@ var Suggestions = function (props) {
     var actions = React$1.useMemo(function () { return createActions(onItemUse); }, [onItemUse]);
     return (React__default$1["default"].createElement("div", { className: "xappw-suggestions ".concat(props.className || "") },
         (activeItem === null || activeItem === void 0 ? void 0 : activeItem.content) && React__default$1["default"].createElement("div", { className: "xappw-suggestions__answer" }, activeItem.content),
-        !!data.length &&
-            React__default$1["default"].createElement(SuggestionsList_1, { suggestions: data, index: currentIndex, className: "xappw-suggestions__groups", itemActions: actions, onItemClick: props.onItemClick, onItemHover: setActiveItem, onSpanClick: handleSpanClick })));
+        fixedSuggestions && fixedSuggestions.length > 0 &&
+            React__default$1["default"].createElement(SuggestionsList_1, { suggestions: fixedSuggestions, index: currentIndex, className: "xappw-suggestions__groups", itemActions: actions, onItemClick: props.onItemClick, onItemHover: setActiveItem, onSpanClick: handleSpanClick })));
 };
 
 var ChatFooter = function (props) {
@@ -32348,7 +32362,10 @@ function storeHandler(state, action) {
     }
 }
 
+var ADMIN_STORE_KEY = "AdminAccessTimes";
+var ADMIN_STORE_MAX = 20;
 function createChatStore(config, dataStorage) {
+    var _a;
     if (!dataStorage) {
         if (typeof window !== "undefined") {
             dataStorage = localStorage;
@@ -32358,7 +32375,39 @@ function createChatStore(config, dataStorage) {
         }
     }
     var connection = config.connection;
-    var storage = new BrowserStateStorage(dataStorage, "xappchat.".concat(connection.serverUrl, ".").concat(connection.accountKey));
+    var joinSessionId = (_a = new URL(window.location.href).searchParams) === null || _a === void 0 ? void 0 : _a.get("sessionId");
+    var dataStorageKey;
+    var now = new Date().getTime();
+    if (joinSessionId) {
+        var adminTimesData = dataStorage.getItem(ADMIN_STORE_KEY);
+        // Create
+        var adminTimes = adminTimesData ? JSON.parse(adminTimesData) : {};
+        // if exists, use it. If not, check if we are maxed out. evict one session if we are.
+        if (adminTimes[joinSessionId]) {
+            log("ChatStore: reusing session: ".concat(joinSessionId));
+            adminTimes[joinSessionId].lastAccessMs = now;
+            dataStorageKey = adminTimes[joinSessionId].dataStorageKey;
+        }
+        else {
+            if (Object.keys(adminTimes).length >= ADMIN_STORE_MAX) {
+                var evictedSessionId = evictAdminSession(adminTimes);
+                log("ChatStore: evicting session: ".concat(evictedSessionId));
+                dataStorage.removeItem(adminTimes[evictedSessionId].dataStorageKey);
+                adminTimes[evictedSessionId] = undefined;
+            }
+            // We now have room
+            dataStorageKey = generateKey(connection, joinSessionId);
+            adminTimes[joinSessionId] = {
+                lastAccessMs: now,
+                dataStorageKey: dataStorageKey,
+            };
+        }
+        dataStorage.setItem(ADMIN_STORE_KEY, JSON.stringify(adminTimes));
+    }
+    else {
+        dataStorageKey = generateKey(connection);
+    }
+    var storage = new BrowserStateStorage(dataStorage, dataStorageKey);
     var defaultState = createDefaultState({
         accessToken: config.accessToken,
         userId: config.userId,
@@ -32372,6 +32421,36 @@ function createChatStore(config, dataStorage) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var composeEnhancers = globalThis.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || redux.compose;
     return redux.createStore(chatReducer, composeEnhancers(redux.applyMiddleware.apply(void 0, middlewares)));
+}
+/**
+ * Pick one admin session for eviction
+ *
+ * @param adminTimes
+ * @returns
+ */
+function evictAdminSession(adminTimes) {
+    // Find the oldest
+    var minTimeTs = Number.MAX_VALUE;
+    var minSessionId;
+    for (var _i = 0, _a = Object.keys(adminTimes); _i < _a.length; _i++) {
+        var sessionId = _a[_i];
+        if (adminTimes[sessionId].lastAccessMs < minTimeTs) {
+            minSessionId = sessionId;
+            minTimeTs = adminTimes[sessionId].lastAccessMs;
+        }
+    }
+    return minSessionId;
+}
+function generateKey(connection, sessionId) {
+    var base = "xappchat.".concat(connection.serverUrl);
+    if (sessionId) {
+        return connection.accountKey
+            ? "".concat(base, ".").concat(connection.accountKey, ".").concat(sessionId)
+            : "".concat(base, ".").concat(sessionId);
+    }
+    else {
+        return connection.accountKey ? "".concat(base, ".").concat(connection.accountKey) : base;
+    }
 }
 
 var ChatWidgetContainer = function (props) {