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

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

@@ -54,9 +54,10 @@ import { startProactiveChat } from "../common/startProactiveChat";
 import useChatAdapterStore from "../../../hooks/useChatAdapterStore";
 import useChatContextStore from "../../../hooks/useChatContextStore";
 import useFacadeSDKStore from "../../../hooks/useFacadeChatSDKStore";
+import { getPostChatContext, initiatePostChat } from "../common/renderSurveyHelpers";
 let uiTimer;
 export const LiveChatWidgetStateful = props => {
-  var _props$webChatContain, _props$webChatContain2, _props$webChatContain3, _props$webChatContain4, _props$webChatContain5, _props$webChatContain6, _props$webChatContain7, _props$webChatContain8, _props$webChatContain9, _props$styleProps, _props$webChatContain10, _props$webChatContain11, _props$controlProps, _props$controlProps3, _state$appStates7, _props$webChatContain15, _state$appStates14, _props$webChatContain17, _props$webChatContain18, _props$controlProps12, _props$draggableChatW, _props$draggableChatW2, _props$draggableChatW3, _props$draggableChatW4, _props$draggableChatW5, _livechatProps$webCha, _livechatProps$styleP, _livechatProps$contro, _livechatProps$contro2, _livechatProps$compon, _livechatProps$contro3, _livechatProps$compon2, _livechatProps$contro4, _livechatProps$compon3, _livechatProps$contro5, _livechatProps$compon4, _livechatProps$contro6, _livechatProps$compon5, _livechatProps$contro7, _livechatProps$compon6, _livechatProps$contro8, _livechatProps$compon7, _livechatProps$contro9, _livechatProps$compon8, _livechatProps$contro10, _livechatProps$contro11, _livechatProps$compon9, _livechatProps$contro12, _livechatProps$compon10, _livechatProps$contro13, _livechatProps$compon11, _livechatProps$compon12, _livechatProps$compon13;
+  var _props$webChatContain, _props$webChatContain2, _props$webChatContain3, _props$webChatContain4, _props$webChatContain5, _props$webChatContain6, _props$webChatContain7, _props$webChatContain8, _props$webChatContain9, _props$styleProps, _props$webChatContain10, _props$webChatContain11, _props$controlProps, _props$controlProps3, _state$appStates7, _props$webChatContain15, _state$appStates8, _props$webChatContain17, _props$webChatContain18, _props$controlProps12, _props$draggableChatW, _props$draggableChatW2, _props$draggableChatW3, _props$draggableChatW4, _props$draggableChatW5, _livechatProps$webCha, _livechatProps$styleP, _livechatProps$contro, _livechatProps$contro2, _livechatProps$compon, _livechatProps$contro3, _livechatProps$compon2, _livechatProps$contro4, _livechatProps$compon3, _livechatProps$contro5, _livechatProps$compon4, _livechatProps$contro6, _livechatProps$compon5, _livechatProps$contro7, _livechatProps$compon6, _livechatProps$contro8, _livechatProps$compon7, _livechatProps$contro9, _livechatProps$compon8, _livechatProps$contro10, _livechatProps$contro11, _livechatProps$compon9, _livechatProps$contro12, _livechatProps$compon10, _livechatProps$contro13, _livechatProps$compon11, _livechatProps$compon12, _livechatProps$compon13;
   useEffect(() => {
     uiTimer = createTimer();
     TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
@@ -317,7 +318,7 @@ export const LiveChatWidgetStateful = props => {
       });
     });
     BroadcastService.getMessageByEventName(BroadcastEvent.StartProactiveChat).subscribe(msg => {
-      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+      TelemetryHelper.logActionEvent(LogLevel.INFO, {
         Event: TelemetryEvent.StartProactiveChatEventReceived,
         Description: "Start proactive chat event received."
       });
@@ -443,7 +444,7 @@ export const LiveChatWidgetStateful = props => {
           payload: msg === null || msg === void 0 ? void 0 : (_msg$payload8 = msg.payload) === null || _msg$payload8 === void 0 ? void 0 : _msg$payload8.customContext
         });
       }
-      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+      TelemetryHelper.logActionEvent(LogLevel.INFO, {
         Event: TelemetryEvent.StartChatEventReceived,
         Description: "Start chat event received."
       });
@@ -490,21 +491,91 @@ export const LiveChatWidgetStateful = props => {
         return;
       }
     });
+    const handleInitiateEndChatForPersistentChat = async (msg, conversationDetails) => {
+      var _msg$payload10, _msg$payload11, _msg$payload12;
+      //If the payload does NOT include the skipSessionCloseForPersistentChat flag, default is false. Upon receiving the customer event, always ending session from C2.
+      const skipSessionCloseForPersistentChat = typeof (msg === null || msg === void 0 ? void 0 : (_msg$payload10 = msg.payload) === null || _msg$payload10 === void 0 ? void 0 : _msg$payload10[Constants.SkipSessionCloseForPersistentChatFlag]) === Constants.String && (msg === null || msg === void 0 ? void 0 : (_msg$payload11 = msg.payload) === null || _msg$payload11 === void 0 ? void 0 : _msg$payload11[Constants.SkipSessionCloseForPersistentChatFlag]).toLowerCase() === Constants.true || (msg === null || msg === void 0 ? void 0 : (_msg$payload12 = msg.payload) === null || _msg$payload12 === void 0 ? void 0 : _msg$payload12[Constants.SkipSessionCloseForPersistentChatFlag]) === true;
+      TelemetryHelper.logSDKEventToAllTelemetry(LogLevel.INFO, {
+        Event: TelemetryEvent.EndChatEventReceived,
+        Description: "Processing initiateEndChat for persistent chat",
+        CustomProperties: {
+          conversationDetails
+        }
+      });
+      const conversationState = conversationDetails === null || conversationDetails === void 0 ? void 0 : conversationDetails.state;
+      if (conversationState !== LiveWorkItemState.Closed && conversationState !== LiveWorkItemState.WrapUp) {
+        if (skipSessionCloseForPersistentChat) {
+          var _conversationDetails$;
+          if (((_conversationDetails$ = conversationDetails.canRenderPostChat) === null || _conversationDetails$ === void 0 ? void 0 : _conversationDetails$.toLowerCase()) === "true") {
+            var _state$domainStates3;
+            TelemetryHelper.logSDKEventToAllTelemetry(LogLevel.INFO, {
+              Event: TelemetryEvent.EndChatEventReceived,
+              Description: "Processing initiateEndChat, fetching postChatContext"
+            });
+            const postchatContext = (await getPostChatContext(facadeChatSDK, state, dispatch)) ?? (state === null || state === void 0 ? void 0 : (_state$domainStates3 = state.domainStates) === null || _state$domainStates3 === void 0 ? void 0 : _state$domainStates3.postChatContext);
+            if (postchatContext) {
+              TelemetryHelper.logSDKEventToAllTelemetry(LogLevel.INFO, {
+                Event: TelemetryEvent.EndChatEventReceived,
+                Description: "Processing initiateEndChat, initiatePostChat",
+                CustomProperties: {
+                  postchatContext
+                }
+              });
+              await initiatePostChat(props, conversationDetails, state, dispatch, postchatContext);
+            }
+          }
+        } else {
+          const skipEndChatSDK = false;
+          const skipCloseChat = false;
+          TelemetryHelper.logSDKEventToAllTelemetry(LogLevel.INFO, {
+            Event: TelemetryEvent.EndChatEventReceived,
+            Description: "Processing initiateEndChat, trigger endChat"
+          });
+          await endChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, skipEndChatSDK, skipCloseChat);
+        }
+      }
+      //if conversation already closed, it is safe to unmount it upon receiving the closeChat event
+      else {
+        BroadcastService.postMessage({
+          eventName: BroadcastEvent.CloseChat
+        });
+      }
+    };
 
     // End chat
-    BroadcastService.getMessageByEventName(BroadcastEvent.InitiateEndChat).subscribe(async () => {
+    BroadcastService.getMessageByEventName(BroadcastEvent.InitiateEndChat).subscribe(async msg => {
       TelemetryHelper.logSDKEventToAllTelemetry(LogLevel.INFO, {
         Event: TelemetryEvent.EndChatEventReceived,
         Description: "Received InitiateEndChat BroadcastEvent.",
         CustomProperties: {
-          ConversationStage: ConversationStage.ConversationEnd
+          ConversationStage: ConversationStage.ConversationEnd,
+          payload: msg === null || msg === void 0 ? void 0 : msg.payload
         }
       });
-
-      // This is to ensure to get latest state from cache in multitab
+      const conversationDetails = await getConversationDetailsCall(facadeChatSDK);
+      const {
+        chatConfig
+      } = props;
+      const isPersistent = isPersistentEnabled(chatConfig);
+      TelemetryHelper.logSDKEventToAllTelemetry(LogLevel.INFO, {
+        Event: TelemetryEvent.EndChatEventReceived,
+        Description: "Processing initiateEndChat, fetched conversation details",
+        CustomProperties: {
+          conversationDetails,
+          isPersistent
+        }
+      });
+      if (isPersistent && conversationDetails) {
+        await handleInitiateEndChatForPersistentChat(msg, conversationDetails);
+        return;
+      }
       const persistedState = getStateFromCache(getWidgetCacheIdfromProps(props));
       if (persistedState && persistedState.appStates.conversationState === ConversationState.Active) {
-        // We need to simulate states for closing chat, in order to messup with close confirmation pane.
+        TelemetryHelper.logSDKEvent(LogLevel.INFO, {
+          Event: TelemetryEvent.PrepareEndChat,
+          Description: PrepareEndChatDescriptionConstants.InitiateEndChatReceivedActiveChat
+        });
+        //We need to simulate states for closing chat, in order to messup with close confirmation pane.
         dispatch({
           type: LiveChatWidgetActionType.SET_CONFIRMATION_STATE,
           payload: ConfirmationState.Ok
@@ -524,11 +595,8 @@ export const LiveChatWidgetStateful = props => {
           Event: TelemetryEvent.PrepareEndChat,
           Description: PrepareEndChatDescriptionConstants.InitiateEndChatReceived
         });
-        endChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, skipEndChatSDK, skipCloseChat);
+        await endChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, skipEndChatSDK, skipCloseChat);
       }
-      BroadcastService.postMessage({
-        eventName: BroadcastEvent.CloseChat
-      });
     });
 
     // End chat on browser unload
@@ -539,8 +607,8 @@ export const LiveChatWidgetStateful = props => {
     // Listen to end chat event from other tabs
     const endChatEventName = getWidgetEndChatEventName((_facadeChatSDK$getCha3 = facadeChatSDK.getChatSDK()) === null || _facadeChatSDK$getCha3 === void 0 ? void 0 : (_facadeChatSDK$getCha4 = _facadeChatSDK$getCha3.omnichannelConfig) === null || _facadeChatSDK$getCha4 === void 0 ? void 0 : _facadeChatSDK$getCha4.orgId, (_facadeChatSDK$getCha5 = facadeChatSDK.getChatSDK()) === null || _facadeChatSDK$getCha5 === void 0 ? void 0 : (_facadeChatSDK$getCha6 = _facadeChatSDK$getCha5.omnichannelConfig) === null || _facadeChatSDK$getCha6 === void 0 ? void 0 : _facadeChatSDK$getCha6.widgetId, ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.widgetInstanceId) ?? "");
     BroadcastService.getMessageByEventName(endChatEventName).subscribe(msg => {
-      var _msg$payload10;
-      if ((msg === null || msg === void 0 ? void 0 : (_msg$payload10 = msg.payload) === null || _msg$payload10 === void 0 ? void 0 : _msg$payload10.runtimeId) !== TelemetryManager.InternalTelemetryData.lcwRuntimeId) {
+      var _msg$payload13;
+      if ((msg === null || msg === void 0 ? void 0 : (_msg$payload13 = msg.payload) === null || _msg$payload13 === void 0 ? void 0 : _msg$payload13.runtimeId) !== TelemetryManager.InternalTelemetryData.lcwRuntimeId) {
         TelemetryHelper.logSDKEvent(LogLevel.INFO, {
           Event: TelemetryEvent.PrepareEndChat,
           Description: "Received EndChat BroadcastEvent from other tabs. Closing this chat."
@@ -582,8 +650,8 @@ export const LiveChatWidgetStateful = props => {
 
     // Retrieve convId
     BroadcastService.getMessageByEventName(BroadcastEvent.UpdateConversationDataForTelemetry).subscribe(msg => {
-      var _msg$payload11, _msg$payload11$liveWo;
-      if ((_msg$payload11 = msg.payload) !== null && _msg$payload11 !== void 0 && (_msg$payload11$liveWo = _msg$payload11.liveWorkItem) !== null && _msg$payload11$liveWo !== void 0 && _msg$payload11$liveWo.conversationId) {
+      var _msg$payload14, _msg$payload14$liveWo;
+      if ((_msg$payload14 = msg.payload) !== null && _msg$payload14 !== void 0 && (_msg$payload14$liveWo = _msg$payload14.liveWorkItem) !== null && _msg$payload14$liveWo !== void 0 && _msg$payload14$liveWo.conversationId) {
         setConversationId(msg.payload.liveWorkItem.conversationId);
       }
     });
@@ -701,14 +769,22 @@ export const LiveChatWidgetStateful = props => {
     }
   }, [state.domainStates.confirmationState]);
   useEffect(() => {
-    var _state$appStates8, _state$appStates9, _state$appStates10, _state$appStates11, _state$appStates12, _state$appStates13;
+    var _inMemoryState$appSta7, _inMemoryState$appSta8, _inMemoryState$appSta9, _inMemoryState$appSta10, _inMemoryState$appSta11, _inMemoryState$appSta12, _inMemoryState$appSta13;
+    const inMemoryState = executeReducer(state, {
+      type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+      payload: null
+    });
     // Do not process anything during initialization
-    if ((state === null || state === void 0 ? void 0 : (_state$appStates8 = state.appStates) === null || _state$appStates8 === void 0 ? void 0 : _state$appStates8.conversationEndedBy) === ConversationEndEntity.NotSet) {
+    if ((inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta7 = inMemoryState.appStates) === null || _inMemoryState$appSta7 === void 0 ? void 0 : _inMemoryState$appSta7.conversationEndedBy) === ConversationEndEntity.NotSet) {
+      TelemetryHelper.logSDKEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.PrepareEndChat,
+        Description: "conversationEndedBy is not set"
+      });
       return;
     }
 
     // If start chat failed, and C2 is trying to close chat widget
-    if (state !== null && state !== void 0 && (_state$appStates9 = state.appStates) !== null && _state$appStates9 !== void 0 && _state$appStates9.startChatFailed || (state === null || state === void 0 ? void 0 : (_state$appStates10 = state.appStates) === null || _state$appStates10 === void 0 ? void 0 : _state$appStates10.conversationState) === ConversationState.Postchat) {
+    if (inMemoryState !== null && inMemoryState !== void 0 && (_inMemoryState$appSta8 = inMemoryState.appStates) !== null && _inMemoryState$appSta8 !== void 0 && _inMemoryState$appSta8.startChatFailed || (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta9 = inMemoryState.appStates) === null || _inMemoryState$appSta9 === void 0 ? void 0 : _inMemoryState$appSta9.conversationState) === ConversationState.Postchat) {
       TelemetryHelper.logSDKEvent(LogLevel.INFO, {
         Event: TelemetryEvent.PrepareEndChat,
         Description: PrepareEndChatDescriptionConstants.CustomerCloseChatOnFailureOrPostChat
@@ -718,7 +794,7 @@ export const LiveChatWidgetStateful = props => {
     }
 
     // Scenario -> Chat was InActive and closing the chat (Refresh scenario on post chat)
-    if ((state === null || state === void 0 ? void 0 : (_state$appStates11 = state.appStates) === null || _state$appStates11 === void 0 ? void 0 : _state$appStates11.conversationState) === ConversationState.InActive) {
+    if ((inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta10 = inMemoryState.appStates) === null || _inMemoryState$appSta10 === void 0 ? void 0 : _inMemoryState$appSta10.conversationState) === ConversationState.InActive) {
       TelemetryHelper.logSDKEvent(LogLevel.INFO, {
         Event: TelemetryEvent.PrepareEndChat,
         Description: PrepareEndChatDescriptionConstants.CustomerCloseInactiveChat
@@ -726,11 +802,11 @@ export const LiveChatWidgetStateful = props => {
       endChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true);
       return;
     }
-    const isConversationalSurveyEnabled = state.appStates.isConversationalSurveyEnabled;
+    const isConversationalSurveyEnabled = inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta11 = inMemoryState.appStates) === null || _inMemoryState$appSta11 === void 0 ? void 0 : _inMemoryState$appSta11.isConversationalSurveyEnabled;
 
     // In conversational survey, we need to check post chat survey logics before we set ConversationState to InActive
     // Hence setting ConversationState to InActive will be done later in the post chat flows
-    if (!isConversationalSurveyEnabled && ((state === null || state === void 0 ? void 0 : (_state$appStates12 = state.appStates) === null || _state$appStates12 === void 0 ? void 0 : _state$appStates12.conversationEndedBy) === ConversationEndEntity.Agent || (state === null || state === void 0 ? void 0 : (_state$appStates13 = state.appStates) === null || _state$appStates13 === void 0 ? void 0 : _state$appStates13.conversationEndedBy) === ConversationEndEntity.Bot)) {
+    if (!isConversationalSurveyEnabled && (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta12 = inMemoryState.appStates) === null || _inMemoryState$appSta12 === void 0 ? void 0 : _inMemoryState$appSta12.conversationEndedBy) === ConversationEndEntity.Agent || (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta13 = inMemoryState.appStates) === null || _inMemoryState$appSta13 === void 0 ? void 0 : _inMemoryState$appSta13.conversationEndedBy) === ConversationEndEntity.Bot) {
       dispatch({
         type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
         payload: ConversationState.InActive
@@ -738,8 +814,8 @@ export const LiveChatWidgetStateful = props => {
     }
 
     // All other cases
-    prepareEndChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter);
-  }, [state === null || state === void 0 ? void 0 : (_state$appStates14 = state.appStates) === null || _state$appStates14 === void 0 ? void 0 : _state$appStates14.conversationEndedBy]);
+    prepareEndChat(props, facadeChatSDK, inMemoryState, dispatch, setAdapter, setWebChatStyles, adapter);
+  }, [state === null || state === void 0 ? void 0 : (_state$appStates8 = state.appStates) === null || _state$appStates8 === void 0 ? void 0 : _state$appStates8.conversationEndedBy]);
 
   // Publish chat widget state
   useEffect(() => {
@@ -771,13 +847,13 @@ export const LiveChatWidgetStateful = props => {
 
   // Handle Chat disconnect cases
   useEffect(() => {
-    var _inMemoryState$appSta7;
+    var _inMemoryState$appSta14;
     const inMemoryState = executeReducer(state, {
       type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
       payload: null
     });
     handleChatDisconnect(props, inMemoryState, setWebChatStyles);
-    const chatDisconnectState = inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta7 = inMemoryState.appStates) === null || _inMemoryState$appSta7 === void 0 ? void 0 : _inMemoryState$appSta7.chatDisconnectEventReceived;
+    const chatDisconnectState = inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta14 = inMemoryState.appStates) === null || _inMemoryState$appSta14 === void 0 ? void 0 : _inMemoryState$appSta14.chatDisconnectEventReceived;
     if (chatDisconnectState && adapter) {
       try {
         adapter.end();

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

@@ -103,7 +103,7 @@ export const PostChatSurveyPaneStateful = props => {
           Event: TelemetryEvent.CustomerVoiceResponsePageLoaded
         });
       } else if (data === CustomerVoiceEvents.FormResponseSubmitted) {
-        TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+        TelemetryHelper.logActionEvent(LogLevel.INFO, {
           Event: TelemetryEvent.CustomerVoiceFormResponseSubmitted,
           Description: "Customer Voice form response submitted.",
           CustomProperties: {
@@ -111,7 +111,7 @@ export const PostChatSurveyPaneStateful = props => {
           }
         });
       } else if (data === CustomerVoiceEvents.FormResponseError) {
-        TelemetryHelper.logActionEventToAllTelemetry(LogLevel.ERROR, {
+        TelemetryHelper.logActionEvent(LogLevel.ERROR, {
           Event: TelemetryEvent.CustomerVoiceFormResponseError,
           Description: "Customer Voice form response error.",
           ExceptionDetails: {

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

@@ -25,9 +25,6 @@ import { isPersistentChatEnabled } from "../livechatwidget/common/liveChatConfig
 import { useChatContextStore } from "../..";
 import useFacadeSDKStore from "../../hooks/useFacadeChatSDKStore";
 import usePersistentChatHistory from "./hooks/usePersistentChatHistory";
-
-// Types for better type safety
-
 let uiTimer;
 const broadcastChannelMessageEvent = "message";
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -56,7 +53,7 @@ const createMagicCodeSuccessResponse = signin => {
   };
 };
 export const WebChatContainerStateful = props => {
-  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;
+  var _props$webChatContain, _defaultWebChatContai, _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$citationPanePr, _props$citationPanePr2, _props$citationPanePr3, _props$citationPanePr4, _props$citationPanePr5;
   const [facadeChatSDK] = useFacadeSDKStore();
 
   // Create a font family that includes emoji support, based on the primary font or default
@@ -90,18 +87,12 @@ export const WebChatContainerStateful = 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) || 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;
+  const shouldLoadPersistentHistoryMessages = isHistoryEnabledInConfig && isHistoryEnabledViaFCB && isPersistentChatEnabledForWidget;
   if (shouldLoadPersistentHistoryMessages) {
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
       Event: TelemetryEvent.PersistentChatHistoryEnabled
@@ -415,9 +406,7 @@ export const WebChatContainerStateful = props => {
       height: "100%",
       width: "100%"
     }
-  }, shouldLoadPersistentHistoryMessages && /*#__PURE__*/React.createElement(WebChatEventSubscribers, {
-    persistentChatHistoryEnabled: props === null || props === void 0 ? void 0 : (_props$persistentChat2 = props.persistentChatHistoryProps) === null || _props$persistentChat2 === void 0 ? void 0 : _props$persistentChat2.persistentChatHistoryEnabled
-  }), /*#__PURE__*/React.createElement(BasicWebChat, null))), citationPaneOpen && /*#__PURE__*/React.createElement(CitationPaneStateful, {
+  }, shouldLoadPersistentHistoryMessages && /*#__PURE__*/React.createElement(WebChatEventSubscribers, null), /*#__PURE__*/React.createElement(BasicWebChat, null))), citationPaneOpen && /*#__PURE__*/React.createElement(CitationPaneStateful, {
     id: ((_props$citationPanePr = props.citationPaneProps) === null || _props$citationPanePr === void 0 ? void 0 : _props$citationPanePr.id) || HtmlAttributeNames.ocwCitationPaneClassName,
     title: ((_props$citationPanePr2 = props.citationPaneProps) === null || _props$citationPanePr2 === void 0 ? void 0 : _props$citationPanePr2.title) || HtmlAttributeNames.ocwCitationPaneTitle,
     contentHtml: citationPaneText,

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

@@ -56,11 +56,17 @@ const convertPersistentChatHistoryMessageToActivity = message => {
     }
     if (tags) {
       const formattedTags = additionalData.tags.split(",");
-      activity.channelData.tags = [...activity.channelData.tags, ...formattedTags];
+      activity.channelData = {
+        ...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;
+    activity.from = {
+      ...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 = {

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

@@ -2,9 +2,8 @@ import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryCon
 import { useEffect, useRef } from "react";
 import ChatWidgetEvents from "../../livechatwidget/common/ChatWidgetEvents";
 import PersistentConversationHandler from "../../livechatwidget/common/PersistentConversationHandler";
-import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
-import dispatchCustomEvent from "../../../common/utils/dispatchCustomEvent";
 import SecureEventBus from "../../../common/utils/SecureEventBus";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 const usePersistentChatHistory = (facadeChatSDK, props) => {
   const handlerRef = useRef(null);
   useEffect(() => {
@@ -24,7 +23,6 @@ const usePersistentChatHistory = (facadeChatSDK, props) => {
       try {
         var _handlerRef$current;
         await ((_handlerRef$current = handlerRef.current) === null || _handlerRef$current === void 0 ? void 0 : _handlerRef$current.pullHistory());
-        dispatchCustomEvent(ChatWidgetEvents.HIDE_LOADING_BANNER);
         TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
           Event: TelemetryEvent.LCWPersistentChatHistoryFetchCompleted,
           Description: "Persistent chat history fetch completed successfully"

package/lib/esm/components/webchatcontainerstateful/interfaces/IExtendedChatConffig.js

@@ -0,0 +1 @@
+export {};

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

@@ -11,14 +11,13 @@ import dispatchCustomEvent from "../../../common/utils/dispatchCustomEvent";
  * Component to handle persistent chat history events.
  * Uses WebChatStoreLoader instead of hooks to avoid context issues.
  */
-const WebChatEventSubscribers = props => {
+const WebChatEventSubscribers = () => {
   const [isConnected, setIsConnected] = useState(false);
   const [storeReady, setStoreReady] = useState(false);
   const storeWaitTimer = createTimer();
+  // Type the chatConfig properly to avoid 'any' usage
+
   useEffect(() => {
-    if (!props.persistentChatHistoryEnabled) {
-      return;
-    }
     TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
       Event: TelemetryEvent.LCWWebChatStorePollingStarted,
       Description: "WebChat store polling started"
@@ -50,9 +49,9 @@ const WebChatEventSubscribers = props => {
         clearInterval(storeCheckInterval);
       };
     }
-  }, [props.persistentChatHistoryEnabled]);
+  }, []);
   useEffect(() => {
-    if (!props.persistentChatHistoryEnabled || !storeReady) {
+    if (!storeReady) {
       return;
     }
     const checkConnectionStatus = () => {
@@ -109,7 +108,7 @@ const WebChatEventSubscribers = props => {
     return () => {
       clearInterval(interval);
     };
-  }, [isConnected, props.persistentChatHistoryEnabled, storeReady]);
+  }, [isConnected, storeReady]);
   return null;
 };
 export default WebChatEventSubscribers;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activities/LazyLoadActivity.js

@@ -85,7 +85,7 @@ let LazyLoadHandler = /*#__PURE__*/function () {
 
     // Scroll operation state
     // Current scroll operation tracking
-    // Prevents concurrent scroll operations
+    // Prevents concurrent scroll operations (public for event handlers)
 
     // Timeout and queue management
     // Tracks all setTimeout IDs for cleanup
@@ -956,6 +956,21 @@ const LazyLoadActivity = props => {
       setHasMoreHistory(false);
     };
 
+    // Event listener for HISTORY_LOAD_ERROR - hides banner temporarily without disabling future loads
+    const handleHistoryLoadError = () => {
+      // Temporarily hide the banner by pausing, but keep hasMoreHistory true to allow retry
+      LazyLoadHandler.paused = true;
+      LazyLoadHandler.pendingScrollAction = false;
+
+      // Re-enable after a delay to allow retry on next scroll
+      // Note: This timeout is intentionally not tracked as it's scoped to the component lifecycle
+      window.setTimeout(() => {
+        LazyLoadHandler.paused = false;
+      }, 2000); // 2 second delay before allowing retry
+
+      LazyLoadHandler.logLifecycleEvent(TelemetryEvent.LCWLazyLoadHistoryError, "History load error - will retry on next scroll");
+    };
+
     // Event listener for PersistentConversationReset to sync React state
     // This fixes the issue where banner doesn't appear in start chat + close chat + start chat sequence
     // by ensuring React state (hasMoreHistory) is synchronized with handler state when reset occurs
@@ -968,6 +983,9 @@ const LazyLoadActivity = props => {
     const eventBus = SecureEventBus.getInstance();
     const unsubscribeNoMoreHistory = eventBus.subscribe(ChatWidgetEvents.NO_MORE_HISTORY_AVAILABLE, handleNoMoreHistory);
 
+    // Add event listener for history load errors
+    const unsubscribeHistoryError = eventBus.subscribe(ChatWidgetEvents.HISTORY_LOAD_ERROR, handleHistoryLoadError);
+
     // Add event listener for persistent conversation reset
     const resetSubscription = BroadcastService.getMessageByEventName(BroadcastEvent.PersistentConversationReset).subscribe(handlePersistentConversationReset);
 
@@ -984,6 +1002,7 @@ const LazyLoadActivity = props => {
       // Still need to return cleanup function even after reset
       return () => {
         unsubscribeNoMoreHistory();
+        unsubscribeHistoryError();
         resetSubscription.unsubscribe();
       };
     }
@@ -1036,6 +1055,7 @@ const LazyLoadActivity = props => {
 
       // Remove event listeners
       unsubscribeNoMoreHistory();
+      unsubscribeHistoryError();
       resetSubscription.unsubscribe();
       if (container) {
         container.removeEventListener("scroll", handleScroll);

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/citationsMiddleware.js

@@ -27,7 +27,12 @@ export const createCitationsMiddleware = (state, dispatch) => () => next => acti
         const citations = (_gptFeedback$summariz = gptFeedback.summarizationOpenAIResponse) === null || _gptFeedback$summariz === void 0 ? void 0 : (_gptFeedback$summariz2 = _gptFeedback$summariz.result) === null || _gptFeedback$summariz2 === void 0 ? void 0 : _gptFeedback$summariz2.textCitations;
         // Rewrite inline citation labels in activity.text to match the global map keys
         const updatedText = replaceCitations(action.payload.activity.text, citations, messagePrefix);
-        action.payload.activity.text = updatedText;
+
+        // Create new activity object to avoid mutation
+        action.payload.activity = {
+          ...action.payload.activity,
+          text: updatedText
+        };
         // Build a global citation map keyed by the prefixed citation id and
         // dispatch it to app state so the UI container can render citations.
         try {

package/lib/types/common/Constants.d.ts

@@ -107,6 +107,7 @@ export declare class Constants {
     static readonly customEventValue = "customEventValue";
     static readonly Hidden = "Hidden";
     static readonly EndConversationDueToOverflow = "endconversationduetooverflow";
+    static readonly SkipSessionCloseForPersistentChatFlag = "skipSessionCloseForPersistentChat";
 }
 export declare const Regex: {
     new (): {};
@@ -285,6 +286,7 @@ export declare class PrepareEndChatDescriptionConstants {
     static readonly PrepareEndChatError = "There's an error while preparing to end chat. Closing chat widget.";
     static readonly WidgetLoadFailedAfterSessionInit = "SessionInit was successful, but widget load failed. Ending chat to avoid ghost chats in OC.";
     static readonly InitiateEndChatReceived = "Received InitiateEndChat BroadcastEvent while conversation state is not Active. Ending chat.";
+    static readonly InitiateEndChatReceivedActiveChat = "Received InitiateEndChat BroadcastEvent while conversation state is Active. Updating conversation states.";
     static readonly EndChatReceivedFromOtherTabs = "Received EndChat BroadcastEvent from other tabs. Closing this chat.";
     static readonly CustomerCloseChatOnFailureOrPostChat = "Customer is trying to close chat widget on start chat failure or post chat pane.";
     static readonly CustomerCloseInactiveChat = "Chat was Inactive and customer is trying to close chat widget or refreshing the page.";

package/lib/types/common/telemetry/TelemetryConstants.d.ts

@@ -288,6 +288,7 @@ export declare enum TelemetryEvent {
     LCWPersistentConversationHandlerInitialized = "LCWPersistentConversationHandlerInitialized",
     LCWPersistentHistoryPullBlocked = "LCWPersistentHistoryPullBlocked",
     LCWPersistentHistoryPullCompleted = "LCWPersistentHistoryPullCompleted",
+    LCWPersistentHistoryReturnedNull = "LCWPersistentHistoryReturnedNull",
     LCWLazyLoadInitializationStarted = "LCWLazyLoadInitializationStarted",
     LCWLazyLoadContainerNotFound = "LCWLazyLoadContainerNotFound",
     LCWLazyLoadInitializationCompleted = "LCWLazyLoadInitializationCompleted",
@@ -297,6 +298,7 @@ export declare enum TelemetryEvent {
     LCWLazyLoadActivityMounted = "LCWLazyLoadActivityMounted",
     LCWLazyLoadReset = "LCWLazyLoadReset",
     LCWLazyLoadNoMoreHistory = "LCWLazyLoadNoMoreHistory",
+    LCWLazyLoadHistoryError = "LCWLazyLoadHistoryError",
     LCWLazyLoadDestroyed = "LCWLazyLoadDestroyed",
     SecureEventBusUnauthorizedDispatch = "SecureEventBusUnauthorizedDispatch",
     SecureEventBusListenerError = "SecureEventBusListenerError",

package/lib/types/common/telemetry/interfaces/IInternalTelemetryData.d.ts

@@ -20,4 +20,5 @@ export interface IInternalTelemetryData {
     channelId?: string;
     chatWidgetVersion?: string;
     chatComponentVersion?: string;
+    chatConfigAppInsightsKey?: string;
 }

package/lib/types/components/livechatwidget/common/ChatWidgetEvents.d.ts

@@ -2,6 +2,6 @@ declare enum ChatWidgetEvents {
     ADD_ACTIVITY = "CHAT_WIDGET/ADD_ACTIVITY",
     FETCH_PERSISTENT_CHAT_HISTORY = "CHAT_WIDGET/FETCH_PERSISTENT_CHAT_HISTORY",
     NO_MORE_HISTORY_AVAILABLE = "CHAT_WIDGET/NO_MORE_HISTORY_AVAILABLE",
-    HIDE_LOADING_BANNER = "CHAT_WIDGET/HIDE_LOADING_BANNER"
+    HISTORY_LOAD_ERROR = "CHAT_WIDGET/HISTORY_LOAD_ERROR"
 }
 export default ChatWidgetEvents;

package/lib/types/components/livechatwidget/interfaces/IPersistentChatHistoryProps.d.ts

@@ -1,6 +1,5 @@
 import { IStyle } from "@fluentui/react";
 export interface IPersistentChatHistoryProps {
-    persistentChatHistoryEnabled?: boolean;
     pageSize?: number;
     dividerActivityStyle?: IStyle;
     /**

package/lib/types/components/webchatcontainerstateful/interfaces/IExtendedChatConffig.d.ts

@@ -0,0 +1,15 @@
+export interface ExtendedChatConfig {
+    LcwFcbConfiguration?: LcwFcbConfiguration;
+    LiveChatConfigAuthSettings?: LiveChatConfigAuthSettings;
+    LiveWSAndLiveChatEngJoin?: {
+        msdyn_conversationmode?: string;
+        msdyn_enablepersistentchatpreviousconversations?: boolean;
+    };
+}
+interface LcwFcbConfiguration {
+    lcwPersistentChatHistoryEnabled?: boolean;
+}
+interface LiveChatConfigAuthSettings {
+    msdyn_javascriptclientfunction?: string;
+}
+export {};

package/lib/types/components/webchatcontainerstateful/webchatcontroller/WebChatEventSubscribers.d.ts

@@ -1,7 +1,6 @@
-import { IPersistentChatHistoryProps } from "../../livechatwidget/interfaces/IPersistentChatHistoryProps";
 /**
  * Component to handle persistent chat history events.
  * Uses WebChatStoreLoader instead of hooks to avoid context issues.
  */
-declare const WebChatEventSubscribers: (props: IPersistentChatHistoryProps) => null;
+declare const WebChatEventSubscribers: () => null;
 export default WebChatEventSubscribers;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activities/LazyLoadActivity.d.ts

@@ -53,7 +53,7 @@ declare class LazyLoadHandler {
     static paused: boolean;
     static observer: IntersectionObserver | null;
     private static scrollState;
-    private static pendingScrollAction;
+    static pendingScrollAction: boolean;
     private static retryTimeouts;
     static resetPending: boolean;
     private static initTimer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.8.4-main.424a580",
+  "version": "1.8.4-main.6672d3a",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",