@microsoft/omnichannel-chat-widget 0.1.0-main.7a3ed6a

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

@@ -0,0 +1,40 @@
+"use strict";
+
+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");
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const createAdapter = async chatSDK => {
+  const chatAdapterOptionalParams = {
+    IC3Adapter: {
+      options: {
+        callbackOnNotification: notification => {
+          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);
+          }
+        }
+      }
+    }
+  };
+  return await chatSDK.createChatAdapter(chatAdapterOptionalParams);
+};
+
+exports.createAdapter = createAdapter;

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

@@ -0,0 +1,42 @@
+"use strict";
+
+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, {
+    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
+  });
+  return footer;
+};
+
+exports.createFooter = createFooter;

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

@@ -0,0 +1,42 @@
+"use strict";
+
+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");
+
+const isInternetConnected = async () => {
+  try {
+    const response = await fetch(_Constants.Constants.internetConnectionTestUrl);
+    const text = await response.text();
+    return text === _Constants.Constants.internetConnectionTestUrlText;
+  } catch {
+    return false;
+  }
+};
+
+const createInternetConnectionChangeHandler = async () => {
+  const handler = async () => {
+    const connected = await isInternetConnected();
+
+    if (!connected) {
+      _NotificationHandler.NotificationHandler.notifyError(_NotificationScenarios.NotificationScenarios.InternetConnection, _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION);
+    } else {
+      _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
+
+
+  window.addEventListener("online", () => handler(), false);
+  window.addEventListener("offline", () => handler(), false);
+};
+
+exports.createInternetConnectionChangeHandler = createInternetConnectionChangeHandler;

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

@@ -0,0 +1,77 @@
+"use strict";
+
+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);
+        }
+      }
+    });
+  } 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
+    "newline" // Rule to proceess '\n'
+    ]);
+  }
+
+  return markdown;
+};
+
+exports.createMarkdown = createMarkdown;