@microsoft/omnichannel-chat-widget 0.1.0-main.02fa07b

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

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

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

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

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

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

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

@@ -0,0 +1,78 @@
+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 { 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);
+        }
+      } catch (error) {
+        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);
+
+        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);
+        }
+
+        logger() ? logger().logEvent(eventProperties) : console.log("Unable to initialize aria logger");
+      } catch (error) {
+        console.error("Error in logging telemetry to Aria logger:" + error);
+      }
+    },
+    dispose: () => {
+      AWTLogManager.flush(function () {
+        console.log("Aria logger disposed");
+      });
+    }
+  };
+  return ariaLogger;
+};

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

@@ -0,0 +1,40 @@
+import { Constants } from "../../Constants";
+import { LogLevel } from "../TelemetryConstants";
+export const consoleLogger = () => {
+  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;
+        }
+      } catch (ex) {
+        console.error("An unexpected error occurred in the Telemetry client: " + ex);
+      }
+    },
+    dispose: () => {
+      console.log("disposing loggers");
+    }
+  };
+  return consoleLogger;
+};

package/lib/esm/common/utils.js

@@ -0,0 +1,333 @@
+import { AriaTelemetryConstants, Constants, LocaleConstants } from "./Constants";
+import { DataStoreManager } from "./contextDataStore/DataStoreManager";
+import { KeyCodes } from "./KeyCodes";
+import { BroadcastEvent } from "./telemetry/TelemetryConstants";
+
+const getElementBySelector = selector => {
+  let element;
+
+  if (typeof selector === "string") {
+    element = document.querySelector(selector);
+  } else {
+    element = selector;
+  }
+
+  return element;
+}; // 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) {
+      for (let index = 0; index < elements.length; index++) {
+        if (tabIndexMap.has(elements[index].id)) {
+          elements[index].tabIndex = tabIndexMap.get(elements[index].id);
+        }
+      }
+
+      tabIndexMap.clear();
+    } else {
+      for (let index = 0; index < elements.length; index++) {
+        tabIndexMap.set(elements[index].id, elements[index].tabIndex);
+        elements[index].tabIndex = -1;
+      }
+    }
+  }
+};
+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();
+      firstFocusableElement === null || firstFocusableElement === void 0 ? void 0 : firstFocusableElement.focus();
+    }
+  };
+};
+export const setFocusOnSendBox = () => {
+  const sendBoxSelector = "textarea[data-id=\"webchat-sendbox-input\"]";
+  setFocusOnElement(sendBoxSelector);
+};
+export const setFocusOnElement = selector => {
+  const element = getElementBySelector(selector);
+  element === null || element === void 0 ? void 0 : element.focus();
+};
+export const escapeHtml = inputString => {
+  const entityMap = {
+    "<": "&lt;",
+    ">": "&gt;",
+    "\"": "&quot;",
+    "'": "&#39;",
+    "/": "&#x2F;"
+  };
+  return String(inputString).replace(/[<>"'/]/g, s => {
+    return entityMap[s];
+  });
+};
+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 => {
+  return LocaleConstants.RTL_LOCALES.indexOf(localeLCID) === -1 ? "ltr" : "rtl";
+};
+export const changeLanguageCodeFormatForWebChat = languageCode => {
+  return languageCode.slice(0, -2) + languageCode.slice(-2).toUpperCase();
+};
+export const getTimestampHourMinute = timestampStr => {
+  let yearFormat;
+  let monthDayFormat;
+  const hourFormat = "numeric";
+  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,
+    day: monthDayFormat,
+    hour: hourFormat,
+    minute: minuteFormat
+  });
+};
+export 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) {
+          if (fields.id && fields.id.includes(":")) {
+            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
+
+export const extractPreChatSurveyResponseValues = (preChatSurvey, values) => {
+  if (preChatSurvey && preChatSurvey !== "{}" && values) {
+    try {
+      const parsedSurvey = JSON.parse(preChatSurvey);
+      const body = parsedSurvey.body;
+      const type = {
+        "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,
+        ...computedValues
+      };
+      return finalPayload;
+    } catch (ex) {
+      throw new Error(`PreChatSurvey Response parse error: ${ex}`);
+    }
+  }
+
+  return {};
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+export const isNullOrUndefined = obj => {
+  return obj === null || obj === undefined;
+};
+export const isNullOrEmptyString = s => {
+  return isNullOrUndefined(s) || s === "";
+};
+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"
+    }
+  }
+
+  return newGuid;
+};
+export const createTimer = () => {
+  const timeStart = new Date().getTime();
+  return {
+    get milliSecondsElapsed() {
+      const ms = new Date().getTime() - timeStart;
+      return ms;
+    }
+
+  };
+}; // 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) => {
+  return `${Constants.ChatWidgetStateChangedPrefix}_${orgId}_${widgetId}`;
+};
+export const getWidgetEndChatEventName = (orgId, widgetId) => {
+  return `${BroadcastEvent.ChatEnded}_${orgId}_${widgetId}`;
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+export const getStateFromCache = (orgId, widgetId) => {
+  // Getting updated state from cache
+  try {
+    if (DataStoreManager.clientDataStore) {
+      var _DataStoreManager$cli;
+
+      const widgetStateEventName = getWidgetCacheId(orgId, widgetId);
+      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));
+};