@microsoft/omnichannel-chat-widget 1.8.3 → 1.8.4-main.7bdb634

package/lib/cjs/components/livechatwidget/common/PersistentConversationHandler.js

@@ -0,0 +1,284 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
+var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
+var _ChatWidgetEvents = _interopRequireDefault(require("./ChatWidgetEvents"));
+var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
+var _conversationDividerActivity = _interopRequireDefault(require("../../webchatcontainerstateful/common/activities/conversationDividerActivity"));
+var _convertPersistentChatHistoryMessageToActivity = _interopRequireDefault(require("../../webchatcontainerstateful/common/activityConverters/convertPersistentChatHistoryMessageToActivity"));
+var _utils = require("../../../common/utils");
+var _defaultPersistentChatHistoryProps = require("./defaultProps/defaultPersistentChatHistoryProps");
+var _dispatchCustomEvent = _interopRequireDefault(require("../../../common/utils/dispatchCustomEvent"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/**
+ * Class responsible for handling persistent conversation history
+ */
+let PersistentConversationHandler = /*#__PURE__*/function () {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+  function PersistentConversationHandler(facadeChatSDK, props) {
+    _classCallCheck(this, PersistentConversationHandler);
+    _defineProperty(this, "appliedProps", {
+      ..._defaultPersistentChatHistoryProps.defaultPersistentChatHistoryProps
+    });
+    _defineProperty(this, "isLastPull", false);
+    _defineProperty(this, "pageToken", null);
+    _defineProperty(this, "facadeChatSDK", void 0);
+    _defineProperty(this, "lastMessage", null);
+    _defineProperty(this, "count", 0);
+    _defineProperty(this, "pageSize", 4);
+    _defineProperty(this, "isCurrentlyPulling", false);
+    _defineProperty(this, "pageTokenInTransitSet", new Set());
+    _defineProperty(this, "resetEventListener", _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.BroadcastEvent.PersistentConversationReset).subscribe(() => {
+      this.reset();
+    }));
+    this.facadeChatSDK = facadeChatSDK;
+    this.appliedPropsHandler(props);
+    _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.LCWPersistentConversationHandlerInitialized,
+      Description: "PersistentConversationHandler initialized",
+      CustomProperties: {
+        pageSize: this.pageSize
+      }
+    });
+  }
+  _createClass(PersistentConversationHandler, [{
+    key: "appliedPropsHandler",
+    value: function appliedPropsHandler(props) {
+      this.appliedProps = {
+        ..._defaultPersistentChatHistoryProps.defaultPersistentChatHistoryProps,
+        ...props
+      };
+      this.pageSize = this.appliedProps.pageSize || 4;
+    }
+  }, {
+    key: "reset",
+    value: function reset() {
+      this.isLastPull = false;
+      this.pageToken = null;
+      this.lastMessage = null;
+      this.count = 0;
+      this.isCurrentlyPulling = false;
+      this.pageTokenInTransitSet.clear();
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      // Only unsubscribe when the handler is being destroyed completely
+      this.resetEventListener.unsubscribe();
+    }
+  }, {
+    key: "pullHistory",
+    value: async function pullHistory() {
+      const pullTimer = (0, _utils.createTimer)();
+
+      // Prevent concurrent pulls regardless of pageToken
+      if (this.isCurrentlyPulling) {
+        _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.WARN, {
+          Event: _TelemetryConstants.TelemetryEvent.LCWPersistentHistoryPullBlocked,
+          Description: "History pull blocked - already in progress"
+        });
+        return;
+      }
+
+      // Additional check for specific pageToken duplicates
+      if (this.pageToken && this.pageTokenInTransitSet.has(this.pageToken)) {
+        return;
+      }
+
+      // Mark as currently pulling
+      this.isCurrentlyPulling = true;
+      if (this.pageToken) {
+        this.pageTokenInTransitSet.add(this.pageToken);
+      }
+      try {
+        var _ref;
+        const messages = await this.fetchHistoryMessages();
+        if (messages === null || (messages === null || messages === void 0 ? void 0 : messages.length) === 0) {
+          this.isLastPull = true;
+          // Dispatch event to notify UI that no more history is available
+          (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.NO_MORE_HISTORY_AVAILABLE);
+          // Also hide the loading banner
+          (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.HIDE_LOADING_BANNER);
+          _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+            Event: _TelemetryConstants.TelemetryEvent.LCWPersistentHistoryPullCompleted,
+            Description: "History pull completed - no more messages",
+            ElapsedTimeInMilliseconds: pullTimer.milliSecondsElapsed
+          });
+          return;
+        }
+        const messagesDescOrder = (_ref = [...messages]) === null || _ref === void 0 ? void 0 : _ref.reverse();
+        this.processHistoryMessages(messagesDescOrder);
+
+        // Dispatch event to hide the loading banner after messages are processed
+        (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.HIDE_LOADING_BANNER);
+        _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+          Event: _TelemetryConstants.TelemetryEvent.LCWPersistentHistoryPullCompleted,
+          Description: "History pull completed successfully",
+          ElapsedTimeInMilliseconds: pullTimer.milliSecondsElapsed,
+          CustomProperties: {
+            messageCount: messages.length,
+            totalProcessed: this.count
+          }
+        });
+      } finally {
+        // Always clear the pulling flag when done
+        this.isCurrentlyPulling = false;
+
+        // Remove pageToken from transit set if it was added
+        if (this.pageToken) {
+          this.pageTokenInTransitSet.delete(this.pageToken);
+        }
+      }
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }, {
+    key: "processHistoryMessages",
+    value: function processHistoryMessages(messagesDescOrder) {
+      for (const message of messagesDescOrder) {
+        try {
+          const activity = this.processMessageToActivity(message);
+          if (activity) {
+            (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.ADD_ACTIVITY, {
+              activity
+            });
+            const dividerActivity = this.createDividerActivity(activity);
+            if (dividerActivity) {
+              (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.ADD_ACTIVITY, {
+                activity: dividerActivity
+              });
+            }
+            this.lastMessage = activity;
+          }
+        } catch (error) {
+          _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
+            Event: _TelemetryConstants.TelemetryEvent.ConvertPersistentChatHistoryMessageToActivityFailed,
+            ExceptionDetails: error
+          });
+        }
+      }
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }, {
+    key: "fetchHistoryMessages",
+    value: async function fetchHistoryMessages() {
+      if (!this.shouldPull()) {
+        // Dispatch event to ensure banner is hidden when no more pulls are needed
+        (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.NO_MORE_HISTORY_AVAILABLE);
+        (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.HIDE_LOADING_BANNER);
+        return [];
+      }
+      const options = {
+        pageSize: this.pageSize,
+        pageToken: this.pageToken || undefined
+      };
+      try {
+        var _this$facadeChatSDK;
+        const response = await ((_this$facadeChatSDK = this.facadeChatSDK) === null || _this$facadeChatSDK === void 0 ? void 0 : _this$facadeChatSDK.fetchPersistentConversationHistory(options));
+        const {
+          chatMessages: messages,
+          nextPageToken: pageToken
+        } = response;
+        this.pageToken = pageToken || null;
+        if (pageToken === null) {
+          this.isLastPull = true;
+          // Dispatch event when we reach the end of available history
+          (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.NO_MORE_HISTORY_AVAILABLE);
+        }
+
+        // if chatMessages is null, return empty array
+        if (!messages) {
+          this.isLastPull = true;
+          // Dispatch event when we reach the end of available history
+          (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.NO_MORE_HISTORY_AVAILABLE);
+          // Also hide the loading banner
+          (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.HIDE_LOADING_BANNER);
+          return [];
+        }
+        (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.HIDE_LOADING_BANNER);
+        return messages;
+      } catch (error) {
+        _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.ERROR, {
+          Event: _TelemetryConstants.TelemetryEvent.FetchPersistentChatHistoryFailed,
+          ExceptionDetails: error
+        });
+        this.isLastPull = true;
+        this.pageToken = null;
+        // Dispatch event when there's an error to stop loading banner
+        (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.NO_MORE_HISTORY_AVAILABLE);
+        // Also hide the loading banner
+        (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.HIDE_LOADING_BANNER);
+        return [];
+      }
+    }
+  }, {
+    key: "shouldPull",
+    value: function shouldPull() {
+      return !this.isLastPull;
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }, {
+    key: "processMessageToActivity",
+    value: function processMessageToActivity(message) {
+      try {
+        const activity = (0, _convertPersistentChatHistoryMessageToActivity.default)(message);
+        activity.id = activity.id || `activity-${this.count}`;
+        activity.channelData = {
+          ...activity.channelData,
+          metadata: {
+            count: this.count
+          }
+        };
+
+        // Increment the count after assigning it to the activity
+        this.count += 1;
+        return activity;
+      } catch (error) {
+        _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
+          Event: _TelemetryConstants.TelemetryEvent.ConvertPersistentChatHistoryMessageToActivityFailed,
+          ExceptionDetails: error
+        });
+        throw error;
+      }
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }, {
+    key: "createDividerActivity",
+    value: function createDividerActivity(activity) {
+      var _this$lastMessage, _this$lastMessage$cha;
+      if (((_this$lastMessage = this.lastMessage) === null || _this$lastMessage === void 0 ? void 0 : (_this$lastMessage$cha = _this$lastMessage.channelData) === null || _this$lastMessage$cha === void 0 ? void 0 : _this$lastMessage$cha.conversationId) !== activity.channelData.conversationId) {
+        const rawSequenceId = activity.channelData["webchat:sequence-id"];
+        const sequenceId = typeof rawSequenceId === "number" && !isNaN(rawSequenceId) ? rawSequenceId + 1 : 1;
+        const timestamp = new Date(activity.timestamp).getTime() + 1;
+        return {
+          ..._conversationDividerActivity.default,
+          channelData: {
+            ..._conversationDividerActivity.default.channelData,
+            conversationId: activity.channelData.conversationId,
+            "webchat:sequence-id": sequenceId
+          },
+          timestamp: new Date(timestamp).toISOString(),
+          identifier: `divider-${activity.channelData.conversationId}`
+        };
+      }
+      return null;
+    }
+  }]);
+  return PersistentConversationHandler;
+}();
+var _default = PersistentConversationHandler;
+exports.default = _default;

package/lib/cjs/components/livechatwidget/common/createAdapter.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createAdapter = void 0;
+var _AddActivitySubscriber = require("./ActivitySubscriber/AddActivitySubscriber");
 var _BotAuthActivitySubscriber = require("./ActivitySubscriber/BotAuthActivitySubscriber");
 var _ChatAdapterShim = require("./ChatAdapterShim");
 var _HiddenAdaptiveCardActivitySubscriber = require("./ActivitySubscriber/HiddenAdaptiveCardActivitySubscriber");
@@ -50,6 +51,7 @@ const createAdapter = async (facadeChatSDK, props) => {
       fetchBotAuthConfigRetryInterval: (props === null || props === void 0 ? void 0 : (_props$webChatContain3 = props.webChatContainerProps) === null || _props$webChatContain3 === void 0 ? void 0 : (_props$webChatContain4 = _props$webChatContain3.botAuthConfig) === null || _props$webChatContain4 === void 0 ? void 0 : _props$webChatContain4.fetchBotAuthConfigRetryInterval) || defaultBotAuthConfig.fetchBotAuthConfigRetryInterval
     };
     adapter = new _ChatAdapterShim.ChatAdapterShim(adapter);
+    adapter.addSubscriber(new _AddActivitySubscriber.AddActivitySubscriber());
     adapter.addSubscriber(new _PauseActivitySubscriber.PauseActivitySubscriber());
     adapter.addSubscriber(new _BotAuthActivitySubscriber.BotAuthActivitySubscriber(botAuthActivitySubscriberOptionalParams));
     // Remove this code after ICM ID:544623085 is fixed

package/lib/cjs/components/livechatwidget/common/defaultProps/defaultPersistentChatHistoryProps.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultPersistentChatHistoryProps = void 0;
+const defaultPersistentChatHistoryProps = {
+  persistentChatHistoryEnabled: true,
+  pageSize: 4,
+  dividerActivityStyle: {
+    border: "1px solid rgb(96, 94, 92, 0.5)",
+    margin: "10px 20%"
+  },
+  bannerStyle: {
+    margin: "10px auto"
+  }
+};
+exports.defaultPersistentChatHistoryProps = defaultPersistentChatHistoryProps;

package/lib/cjs/components/livechatwidget/common/endChat.js

@@ -10,6 +10,7 @@ var _utils = require("../../../common/utils");
 var _renderSurveyHelpers = require("./renderSurveyHelpers");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 var _ConversationState = require("../../../contexts/common/ConversationState");
+var _LazyLoadActivity = require("../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activities/LazyLoadActivity");
 var _LiveChatWidgetActionType = require("../../../contexts/common/LiveChatWidgetActionType");
 var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
 var _TelemetryManager = require("../../../common/telemetry/TelemetryManager");
@@ -231,7 +232,12 @@ const endChat = async (props, facadeChatSDK, state, dispatch, setAdapter, setWeb
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT,
         payload: undefined
       });
-      // Always allow to close the chat for embedded mode irrespective of end chat errors
+
+      // Call direct reset to ensure LazyLoadHandler gets reset regardless of broadcast timing
+      _LazyLoadActivity.LazyLoadHandler.directReset();
+      _omnichannelChatComponents.BroadcastService.postMessage({
+        eventName: _TelemetryConstants.BroadcastEvent.PersistentConversationReset
+      });
       closeChatWidget(dispatch, setWebChatStyles, props);
       facadeChatSDK.destroy();
     }

package/lib/cjs/components/livechatwidget/common/initWebChatComposer.js

@@ -7,6 +7,7 @@ exports.initWebChatComposer = void 0;
 var _Constants = require("../../../common/Constants");
 var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
 var _utils = require("../../../common/utils");
+var _localizedStringsBotInitialsMiddleware = require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/localizedStringsBotInitialsMiddleware");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 var _ConversationState = require("../../../contexts/common/ConversationState");
 var _dompurify = _interopRequireDefault(require("dompurify"));
@@ -17,6 +18,7 @@ var _WebChatStoreLoader = require("../../webchatcontainerstateful/webchatcontrol
 var _attachmentProcessingMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentProcessingMiddleware"));
 var _channelDataMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/channelDataMiddleware"));
 var _activityMiddleware = require("../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityMiddleware");
+var _activityStatusMiddleware = require("../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityStatusMiddleware");
 var _attachmentMiddleware = require("../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachmentMiddleware");
 var _attachmentUploadValidatorMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentUploadValidatorMiddleware"));
 var _avatarMiddleware = require("../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/avatarMiddleware");
@@ -44,11 +46,10 @@ var _htmlPlayerMiddleware = _interopRequireDefault(require("../../webchatcontain
 var _htmlTextMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/htmlTextMiddleware"));
 var _preProcessingMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/preProcessingMiddleware"));
 var _sanitizationMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/sanitizationMiddleware"));
-var _localizedStringsBotInitialsMiddleware = require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/localizedStringsBotInitialsMiddleware");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endChat) => {
-  var _props$webChatContain, _props$webChatContain2, _props$webChatContain3, _props$webChatContain4, _props$webChatContain5, _props$webChatContain6, _state$domainStates$l4, _state$domainStates$l5, _props$webChatContain11, _props$webChatContain12, _state$domainStates$r, _state$domainStates$r2, _props$webChatContain13, _props$webChatContain14, _state$domainStates$r3, _state$domainStates$r4, _props$webChatContain15, _props$webChatContain16, _defaultWebChatContai, _props$webChatContain17, _props$webChatContain18, _props$webChatContain19, _props$webChatContain20, _state$domainStates$r5, _state$domainStates$r6, _props$webChatContain21, _props$webChatContain22, _defaultWebChatContai2, _props$webChatContain23, _props$webChatContain24, _defaultWebChatContai3, _props$webChatContain25, _props$webChatContain26, _props$webChatContain27, _props$webChatContain28;
+  var _props$webChatContain, _props$webChatContain2, _props$webChatContain3, _props$webChatContain4, _props$webChatContain5, _props$webChatContain6, _state$domainStates$l4, _state$domainStates$l5, _props$webChatContain11, _props$webChatContain12, _state$domainStates$r, _state$domainStates$r2, _props$webChatContain13, _props$webChatContain14, _state$domainStates$r3, _state$domainStates$r4, _props$webChatContain15, _props$webChatContain16, _state$domainStates$l6, _state$domainStates$l7, _props$webChatContain17, _props$webChatContain18, _props$webChatContain19, _props$webChatContain20, _state$domainStates$r5, _state$domainStates$r6, _props$webChatContain21, _props$webChatContain22, _defaultWebChatContai, _props$webChatContain23, _props$webChatContain24, _defaultWebChatContai2, _props$webChatContain25, _props$webChatContain26, _props$webChatContain27, _props$webChatContain28;
   // Add a hook to make all links open a new window
   postDomPurifyActivities();
   const localizedTexts = {
@@ -66,6 +67,7 @@ const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endChat) =>
   let webChatStore = _WebChatStoreLoader.WebChatStoreLoader.store;
   if (!webChatStore) {
     var _state$domainStates$l, _state$domainStates$l2, _state$domainStates$l3, _props$webChatContain7;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const addConversationalSurveyTagsCallback = action => {
       var _inMemoryState$appSta;
       const inMemoryState = (0, _createReducer.executeReducer)(state, {
@@ -168,12 +170,12 @@ const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endChat) =>
     store: webChatStore,
     activityMiddleware: (_props$webChatContain11 = props.webChatContainerProps) !== null && _props$webChatContain11 !== void 0 && (_props$webChatContain12 = _props$webChatContain11.renderingMiddlewareProps) !== null && _props$webChatContain12 !== void 0 && _props$webChatContain12.disableActivityMiddleware ? undefined : (0, _activityMiddleware.createActivityMiddleware)(renderMarkdown, (_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.systemMessageStyleProps, (_state$domainStates$r2 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r2 === void 0 ? void 0 : _state$domainStates$r2.userMessageStyleProps),
     attachmentMiddleware: (_props$webChatContain13 = props.webChatContainerProps) !== null && _props$webChatContain13 !== void 0 && (_props$webChatContain14 = _props$webChatContain13.renderingMiddlewareProps) !== null && _props$webChatContain14 !== void 0 && _props$webChatContain14.disableAttachmentMiddleware ? undefined : (0, _attachmentMiddleware.createAttachmentMiddleware)(((_state$domainStates$r3 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r3 === void 0 ? void 0 : (_state$domainStates$r4 = _state$domainStates$r3.attachmentProps) === null || _state$domainStates$r4 === void 0 ? void 0 : _state$domainStates$r4.enableInlinePlaying) ?? _defaultAttachmentProps.defaultAttachmentProps.enableInlinePlaying),
-    activityStatusMiddleware: (_props$webChatContain15 = props.webChatContainerProps) !== null && _props$webChatContain15 !== void 0 && (_props$webChatContain16 = _props$webChatContain15.renderingMiddlewareProps) !== null && _props$webChatContain16 !== void 0 && _props$webChatContain16.disableActivityStatusMiddleware ? undefined : (_defaultWebChatContai = _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.webChatProps) === null || _defaultWebChatContai === void 0 ? void 0 : _defaultWebChatContai.activityStatusMiddleware,
+    activityStatusMiddleware: (_props$webChatContain15 = props.webChatContainerProps) !== null && _props$webChatContain15 !== void 0 && (_props$webChatContain16 = _props$webChatContain15.renderingMiddlewareProps) !== null && _props$webChatContain16 !== void 0 && _props$webChatContain16.disableActivityStatusMiddleware ? undefined : (0, _activityStatusMiddleware.createActivityStatusMiddleware)((0, _omnichannelChatSdk.getLocaleStringFromId)((_state$domainStates$l6 = state.domainStates.liveChatConfig) === null || _state$domainStates$l6 === void 0 ? void 0 : (_state$domainStates$l7 = _state$domainStates$l6.ChatWidgetLanguage) === null || _state$domainStates$l7 === void 0 ? void 0 : _state$domainStates$l7.msdyn_localeid)),
     toastMiddleware: (_props$webChatContain17 = props.webChatContainerProps) !== null && _props$webChatContain17 !== void 0 && (_props$webChatContain18 = _props$webChatContain17.renderingMiddlewareProps) !== null && _props$webChatContain18 !== void 0 && _props$webChatContain18.disableToastMiddleware ? undefined : (0, _toastMiddleware.createToastMiddleware)(props.notificationPaneProps, endChat),
     renderMarkdown,
     avatarMiddleware: (_props$webChatContain19 = props.webChatContainerProps) !== null && _props$webChatContain19 !== void 0 && (_props$webChatContain20 = _props$webChatContain19.renderingMiddlewareProps) !== null && _props$webChatContain20 !== void 0 && _props$webChatContain20.disableAvatarMiddleware ? undefined : (0, _avatarMiddleware.createAvatarMiddleware)((_state$domainStates$r5 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r5 === void 0 ? void 0 : _state$domainStates$r5.avatarStyleProps, (_state$domainStates$r6 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r6 === void 0 ? void 0 : _state$domainStates$r6.avatarTextStyleProps),
-    groupActivitiesMiddleware: (_props$webChatContain21 = props.webChatContainerProps) !== null && _props$webChatContain21 !== void 0 && (_props$webChatContain22 = _props$webChatContain21.renderingMiddlewareProps) !== null && _props$webChatContain22 !== void 0 && _props$webChatContain22.disableGroupActivitiesMiddleware ? undefined : (_defaultWebChatContai2 = _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.webChatProps) === null || _defaultWebChatContai2 === void 0 ? void 0 : _defaultWebChatContai2.groupActivitiesMiddleware,
-    typingIndicatorMiddleware: (_props$webChatContain23 = props.webChatContainerProps) !== null && _props$webChatContain23 !== void 0 && (_props$webChatContain24 = _props$webChatContain23.renderingMiddlewareProps) !== null && _props$webChatContain24 !== void 0 && _props$webChatContain24.disableTypingIndicatorMiddleware ? undefined : (_defaultWebChatContai3 = _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.webChatProps) === null || _defaultWebChatContai3 === void 0 ? void 0 : _defaultWebChatContai3.typingIndicatorMiddleware,
+    groupActivitiesMiddleware: (_props$webChatContain21 = props.webChatContainerProps) !== null && _props$webChatContain21 !== void 0 && (_props$webChatContain22 = _props$webChatContain21.renderingMiddlewareProps) !== null && _props$webChatContain22 !== void 0 && _props$webChatContain22.disableGroupActivitiesMiddleware ? undefined : (_defaultWebChatContai = _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.webChatProps) === null || _defaultWebChatContai === void 0 ? void 0 : _defaultWebChatContai.groupActivitiesMiddleware,
+    typingIndicatorMiddleware: (_props$webChatContain23 = props.webChatContainerProps) !== null && _props$webChatContain23 !== void 0 && (_props$webChatContain24 = _props$webChatContain23.renderingMiddlewareProps) !== null && _props$webChatContain24 !== void 0 && _props$webChatContain24.disableTypingIndicatorMiddleware ? undefined : (_defaultWebChatContai2 = _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.webChatProps) === null || _defaultWebChatContai2 === void 0 ? void 0 : _defaultWebChatContai2.typingIndicatorMiddleware,
     onTelemetry: (0, _WebChatLogger.createWebChatTelemetry)(),
     cardActionMiddleware: (0, _cardActionMiddleware.createCardActionMiddleware)(((_props$webChatContain25 = props.webChatContainerProps) === null || _props$webChatContain25 === void 0 ? void 0 : _props$webChatContain25.botMagicCode) || undefined),
     sendTypingIndicator: true,

package/lib/cjs/components/livechatwidget/interfaces/IPersistentChatHistoryProps.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/webchatcontainerstateful/WebChatContainerStateful.js

@@ -17,6 +17,7 @@ var _NotificationHandler = require("./webchatcontroller/notification/Notificatio
 var _NotificationScenarios = require("./webchatcontroller/enums/NotificationScenarios");
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
 var _WebChatActionType = require("./webchatcontroller/enums/WebChatActionType");
+var _WebChatEventSubscribers = _interopRequireDefault(require("./webchatcontroller/WebChatEventSubscribers"));
 var _WebChatStoreLoader = require("./webchatcontroller/WebChatStoreLoader");
 var _fontUtils = require("./common/utils/fontUtils");
 var _defaultAdaptiveCardStyles = require("./common/defaultStyles/defaultAdaptiveCardStyles");
@@ -26,7 +27,10 @@ var _defaultSentMessageAnchorStyles = require("./webchatcontroller/middlewares/r
 var _defaultSystemMessageBoxStyles = require("./webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultSystemMessageBoxStyles");
 var _defaultUserMessageBoxStyles = require("./webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultUserMessageBoxStyles");
 var _defaultWebChatContainerStatefulProps = require("./common/defaultProps/defaultWebChatContainerStatefulProps");
+var _liveChatConfigUtils = require("../livechatwidget/common/liveChatConfigUtils");
 var _ = require("../..");
+var _useFacadeChatSDKStore = _interopRequireDefault(require("../../hooks/useFacadeChatSDKStore"));
+var _usePersistentChatHistory = _interopRequireDefault(require("./hooks/usePersistentChatHistory"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -58,7 +62,9 @@ const createMagicCodeSuccessResponse = signin => {
   };
 };
 const WebChatContainerStateful = props => {
-  var _props$webChatContain, _defaultWebChatContai, _webChatContainerProp, _webChatContainerProp2, _webChatContainerProp3, _webChatContainerProp4, _webChatContainerProp5, _webChatContainerProp6, _webChatContainerProp7, _webChatContainerProp8, _props$webChatContain6, _props$webChatContain7, _defaultWebChatContai2, _props$webChatContain8, _props$webChatContain9, _defaultWebChatContai3, _webChatContainerProp9, _webChatContainerProp10, _webChatContainerProp11, _webChatContainerProp12, _webChatContainerProp13, _webChatContainerProp14, _webChatContainerProp15, _webChatContainerProp16, _webChatContainerProp17, _webChatContainerProp18, _webChatContainerProp19, _webChatContainerProp20, _webChatContainerProp21, _webChatContainerProp22, _webChatContainerProp23, _props$webChatContain10, _props$webChatContain11, _webChatContainerProp24, _webChatContainerProp25, _webChatContainerProp26, _webChatContainerProp27, _props$citationPanePr, _props$citationPanePr2, _props$citationPanePr3, _props$citationPanePr4, _props$citationPanePr5;
+  var _props$webChatContain, _defaultWebChatContai, _extendedChatConfig$L, _props$persistentChat, _extendedChatConfig$L2, _extendedChatConfig$L3, _webChatContainerProp, _webChatContainerProp2, _webChatContainerProp3, _webChatContainerProp4, _webChatContainerProp5, _webChatContainerProp6, _webChatContainerProp7, _webChatContainerProp8, _props$webChatContain6, _props$webChatContain7, _defaultWebChatContai2, _props$webChatContain8, _props$webChatContain9, _defaultWebChatContai3, _webChatContainerProp9, _webChatContainerProp10, _webChatContainerProp11, _webChatContainerProp12, _webChatContainerProp13, _webChatContainerProp14, _webChatContainerProp15, _webChatContainerProp16, _webChatContainerProp17, _webChatContainerProp18, _webChatContainerProp19, _webChatContainerProp20, _webChatContainerProp21, _webChatContainerProp22, _webChatContainerProp23, _props$webChatContain10, _props$webChatContain11, _webChatContainerProp24, _webChatContainerProp25, _webChatContainerProp26, _webChatContainerProp27, _props$persistentChat2, _props$citationPanePr, _props$citationPanePr2, _props$citationPanePr3, _props$citationPanePr4, _props$citationPanePr5;
+  const [facadeChatSDK] = (0, _useFacadeChatSDKStore.default)();
+
   // Create a font family that includes emoji support, based on the primary font or default
   const webChatStyles = ((_props$webChatContain = props.webChatContainerProps) === null || _props$webChatContain === void 0 ? void 0 : _props$webChatContain.webChatStyles) ?? _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.webChatStyles;
   const primaryFont = (webChatStyles === null || webChatStyles === void 0 ? void 0 : webChatStyles.primaryFont) ?? ((_defaultWebChatContai = _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.webChatStyles) === null || _defaultWebChatContai === void 0 ? void 0 : _defaultWebChatContai.primaryFont);
@@ -79,9 +85,6 @@ const WebChatContainerStateful = props => {
   // Guard to prevent handling multiple rapid clicks which could cause
   // the dim layer and pane to re-render out of sync and create a flicker.
   const citationOpeningRef = (0, _react2.useRef)(false);
-
-  // ...existing code...
-
   const {
     BasicWebChat
   } = _botframeworkWebchat.Components;
@@ -91,6 +94,21 @@ const WebChatContainerStateful = props => {
     contextDataStore
   } = props;
 
+  // Type the chatConfig properly to avoid 'any' usage
+  const extendedChatConfig = props.chatConfig;
+  const isHistoryEnabledInConfig = extendedChatConfig === null || extendedChatConfig === void 0 ? void 0 : (_extendedChatConfig$L = extendedChatConfig.LcwFcbConfiguration) === null || _extendedChatConfig$L === void 0 ? void 0 : _extendedChatConfig$L.lcwPersistentChatHistoryEnabled;
+  const isHistoryEnabledViaProps = props === null || props === void 0 ? void 0 : (_props$persistentChat = props.persistentChatHistoryProps) === null || _props$persistentChat === void 0 ? void 0 : _props$persistentChat.persistentChatHistoryEnabled;
+  const isPersistentChatEnabledForWidget = !!(extendedChatConfig !== null && extendedChatConfig !== void 0 && (_extendedChatConfig$L2 = extendedChatConfig.LiveChatConfigAuthSettings) !== null && _extendedChatConfig$L2 !== void 0 && _extendedChatConfig$L2.msdyn_javascriptclientfunction) || (0, _liveChatConfigUtils.isPersistentChatEnabled)(extendedChatConfig === null || extendedChatConfig === void 0 ? void 0 : (_extendedChatConfig$L3 = extendedChatConfig.LiveWSAndLiveChatEngJoin) === null || _extendedChatConfig$L3 === void 0 ? void 0 : _extendedChatConfig$L3.msdyn_conversationmode);
+
+  // Persistent chat history is enabled if explicitly set via props, or if enabled in config
+  // Props take precedence over config settings
+  const isPersistentHistoryEnabled = isHistoryEnabledViaProps || isHistoryEnabledInConfig;
+
+  // Check if both persistent chat and widget support are enabled
+  const shouldLoadPersistentHistoryMessages = isPersistentHistoryEnabled && isPersistentChatEnabledForWidget;
+  if (shouldLoadPersistentHistoryMessages) {
+    (0, _usePersistentChatHistory.default)(facadeChatSDK, (props === null || props === void 0 ? void 0 : props.persistentChatHistoryProps) ?? {});
+  }
   // Delegated click handler for citation anchors. Placed after state is
   // available so we can prefer reading citations from app state and fall
   // back to the legacy window map for backward-compatibility in tests.
@@ -392,7 +410,15 @@ const WebChatContainerStateful = props => {
         `), /*#__PURE__*/_react2.default.createElement(_react.Stack, {
     styles: containerStyles,
     className: "webchat__stacked-layout_container"
-  }, /*#__PURE__*/_react2.default.createElement(BasicWebChat, null)), citationPaneOpen && /*#__PURE__*/_react2.default.createElement(_CitationPaneStateful.default, {
+  }, /*#__PURE__*/_react2.default.createElement("div", {
+    id: "ms_lcw_webchat_root",
+    style: {
+      height: "100%",
+      width: "100%"
+    }
+  }, shouldLoadPersistentHistoryMessages && /*#__PURE__*/_react2.default.createElement(_WebChatEventSubscribers.default, {
+    persistentChatHistoryEnabled: props === null || props === void 0 ? void 0 : (_props$persistentChat2 = props.persistentChatHistoryProps) === null || _props$persistentChat2 === void 0 ? void 0 : _props$persistentChat2.persistentChatHistoryEnabled
+  }), /*#__PURE__*/_react2.default.createElement(BasicWebChat, null))), citationPaneOpen && /*#__PURE__*/_react2.default.createElement(_CitationPaneStateful.default, {
     id: ((_props$citationPanePr = props.citationPaneProps) === null || _props$citationPanePr === void 0 ? void 0 : _props$citationPanePr.id) || _Constants.HtmlAttributeNames.ocwCitationPaneClassName,
     title: ((_props$citationPanePr2 = props.citationPaneProps) === null || _props$citationPanePr2 === void 0 ? void 0 : _props$citationPanePr2.title) || _Constants.HtmlAttributeNames.ocwCitationPaneTitle,
     contentHtml: citationPaneText,

package/lib/cjs/components/webchatcontainerstateful/common/activities/botActivity.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const botActivity = {
+  from: {
+    role: "bot"
+  },
+  type: "message"
+};
+var _default = botActivity;
+exports.default = _default;

package/lib/cjs/components/webchatcontainerstateful/common/activities/conversationDividerActivity.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Constants = require("../../../../common/Constants");
+var _botActivity = _interopRequireDefault(require("./botActivity"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const conversationDividerActivity = {
+  ..._botActivity.default,
+  channelData: {
+    tags: [_Constants.Constants.conversationDividerTag]
+  }
+};
+var _default = conversationDividerActivity;
+exports.default = _default;

package/lib/cjs/components/webchatcontainerstateful/common/activityConverters/convertPersistentChatHistoryMessageToActivity.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Constants = require("../../../../common/Constants");
+var _botActivity = _interopRequireDefault(require("../activities/botActivity"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const convertStringValueToInt = value => {
+  if (typeof value !== "string" || value === "") {
+    return undefined;
+  }
+  let result;
+  try {
+    result = parseInt(value);
+  } catch (e) {
+    return undefined;
+  }
+  return isNaN(result) ? undefined : result;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const convertPersistentChatHistoryMessageToActivity = message => {
+  var _from$user, _from$application;
+  const {
+    additionalData,
+    attachments,
+    content,
+    created,
+    from,
+    transcriptOriginalMessageId
+  } = message;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const activity = {
+    ..._botActivity.default,
+    channelData: {
+      tags: [_Constants.Constants.persistentChatHistoryMessageTag]
+    }
+  };
+  let webchatSequenceId;
+  let timestamp;
+  if (transcriptOriginalMessageId) {
+    const id = convertStringValueToInt(transcriptOriginalMessageId); // Id used to determine the sequence of messages which is the same as the 'live' messages
+    if (id) {
+      webchatSequenceId = id;
+      timestamp = new Date(id) || created;
+      activity.channelData = {
+        ...activity.channelData,
+        "webchat:sequence-id": webchatSequenceId
+      };
+    }
+  }
+  if (additionalData !== null && additionalData !== void 0 && additionalData.tags) {
+    const {
+      tags,
+      ConversationId
+    } = additionalData;
+    if (ConversationId) {
+      activity.channelData.conversationId = ConversationId;
+    }
+    if (tags) {
+      const formattedTags = additionalData.tags.split(",");
+      activity.channelData.tags = [...activity.channelData.tags, ...formattedTags];
+    }
+  }
+  if (from !== null && from !== void 0 && (_from$user = from.user) !== null && _from$user !== void 0 && _from$user.displayName) {
+    activity.from.name = from.user.displayName;
+  }
+  if ((from === null || from === void 0 ? void 0 : (_from$application = from.application) === null || _from$application === void 0 ? void 0 : _from$application.displayName) === "Customer") {
+    activity.from = {
+      role: "user",
+      name: from.application.displayName
+    };
+  }
+  if (content) {
+    return {
+      ...activity,
+      text: content,
+      timestamp
+    };
+  }
+  if (attachments && attachments.length > 0) {
+    const fileName = attachments[0].name || "Unknown";
+    const text = `The following attachment was uploaded during the conversation: ${fileName}`;
+    return {
+      ...activity,
+      text,
+      timestamp
+    };
+  }
+  // If neither content nor attachments are present, return null to indicate no activity could be created.
+  return null;
+};
+var _default = convertPersistentChatHistoryMessageToActivity;
+exports.default = _default;

package/lib/cjs/components/webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts.js

@@ -34,6 +34,7 @@ const defaultMiddlewareLocalizedTexts = {
   THIRD_PARTY_COOKIES_BLOCKED_ALERT_MESSAGE: "Allow sites to save/read cookies in browser settings. Reloading page starts a new chat.",
   MIDDLEWARE_BANNER_FILE_IS_MALICIOUS: "{0} has been blocked because the file may contain a malware.",
   MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_SUCCESS: "Email will be sent after chat ends!",
-  MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_ERROR: "Email {0} could not be saved, try again later."
+  MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_ERROR: "Email {0} could not be saved, try again later.",
+  PREVIOUS_MESSAGES_LOADING: "Loading previous messages..."
 };
 exports.defaultMiddlewareLocalizedTexts = defaultMiddlewareLocalizedTexts;

package/lib/cjs/components/webchatcontainerstateful/common/defaultProps/defaultWebChatStatefulProps.js

@@ -9,7 +9,7 @@ var _groupActivitiesMiddleware = require("../../webchatcontroller/middlewares/re
 var _typingIndicatorMiddleware = require("../../webchatcontroller/middlewares/renderingmiddlewares/typingIndicatorMiddleware");
 const defaultWebChatStatefulProps = {
   // activityMiddleware: activityMiddleware, - this is implemented elsewhere and can be customized
-  activityStatusMiddleware: _activityStatusMiddleware.activityStatusMiddleware,
+  activityStatusMiddleware: (0, _activityStatusMiddleware.createActivityStatusMiddleware)(),
   // avatarMiddleware: avatarMiddleware, - this is implemented elsewhere and can be customized
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   groupActivitiesMiddleware: _groupActivitiesMiddleware.groupActivitiesMiddleware,