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

package/lib/esm/common/telemetry/TelemetryManager.js

@@ -1,5 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { LogLevel, ScenarioType, TelemetryConstants, TelemetryEvent } from "./TelemetryConstants";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { ariaTelemetryLogger } from "./loggers/ariaTelemetryLogger";
@@ -7,17 +8,11 @@ import { consoleLogger } from "./loggers/consoleLogger";
 import { defaultAriaConfig } from "./defaultConfigs/defaultAriaConfig";
 import { TelemetryHelper } from "./TelemetryHelper";
 export class TelemetryTimers {}
-
 _defineProperty(TelemetryTimers, "LcwLoadToChatButtonTimer", void 0);
-
 _defineProperty(TelemetryTimers, "ProactiveChatScreenTimer", void 0);
-
 _defineProperty(TelemetryTimers, "WidgetLoadTimer", void 0);
-
 export class TelemetryManager {}
-
 _defineProperty(TelemetryManager, "InternalTelemetryData", void 0);
-
 const loggers = [];
 export const disposeLoggers = () => {
   loggers.map(logger => {
@@ -27,7 +22,6 @@ export const disposeLoggers = () => {
 export const RegisterLoggers = () => {
   const registerLoggers = () => {
     var _TelemetryManager$Int, _TelemetryManager$Int2, _TelemetryManager$Int3, _TelemetryManager$Int4, _TelemetryManager$Int5, _TelemetryManager$Int6, _TelemetryManager$Int7, _TelemetryManager$Int8;
-
     if (((_TelemetryManager$Int = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int === void 0 ? void 0 : (_TelemetryManager$Int2 = _TelemetryManager$Int.telemetryConfig) === null || _TelemetryManager$Int2 === void 0 ? void 0 : _TelemetryManager$Int2.disableConsoleLog) === false || ((_TelemetryManager$Int3 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int3 === void 0 ? void 0 : (_TelemetryManager$Int4 = _TelemetryManager$Int3.telemetryConfig) === null || _TelemetryManager$Int4 === void 0 ? void 0 : _TelemetryManager$Int4.telemetryDisabled) === false) {
       BroadcastService.getAnyMessage().subscribe(event => {
         if (event.payload && event.eventName in TelemetryEvent) {
@@ -35,22 +29,16 @@ export const RegisterLoggers = () => {
         }
       });
     }
-
     if (((_TelemetryManager$Int5 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int5 === void 0 ? void 0 : (_TelemetryManager$Int6 = _TelemetryManager$Int5.telemetryConfig) === null || _TelemetryManager$Int6 === void 0 ? void 0 : _TelemetryManager$Int6.disableConsoleLog) === false) {
       loggers.push(consoleLogger());
     }
-
     if (((_TelemetryManager$Int7 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int7 === void 0 ? void 0 : (_TelemetryManager$Int8 = _TelemetryManager$Int7.telemetryConfig) === null || _TelemetryManager$Int8 === void 0 ? void 0 : _TelemetryManager$Int8.telemetryDisabled) === false) {
       var _TelemetryManager$Int9, _TelemetryManager$Int18, _TelemetryManager$Int19;
-
       if ((_TelemetryManager$Int9 = TelemetryManager.InternalTelemetryData) !== null && _TelemetryManager$Int9 !== void 0 && _TelemetryManager$Int9.ariaConfig) {
         var _TelemetryManager$Int10, _TelemetryManager$Int11, _TelemetryManager$Int12, _TelemetryManager$Int13, _TelemetryManager$Int14, _TelemetryManager$Int15, _TelemetryManager$Int16, _TelemetryManager$Int17;
-
         loggers.push(ariaTelemetryLogger(((_TelemetryManager$Int10 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int10 === void 0 ? void 0 : (_TelemetryManager$Int11 = _TelemetryManager$Int10.ariaConfig) === null || _TelemetryManager$Int11 === void 0 ? void 0 : _TelemetryManager$Int11.ariaTelemetryKey) ?? defaultAriaConfig.ariaTelemetryKey, ((_TelemetryManager$Int12 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int12 === void 0 ? void 0 : (_TelemetryManager$Int13 = _TelemetryManager$Int12.ariaConfig) === null || _TelemetryManager$Int13 === void 0 ? void 0 : _TelemetryManager$Int13.disableCookieUsage) ?? defaultAriaConfig.disableCookieUsage, ((_TelemetryManager$Int14 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int14 === void 0 ? void 0 : (_TelemetryManager$Int15 = _TelemetryManager$Int14.ariaConfig) === null || _TelemetryManager$Int15 === void 0 ? void 0 : _TelemetryManager$Int15.collectorUriForTelemetry) ?? defaultAriaConfig.collectorUriForTelemetry, ((_TelemetryManager$Int16 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int16 === void 0 ? void 0 : (_TelemetryManager$Int17 = _TelemetryManager$Int16.ariaConfig) === null || _TelemetryManager$Int17 === void 0 ? void 0 : _TelemetryManager$Int17.ariaTelemetryApplicationName) ?? defaultAriaConfig.ariaTelemetryApplicationName));
       }
-
       const customLoggers = (_TelemetryManager$Int18 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int18 === void 0 ? void 0 : (_TelemetryManager$Int19 = _TelemetryManager$Int18.telemetryConfig) === null || _TelemetryManager$Int19 === void 0 ? void 0 : _TelemetryManager$Int19.telemetryLoggers;
-
       if (customLoggers) {
         customLoggers.map(logger => {
           loggers.push(logger);
@@ -58,7 +46,6 @@ export const RegisterLoggers = () => {
       }
     }
   };
-
   const parseInput = function (payload) {
     let scenarioType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ScenarioType.UNDEFINED;
     return {
@@ -66,11 +53,9 @@ export const RegisterLoggers = () => {
       payload: payload
     };
   };
-
   const logTelemetry = telemetryEvent => {
     loggers.map(logger => {
       var _payload;
-
       const logLevel = telemetryEvent.logLevel ?? LogLevel.INFO;
       const scenarioType = ((_payload = telemetryEvent.payload) === null || _payload === void 0 ? void 0 : _payload.scenarioType) ?? ScenarioType.UNDEFINED;
       const telemetryInput = parseInput(telemetryEvent === null || telemetryEvent === void 0 ? void 0 : telemetryEvent.payload, scenarioType);
@@ -80,6 +65,5 @@ export const RegisterLoggers = () => {
       logger.log(logLevel, telemetryInput);
     });
   };
-
   return registerLoggers();
 };

package/lib/esm/common/telemetry/loggers/ariaTelemetryLogger.js

@@ -1,40 +1,32 @@
 import { getDomain, isNullOrEmptyString, isNullOrUndefined } from "../../utils";
-import AWTEventProperties from "@microsoft/omnichannel-chat-sdk/lib/external/aria/webjs/AWTEventProperties";
-import AWTLogManager from "@microsoft/omnichannel-chat-sdk/lib/external/aria/webjs/AWTLogManager";
-import { AWTPiiKind } from "@microsoft/omnichannel-chat-sdk/lib/external/aria/common/Enums";
+import { AWTLogManager } from "@microsoft/omnichannel-chat-sdk/lib/external/aria/webjs/AriaSDK";
+import { AWTCustomerContentKind, AWTPiiKind, AWTPropertyType } from "@microsoft/omnichannel-chat-sdk/lib/external/aria/common/Enums";
 import { Constants, AriaTelemetryConstants, EnvironmentVersion } from "../../Constants";
 import { TelemetryManager } from "../TelemetryManager";
 export const ariaTelemetryLogger = (ariaTelemetryKey, disabledCookieUsage, collectiorUriForTelemetry, ariaTelemetryApplicationName) => {
   let _logger;
-
   const logger = () => {
     if (isNullOrUndefined(_logger) && !isNullOrEmptyString(ariaTelemetryKey)) {
       const configuration = {
         disableCookiesUsage: disabledCookieUsage
       };
-
       if (!isNullOrEmptyString(collectiorUriForTelemetry)) {
         configuration.collectorUri = collectiorUriForTelemetry;
       } else {
         if (TelemetryManager.InternalTelemetryData.environmentVersion == EnvironmentVersion.prod) {
           var _TelemetryManager$Int;
-
           const orgUrl = (_TelemetryManager$Int = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int === void 0 ? void 0 : _TelemetryManager$Int.orgUrl;
-
           if (!isNullOrUndefined(orgUrl)) {
             // If the given org is a Production EU org, modify the Aria collector uri
             const region = getDomain(orgUrl);
-
             if (region === AriaTelemetryConstants.EU) {
               configuration.collectorUri = AriaTelemetryConstants.EUROPE_ENDPOINT;
             }
           }
         }
       }
-
       try {
         _logger = AWTLogManager.initialize(ariaTelemetryKey, configuration);
-
         if (_logger === undefined) {
           _logger = AWTLogManager.getLogger(ariaTelemetryKey);
         }
@@ -42,27 +34,39 @@ export const ariaTelemetryLogger = (ariaTelemetryKey, disabledCookieUsage, colle
         console.log(error);
       }
     }
-
     return _logger;
   };
-
   const ariaLogger = {
     log: (logLevel, telemetryInput) => {
       try {
-        let property;
-        const telemetryInfo = telemetryInput === null || telemetryInput === void 0 ? void 0 : telemetryInput.telemetryInfo;
-        const eventProperties = new AWTEventProperties();
-        eventProperties.setName(telemetryInput.scenarioType);
-
+        var _telemetryInput$telem;
+        const telemetryInfo = telemetryInput === null || telemetryInput === void 0 ? void 0 : (_telemetryInput$telem = telemetryInput.telemetryInfo) === null || _telemetryInput$telem === void 0 ? void 0 : _telemetryInput$telem.telemetryInfo;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const eventProperties = {
+          name: telemetryInput.scenarioType,
+          properties: {}
+        };
         if (telemetryInfo) {
-          for (const key of Object.keys(telemetryInfo)) {
-            property = typeof telemetryInfo[key] === "object" ? JSON.stringify(telemetryInfo[key]) : telemetryInfo[key];
-            eventProperties.setProperty(key, property);
-          }
-
-          eventProperties.setPropertyWithPii(ariaTelemetryApplicationName, Constants.LiveChatWidget, AWTPiiKind.GenericData);
+          // eslint-disable-next-line @typescript-eslint/no-unused-vars
+          Object.keys(telemetryInfo).forEach((key, index) => {
+            if (!isNullOrUndefined(telemetryInfo[key]) && !isNullOrEmptyString(telemetryInfo[key])) {
+              const property = {
+                value: typeof telemetryInfo[key] === "object" ? JSON.stringify(telemetryInfo[key]) : telemetryInfo[key],
+                type: typeof telemetryInfo[key] === "number" ? AWTPropertyType.Double : AWTPropertyType.String,
+                pii: AWTPiiKind.NotSet,
+                cc: AWTCustomerContentKind.NotSet
+              };
+              eventProperties.properties[key] = property;
+            }
+          });
+          const nameProperty = {
+            value: Constants.LiveChatWidget,
+            type: AWTPropertyType.String,
+            pii: AWTPiiKind.GenericData,
+            cc: AWTCustomerContentKind.NotSet
+          };
+          eventProperties.properties[ariaTelemetryApplicationName] = nameProperty;
         }
-
         logger() ? logger().logEvent(eventProperties) : console.log("Unable to initialize aria logger");
       } catch (error) {
         console.error("Error in logging telemetry to Aria logger:" + error);

package/lib/esm/common/telemetry/loggers/consoleLogger.js

@@ -5,25 +5,20 @@ export const consoleLogger = () => {
     log: (logLevel, telemetryInput) => {
       const payload = telemetryInput !== null && telemetryInput !== void 0 && telemetryInput.payload && Object.keys(telemetryInput === null || telemetryInput === void 0 ? void 0 : telemetryInput.payload).length > 0 ? telemetryInput === null || telemetryInput === void 0 ? void 0 : telemetryInput.payload : "";
       const telemetryInfo = telemetryInput !== null && telemetryInput !== void 0 && telemetryInput.telemetryInfo && Object.keys(telemetryInput === null || telemetryInput === void 0 ? void 0 : telemetryInput.telemetryInfo).length > 0 ? telemetryInput === null || telemetryInput === void 0 ? void 0 : telemetryInput.telemetryInfo : "";
-
       try {
         switch (logLevel) {
           case LogLevel.INFO:
             console.info(Constants.LiveChatWidget, payload, telemetryInfo);
             break;
-
           case LogLevel.DEBUG:
             console.debug(Constants.LiveChatWidget, payload, telemetryInfo);
             break;
-
           case LogLevel.WARN:
             console.warn(Constants.LiveChatWidget, payload, telemetryInfo);
             break;
-
           case LogLevel.ERROR:
             console.error(Constants.LiveChatWidget, payload, telemetryInfo);
             break;
-
           default:
             console.debug(Constants.LiveChatWidget, payload, telemetryInfo);
             break;

package/lib/esm/common/utils.js

@@ -1,23 +1,24 @@
+var _this = this;
 import { AriaTelemetryConstants, Constants, LocaleConstants } from "./Constants";
+import { DataStoreManager } from "./contextDataStore/DataStoreManager";
 import { KeyCodes } from "./KeyCodes";
-
+import { BroadcastEvent } from "./telemetry/TelemetryConstants";
+import { Md5 } from "md5-typescript";
 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
-
-
 export const setTabIndices = (elements, tabIndexMap, shouldBeFocusable) => {
   if (elements) {
     if (shouldBeFocusable) {
@@ -26,7 +27,6 @@ export const setTabIndices = (elements, tabIndexMap, shouldBeFocusable) => {
           elements[index].tabIndex = tabIndexMap.get(elements[index].id);
         }
       }
-
       tabIndexMap.clear();
     } else {
       for (let index = 0; index < elements.length; index++) {
@@ -38,64 +38,49 @@ export const setTabIndices = (elements, tabIndexMap, shouldBeFocusable) => {
 };
 export 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;
 };
 export 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;
 };
 export 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.TAB) {
       e.preventDefault();
       lastFocusableElement === null || lastFocusableElement === void 0 ? void 0 : lastFocusableElement.focus();
     }
   };
-
   lastFocusableElement.onkeydown = e => {
     if (!e.shiftKey && e.key === KeyCodes.TAB) {
       e.preventDefault();
@@ -126,14 +111,12 @@ export const escapeHtml = inputString => {
 export 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 "";
 };
 export const getLocaleDirection = localeLCID => {
@@ -149,20 +132,16 @@ export 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,
@@ -176,7 +155,6 @@ export const parseAdaptiveCardPayload = (payload, requiredFieldMissingMessage) =
     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) {
@@ -184,23 +162,21 @@ export 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
 export const extractPreChatSurveyResponseValues = (preChatSurvey, values) => {
   if (preChatSurvey && preChatSurvey !== "{}" && values) {
     try {
@@ -210,14 +186,13 @@ export const extractPreChatSurveyResponseValues = (preChatSurvey, values) => {
         "Type": 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;
@@ -225,10 +200,10 @@ export 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
 export const isNullOrUndefined = obj => {
   return obj === null || obj === undefined;
 };
@@ -239,26 +214,21 @@ export 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.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"
@@ -274,17 +244,84 @@ export 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
 export const getDomain = hostValue => {
   for (let i = 0; i < AriaTelemetryConstants.lcwEUDomainNames.length; i++) {
     if (hostValue.endsWith(AriaTelemetryConstants.lcwEUDomainNames[i])) {
       return AriaTelemetryConstants.EU;
     }
   }
-
   return AriaTelemetryConstants.Public;
+};
+export const getWidgetCacheId = (orgId, widgetId, widgetInstanceId) => {
+  const widgetCacheId = `${widgetInstanceId}_${orgId}_${widgetId}`;
+  return Md5.init(widgetCacheId);
+};
+export const getWidgetEndChatEventName = (orgId, widgetId, widgetInstanceId) => {
+  if (!isNullOrEmptyString(widgetInstanceId)) {
+    return `${BroadcastEvent.ChatEnded}_${widgetInstanceId}_${orgId}_${widgetId}`;
+  }
+  return `${BroadcastEvent.ChatEnded}_${orgId}_${widgetId}`;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const getStateFromCache = (orgId, widgetId, widgetInstanceId) => {
+  // Getting updated state from cache
+  try {
+    if (DataStoreManager.clientDataStore) {
+      var _DataStoreManager$cli;
+      const widgetStateEventName = getWidgetCacheId(orgId, widgetId, widgetInstanceId);
+      const widgetStateFromCache = (_DataStoreManager$cli = 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;
+  }
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export 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
+export const addDelayInMs = ms => {
+  return new Promise(resolve => setTimeout(resolve, ms));
+};
+export const getBroadcastChannelName = (widgetId, widgetInstanceId) => {
+  return widgetInstanceId && !isNullOrEmptyString(widgetInstanceId) ? `${widgetInstanceId}_${widgetId}` : widgetId;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export 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);
+  };
 };

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

@@ -7,17 +7,17 @@ import useChatContextStore from "../../hooks/useChatContextStore";
 import useChatSDKStore from "../../hooks/useChatSDKStore";
 export 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] = useChatContextStore(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-  const chatSDK = useChatSDKStore(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const [state, dispatch] = useChatContextStore();
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const chatSDK = useChatSDKStore();
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const {
     voiceVideoCallingSdk
   } = props;
   let callId;
-
   const resetCallingStates = reset => {
     if (reset) {
       dispatch({
@@ -42,12 +42,10 @@ export const CallingContainerStateful = props => {
       });
     }
   };
-
   useEffect(() => {
     const init = async () => {
       try {
         var _controlProps$current, _controlProps$current2, _controlProps$current3, _controlProps$current4;
-
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         TelemetryHelper.callId = callId;
         await voiceVideoCallingSdk.initialize({
@@ -60,16 +58,15 @@ export const CallingContainerStateful = props => {
         });
       } catch (e) {
         TelemetryHelper.logCallingEvent(LogLevel.ERROR, {
-          Event: TelemetryEvent.VoiceVideoInitializeException,
+          Event: TelemetryEvent.VoiceVideoSdkInitializeException,
           Description: `Failed to initialize VideoVoiceCalling Sdk:  ${e}`
         });
       }
     };
-
     init().then(() => {
       if (voiceVideoCallingSdk) {
         TelemetryHelper.logCallingEvent(LogLevel.INFO, {
-          Event: TelemetryEvent.VoiceVideoInitialize,
+          Event: TelemetryEvent.VoiceVideoSdkInitialize,
           Description: "Initialize VideoVoiceCalling Sdk Success"
         }, callId);
         voiceVideoCallingSdk.onCallAdded(() => {
@@ -131,14 +128,12 @@ export const CallingContainerStateful = props => {
           }, callId);
           const isRemoteVideoDisabled = !voiceVideoCallingSdk.isRemoteVideoEnabled();
           const isLocalVideoDisabled = !voiceVideoCallingSdk.isLocalVideoEnabled();
-
           if (isRemoteVideoDisabled && isLocalVideoDisabled) {
             dispatch({
               type: LiveChatWidgetActionType.DISABLE_VIDEO_CALL,
               payload: true
             });
           }
-
           dispatch({
             type: LiveChatWidgetActionType.DISABLE_REMOTE_VIDEO,
             payload: isRemoteVideoDisabled
@@ -150,14 +145,12 @@ export const CallingContainerStateful = props => {
           }, callId);
           const isLocalVideoDisabled = !voiceVideoCallingSdk.isLocalVideoEnabled();
           const isRemoteVideoDisabled = !voiceVideoCallingSdk.isRemoteVideoEnabled();
-
           if (isRemoteVideoDisabled && isLocalVideoDisabled) {
             dispatch({
               type: LiveChatWidgetActionType.DISABLE_VIDEO_CALL,
               payload: true
             });
           }
-
           dispatch({
             type: LiveChatWidgetActionType.DISABLE_LOCAL_VIDEO,
             payload: isLocalVideoDisabled
@@ -183,7 +176,6 @@ export 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.SET_E2VV_ENABLED,
@@ -231,7 +223,6 @@ export const CallingContainerStateful = props => {
             }
           }, callId);
         }
-
         dispatch({
           type: LiveChatWidgetActionType.SET_INCOMING_CALL,
           payload: false
@@ -257,7 +248,6 @@ export const CallingContainerStateful = props => {
             }
           }, callId);
         }
-
         dispatch({
           type: LiveChatWidgetActionType.SET_INCOMING_CALL,
           payload: false
@@ -317,7 +307,8 @@ export 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"
       },