@microsoft/omnichannel-chat-widget 1.8.2-main.5a42a08 → 1.8.2-main.c423ac4

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

@@ -40,6 +40,7 @@ const prepareEndChat = async (props, facadeChatSDK, state, dispatch, setAdapter,
           Description: _Constants.PrepareEndChatDescriptionConstants.ConversationEndedByCustomerWithoutPostChat
         });
         await endChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true);
+        return;
       }
 
       // Use Case: If ended by Agent, stay chat in InActive state

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

@@ -12,6 +12,7 @@ var _PostChatSurveyMode = require("../../postchatsurveypanestateful/enums/PostCh
 var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
 var _utils = require("../../../common/utils");
 var _liveChatConfigUtils = require("./liveChatConfigUtils");
+var _createReducer = require("../../../contexts/createReducer");
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let conversationDetails = undefined;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -64,6 +65,13 @@ const renderSurvey = async (postChatContext, state, dispatch) => {
 // Function for embed mode postchat workflow which is essentially same for both customer and agent
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const embedModePostChatWorkflow = async (postChatContext, state, dispatch) => {
+  const inMemoryState = (0, _createReducer.executeReducer)(state, {
+    type: _LiveChatWidgetActionType.LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+    payload: null
+  });
+  if (inMemoryState.appStates.conversationState === _ConversationState.ConversationState.Closed) {
+    return;
+  }
   _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
     Event: _TelemetryConstants.TelemetryEvent.EmbedModePostChatWorkflowStarted
   });
@@ -84,6 +92,13 @@ const embedModePostChatWorkflow = async (postChatContext, state, dispatch) => {
       payload: _ConversationState.ConversationState.PostchatLoading
     });
     await (0, _utils.addDelayInMs)(_Constants.Constants.PostChatLoadingDurationInMs);
+    const inMemoryState = (0, _createReducer.executeReducer)(state, {
+      type: _LiveChatWidgetActionType.LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+      payload: null
+    });
+    if (inMemoryState.appStates.conversationState === _ConversationState.ConversationState.Closed) {
+      return;
+    }
     dispatch({
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
       payload: _ConversationState.ConversationState.Postchat
@@ -102,6 +117,14 @@ const embedModePostChatWorkflow = async (postChatContext, state, dispatch) => {
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const initiatePostChat = async (props, conversationDetailsParam, state, dispatch, postchatContext) => {
   var _conversationDetails;
+  const inMemoryState = (0, _createReducer.executeReducer)(state, {
+    type: _LiveChatWidgetActionType.LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+    payload: null
+  });
+  if (inMemoryState.appStates.conversationState === _ConversationState.ConversationState.Closed) {
+    // If the conversation is closed, we need to reset the state
+    return;
+  }
   conversationDetails = conversationDetailsParam;
   const participantType = ((_conversationDetails = conversationDetails) === null || _conversationDetails === void 0 ? void 0 : _conversationDetails.participantType) ?? postchatContext.participantType;
   await setSurveyMode(props, participantType, state, dispatch);

package/lib/cjs/plugins/createChatTranscript.js

@@ -705,10 +705,23 @@ const createChatTranscript = async function (transcript, facadeChatSDK) {
       reader.readAsDataURL(blob);
     });
   };
+
+  // Configure DOMPurify to remove target attribute from br tags
+  const hook = function (node) {
+    // eslint-disable-line @typescript-eslint/no-explicit-any
+    // Remove target attribute from br tags as it causes them to display as literal text
+    if (node.tagName === "BR" && node.hasAttribute("target")) {
+      node.removeAttribute("target");
+    }
+  };
+  _dompurify.default.addHook("afterSanitizeAttributes", hook);
   let messages = transcriptMessages.filter(message => {
     message.content = _dompurify.default.sanitize(message.content);
     return message;
   });
+
+  // Clean up the hook after processing all messages
+  _dompurify.default.removeHook("afterSanitizeAttributes", hook);
   if (renderAttachments) {
     messages = await Promise.all(transcriptMessages.map(async message => {
       // eslint-disable-line @typescript-eslint/no-explicit-any

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

@@ -35,6 +35,7 @@ const prepareEndChat = async (props, facadeChatSDK, state, dispatch, setAdapter,
           Description: PrepareEndChatDescriptionConstants.ConversationEndedByCustomerWithoutPostChat
         });
         await endChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true);
+        return;
       }
 
       // Use Case: If ended by Agent, stay chat in InActive state

package/lib/esm/components/livechatwidget/common/renderSurveyHelpers.js

@@ -6,6 +6,7 @@ import { PostChatSurveyMode } from "../../postchatsurveypanestateful/enums/PostC
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { addDelayInMs } from "../../../common/utils";
 import { getPostChatSurveyConfig } from "./liveChatConfigUtils";
+import { executeReducer } from "../../../contexts/createReducer";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let conversationDetails = undefined;
@@ -59,6 +60,13 @@ const renderSurvey = async (postChatContext, state, dispatch) => {
 // Function for embed mode postchat workflow which is essentially same for both customer and agent
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const embedModePostChatWorkflow = async (postChatContext, state, dispatch) => {
+  const inMemoryState = executeReducer(state, {
+    type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+    payload: null
+  });
+  if (inMemoryState.appStates.conversationState === ConversationState.Closed) {
+    return;
+  }
   TelemetryHelper.logActionEvent(LogLevel.INFO, {
     Event: TelemetryEvent.EmbedModePostChatWorkflowStarted
   });
@@ -79,6 +87,13 @@ const embedModePostChatWorkflow = async (postChatContext, state, dispatch) => {
       payload: ConversationState.PostchatLoading
     });
     await addDelayInMs(Constants.PostChatLoadingDurationInMs);
+    const inMemoryState = executeReducer(state, {
+      type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+      payload: null
+    });
+    if (inMemoryState.appStates.conversationState === ConversationState.Closed) {
+      return;
+    }
     dispatch({
       type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
       payload: ConversationState.Postchat
@@ -97,6 +112,14 @@ const embedModePostChatWorkflow = async (postChatContext, state, dispatch) => {
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const initiatePostChat = async (props, conversationDetailsParam, state, dispatch, postchatContext) => {
   var _conversationDetails;
+  const inMemoryState = executeReducer(state, {
+    type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+    payload: null
+  });
+  if (inMemoryState.appStates.conversationState === ConversationState.Closed) {
+    // If the conversation is closed, we need to reset the state
+    return;
+  }
   conversationDetails = conversationDetailsParam;
   const participantType = ((_conversationDetails = conversationDetails) === null || _conversationDetails === void 0 ? void 0 : _conversationDetails.participantType) ?? postchatContext.participantType;
   await setSurveyMode(props, participantType, state, dispatch);

package/lib/esm/plugins/createChatTranscript.js

@@ -700,10 +700,23 @@ const createChatTranscript = async function (transcript, facadeChatSDK) {
       reader.readAsDataURL(blob);
     });
   };
+
+  // Configure DOMPurify to remove target attribute from br tags
+  const hook = function (node) {
+    // eslint-disable-line @typescript-eslint/no-explicit-any
+    // Remove target attribute from br tags as it causes them to display as literal text
+    if (node.tagName === "BR" && node.hasAttribute("target")) {
+      node.removeAttribute("target");
+    }
+  };
+  DOMPurify.addHook("afterSanitizeAttributes", hook);
   let messages = transcriptMessages.filter(message => {
     message.content = DOMPurify.sanitize(message.content);
     return message;
   });
+
+  // Clean up the hook after processing all messages
+  DOMPurify.removeHook("afterSanitizeAttributes", hook);
   if (renderAttachments) {
     messages = await Promise.all(transcriptMessages.map(async message => {
       // eslint-disable-line @typescript-eslint/no-explicit-any

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.8.2-main.5a42a08",
+  "version": "1.8.2-main.c423ac4",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -87,7 +87,7 @@
     "@azure/core-tracing": "^1.2.0",
     "@microsoft/applicationinsights-web": "^3.3.6",
     "@microsoft/omnichannel-chat-components": "1.1.13",
-    "@microsoft/omnichannel-chat-sdk": "^1.11.4",
+    "@microsoft/omnichannel-chat-sdk": "^1.11.6",
     "@opentelemetry/api": "^1.9.0",
     "abort-controller": "^3",
     "abort-controller-es5": "^2.0.1",