@microsoft/omnichannel-chat-widget 1.8.3 → 1.8.4-main.424a580

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.logWidgetLoadWithUnexpectedError = exports.logWidgetLoadComplete = exports.handleStartChatError = void 0;
+exports.logWidgetLoadWithUnexpectedError = exports.logWidgetLoadComplete = exports.logStartChatComplete = exports.handleStartChatError = void 0;
 var _omnichannelChatSdk = require("@microsoft/omnichannel-chat-sdk");
 var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
 var _Constants = require("../../../common/Constants");
@@ -124,7 +124,10 @@ const logWidgetLoadFailed = ex => {
     Event: _TelemetryConstants.TelemetryEvent.WidgetLoadFailed,
     Description: "Widget load complete with error",
     ExceptionDetails: exDetails,
-    ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers === null || _TelemetryManager.TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg = _TelemetryManager.TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg === void 0 ? void 0 : _TelemetryTimers$Widg.milliSecondsElapsed
+    ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers === null || _TelemetryManager.TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg = _TelemetryManager.TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg === void 0 ? void 0 : _TelemetryTimers$Widg.milliSecondsElapsed,
+    CustomProperties: {
+      ConversationStage: _TelemetryConstants.ConversationStage.Initialization
+    }
   });
 };
 const logWidgetLoadComplete = additionalMessage => {
@@ -140,6 +143,17 @@ const logWidgetLoadComplete = additionalMessage => {
   });
 };
 exports.logWidgetLoadComplete = logWidgetLoadComplete;
+const logStartChatComplete = additionalMessage => {
+  let descriptionString = "Start chat complete";
+  if (additionalMessage) {
+    descriptionString += `. ${additionalMessage}`;
+  }
+  _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
+    Event: _TelemetryConstants.TelemetryEvent.StartChatComplete,
+    Description: descriptionString
+  });
+};
+exports.logStartChatComplete = logStartChatComplete;
 const logWidgetLoadCompleteWithError = ex => {
   var _TelemetryTimers$Widg3;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -156,7 +170,10 @@ const logWidgetLoadCompleteWithError = ex => {
     Event: _TelemetryConstants.TelemetryEvent.WidgetLoadFailed,
     Description: "Widget load complete with error",
     ExceptionDetails: exDetails,
-    ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers === null || _TelemetryManager.TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg3 = _TelemetryManager.TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg3 === void 0 ? void 0 : _TelemetryTimers$Widg3.milliSecondsElapsed
+    ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers === null || _TelemetryManager.TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg3 = _TelemetryManager.TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg3 === void 0 ? void 0 : _TelemetryTimers$Widg3.milliSecondsElapsed,
+    CustomProperties: {
+      ConversationStage: _TelemetryConstants.ConversationStage.Initialization
+    }
   });
 };
 const logWidgetLoadWithUnexpectedError = ex => {
@@ -184,7 +201,10 @@ const logWidgetLoadWithUnexpectedError = ex => {
     Event: _TelemetryConstants.TelemetryEvent.WidgetLoadFailed,
     Description: "Widget load with unexpected error",
     ExceptionDetails: exDetails,
-    ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers === null || _TelemetryManager.TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg4 = _TelemetryManager.TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg4 === void 0 ? void 0 : _TelemetryTimers$Widg4.milliSecondsElapsed
+    ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers === null || _TelemetryManager.TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg4 = _TelemetryManager.TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg4 === void 0 ? void 0 : _TelemetryTimers$Widg4.milliSecondsElapsed,
+    CustomProperties: {
+      ConversationStage: _TelemetryConstants.ConversationStage.Initialization
+    }
   });
 };
 

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

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

package/lib/cjs/components/livechatwidget/livechatwidgetstateful/LiveChatWidgetStateful.js

@@ -69,7 +69,10 @@ const LiveChatWidgetStateful = props => {
     uiTimer = (0, _utils.createTimer)();
     _TelemetryHelper.TelemetryHelper.logLoadingEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.UXLiveChatWidgetStart,
-      Description: "Live chat widget loading started."
+      Description: "Live chat widget loading started.",
+      CustomProperties: {
+        ConversationStage: _TelemetryConstants.ConversationStage.Initialization
+      }
     });
   }, []);
   const [state, dispatch] = (0, _useChatContextStore.default)();
@@ -500,7 +503,10 @@ const LiveChatWidgetStateful = props => {
     _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.BroadcastEvent.InitiateEndChat).subscribe(async () => {
       _TelemetryHelper.TelemetryHelper.logSDKEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
         Event: _TelemetryConstants.TelemetryEvent.EndChatEventReceived,
-        Description: "Received InitiateEndChat BroadcastEvent."
+        Description: "Received InitiateEndChat BroadcastEvent.",
+        CustomProperties: {
+          ConversationStage: _TelemetryConstants.ConversationStage.ConversationEnd
+        }
       });
 
       // This is to ensure to get latest state from cache in multitab
@@ -805,7 +811,10 @@ const LiveChatWidgetStateful = props => {
     _TelemetryHelper.TelemetryHelper.logLoadingEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.UXLiveChatWidgetCompleted,
       Description: "Live chat widget loading completed.",
-      ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
+      ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed,
+      CustomProperties: {
+        ConversationStage: _TelemetryConstants.ConversationStage.Initialization
+      }
     });
   }, []);
   const initiateEndChatOnBrowserUnload = () => {
@@ -875,6 +884,16 @@ const LiveChatWidgetStateful = props => {
     bubbleTextColor
   }), [webChatStyles, bubbleBackground, bubbleTextColor]);
 
+  // React to dynamic bot avatar initials updates from context
+  (0, _react2.useEffect)(() => {
+    if (state.domainStates.botAvatarInitials && state.domainStates.botAvatarInitials !== webChatStyles.botAvatarInitials) {
+      setWebChatStyles(styles => ({
+        ...styles,
+        botAvatarInitials: state.domainStates.botAvatarInitials
+      }));
+    }
+  }, [state.domainStates.botAvatarInitials]);
+
   // WebChat's Composer can only be rendered if a directLine object is defined
   return directLine && /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement("style", null, `
             #oc-lcw .webchat__basic-transcript__scrollable::-webkit-scrollbar {

package/lib/cjs/components/postchatsurveypanestateful/PostChatSurveyPaneStateful.js

@@ -18,6 +18,7 @@ var _isValidSurveyUrl = _interopRequireDefault(require("./common/isValidSurveyUr
 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; }
+let uiTimer;
 const generateSurveyInviteLink = function (surveyInviteLink, isEmbed, locale, compact, customerVoiceSurveyCorrelationId) {
   let showMultiLingual = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   const surveyLinkParams = new URLSearchParams({
@@ -31,6 +32,16 @@ const generateSurveyInviteLink = function (surveyInviteLink, isEmbed, locale, co
 };
 const PostChatSurveyPaneStateful = props => {
   var _props$styleProps, _state$appStates, _props$controlProps;
+  (0, _react.useEffect)(() => {
+    uiTimer = (0, _utils.createTimer)();
+    _TelemetryHelper.TelemetryHelper.logLoadingEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.UXPostChatPaneStarted,
+      Description: "Postchat survey pane loading started.",
+      CustomProperties: {
+        ConversationStage: _TelemetryConstants.ConversationStage.ConversationEnd
+      }
+    });
+  }, []);
   const [state] = (0, _useChatContextStore.default)();
   const generalStyleProps = Object.assign({}, _defaultgeneralPostChatSurveyPaneStyleProps.defaultGeneralPostChatSurveyPaneStyleProps, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps, {
     display: state.appStates.isMinimized ? "none" : "contents"
@@ -81,7 +92,14 @@ const PostChatSurveyPaneStateful = props => {
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.PostChatSurveyLoaded
     });
-
+    _TelemetryHelper.TelemetryHelper.logLoadingEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.UXPostChatPaneCompleted,
+      ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed,
+      Description: "Postchat survey pane loading completed.",
+      CustomProperties: {
+        ConversationStage: _TelemetryConstants.ConversationStage.ConversationEnd
+      }
+    });
     //Customer Voice Telemetry Events
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     window.addEventListener("message", message => {
@@ -96,7 +114,10 @@ const PostChatSurveyPaneStateful = props => {
       } else if (data === _CustomerVoiceEvents.CustomerVoiceEvents.FormResponseSubmitted) {
         _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
           Event: _TelemetryConstants.TelemetryEvent.CustomerVoiceFormResponseSubmitted,
-          Description: "Customer Voice form response submitted."
+          Description: "Customer Voice form response submitted.",
+          CustomProperties: {
+            ConversationStage: _TelemetryConstants.ConversationStage.ConversationEnd
+          }
         });
       } else if (data === _CustomerVoiceEvents.CustomerVoiceEvents.FormResponseError) {
         _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.ERROR, {
@@ -104,6 +125,9 @@ const PostChatSurveyPaneStateful = props => {
           Description: "Customer Voice form response error.",
           ExceptionDetails: {
             message: "Customer Voice form response error."
+          },
+          CustomProperties: {
+            ConversationStage: _TelemetryConstants.ConversationStage.ConversationEnd
           }
         });
       } else if (typeof data === "string" && data.startsWith(_CustomerVoiceEvents.CustomerVoiceEvents.FormsError)) {
@@ -112,6 +136,9 @@ const PostChatSurveyPaneStateful = props => {
           Description: "Customer Voice failed to load with forms error.",
           ExceptionDetails: {
             message: `Customer Voice forms error details: ${data}`
+          },
+          CustomProperties: {
+            ConversationStage: _TelemetryConstants.ConversationStage.ConversationEnd
           }
         });
       }

package/lib/cjs/components/prechatsurveypanestateful/PreChatSurveyPaneStateful.js

@@ -28,7 +28,10 @@ const PreChatSurveyPaneStateful = props => {
     uiTimer = (0, _utils.createTimer)();
     _TelemetryHelper.TelemetryHelper.logLoadingEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.UXPrechatPaneStart,
-      Description: "Prechat survey pane loading started."
+      Description: "Prechat survey pane loading started.",
+      CustomProperties: {
+        ConversationStage: _TelemetryConstants.ConversationStage.Initialization
+      }
     });
   }, []);
 
@@ -79,7 +82,10 @@ const PreChatSurveyPaneStateful = props => {
     onSubmit: async values => {
       _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
         Event: _TelemetryConstants.TelemetryEvent.PrechatSubmitted,
-        Description: "Prechat survey submitted."
+        Description: "Prechat survey submitted.",
+        CustomProperties: {
+          ConversationStage: _TelemetryConstants.ConversationStage.Initialization
+        }
       });
       dispatch({
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
@@ -153,7 +159,10 @@ const PreChatSurveyPaneStateful = props => {
     _TelemetryHelper.TelemetryHelper.logLoadingEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.UXPrechatPaneCompleted,
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed,
-      Description: "Prechat survey pane loading completed."
+      Description: "Prechat survey pane loading completed.",
+      CustomProperties: {
+        ConversationStage: _TelemetryConstants.ConversationStage.Initialization
+      }
     });
   }, []);
 

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, _props$persistentChat, _extendedChatConfig$L, _extendedChatConfig$L2, _extendedChatConfig$L3, _extendedChatConfig$L4, _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,26 @@ const WebChatContainerStateful = props => {
     contextDataStore
   } = props;
 
+  // Type the chatConfig properly to avoid 'any' usage
+  const extendedChatConfig = props.chatConfig;
+  const isHistoryEnabledViaProps = props === null || props === void 0 ? void 0 : (_props$persistentChat = props.persistentChatHistoryProps) === null || _props$persistentChat === void 0 ? void 0 : _props$persistentChat.persistentChatHistoryEnabled;
+  const isHistoryEnabledInConfig = extendedChatConfig === null || extendedChatConfig === void 0 ? void 0 : (_extendedChatConfig$L = extendedChatConfig.LiveWSAndLiveChatEngJoin) === null || _extendedChatConfig$L === void 0 ? void 0 : _extendedChatConfig$L.msdyn_enablepersistentchatpreviousconversations;
+  const isHistoryEnabledViaFCB = extendedChatConfig === null || extendedChatConfig === void 0 ? void 0 : (_extendedChatConfig$L2 = extendedChatConfig.LcwFcbConfiguration) === null || _extendedChatConfig$L2 === void 0 ? void 0 : _extendedChatConfig$L2.lcwPersistentChatHistoryEnabled;
+  const isPersistentChatEnabledForWidget = !!(extendedChatConfig !== null && extendedChatConfig !== void 0 && (_extendedChatConfig$L3 = extendedChatConfig.LiveChatConfigAuthSettings) !== null && _extendedChatConfig$L3 !== void 0 && _extendedChatConfig$L3.msdyn_javascriptclientfunction) || (0, _liveChatConfigUtils.isPersistentChatEnabled)(extendedChatConfig === null || extendedChatConfig === void 0 ? void 0 : (_extendedChatConfig$L4 = extendedChatConfig.LiveWSAndLiveChatEngJoin) === null || _extendedChatConfig$L4 === void 0 ? void 0 : _extendedChatConfig$L4.msdyn_conversationmode);
+
+  // isPersistentHistoryEnabled can only be  true if isHistoryEnabledViaFCB is true, and next conditions are met:
+  // 1. isHistoryEnabledViaProps is true (takes precedence over config)
+  // 2. isHistoryEnabledInConfig is true and isHistoryEnabledViaProps is undefined
+  const isPersistentHistoryEnabled = isHistoryEnabledViaProps || isHistoryEnabledInConfig && !isHistoryEnabledViaProps;
+
+  // Check if both persistent chat and widget support are enabled
+  const shouldLoadPersistentHistoryMessages = isPersistentHistoryEnabled && isHistoryEnabledViaFCB && isPersistentChatEnabledForWidget;
+  if (shouldLoadPersistentHistoryMessages) {
+    _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.PersistentChatHistoryEnabled
+    });
+    (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 +415,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,8 @@ 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...",
+  CONVERSATION_DIVIDER_ARIA_LABEL: "Conversation history divider"
 };
 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,

package/lib/cjs/components/webchatcontainerstateful/hooks/usePersistentChatHistory.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
+var _react = require("react");
+var _ChatWidgetEvents = _interopRequireDefault(require("../../livechatwidget/common/ChatWidgetEvents"));
+var _PersistentConversationHandler = _interopRequireDefault(require("../../livechatwidget/common/PersistentConversationHandler"));
+var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
+var _dispatchCustomEvent = _interopRequireDefault(require("../../../common/utils/dispatchCustomEvent"));
+var _SecureEventBus = _interopRequireDefault(require("../../../common/utils/SecureEventBus"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const usePersistentChatHistory = (facadeChatSDK, props) => {
+  const handlerRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (!facadeChatSDK) {
+      return;
+    }
+    _TelemetryHelper.TelemetryHelper.logLoadingEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.UXLCWPersistentChatHistoryInitialized,
+      Description: "Persistent chat history hook initialized"
+    });
+    handlerRef.current = new _PersistentConversationHandler.default(facadeChatSDK, props);
+    const handler = async () => {
+      _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
+        Event: _TelemetryConstants.TelemetryEvent.LCWPersistentChatHistoryFetchStarted,
+        Description: "Persistent chat history fetch started"
+      });
+      try {
+        var _handlerRef$current;
+        await ((_handlerRef$current = handlerRef.current) === null || _handlerRef$current === void 0 ? void 0 : _handlerRef$current.pullHistory());
+        (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.HIDE_LOADING_BANNER);
+        _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
+          Event: _TelemetryConstants.TelemetryEvent.LCWPersistentChatHistoryFetchCompleted,
+          Description: "Persistent chat history fetch completed successfully"
+        });
+      } catch (error) {
+        _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.ERROR, {
+          Event: _TelemetryConstants.TelemetryEvent.LCWPersistentChatHistoryFetchFailed,
+          Description: "Persistent chat history fetch failed",
+          ExceptionDetails: error
+        });
+      }
+    };
+
+    // Subscribe to the secure event bus instead of global window events
+    const eventBus = _SecureEventBus.default.getInstance();
+    const unsubscribe = eventBus.subscribe(_ChatWidgetEvents.default.FETCH_PERSISTENT_CHAT_HISTORY, handler);
+    return () => {
+      var _handlerRef$current2;
+      unsubscribe();
+      (_handlerRef$current2 = handlerRef.current) === null || _handlerRef$current2 === void 0 ? void 0 : _handlerRef$current2.destroy(); // Call destroy instead of reset to properly clean up
+    };
+  }, [facadeChatSDK]);
+};
+var _default = usePersistentChatHistory;
+exports.default = _default;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/WebChatEventSubscribers.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
+var _react = require("react");
+var _ChatWidgetEvents = _interopRequireDefault(require("../../livechatwidget/common/ChatWidgetEvents"));
+var _Constants = require("../../../common/Constants");
+var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
+var _WebChatStoreLoader = require("./WebChatStoreLoader");
+var _utils = require("../../../common/utils");
+var _dispatchCustomEvent = _interopRequireDefault(require("../../../common/utils/dispatchCustomEvent"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Component to handle persistent chat history events.
+ * Uses WebChatStoreLoader instead of hooks to avoid context issues.
+ */
+const WebChatEventSubscribers = props => {
+  const [isConnected, setIsConnected] = (0, _react.useState)(false);
+  const [storeReady, setStoreReady] = (0, _react.useState)(false);
+  const storeWaitTimer = (0, _utils.createTimer)();
+  (0, _react.useEffect)(() => {
+    if (!props.persistentChatHistoryEnabled) {
+      return;
+    }
+    _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.LCWWebChatStorePollingStarted,
+      Description: "WebChat store polling started"
+    });
+
+    // Wait for WebChat store to be available
+    const waitForStore = () => {
+      if (_WebChatStoreLoader.WebChatStoreLoader.store) {
+        setStoreReady(true);
+        _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
+          Event: _TelemetryConstants.TelemetryEvent.LCWWebChatStoreReady,
+          Description: "WebChat store ready",
+          ElapsedTimeInMilliseconds: storeWaitTimer.milliSecondsElapsed
+        });
+        return true;
+      }
+      return false;
+    };
+
+    // Check if store is already available
+    if (!waitForStore()) {
+      // Poll for store availability
+      const storeCheckInterval = setInterval(() => {
+        if (waitForStore()) {
+          clearInterval(storeCheckInterval);
+        }
+      }, 100);
+      return () => {
+        clearInterval(storeCheckInterval);
+      };
+    }
+  }, [props.persistentChatHistoryEnabled]);
+  (0, _react.useEffect)(() => {
+    if (!props.persistentChatHistoryEnabled || !storeReady) {
+      return;
+    }
+    const checkConnectionStatus = () => {
+      try {
+        if (_WebChatStoreLoader.WebChatStoreLoader.store) {
+          const state = _WebChatStoreLoader.WebChatStoreLoader.store.getState();
+          const connectivityStatus = state === null || state === void 0 ? void 0 : state.connectivityStatus;
+          const newIsConnected = connectivityStatus === "connected";
+          if (newIsConnected && !isConnected) {
+            setIsConnected(true);
+            _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
+              Event: _TelemetryConstants.TelemetryEvent.LCWWebChatConnected,
+              Description: "WebChat connection established, dispatching events"
+            });
+
+            // Dispatch events when connection is established
+            setTimeout(() => {
+              (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.FETCH_PERSISTENT_CHAT_HISTORY);
+              (0, _dispatchCustomEvent.default)(_ChatWidgetEvents.default.ADD_ACTIVITY, {
+                activity: {
+                  from: {
+                    role: "bot"
+                  },
+                  timestamp: 0,
+                  type: "message",
+                  channelData: {
+                    tags: [_Constants.Constants.persistentChatHistoryMessagePullTriggerTag]
+                  }
+                }
+              });
+            }, 2000);
+          } else if (!newIsConnected && isConnected) {
+            setIsConnected(false);
+            _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.WARN, {
+              Event: _TelemetryConstants.TelemetryEvent.LCWWebChatDisconnected,
+              Description: "WebChat connection lost"
+            });
+          }
+        }
+      } catch (error) {
+        _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.ERROR, {
+          Event: _TelemetryConstants.TelemetryEvent.LCWWebChatConnectionCheckFailed,
+          Description: "WebChat connection status check failed",
+          ExceptionDetails: error
+        });
+      }
+    };
+
+    // Check immediately
+    checkConnectionStatus();
+
+    // Set up interval to check connection status
+    const interval = setInterval(checkConnectionStatus, 1000);
+    return () => {
+      clearInterval(interval);
+    };
+  }, [isConnected, props.persistentChatHistoryEnabled, storeReady]);
+  return null;
+};
+var _default = WebChatEventSubscribers;
+exports.default = _default;