@microsoft/omnichannel-chat-widget 0.1.0-main.eb80fb1 → 0.1.0-main.ebfc563

package/lib/cjs/components/livechatwidget/common/authHelper.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.removeAuthTokenProvider = exports.handleAuthentication = exports.getAuthClientFunction = void 0;
+var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
+var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
+var _utils = require("../../../common/utils");
+const getAuthClientFunction = chatConfig => {
+  let authClientFunction = undefined;
+  if (chatConfig !== null && chatConfig !== void 0 && chatConfig.LiveChatConfigAuthSettings) {
+    var _chatConfig$LiveChatC;
+    authClientFunction = (chatConfig === null || chatConfig === void 0 ? void 0 : (_chatConfig$LiveChatC = chatConfig.LiveChatConfigAuthSettings) === null || _chatConfig$LiveChatC === void 0 ? void 0 : _chatConfig$LiveChatC.msdyn_javascriptclientfunction) ?? undefined;
+  }
+  return authClientFunction;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+exports.getAuthClientFunction = getAuthClientFunction;
+const handleAuthentication = async (chatSDK, chatConfig, getAuthToken) => {
+  const authClientFunction = getAuthClientFunction(chatConfig);
+  if (getAuthToken && authClientFunction) {
+    _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.GetAuthTokenCalled
+    });
+    const token = await getAuthToken(authClientFunction);
+    if (!(0, _utils.isNullOrEmptyString)(token)) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      chatSDK.setAuthTokenProvider(async () => {
+        return token;
+      });
+      return true;
+    } else {
+      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
+        Event: _TelemetryConstants.TelemetryEvent.ReceivedNullOrEmptyToken
+      });
+      return false;
+    }
+  }
+  return false;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+exports.handleAuthentication = handleAuthentication;
+const removeAuthTokenProvider = chatSDK => {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  chatSDK.authenticatedUserToken = null;
+};
+exports.removeAuthTokenProvider = removeAuthTokenProvider;

package/lib/cjs/components/livechatwidget/common/createAdapter.js

@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createAdapter = void 0;
-
 var _NotificationHandler = require("../../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler");
-
 var _NotificationLevel = require("../../webchatcontainerstateful/webchatcontroller/enums/NotificationLevel");
-
 var _NotificationScenarios = require("../../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios");
-
 var _defaultMiddlewareLocalizedTexts = require("../../webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts");
-
+var _ChatAdapterShim = require("./ChatAdapterShim");
+var _PauseActivitySubscriber = require("./ActivitySubscriber/PauseActivitySubscriber");
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const createAdapter = async chatSDK => {
   const chatAdapterOptionalParams = {
@@ -22,11 +19,9 @@ const createAdapter = async chatSDK => {
           if (notification.id === _NotificationScenarios.NotificationScenarios.InternetConnection && notification.level == _NotificationLevel.NotificationLevel.Error) {
             notification.message = _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION;
           }
-
           if (notification.id === _NotificationScenarios.NotificationScenarios.InternetConnection && notification.level == _NotificationLevel.NotificationLevel.Success) {
             notification.message = _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE;
           }
-
           if (notification.id && notification.message) {
             _NotificationHandler.NotificationHandler.notifyWithLevel(notification.id, notification.message, notification.level);
           }
@@ -34,7 +29,13 @@ const createAdapter = async chatSDK => {
       }
     }
   };
-  return await chatSDK.createChatAdapter(chatAdapterOptionalParams);
+  let adapter = await chatSDK.createChatAdapter(chatAdapterOptionalParams);
+  //so far, there is no need to convert to the shim adapter when using visual tests
+  if (chatSDK.isMockModeOn !== true) {
+    adapter = new _ChatAdapterShim.ChatAdapterShim(adapter);
+    adapter.addSubscriber(new _PauseActivitySubscriber.PauseActivitySubscriber());
+    return adapter.chatAdapter;
+  }
+  return adapter;
 };
-
 exports.createAdapter = createAdapter;

package/lib/cjs/components/livechatwidget/common/createFooter.js

@@ -4,39 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createFooter = void 0;
-
 var _FooterStateful = _interopRequireDefault(require("../../footerstateful/FooterStateful"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-
 var _componentController = require("../../../controller/componentController");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const createFooter = (props, state) => {
-  var _props$footerProps, _props$controlProps, _props$componentOverr, _props$componentOverr2;
-
-  const footerPropsHidden = { ...props.footerProps,
-    controlProps: { ...((_props$footerProps = props.footerProps) === null || _props$footerProps === void 0 ? void 0 : _props$footerProps.controlProps),
-      hideDownloadTranscriptButton: true,
-      hideEmailTranscriptButton: true,
-      hideAudioNotificationButton: true
-    }
-  };
-  const footer = !((_props$controlProps = props.controlProps) !== null && _props$controlProps !== void 0 && _props$controlProps.hideFooter) && (0, _componentController.shouldShowFooter)(state) ? (0, _omnichannelChatComponents.decodeComponentString)((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.footer) || /*#__PURE__*/_react.default.createElement(_FooterStateful.default, {
+  var _props$controlProps, _props$componentOverr;
+  const hideFooterDisplay = !((_props$controlProps = props.controlProps) !== null && _props$controlProps !== void 0 && _props$controlProps.hideFooter) && (0, _componentController.shouldShowFooter)(state) ? false : true;
+  const footer = (0, _omnichannelChatComponents.decodeComponentString)((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.footer) || /*#__PURE__*/_react.default.createElement(_FooterStateful.default, {
     footerProps: props.footerProps,
     downloadTranscriptProps: props.downloadTranscriptProps,
     audioNotificationProps: props.audioNotificationProps,
-    hideFooterDisplay: false
-  }) : (0, _omnichannelChatComponents.decodeComponentString)((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.footer) || /*#__PURE__*/_react.default.createElement(_FooterStateful.default, {
-    footerProps: footerPropsHidden,
-    downloadTranscriptProps: props.downloadTranscriptProps,
-    audioNotificationProps: props.audioNotificationProps,
-    hideFooterDisplay: true
+    hideFooterDisplay: hideFooterDisplay
   });
   return footer;
 };
-
 exports.createFooter = createFooter;

package/lib/cjs/components/livechatwidget/common/createInternetConnectionChangeHandler.js

@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createInternetConnectionChangeHandler = void 0;
-
 var _Constants = require("../../../common/Constants");
-
 var _NotificationHandler = require("../../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler");
-
 var _NotificationScenarios = require("../../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios");
-
 var _defaultMiddlewareLocalizedTexts = require("../../webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts");
-
+var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
+var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
 const isInternetConnected = async () => {
   try {
     const response = await fetch(_Constants.Constants.internetConnectionTestUrl);
@@ -22,21 +19,24 @@ const isInternetConnected = async () => {
     return false;
   }
 };
-
 const createInternetConnectionChangeHandler = async () => {
   const handler = async () => {
     const connected = await isInternetConnected();
-
     if (!connected) {
+      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.WARN, {
+        Event: _TelemetryConstants.TelemetryEvent.NetworkDisconnected
+      });
       _NotificationHandler.NotificationHandler.notifyError(_NotificationScenarios.NotificationScenarios.InternetConnection, _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION);
     } else {
+      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.WARN, {
+        Event: _TelemetryConstants.TelemetryEvent.NetworkReconnected
+      });
       _NotificationHandler.NotificationHandler.notifySuccess(_NotificationScenarios.NotificationScenarios.InternetConnection, _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE);
     }
-  }; // Checking connection status on online & offline events due to possible false positives
-
+  };
 
+  // Checking connection status on online & offline events due to possible false positives
   window.addEventListener("online", () => handler(), false);
   window.addEventListener("offline", () => handler(), false);
 };
-
 exports.createInternetConnectionChangeHandler = createInternetConnectionChangeHandler;

package/lib/cjs/components/livechatwidget/common/createMarkdown.js

@@ -4,74 +4,66 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createMarkdown = void 0;
-
 var _markdownIt = _interopRequireDefault(require("markdown-it"));
-
-var _slackMarkdownIt = _interopRequireDefault(require("slack-markdown-it"));
-
 var _markdownItForInline = _interopRequireDefault(require("markdown-it-for-inline"));
-
 var _defaultMarkdownLocalizedTexts = require("../../webchatcontainerstateful/common/defaultProps/defaultMarkdownLocalizedTexts");
-
 var _Constants = require("../../../common/Constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const createMarkdown = (disableMarkdownMessageFormatting, disableNewLineMarkdownSupport) => {
   let markdown;
-
   if (!disableMarkdownMessageFormatting) {
     markdown = new _markdownIt.default(_Constants.Constants.Default, {
       html: true,
       linkify: true,
       breaks: !disableNewLineMarkdownSupport
     });
-    markdown.use(_slackMarkdownIt.default); // Markdown override for open link in new tab
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any, quotes
-
-    markdown.use(_markdownItForInline.default, "url_new_win", "link_open", function (tokens, idx, env) {
-      const targetAttrIndex = tokens[idx].attrIndex(_Constants.Constants.Target); // Put a transparent pixel instead of the "open in new window" icon, so developers can easily modify the icon in CSS.
-
-      const TRANSPARENT_GIF = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
-
-      if (~targetAttrIndex) {
-        tokens[idx].attrs[targetAttrIndex][1] = _Constants.Constants.Blank;
-      } else {
-        tokens[idx].attrPush([_Constants.Constants.Target, _Constants.Constants.Blank]);
-      }
-
-      const relAttrIndex = tokens[idx].attrIndex(_Constants.Constants.TargetRelationship);
-
-      if (~relAttrIndex) {
-        tokens[idx].attrs[relAttrIndex][1] = _Constants.Constants.TargetRelationshipAttributes;
-      } else {
-        tokens[idx].attrPush([_Constants.Constants.TargetRelationship, _Constants.Constants.TargetRelationshipAttributes]);
-        tokens[idx].attrPush([_Constants.Constants.Title, _defaultMarkdownLocalizedTexts.defaultMarkdownLocalizedTexts.MARKDOWN_EXTERNAL_LINK_ALT]); // eslint-disable-next-line quotes
-
-        const iconTokens = markdown.parseInline(`![${_defaultMarkdownLocalizedTexts.defaultMarkdownLocalizedTexts.MARKDOWN_EXTERNAL_LINK_ALT}](${TRANSPARENT_GIF})`, env)[0].children;
-
-        if (iconTokens && iconTokens.length > 0) {
-          iconTokens[0].attrJoin("class", _Constants.Constants.OpenLinkIconCssClass);
-          tokens.splice(idx + 2, 0, ...iconTokens);
-        }
-      }
-    });
+    // ToDo: Commenting below usage of plugin until deferred bug is resolved: https://github.com/mayashavin/markdown-it-slack/issues/1
+    // markdown.use(MarkdownSlack);
   } else {
     markdown = new _markdownIt.default(_Constants.Constants.Zero, {
       html: true,
       linkify: true,
       breaks: !disableNewLineMarkdownSupport
     });
-    markdown.enable(["entity", // Rule to process html entity - {, ¯, "
-    "linkify", // Rule to replace link-like texts with link nodes
-    "html_block", // Rule to process html blocks and paragraphs
-    "html_inline", // Rule to process html tags
+    markdown.enable(["entity",
+    // Rule to process html entity - {, ¯, "
+    "linkify",
+    // Rule to replace link-like texts with link nodes
+    "html_block",
+    // Rule to process html blocks and paragraphs
+    "html_inline",
+    // Rule to process html tags
     "newline" // Rule to proceess '\n'
     ]);
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  markdown.use(_markdownItForInline.default, "url_new_win", "link_open", function (tokens, idx, env) {
+    const targetAttrIndex = tokens[idx].attrIndex(_Constants.Constants.Target);
+    // Put a transparent pixel instead of the "open in new window" icon, so developers can easily modify the icon in CSS.
+    const TRANSPARENT_GIF = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
+    if (~targetAttrIndex) {
+      tokens[idx].attrs[targetAttrIndex][1] = _Constants.Constants.Blank;
+    } else {
+      tokens[idx].attrPush([_Constants.Constants.Target, _Constants.Constants.Blank]);
+    }
+    const relAttrIndex = tokens[idx].attrIndex(_Constants.Constants.TargetRelationship);
+    if (~relAttrIndex) {
+      tokens[idx].attrs[relAttrIndex][1] = _Constants.Constants.TargetRelationshipAttributes;
+    } else {
+      tokens[idx].attrPush([_Constants.Constants.TargetRelationship, _Constants.Constants.TargetRelationshipAttributes]);
+      if (!disableMarkdownMessageFormatting) {
+        tokens[idx].attrPush([_Constants.Constants.Title, _defaultMarkdownLocalizedTexts.defaultMarkdownLocalizedTexts.MARKDOWN_EXTERNAL_LINK_ALT]);
+        // eslint-disable-next-line quotes
+        const iconTokens = markdown.parseInline(`![${_defaultMarkdownLocalizedTexts.defaultMarkdownLocalizedTexts.MARKDOWN_EXTERNAL_LINK_ALT}](${TRANSPARENT_GIF})`, env)[0].children;
+        if (iconTokens && iconTokens.length > 0) {
+          iconTokens[0].attrJoin("class", _Constants.Constants.OpenLinkIconCssClass);
+          tokens.splice(idx + 2, 0, ...iconTokens);
+        }
+      }
+    }
+  });
   return markdown;
 };
-
 exports.createMarkdown = createMarkdown;

package/lib/cjs/components/livechatwidget/common/defaultProps/defaultScrollBarProps.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultScrollBarProps = void 0;
+const defaultScrollBarProps = {
+  width: "7px",
+  trackBackgroundColor: "#f1f1f1",
+  thumbBackgroundColor: "#888",
+  thumbBorderRadius: "10px",
+  thumbHoverColor: "#555"
+};
+exports.defaultScrollBarProps = defaultScrollBarProps;