@microsoft/omnichannel-chat-widget 1.7.8-main.f60b0b7 → 1.7.8

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

@@ -1,3 +1,6 @@
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 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); }
@@ -7,11 +10,16 @@ import { ariaTelemetryLogger } from "./loggers/ariaTelemetryLogger";
 import { consoleLogger } from "./loggers/consoleLogger";
 import { defaultAriaConfig } from "./defaultConfigs/defaultAriaConfig";
 import { TelemetryHelper } from "./TelemetryHelper";
-export class TelemetryTimers {}
+import { appInsightsLogger } from "./loggers/appInsightsLogger";
+export let TelemetryTimers = /*#__PURE__*/_createClass(function TelemetryTimers() {
+  _classCallCheck(this, TelemetryTimers);
+});
 _defineProperty(TelemetryTimers, "LcwLoadToChatButtonTimer", void 0);
 _defineProperty(TelemetryTimers, "ProactiveChatScreenTimer", void 0);
 _defineProperty(TelemetryTimers, "WidgetLoadTimer", void 0);
-export class TelemetryManager {}
+export let TelemetryManager = /*#__PURE__*/_createClass(function TelemetryManager() {
+  _classCallCheck(this, TelemetryManager);
+});
 _defineProperty(TelemetryManager, "InternalTelemetryData", void 0);
 const loggers = [];
 export const disposeLoggers = () => {
@@ -21,29 +29,36 @@ 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) {
+    var _TelemetryManager$Int, _TelemetryManager$Int2, _TelemetryManager$Int3, _TelemetryManager$Int4, _TelemetryManager$Int5, _TelemetryManager$Int6, _TelemetryManager$Int7, _TelemetryManager$Int8, _TelemetryManager$Int9, _TelemetryManager$Int10;
+    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 || ((_TelemetryManager$Int5 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int5 === void 0 ? void 0 : (_TelemetryManager$Int6 = _TelemetryManager$Int5.appInsightsConfig) === null || _TelemetryManager$Int6 === void 0 ? void 0 : _TelemetryManager$Int6.appInsightsDisabled) === false) {
       BroadcastService.getAnyMessage().subscribe(event => {
         if (event.payload && event.eventName in TelemetryEvent) {
           logTelemetry(event);
         }
       });
     }
-    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) {
+    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.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));
+    if (((_TelemetryManager$Int9 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int9 === void 0 ? void 0 : (_TelemetryManager$Int10 = _TelemetryManager$Int9.telemetryConfig) === null || _TelemetryManager$Int10 === void 0 ? void 0 : _TelemetryManager$Int10.telemetryDisabled) === false) {
+      var _TelemetryManager$Int11, _TelemetryManager$Int20, _TelemetryManager$Int21, _TelemetryManager$Int22, _TelemetryManager$Int23;
+      if ((_TelemetryManager$Int11 = TelemetryManager.InternalTelemetryData) !== null && _TelemetryManager$Int11 !== void 0 && _TelemetryManager$Int11.ariaConfig) {
+        var _TelemetryManager$Int12, _TelemetryManager$Int13, _TelemetryManager$Int14, _TelemetryManager$Int15, _TelemetryManager$Int16, _TelemetryManager$Int17, _TelemetryManager$Int18, _TelemetryManager$Int19;
+        loggers.push(ariaTelemetryLogger(((_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.ariaTelemetryKey) ?? defaultAriaConfig.ariaTelemetryKey, ((_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.disableCookieUsage) ?? defaultAriaConfig.disableCookieUsage, ((_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.collectorUriForTelemetry) ?? defaultAriaConfig.collectorUriForTelemetry, ((_TelemetryManager$Int18 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int18 === void 0 ? void 0 : (_TelemetryManager$Int19 = _TelemetryManager$Int18.ariaConfig) === null || _TelemetryManager$Int19 === void 0 ? void 0 : _TelemetryManager$Int19.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;
+      const customLoggers = (_TelemetryManager$Int20 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int20 === void 0 ? void 0 : (_TelemetryManager$Int21 = _TelemetryManager$Int20.telemetryConfig) === null || _TelemetryManager$Int21 === void 0 ? void 0 : _TelemetryManager$Int21.telemetryLoggers;
       if (customLoggers) {
         customLoggers.map(logger => {
           loggers.push(logger);
         });
       }
+      if (((_TelemetryManager$Int22 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int22 === void 0 ? void 0 : (_TelemetryManager$Int23 = _TelemetryManager$Int22.appInsightsConfig) === null || _TelemetryManager$Int23 === void 0 ? void 0 : _TelemetryManager$Int23.appInsightsDisabled) === false) {
+        var _TelemetryManager$Int24;
+        if ((_TelemetryManager$Int24 = TelemetryManager.InternalTelemetryData) !== null && _TelemetryManager$Int24 !== void 0 && _TelemetryManager$Int24.appInsightsConfig.appInsightsKey) {
+          var _TelemetryManager$Int25, _TelemetryManager$Int26, _TelemetryManager$Int27;
+          loggers.push(appInsightsLogger((_TelemetryManager$Int25 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int25 === void 0 ? void 0 : _TelemetryManager$Int25.appInsightsConfig.appInsightsKey, ((_TelemetryManager$Int26 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int26 === void 0 ? void 0 : (_TelemetryManager$Int27 = _TelemetryManager$Int26.ariaConfig) === null || _TelemetryManager$Int27 === void 0 ? void 0 : _TelemetryManager$Int27.disableCookieUsage) ?? defaultAriaConfig.disableCookieUsage));
+        }
+      }
     }
   };
   const parseInput = function (payload) {
@@ -64,7 +79,12 @@ export const RegisterLoggers = () => {
       };
       //Do not log events without an Event Name
       if (telemetryInput !== null && telemetryInput !== void 0 && (_telemetryInput$paylo = telemetryInput.payload) !== null && _telemetryInput$paylo !== void 0 && _telemetryInput$paylo.Event) {
-        logger.log(logLevel, telemetryInput);
+        var _telemetryEvent$paylo;
+        if (logger.type === "appInsightsLogger" && (telemetryEvent === null || telemetryEvent === void 0 ? void 0 : (_telemetryEvent$paylo = telemetryEvent.payload) === null || _telemetryEvent$paylo === void 0 ? void 0 : _telemetryEvent$paylo.LogToAll) !== true) {
+          return; // skip logging to AppInsights
+        }
+
+        Promise.resolve(logger.log(logLevel, telemetryInput));
       }
     });
   };

package/lib/esm/common/telemetry/defaultConfigs/defaultAppInsightsConfig.js

@@ -0,0 +1,4 @@
+export const defaultAppInsightsConfig = {
+  appInsightsDisabled: true,
+  appInsightsKey: ""
+};

package/lib/esm/common/telemetry/interfaces/IAppInsightsConfig.js

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

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

@@ -0,0 +1,139 @@
+import { LogLevel, TelemetryEvent } from "../TelemetryConstants";
+import ScenarioMarker from "../ScenarioMarker";
+import { TelemetryHelper } from "../TelemetryHelper";
+import { AppInsightsTelemetryMessage } from "../../Constants";
+import { AppInsightsEventMapping } from "../AppInsightsEvents";
+var AllowedKeys;
+(function (AllowedKeys) {
+  AllowedKeys["LogLevel"] = "LogLevel";
+  AllowedKeys["Description"] = "Description";
+  AllowedKeys["ExceptionDetails"] = "ExceptionDetails";
+  AllowedKeys["ChannelId"] = "ChannelId";
+  AllowedKeys["LCWRuntimeId"] = "ClientSessionId";
+  AllowedKeys["ConversationId"] = "LiveWorkItemId";
+  AllowedKeys["ChatId"] = "ChatThreadId";
+  AllowedKeys["OrganizationId"] = "OrganizationId";
+  AllowedKeys["ElapsedTimeInMilliseconds"] = "DurationInMilliseconds";
+})(AllowedKeys || (AllowedKeys = {}));
+let initializationPromise = null;
+export const appInsightsLogger = (appInsightsKey, disableCookiesUsage) => {
+  const isValidKey = key => {
+    const INSTRUMENTATION_KEY_PATTERN = "[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}";
+    const INSTRUMENTATION_KEY_REGEX = new RegExp(`^${INSTRUMENTATION_KEY_PATTERN}$`);
+    const CONNECTION_STRING_REGEX = new RegExp(`^InstrumentationKey=${INSTRUMENTATION_KEY_PATTERN};IngestionEndpoint=https://[a-zA-Z0-9\\-\\.]+\\.applicationinsights\\.azure\\.com/.*`);
+    return INSTRUMENTATION_KEY_REGEX.test(key) || CONNECTION_STRING_REGEX.test(key);
+  };
+  const initializeAppInsights = async (appInsightsKey, disableCookiesUsage) => {
+    if (!window.appInsights && appInsightsKey) {
+      if (!isValidKey(appInsightsKey)) {
+        TelemetryHelper.logActionEvent(LogLevel.ERROR, {
+          Event: TelemetryEvent.AppInsightsInitFailed,
+          Description: AppInsightsTelemetryMessage.AppInsightsKeyError,
+          ExceptionDetails: {
+            message: AppInsightsTelemetryMessage.AppInsightsKeyError
+          }
+        });
+        return;
+      }
+      try {
+        // Dynamically import Application Insights
+        const {
+          ApplicationInsights
+        } = await import("@microsoft/applicationinsights-web");
+        const config = {
+          ...(appInsightsKey.includes("IngestionEndpoint") ? {
+            connectionString: appInsightsKey
+          } : {
+            instrumentationKey: appInsightsKey
+          }),
+          disableCookiesUsage: disableCookiesUsage
+        };
+
+        // Initialize Application Insights instance
+        window.appInsights = new ApplicationInsights({
+          config
+        });
+        window.appInsights.loadAppInsights();
+        TelemetryHelper.logActionEvent(LogLevel.INFO, {
+          Event: TelemetryEvent.AppInsightsInitialized,
+          Description: AppInsightsTelemetryMessage.AppInsightsInitialized
+        });
+      } catch (error) {
+        console.error(AppInsightsTelemetryMessage.AppInsightsInitError, error);
+        TelemetryHelper.logActionEvent(LogLevel.ERROR, {
+          Event: TelemetryEvent.AppInsightsInitFailed,
+          Description: AppInsightsTelemetryMessage.AppInsightsInitError,
+          ExceptionDetails: {
+            message: `${AppInsightsTelemetryMessage.AppInsightsInitError} with key ending: ${appInsightsKey.slice(-3)}`,
+            exception: error
+          }
+        });
+      }
+    }
+  };
+  const logger = async () => {
+    if (!initializationPromise) {
+      initializationPromise = initializeAppInsights(appInsightsKey, disableCookiesUsage);
+    }
+    await initializationPromise;
+    return window.appInsights;
+  };
+  const aiLogger = {
+    type: "appInsightsLogger",
+    log: async (logLevel, telemetryInput) => {
+      try {
+        var _telemetryInput$paylo, _telemetryInput$telem;
+        const _logger = await logger();
+        if (!_logger) return;
+        const eventName = telemetryInput === null || telemetryInput === void 0 ? void 0 : (_telemetryInput$paylo = telemetryInput.payload) === null || _telemetryInput$paylo === void 0 ? void 0 : _telemetryInput$paylo.Event;
+        const telemetryInfo = telemetryInput === null || telemetryInput === void 0 ? void 0 : (_telemetryInput$telem = telemetryInput.telemetryInfo) === null || _telemetryInput$telem === void 0 ? void 0 : _telemetryInput$telem.telemetryInfo;
+        const eventProperties = setEventProperties(telemetryInfo);
+        if (eventName) {
+          const trackingEventName = getTrackingEventName(logLevel, eventName);
+          _logger.trackEvent({
+            name: trackingEventName,
+            properties: eventProperties
+          });
+        }
+      } catch (error) {
+        console.error("Error in logging telemetry to Application Insights:", error);
+      }
+    },
+    dispose: () => {
+      if (window.appInsights) {
+        window.appInsights.unload(); //flush and unload
+        window.appInsights = null;
+      }
+    }
+  };
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  function setEventProperties(telemetryInfo) {
+    const eventProperties = {};
+    if (telemetryInfo) {
+      for (const key in AllowedKeys) {
+        const finalKey = AllowedKeys[key]; // get renamed keys for LCWRuntimeId, ConversationId, ChatId
+        const value = telemetryInfo[key];
+        if (value !== undefined && value !== null && value !== "") {
+          eventProperties[finalKey] = value;
+        }
+      }
+    }
+    return eventProperties;
+  }
+  function getTrackingEventName(logLevel, eventName) {
+    // Rename and Remove "UX" or "LCW" prefix if present
+    const event = (AppInsightsEventMapping[eventName] || eventName).replace(/^(UX|LCW)/, "");
+    if (logLevel === LogLevel.ERROR) {
+      return ScenarioMarker.failScenario(event);
+    }
+    if (logLevel === LogLevel.WARN) {
+      return ScenarioMarker.warnScenario(event);
+    }
+    if (event.toLowerCase().includes("complete")) {
+      return ScenarioMarker.completeScenario(event);
+    }
+    return ScenarioMarker.startScenario(event);
+  }
+  return aiLogger;
+};

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

@@ -11,12 +11,13 @@ import { defaultOutOfOfficeChatButtonStyleProps } from "./common/styleProps/defa
 import useChatContextStore from "../../hooks/useChatContextStore";
 let uiTimer;
 export const ChatButtonStateful = props => {
-  var _state$domainStates$l, _state$domainStates$l2, _buttonProps$controlP, _props$buttonProps, _props$buttonProps$co, _props$buttonProps2, _props$buttonProps2$c, _props$buttonProps3, _props$buttonProps3$c;
+  var _buttonProps$controlP, _props$buttonProps, _props$buttonProps$co, _props$buttonProps2, _props$buttonProps2$c, _props$buttonProps3, _props$buttonProps3$c;
   // this is to ensure the telemetry is set only once and start the load timer
   useEffect(() => {
     uiTimer = createTimer();
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.UXLCWChatButtonStart
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXLCWChatButtonLoadingStart,
+      Description: "Chat button loading started"
     });
   }, []);
 
@@ -28,13 +29,15 @@ export const ChatButtonStateful = props => {
     startChat
   } = props;
   //Setting OutOfOperatingHours Flag
-  const [outOfOperatingHours, setOutOfOperatingHours] = 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");
+  //Setting OutOfOperatingHours Flag - to string conversion to normalize the value (could be boolean from other states or string directly from config)
+  const [outOfOperatingHours, setOutOfOperatingHours] = useState(state.appStates.outsideOperatingHours);
   const ref = useRef(() => {
     return;
   });
   ref.current = async () => {
-    TelemetryHelper.logActionEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.LCWChatButtonClicked
+    TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.LCWChatButtonClicked,
+      Description: "Chat button click action started"
     });
     if (state.appStates.isMinimized) {
       dispatch({
@@ -52,6 +55,10 @@ export const ChatButtonStateful = props => {
     } else {
       await startChat();
     }
+    TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.LCWChatButtonActionCompleted,
+      Description: "Chat button action completed"
+    });
   };
   const outOfOfficeStyleProps = Object.assign({}, defaultOutOfOfficeChatButtonStyleProps, outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : outOfOfficeButtonProps.styleProps);
   const controlProps = {
@@ -71,9 +78,6 @@ export const ChatButtonStateful = props => {
     titleText: "We're Offline",
     subtitleText: "No agents available",
     onClick: async () => {
-      TelemetryHelper.logActionEvent(LogLevel.INFO, {
-        Event: TelemetryEvent.LCWChatButtonClicked
-      });
       state.appStates.isMinimized && dispatch({
         type: LiveChatWidgetActionType.SET_MINIMIZED,
         payload: false
@@ -87,9 +91,7 @@ export const ChatButtonStateful = props => {
     ...(outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : outOfOfficeButtonProps.controlProps)
   };
   useEffect(() => {
-    if (state.appStates.outsideOperatingHours) {
-      setOutOfOperatingHours(true);
-    }
+    setOutOfOperatingHours(state.appStates.outsideOperatingHours);
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
       Event: TelemetryEvent.LCWChatButtonShow,
       ElapsedTimeInMilliseconds: TelemetryTimers.LcwLoadToChatButtonTimer.milliSecondsElapsed
@@ -102,8 +104,9 @@ export const ChatButtonStateful = props => {
         payload: true
       });
     }
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.UXLCWChatButtonCompleted,
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXLCWChatButtonLoadingCompleted,
+      Description: "Chat button loading completed",
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);

package/lib/esm/components/emailtranscriptpanestateful/EmailTranscriptPaneStateful.js

@@ -57,14 +57,15 @@ export const EmailTranscriptPaneStateful = props => {
         liveChatContext
       }));
       NotificationHandler.notifySuccess(NotificationScenarios.EmailAddressSaved, (state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.middlewareLocalizedTexts) === null || _state$domainStates2$ === void 0 ? void 0 : _state$domainStates2$.MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_SUCCESS) ?? (defaultMiddlewareLocalizedTexts === null || defaultMiddlewareLocalizedTexts === void 0 ? void 0 : defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_SUCCESS));
-      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
         Event: TelemetryEvent.EmailTranscriptSent,
         Description: "Transcript sent to email successfully."
       });
     } catch (ex) {
       var _state$domainStates3, _state$domainStates3$;
-      TelemetryHelper.logActionEvent(LogLevel.ERROR, {
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.ERROR, {
         Event: TelemetryEvent.EmailTranscriptFailed,
+        Description: "Email transcript failed.",
         ExceptionDetails: {
           exception: ex
         }

package/lib/esm/components/footerstateful/FooterStateful.js

@@ -40,14 +40,19 @@ export const FooterStateful = props => {
     dir: state.domainStates.globalDir,
     onDownloadTranscriptClick: async () => {
       try {
-        TelemetryHelper.logActionEvent(LogLevel.INFO, {
+        TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
           Event: TelemetryEvent.DownloadTranscriptButtonClicked,
-          Description: "Download Transcript button clicked."
+          Description: "Download transcript action started."
         });
         await downloadTranscript(facadeChatSDK, downloadTranscriptProps, state);
+        TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+          Event: TelemetryEvent.DownloadTranscriptActionCompleted,
+          Description: "Download transcript action completed."
+        });
       } catch (ex) {
-        TelemetryHelper.logActionEvent(LogLevel.ERROR, {
-          Event: TelemetryEvent.DownloadTranscriptFailed,
+        TelemetryHelper.logActionEventToAllTelemetry(LogLevel.ERROR, {
+          Event: TelemetryEvent.DownloadTranscriptActionFailed,
+          Description: "Download transcript action failed.",
           ExceptionDetails: {
             exception: ex
           }
@@ -57,9 +62,9 @@ export const FooterStateful = props => {
     },
     onEmailTranscriptClick: () => {
       var _footerProps$controlP, _footerProps$controlP2;
-      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
         Event: TelemetryEvent.EmailTranscriptButtonClicked,
-        Description: "Email Transcript button clicked."
+        Description: "Email Transcript action started."
       });
       const emailTranscriptButtonId = (footerProps === null || footerProps === void 0 ? void 0 : (_footerProps$controlP = footerProps.controlProps) === null || _footerProps$controlP === void 0 ? void 0 : (_footerProps$controlP2 = _footerProps$controlP.emailTranscriptButtonProps) === null || _footerProps$controlP2 === void 0 ? void 0 : _footerProps$controlP2.id) ?? `${controlProps.id}-emailtranscript-button`;
       if (emailTranscriptButtonId) {

package/lib/esm/components/headerstateful/HeaderStateful.js

@@ -12,7 +12,7 @@ import useChatAdapterStore from "../../hooks/useChatAdapterStore";
 import useChatContextStore from "../../hooks/useChatContextStore";
 let uiTimer;
 export const HeaderStateful = props => {
-  var _state$domainStates$l, _state$domainStates$l2, _state$domainStates, _headerProps$controlP, _headerProps$controlP2, _headerProps$controlP3, _outOfOfficeHeaderPro, _state$domainStates3;
+  var _state$domainStates, _headerProps$controlP, _headerProps$controlP2, _headerProps$controlP3, _outOfOfficeHeaderPro, _state$domainStates3;
   useEffect(() => {
     uiTimer = createTimer();
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
@@ -28,7 +28,7 @@ export const HeaderStateful = props => {
     endChat
   } = props;
   //Setting OutOfOperatingHours Flag
-  const [outOfOperatingHours, setOutOfOperatingHours] = 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 [outOfOperatingHours, setOutOfOperatingHours] = useState(state.appStates.outsideOperatingHours);
   const outOfOfficeStyleProps = Object.assign({}, defaultOutOfOfficeHeaderStyleProps, outOfOfficeHeaderProps === null || outOfOfficeHeaderProps === void 0 ? void 0 : outOfOfficeHeaderProps.styleProps);
 
   // For some reason state object is not getting updated values in this component
@@ -37,9 +37,9 @@ export const HeaderStateful = props => {
     id: "oc-lcw-header",
     dir: state.domainStates.globalDir,
     onMinimizeClick: () => {
-      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
         Event: TelemetryEvent.HeaderMinimizeButtonClicked,
-        Description: "Header Minimize button clicked."
+        Description: "Header Minimize action started."
       });
       dispatch({
         type: LiveChatWidgetActionType.SET_MINIMIZED,
@@ -49,12 +49,16 @@ export const HeaderStateful = props => {
         type: LiveChatWidgetActionType.SET_UNREAD_MESSAGE_COUNT,
         payload: 0
       });
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+        Event: TelemetryEvent.MinimizeChatActionCompleted,
+        Description: "Header Minimize action completed."
+      });
     },
     onCloseClick: async () => {
       var _props$headerProps, _props$headerProps$co, _props$headerProps$co2;
-      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
         Event: TelemetryEvent.HeaderCloseButtonClicked,
-        Description: "Header Close button clicked."
+        Description: "Header Close action started."
       });
       if (localConfirmationPaneState.current !== ConfirmationState.Ok) {
         dispatch({
@@ -67,6 +71,10 @@ export const HeaderStateful = props => {
         const postMessageToOtherTabs = true;
         await endChat(adapter, skipEndChatSDK, skipCloseChat, postMessageToOtherTabs);
       }
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+        Event: TelemetryEvent.CloseChatActionCompleted,
+        Description: "Header Close action completed."
+      });
       const closeButtonId = ((_props$headerProps = props.headerProps) === null || _props$headerProps === void 0 ? void 0 : (_props$headerProps$co = _props$headerProps.controlProps) === null || _props$headerProps$co === void 0 ? void 0 : (_props$headerProps$co2 = _props$headerProps$co.closeButtonProps) === null || _props$headerProps$co2 === void 0 ? void 0 : _props$headerProps$co2.id) ?? `${controlProps.id}-close-button`;
       if (closeButtonId) {
         dispatch({
@@ -87,22 +95,24 @@ export const HeaderStateful = props => {
       text: "We're Offline"
     },
     onMinimizeClick: () => {
-      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
         Event: TelemetryEvent.HeaderMinimizeButtonClicked,
-        Description: "Header Minimize button clicked."
+        Description: "Header Minimize action started."
       });
       dispatch({
         type: LiveChatWidgetActionType.SET_MINIMIZED,
         payload: true
       });
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+        Event: TelemetryEvent.MinimizeChatActionCompleted,
+        Description: "Header Minimize action completed."
+      });
     },
     ...(outOfOfficeHeaderProps === null || outOfOfficeHeaderProps === void 0 ? void 0 : outOfOfficeHeaderProps.controlProps),
     hideCloseButton: state.appStates.conversationState === ConversationState.OutOfOffice || (outOfOfficeHeaderProps === null || outOfOfficeHeaderProps === void 0 ? void 0 : (_outOfOfficeHeaderPro = outOfOfficeHeaderProps.controlProps) === null || _outOfOfficeHeaderPro === void 0 ? void 0 : _outOfOfficeHeaderPro.hideCloseButton)
   };
   useEffect(() => {
-    if (state.appStates.outsideOperatingHours) {
-      setOutOfOperatingHours(true);
-    }
+    setOutOfOperatingHours(state.appStates.outsideOperatingHours);
   }, []);
   useEffect(() => {
     var _state$domainStates2;

package/lib/esm/components/livechatwidget/common/ActivityStreamHandler.js

@@ -1,29 +1,42 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 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 { Deferred } from "./Deferred";
-export class ActivityStreamHandler {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+export let ActivityStreamHandler = /*#__PURE__*/function () {
+  function ActivityStreamHandler() {
+    _classCallCheck(this, ActivityStreamHandler);
+  }
+  _createClass(ActivityStreamHandler, null, [{
+    key: "cork",
+    value:
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-  /**
-   * Use of a deferred pattern, to hold the execution of the activity.
-   * 
-   * */
-  static cork() {
-    ActivityStreamHandler.restoreDeferred = new Deferred();
-    ActivityStreamHandler.restorePromise = ActivityStreamHandler.restoreDeferred.promise;
-  }
+    /**
+     * Use of a deferred pattern, to hold the execution of the activity.
+     * 
+     * */
+    function cork() {
+      ActivityStreamHandler.restoreDeferred = new Deferred();
+      ActivityStreamHandler.restorePromise = ActivityStreamHandler.restoreDeferred.promise;
+    }
 
-  /**
-   * Resolve the promise, releasing it to continue with the execution of the activity.
-   * 
-   * */
-  static uncork() {
-    ActivityStreamHandler.restoreDeferred.resolve();
-  }
-}
+    /**
+     * Resolve the promise, releasing it to continue with the execution of the activity.
+     * 
+     * */
+  }, {
+    key: "uncork",
+    value: function uncork() {
+      ActivityStreamHandler.restoreDeferred.resolve();
+    }
+  }]);
+  return ActivityStreamHandler;
+}();
 _defineProperty(ActivityStreamHandler, "restoreDeferred", {
   resolve: () => {
     return "initialState";