@microsoft/omnichannel-chat-widget 0.1.0-main.dbc1afa → 0.1.0-main.dee03a3

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

@@ -4,40 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CallingContainerStateful = void 0;
-
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-
 var _LiveChatWidgetActionType = require("../../contexts/common/LiveChatWidgetActionType");
-
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
-
 var _useChatContextStore = _interopRequireDefault(require("../../hooks/useChatContextStore"));
-
 var _useChatSDKStore = _interopRequireDefault(require("../../hooks/useChatSDKStore"));
-
 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; }
-
 const CallingContainerStateful = props => {
   var _props$controlProps, _props$controlProps2, _props$controlProps2$, _props$controlProps3, _props$controlProps3$, _props$controlProps3$2, _props$controlProps4, _props$controlProps4$, _props$controlProps4$2, _props$controlProps5;
-
   //TODO : Close button confirmation implmentation is pending
-  const [state, dispatch] = (0, _useChatContextStore.default)(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-  const chatSDK = (0, _useChatSDKStore.default)(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const [state, dispatch] = (0, _useChatContextStore.default)();
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const chatSDK = (0, _useChatSDKStore.default)();
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const {
     voiceVideoCallingSdk
   } = props;
   let callId;
-
   const resetCallingStates = reset => {
     if (reset) {
       dispatch({
@@ -62,12 +51,10 @@ const CallingContainerStateful = props => {
       });
     }
   };
-
   (0, _react.useEffect)(() => {
     const init = async () => {
       try {
         var _controlProps$current, _controlProps$current2, _controlProps$current3, _controlProps$current4;
-
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _TelemetryHelper.TelemetryHelper.callId = callId;
         await voiceVideoCallingSdk.initialize({
@@ -80,27 +67,23 @@ 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}`
         });
       }
     };
-
     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(() => {
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           callId = voiceVideoCallingSdk.callId;
-
           _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.INFO, {
             Event: _TelemetryConstants.TelemetryEvent.CallAdded
           }, callId);
-
           dispatch({
             type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SHOW_CALLING_CONTAINER,
             payload: true
@@ -114,7 +97,6 @@ const CallingContainerStateful = props => {
           _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.INFO, {
             Event: _TelemetryConstants.TelemetryEvent.RemoteVideoStreamAdded
           }, callId);
-
           const isRemoteVideoDisabled = !voiceVideoCallingSdk.isRemoteVideoEnabled();
           const isLocalVideoDisabled = !voiceVideoCallingSdk.isLocalVideoEnabled();
           dispatch({
@@ -134,7 +116,6 @@ const CallingContainerStateful = props => {
           _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.INFO, {
             Event: _TelemetryConstants.TelemetryEvent.LocalVideoStreamAdded
           }, callId);
-
           const isLocalVideoDisabled = !voiceVideoCallingSdk.isLocalVideoEnabled();
           const isRemoteVideoDisabled = !voiceVideoCallingSdk.isRemoteVideoEnabled();
           dispatch({
@@ -154,17 +135,14 @@ const CallingContainerStateful = props => {
           _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.INFO, {
             Event: _TelemetryConstants.TelemetryEvent.RemoteVideoStreamRemoved
           }, callId);
-
           const isRemoteVideoDisabled = !voiceVideoCallingSdk.isRemoteVideoEnabled();
           const isLocalVideoDisabled = !voiceVideoCallingSdk.isLocalVideoEnabled();
-
           if (isRemoteVideoDisabled && isLocalVideoDisabled) {
             dispatch({
               type: _LiveChatWidgetActionType.LiveChatWidgetActionType.DISABLE_VIDEO_CALL,
               payload: true
             });
           }
-
           dispatch({
             type: _LiveChatWidgetActionType.LiveChatWidgetActionType.DISABLE_REMOTE_VIDEO,
             payload: isRemoteVideoDisabled
@@ -174,17 +152,14 @@ const CallingContainerStateful = props => {
           _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.INFO, {
             Event: _TelemetryConstants.TelemetryEvent.LocalVideoStreamRemoved
           }, callId);
-
           const isLocalVideoDisabled = !voiceVideoCallingSdk.isLocalVideoEnabled();
           const isRemoteVideoDisabled = !voiceVideoCallingSdk.isRemoteVideoEnabled();
-
           if (isRemoteVideoDisabled && isLocalVideoDisabled) {
             dispatch({
               type: _LiveChatWidgetActionType.LiveChatWidgetActionType.DISABLE_VIDEO_CALL,
               payload: true
             });
           }
-
           dispatch({
             type: _LiveChatWidgetActionType.LiveChatWidgetActionType.DISABLE_LOCAL_VIDEO,
             payload: isLocalVideoDisabled
@@ -194,14 +169,12 @@ const CallingContainerStateful = props => {
           _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.INFO, {
             Event: _TelemetryConstants.TelemetryEvent.CallDisconnected
           }, callId);
-
           resetCallingStates(true);
         });
         voiceVideoCallingSdk.addEventListener(_TelemetryConstants.TelemetryEvent.IncomingCallEnded, () => {
           _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.INFO, {
             Event: _TelemetryConstants.TelemetryEvent.IncomingCallEnded
           }, callId);
-
           resetCallingStates(true);
         });
       }
@@ -212,7 +185,6 @@ const CallingContainerStateful = props => {
       } else {
         voiceVideoCallingSdk === null || voiceVideoCallingSdk === void 0 ? void 0 : voiceVideoCallingSdk.stopCall();
       }
-
       voiceVideoCallingSdk === null || voiceVideoCallingSdk === void 0 ? void 0 : voiceVideoCallingSdk.close();
       dispatch({
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_E2VV_ENABLED,
@@ -231,11 +203,9 @@ const CallingContainerStateful = props => {
       onDeclineCallClick: (0, _react.useCallback)(async () => {
         try {
           voiceVideoCallingSdk.rejectCall();
-
           _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.INFO, {
             Event: _TelemetryConstants.TelemetryEvent.CallRejectClick
           }, callId);
-
           resetCallingStates(true);
         } catch (error) {
           _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.ERROR, {
@@ -251,7 +221,6 @@ const CallingContainerStateful = props => {
           voiceVideoCallingSdk.acceptCall({
             withVideo: false
           });
-
           _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.INFO, {
             Event: _TelemetryConstants.TelemetryEvent.VoiceCallAcceptButtonClick
           }, callId);
@@ -263,7 +232,6 @@ const CallingContainerStateful = props => {
             }
           }, callId);
         }
-
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_INCOMING_CALL,
           payload: false
@@ -278,7 +246,6 @@ const CallingContainerStateful = props => {
           voiceVideoCallingSdk.acceptCall({
             withVideo: true
           });
-
           _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.INFO, {
             Event: _TelemetryConstants.TelemetryEvent.VideoCallAcceptButtonClick
           }, callId);
@@ -290,7 +257,6 @@ const CallingContainerStateful = props => {
             }
           }, callId);
         }
-
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_INCOMING_CALL,
           payload: false
@@ -307,11 +273,9 @@ const CallingContainerStateful = props => {
       onEndCallClick: (0, _react.useCallback)(() => {
         try {
           voiceVideoCallingSdk.stopCall();
-
           _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.INFO, {
             Event: _TelemetryConstants.TelemetryEvent.EndCallButtonClick
           }, callId);
-
           resetCallingStates(true);
         } catch (error) {
           _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.ERROR, {
@@ -325,7 +289,6 @@ const CallingContainerStateful = props => {
       onMicCallClick: (0, _react.useCallback)(() => {
         try {
           voiceVideoCallingSdk.toggleMute();
-
           _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.INFO, {
             Event: _TelemetryConstants.TelemetryEvent.ToggleMuteButtonClick
           }, callId);
@@ -341,7 +304,6 @@ const CallingContainerStateful = props => {
       onVideoOffClick: (0, _react.useCallback)(() => {
         try {
           voiceVideoCallingSdk.toggleLocalVideo();
-
           _TelemetryHelper.TelemetryHelper.logCallingEvent(_TelemetryConstants.LogLevel.INFO, {
             Event: _TelemetryConstants.TelemetryEvent.ToggleCameraButtonClick
           }, callId);
@@ -354,7 +316,8 @@ const CallingContainerStateful = props => {
           }, callId);
         }
       }, []),
-      nonActionIds: { ...(props === null || props === void 0 ? void 0 : (_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : (_props$controlProps2$ = _props$controlProps2.currentCallControlProps) === null || _props$controlProps2$ === void 0 ? void 0 : _props$controlProps2$.nonActionIds),
+      nonActionIds: {
+        ...(props === null || props === void 0 ? void 0 : (_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : (_props$controlProps2$ = _props$controlProps2.currentCallControlProps) === null || _props$controlProps2$ === void 0 ? void 0 : _props$controlProps2$.nonActionIds),
         selfVideoTileId: (props === null || props === void 0 ? void 0 : (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : (_props$controlProps3$ = _props$controlProps3.currentCallControlProps) === null || _props$controlProps3$ === void 0 ? void 0 : (_props$controlProps3$2 = _props$controlProps3$.nonActionIds) === null || _props$controlProps3$2 === void 0 ? void 0 : _props$controlProps3$2.selfVideoTileId) ?? "selfVideo",
         remoteVideoTileId: (props === null || props === void 0 ? void 0 : (_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : (_props$controlProps4$ = _props$controlProps4.currentCallControlProps) === null || _props$controlProps4$ === void 0 ? void 0 : (_props$controlProps4$2 = _props$controlProps4$.nonActionIds) === null || _props$controlProps4$2 === void 0 ? void 0 : _props$controlProps4$2.remoteVideoTileId) ?? "remoteVideo"
       },
@@ -369,7 +332,6 @@ const CallingContainerStateful = props => {
     styleProps: props === null || props === void 0 ? void 0 : props.styleProps
   }));
 };
-
 exports.CallingContainerStateful = CallingContainerStateful;
 var _default = CallingContainerStateful;
 exports.default = _default;

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

@@ -4,46 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ChatButtonStateful = void 0;
-
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-
 var _Constants = require("../../common/Constants");
-
 var _utils = require("../../common/utils");
-
 var _ConversationState = require("../../contexts/common/ConversationState");
-
 var _LiveChatWidgetActionType = require("../../contexts/common/LiveChatWidgetActionType");
-
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
-
 var _TelemetryManager = require("../../common/telemetry/TelemetryManager");
-
 var _defaultOutOfOfficeChatButtonStyleProps = require("./common/styleProps/defaultOutOfOfficeChatButtonStyleProps");
-
 var _useChatContextStore = _interopRequireDefault(require("../../hooks/useChatContextStore"));
-
 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; }
-
 const ChatButtonStateful = props => {
-  var _state$domainStates$l, _state$domainStates$l2, _buttonProps$controlP;
-
+  var _state$domainStates$l, _state$domainStates$l2, _buttonProps$controlP, _props$buttonProps, _props$buttonProps$co, _props$buttonProps2, _props$buttonProps2$c, _props$buttonProps3, _props$buttonProps3$c;
   const [state, dispatch] = (0, _useChatContextStore.default)();
   const {
     buttonProps,
     outOfOfficeButtonProps,
     startChat
-  } = props; //Setting OutOfOperatingHours Flag
-
+  } = props;
+  //Setting OutOfOperatingHours Flag
   const [outOfOperatingHours, setOutOfOperatingHours] = (0, _react.useState)(((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.OutOfOperatingHours) === "True");
+  const proactiveChatInNewWindow = (0, _react.useRef)(state.appStates.proactiveChatStates.proactiveChatInNewWindow);
   const outOfOfficeStyleProps = Object.assign({}, _defaultOutOfOfficeChatButtonStyleProps.defaultOutOfOfficeChatButtonStyleProps, outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : outOfOfficeButtonProps.styleProps);
   const controlProps = {
     id: "oc-lcw-chat-button",
@@ -51,13 +36,17 @@ const ChatButtonStateful = props => {
     titleText: "Let's Chat!",
     subtitleText: "We're online.",
     hideNotificationBubble: (buttonProps === null || buttonProps === void 0 ? void 0 : (_buttonProps$controlP = buttonProps.controlProps) === null || _buttonProps$controlP === void 0 ? void 0 : _buttonProps$controlP.hideNotificationBubble) === true || state.appStates.isMinimized === false,
-    unreadMessageCount: state.appStates.unreadMessageCount ? state.appStates.unreadMessageCount > _Constants.Constants.maximumUnreadMessageCount ? _Constants.Constants.maximumUnreadMessageCount.toString() + "+" : state.appStates.unreadMessageCount.toString() : "0",
+    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",
     onClick: async () => {
       _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
         Event: _TelemetryConstants.TelemetryEvent.LCWChatButtonClicked
       });
-
-      if (state.appStates.isMinimized) {
+      if (proactiveChatInNewWindow.current) {
+        const proactiveChatIsInPopoutModeEvent = {
+          eventName: _TelemetryConstants.BroadcastEvent.ProactiveChatIsInPopoutMode
+        };
+        _omnichannelChatComponents.BroadcastService.postMessage(proactiveChatIsInPopoutModeEvent);
+      } else if (state.appStates.isMinimized) {
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
           payload: false
@@ -66,6 +55,7 @@ const ChatButtonStateful = props => {
         await startChat();
       }
     },
+    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,
     ...(buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.controlProps)
   };
   const outOfOfficeControlProps = {
@@ -74,6 +64,9 @@ const ChatButtonStateful = props => {
     titleText: "We're Offline",
     subtitleText: "No agents available",
     onClick: async () => {
+      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+        Event: _TelemetryConstants.TelemetryEvent.LCWChatButtonClicked
+      });
       if (state.appStates.isMinimized) {
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
@@ -86,18 +79,17 @@ const ChatButtonStateful = props => {
         });
       }
     },
+    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)
   };
   (0, _react.useEffect)(() => {
     if (state.appStates.outsideOperatingHours) {
       setOutOfOperatingHours(true);
     }
-
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.LCWChatButtonShow,
       ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers.LcwLoadToChatButtonTimer.milliSecondsElapsed
     });
-
     if (state.uiStates.focusChatButton) {
       (0, _utils.setFocusOnElement)(document.getElementById((controlProps === null || controlProps === void 0 ? void 0 : controlProps.id) ?? "oc-lcw-chat-button"));
     } else {
@@ -107,13 +99,15 @@ const ChatButtonStateful = props => {
       });
     }
   }, []);
+  (0, _react.useEffect)(() => {
+    proactiveChatInNewWindow.current = state.appStates.proactiveChatStates.proactiveChatInNewWindow;
+  }, [state.appStates.proactiveChatStates.proactiveChatInNewWindow]);
   return /*#__PURE__*/_react.default.createElement(_omnichannelChatComponents.ChatButton, {
     componentOverrides: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.componentOverrides,
     controlProps: outOfOperatingHours ? outOfOfficeControlProps : controlProps,
     styleProps: outOfOperatingHours ? outOfOfficeStyleProps : buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.styleProps
   });
 };
-
 exports.ChatButtonStateful = ChatButtonStateful;
 var _default = ChatButtonStateful;
 exports.default = _default;

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

@@ -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/confirmationpanestateful/ConfirmationPaneStateful.js

@@ -4,35 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ConfirmationPaneStateful = void 0;
-
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
-
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _utils = require("../../common/utils");
-
 var _DimLayer = require("../dimlayer/DimLayer");
-
 var _LiveChatWidgetActionType = require("../../contexts/common/LiveChatWidgetActionType");
-
 var _NotificationHandler = require("../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler");
-
 var _NotificationScenarios = require("../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios");
-
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
-
 var _useChatAdapterStore = _interopRequireDefault(require("../../hooks/useChatAdapterStore"));
-
 var _useChatContextStore = _interopRequireDefault(require("../../hooks/useChatContextStore"));
-
 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; }
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const ConfirmationPaneStateful = props => {
   const initialTabIndexMap = new Map();
@@ -40,9 +25,8 @@ const ConfirmationPaneStateful = props => {
   const [state, dispatch] = (0, _useChatContextStore.default)();
   const {
     prepareEndChat
-  } = props; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  } = props;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
   const [adapter] = (0, _useChatAdapterStore.default)();
   const controlProps = {
     id: "oc-lcw-confirmation-pane",
@@ -52,12 +36,10 @@ const ConfirmationPaneStateful = props => {
         Event: _TelemetryConstants.TelemetryEvent.ConfirmationConfirmButtonClicked,
         Description: "Confirmation pane Confirm button clicked"
       });
-
       dispatch({
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_SHOW_CONFIRMATION,
         payload: false
       });
-
       try {
         (0, _utils.setTabIndices)(elements, initialTabIndexMap, true);
         await prepareEndChat(adapter, state);
@@ -68,7 +50,6 @@ const ConfirmationPaneStateful = props => {
             exception: `Get Conversation Details Call Failed : ${ex}`
           }
         });
-
         _NotificationHandler.NotificationHandler.notifyError(_NotificationScenarios.NotificationScenarios.Connection, "Get Conversation Details Call Failed: " + ex);
       }
     },
@@ -77,44 +58,39 @@ const ConfirmationPaneStateful = props => {
         Event: _TelemetryConstants.TelemetryEvent.ConfirmationCancelButtonClicked,
         Description: "Confirmation pane Cancel button clicked."
       });
-
       dispatch({
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_SHOW_CONFIRMATION,
         payload: false
       });
-      const previousFocused = state.appStates.previousElementOnFocusBeforeModalOpen;
-
-      if (previousFocused) {
-        (0, _utils.setFocusOnElement)(previousFocused);
+      const previousFocusedElementId = state.appStates.previousElementIdOnFocusBeforeModalOpen;
+      if (previousFocusedElementId) {
+        (0, _utils.setFocusOnElement)("#" + previousFocusedElementId);
         dispatch({
-          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_PREVIOUS_FOCUSED_ELEMENT,
+          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_PREVIOUS_FOCUSED_ELEMENT_ID,
           payload: null
         });
       } else {
         (0, _utils.setFocusOnSendBox)();
       }
-
       (0, _utils.setTabIndices)(elements, initialTabIndexMap, true);
     },
     ...(props === null || props === void 0 ? void 0 : props.controlProps)
-  }; // Move focus to the first button
+  };
 
+  // Move focus to the first button
   (0, _react.useEffect)(() => {
     (0, _utils.preventFocusToMoveOutOfElement)(controlProps.id);
     const focusableElements = (0, _utils.findAllFocusableElement)(`#${controlProps.id}`);
-
     if (focusableElements) {
       focusableElements[0].focus();
     }
-
     elements = (0, _utils.findParentFocusableElementsWithoutChildContainer)(controlProps.id);
     (0, _utils.setTabIndices)(elements, initialTabIndexMap, false);
-
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.ConfirmationPaneLoaded
     });
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !(controlProps !== null && controlProps !== void 0 && controlProps.disableDimLayer) && /*#__PURE__*/_react.default.createElement(_DimLayer.DimLayer, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DimLayer.DimLayer, {
     brightness: (controlProps === null || controlProps === void 0 ? void 0 : controlProps.brightnessValueOnDim) ?? "0.2"
   }), /*#__PURE__*/_react.default.createElement(_omnichannelChatComponents.ConfirmationPane, {
     componentOverrides: props === null || props === void 0 ? void 0 : props.componentOverrides,
@@ -122,7 +98,6 @@ const ConfirmationPaneStateful = props => {
     styleProps: props === null || props === void 0 ? void 0 : props.styleProps
   }));
 };
-
 exports.ConfirmationPaneStateful = ConfirmationPaneStateful;
 var _default = ConfirmationPaneStateful;
 exports.default = _default;

package/lib/cjs/components/dimlayer/DimLayer.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DimLayer = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const DimLayer = _ref => {
   let {
     brightness
@@ -27,5 +24,4 @@ const DimLayer = _ref => {
     style: defaultDimLayerStyles
   });
 };
-
 exports.DimLayer = DimLayer;