npm - @microsoft/omnichannel-chat-widget - Versions diffs - 0.1.0-main.bf74329 → 0.1.0-main.c1dcc1d - Mend

@microsoft/omnichannel-chat-widget 0.1.0-main.bf74329 → 0.1.0-main.c1dcc1d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

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

@@ -54,6 +54,7 @@ exports.BroadcastEvent = BroadcastEvent;
   BroadcastEvent["CloseChat"] = "CloseChat";
   BroadcastEvent["InitiateEndChatOnBrowserUnload"] = "InitiateEndChatOnBrowserUnload";
   BroadcastEvent["ClosePopoutWindow"] = "ClosePopoutWindow";
+  BroadcastEvent["RaiseErrorEvent"] = "RaiseErrorEvent";
 })(BroadcastEvent || (exports.BroadcastEvent = BroadcastEvent = {}));
 let TelemetryEvent;
 exports.TelemetryEvent = TelemetryEvent;
@@ -66,8 +67,8 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["CallDisconnected"] = "CallDisconnected";
   TelemetryEvent["CallDisconnectedException"] = "CallDisconnectedException";
   TelemetryEvent["IncomingCallEnded"] = "incomingCallEnded";
-  TelemetryEvent["VoiceVideoInitialize"] = "VoiceVideoInitialize";
-  TelemetryEvent["VoiceVideoInitializeException"] = "VoiceVideoInitializeException";
+  TelemetryEvent["VoiceVideoSdkInitialize"] = "VoiceVideoSdkInitialize";
+  TelemetryEvent["VoiceVideoSdkInitializeException"] = "VoiceVideoSdkInitializeException";
   TelemetryEvent["VoiceVideoLoading"] = "VoiceVideoLoading";
   TelemetryEvent["VoiceVideoNotLoaded"] = "VoiceVideoNotLoaded";
   TelemetryEvent["VoiceVideoLoadingException"] = "VoiceVideoLoadingException";
@@ -148,6 +149,7 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["QueuePositionMessageRecieved"] = "QueuePositionMessageRecieved";
   TelemetryEvent["AverageWaitTimeMessageRecieved"] = "AverageWaitTimeMessageRecieved";
   TelemetryEvent["DataMaskingRuleApplied"] = "DataMaskingRuleApplied";
+  TelemetryEvent["DataMaskingRuleApplyFailed"] = "DataMaskingRuleApplyFailed";
   TelemetryEvent["IC3ClientEvent"] = "IC3ClientEvent";
   TelemetryEvent["ConversationEndedThreadEventReceived"] = "ConversationEndedThreadEventReceived";
   TelemetryEvent["InvalidConfiguration"] = "InvalidConfiguration";
@@ -250,8 +252,8 @@ class TelemetryConstants {
       case TelemetryEvent.CallDisconnected:
       case TelemetryEvent.CallDisconnectedException:
       case TelemetryEvent.IncomingCallEnded:
-      case TelemetryEvent.VoiceVideoInitialize:
-      case TelemetryEvent.VoiceVideoInitializeException:
+      case TelemetryEvent.VoiceVideoSdkInitialize:
+      case TelemetryEvent.VoiceVideoSdkInitializeException:
       case TelemetryEvent.VoiceVideoLoading:
       case TelemetryEvent.VoiceVideoNotLoaded:
       case TelemetryEvent.VoiceVideoLoadingException:

package/lib/cjs/common/telemetry/TelemetryHelper.js CHANGED Viewed

@@ -59,6 +59,7 @@ class TelemetryHelper {
       event.ActionType = payload.ActionType;
       event.ElapsedTimeInMilliseconds = payload.ElapsedTimeInMilliseconds;
       event.ExceptionDetails = JSON.stringify(payload.ExceptionDetails);
+      event.Description = payload.Description;
     });
   }
   static conformToWebChatContract(level, input) {
@@ -84,6 +85,7 @@ class TelemetryHelper {
       event.ElapsedTimeInMilliseconds = payload.ElapsedTimeInMilliseconds;
       event.ExceptionDetails = JSON.stringify(payload.ExceptionDetails);
       event.Language = ((_TelemetryManager$Int10 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int10 === void 0 ? void 0 : _TelemetryManager$Int10.chatWidgetLocaleLCID) || "";
+      event.Description = payload.Data;
     });
   }
   static conformToLoadContract(level, input) {

package/lib/cjs/components/callingcontainerstateful/CallingContainerStateful.js CHANGED Viewed

@@ -67,7 +67,7 @@ const CallingContainerStateful = props => {
         });
       } catch (e) {
         _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.ERROR, {
-          Event: _TelemetryConstants.TelemetryEvent.VoiceVideoInitializeException,
+          Event: _TelemetryConstants.TelemetryEvent.VoiceVideoSdkInitializeException,
           Description: `Failed to initialize VideoVoiceCalling Sdk:  ${e}`
         });
       }
@@ -75,7 +75,7 @@ const CallingContainerStateful = props => {
     init().then(() => {
       if (voiceVideoCallingSdk) {
         _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.INFO, {
-          Event: _TelemetryConstants.TelemetryEvent.VoiceVideoInitialize,
+          Event: _TelemetryConstants.TelemetryEvent.VoiceVideoSdkInitialize,
           Description: "Initialize VideoVoiceCalling Sdk Success"
         }, callId);
         voiceVideoCallingSdk.onCallAdded(() => {

package/lib/cjs/components/chatbuttonstateful/common/styleProps/defaultOutOfOfficeChatButtonStyleProps.js CHANGED Viewed

@@ -7,6 +7,9 @@ exports.defaultOutOfOfficeChatButtonStyleProps = void 0;
 const defaultOutOfOfficeChatButtonStyleProps = {
   iconStyleProps: {
     backgroundColor: "#000000"
+  },
+  subtitleStyleProps: {
+    margin: "0px 10px 0px 10px"
   }
 };
 exports.defaultOutOfOfficeChatButtonStyleProps = defaultOutOfOfficeChatButtonStyleProps;

package/lib/cjs/components/livechatwidget/common/defaultProps/defaultScrollBarProps.js ADDED Viewed

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultScrollBarProps = void 0;
+const defaultScrollBarProps = {
+  width: "7px",
+  trackBackgroundColor: "#f1f1f1",
+  thumbBackgroundColor: "#888",
+  thumbBorderRadius: "10px",
+  thumbHoverColor: "#555"
+};
+exports.defaultScrollBarProps = defaultScrollBarProps;

package/lib/cjs/components/livechatwidget/common/defaultProps/dummyDefaultProps.js CHANGED Viewed

@@ -1446,7 +1446,6 @@ const dummyDefaultProps = {
         startNewChatButtonClassName: undefined
       }
     },
-    isReconnectEnabled: undefined,
     reconnectId: undefined,
     redirectInSameWindow: undefined
   },

package/lib/cjs/components/livechatwidget/common/reconnectChatHelper.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.startUnauthenticatedReconnectChat = exports.handleUnauthenticatedReconnectChat = exports.handleRedirectUnauthenticatedReconnectChat = exports.getReconnectIdForAuthenticatedChat = exports.getChatReconnectContext = void 0;
+exports.startUnauthenticatedReconnectChat = exports.isReconnectEnabled = exports.handleUnauthenticatedReconnectChat = exports.handleRedirectUnauthenticatedReconnectChat = exports.getReconnectIdForAuthenticatedChat = exports.getChatReconnectContext = void 0;
 require("regenerator-runtime/runtime");
 var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
@@ -11,9 +11,14 @@ var _ConversationState = require("../../../contexts/common/ConversationState");
 var _LiveChatWidgetActionType = require("../../../contexts/common/LiveChatWidgetActionType");
 var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
 var _authHelper = require("./authHelper");
+const isReconnectEnabled = chatConfig => {
+  return chatConfig && chatConfig.LiveWSAndLiveChatEngJoin.msdyn_enablechatreconnect && (chatConfig.LiveWSAndLiveChatEngJoin.msdyn_enablechatreconnect === "true" || chatConfig.LiveWSAndLiveChatEngJoin.msdyn_enablechatreconnect === true);
+};
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const getChatReconnectContext = async (chatSDK, chatConfig, getAuthToken, isReconnectEnabled, reconnectId) => {
-  if (isReconnectEnabled) {
+exports.isReconnectEnabled = isReconnectEnabled;
+const getChatReconnectContext = async (chatSDK, chatConfig, getAuthToken, reconnectId) => {
+  if (isReconnectEnabled(chatConfig)) {
     try {
       if (reconnectId) {
         const chatReconnectOptionalParams = {
@@ -44,17 +49,16 @@ const getChatReconnectContext = async (chatSDK, chatConfig, getAuthToken, isReco
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 exports.getChatReconnectContext = getChatReconnectContext;
 const getReconnectIdForAuthenticatedChat = async (props, chatSDK) => {
-  var _props$chatConfig, _props$reconnectChatP;
+  var _props$chatConfig;
   let authClientFunction = undefined;
   if ((_props$chatConfig = props.chatConfig) !== null && _props$chatConfig !== void 0 && _props$chatConfig.LiveChatConfigAuthSettings) {
     var _props$chatConfig2, _props$chatConfig2$Li;
     authClientFunction = ((_props$chatConfig2 = props.chatConfig) === null || _props$chatConfig2 === void 0 ? void 0 : (_props$chatConfig2$Li = _props$chatConfig2.LiveChatConfigAuthSettings) === null || _props$chatConfig2$Li === void 0 ? void 0 : _props$chatConfig2$Li.msdyn_javascriptclientfunction) ?? undefined;
   }
-  if ((_props$reconnectChatP = props.reconnectChatPaneProps) !== null && _props$reconnectChatP !== void 0 && _props$reconnectChatP.isReconnectEnabled && authClientFunction
+  if (isReconnectEnabled(props.chatConfig) && authClientFunction
   // TODO: Implement this after storage is in place
   /* && !isLoadWithState() */) {
-    var _props$reconnectChatP2;
-    const previousActiveSessionResponse = await getChatReconnectContext(chatSDK, props.chatConfig, props.getAuthToken, (_props$reconnectChatP2 = props.reconnectChatPaneProps) === null || _props$reconnectChatP2 === void 0 ? void 0 : _props$reconnectChatP2.isReconnectEnabled);
+    const previousActiveSessionResponse = await getChatReconnectContext(chatSDK, props.chatConfig, props.getAuthToken);
     if (previousActiveSessionResponse && previousActiveSessionResponse.reconnectId) {
       return previousActiveSessionResponse.reconnectId;
     }
@@ -64,8 +68,8 @@ const getReconnectIdForAuthenticatedChat = async (props, chatSDK) => {
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 exports.getReconnectIdForAuthenticatedChat = getReconnectIdForAuthenticatedChat;
-const handleUnauthenticatedReconnectChat = async (chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, isReconnectEnabled, reconnectId, initStartChat, redirectInSameWindow) => {
-  const reconnectAvailabilityResponse = await getChatReconnectContext(chatSDK, chatConfig, getAuthToken, isReconnectEnabled, reconnectId);
+const handleUnauthenticatedReconnectChat = async (chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, reconnectId, initStartChat, redirectInSameWindow) => {
+  const reconnectAvailabilityResponse = await getChatReconnectContext(chatSDK, chatConfig, getAuthToken, reconnectId);
   if (shouldRedirectOrStartNewChat(reconnectAvailabilityResponse)) {
     await redirectOrStartNewChat(reconnectAvailabilityResponse, chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, initStartChat, redirectInSameWindow);
   } else {
@@ -75,8 +79,8 @@ const handleUnauthenticatedReconnectChat = async (chatSDK, chatConfig, getAuthTo
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 exports.handleUnauthenticatedReconnectChat = handleUnauthenticatedReconnectChat;
-const startUnauthenticatedReconnectChat = async (chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, isReconnectEnabled, reconnectId, initStartChat) => {
-  const reconnectAvailabilityResponse = await getChatReconnectContext(chatSDK, chatConfig, getAuthToken, isReconnectEnabled, reconnectId);
+const startUnauthenticatedReconnectChat = async (chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, reconnectId, initStartChat) => {
+  const reconnectAvailabilityResponse = await getChatReconnectContext(chatSDK, chatConfig, getAuthToken, reconnectId);
   if (!shouldRedirectOrStartNewChat(reconnectAvailabilityResponse)) {
     await setReconnectIdAndStartChat(chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, reconnectId, initStartChat);
   }
@@ -146,8 +150,8 @@ const startNewChatEmptyRedirectionUrl = async (chatSDK, chatConfig, getAuthToken
 };
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const handleRedirectUnauthenticatedReconnectChat = async (chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, initStartChat, isReconnectEnabled, reconnectId, redirectInSameWindow) => {
-  const reconnectAvailabilityResponse = await getChatReconnectContext(chatSDK, chatConfig, getAuthToken, isReconnectEnabled, reconnectId);
+const handleRedirectUnauthenticatedReconnectChat = async (chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, initStartChat, reconnectId, redirectInSameWindow) => {
+  const reconnectAvailabilityResponse = await getChatReconnectContext(chatSDK, chatConfig, getAuthToken, reconnectId);
   if (shouldRedirectOrStartNewChat(reconnectAvailabilityResponse)) {
     await redirectOrStartNewChat(reconnectAvailabilityResponse, chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, initStartChat, redirectInSameWindow);
   }

package/lib/cjs/components/livechatwidget/common/startChat.js CHANGED Viewed

@@ -39,8 +39,8 @@ const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) =>
   // Redirecting if unauthenticated reconnect chat expired
   if ((_props$reconnectChatP = props.reconnectChatPaneProps) !== null && _props$reconnectChatP !== void 0 && _props$reconnectChatP.reconnectId) {
-    var _props$reconnectChatP2, _props$reconnectChatP3, _props$reconnectChatP4;
-    await (0, _reconnectChatHelper.handleRedirectUnauthenticatedReconnectChat)(chatSDK, props.chatConfig, props.getAuthToken, dispatch, setAdapter, initStartChat, (_props$reconnectChatP2 = props.reconnectChatPaneProps) === null || _props$reconnectChatP2 === void 0 ? void 0 : _props$reconnectChatP2.isReconnectEnabled, (_props$reconnectChatP3 = props.reconnectChatPaneProps) === null || _props$reconnectChatP3 === void 0 ? void 0 : _props$reconnectChatP3.reconnectId, (_props$reconnectChatP4 = props.reconnectChatPaneProps) === null || _props$reconnectChatP4 === void 0 ? void 0 : _props$reconnectChatP4.redirectInSameWindow);
+    var _props$reconnectChatP2, _props$reconnectChatP3;
+    await (0, _reconnectChatHelper.handleRedirectUnauthenticatedReconnectChat)(chatSDK, props.chatConfig, props.getAuthToken, dispatch, setAdapter, initStartChat, (_props$reconnectChatP2 = props.reconnectChatPaneProps) === null || _props$reconnectChatP2 === void 0 ? void 0 : _props$reconnectChatP2.reconnectId, (_props$reconnectChatP3 = props.reconnectChatPaneProps) === null || _props$reconnectChatP3 === void 0 ? void 0 : _props$reconnectChatP3.redirectInSameWindow);
     return;
   }
@@ -174,7 +174,7 @@ const initStartChat = async (chatSDK, chatConfig, getAuthToken, dispatch, setAda
     });
     // Set post chat context in state, no survey load
-    await (0, _setPostChatContextAndLoadSurvey.setPostChatContextAndLoadSurvey)(chatSDK, dispatch);
+    (0, _setPostChatContextAndLoadSurvey.setPostChatContextAndLoadSurvey)(chatSDK, dispatch);
     // Updating chat session detail for telemetry
     await (0, _updateSessionDataForTelemetry.updateSessionDataForTelemetry)(chatSDK, dispatch);

package/lib/cjs/components/livechatwidget/interfaces/IScrollBarProps.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";

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

@@ -49,6 +49,7 @@ var _useChatSDKStore = _interopRequireDefault(require("../../../hooks/useChatSDK
 var _ActivityStreamHandler = require("../common/ActivityStreamHandler");
 var _defaultCacheManager = require("../../../common/storage/default/defaultCacheManager");
 var _defaultClientDataStoreProvider = require("../../../common/storage/default/defaultClientDataStoreProvider");
+var _defaultScrollBarProps = require("../common/defaultProps/defaultScrollBarProps");
 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; }
@@ -75,6 +76,9 @@ const LiveChatWidgetStateful = props => {
   const generalStyles = {
     root: Object.assign({}, (0, _getGeneralStylesForButton.getGeneralStylesForButton)(state), (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyles)
   };
+  //Scrollbar styles
+  const scrollbarProps = Object.assign({}, _defaultScrollBarProps.defaultScrollBarProps, props === null || props === void 0 ? void 0 : props.scrollBarProps);
   const broadcastServiceChannelName = (0, _utils.getBroadcastChannelName)(chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC === void 0 ? void 0 : _chatSDK$omnichannelC.widgetId, ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.widgetInstanceId) ?? "");
   (0, _omnichannelChatComponents.BroadcastServiceInitialize)(broadcastServiceChannelName);
   _TelemetryManager.TelemetryTimers.LcwLoadToChatButtonTimer = (0, _utils.createTimer)();
@@ -101,7 +105,7 @@ const LiveChatWidgetStateful = props => {
     });
   };
   (0, _react2.useEffect)(() => {
-    var _props$controlProps4, _props$controlProps5, _props$controlProps6, _props$controlProps8, _props$chatConfig, _props$chatConfig$Cha, _props$controlProps9, _props$reconnectChatP, _props$chatConfig2, _props$chatConfig2$Li, _props$reconnectChatP4, _state$domainStates;
+    var _props$controlProps4, _props$controlProps5, _props$controlProps6, _props$controlProps8, _props$chatConfig, _props$chatConfig$Cha, _props$controlProps9, _props$reconnectChatP, _props$chatConfig2, _props$chatConfig2$Li, _state$domainStates;
     // Add default localStorage support for widget
     if (props.contextDataStore === undefined) {
       var _chatSDK$omnichannelC2, _chatSDK$omnichannelC3, _props$controlProps3;
@@ -145,8 +149,8 @@ const LiveChatWidgetStateful = props => {
       payload: globalDir
     });
     if (!((_props$controlProps9 = props.controlProps) !== null && _props$controlProps9 !== void 0 && _props$controlProps9.skipChatButtonRendering) && (_props$reconnectChatP = props.reconnectChatPaneProps) !== null && _props$reconnectChatP !== void 0 && _props$reconnectChatP.reconnectId) {
-      var _props$reconnectChatP2, _props$reconnectChatP3;
-      (0, _reconnectChatHelper.startUnauthenticatedReconnectChat)(chatSDK, props.chatConfig, props.getAuthToken, dispatch, setAdapter, (_props$reconnectChatP2 = props.reconnectChatPaneProps) === null || _props$reconnectChatP2 === void 0 ? void 0 : _props$reconnectChatP2.isReconnectEnabled, (_props$reconnectChatP3 = props.reconnectChatPaneProps) === null || _props$reconnectChatP3 === void 0 ? void 0 : _props$reconnectChatP3.reconnectId, _startChat.initStartChat);
+      var _props$reconnectChatP2;
+      (0, _reconnectChatHelper.startUnauthenticatedReconnectChat)(chatSDK, props.chatConfig, props.getAuthToken, dispatch, setAdapter, (_props$reconnectChatP2 = props.reconnectChatPaneProps) === null || _props$reconnectChatP2 === void 0 ? void 0 : _props$reconnectChatP2.reconnectId, _startChat.initStartChat);
       return;
     }
@@ -154,7 +158,7 @@ const LiveChatWidgetStateful = props => {
     // where customer can choose to continue previous conversation or start new conversation
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const isAuthenticationSettingsEnabled = (_props$chatConfig2 = props.chatConfig) !== null && _props$chatConfig2 !== void 0 && (_props$chatConfig2$Li = _props$chatConfig2.LiveChatConfigAuthSettings) !== null && _props$chatConfig2$Li !== void 0 && _props$chatConfig2$Li.msdyn_javascriptclientfunction ? true : false;
-    if (!state.appStates.skipChatButtonRendering && state.appStates.conversationState === _ConversationState.ConversationState.Active && isAuthenticationSettingsEnabled === true && (_props$reconnectChatP4 = props.reconnectChatPaneProps) !== null && _props$reconnectChatP4 !== void 0 && _props$reconnectChatP4.isReconnectEnabled) {
+    if (!state.appStates.skipChatButtonRendering && state.appStates.conversationState === _ConversationState.ConversationState.Active && isAuthenticationSettingsEnabled === true && (0, _reconnectChatHelper.isReconnectEnabled)(props.chatConfig)) {
       (0, _reconnectChatHelper.getReconnectIdForAuthenticatedChat)(props, chatSDK).then(authReconnectId => {
         if (authReconnectId && !state.appStates.reconnectId) {
           dispatch({
@@ -188,13 +192,13 @@ const LiveChatWidgetStateful = props => {
   // useEffect for when skip chat button rendering
   (0, _react2.useEffect)(() => {
     if (state.appStates.skipChatButtonRendering) {
-      var _props$reconnectChatP5;
+      var _props$reconnectChatP3;
       _omnichannelChatComponents.BroadcastService.postMessage({
         eventName: _TelemetryConstants.BroadcastEvent.ChatInitiated
       });
-      if ((_props$reconnectChatP5 = props.reconnectChatPaneProps) !== null && _props$reconnectChatP5 !== void 0 && _props$reconnectChatP5.reconnectId && !state.appStates.reconnectId) {
-        var _props$reconnectChatP6, _props$reconnectChatP7, _props$reconnectChatP8;
-        (0, _reconnectChatHelper.handleUnauthenticatedReconnectChat)(chatSDK, props.chatConfig, props.getAuthToken, dispatch, setAdapter, (_props$reconnectChatP6 = props.reconnectChatPaneProps) === null || _props$reconnectChatP6 === void 0 ? void 0 : _props$reconnectChatP6.isReconnectEnabled, (_props$reconnectChatP7 = props.reconnectChatPaneProps) === null || _props$reconnectChatP7 === void 0 ? void 0 : _props$reconnectChatP7.reconnectId, _startChat.initStartChat, (_props$reconnectChatP8 = props.reconnectChatPaneProps) === null || _props$reconnectChatP8 === void 0 ? void 0 : _props$reconnectChatP8.redirectInSameWindow);
+      if ((_props$reconnectChatP3 = props.reconnectChatPaneProps) !== null && _props$reconnectChatP3 !== void 0 && _props$reconnectChatP3.reconnectId && !state.appStates.reconnectId) {
+        var _props$reconnectChatP4, _props$reconnectChatP5;
+        (0, _reconnectChatHelper.handleUnauthenticatedReconnectChat)(chatSDK, props.chatConfig, props.getAuthToken, dispatch, setAdapter, (_props$reconnectChatP4 = props.reconnectChatPaneProps) === null || _props$reconnectChatP4 === void 0 ? void 0 : _props$reconnectChatP4.reconnectId, _startChat.initStartChat, (_props$reconnectChatP5 = props.reconnectChatPaneProps) === null || _props$reconnectChatP5 === void 0 ? void 0 : _props$reconnectChatP5.redirectInSameWindow);
       } else {
         (0, _reconnectChatHelper.getReconnectIdForAuthenticatedChat)(props, chatSDK).then(authReconnectId => {
           if (authReconnectId && !state.appStates.reconnectId) {
@@ -345,6 +349,26 @@ const LiveChatWidgetStateful = props => {
         payload: msg === null || msg === void 0 ? void 0 : msg.payload
       });
     });
+    // Reset state variables
+    _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.BroadcastEvent.RaiseErrorEvent).subscribe(() => {
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_LIVE_CHAT_CONFIG,
+        payload: undefined
+      });
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CUSTOM_CONTEXT,
+        payload: undefined
+      });
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CHAT_TOKEN,
+        payload: undefined
+      });
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
+        payload: undefined
+      });
+    });
     return () => {
       (0, _disposeTelemetryLoggers.disposeTelemetryLoggers)();
     };
@@ -449,7 +473,24 @@ const LiveChatWidgetStateful = props => {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const initStartChatRelay = (optionalParams, persistedState) => (0, _startChat.initStartChat)(chatSDK, props.chatConfig, props.getAuthToken, dispatch, setAdapter, optionalParams, persistedState);
   const confirmationPaneProps = (0, _initConfirmationPropsComposer.initConfirmationPropsComposer)(props);
-  return /*#__PURE__*/_react2.default.createElement(Composer, _extends({}, webChatProps, {
+  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement("style", null, `
+            ::-webkit-scrollbar {
+                width: ${scrollbarProps.width};
+            }
+            ::-webkit-scrollbar-track {
+                background: ${scrollbarProps.trackBackgroundColor};
+            }
+            ::-webkit-scrollbar-thumb {
+                background: ${scrollbarProps.thumbBackgroundColor};
+                border-radius: ${scrollbarProps.thumbBorderRadius};
+            }
+            ::-webkit-scrollbar-thumb:hover {
+                background: ${scrollbarProps.thumbHoverColor};
+            }
+            `), /*#__PURE__*/_react2.default.createElement(Composer, _extends({}, webChatProps, {
     styleOptions: webChatStyles,
     directLine: ((_props$webChatContain4 = props.webChatContainerProps) === null || _props$webChatContain4 === void 0 ? void 0 : _props$webChatContain4.directLine) ?? adapter ?? _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.directLine
   }), /*#__PURE__*/_react2.default.createElement(_react.Stack, {
@@ -478,7 +519,7 @@ const LiveChatWidgetStateful = props => {
   }, props.callingContainerProps)), !((_props$controlProps23 = props.controlProps) !== null && _props$controlProps23 !== void 0 && _props$controlProps23.hideWebChatContainer) && (0, _componentController.shouldShowWebChatContainer)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_props$componentOverr8 = props.componentOverrides) === null || _props$componentOverr8 === void 0 ? void 0 : _props$componentOverr8.webChatContainer) || /*#__PURE__*/_react2.default.createElement(_WebChatContainerStateful.default, props.webChatContainerProps)), !((_props$controlProps24 = props.controlProps) !== null && _props$controlProps24 !== void 0 && _props$controlProps24.hideConfirmationPane) && (0, _componentController.shouldShowConfirmationPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_props$componentOverr9 = props.componentOverrides) === null || _props$componentOverr9 === void 0 ? void 0 : _props$componentOverr9.confirmationPane) || /*#__PURE__*/_react2.default.createElement(_ConfirmationPaneStateful.default, _extends({}, confirmationPaneProps, {
     setPostChatContext: setPostChatContextRelay,
     prepareEndChat: prepareEndChatRelay
-  }))), !((_props$controlProps25 = props.controlProps) !== null && _props$controlProps25 !== void 0 && _props$controlProps25.hidePostChatLoadingPane) && (0, _componentController.shouldShowPostChatLoadingPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_props$componentOverr10 = props.componentOverrides) === null || _props$componentOverr10 === void 0 ? void 0 : _props$componentOverr10.postChatLoadingPane) || /*#__PURE__*/_react2.default.createElement(_PostChatLoadingPaneStateful.default, props.postChatLoadingPaneProps)), (0, _componentController.shouldShowPostChatSurveyPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_props$componentOverr11 = props.componentOverrides) === null || _props$componentOverr11 === void 0 ? void 0 : _props$componentOverr11.postChatSurveyPane) || /*#__PURE__*/_react2.default.createElement(_PostChatSurveyPaneStateful.default, _extends({}, props.postChatSurveyPaneProps, props.chatSDK))), (0, _createFooter.createFooter)(props, state), (0, _componentController.shouldShowEmailTranscriptPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_props$componentOverr12 = props.componentOverrides) === null || _props$componentOverr12 === void 0 ? void 0 : _props$componentOverr12.emailTranscriptPane) || /*#__PURE__*/_react2.default.createElement(_EmailTranscriptPaneStateful.default, props.emailTranscriptPane))));
+  }))), !((_props$controlProps25 = props.controlProps) !== null && _props$controlProps25 !== void 0 && _props$controlProps25.hidePostChatLoadingPane) && (0, _componentController.shouldShowPostChatLoadingPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_props$componentOverr10 = props.componentOverrides) === null || _props$componentOverr10 === void 0 ? void 0 : _props$componentOverr10.postChatLoadingPane) || /*#__PURE__*/_react2.default.createElement(_PostChatLoadingPaneStateful.default, props.postChatLoadingPaneProps)), (0, _componentController.shouldShowPostChatSurveyPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_props$componentOverr11 = props.componentOverrides) === null || _props$componentOverr11 === void 0 ? void 0 : _props$componentOverr11.postChatSurveyPane) || /*#__PURE__*/_react2.default.createElement(_PostChatSurveyPaneStateful.default, _extends({}, props.postChatSurveyPaneProps, props.chatSDK))), (0, _createFooter.createFooter)(props, state), (0, _componentController.shouldShowEmailTranscriptPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_props$componentOverr12 = props.componentOverrides) === null || _props$componentOverr12 === void 0 ? void 0 : _props$componentOverr12.emailTranscriptPane) || /*#__PURE__*/_react2.default.createElement(_EmailTranscriptPaneStateful.default, props.emailTranscriptPane)))));
 };
 exports.LiveChatWidgetStateful = LiveChatWidgetStateful;
 var _default = LiveChatWidgetStateful;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/dataMaskingMiddleware.js CHANGED Viewed

@@ -28,6 +28,7 @@ const applyDataMasking = (action, regexCollection) => {
     });
     return action;
   }
+  let isRuleMatched = false;
   for (const ruleId of Object.keys(regexCollection)) {
     const item = regexCollection[ruleId];
     if (item) {
@@ -38,10 +39,15 @@ const applyDataMasking = (action, regexCollection) => {
         while (match = regex.exec(text)) {
           const replaceStr = match[0].replace(/./gi, maskedChar);
           text = text.replace(match[0], replaceStr);
+          _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+            Event: _TelemetryConstants.TelemetryEvent.DataMaskingRuleApplied,
+            Description: `Data Masking Rule Id: ${ruleId} applied.`
+          });
+          isRuleMatched = true;
         }
       } catch (err) {
         _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
-          Event: _TelemetryConstants.TelemetryEvent.DataMaskingRuleApplied,
+          Event: _TelemetryConstants.TelemetryEvent.DataMaskingRuleApplyFailed,
           ExceptionDetails: {
             RuleId: ruleId,
             Exception: err
@@ -49,6 +55,10 @@ const applyDataMasking = (action, regexCollection) => {
         });
       }
     }
+    // Exit if rule matched
+    if (isRuleMatched === true) {
+      break;
+    }
   }
   action.payload.text = text;
   return action;

package/lib/cjs/contexts/common/LiveChatWidgetActionType.js CHANGED Viewed

@@ -41,4 +41,5 @@ exports.LiveChatWidgetActionType = LiveChatWidgetActionType;
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_BOT_OAUTH_SIGNIN_ID"] = 31] = "SET_BOT_OAUTH_SIGNIN_ID";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_WIDGET_SIZE"] = 32] = "SET_WIDGET_SIZE";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_WIDGET_INSTANCE_ID"] = 33] = "SET_WIDGET_INSTANCE_ID";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_LIVE_CHAT_CONFIG"] = 34] = "SET_LIVE_CHAT_CONFIG";
 })(LiveChatWidgetActionType || (exports.LiveChatWidgetActionType = LiveChatWidgetActionType = {}));

package/lib/cjs/contexts/createReducer.js CHANGED Viewed

@@ -282,6 +282,15 @@ const createReducer = () => {
             widgetInstanceId: action.payload
           }
         };
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_LIVE_CHAT_CONFIG:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            liveChatConfig: action.payload
+          }
+        };
       default:
         return state;
     }

package/lib/esm/common/telemetry/TelemetryConstants.js CHANGED Viewed

@@ -49,6 +49,7 @@ export let BroadcastEvent;
   BroadcastEvent["CloseChat"] = "CloseChat";
   BroadcastEvent["InitiateEndChatOnBrowserUnload"] = "InitiateEndChatOnBrowserUnload";
   BroadcastEvent["ClosePopoutWindow"] = "ClosePopoutWindow";
+  BroadcastEvent["RaiseErrorEvent"] = "RaiseErrorEvent";
 })(BroadcastEvent || (BroadcastEvent = {}));
 export let TelemetryEvent;
 (function (TelemetryEvent) {
@@ -60,8 +61,8 @@ export let TelemetryEvent;
   TelemetryEvent["CallDisconnected"] = "CallDisconnected";
   TelemetryEvent["CallDisconnectedException"] = "CallDisconnectedException";
   TelemetryEvent["IncomingCallEnded"] = "incomingCallEnded";
-  TelemetryEvent["VoiceVideoInitialize"] = "VoiceVideoInitialize";
-  TelemetryEvent["VoiceVideoInitializeException"] = "VoiceVideoInitializeException";
+  TelemetryEvent["VoiceVideoSdkInitialize"] = "VoiceVideoSdkInitialize";
+  TelemetryEvent["VoiceVideoSdkInitializeException"] = "VoiceVideoSdkInitializeException";
   TelemetryEvent["VoiceVideoLoading"] = "VoiceVideoLoading";
   TelemetryEvent["VoiceVideoNotLoaded"] = "VoiceVideoNotLoaded";
   TelemetryEvent["VoiceVideoLoadingException"] = "VoiceVideoLoadingException";
@@ -142,6 +143,7 @@ export let TelemetryEvent;
   TelemetryEvent["QueuePositionMessageRecieved"] = "QueuePositionMessageRecieved";
   TelemetryEvent["AverageWaitTimeMessageRecieved"] = "AverageWaitTimeMessageRecieved";
   TelemetryEvent["DataMaskingRuleApplied"] = "DataMaskingRuleApplied";
+  TelemetryEvent["DataMaskingRuleApplyFailed"] = "DataMaskingRuleApplyFailed";
   TelemetryEvent["IC3ClientEvent"] = "IC3ClientEvent";
   TelemetryEvent["ConversationEndedThreadEventReceived"] = "ConversationEndedThreadEventReceived";
   TelemetryEvent["InvalidConfiguration"] = "InvalidConfiguration";
@@ -244,8 +246,8 @@ export class TelemetryConstants {
       case TelemetryEvent.CallDisconnected:
       case TelemetryEvent.CallDisconnectedException:
       case TelemetryEvent.IncomingCallEnded:
-      case TelemetryEvent.VoiceVideoInitialize:
-      case TelemetryEvent.VoiceVideoInitializeException:
+      case TelemetryEvent.VoiceVideoSdkInitialize:
+      case TelemetryEvent.VoiceVideoSdkInitializeException:
       case TelemetryEvent.VoiceVideoLoading:
       case TelemetryEvent.VoiceVideoNotLoaded:
       case TelemetryEvent.VoiceVideoLoadingException:

package/lib/esm/common/telemetry/TelemetryHelper.js CHANGED Viewed

@@ -53,6 +53,7 @@ export class TelemetryHelper {
       event.ActionType = payload.ActionType;
       event.ElapsedTimeInMilliseconds = payload.ElapsedTimeInMilliseconds;
       event.ExceptionDetails = JSON.stringify(payload.ExceptionDetails);
+      event.Description = payload.Description;
     });
   }
   static conformToWebChatContract(level, input) {
@@ -78,6 +79,7 @@ export class TelemetryHelper {
       event.ElapsedTimeInMilliseconds = payload.ElapsedTimeInMilliseconds;
       event.ExceptionDetails = JSON.stringify(payload.ExceptionDetails);
       event.Language = ((_TelemetryManager$Int10 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int10 === void 0 ? void 0 : _TelemetryManager$Int10.chatWidgetLocaleLCID) || "";
+      event.Description = payload.Data;
     });
   }
   static conformToLoadContract(level, input) {

package/lib/esm/components/callingcontainerstateful/CallingContainerStateful.js CHANGED Viewed

@@ -58,7 +58,7 @@ export const CallingContainerStateful = props => {
         });
       } catch (e) {
         TelemetryHelper.logCallingEvent(LogLevel.ERROR, {
-          Event: TelemetryEvent.VoiceVideoInitializeException,
+          Event: TelemetryEvent.VoiceVideoSdkInitializeException,
           Description: `Failed to initialize VideoVoiceCalling Sdk:  ${e}`
         });
       }
@@ -66,7 +66,7 @@ export const CallingContainerStateful = props => {
     init().then(() => {
       if (voiceVideoCallingSdk) {
         TelemetryHelper.logCallingEvent(LogLevel.INFO, {
-          Event: TelemetryEvent.VoiceVideoInitialize,
+          Event: TelemetryEvent.VoiceVideoSdkInitialize,
           Description: "Initialize VideoVoiceCalling Sdk Success"
         }, callId);
         voiceVideoCallingSdk.onCallAdded(() => {

package/lib/esm/components/chatbuttonstateful/common/styleProps/defaultOutOfOfficeChatButtonStyleProps.js CHANGED Viewed

@@ -1,5 +1,8 @@
 export const defaultOutOfOfficeChatButtonStyleProps = {
   iconStyleProps: {
     backgroundColor: "#000000"
+  },
+  subtitleStyleProps: {
+    margin: "0px 10px 0px 10px"
   }
 };

package/lib/esm/components/livechatwidget/common/defaultProps/defaultScrollBarProps.js ADDED Viewed

@@ -0,0 +1,7 @@
+export const defaultScrollBarProps = {
+  width: "7px",
+  trackBackgroundColor: "#f1f1f1",
+  thumbBackgroundColor: "#888",
+  thumbBorderRadius: "10px",
+  thumbHoverColor: "#555"
+};

package/lib/esm/components/livechatwidget/common/defaultProps/dummyDefaultProps.js CHANGED Viewed

@@ -1440,7 +1440,6 @@ export const dummyDefaultProps = {
         startNewChatButtonClassName: undefined
       }
     },
-    isReconnectEnabled: undefined,
     reconnectId: undefined,
     redirectInSameWindow: undefined
   },

package/lib/esm/components/livechatwidget/common/reconnectChatHelper.js CHANGED Viewed

@@ -5,10 +5,13 @@ import { ConversationState } from "../../../contexts/common/ConversationState";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { handleAuthentication, removeAuthTokenProvider } from "./authHelper";
+const isReconnectEnabled = chatConfig => {
+  return chatConfig && chatConfig.LiveWSAndLiveChatEngJoin.msdyn_enablechatreconnect && (chatConfig.LiveWSAndLiveChatEngJoin.msdyn_enablechatreconnect === "true" || chatConfig.LiveWSAndLiveChatEngJoin.msdyn_enablechatreconnect === true);
+};
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const getChatReconnectContext = async (chatSDK, chatConfig, getAuthToken, isReconnectEnabled, reconnectId) => {
-  if (isReconnectEnabled) {
+const getChatReconnectContext = async (chatSDK, chatConfig, getAuthToken, reconnectId) => {
+  if (isReconnectEnabled(chatConfig)) {
     try {
       if (reconnectId) {
         const chatReconnectOptionalParams = {
@@ -38,17 +41,16 @@ const getChatReconnectContext = async (chatSDK, chatConfig, getAuthToken, isReco
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const getReconnectIdForAuthenticatedChat = async (props, chatSDK) => {
-  var _props$chatConfig, _props$reconnectChatP;
+  var _props$chatConfig;
   let authClientFunction = undefined;
   if ((_props$chatConfig = props.chatConfig) !== null && _props$chatConfig !== void 0 && _props$chatConfig.LiveChatConfigAuthSettings) {
     var _props$chatConfig2, _props$chatConfig2$Li;
     authClientFunction = ((_props$chatConfig2 = props.chatConfig) === null || _props$chatConfig2 === void 0 ? void 0 : (_props$chatConfig2$Li = _props$chatConfig2.LiveChatConfigAuthSettings) === null || _props$chatConfig2$Li === void 0 ? void 0 : _props$chatConfig2$Li.msdyn_javascriptclientfunction) ?? undefined;
   }
-  if ((_props$reconnectChatP = props.reconnectChatPaneProps) !== null && _props$reconnectChatP !== void 0 && _props$reconnectChatP.isReconnectEnabled && authClientFunction
+  if (isReconnectEnabled(props.chatConfig) && authClientFunction
   // TODO: Implement this after storage is in place
   /* && !isLoadWithState() */) {
-    var _props$reconnectChatP2;
-    const previousActiveSessionResponse = await getChatReconnectContext(chatSDK, props.chatConfig, props.getAuthToken, (_props$reconnectChatP2 = props.reconnectChatPaneProps) === null || _props$reconnectChatP2 === void 0 ? void 0 : _props$reconnectChatP2.isReconnectEnabled);
+    const previousActiveSessionResponse = await getChatReconnectContext(chatSDK, props.chatConfig, props.getAuthToken);
     if (previousActiveSessionResponse && previousActiveSessionResponse.reconnectId) {
       return previousActiveSessionResponse.reconnectId;
     }
@@ -57,8 +59,8 @@ const getReconnectIdForAuthenticatedChat = async (props, chatSDK) => {
 };
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const handleUnauthenticatedReconnectChat = async (chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, isReconnectEnabled, reconnectId, initStartChat, redirectInSameWindow) => {
-  const reconnectAvailabilityResponse = await getChatReconnectContext(chatSDK, chatConfig, getAuthToken, isReconnectEnabled, reconnectId);
+const handleUnauthenticatedReconnectChat = async (chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, reconnectId, initStartChat, redirectInSameWindow) => {
+  const reconnectAvailabilityResponse = await getChatReconnectContext(chatSDK, chatConfig, getAuthToken, reconnectId);
   if (shouldRedirectOrStartNewChat(reconnectAvailabilityResponse)) {
     await redirectOrStartNewChat(reconnectAvailabilityResponse, chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, initStartChat, redirectInSameWindow);
   } else {
@@ -67,8 +69,8 @@ const handleUnauthenticatedReconnectChat = async (chatSDK, chatConfig, getAuthTo
 };
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const startUnauthenticatedReconnectChat = async (chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, isReconnectEnabled, reconnectId, initStartChat) => {
-  const reconnectAvailabilityResponse = await getChatReconnectContext(chatSDK, chatConfig, getAuthToken, isReconnectEnabled, reconnectId);
+const startUnauthenticatedReconnectChat = async (chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, reconnectId, initStartChat) => {
+  const reconnectAvailabilityResponse = await getChatReconnectContext(chatSDK, chatConfig, getAuthToken, reconnectId);
   if (!shouldRedirectOrStartNewChat(reconnectAvailabilityResponse)) {
     await setReconnectIdAndStartChat(chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, reconnectId, initStartChat);
   }
@@ -137,8 +139,8 @@ const startNewChatEmptyRedirectionUrl = async (chatSDK, chatConfig, getAuthToken
 };
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const handleRedirectUnauthenticatedReconnectChat = async (chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, initStartChat, isReconnectEnabled, reconnectId, redirectInSameWindow) => {
-  const reconnectAvailabilityResponse = await getChatReconnectContext(chatSDK, chatConfig, getAuthToken, isReconnectEnabled, reconnectId);
+const handleRedirectUnauthenticatedReconnectChat = async (chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, initStartChat, reconnectId, redirectInSameWindow) => {
+  const reconnectAvailabilityResponse = await getChatReconnectContext(chatSDK, chatConfig, getAuthToken, reconnectId);
   if (shouldRedirectOrStartNewChat(reconnectAvailabilityResponse)) {
     await redirectOrStartNewChat(reconnectAvailabilityResponse, chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, initStartChat, redirectInSameWindow);
   }
@@ -152,4 +154,4 @@ const redirectOrStartNewChat = async (reconnectAvailabilityResponse, chatSDK, ch
     await startNewChatEmptyRedirectionUrl(chatSDK, chatConfig, getAuthToken, dispatch, setAdapter, initStartChat);
   }
 };
-export { getChatReconnectContext, getReconnectIdForAuthenticatedChat, handleUnauthenticatedReconnectChat, startUnauthenticatedReconnectChat, handleRedirectUnauthenticatedReconnectChat };
+export { isReconnectEnabled, getChatReconnectContext, getReconnectIdForAuthenticatedChat, handleUnauthenticatedReconnectChat, startUnauthenticatedReconnectChat, handleRedirectUnauthenticatedReconnectChat };

package/lib/esm/components/livechatwidget/common/startChat.js CHANGED Viewed

@@ -34,8 +34,8 @@ const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) =>
   // Redirecting if unauthenticated reconnect chat expired
   if ((_props$reconnectChatP = props.reconnectChatPaneProps) !== null && _props$reconnectChatP !== void 0 && _props$reconnectChatP.reconnectId) {
-    var _props$reconnectChatP2, _props$reconnectChatP3, _props$reconnectChatP4;
-    await handleRedirectUnauthenticatedReconnectChat(chatSDK, props.chatConfig, props.getAuthToken, dispatch, setAdapter, initStartChat, (_props$reconnectChatP2 = props.reconnectChatPaneProps) === null || _props$reconnectChatP2 === void 0 ? void 0 : _props$reconnectChatP2.isReconnectEnabled, (_props$reconnectChatP3 = props.reconnectChatPaneProps) === null || _props$reconnectChatP3 === void 0 ? void 0 : _props$reconnectChatP3.reconnectId, (_props$reconnectChatP4 = props.reconnectChatPaneProps) === null || _props$reconnectChatP4 === void 0 ? void 0 : _props$reconnectChatP4.redirectInSameWindow);
+    var _props$reconnectChatP2, _props$reconnectChatP3;
+    await handleRedirectUnauthenticatedReconnectChat(chatSDK, props.chatConfig, props.getAuthToken, dispatch, setAdapter, initStartChat, (_props$reconnectChatP2 = props.reconnectChatPaneProps) === null || _props$reconnectChatP2 === void 0 ? void 0 : _props$reconnectChatP2.reconnectId, (_props$reconnectChatP3 = props.reconnectChatPaneProps) === null || _props$reconnectChatP3 === void 0 ? void 0 : _props$reconnectChatP3.redirectInSameWindow);
     return;
   }
@@ -167,7 +167,7 @@ const initStartChat = async (chatSDK, chatConfig, getAuthToken, dispatch, setAda
     });
     // Set post chat context in state, no survey load
-    await setPostChatContextAndLoadSurvey(chatSDK, dispatch);
+    setPostChatContextAndLoadSurvey(chatSDK, dispatch);
     // Updating chat session detail for telemetry
     await updateSessionDataForTelemetry(chatSDK, dispatch);

package/lib/esm/components/livechatwidget/interfaces/IScrollBarProps.js ADDED Viewed

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

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

@@ -4,7 +4,7 @@ import { BroadcastService, decodeComponentString, BroadcastServiceInitialize } f
 import { Stack } from "@fluentui/react";
 import React, { useEffect, useRef, useState } from "react";
 import { createTimer, getBroadcastChannelName, getLocaleDirection, getStateFromCache, getWidgetCacheId, getWidgetEndChatEventName, isNullOrEmptyString, isUndefinedOrEmpty } from "../../../common/utils";
-import { getReconnectIdForAuthenticatedChat, handleUnauthenticatedReconnectChat, startUnauthenticatedReconnectChat } from "../common/reconnectChatHelper";
+import { getReconnectIdForAuthenticatedChat, handleUnauthenticatedReconnectChat, isReconnectEnabled, startUnauthenticatedReconnectChat } from "../common/reconnectChatHelper";
 import { initStartChat, prepareStartChat, setPreChatAndInitiateChat } from "../common/startChat";
 import { shouldShowCallingContainer, shouldShowChatButton, shouldShowConfirmationPane, shouldShowEmailTranscriptPane, shouldShowHeader, shouldShowLoadingPane, shouldShowOutOfOfficeHoursPane, shouldShowPostChatLoadingPane, shouldShowPostChatSurveyPane, shouldShowPreChatSurveyPane, shouldShowProactiveChatPane, shouldShowReconnectChatPane, shouldShowWebChatContainer } from "../../../controller/componentController";
 import CallingContainerStateful from "../../callingcontainerstateful/CallingContainerStateful";
@@ -45,6 +45,7 @@ import useChatSDKStore from "../../../hooks/useChatSDKStore";
 import { ActivityStreamHandler } from "../common/ActivityStreamHandler";
 import { registerBroadcastServiceForLocalStorage } from "../../../common/storage/default/defaultCacheManager";
 import { defaultClientDataStoreProvider } from "../../../common/storage/default/defaultClientDataStoreProvider";
+import { defaultScrollBarProps } from "../common/defaultProps/defaultScrollBarProps";
 export const LiveChatWidgetStateful = props => {
   var _props$webChatContain, _props$styleProps, _chatSDK$omnichannelC, _props$controlProps, _props$controlProps2, _props$webChatContain3, _props$webChatContain4, _props$styleProps2, _props$controlProps14, _props$controlProps15, _props$componentOverr, _props$controlProps16, _props$componentOverr2, _props$controlProps17, _props$componentOverr3, _props$controlProps18, _props$componentOverr4, _props$controlProps19, _props$componentOverr5, _props$controlProps20, _props$componentOverr6, _props$controlProps21, _props$componentOverr7, _props$controlProps22, _props$controlProps23, _props$componentOverr8, _props$controlProps24, _props$componentOverr9, _props$controlProps25, _props$componentOverr10, _props$componentOverr11, _props$componentOverr12;
   const [state, dispatch] = useChatContextStore();
@@ -67,6 +68,9 @@ export const LiveChatWidgetStateful = props => {
   const generalStyles = {
     root: Object.assign({}, getGeneralStylesForButton(state), (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyles)
   };
+  //Scrollbar styles
+  const scrollbarProps = Object.assign({}, defaultScrollBarProps, props === null || props === void 0 ? void 0 : props.scrollBarProps);
   const broadcastServiceChannelName = getBroadcastChannelName(chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC === void 0 ? void 0 : _chatSDK$omnichannelC.widgetId, ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.widgetInstanceId) ?? "");
   BroadcastServiceInitialize(broadcastServiceChannelName);
   TelemetryTimers.LcwLoadToChatButtonTimer = createTimer();
@@ -93,7 +97,7 @@ export const LiveChatWidgetStateful = props => {
     });
   };
   useEffect(() => {
-    var _props$controlProps4, _props$controlProps5, _props$controlProps6, _props$controlProps8, _props$chatConfig, _props$chatConfig$Cha, _props$controlProps9, _props$reconnectChatP, _props$chatConfig2, _props$chatConfig2$Li, _props$reconnectChatP4, _state$domainStates;
+    var _props$controlProps4, _props$controlProps5, _props$controlProps6, _props$controlProps8, _props$chatConfig, _props$chatConfig$Cha, _props$controlProps9, _props$reconnectChatP, _props$chatConfig2, _props$chatConfig2$Li, _state$domainStates;
     // Add default localStorage support for widget
     if (props.contextDataStore === undefined) {
       var _chatSDK$omnichannelC2, _chatSDK$omnichannelC3, _props$controlProps3;
@@ -137,8 +141,8 @@ export const LiveChatWidgetStateful = props => {
       payload: globalDir
     });
     if (!((_props$controlProps9 = props.controlProps) !== null && _props$controlProps9 !== void 0 && _props$controlProps9.skipChatButtonRendering) && (_props$reconnectChatP = props.reconnectChatPaneProps) !== null && _props$reconnectChatP !== void 0 && _props$reconnectChatP.reconnectId) {
-      var _props$reconnectChatP2, _props$reconnectChatP3;
-      startUnauthenticatedReconnectChat(chatSDK, props.chatConfig, props.getAuthToken, dispatch, setAdapter, (_props$reconnectChatP2 = props.reconnectChatPaneProps) === null || _props$reconnectChatP2 === void 0 ? void 0 : _props$reconnectChatP2.isReconnectEnabled, (_props$reconnectChatP3 = props.reconnectChatPaneProps) === null || _props$reconnectChatP3 === void 0 ? void 0 : _props$reconnectChatP3.reconnectId, initStartChat);
+      var _props$reconnectChatP2;
+      startUnauthenticatedReconnectChat(chatSDK, props.chatConfig, props.getAuthToken, dispatch, setAdapter, (_props$reconnectChatP2 = props.reconnectChatPaneProps) === null || _props$reconnectChatP2 === void 0 ? void 0 : _props$reconnectChatP2.reconnectId, initStartChat);
       return;
     }
@@ -146,7 +150,7 @@ export const LiveChatWidgetStateful = props => {
     // where customer can choose to continue previous conversation or start new conversation
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const isAuthenticationSettingsEnabled = (_props$chatConfig2 = props.chatConfig) !== null && _props$chatConfig2 !== void 0 && (_props$chatConfig2$Li = _props$chatConfig2.LiveChatConfigAuthSettings) !== null && _props$chatConfig2$Li !== void 0 && _props$chatConfig2$Li.msdyn_javascriptclientfunction ? true : false;
-    if (!state.appStates.skipChatButtonRendering && state.appStates.conversationState === ConversationState.Active && isAuthenticationSettingsEnabled === true && (_props$reconnectChatP4 = props.reconnectChatPaneProps) !== null && _props$reconnectChatP4 !== void 0 && _props$reconnectChatP4.isReconnectEnabled) {
+    if (!state.appStates.skipChatButtonRendering && state.appStates.conversationState === ConversationState.Active && isAuthenticationSettingsEnabled === true && isReconnectEnabled(props.chatConfig)) {
       getReconnectIdForAuthenticatedChat(props, chatSDK).then(authReconnectId => {
         if (authReconnectId && !state.appStates.reconnectId) {
           dispatch({
@@ -180,13 +184,13 @@ export const LiveChatWidgetStateful = props => {
   // useEffect for when skip chat button rendering
   useEffect(() => {
     if (state.appStates.skipChatButtonRendering) {
-      var _props$reconnectChatP5;
+      var _props$reconnectChatP3;
       BroadcastService.postMessage({
         eventName: BroadcastEvent.ChatInitiated
       });
-      if ((_props$reconnectChatP5 = props.reconnectChatPaneProps) !== null && _props$reconnectChatP5 !== void 0 && _props$reconnectChatP5.reconnectId && !state.appStates.reconnectId) {
-        var _props$reconnectChatP6, _props$reconnectChatP7, _props$reconnectChatP8;
-        handleUnauthenticatedReconnectChat(chatSDK, props.chatConfig, props.getAuthToken, dispatch, setAdapter, (_props$reconnectChatP6 = props.reconnectChatPaneProps) === null || _props$reconnectChatP6 === void 0 ? void 0 : _props$reconnectChatP6.isReconnectEnabled, (_props$reconnectChatP7 = props.reconnectChatPaneProps) === null || _props$reconnectChatP7 === void 0 ? void 0 : _props$reconnectChatP7.reconnectId, initStartChat, (_props$reconnectChatP8 = props.reconnectChatPaneProps) === null || _props$reconnectChatP8 === void 0 ? void 0 : _props$reconnectChatP8.redirectInSameWindow);
+      if ((_props$reconnectChatP3 = props.reconnectChatPaneProps) !== null && _props$reconnectChatP3 !== void 0 && _props$reconnectChatP3.reconnectId && !state.appStates.reconnectId) {
+        var _props$reconnectChatP4, _props$reconnectChatP5;
+        handleUnauthenticatedReconnectChat(chatSDK, props.chatConfig, props.getAuthToken, dispatch, setAdapter, (_props$reconnectChatP4 = props.reconnectChatPaneProps) === null || _props$reconnectChatP4 === void 0 ? void 0 : _props$reconnectChatP4.reconnectId, initStartChat, (_props$reconnectChatP5 = props.reconnectChatPaneProps) === null || _props$reconnectChatP5 === void 0 ? void 0 : _props$reconnectChatP5.redirectInSameWindow);
       } else {
         getReconnectIdForAuthenticatedChat(props, chatSDK).then(authReconnectId => {
           if (authReconnectId && !state.appStates.reconnectId) {
@@ -337,6 +341,26 @@ export const LiveChatWidgetStateful = props => {
         payload: msg === null || msg === void 0 ? void 0 : msg.payload
       });
     });
+    // Reset state variables
+    BroadcastService.getMessageByEventName(BroadcastEvent.RaiseErrorEvent).subscribe(() => {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONFIG,
+        payload: undefined
+      });
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CUSTOM_CONTEXT,
+        payload: undefined
+      });
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CHAT_TOKEN,
+        payload: undefined
+      });
+      dispatch({
+        type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
+        payload: undefined
+      });
+    });
     return () => {
       disposeTelemetryLoggers();
     };
@@ -441,7 +465,24 @@ export const LiveChatWidgetStateful = props => {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const initStartChatRelay = (optionalParams, persistedState) => initStartChat(chatSDK, props.chatConfig, props.getAuthToken, dispatch, setAdapter, optionalParams, persistedState);
   const confirmationPaneProps = initConfirmationPropsComposer(props);
-  return /*#__PURE__*/React.createElement(Composer, _extends({}, webChatProps, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, `
+            ::-webkit-scrollbar {
+                width: ${scrollbarProps.width};
+            }
+            ::-webkit-scrollbar-track {
+                background: ${scrollbarProps.trackBackgroundColor};
+            }
+            ::-webkit-scrollbar-thumb {
+                background: ${scrollbarProps.thumbBackgroundColor};
+                border-radius: ${scrollbarProps.thumbBorderRadius};
+            }
+            ::-webkit-scrollbar-thumb:hover {
+                background: ${scrollbarProps.thumbHoverColor};
+            }
+            `), /*#__PURE__*/React.createElement(Composer, _extends({}, webChatProps, {
     styleOptions: webChatStyles,
     directLine: ((_props$webChatContain4 = props.webChatContainerProps) === null || _props$webChatContain4 === void 0 ? void 0 : _props$webChatContain4.directLine) ?? adapter ?? defaultWebChatContainerStatefulProps.directLine
   }), /*#__PURE__*/React.createElement(Stack, {
@@ -470,6 +511,6 @@ export const LiveChatWidgetStateful = props => {
   }, props.callingContainerProps)), !((_props$controlProps23 = props.controlProps) !== null && _props$controlProps23 !== void 0 && _props$controlProps23.hideWebChatContainer) && shouldShowWebChatContainer(state) && (decodeComponentString((_props$componentOverr8 = props.componentOverrides) === null || _props$componentOverr8 === void 0 ? void 0 : _props$componentOverr8.webChatContainer) || /*#__PURE__*/React.createElement(WebChatContainerStateful, props.webChatContainerProps)), !((_props$controlProps24 = props.controlProps) !== null && _props$controlProps24 !== void 0 && _props$controlProps24.hideConfirmationPane) && shouldShowConfirmationPane(state) && (decodeComponentString((_props$componentOverr9 = props.componentOverrides) === null || _props$componentOverr9 === void 0 ? void 0 : _props$componentOverr9.confirmationPane) || /*#__PURE__*/React.createElement(ConfirmationPaneStateful, _extends({}, confirmationPaneProps, {
     setPostChatContext: setPostChatContextRelay,
     prepareEndChat: prepareEndChatRelay
-  }))), !((_props$controlProps25 = props.controlProps) !== null && _props$controlProps25 !== void 0 && _props$controlProps25.hidePostChatLoadingPane) && shouldShowPostChatLoadingPane(state) && (decodeComponentString((_props$componentOverr10 = props.componentOverrides) === null || _props$componentOverr10 === void 0 ? void 0 : _props$componentOverr10.postChatLoadingPane) || /*#__PURE__*/React.createElement(PostChatLoadingPaneStateful, props.postChatLoadingPaneProps)), shouldShowPostChatSurveyPane(state) && (decodeComponentString((_props$componentOverr11 = props.componentOverrides) === null || _props$componentOverr11 === void 0 ? void 0 : _props$componentOverr11.postChatSurveyPane) || /*#__PURE__*/React.createElement(PostChatSurveyPaneStateful, _extends({}, props.postChatSurveyPaneProps, props.chatSDK))), createFooter(props, state), shouldShowEmailTranscriptPane(state) && (decodeComponentString((_props$componentOverr12 = props.componentOverrides) === null || _props$componentOverr12 === void 0 ? void 0 : _props$componentOverr12.emailTranscriptPane) || /*#__PURE__*/React.createElement(EmailTranscriptPaneStateful, props.emailTranscriptPane))));
+  }))), !((_props$controlProps25 = props.controlProps) !== null && _props$controlProps25 !== void 0 && _props$controlProps25.hidePostChatLoadingPane) && shouldShowPostChatLoadingPane(state) && (decodeComponentString((_props$componentOverr10 = props.componentOverrides) === null || _props$componentOverr10 === void 0 ? void 0 : _props$componentOverr10.postChatLoadingPane) || /*#__PURE__*/React.createElement(PostChatLoadingPaneStateful, props.postChatLoadingPaneProps)), shouldShowPostChatSurveyPane(state) && (decodeComponentString((_props$componentOverr11 = props.componentOverrides) === null || _props$componentOverr11 === void 0 ? void 0 : _props$componentOverr11.postChatSurveyPane) || /*#__PURE__*/React.createElement(PostChatSurveyPaneStateful, _extends({}, props.postChatSurveyPaneProps, props.chatSDK))), createFooter(props, state), shouldShowEmailTranscriptPane(state) && (decodeComponentString((_props$componentOverr12 = props.componentOverrides) === null || _props$componentOverr12 === void 0 ? void 0 : _props$componentOverr12.emailTranscriptPane) || /*#__PURE__*/React.createElement(EmailTranscriptPaneStateful, props.emailTranscriptPane)))));
 };
 export default LiveChatWidgetStateful;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/dataMaskingMiddleware.js CHANGED Viewed

@@ -22,6 +22,7 @@ const applyDataMasking = (action, regexCollection) => {
     });
     return action;
   }
+  let isRuleMatched = false;
   for (const ruleId of Object.keys(regexCollection)) {
     const item = regexCollection[ruleId];
     if (item) {
@@ -32,10 +33,15 @@ const applyDataMasking = (action, regexCollection) => {
         while (match = regex.exec(text)) {
           const replaceStr = match[0].replace(/./gi, maskedChar);
           text = text.replace(match[0], replaceStr);
+          TelemetryHelper.logActionEvent(LogLevel.INFO, {
+            Event: TelemetryEvent.DataMaskingRuleApplied,
+            Description: `Data Masking Rule Id: ${ruleId} applied.`
+          });
+          isRuleMatched = true;
         }
       } catch (err) {
         TelemetryHelper.logActionEvent(LogLevel.ERROR, {
-          Event: TelemetryEvent.DataMaskingRuleApplied,
+          Event: TelemetryEvent.DataMaskingRuleApplyFailed,
           ExceptionDetails: {
             RuleId: ruleId,
             Exception: err
@@ -43,6 +49,10 @@ const applyDataMasking = (action, regexCollection) => {
         });
       }
     }
+    // Exit if rule matched
+    if (isRuleMatched === true) {
+      break;
+    }
   }
   action.payload.text = text;
   return action;

package/lib/esm/contexts/common/LiveChatWidgetActionType.js CHANGED Viewed

@@ -34,4 +34,5 @@ export let LiveChatWidgetActionType;
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_BOT_OAUTH_SIGNIN_ID"] = 31] = "SET_BOT_OAUTH_SIGNIN_ID";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_WIDGET_SIZE"] = 32] = "SET_WIDGET_SIZE";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_WIDGET_INSTANCE_ID"] = 33] = "SET_WIDGET_INSTANCE_ID";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_LIVE_CHAT_CONFIG"] = 34] = "SET_LIVE_CHAT_CONFIG";
 })(LiveChatWidgetActionType || (LiveChatWidgetActionType = {}));

package/lib/esm/contexts/createReducer.js CHANGED Viewed

@@ -276,6 +276,15 @@ export const createReducer = () => {
             widgetInstanceId: action.payload
           }
         };
+      case LiveChatWidgetActionType.SET_LIVE_CHAT_CONFIG:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            liveChatConfig: action.payload
+          }
+        };
       default:
         return state;
     }

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

@@ -42,7 +42,8 @@ export declare enum BroadcastEvent {
     ChatInitiated = "ChatInitiated",
     CloseChat = "CloseChat",
     InitiateEndChatOnBrowserUnload = "InitiateEndChatOnBrowserUnload",
-    ClosePopoutWindow = "ClosePopoutWindow"
+    ClosePopoutWindow = "ClosePopoutWindow",
+    RaiseErrorEvent = "RaiseErrorEvent"
 }
 export declare enum TelemetryEvent {
     CallAdded = "CallAdded",
@@ -53,8 +54,8 @@ export declare enum TelemetryEvent {
     CallDisconnected = "CallDisconnected",
     CallDisconnectedException = "CallDisconnectedException",
     IncomingCallEnded = "incomingCallEnded",
-    VoiceVideoInitialize = "VoiceVideoInitialize",
-    VoiceVideoInitializeException = "VoiceVideoInitializeException",
+    VoiceVideoSdkInitialize = "VoiceVideoSdkInitialize",
+    VoiceVideoSdkInitializeException = "VoiceVideoSdkInitializeException",
     VoiceVideoLoading = "VoiceVideoLoading",
     VoiceVideoNotLoaded = "VoiceVideoNotLoaded",
     VoiceVideoLoadingException = "VoiceVideoLoadingException",
@@ -135,6 +136,7 @@ export declare enum TelemetryEvent {
     QueuePositionMessageRecieved = "QueuePositionMessageRecieved",
     AverageWaitTimeMessageRecieved = "AverageWaitTimeMessageRecieved",
     DataMaskingRuleApplied = "DataMaskingRuleApplied",
+    DataMaskingRuleApplyFailed = "DataMaskingRuleApplyFailed",
     IC3ClientEvent = "IC3ClientEvent",
     ConversationEndedThreadEventReceived = "ConversationEndedThreadEventReceived",
     InvalidConfiguration = "InvalidConfiguration",

package/lib/types/common/telemetry/definitions/Contracts.d.ts CHANGED Viewed

@@ -7,8 +7,9 @@ export interface BaseContract {
     OrganizationId: string;
     LCWRuntimeId: string;
     CurrentRequestId: string;
-    ExceptionDetails?: string;
+    ExceptionDetails?: any;
     LogLevel: string;
+    Description?: string;
 }
 export interface ConfigValidationContract extends BaseContract {
     Event?: string;
@@ -40,7 +41,6 @@ export interface IC3ClientContract extends BaseContract {
     EndpointId?: string;
     ErrorCode?: string;
     ShouldBubbleToHost?: boolean;
-    Description?: string;
 }
 export interface OCChatSDKContract extends BaseContract {
     RequestId: string;
@@ -58,7 +58,6 @@ export interface WebChatContract extends BaseContract {
 export interface CallingContract extends BaseContract {
     CallId?: string;
     Event?: string;
-    Description?: string;
 }
 export interface ACSAdapterContract extends BaseContract {
     Description?: string;
@@ -68,6 +67,5 @@ export interface ACSAdapterContract extends BaseContract {
     TimeStamp?: string;
     Event?: string;
     ErrorCode?: string;
-    ExceptionDetails?: any;
 }
 export declare type TelemetryContract = OCChatSDKContract | IC3ClientContract | ActionsContract | LoadContract | WebChatContract | ConfigValidationContract | CallingContract | ACSAdapterContract | BaseContract | any;

package/lib/types/components/livechatwidget/common/defaultProps/defaultScrollBarProps.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IScrollBarProps } from "../../interfaces/IScrollBarProps";
2	+ export declare const defaultScrollBarProps: IScrollBarProps;

package/lib/types/components/livechatwidget/common/reconnectChatHelper.d.ts CHANGED Viewed

@@ -3,9 +3,10 @@ import ChatConfig from "@microsoft/omnichannel-chat-sdk/lib/core/ChatConfig";
 import { Dispatch } from "react";
 import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetAction";
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
-declare const getChatReconnectContext: (chatSDK: any, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string | undefined) => Promise<string | null>) | undefined, isReconnectEnabled?: boolean | undefined, reconnectId?: string | undefined) => Promise<any>;
+declare const isReconnectEnabled: (chatConfig: ChatConfig | undefined) => any;
+declare const getChatReconnectContext: (chatSDK: any, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string | undefined) => Promise<string | null>) | undefined, reconnectId?: string | undefined) => Promise<any>;
 declare const getReconnectIdForAuthenticatedChat: (props: ILiveChatWidgetProps, chatSDK: any) => Promise<string | undefined>;
-declare const handleUnauthenticatedReconnectChat: (chatSDK: any, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string | undefined) => Promise<string | null>) | undefined, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, isReconnectEnabled: boolean | undefined, reconnectId: string, initStartChat: any, redirectInSameWindow: boolean | undefined) => Promise<void>;
-declare const startUnauthenticatedReconnectChat: (chatSDK: any, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string | undefined) => Promise<string | null>) | undefined, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, isReconnectEnabled: boolean | undefined, reconnectId: string, initStartChat: any) => Promise<void>;
-declare const handleRedirectUnauthenticatedReconnectChat: (chatSDK: any, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string | undefined) => Promise<string | null>) | undefined, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, initStartChat: any, isReconnectEnabled: boolean | undefined, reconnectId: string, redirectInSameWindow: boolean | undefined) => Promise<void>;
-export { getChatReconnectContext, getReconnectIdForAuthenticatedChat, handleUnauthenticatedReconnectChat, startUnauthenticatedReconnectChat, handleRedirectUnauthenticatedReconnectChat };
+declare const handleUnauthenticatedReconnectChat: (chatSDK: any, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string | undefined) => Promise<string | null>) | undefined, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, reconnectId: string, initStartChat: any, redirectInSameWindow: boolean | undefined) => Promise<void>;
+declare const startUnauthenticatedReconnectChat: (chatSDK: any, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string | undefined) => Promise<string | null>) | undefined, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, reconnectId: string, initStartChat: any) => Promise<void>;
+declare const handleRedirectUnauthenticatedReconnectChat: (chatSDK: any, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string | undefined) => Promise<string | null>) | undefined, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, initStartChat: any, reconnectId: string, redirectInSameWindow: boolean | undefined) => Promise<void>;
+export { isReconnectEnabled, getChatReconnectContext, getReconnectIdForAuthenticatedChat, handleUnauthenticatedReconnectChat, startUnauthenticatedReconnectChat, handleRedirectUnauthenticatedReconnectChat };

package/lib/types/components/livechatwidget/interfaces/ILiveChatWidgetProps.d.ts CHANGED Viewed

@@ -21,6 +21,7 @@ import { OmnichannelChatSDK } from "@microsoft/omnichannel-chat-sdk";
 import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
 import { IContextDataStore } from "../../../common/interfaces/IContextDataStore";
 import { IPostChatSurveyPaneStatefulProps } from "../../postchatsurveypanestateful/interfaces/IPostChatSurveyPaneStatefulProps";
+import { IScrollBarProps } from "./IScrollBarProps";
 export interface ILiveChatWidgetProps {
     audioNotificationProps?: IAudioNotificationProps;
     callingContainerProps?: ICallingContainerProps;
@@ -50,4 +51,5 @@ export interface ILiveChatWidgetProps {
     liveChatContextFromCache?: ILiveChatWidgetContext;
     contextDataStore?: IContextDataStore;
     getAuthToken?: (authClientFunction?: string) => Promise<string | null>;
+    scrollBarProps?: IScrollBarProps;
 }

package/lib/types/components/livechatwidget/interfaces/IScrollBarProps.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+export interface IScrollBarProps {
+    /**
+     * Scrollbar width in px
+     */
+    width?: string;
+    /**
+     * Scrollbar track background color
+     */
+    trackBackgroundColor?: string;
+    /**
+     * Scrollbar thumb background color
+     */
+    thumbBackgroundColor?: string;
+    /**
+     * Scrollbar thumb border radius in px
+     */
+    thumbBorderRadius?: string;
+    /**
+     * Scrollbar thumb hover color
+     */
+    thumbHoverColor?: string;
+}

package/lib/types/components/reconnectchatpanestateful/interfaces/IReconnectChatPaneStatefulProps.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { IReconnectChatPaneProps } from "@microsoft/omnichannel-chat-components/lib/types/components/reconnectchatpane/interfaces/IReconnectChatPaneProps";
 export interface IReconnectChatPaneStatefulProps extends IReconnectChatPaneProps {
-    isReconnectEnabled?: boolean;
     reconnectId?: string;
     redirectInSameWindow?: boolean;
 }

package/lib/types/contexts/common/LiveChatWidgetActionType.d.ts CHANGED Viewed

@@ -32,5 +32,6 @@ export declare enum LiveChatWidgetActionType {
     SET_LIVE_CHAT_CONTEXT = 30,
     SET_BOT_OAUTH_SIGNIN_ID = 31,
     SET_WIDGET_SIZE = 32,
-    SET_WIDGET_INSTANCE_ID = 33
+    SET_WIDGET_INSTANCE_ID = 33,
+    SET_LIVE_CHAT_CONFIG = 34
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "0.1.0-main.bf74329",
+  "version": "0.1.0-main.c1dcc1d",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",