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

package/README.md

@@ -223,6 +223,51 @@ const customizedFooterProp: IFooterProps = {
 
 > :pushpin: Note that [WebChat hooks](https://github.com/microsoft/BotFramework-WebChat/blob/main/docs/HOOKS.md) can also be used in any custom components.
 
+#### Bidirectional Custom Events
+- Sending events from a hosting web page to bots/agents
+    - Register a function to post event
+        ```js
+        //define sendCustomEvent function
+        const sendCustomEvent = (payload) => {
+            const customEvent = {
+                eventName: "sendCustomEvent",
+                payload
+            };
+            BroadcastService.postMessage(customEvent);
+        };
+
+        //attach the sendCustomEvent function to window object
+        window["sendCustomEvent"] = sendCustomEvent;
+
+        //invoke the sendCustomEvent function with some customized payload
+        window.sendCustomEvent({
+            customEventName: "TestEvent",
+            customEventValue: {
+                boolVar: true,
+                displayableVar: {
+                    isDisplayable: true,
+                    value: "From C2: "+ new Date().toISOString()
+                },
+                numberVar: -10.5,
+                stringVar: "Hello from C2 str: " + new Date().toISOString()
+            }
+        })
+        ```
+    - Receiving events from bots/agents
+        ```js
+        //define setOnCustomEvent function
+        const setOnCustomEvent = (callback) => {
+            BroadcastService.getMessageByEventName("onCustomEvent").subscribe((event) => {
+                if (event && typeof callback === "function") {
+                    callback(event);
+                }
+            });
+        };
+
+        //set callback function
+        setOnCustomEvent((event) => console.log(event));
+        ```
+
 ## See Also
 
 [Customizations Dev Guide](https://github.com/microsoft/omnichannel-chat-widget/blob/main/docs/customizations/getstarted.md)\
@@ -232,4 +277,4 @@ const customizedFooterProp: IFooterProps = {
 [How to Add Visual Regression Tests](https://github.com/microsoft/omnichannel-chat-widget/blob/main/docs/VisualRegressionTestingGuide.md)\
 [Security](https://github.com/microsoft/omnichannel-chat-widget/blob/main/SECURITY.md)\
 [Third Party Cookie Support](https://github.com/microsoft/omnichannel-chat-widget/blob/main/docs/Tpc.md)\
-[Storybook](https://microsoft.github.io/omnichannel-chat-widget/docs/storybook/)
+[Storybook](https://microsoft.github.io/omnichannel-chat-widget/docs/storybook/)

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");
@@ -115,8 +116,7 @@ _defineProperty(Constants, "TargetRelationshipAttributes", "noopener noreferrer"
 // Markdown icons
 _defineProperty(Constants, "OpenLinkIconCssClass", "webchat__render-markdown__external-link-icon");
 // internet connection test
-_defineProperty(Constants, "internetConnectionTestUrl", "https://ocsdk-prod.azureedge.net/public/connecttest.txt");
-_defineProperty(Constants, "internetConnectionTestUrlText", "Omnichannel Connect Test");
+_defineProperty(Constants, "internetConnectionTestPath", "/livechatwidget/version.txt");
 _defineProperty(Constants, "ChatWidgetStateChangedPrefix", "ChatWidgetStateChanged");
 _defineProperty(Constants, "PostChatLoadingDurationInMs", 2000);
 _defineProperty(Constants, "BrowserUnloadConfirmationMessage", "Do you want to leave chat?");
@@ -132,6 +132,12 @@ _defineProperty(Constants, "InitContextParamsResponse", "initContextParamsRespon
 _defineProperty(Constants, "OCOriginalMessageId", "OriginalMessageId");
 _defineProperty(Constants, "WebchatSequenceIdAttribute", "webchat:sequence-id");
 _defineProperty(Constants, "MessageSequenceIdOverride", "MessageSequenceIdOverride");
+_defineProperty(Constants, "sendCustomEvent", "sendCustomEvent");
+_defineProperty(Constants, "onCustomEvent", "onCustomEvent");
+_defineProperty(Constants, "customEventName", "customEventName");
+_defineProperty(Constants, "customEventValue", "customEventValue");
+_defineProperty(Constants, "Hidden", "Hidden");
+_defineProperty(Constants, "EndConversationDueToOverflow", "endconversationduetooverflow");
 const Regex = (_class = /*#__PURE__*/_createClass(function Regex() {
   _classCallCheck(this, Regex);
 }), _defineProperty(_class, "EmailRegex", "^(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"[^\"\\\\]*(?:\\\\.[^\"\\\\]*)*\")@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?)*|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\])$"), _class);

package/lib/cjs/common/telemetry/TelemetryConstants.js

@@ -190,6 +190,7 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["BotAuthActivityUndefinedSignInId"] = "BotAuthActivityUndefinedSignInId";
   TelemetryEvent["ThirdPartyCookiesBlocked"] = "ThirdPartyCookiesBlocked";
   TelemetryEvent["ParticipantsRemovedEvent"] = "ParticipantsRemovedEvent";
+  TelemetryEvent["QueueOverflowEvent"] = "QueueOverflowEvent";
   TelemetryEvent["ProcessingHTMLTextMiddlewareFailed"] = "ProcessingHTMLTextMiddlewareFailed";
   TelemetryEvent["ProcessingSanitizationMiddlewareFailed"] = "ProcessingSanitizationMiddlewareFailed";
   TelemetryEvent["FormatTagsMiddlewareJSONStringifyFailed"] = "FormatTagsMiddlewareJSONStringifyFailed";
@@ -228,6 +229,7 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["SystemMessageReceived"] = "SystemMessageReceived";
   TelemetryEvent["RehydrateMessageReceived"] = "RehydrateMessageReceived";
   TelemetryEvent["CustomContextReceived"] = "CustomContextReceived";
+  TelemetryEvent["CustomEventAction"] = "CustomEventAction";
   TelemetryEvent["NetworkDisconnected"] = "NetworkDisconnected";
   TelemetryEvent["NetworkReconnected"] = "NetworkReconnected";
   TelemetryEvent["LinkModePostChatWorkflowStarted"] = "LinkModePostChatWorkflowStarted";

package/lib/cjs/common/utils.js

@@ -3,9 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getConversationDetailsCall = exports.getBroadcastChannelName = exports.formatTemplateString = exports.findParentFocusableElementsWithoutChildContainer = exports.findAllFocusableElement = exports.extractPreChatSurveyResponseValues = exports.escapeHtml = exports.debounceLeading = exports.createTimer = exports.createFileAndDownload = exports.checkContactIdError = exports.changeLanguageCodeFormatForWebChat = exports.addDelayInMs = void 0;
+exports.getCustomEventValue = exports.getConversationDetailsCall = exports.getBroadcastChannelName = exports.formatTemplateString = exports.findParentFocusableElementsWithoutChildContainer = exports.findAllFocusableElement = exports.extractPreChatSurveyResponseValues = exports.escapeHtml = exports.debounceLeading = exports.createTimer = exports.createFileAndDownload = exports.checkContactIdError = exports.changeLanguageCodeFormatForWebChat = exports.addDelayInMs = void 0;
 exports.getDeviceType = getDeviceType;
-exports.setTabIndices = exports.setOcUserAgent = exports.setFocusOnSendBox = exports.setFocusOnElement = exports.preventFocusToMoveOutOfElement = exports.parseLowerCaseString = exports.parseAdaptiveCardPayload = exports.newGuid = exports.isUndefinedOrEmpty = exports.isThisSessionPopout = exports.isNullOrUndefined = exports.isNullOrEmptyString = exports.getWidgetEndChatEventName = exports.getWidgetCacheIdfromProps = exports.getWidgetCacheId = exports.getTimestampHourMinute = exports.getStateFromCache = exports.getLocaleDirection = exports.getIconText = exports.getDomain = void 0;
+exports.getWidgetEndChatEventName = exports.getWidgetCacheIdfromProps = exports.getWidgetCacheId = exports.getTimestampHourMinute = exports.getStateFromCache = exports.getLocaleDirection = exports.getIconText = exports.getDomain = void 0;
+exports.isEndConversationDueToOverflowActivity = isEndConversationDueToOverflowActivity;
+exports.setTabIndices = exports.setOcUserAgent = exports.setFocusOnSendBox = exports.setFocusOnElement = exports.preventFocusToMoveOutOfElement = exports.parseLowerCaseString = exports.parseAdaptiveCardPayload = exports.newGuid = exports.isValidCustomEvent = exports.isUndefinedOrEmpty = exports.isThisSessionPopout = exports.isNullOrUndefined = exports.isNullOrEmptyString = void 0;
 var _Constants = require("./Constants");
 var _TelemetryConstants = require("./telemetry/TelemetryConstants");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
@@ -494,4 +496,27 @@ function getDeviceType() {
   } else {
     return "standard";
   }
+}
+
+//Bots expect a payload containing:
+//1. customEventName: this should be string describe the event name
+//2. customEventValue: given the value is from customer with unknown type, it is required to stringify the payload later
+const isValidCustomEvent = payload => {
+  if (_Constants.Constants.customEventName in payload && payload.customEventName && typeof payload.customEventName === _Constants.Constants.String && _Constants.Constants.customEventValue in payload && payload.customEventValue) return true;
+  return false;
+};
+exports.isValidCustomEvent = isValidCustomEvent;
+const getCustomEventValue = customEventPayload => {
+  let returnVal = "";
+  try {
+    returnVal = typeof customEventPayload.customEventValue === _Constants.Constants.String ? customEventPayload.customEventValue : JSON.stringify(customEventPayload.customEventValue);
+  } catch (error) {
+    console.error(error);
+  }
+  return returnVal;
+};
+exports.getCustomEventValue = getCustomEventValue;
+function isEndConversationDueToOverflowActivity(activity) {
+  var _activity$channelData, _activity$channelData2;
+  return (activity === null || activity === void 0 ? void 0 : (_activity$channelData = activity.channelData) === null || _activity$channelData === void 0 ? void 0 : _activity$channelData.tags) && Array.isArray(activity === null || activity === void 0 ? void 0 : (_activity$channelData2 = activity.channelData) === null || _activity$channelData2 === void 0 ? void 0 : _activity$channelData2.tags) && activity.channelData.tags.includes(_Constants.Constants.EndConversationDueToOverflow);
 }

package/lib/cjs/components/chatbuttonstateful/ChatButtonStateful.js

@@ -74,7 +74,6 @@ const ChatButtonStateful = props => {
   };
   const outOfOfficeStyleProps = Object.assign({}, _defaultOutOfOfficeChatButtonStyleProps.defaultOutOfOfficeChatButtonStyleProps, outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : outOfOfficeButtonProps.styleProps);
   const controlProps = {
-    ...(buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.controlProps),
     id: "oc-lcw-chat-button",
     dir: state.domainStates.globalDir,
     titleText: "Let's Chat!",
@@ -83,7 +82,8 @@ const ChatButtonStateful = props => {
     unreadMessageCount: state.appStates.unreadMessageCount ? state.appStates.unreadMessageCount > _Constants.Constants.maximumUnreadMessageCount ? (_props$buttonProps = props.buttonProps) === null || _props$buttonProps === void 0 ? void 0 : (_props$buttonProps$co = _props$buttonProps.controlProps) === null || _props$buttonProps$co === void 0 ? void 0 : _props$buttonProps$co.largeUnreadMessageString : state.appStates.unreadMessageCount.toString() : "0",
     unreadMessageString: (_props$buttonProps2 = props.buttonProps) === null || _props$buttonProps2 === void 0 ? void 0 : (_props$buttonProps2$c = _props$buttonProps2.controlProps) === null || _props$buttonProps2$c === void 0 ? void 0 : _props$buttonProps2$c.unreadMessageString,
     // Regular chat button onClick - this will always take precedence
-    onClick: () => ref.current()
+    onClick: () => ref.current(),
+    ...(buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.controlProps)
   };
   const outOfOfficeControlProps = {
     // Only take specific properties from outOfOfficeButtonProps, never onClick
@@ -92,7 +92,6 @@ const ChatButtonStateful = props => {
     titleText: (outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : (_outOfOfficeButtonPro = outOfOfficeButtonProps.controlProps) === null || _outOfOfficeButtonPro === void 0 ? void 0 : _outOfOfficeButtonPro.titleText) || "We're Offline",
     subtitleText: (outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : (_outOfOfficeButtonPro2 = outOfOfficeButtonProps.controlProps) === null || _outOfOfficeButtonPro2 === void 0 ? void 0 : _outOfOfficeButtonPro2.subtitleText) || "No agents available",
     unreadMessageString: (_props$buttonProps3 = props.buttonProps) === null || _props$buttonProps3 === void 0 ? void 0 : (_props$buttonProps3$c = _props$buttonProps3.controlProps) === null || _props$buttonProps3$c === void 0 ? void 0 : _props$buttonProps3$c.unreadMessageString,
-    ...(outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : outOfOfficeButtonProps.controlProps),
     // Out-of-office specific onClick - this will ALWAYS take precedence
     onClick: () => {
       if (state.appStates.isMinimized) {
@@ -105,7 +104,8 @@ const ChatButtonStateful = props => {
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
         payload: _ConversationState.ConversationState.OutOfOffice
       });
-    }
+    },
+    ...(outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : outOfOfficeButtonProps.controlProps)
   };
   (0, _react.useEffect)(() => {
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {

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

@@ -13,34 +13,47 @@ var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
 var _defaultMiddlewareLocalizedTexts = require("../../webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts");
 var _createReducer = require("../../../contexts/createReducer");
 var _LiveChatWidgetActionType = require("../../../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.Constants.internetConnectionTestPath}` : null;
+};
+const isInternetConnected = async testUrl => {
   try {
-    const response = await fetch(_Constants.Constants.internetConnectionTestUrl);
-    const text = await response.text();
-    return text === _Constants.Constants.internetConnectionTestUrlText;
+    const response = await fetch(testUrl, {
+      method: "GET",
+      cache: "no-cache"
+    });
+    return response.ok;
   } catch {
     return false;
   }
 };
 const createInternetConnectionChangeHandler = async state => {
   const handler = async () => {
-    const connected = await isInternetConnected();
+    var _inMemoryState$domain, _inMemoryState$domain2;
     const inMemoryState = (0, _createReducer.executeReducer)(state, {
       type: _LiveChatWidgetActionType.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.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.WARN, {
         Event: _TelemetryConstants.TelemetryEvent.NetworkDisconnected
       });
-      _NotificationHandler.NotificationHandler.notifyError(_NotificationScenarios.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.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION);
+      _NotificationHandler.NotificationHandler.notifyError(_NotificationScenarios.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.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION);
     } else {
-      var _inMemoryState$domain3, _inMemoryState$domain4;
+      var _inMemoryState$domain5, _inMemoryState$domain6;
       _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.WARN, {
         Event: _TelemetryConstants.TelemetryEvent.NetworkReconnected
       });
-      _NotificationHandler.NotificationHandler.notifySuccess(_NotificationScenarios.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.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE);
+      _NotificationHandler.NotificationHandler.notifySuccess(_NotificationScenarios.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.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE);
       _omnichannelChatComponents.BroadcastService.postMessage({
         eventName: _TelemetryConstants.BroadcastEvent.NetworkReconnected
       });

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

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

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,8 +37,12 @@ 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");
+var _queueOverflowHandlerMiddleware = require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/queueOverflowHandlerMiddleware");
+var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endChat) => {
@@ -117,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, _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/livechatwidget/common/startChat.js

@@ -154,7 +154,6 @@ const setPreChatAndInitiateChat = async (facadeChatSDK, dispatch, setAdapter, is
   const optionalParams = {
     isProactiveChat
   };
-  (0, _FirstMessageTrackerFromBot.createTrackingForFirstMessage)();
   await initStartChat(facadeChatSDK, dispatch, setAdapter, state, props, optionalParams);
 };
 
@@ -206,6 +205,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();
+      (0, _FirstMessageTrackerFromBot.createTrackingForFirstMessage)();
       await facadeChatSDK.startChat(startChatOptionalParams);
       isStartChatSuccessful = true;
       await createAdapterAndSubscribe(facadeChatSDK, dispatch, setAdapter, startTime, props);

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

@@ -57,6 +57,7 @@ var _startProactiveChat = require("../common/startProactiveChat");
 var _useChatAdapterStore = _interopRequireDefault(require("../../../hooks/useChatAdapterStore"));
 var _useChatContextStore = _interopRequireDefault(require("../../../hooks/useChatContextStore"));
 var _useFacadeChatSDKStore = _interopRequireDefault(require("../../../hooks/useFacadeChatSDKStore"));
+var _customEventHandler = require("../common/customEventHandler");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -421,7 +422,7 @@ const LiveChatWidgetStateful = props => {
     _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.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.ConversationState.Active) {
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
           payload: false
@@ -588,6 +589,9 @@ const LiveChatWidgetStateful = props => {
       }
     });
 
+    // subscribe custom event
+    (0, _customEventHandler.subscribeToSendCustomEvent)(_omnichannelChatComponents.BroadcastService, facadeChatSDK, _customEventHandler.customEventCallback);
+
     // Check for TPC and log in telemetry if blocked
     (0, _defaultClientDataStoreProvider.isCookieAllowed)();
     return () => {

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

@@ -186,7 +186,7 @@ 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.defaultAdaptiveCardStyles.color} !important;
+            color: ${(webChatContainerProps === null || webChatContainerProps === void 0 ? void 0 : (_webChatContainerProp2 = webChatContainerProps.adaptiveCardStyles) === null || _webChatContainerProp2 === void 0 ? void 0 : _webChatContainerProp2.color) ?? _defaultAdaptiveCardStyles.defaultAdaptiveCardStyles.color};
         }
 
         .webchat__stacked-layout__content div.webchat__stacked-layout__message-row div.webchat__bubble--from-user {

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;