@microsoft/omnichannel-chat-widget 0.1.0-main.07f52ee

package/lib/cjs/common/telemetry/definitions/Contracts.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/common/telemetry/definitions/Payload.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/common/telemetry/interfaces/IAriaConfigurations.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/common/telemetry/interfaces/IChatSDKLogger.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ariaTelemetryLogger = void 0;
+
+var _utils = require("../../utils");
+
+var _AWTEventProperties = _interopRequireDefault(require("@microsoft/omnichannel-chat-sdk/lib/external/aria/webjs/AWTEventProperties"));
+
+var _AWTLogManager = _interopRequireDefault(require("@microsoft/omnichannel-chat-sdk/lib/external/aria/webjs/AWTLogManager"));
+
+var _Enums = require("@microsoft/omnichannel-chat-sdk/lib/external/aria/common/Enums");
+
+var _Constants = require("../../Constants");
+
+var _TelemetryHelper = require("../TelemetryHelper");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ariaTelemetryLogger = (ariaTelemetryKey, disabledCookieUsage, collectiorUriForTelemetry, ariaTelemetryApplicationName) => {
+  let _logger;
+
+  const logger = () => {
+    if ((0, _utils.isNullOrUndefined)(_logger) && !(0, _utils.isNullOrEmptyString)(ariaTelemetryKey)) {
+      const configuration = {
+        disableCookiesUsage: disabledCookieUsage
+      };
+
+      if (!(0, _utils.isNullOrEmptyString)(collectiorUriForTelemetry)) {
+        configuration.collectorUri = collectiorUriForTelemetry;
+      }
+
+      try {
+        _logger = _AWTLogManager.default.initialize(ariaTelemetryKey, configuration);
+
+        if (_logger === undefined) {
+          _logger = _AWTLogManager.default.getLogger(ariaTelemetryKey);
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    }
+
+    return _logger;
+  };
+
+  const ariaLogger = {
+    log: (logLevel, telemetryInput) => {
+      let property;
+      const eventProperties = new _AWTEventProperties.default();
+
+      const event = _TelemetryHelper.TelemetryHelper.buildTelemetryEvent(logLevel, telemetryInput);
+
+      eventProperties.setName(telemetryInput.scenarioType);
+
+      for (const key of Object.keys(event)) {
+        property = typeof event[key] === "object" ? JSON.stringify(event[key]) : event[key];
+        eventProperties.setProperty(key, property);
+      }
+
+      eventProperties.setPropertyWithPii(ariaTelemetryApplicationName, _Constants.Constants.LiveChatWidget, _Enums.AWTPiiKind.GenericData);
+      logger() ? logger().logEvent(eventProperties) : console.log("Unable to initialize aria logger");
+    },
+    dispose: () => {
+      _AWTLogManager.default.flush(function () {
+        console.log("Aria logger disposed");
+      });
+    }
+  };
+  return ariaLogger;
+};
+
+exports.ariaTelemetryLogger = ariaTelemetryLogger;

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.consoleLogger = void 0;
+
+var _Constants = require("../../Constants");
+
+var _TelemetryConstants = require("../TelemetryConstants");
+
+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 : "";
+
+      try {
+        switch (logLevel) {
+          case _TelemetryConstants.LogLevel.INFO:
+            console.info(_Constants.Constants.LiveChatWidget, payload);
+            break;
+
+          case _TelemetryConstants.LogLevel.DEBUG:
+            console.debug(_Constants.Constants.LiveChatWidget, payload);
+            break;
+
+          case _TelemetryConstants.LogLevel.WARN:
+            console.warn(_Constants.Constants.LiveChatWidget, payload);
+            break;
+
+          case _TelemetryConstants.LogLevel.ERROR:
+            console.error(_Constants.Constants.LiveChatWidget, payload);
+            break;
+
+          default:
+            console.debug(_Constants.Constants.LiveChatWidget, payload);
+            break;
+        }
+      } catch (ex) {
+        console.error("An unexpected error occurred in the Telemetry client: " + ex);
+      }
+    },
+    dispose: () => {
+      console.log("disposing loggers");
+    }
+  };
+  return consoleLogger;
+};
+
+exports.consoleLogger = consoleLogger;

package/lib/cjs/common/types/types.d.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/common/utils.js

@@ -0,0 +1,337 @@
+"use strict";
+
+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.findParentFocusableElementsWithoutChildContainer = exports.findAllFocusableElement = exports.extractPreChatSurveyResponseValues = exports.escapeHtml = exports.createTimer = exports.changeLanguageCodeFormatForWebChat = void 0;
+
+var _Constants = require("./Constants");
+
+var _KeyCodes = require("./KeyCodes");
+
+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
+
+
+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;
+      }
+    }
+  }
+};
+
+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();
+      firstFocusableElement === null || firstFocusableElement === void 0 ? void 0 : firstFocusableElement.focus();
+    }
+  };
+};
+
+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;",
+    ">": "&gt;",
+    "\"": "&quot;",
+    "'": "&#39;",
+    "/": "&#x2F;"
+  };
+  return String(inputString).replace(/[<>"'/]/g, s => {
+    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;
+  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
+  });
+};
+
+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) {
+          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
+
+
+exports.parseAdaptiveCardPayload = parseAdaptiveCardPayload;
+
+const extractPreChatSurveyResponseValues = (preChatSurvey, values) => {
+  if (preChatSurvey && preChatSurvey !== "{}" && values) {
+    try {
+      const parsedSurvey = JSON.parse(preChatSurvey);
+      const body = parsedSurvey.body;
+      const type = {
+        "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,
+        ...computedValues
+      };
+      return finalPayload;
+    } catch (ex) {
+      throw new Error(`PreChatSurvey Response parse error: ${ex}`);
+    }
+  }
+
+  return {};
+}; // 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"
+    }
+  }
+
+  return newGuid;
+};
+
+exports.newGuid = newGuid;
+
+const createTimer = () => {
+  const timeStart = new Date().getTime();
+  return {
+    get milliSecondsElapsed() {
+      const ms = new Date().getTime() - timeStart;
+      return ms;
+    }
+
+  };
+};
+
+exports.createTimer = createTimer;