@xapp/chat-widget 1.40.3 → 1.41.0

package/dist/index.js

@@ -7645,6 +7645,35 @@ var ChatMessage = function (props) {
         React__default$1["default"].createElement("div", { className: "chat-msg-container ".concat(getClassName(props.message)) }, renderByType())));
 };
 
+/**
+ * value must be like "60m", "2h" etc.
+ */
+function convertToSeconds(value) {
+    var unit = value === null || value === void 0 ? void 0 : value.slice(-1);
+    var number = parseFloat(value === null || value === void 0 ? void 0 : value.slice(0, -1));
+    switch (unit) {
+        case "d": {
+            return number * 24 * 60 * 60;
+        }
+        case "h": {
+            return number * 60 * 60;
+        }
+        case "m": {
+            return number * 60;
+        }
+        case "s": {
+            return number;
+        }
+        default: {
+            return number;
+        }
+    }
+}
+
+function checkSessionExpiration(duration, lastMessageTimestamp, lastTimestamp) {
+    return lastTimestamp - lastMessageTimestamp > convertToSeconds(duration);
+}
+
 function useExternalScript(url) {
     React$1.useEffect(function () {
         if (!url) {
@@ -30824,7 +30853,13 @@ var ChatWidget = function (props) {
         set$1("visible", newVisible);
     }, [staticMode]);
     React$1.useEffect(function () {
-        // For reopen widget after move on same window
+        var _a;
+        if (checkSessionExpiration(chatState === null || chatState === void 0 ? void 0 : chatState.sessionExpiration, (_a = chatState === null || chatState === void 0 ? void 0 : chatState.chats[chatState.chats.length - 1]) === null || _a === void 0 ? void 0 : _a.timestamp, chatState === null || chatState === void 0 ? void 0 : chatState.lastTimestamp)) {
+            innerDispatch(reset());
+        }
+    }, []);
+    React$1.useEffect(function () {
+        // For reopen widget after move on same windowyar
         if (get("opened")) {
             setVisible(true);
         }
@@ -30994,7 +31029,7 @@ function createDefaultState(state) {
             connectionStatus: "offline",
             token: null,
             greetingRequested: false
-        }, accountStatus: "offline", departments: {}, visitor: DEFAULT_VISITOR, agents: {}, chats: [], lastTimestamp: 0, lastRatingRequestTimestamp: 0, hasRating: false, isChatting: false, queuePosition: 0, failureMsg: null, visitorId: visitorFingerprint(), chips: [] }, state);
+        }, accountStatus: "offline", departments: {}, visitor: DEFAULT_VISITOR, agents: {}, chats: [], lastTimestamp: 0, lastRatingRequestTimestamp: 0, hasRating: false, isChatting: false, queuePosition: 0, failureMsg: null, visitorId: visitorFingerprint(), chips: [], sessionExpiration: "24h" }, state);
 }
 var DEFAULT_STATE = createDefaultState();
 
@@ -31191,7 +31226,7 @@ function createChatStore(config, dataStorage) {
     if (dataStorage === void 0) { dataStorage = localStorage; }
     var connection = config.connection;
     var storage = new BrowserStateStorage(dataStorage, "xappchat.".concat(connection.serverUrl, ".").concat(connection.accountKey));
-    var defaultState = createDefaultState({ accessToken: config.accessToken, userId: config.userId, attributes: config.attributes });
+    var defaultState = createDefaultState({ accessToken: config.accessToken, userId: config.userId, attributes: config.attributes, sessionExpiration: config.sessionExpiration });
     var chatReducer = persistStateReducer(storage, defaultState, storeHandler);
     var middlewares = [
         thunk__default["default"]
@@ -31201,19 +31236,20 @@ function createChatStore(config, dataStorage) {
 }
 
 var ChatWidgetContainer = function (props) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     var messageMiddleware = useStandardMiddleware();
     var connection = useServerConfig(props.config);
     var chatStore = React$1.useMemo(function () {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         return createChatStore({
             connection: connection,
             userId: (_a = props.config) === null || _a === void 0 ? void 0 : _a.userId,
             accessToken: (_b = props.config) === null || _b === void 0 ? void 0 : _b.accessToken,
             attributes: (_c = props.config) === null || _c === void 0 ? void 0 : _c.attributes,
+            sessionExpiration: (_d = props.config) === null || _d === void 0 ? void 0 : _d.sessionExpiration
         });
-    }, [connection, (_a = props.config) === null || _a === void 0 ? void 0 : _a.userId, (_b = props.config) === null || _b === void 0 ? void 0 : _b.accessToken, (_c = props.config) === null || _c === void 0 ? void 0 : _c.attributes]);
-    if ((_d = props.config) === null || _d === void 0 ? void 0 : _d.disabled) {
+    }, [connection, (_a = props.config) === null || _a === void 0 ? void 0 : _a.userId, (_b = props.config) === null || _b === void 0 ? void 0 : _b.accessToken, (_c = props.config) === null || _c === void 0 ? void 0 : _c.attributes, (_d = props.config) === null || _d === void 0 ? void 0 : _d.sessionExpiration]);
+    if ((_e = props.config) === null || _e === void 0 ? void 0 : _e.disabled) {
         return React__default$1["default"].createElement(React__default$1["default"].Fragment, null);
     }
     var widgetProps = __assign(__assign({}, props), { messageMiddleware: messageMiddleware });