@microsoft/omnichannel-chat-widget 0.1.0-main.fb426ed → 1.0.0

package/lib/cjs/common/utils.js

@@ -3,29 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setTabIndices = exports.setFocusOnSendBox = exports.setFocusOnElement = exports.preventFocusToMoveOutOfElement = exports.parseAdaptiveCardPayload = exports.newGuid = exports.isNullOrUndefined = exports.isNullOrEmptyString = exports.getTimestampHourMinute = exports.getLocaleDirection = exports.getIconText = exports.getDomain = exports.findParentFocusableElementsWithoutChildContainer = exports.findAllFocusableElement = exports.extractPreChatSurveyResponseValues = exports.escapeHtml = exports.createTimer = exports.changeLanguageCodeFormatForWebChat = void 0;
-
+exports.setTabIndices = exports.setFocusOnSendBox = exports.setFocusOnElement = exports.preventFocusToMoveOutOfElement = exports.parseAdaptiveCardPayload = exports.newGuid = exports.isUndefinedOrEmpty = exports.isNullOrUndefined = exports.isNullOrEmptyString = exports.getWidgetEndChatEventName = exports.getWidgetCacheId = exports.getTimestampHourMinute = exports.getStateFromCache = exports.getLocaleDirection = exports.getIconText = exports.getDomain = exports.getBroadcastChannelName = exports.findParentFocusableElementsWithoutChildContainer = exports.findAllFocusableElement = exports.extractPreChatSurveyResponseValues = exports.escapeHtml = exports.debounceLeading = exports.createTimer = exports.changeLanguageCodeFormatForWebChat = exports.addDelayInMs = void 0;
 var _Constants = require("./Constants");
-
+var _DataStoreManager = require("./contextDataStore/DataStoreManager");
 var _KeyCodes = require("./KeyCodes");
-
+var _TelemetryConstants = require("./telemetry/TelemetryConstants");
+var _md5Typescript = require("md5-typescript");
+var _this = void 0;
 const getElementBySelector = selector => {
   let element;
-
   if (typeof selector === "string") {
     element = document.querySelector(selector);
   } else {
     element = selector;
   }
-
   return element;
-}; // The purpose of this function is:
+};
+
+// The purpose of this function is:
 // - to make elements not focusable, when confirmation pane or email transcript pane are showing,
 // - to set their initial tab indices back after confirmation pane or email transcript pane are closed
 // Otherwise, the user will be able to click on the screen and tab through different buttons or other elements, even though
 // these dialogs are showing
-
-
 const setTabIndices = (elements, tabIndexMap, shouldBeFocusable) => {
   if (elements) {
     if (shouldBeFocusable) {
@@ -34,7 +33,6 @@ const setTabIndices = (elements, tabIndexMap, shouldBeFocusable) => {
           elements[index].tabIndex = tabIndexMap.get(elements[index].id);
         }
       }
-
       tabIndexMap.clear();
     } else {
       for (let index = 0; index < elements.length; index++) {
@@ -44,75 +42,54 @@ const setTabIndices = (elements, tabIndexMap, shouldBeFocusable) => {
     }
   }
 };
-
 exports.setTabIndices = setTabIndices;
-
 const findParentFocusableElementsWithoutChildContainer = elementId => {
   const childContainer = document.getElementById(elementId);
-
   if (!childContainer) {
     return null;
   }
-
   const parentContainer = childContainer.parentElement;
-
   if (!parentContainer) {
     return null;
   }
-
   const parentFocusableElements = findAllFocusableElement(parentContainer);
-
   if (!parentFocusableElements) {
     return null;
   }
-
   for (let index = 0; index < parentFocusableElements.length; index++) {
     if (childContainer.contains(parentFocusableElements[index])) {
       parentFocusableElements.splice(index, 1);
       index--;
     }
   }
-
   return parentFocusableElements;
 };
-
 exports.findParentFocusableElementsWithoutChildContainer = findParentFocusableElementsWithoutChildContainer;
-
 const findAllFocusableElement = parent => {
   const container = getElementBySelector(parent);
-
   if (container !== null) {
     return Array.prototype.slice.call(container.querySelectorAll("a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex=\"0\"]"));
   }
-
   return null;
 };
-
 exports.findAllFocusableElement = findAllFocusableElement;
-
 const preventFocusToMoveOutOfElement = elementId => {
   const container = document.getElementById(elementId);
-
   if (!container) {
     return;
   }
-
   const focusableElements = findAllFocusableElement(container);
-
   if (!focusableElements) {
     return;
   }
-
   const firstFocusableElement = focusableElements[0];
   const lastFocusableElement = focusableElements[focusableElements.length - 1];
-
   firstFocusableElement.onkeydown = e => {
     if (e.shiftKey && e.key === _KeyCodes.KeyCodes.TAB) {
       e.preventDefault();
       lastFocusableElement === null || lastFocusableElement === void 0 ? void 0 : lastFocusableElement.focus();
     }
   };
-
   lastFocusableElement.onkeydown = e => {
     if (!e.shiftKey && e.key === _KeyCodes.KeyCodes.TAB) {
       e.preventDefault();
@@ -120,23 +97,17 @@ const preventFocusToMoveOutOfElement = elementId => {
     }
   };
 };
-
 exports.preventFocusToMoveOutOfElement = preventFocusToMoveOutOfElement;
-
 const setFocusOnSendBox = () => {
   const sendBoxSelector = "textarea[data-id=\"webchat-sendbox-input\"]";
   setFocusOnElement(sendBoxSelector);
 };
-
 exports.setFocusOnSendBox = setFocusOnSendBox;
-
 const setFocusOnElement = selector => {
   const element = getElementBySelector(selector);
   element === null || element === void 0 ? void 0 : element.focus();
 };
-
 exports.setFocusOnElement = setFocusOnElement;
-
 const escapeHtml = inputString => {
   const entityMap = {
     "<": "&lt;",
@@ -149,37 +120,27 @@ const escapeHtml = inputString => {
     return entityMap[s];
   });
 };
-
 exports.escapeHtml = escapeHtml;
-
 const getIconText = text => {
   if (text) {
     const initials = text.split(/\s/).reduce((response, word) => response += word.slice(0, 1), "");
-
     if (initials.length > 1) {
       return initials.substring(0, 2).toUpperCase();
     } else {
       return text.substring(0, 2).toUpperCase();
     }
   }
-
   return "";
 };
-
 exports.getIconText = getIconText;
-
 const getLocaleDirection = localeLCID => {
   return _Constants.LocaleConstants.RTL_LOCALES.indexOf(localeLCID) === -1 ? "ltr" : "rtl";
 };
-
 exports.getLocaleDirection = getLocaleDirection;
-
 const changeLanguageCodeFormatForWebChat = languageCode => {
   return languageCode.slice(0, -2) + languageCode.slice(-2).toUpperCase();
 };
-
 exports.changeLanguageCodeFormatForWebChat = changeLanguageCodeFormatForWebChat;
-
 const getTimestampHourMinute = timestampStr => {
   let yearFormat;
   let monthDayFormat;
@@ -187,20 +148,16 @@ const getTimestampHourMinute = timestampStr => {
   const minuteFormat = "2-digit";
   const date = new Date(timestampStr);
   const now = new Date();
-
   if (isNaN(date.getTime())) {
     return "";
   }
-
   if (date.getFullYear() !== now.getFullYear()) {
     yearFormat = "numeric";
     monthDayFormat = "2-digit";
   }
-
   if (date.getMonth() !== now.getMonth() || date.getDate() !== now.getDate()) {
     monthDayFormat = "2-digit";
   }
-
   return date.toLocaleTimeString(navigator.language, {
     year: yearFormat,
     month: monthDayFormat,
@@ -209,15 +166,12 @@ const getTimestampHourMinute = timestampStr => {
     minute: minuteFormat
   });
 };
-
 exports.getTimestampHourMinute = getTimestampHourMinute;
-
 const parseAdaptiveCardPayload = (payload, requiredFieldMissingMessage) => {
   if (payload && payload !== "{}") {
     try {
       const parsedPayload = JSON.parse(payload.replace(/&#42;/g, "*"));
       const body = parsedPayload.body;
-
       if (body) {
         //Parse ID field into available options and add required error messages
         for (const fields of body) {
@@ -225,26 +179,22 @@ const parseAdaptiveCardPayload = (payload, requiredFieldMissingMessage) => {
             const parsedId = JSON.parse(fields.id);
             fields.id = parsedId.Id;
             fields.isRequired = parsedId.IsRequired ?? false;
-
             if (fields.isRequired) {
               fields.errorMessage = requiredFieldMissingMessage.replace("{0}", parsedId.Name ?? "");
             }
           }
         }
       }
-
       return JSON.stringify(parsedPayload);
     } catch (ex) {
       throw new Error(`Adaptive card pase error: ${ex}`);
     }
   }
-
   return payload;
-}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+};
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 exports.parseAdaptiveCardPayload = parseAdaptiveCardPayload;
-
 const extractPreChatSurveyResponseValues = (preChatSurvey, values) => {
   if (preChatSurvey && preChatSurvey !== "{}" && values) {
     try {
@@ -254,14 +204,13 @@ const extractPreChatSurveyResponseValues = (preChatSurvey, values) => {
         "Type": _Constants.Constants.InputSubmit
       };
       const computedValues = [];
-
       for (const val of values) {
         const index = val.index;
         const Id = body[index].id;
         computedValues[Id] = val.value;
       }
-
-      const finalPayload = { ...type,
+      const finalPayload = {
+        ...type,
         ...computedValues
       };
       return finalPayload;
@@ -269,49 +218,38 @@ const extractPreChatSurveyResponseValues = (preChatSurvey, values) => {
       throw new Error(`PreChatSurvey Response parse error: ${ex}`);
     }
   }
-
   return {};
-}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+};
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 exports.extractPreChatSurveyResponseValues = extractPreChatSurveyResponseValues;
-
 const isNullOrUndefined = obj => {
   return obj === null || obj === undefined;
 };
-
 exports.isNullOrUndefined = isNullOrUndefined;
-
 const isNullOrEmptyString = s => {
   return isNullOrUndefined(s) || s === "";
 };
-
 exports.isNullOrEmptyString = isNullOrEmptyString;
-
 const newGuid = () => {
   //RFC 4122 canonical representation Version-4 xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx where x is any hexadecimal digit and y is one of 8, 9, A, or B
   const guidPattern = _Constants.Constants.GuidPattern;
   let newGuid = "";
-
   for (let i = 0; i < guidPattern.length; i++) {
     const randomString = Math.floor(Math.random() * Date.now());
-
     switch (guidPattern[i]) {
       case "x":
         newGuid += randomString.toString(16).substring(0, 4);
         break;
       //get 4 digit
-
       case "m":
         newGuid += randomString.toString(16).substring(0, 3);
         break;
       //Get 3 digit
-
       case "y":
         newGuid += (randomString & 0x3 | 0x8).toString(16);
         break;
       // To get only one of 8, 9, A, or B
-
       default:
         newGuid += guidPattern[i];
       //Default "-" and "4"
@@ -320,9 +258,7 @@ const newGuid = () => {
 
   return newGuid;
 };
-
 exports.newGuid = newGuid;
-
 const createTimer = () => {
   const timeStart = new Date().getTime();
   return {
@@ -330,22 +266,93 @@ const createTimer = () => {
       const ms = new Date().getTime() - timeStart;
       return ms;
     }
-
   };
-}; // Returns the domain of the org
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+};
 
+// Returns the domain of the org
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 exports.createTimer = createTimer;
-
 const getDomain = hostValue => {
   for (let i = 0; i < _Constants.AriaTelemetryConstants.lcwEUDomainNames.length; i++) {
     if (hostValue.endsWith(_Constants.AriaTelemetryConstants.lcwEUDomainNames[i])) {
       return _Constants.AriaTelemetryConstants.EU;
     }
   }
-
   return _Constants.AriaTelemetryConstants.Public;
 };
+exports.getDomain = getDomain;
+const getWidgetCacheId = (orgId, widgetId, widgetInstanceId) => {
+  const widgetCacheId = `${widgetInstanceId}_${orgId}_${widgetId}`;
+  return _md5Typescript.Md5.init(widgetCacheId);
+};
+exports.getWidgetCacheId = getWidgetCacheId;
+const getWidgetEndChatEventName = (orgId, widgetId, widgetInstanceId) => {
+  if (!isNullOrEmptyString(widgetInstanceId)) {
+    return `${_TelemetryConstants.BroadcastEvent.ChatEnded}_${widgetInstanceId}_${orgId}_${widgetId}`;
+  }
+  return `${_TelemetryConstants.BroadcastEvent.ChatEnded}_${orgId}_${widgetId}`;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+exports.getWidgetEndChatEventName = getWidgetEndChatEventName;
+const getStateFromCache = (orgId, widgetId, widgetInstanceId) => {
+  // Getting updated state from cache
+  try {
+    if (_DataStoreManager.DataStoreManager.clientDataStore) {
+      var _DataStoreManager$cli;
+      const widgetStateEventName = getWidgetCacheId(orgId, widgetId, widgetInstanceId);
+      const widgetStateFromCache = (_DataStoreManager$cli = _DataStoreManager.DataStoreManager.clientDataStore) === null || _DataStoreManager$cli === void 0 ? void 0 : _DataStoreManager$cli.getData(widgetStateEventName, "localStorage");
+      const persistedState = widgetStateFromCache ? JSON.parse(widgetStateFromCache) : undefined;
+      return persistedState;
+    } else {
+      return null;
+    }
+  } catch (error) {
+    console.log(error);
+    return null;
+  }
+};
 
-exports.getDomain = getDomain;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+exports.getStateFromCache = getStateFromCache;
+const isUndefinedOrEmpty = object => {
+  if (object) {
+    if (Object.keys(object).length === 0) {
+      return true;
+    }
+    return false;
+  } else {
+    return true;
+  }
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+exports.isUndefinedOrEmpty = isUndefinedOrEmpty;
+const addDelayInMs = ms => {
+  return new Promise(resolve => setTimeout(resolve, ms));
+};
+exports.addDelayInMs = addDelayInMs;
+const getBroadcastChannelName = (widgetId, widgetInstanceId) => {
+  return widgetInstanceId && !isNullOrEmptyString(widgetInstanceId) ? `${widgetInstanceId}_${widgetId}` : widgetId;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+exports.getBroadcastChannelName = getBroadcastChannelName;
+const debounceLeading = function (fn) {
+  let ms = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3000;
+  let timeoutId;
+  return function () {
+    // eslint-disable-line @typescript-eslint/no-explicit-any
+
+    if (!timeoutId) {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      fn.apply(_this, args);
+    }
+    timeoutId = setTimeout(() => {
+      timeoutId = null;
+    }, ms);
+  };
+};
+exports.debounceLeading = debounceLeading;

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;