@microsoft/omnichannel-chat-widget 1.8.2-main.fc93d3d → 1.8.3-main.38c88a7

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

@@ -7,34 +7,47 @@ import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { defaultMiddlewareLocalizedTexts } from "../../webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts";
 import { executeReducer } from "../../../contexts/createReducer";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
-const isInternetConnected = async () => {
+const getRegionBasedInternetTestUrl = widgetSnippet => {
+  var _widgetSnippet$match;
+  if (!widgetSnippet) {
+    return null;
+  }
+  const widgetSnippetSourceRegex = new RegExp("src=\"(https:\\/\\/[\\w-.]+)[\\w-.\\/]+\"");
+  const baseCdnUrl = (_widgetSnippet$match = widgetSnippet.match(widgetSnippetSourceRegex)) === null || _widgetSnippet$match === void 0 ? void 0 : _widgetSnippet$match[1];
+  return baseCdnUrl ? `${baseCdnUrl}${Constants.internetConnectionTestPath}` : null;
+};
+const isInternetConnected = async testUrl => {
   try {
-    const response = await fetch(Constants.internetConnectionTestUrl);
-    const text = await response.text();
-    return text === Constants.internetConnectionTestUrlText;
+    const response = await fetch(testUrl, {
+      method: "GET",
+      cache: "no-cache"
+    });
+    return response.ok;
   } catch {
     return false;
   }
 };
 export const createInternetConnectionChangeHandler = async state => {
   const handler = async () => {
-    const connected = await isInternetConnected();
+    var _inMemoryState$domain, _inMemoryState$domain2;
     const inMemoryState = executeReducer(state, {
       type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
       payload: null
     });
+    const testUrl = getRegionBasedInternetTestUrl((_inMemoryState$domain = inMemoryState.domainStates.liveChatConfig) === null || _inMemoryState$domain === void 0 ? void 0 : (_inMemoryState$domain2 = _inMemoryState$domain.LiveWSAndLiveChatEngJoin) === null || _inMemoryState$domain2 === void 0 ? void 0 : _inMemoryState$domain2.msdyn_widgetsnippet);
+    const connected = testUrl ? await isInternetConnected(testUrl) : false;
     if (!connected) {
-      var _inMemoryState$domain, _inMemoryState$domain2;
+      var _inMemoryState$domain3, _inMemoryState$domain4;
       TelemetryHelper.logActionEvent(LogLevel.WARN, {
         Event: TelemetryEvent.NetworkDisconnected
       });
-      NotificationHandler.notifyError(NotificationScenarios.InternetConnection, (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$domain = inMemoryState.domainStates) === null || _inMemoryState$domain === void 0 ? void 0 : (_inMemoryState$domain2 = _inMemoryState$domain.middlewareLocalizedTexts) === null || _inMemoryState$domain2 === void 0 ? void 0 : _inMemoryState$domain2.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION);
+      NotificationHandler.notifyError(NotificationScenarios.InternetConnection, (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$domain3 = inMemoryState.domainStates) === null || _inMemoryState$domain3 === void 0 ? void 0 : (_inMemoryState$domain4 = _inMemoryState$domain3.middlewareLocalizedTexts) === null || _inMemoryState$domain4 === void 0 ? void 0 : _inMemoryState$domain4.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION);
     } else {
-      var _inMemoryState$domain3, _inMemoryState$domain4;
+      var _inMemoryState$domain5, _inMemoryState$domain6;
       TelemetryHelper.logActionEvent(LogLevel.WARN, {
         Event: TelemetryEvent.NetworkReconnected
       });
-      NotificationHandler.notifySuccess(NotificationScenarios.InternetConnection, (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$domain3 = inMemoryState.domainStates) === null || _inMemoryState$domain3 === void 0 ? void 0 : (_inMemoryState$domain4 = _inMemoryState$domain3.middlewareLocalizedTexts) === null || _inMemoryState$domain4 === void 0 ? void 0 : _inMemoryState$domain4.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE);
+      NotificationHandler.notifySuccess(NotificationScenarios.InternetConnection, (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$domain5 = inMemoryState.domainStates) === null || _inMemoryState$domain5 === void 0 ? void 0 : (_inMemoryState$domain6 = _inMemoryState$domain5.middlewareLocalizedTexts) === null || _inMemoryState$domain6 === void 0 ? void 0 : _inMemoryState$domain6.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE);
       BroadcastService.postMessage({
         eventName: BroadcastEvent.NetworkReconnected
       });

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

@@ -0,0 +1,45 @@
+import { Constants } from "../../../common/Constants";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
+import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { getCustomEventValue, isValidCustomEvent } from "../../../common/utils";
+export const customEventCallback = facadeChatSDK => event => {
+  if (!(Constants.payload in event)) return;
+  if (isValidCustomEvent(event.payload)) {
+    const customEventPayload = event.payload;
+    try {
+      const customEventValueStr = getCustomEventValue(customEventPayload);
+      const customEventName = customEventPayload.customEventName;
+      const messageMeta = {
+        customEvent: Constants.true,
+        customEventName: customEventName,
+        customEventValue: customEventValueStr
+      };
+      const messagePayload = {
+        content: "",
+        tags: [Constants.Hidden],
+        metadata: messageMeta,
+        timestamp: new Date()
+      };
+      facadeChatSDK.sendMessage(messagePayload);
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.DEBUG, {
+        Event: TelemetryEvent.CustomEventAction,
+        Description: "Sent customEvent.",
+        CustomProperties: {
+          customEventName,
+          lengthCustomEventValue: customEventValueStr.length
+        }
+      });
+    } catch (error) {
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.ERROR, {
+        Event: TelemetryEvent.CustomEventAction,
+        Description: "Failed to process CustomEvent.",
+        ExceptionDetails: {
+          error
+        }
+      });
+    }
+  }
+};
+export const subscribeToSendCustomEvent = (broadcastService, facadeChatSDK, customEventCallback) => {
+  broadcastService.getMessageByEventName(Constants.sendCustomEvent).subscribe(customEventCallback(facadeChatSDK));
+};

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,8 +32,12 @@ 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";
+import { createQueueOverflowMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/queueOverflowHandlerMiddleware";
+import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endChat) => {
@@ -112,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), 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/livechatwidget/common/startChat.js

@@ -148,7 +148,6 @@ const setPreChatAndInitiateChat = async (facadeChatSDK, dispatch, setAdapter, is
   const optionalParams = {
     isProactiveChat
   };
-  createTrackingForFirstMessage();
   await initStartChat(facadeChatSDK, dispatch, setAdapter, state, props, optionalParams);
 };
 
@@ -199,6 +198,7 @@ const initStartChat = async (facadeChatSDK, dispatch, setAdapter, state, props,
       const startChatOptionalParams = Object.assign({}, params, optionalParams, defaultOptionalParams);
       // startTime is used to determine if a message is history or new, better to be set before creating the adapter to get bandwidth
       const startTime = new Date().getTime();
+      createTrackingForFirstMessage();
       await facadeChatSDK.startChat(startChatOptionalParams);
       isStartChatSuccessful = true;
       await createAdapterAndSubscribe(facadeChatSDK, dispatch, setAdapter, startTime, props);

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

@@ -53,6 +53,7 @@ import { startProactiveChat } from "../common/startProactiveChat";
 import useChatAdapterStore from "../../../hooks/useChatAdapterStore";
 import useChatContextStore from "../../../hooks/useChatContextStore";
 import useFacadeSDKStore from "../../../hooks/useFacadeChatSDKStore";
+import { customEventCallback, subscribeToSendCustomEvent } from "../common/customEventHandler";
 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;
@@ -413,7 +414,7 @@ export const LiveChatWidgetStateful = props => {
     BroadcastService.getMessageByEventName(BroadcastEvent.StartChat).subscribe(msg => {
       var _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta2, _inMemoryState$appSta3, _inMemoryState$appSta4;
       // If chat is out of operating hours chat widget sets the conversation state to OutOfOffice.
-      if (state.appStates.outsideOperatingHours === true) {
+      if (state.appStates.outsideOperatingHours && state.appStates.conversationState !== ConversationState.Active) {
         dispatch({
           type: LiveChatWidgetActionType.SET_MINIMIZED,
           payload: false
@@ -580,6 +581,9 @@ export const LiveChatWidgetStateful = props => {
       }
     });
 
+    // subscribe custom event
+    subscribeToSendCustomEvent(BroadcastService, facadeChatSDK, customEventCallback);
+
     // Check for TPC and log in telemetry if blocked
     isCookieAllowed();
     return () => {

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

@@ -178,7 +178,7 @@ export const WebChatContainerStateful = props => {
         }
 
         .webchat__bubble__content>div#ms_lcw_webchat_adaptive_card .ac-textBlock {
-            color: ${(webChatContainerProps === null || webChatContainerProps === void 0 ? void 0 : (_webChatContainerProp2 = webChatContainerProps.adaptiveCardStyles) === null || _webChatContainerProp2 === void 0 ? void 0 : _webChatContainerProp2.color) ?? defaultAdaptiveCardStyles.color} !important;
+            color: ${(webChatContainerProps === null || webChatContainerProps === void 0 ? void 0 : (_webChatContainerProp2 = webChatContainerProps.adaptiveCardStyles) === null || _webChatContainerProp2 === void 0 ? void 0 : _webChatContainerProp2.color) ?? defaultAdaptiveCardStyles.color};
         }
 
         .webchat__stacked-layout__content div.webchat__stacked-layout__message-row div.webchat__bubble--from-user {

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/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/customEventMiddleware.js

@@ -0,0 +1,33 @@
+/******
+ * CustomEventMiddleware
+ *
+ * This middleware is invoked when a custom event is received.
+ * The callback is then invoked to handle the custom event.
+ ******/
+
+import { Constants } from "../../../../../common/Constants";
+import { WebChatActionType } from "../../enums/WebChatActionType";
+export const isValidCustomEvent = activity => {
+  var _activity$channelData, _activity$channelData2, _activity$channelData3, _activity$channelData4, _activity$channelData5, _activity$channelData6, _activity$channelData7, _activity$from, _activity$channelData8, _activity$channelData9, _activity$channelData10, _activity$channelData11;
+  return !!(activity !== null && activity !== void 0 && (_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && (_activity$channelData2 = _activity$channelData.metadata) !== null && _activity$channelData2 !== void 0 && _activity$channelData2.customEvent && typeof (activity === null || activity === void 0 ? void 0 : (_activity$channelData3 = activity.channelData) === null || _activity$channelData3 === void 0 ? void 0 : (_activity$channelData4 = _activity$channelData3.metadata) === null || _activity$channelData4 === void 0 ? void 0 : _activity$channelData4.customEvent) === Constants.String && (activity === null || activity === void 0 ? void 0 : (_activity$channelData5 = activity.channelData) === null || _activity$channelData5 === void 0 ? void 0 : (_activity$channelData6 = _activity$channelData5.metadata) === null || _activity$channelData6 === void 0 ? void 0 : (_activity$channelData7 = _activity$channelData6.customEvent) === null || _activity$channelData7 === void 0 ? void 0 : _activity$channelData7.toLowerCase()) === Constants.true && (activity === null || activity === void 0 ? void 0 : (_activity$from = activity.from) === null || _activity$from === void 0 ? void 0 : _activity$from.role) !== Constants.userMessageTag && typeof (activity === null || activity === void 0 ? void 0 : (_activity$channelData8 = activity.channelData) === null || _activity$channelData8 === void 0 ? void 0 : (_activity$channelData9 = _activity$channelData8.metadata) === null || _activity$channelData9 === void 0 ? void 0 : _activity$channelData9.customEventName) === Constants.String && activity !== null && activity !== void 0 && (_activity$channelData10 = activity.channelData) !== null && _activity$channelData10 !== void 0 && (_activity$channelData11 = _activity$channelData10.metadata) !== null && _activity$channelData11 !== void 0 && _activity$channelData11.customEventValue);
+};
+const createCustomEventMiddleware = broadcastservice => () => next => action => {
+  var _action$payload;
+  if ((action === null || action === void 0 ? void 0 : action.type) == WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY && (_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.activity) {
+    const activity = action.payload.activity;
+    if (isValidCustomEvent(activity)) {
+      const customEvent = {
+        eventName: Constants.onCustomEvent,
+        payload: {
+          messageId: activity.messageid ?? activity.id,
+          customEventName: activity.channelData.metadata.customEventName,
+          customEventValue: activity.channelData.metadata.customEventValue
+        }
+      };
+      broadcastservice.postMessage(customEvent);
+      return;
+    }
+  }
+  return next(action);
+};
+export default createCustomEventMiddleware;

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

@@ -0,0 +1,38 @@
+import { WebChatActionType } from "../../enums/WebChatActionType";
+import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
+import { TelemetryHelper } from "../../../../../common/telemetry/TelemetryHelper";
+import { LiveChatWidgetActionType } from "../../../../../contexts/common/LiveChatWidgetActionType";
+import { executeReducer } from "../../../../../contexts/createReducer";
+import { isEndConversationDueToOverflowActivity } from "../../../../../common/utils";
+const queueOverflowHandlingHelper = async (state, dispatch) => {
+  const {
+    appStates
+  } = executeReducer(state, {
+    type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+    payload: undefined
+  });
+  if (!appStates.chatDisconnectEventReceived) {
+    dispatch({
+      type: LiveChatWidgetActionType.SET_CHAT_DISCONNECT_EVENT_RECEIVED,
+      payload: true
+    });
+    TelemetryHelper.logActionEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.QueueOverflowEvent,
+      Description: "Set chat disconnect event received."
+    });
+  }
+};
+export const createQueueOverflowMiddleware = (state, dispatch) => () => next => action => {
+  var _action$payload;
+  if ((action === null || action === void 0 ? void 0 : action.type) == WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY && (_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.activity) {
+    const activity = action.payload.activity;
+    if (isEndConversationDueToOverflowActivity(activity)) {
+      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.QueueOverflowEvent,
+        Description: "Queue overflow event received."
+      });
+      queueOverflowHandlingHelper(state, dispatch);
+    }
+  }
+  return next(action);
+};

package/lib/esm/contexts/common/CustomEventType.js

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