@microsoft/omnichannel-chat-widget 1.8.2-main.f638bed → 1.8.2

package/lib/cjs/common/Constants.js

@@ -32,6 +32,7 @@ _defineProperty(Constants, "webchatChannelId", "webchat");
 _defineProperty(Constants, "markdown", "markdown");
 _defineProperty(Constants, "actionType", "actionType");
 _defineProperty(Constants, "markDownSystemMessageClass", "webchat__basic-transcript__activity-markdown-body");
+_defineProperty(Constants, "MARKDOWN_LIST_INDENTATION", "   ");
 _defineProperty(Constants, "String", "string");
 _defineProperty(Constants, "ChatMessagesJson", "chatMessagesJson");
 _defineProperty(Constants, "truePascal", "True");

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

@@ -34,12 +34,65 @@ const createMarkdown = (disableMarkdownMessageFormatting, disableNewLineMarkdown
     // Rule to process html blocks and paragraphs
     "html_inline",
     // Rule to process html tags
-    "newline" // Rule to proceess '\n'
+    "newline",
+    // Rule to proceess '\n'
+    "list" // Enable list parsing rule
     ]);
   }
 
   markdown.disable(["strikethrough"]);
 
+  // Custom plugin to fix numbered list continuity
+  markdown.use(function (md) {
+    const originalRender = md.render.bind(md);
+    const originalRenderInline = md.renderInline.bind(md);
+    function preprocessText(text) {
+      // Handle numbered lists that come with double line breaks (knowledge article format)
+      // This ensures proper continuous numbering instead of separate lists
+
+      let result = text;
+
+      // Only process if the text contains the double line break pattern
+      // But exclude simple numbered lists (where content after \n\n starts with another number)
+      if (!/\d+\.\s+.*?\n\n(?!\d+\.\s)[\s\S]*?(?:\n\n\d+\.|\s*$)/.test(text)) {
+        return result;
+      }
+
+      // Convert "1. Item\n\nContent\n\n2. Item" to proper markdown list format
+      // Use improved pattern with negative lookahead to exclude cases where content starts with numbered list
+      const listPattern = /(\d+\.\s+[^\n]+)(\n\n(?!\d+\.\s)[\s\S]*?)(?=\n\n\d+\.|\s*$)/g;
+      if (listPattern.test(result)) {
+        // Reset regex state for actual replacement
+        listPattern.lastIndex = 0;
+        result = result.replace(listPattern, (match, listItem, content) => {
+          if (!content) {
+            return match;
+          }
+
+          // Format content with proper indentation
+          const cleanContent = content.substring(2); // Remove leading \n\n
+          const lines = cleanContent.split("\n");
+          const indentedContent = lines.map(line => line.trim() ? `${_Constants.Constants.MARKDOWN_LIST_INDENTATION}${line}` : "").join("\n");
+          const lineBreak = disableNewLineMarkdownSupport ? "\n" : "\n\n";
+          return `${listItem}${lineBreak}${indentedContent}`;
+        });
+      }
+      return result;
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    md.render = function (text, env) {
+      const processedText = preprocessText(text);
+      return originalRender(processedText, env);
+    };
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    md.renderInline = function (text, env) {
+      const processedText = preprocessText(text);
+      return originalRenderInline(processedText, env);
+    };
+  });
+
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   markdown.use(_markdownItForInline.default, "url_new_win", "link_open", function (tokens, idx, env) {
     const targetAttrIndex = tokens[idx].attrIndex(_Constants.Constants.Target);

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/initWebChatComposer.js

@@ -37,6 +37,7 @@ 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 _callActionMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/callActionMiddleware"));
 var _customEventMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/customEventMiddleware"));
 var _ConversationState = require("../../../contexts/common/ConversationState");
 var _createReducer = require("../../../contexts/createReducer");
@@ -120,7 +121,7 @@ const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endChat) =>
     };
     webChatStore = (0, _botframeworkWebchat.createStore)({},
     //initial state
-    _preProcessingMiddleware.default, _attachmentProcessingMiddleware.default, (0, _attachmentUploadValidatorMiddleware.default)((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : _state$domainStates$l.allowedFileExtensions, (_state$domainStates$l2 = state.domainStates.liveChatConfig) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.maxUploadFileSize, localizedTexts), (0, _customEventMiddleware.default)(_omnichannelChatComponents.BroadcastService), (0, _queueOverflowHandlerMiddleware.createQueueOverflowMiddleware)(state, dispatch), (0, _channelDataMiddleware.default)(addConversationalSurveyTagsCallback), (0, _conversationEndMiddleware.default)(conversationEndCallback, startConversationalSurveyCallback, endConversationalSurveyCallback), (0, _dataMaskingMiddleware.default)((_state$domainStates$l3 = state.domainStates.liveChatConfig) === null || _state$domainStates$l3 === void 0 ? void 0 : _state$domainStates$l3.DataMaskingInfo), _messageTimestampMiddleware.createMessageTimeStampMiddleware, _messageSequenceIdOverrideMiddleware.createMessageSequenceIdOverrideMiddleware, _gifUploadMiddleware.default, _htmlPlayerMiddleware.default, (0, _htmlTextMiddleware.default)(honorsTargetInHTMLLinks), (0, _maxMessageSizeValidator.default)(localizedTexts), _sanitizationMiddleware.default,
+    _preProcessingMiddleware.default, _attachmentProcessingMiddleware.default, (0, _attachmentUploadValidatorMiddleware.default)((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : _state$domainStates$l.allowedFileExtensions, (_state$domainStates$l2 = state.domainStates.liveChatConfig) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.maxUploadFileSize, localizedTexts), (0, _customEventMiddleware.default)(_omnichannelChatComponents.BroadcastService), (0, _queueOverflowHandlerMiddleware.createQueueOverflowMiddleware)(state, dispatch), (0, _channelDataMiddleware.default)(addConversationalSurveyTagsCallback), (0, _conversationEndMiddleware.default)(conversationEndCallback, startConversationalSurveyCallback, endConversationalSurveyCallback), (0, _dataMaskingMiddleware.default)((_state$domainStates$l3 = state.domainStates.liveChatConfig) === null || _state$domainStates$l3 === void 0 ? void 0 : _state$domainStates$l3.DataMaskingInfo), _messageTimestampMiddleware.createMessageTimeStampMiddleware, _messageSequenceIdOverrideMiddleware.createMessageSequenceIdOverrideMiddleware, _gifUploadMiddleware.default, _htmlPlayerMiddleware.default, (0, _htmlTextMiddleware.default)(honorsTargetInHTMLLinks), (0, _maxMessageSizeValidator.default)(localizedTexts), _sanitizationMiddleware.default, (0, _callActionMiddleware.default)(),
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ...(((_props$webChatContain7 = props.webChatContainerProps) === null || _props$webChatContain7 === void 0 ? void 0 : _props$webChatContain7.storeMiddlewares) ?? []));
     _WebChatStoreLoader.WebChatStoreLoader.store = webChatStore;

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/components/webchatcontainerstateful/common/DesignerChatAdapter.js

@@ -29,10 +29,12 @@ let DesignerChatAdapter = /*#__PURE__*/function (_MockAdapter) {
     _this = _super.call(this);
     setTimeout(() => {
       (0, _chatAdapterUtils.postBotMessageActivity)(_this.activityObserver, "Thank you for contacting us! How can I help you today?", undefined, 0);
+      (0, _chatAdapterUtils.postBotMessageActivity)(_this.activityObserver, "Please accept terms and conditions to proceed. Visit the link for terms and conditions <a href=\"\">here</a>.", undefined, 0);
       _this.postUserActivity("I need to change my address.", 0);
       (0, _chatAdapterUtils.postBotMessageActivity)(_this.activityObserver, "Okay, let me connect you with a live agent.", undefined, 100);
       (0, _chatAdapterUtils.postSystemMessageActivity)(_this.activityObserver, "John has joined the chat", 100);
-      (0, _chatAdapterUtils.postBotMessageActivity)(_this.activityObserver, "I'd be happy to help you update your account.", undefined, 100);
+      (0, _chatAdapterUtils.postAgentMessageActivity)(_this.activityObserver, "I'd be happy to help you update your account.", undefined, 100);
+      _this.postUserActivity("I have trouble visiting the signin page <a href=\"\">signin</a>.", 0);
     }, 1000);
     return _this;
   }

package/lib/cjs/components/webchatcontainerstateful/common/utils/chatAdapterUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.postSystemMessageActivity = exports.postEchoActivity = exports.postBotTypingActivity = exports.postBotMessageActivity = exports.postBotAttachmentActivity = exports.customerUser = exports.botUser = void 0;
+exports.postSystemMessageActivity = exports.postEchoActivity = exports.postBotTypingActivity = exports.postBotMessageActivity = exports.postBotAttachmentActivity = exports.postAgentMessageActivity = exports.customerUser = exports.botUser = exports.agentUser = void 0;
 var _omnichannelChatSdk = require("@microsoft/omnichannel-chat-sdk");
 const customerUser = {
   id: "usedId",
@@ -16,9 +16,15 @@ const botUser = {
   name: "Bot",
   role: "bot"
 };
+exports.botUser = botUser;
+const agentUser = {
+  id: "AgentId",
+  name: "John",
+  role: "bot"
+};
 
 // WebChat expects an "echo" activity to confirm the message has been sent successfully
-exports.botUser = botUser;
+exports.agentUser = agentUser;
 const postEchoActivity = function (activityObserver, activity, user) {
   let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1000;
   const echoActivity = {
@@ -54,6 +60,25 @@ const postBotMessageActivity = function (activityObserver, text) {
   }, delay);
 };
 exports.postBotMessageActivity = postBotMessageActivity;
+const postAgentMessageActivity = function (activityObserver, text) {
+  let tags = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+  let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1000;
+  setTimeout(() => {
+    activityObserver === null || activityObserver === void 0 ? void 0 : activityObserver.next({
+      id: (0, _omnichannelChatSdk.uuidv4)(),
+      from: {
+        ...agentUser
+      },
+      text,
+      type: "message",
+      channelData: {
+        tags
+      },
+      timestamp: new Date().toISOString()
+    });
+  }, delay);
+};
+exports.postAgentMessageActivity = postAgentMessageActivity;
 const postSystemMessageActivity = function (activityObserver, text) {
   let delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1000;
   postBotMessageActivity(activityObserver, text, "system", delay);

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/callActionMiddleware.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _WebChatActionType = require("../../enums/WebChatActionType");
+/******
+ * CallActionMiddleware
+ * 
+ * Intercepts custom call actions and handles tel: URL navigation
+ ******/
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
+const createCallActionMiddleware = () => () => next => action => {
+  // Intercept incoming activities to modify suggested actions with call type
+  if (action.type === _WebChatActionType.WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY) {
+    var _action$payload, _activity$suggestedAc;
+    const activity = (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.activity;
+
+    // Check if activity has suggested actions with call type
+    if (activity !== null && activity !== void 0 && (_activity$suggestedAc = activity.suggestedActions) !== null && _activity$suggestedAc !== void 0 && _activity$suggestedAc.actions) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      activity.suggestedActions.actions = activity.suggestedActions.actions.map(suggestedAction => {
+        if (suggestedAction.type === "call") {
+          // Convert call action to openUrl with encoded tel URL scheme
+          const telUrl = suggestedAction.value;
+          const convertedAction = {
+            ...suggestedAction,
+            type: "openUrl",
+            value: `tel:${telUrl}`
+          };
+          return convertedAction;
+        }
+        return suggestedAction;
+      });
+    }
+  }
+  return next(action);
+};
+var _default = createCallActionMiddleware;
+exports.default = _default;

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/common/Constants.js

@@ -25,6 +25,7 @@ _defineProperty(Constants, "webchatChannelId", "webchat");
 _defineProperty(Constants, "markdown", "markdown");
 _defineProperty(Constants, "actionType", "actionType");
 _defineProperty(Constants, "markDownSystemMessageClass", "webchat__basic-transcript__activity-markdown-body");
+_defineProperty(Constants, "MARKDOWN_LIST_INDENTATION", "   ");
 _defineProperty(Constants, "String", "string");
 _defineProperty(Constants, "ChatMessagesJson", "chatMessagesJson");
 _defineProperty(Constants, "truePascal", "True");

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

@@ -28,12 +28,65 @@ export const createMarkdown = (disableMarkdownMessageFormatting, disableNewLineM
     // Rule to process html blocks and paragraphs
     "html_inline",
     // Rule to process html tags
-    "newline" // Rule to proceess '\n'
+    "newline",
+    // Rule to proceess '\n'
+    "list" // Enable list parsing rule
     ]);
   }
 
   markdown.disable(["strikethrough"]);
 
+  // Custom plugin to fix numbered list continuity
+  markdown.use(function (md) {
+    const originalRender = md.render.bind(md);
+    const originalRenderInline = md.renderInline.bind(md);
+    function preprocessText(text) {
+      // Handle numbered lists that come with double line breaks (knowledge article format)
+      // This ensures proper continuous numbering instead of separate lists
+
+      let result = text;
+
+      // Only process if the text contains the double line break pattern
+      // But exclude simple numbered lists (where content after \n\n starts with another number)
+      if (!/\d+\.\s+.*?\n\n(?!\d+\.\s)[\s\S]*?(?:\n\n\d+\.|\s*$)/.test(text)) {
+        return result;
+      }
+
+      // Convert "1. Item\n\nContent\n\n2. Item" to proper markdown list format
+      // Use improved pattern with negative lookahead to exclude cases where content starts with numbered list
+      const listPattern = /(\d+\.\s+[^\n]+)(\n\n(?!\d+\.\s)[\s\S]*?)(?=\n\n\d+\.|\s*$)/g;
+      if (listPattern.test(result)) {
+        // Reset regex state for actual replacement
+        listPattern.lastIndex = 0;
+        result = result.replace(listPattern, (match, listItem, content) => {
+          if (!content) {
+            return match;
+          }
+
+          // Format content with proper indentation
+          const cleanContent = content.substring(2); // Remove leading \n\n
+          const lines = cleanContent.split("\n");
+          const indentedContent = lines.map(line => line.trim() ? `${Constants.MARKDOWN_LIST_INDENTATION}${line}` : "").join("\n");
+          const lineBreak = disableNewLineMarkdownSupport ? "\n" : "\n\n";
+          return `${listItem}${lineBreak}${indentedContent}`;
+        });
+      }
+      return result;
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    md.render = function (text, env) {
+      const processedText = preprocessText(text);
+      return originalRender(processedText, env);
+    };
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    md.renderInline = function (text, env) {
+      const processedText = preprocessText(text);
+      return originalRenderInline(processedText, env);
+    };
+  });
+
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   markdown.use(MarkdownItForInline, "url_new_win", "link_open", function (tokens, idx, env) {
     const targetAttrIndex = tokens[idx].attrIndex(Constants.Target);

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/initWebChatComposer.js

@@ -32,6 +32,7 @@ import htmlTextMiddleware from "../../webchatcontainerstateful/webchatcontroller
 import preProcessingMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/preProcessingMiddleware";
 import sanitizationMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/sanitizationMiddleware";
 import { Constants } from "../../../common/Constants";
+import createCallActionMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/callActionMiddleware";
 import createCustomEventMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/customEventMiddleware";
 import { ConversationState } from "../../../contexts/common/ConversationState";
 import { executeReducer } from "../../../contexts/createReducer";
@@ -115,7 +116,7 @@ export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endCh
     };
     webChatStore = createStore({},
     //initial state
-    preProcessingMiddleware, attachmentProcessingMiddleware, createAttachmentUploadValidatorMiddleware((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : _state$domainStates$l.allowedFileExtensions, (_state$domainStates$l2 = state.domainStates.liveChatConfig) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.maxUploadFileSize, localizedTexts), createCustomEventMiddleware(BroadcastService), createQueueOverflowMiddleware(state, dispatch), channelDataMiddleware(addConversationalSurveyTagsCallback), createConversationEndMiddleware(conversationEndCallback, startConversationalSurveyCallback, endConversationalSurveyCallback), createDataMaskingMiddleware((_state$domainStates$l3 = state.domainStates.liveChatConfig) === null || _state$domainStates$l3 === void 0 ? void 0 : _state$domainStates$l3.DataMaskingInfo), createMessageTimeStampMiddleware, createMessageSequenceIdOverrideMiddleware, gifUploadMiddleware, htmlPlayerMiddleware, htmlTextMiddleware(honorsTargetInHTMLLinks), createMaxMessageSizeValidator(localizedTexts), sanitizationMiddleware,
+    preProcessingMiddleware, attachmentProcessingMiddleware, createAttachmentUploadValidatorMiddleware((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : _state$domainStates$l.allowedFileExtensions, (_state$domainStates$l2 = state.domainStates.liveChatConfig) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.maxUploadFileSize, localizedTexts), createCustomEventMiddleware(BroadcastService), createQueueOverflowMiddleware(state, dispatch), channelDataMiddleware(addConversationalSurveyTagsCallback), createConversationEndMiddleware(conversationEndCallback, startConversationalSurveyCallback, endConversationalSurveyCallback), createDataMaskingMiddleware((_state$domainStates$l3 = state.domainStates.liveChatConfig) === null || _state$domainStates$l3 === void 0 ? void 0 : _state$domainStates$l3.DataMaskingInfo), createMessageTimeStampMiddleware, createMessageSequenceIdOverrideMiddleware, gifUploadMiddleware, htmlPlayerMiddleware, htmlTextMiddleware(honorsTargetInHTMLLinks), createMaxMessageSizeValidator(localizedTexts), sanitizationMiddleware, createCallActionMiddleware(),
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ...(((_props$webChatContain7 = props.webChatContainerProps) === null || _props$webChatContain7 === void 0 ? void 0 : _props$webChatContain7.storeMiddlewares) ?? []));
     WebChatStoreLoader.store = webChatStore;

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/components/webchatcontainerstateful/common/DesignerChatAdapter.js

@@ -12,7 +12,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import { Observable } from "rxjs/Observable";
 import MockAdapter from "./mockadapter";
-import { customerUser, postBotMessageActivity, postEchoActivity, postSystemMessageActivity } from "./utils/chatAdapterUtils";
+import { customerUser, postAgentMessageActivity, postBotMessageActivity, postEchoActivity, postSystemMessageActivity } from "./utils/chatAdapterUtils";
 export let DesignerChatAdapter = /*#__PURE__*/function (_MockAdapter) {
   _inherits(DesignerChatAdapter, _MockAdapter);
   var _super = _createSuper(DesignerChatAdapter);
@@ -22,10 +22,12 @@ export let DesignerChatAdapter = /*#__PURE__*/function (_MockAdapter) {
     _this = _super.call(this);
     setTimeout(() => {
       postBotMessageActivity(_this.activityObserver, "Thank you for contacting us! How can I help you today?", undefined, 0);
+      postBotMessageActivity(_this.activityObserver, "Please accept terms and conditions to proceed. Visit the link for terms and conditions <a href=\"\">here</a>.", undefined, 0);
       _this.postUserActivity("I need to change my address.", 0);
       postBotMessageActivity(_this.activityObserver, "Okay, let me connect you with a live agent.", undefined, 100);
       postSystemMessageActivity(_this.activityObserver, "John has joined the chat", 100);
-      postBotMessageActivity(_this.activityObserver, "I'd be happy to help you update your account.", undefined, 100);
+      postAgentMessageActivity(_this.activityObserver, "I'd be happy to help you update your account.", undefined, 100);
+      _this.postUserActivity("I have trouble visiting the signin page <a href=\"\">signin</a>.", 0);
     }, 1000);
     return _this;
   }

package/lib/esm/components/webchatcontainerstateful/common/utils/chatAdapterUtils.js

@@ -9,6 +9,11 @@ export const botUser = {
   name: "Bot",
   role: "bot"
 };
+export const agentUser = {
+  id: "AgentId",
+  name: "John",
+  role: "bot"
+};
 
 // WebChat expects an "echo" activity to confirm the message has been sent successfully
 export const postEchoActivity = function (activityObserver, activity, user) {
@@ -44,6 +49,24 @@ export const postBotMessageActivity = function (activityObserver, text) {
     });
   }, delay);
 };
+export const postAgentMessageActivity = function (activityObserver, text) {
+  let tags = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+  let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1000;
+  setTimeout(() => {
+    activityObserver === null || activityObserver === void 0 ? void 0 : activityObserver.next({
+      id: uuidv4(),
+      from: {
+        ...agentUser
+      },
+      text,
+      type: "message",
+      channelData: {
+        tags
+      },
+      timestamp: new Date().toISOString()
+    });
+  }, delay);
+};
 export const postSystemMessageActivity = function (activityObserver, text) {
   let delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1000;
   postBotMessageActivity(activityObserver, text, "system", delay);

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

@@ -0,0 +1,36 @@
+/******
+ * CallActionMiddleware
+ * 
+ * Intercepts custom call actions and handles tel: URL navigation
+ ******/
+
+import { WebChatActionType } from "../../enums/WebChatActionType";
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
+const createCallActionMiddleware = () => () => next => action => {
+  // Intercept incoming activities to modify suggested actions with call type
+  if (action.type === WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY) {
+    var _action$payload, _activity$suggestedAc;
+    const activity = (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.activity;
+
+    // Check if activity has suggested actions with call type
+    if (activity !== null && activity !== void 0 && (_activity$suggestedAc = activity.suggestedActions) !== null && _activity$suggestedAc !== void 0 && _activity$suggestedAc.actions) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      activity.suggestedActions.actions = activity.suggestedActions.actions.map(suggestedAction => {
+        if (suggestedAction.type === "call") {
+          // Convert call action to openUrl with encoded tel URL scheme
+          const telUrl = suggestedAction.value;
+          const convertedAction = {
+            ...suggestedAction,
+            type: "openUrl",
+            value: `tel:${telUrl}`
+          };
+          return convertedAction;
+        }
+        return suggestedAction;
+      });
+    }
+  }
+  return next(action);
+};
+export default createCallActionMiddleware;

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/lib/types/common/Constants.d.ts

@@ -16,6 +16,7 @@ export declare class Constants {
     static readonly markdown = "markdown";
     static readonly actionType = "actionType";
     static readonly markDownSystemMessageClass = "webchat__basic-transcript__activity-markdown-body";
+    static readonly MARKDOWN_LIST_INDENTATION = "   ";
     static readonly String = "string";
     static readonly ChatMessagesJson = "chatMessagesJson";
     static readonly truePascal = "True";

package/lib/types/components/webchatcontainerstateful/common/utils/chatAdapterUtils.d.ts

@@ -2,8 +2,10 @@ import { Activity, Attachment, Message, User } from "botframework-directlinejs";
 import { Subscriber } from "rxjs/Subscriber";
 export declare const customerUser: User;
 export declare const botUser: User;
+export declare const agentUser: User;
 export declare const postEchoActivity: (activityObserver: Subscriber<Activity> | undefined, activity: Message, user: User, delay?: number) => void;
 export declare const postBotMessageActivity: (activityObserver: Subscriber<Activity> | undefined, text: string, tags?: string, delay?: number) => void;
+export declare const postAgentMessageActivity: (activityObserver: Subscriber<Activity> | undefined, text: string, tags?: string, delay?: number) => void;
 export declare const postSystemMessageActivity: (activityObserver: Subscriber<Activity> | undefined, text: string, delay?: number) => void;
 export declare const postBotTypingActivity: (activityObserver: Subscriber<Activity> | undefined, delay?: number) => void;
 export declare const postBotAttachmentActivity: (activityObserver: Subscriber<Activity> | undefined, attachments?: Attachment[], delay?: number) => void;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/callActionMiddleware.d.ts

@@ -0,0 +1,8 @@
+/******
+ * CallActionMiddleware
+ *
+ * Intercepts custom call actions and handles tel: URL navigation
+ ******/
+import { IWebChatAction } from "../../../interfaces/IWebChatAction";
+declare const createCallActionMiddleware: () => () => (next: any) => (action: IWebChatAction) => any;
+export default createCallActionMiddleware;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.8.2-main.f638bed",
+  "version": "1.8.2",
   "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",