@microsoft/omnichannel-chat-widget 1.7.3-main.c8bb80a → 1.7.3-main.efad9b9

package/lib/cjs/components/webchatcontainerstateful/common/DesignerChatAdapter.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DesignerChatAdapter = void 0;
+var _Observable = require("rxjs/Observable");
+var _mockadapter = _interopRequireDefault(require("./mockadapter"));
+var _chatAdapterUtils = require("./utils/chatAdapterUtils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+class DesignerChatAdapter extends _mockadapter.default {
+  constructor() {
+    super();
+    setTimeout(() => {
+      (0, _chatAdapterUtils.postBotMessageActivity)(this.activityObserver, "Id venenatis a condimentum vitae?", undefined, 0);
+      this.postUserActivity("Diam donec adipiscing tristique risus nec feugiat in fermentum", 0);
+      (0, _chatAdapterUtils.postSystemMessageActivity)(this.activityObserver, "We are finding the best agent for your inquiry, please hold ...", 100);
+      (0, _chatAdapterUtils.postSystemMessageActivity)(this.activityObserver, "John has joined the chat", 100);
+      (0, _chatAdapterUtils.postBotMessageActivity)(this.activityObserver, "Neque viverra justo nec ultrices dui sapien eget mi proin", undefined, 100);
+    }, 1000);
+  }
+  postUserActivity(text) {
+    let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
+    setTimeout(() => {
+      (0, _chatAdapterUtils.postEchoActivity)(this.activityObserver, {
+        text,
+        from: {
+          ..._chatAdapterUtils.customerUser
+        },
+        type: "message"
+      }, _chatAdapterUtils.customerUser, 0);
+    }, delay);
+  }
+  postActivity(activity) {
+    if (activity) {
+      (0, _chatAdapterUtils.postEchoActivity)(this.activityObserver, activity, _chatAdapterUtils.customerUser);
+    }
+    return _Observable.Observable.of(activity.id || "");
+  }
+}
+exports.DesignerChatAdapter = DesignerChatAdapter;

package/lib/cjs/components/webchatcontainerstateful/common/DesignerChatSDK.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DesignerChatSDK = void 0;
+var _DesignerChatAdapter = require("./DesignerChatAdapter");
+var _mockchatsdk = require("./mockchatsdk");
+class DesignerChatSDK extends _mockchatsdk.MockChatSDK {
+  constructor() {
+    super();
+  }
+  createChatAdapter() {
+    return new _DesignerChatAdapter.DesignerChatAdapter();
+  }
+}
+exports.DesignerChatSDK = DesignerChatSDK;

package/lib/cjs/components/webchatcontainerstateful/common/MockBotCardCommandType.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var MockBotCardCommandType;
+(function (MockBotCardCommandType) {
+  MockBotCardCommandType["Hero"] = "hero";
+  MockBotCardCommandType["Signin"] = "signin";
+  MockBotCardCommandType["Thumbnail"] = "thumbnail";
+})(MockBotCardCommandType || (MockBotCardCommandType = {}));
+var _default = MockBotCardCommandType;
+exports.default = _default;

package/lib/cjs/components/webchatcontainerstateful/common/MockBotCommand.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var MockBotCommand;
+(function (MockBotCommand) {
+  MockBotCommand["Bot"] = "/bot";
+  MockBotCommand["Card"] = "/card";
+  MockBotCommand["Help"] = "/help";
+  MockBotCommand["SendAttachment"] = "send attachment";
+  MockBotCommand["SendBotMessage"] = "send bot message";
+  MockBotCommand["SendSystemMessage"] = "send system message";
+  MockBotCommand["SendTyping"] = "send typing";
+  MockBotCommand["System"] = "/system";
+})(MockBotCommand || (MockBotCommand = {}));
+var _default = MockBotCommand;
+exports.default = _default;

package/lib/cjs/components/webchatcontainerstateful/common/mockchatsdk.js

@@ -21,6 +21,9 @@ class MockChatSDK {
       orgUrl: "https://contoso.crm.dynamics.com"
     });
   }
+  async initialize() {
+    return this.getLiveChatConfig();
+  }
   async startChat() {
     await this.sleep(1000);
   }

package/lib/cjs/components/webchatcontainerstateful/common/utils/attachmentActivityUtils.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createThumbnailCardAttachment = exports.createSigninCardAttachment = exports.createJpgFileAttachment = exports.createHeroCardAttachment = void 0;
+const createJpgFileAttachment = () => {
+  return {
+    contentType: "image/jpeg",
+    name: "600x400.jpg",
+    contentUrl: "https://raw.githubusercontent.com/microsoft/omnichannel-chat-sdk/e7e75d4ede351e1cf2e52f13860d2284848c4af0/playwright/public/images/600x400.jpg"
+  };
+};
+exports.createJpgFileAttachment = createJpgFileAttachment;
+const createHeroCardAttachment = () => {
+  return {
+    contentType: "application/vnd.microsoft.card.hero",
+    content: {
+      buttons: [{
+        title: "Bellevue",
+        type: "imBack",
+        value: "Bellevue"
+      }, {
+        title: "Redmond",
+        type: "imBack",
+        value: "Redmond"
+      }, {
+        title: "Seattle",
+        type: "imBack",
+        value: "Seattle"
+      }],
+      title: "Choose your location"
+    }
+  };
+};
+exports.createHeroCardAttachment = createHeroCardAttachment;
+const createThumbnailCardAttachment = () => {
+  return {
+    contentType: "application/vnd.microsoft.card.thumbnail",
+    content: {
+      title: "Microsoft",
+      subtitle: "Our mission is to empower every person and every organization on the planet to achieve more.",
+      text: "Microsoft creates platforms and tools powered by AI to deliver innovative solutions that meet the evolving needs of our customers. The technology company is committed to making AI available broadly and doing so responsibly, with a mission to empower every person and every organization on the planet to achieve more.",
+      images: [{
+        alt: "Microsoft logo",
+        url: "https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE1Mu3b?ver=5c31" // logo from https://microsoft.com
+      }],
+
+      buttons: [{
+        title: "Learn more",
+        type: "openUrl",
+        value: "https://www.microsoft.com/"
+      }]
+    }
+  };
+};
+exports.createThumbnailCardAttachment = createThumbnailCardAttachment;
+const createSigninCardAttachment = () => {
+  return {
+    contentType: "application/vnd.microsoft.card.signin",
+    content: {
+      text: "Please login",
+      buttons: [{
+        type: "signin",
+        title: "Signin",
+        value: "https://login.live.com/"
+      }]
+    }
+  };
+};
+exports.createSigninCardAttachment = createSigninCardAttachment;

package/lib/cjs/components/webchatcontainerstateful/common/utils/chatAdapterUtils.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.postSystemMessageActivity = exports.postEchoActivity = exports.postBotTypingActivity = exports.postBotMessageActivity = exports.postBotAttachmentActivity = exports.customerUser = exports.botUser = void 0;
+var _omnichannelChatSdk = require("@microsoft/omnichannel-chat-sdk");
+const customerUser = {
+  id: "usedId",
+  name: "User",
+  role: "user"
+};
+exports.customerUser = customerUser;
+const botUser = {
+  id: "botId",
+  name: "Bot",
+  role: "bot"
+};
+
+// WebChat expects an "echo" activity to confirm the message has been sent successfully
+exports.botUser = botUser;
+const postEchoActivity = function (activityObserver, activity, user) {
+  let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1000;
+  const echoActivity = {
+    ...activity,
+    id: (0, _omnichannelChatSdk.uuidv4)(),
+    from: {
+      ...activity.from,
+      ...user
+    },
+    timestamp: new Date().toISOString()
+  };
+  setTimeout(() => {
+    activityObserver === null || activityObserver === void 0 ? void 0 : activityObserver.next(echoActivity); // mock message sent activity
+  }, delay);
+};
+exports.postEchoActivity = postEchoActivity;
+const postBotMessageActivity = function (activityObserver, text) {
+  let tags = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+  let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1000;
+  setTimeout(() => {
+    activityObserver === null || activityObserver === void 0 ? void 0 : activityObserver.next({
+      id: (0, _omnichannelChatSdk.uuidv4)(),
+      from: {
+        ...botUser
+      },
+      text,
+      type: "message",
+      channelData: {
+        tags
+      },
+      timestamp: new Date().toISOString()
+    });
+  }, delay);
+};
+exports.postBotMessageActivity = postBotMessageActivity;
+const postSystemMessageActivity = function (activityObserver, text) {
+  let delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1000;
+  postBotMessageActivity(activityObserver, text, "system", delay);
+};
+exports.postSystemMessageActivity = postSystemMessageActivity;
+const postBotTypingActivity = function (activityObserver) {
+  let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
+  setTimeout(() => {
+    activityObserver === null || activityObserver === void 0 ? void 0 : activityObserver.next({
+      id: (0, _omnichannelChatSdk.uuidv4)(),
+      from: {
+        ...botUser
+      },
+      type: "typing"
+    });
+  }, delay);
+};
+exports.postBotTypingActivity = postBotTypingActivity;
+const postBotAttachmentActivity = function (activityObserver) {
+  let attachments = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  let delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1000;
+  setTimeout(() => {
+    activityObserver === null || activityObserver === void 0 ? void 0 : activityObserver.next({
+      id: (0, _omnichannelChatSdk.uuidv4)(),
+      from: {
+        ...botUser
+      },
+      attachments,
+      type: "message",
+      timestamp: new Date().toISOString()
+    });
+  }, delay);
+};
+exports.postBotAttachmentActivity = postBotAttachmentActivity;

package/lib/cjs/components/webchatcontainerstateful/interfaces/IBotAuthConfig.js

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

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

@@ -209,6 +209,7 @@ export let TelemetryEvent;
   TelemetryEvent["PostChatSurveyLoadingPaneLoaded"] = "PostChatSurveyLoadingPaneLoaded";
   TelemetryEvent["PostChatSurveyLoaded"] = "PostChatSurveyLoaded";
   TelemetryEvent["ChatDisconnectThreadEventReceived"] = "ChatDisconnectThreadEventReceived";
+  TelemetryEvent["HiddenAdaptiveCardMessageReceived"] = "HiddenAdaptiveCardMessageReceived";
 })(TelemetryEvent || (TelemetryEvent = {}));
 export class TelemetryConstants {
   static map(eventTypeOrScenarioType) {

package/lib/esm/components/livechatwidget/LiveChatWidget.js

@@ -5,13 +5,18 @@ import { ChatSDKStore } from "../../contexts/ChatSDKStore";
 import LiveChatWidgetStateful from "./livechatwidgetstateful/LiveChatWidgetStateful";
 import { createReducer } from "../../contexts/createReducer";
 import { getLiveChatWidgetContextInitialState } from "../../contexts/common/LiveChatWidgetContextInitialState";
+import { getMockChatSDKIfApplicable } from "./common/getMockChatSDKIfApplicable";
+import overridePropsOnMockIfApplicable from "./common/overridePropsOnMockIfApplicable";
 export const LiveChatWidget = props => {
+  var _props$mock;
   const reducer = createReducer();
   const [state, dispatch] = useReducer(reducer, getLiveChatWidgetContextInitialState(props));
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [adapter, setAdapter] = useState(undefined);
+  const chatSDK = getMockChatSDKIfApplicable(props.chatSDK, props === null || props === void 0 ? void 0 : (_props$mock = props.mock) === null || _props$mock === void 0 ? void 0 : _props$mock.type);
+  overridePropsOnMockIfApplicable(props);
   return /*#__PURE__*/React.createElement(ChatSDKStore.Provider, {
-    value: props.chatSDK
+    value: chatSDK
   }, /*#__PURE__*/React.createElement(ChatAdapterStore.Provider, {
     value: [adapter, setAdapter]
   }, /*#__PURE__*/React.createElement(ChatContextStore.Provider, {

package/lib/esm/components/livechatwidget/common/ActivitySubscriber/BotAuthActivitySubscriber.js

@@ -9,8 +9,6 @@ import { TelemetryHelper } from "../../../../common/telemetry/TelemetryHelper";
 const supportedSignInCardContentTypes = ["application/vnd.microsoft.card.signin", "application/vnd.microsoft.card.oauth"];
 const botOauthUrlRegex = /[\S]+.botframework.com\/api\/oauth\/signin\?signin=([\S]+)/;
 const delay = t => new Promise(resolve => setTimeout(resolve, t));
-const fetchBotAuthConfigRetries = 3;
-const fetchBotAuthConfigRetryInterval = 1000;
 let response;
 const extractSignInId = signInUrl => {
   const result = botOauthUrlRegex.exec(signInUrl);
@@ -39,7 +37,7 @@ const extractSasUrl = async attachment => {
   }
   return sasUrl;
 };
-const fetchBotAuthConfig = async retries => {
+const fetchBotAuthConfig = async (retries, interval) => {
   TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
     Event: TelemetryEvent.SetBotAuthProviderFetchConfig
   });
@@ -60,14 +58,25 @@ const fetchBotAuthConfig = async retries => {
     // Base Case
     throw new Error();
   }
-  await delay(fetchBotAuthConfigRetryInterval);
-  return await fetchBotAuthConfig(--retries);
+  await delay(interval);
+  return await fetchBotAuthConfig(--retries, interval);
 };
 export class BotAuthActivitySubscriber {
   constructor() {
+    let optionalParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _defineProperty(this, "observer", void 0);
     _defineProperty(this, "signInCardSeen", void 0);
+    _defineProperty(this, "fetchBotAuthConfigRetries", void 0);
+    _defineProperty(this, "fetchBotAuthConfigRetryInterval", void 0);
     this.signInCardSeen = new Set();
+    this.fetchBotAuthConfigRetries = 3;
+    this.fetchBotAuthConfigRetryInterval = 1000;
+    if (optionalParams.fetchBotAuthConfigRetries) {
+      this.fetchBotAuthConfigRetries = optionalParams.fetchBotAuthConfigRetries;
+    }
+    if (optionalParams.fetchBotAuthConfigRetryInterval) {
+      this.fetchBotAuthConfigRetryInterval = optionalParams.fetchBotAuthConfigRetryInterval;
+    }
   }
   applicable(activity) {
     var _activity$attachments;
@@ -106,7 +115,7 @@ export class BotAuthActivitySubscriber {
       BroadcastService.postMessage(event);
     }
     try {
-      const response = await fetchBotAuthConfig(fetchBotAuthConfigRetries);
+      const response = await fetchBotAuthConfig(this.fetchBotAuthConfigRetries, this.fetchBotAuthConfigRetryInterval);
       if (response === false) {
         TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
           Event: TelemetryEvent.SetBotAuthProviderHideCard

package/lib/esm/components/livechatwidget/common/ActivitySubscriber/HiddenAdaptiveCardActivitySubscriber.js

@@ -0,0 +1,70 @@
+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 { Constants } from "../../../../common/Constants";
+import { BroadcastEvent, LogLevel, TelemetryEvent } from "../../../../common/telemetry/TelemetryConstants";
+import { TelemetryHelper } from "../../../../common/telemetry/TelemetryHelper";
+import { BroadcastService } from "@microsoft/omnichannel-chat-components";
+export class HiddenAdaptiveCardActivitySubscriber {
+  constructor() {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    _defineProperty(this, "observer", void 0);
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  async apply(activity) {
+    const {
+      attachments,
+      attachment
+    } = activity;
+    this.observer.next(false);
+    BroadcastService.postMessage({
+      eventName: BroadcastEvent.NewMessageReceived,
+      payload: {
+        attachments: attachments || [attachment],
+        text: "Custom Event"
+      }
+    });
+    return;
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
+  applicable(activity) {
+    const {
+      attachments,
+      attachment
+    } = activity;
+
+    // Use `attachments` or `attachment` (whichever exists)
+    const cards = attachments || [attachment];
+
+    // Check if contentType is "AdaptiveCard"
+    const adaptiveCard = cards === null || cards === void 0 ? void 0 : cards.find(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    item => Constants.supportedAdaptiveCardContentTypes.indexOf(item === null || item === void 0 ? void 0 : item.contentType) >= 0);
+    if (adaptiveCard && adaptiveCard.content) {
+      const {
+        body
+      } = adaptiveCard.content;
+      if (Array.isArray(body)) {
+        // Check if all elements in `body` have `isVisible: false`
+        const allInvisible = body.every(item => item.isVisible === false);
+        if (allInvisible) {
+          TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+            Event: TelemetryEvent.HiddenAdaptiveCardMessageReceived,
+            Description: "All elements in AdaptiveCard are invisible"
+          });
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  async next(activity) {
+    if (this.applicable(activity)) {
+      return await this.apply(activity);
+    }
+    return activity;
+  }
+}

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

@@ -5,9 +5,14 @@ import { defaultMiddlewareLocalizedTexts } from "../../webchatcontainerstateful/
 import { ChatAdapterShim } from "./ChatAdapterShim";
 import { PauseActivitySubscriber } from "./ActivitySubscriber/PauseActivitySubscriber";
 import { BotAuthActivitySubscriber } from "./ActivitySubscriber/BotAuthActivitySubscriber";
+import { HiddenAdaptiveCardActivitySubscriber } from "./ActivitySubscriber/HiddenAdaptiveCardActivitySubscriber";
+const defaultBotAuthConfig = {
+  fetchBotAuthConfigRetries: 3,
+  fetchBotAuthConfigRetryInterval: 1000
+};
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const createAdapter = async chatSDK => {
+export const createAdapter = async (chatSDK, props) => {
   const chatAdapterOptionalParams = {
     IC3Adapter: {
       options: {
@@ -33,9 +38,16 @@ export const createAdapter = async chatSDK => {
   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) {
+    var _props$webChatContain, _props$webChatContain2, _props$webChatContain3, _props$webChatContain4;
+    const botAuthActivitySubscriberOptionalParams = {
+      fetchBotAuthConfigRetries: (props === null || props === void 0 ? void 0 : (_props$webChatContain = props.webChatContainerProps) === null || _props$webChatContain === void 0 ? void 0 : (_props$webChatContain2 = _props$webChatContain.botAuthConfig) === null || _props$webChatContain2 === void 0 ? void 0 : _props$webChatContain2.fetchBotAuthConfigRetries) || defaultBotAuthConfig.fetchBotAuthConfigRetries,
+      fetchBotAuthConfigRetryInterval: (props === null || props === void 0 ? void 0 : (_props$webChatContain3 = props.webChatContainerProps) === null || _props$webChatContain3 === void 0 ? void 0 : (_props$webChatContain4 = _props$webChatContain3.botAuthConfig) === null || _props$webChatContain4 === void 0 ? void 0 : _props$webChatContain4.fetchBotAuthConfigRetryInterval) || defaultBotAuthConfig.fetchBotAuthConfigRetryInterval
+    };
     adapter = new ChatAdapterShim(adapter);
     adapter.addSubscriber(new PauseActivitySubscriber());
-    adapter.addSubscriber(new BotAuthActivitySubscriber());
+    adapter.addSubscriber(new BotAuthActivitySubscriber(botAuthActivitySubscriberOptionalParams));
+    // Remove this code after ICM ID:544623085 is fixed
+    adapter.addSubscriber(new HiddenAdaptiveCardActivitySubscriber());
     return adapter.chatAdapter;
   }
   return adapter;

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

@@ -1,8 +1,8 @@
 import { Constants } from "../../../common/Constants";
 import MarkdownIt from "markdown-it";
 import MarkdownItForInline from "markdown-it-for-inline";
-import MarkdownSlack from "slack-markdown-it";
 import { defaultMarkdownLocalizedTexts } from "../../webchatcontainerstateful/common/defaultProps/defaultMarkdownLocalizedTexts";
+import { addSlackMarkdownIt } from "./helpers/markdownHelper";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const createMarkdown = (disableMarkdownMessageFormatting, disableNewLineMarkdownSupport) => {
@@ -13,7 +13,7 @@ export const createMarkdown = (disableMarkdownMessageFormatting, disableNewLineM
       linkify: true,
       breaks: !disableNewLineMarkdownSupport
     });
-    markdown.use(MarkdownSlack);
+    markdown = addSlackMarkdownIt(markdown);
   } else {
     markdown = new MarkdownIt(Constants.Zero, {
       html: true,

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

@@ -0,0 +1,20 @@
+import { DemoChatSDK } from "../../webchatcontainerstateful/common/DemoChatSDK";
+import { DesignerChatSDK } from "../../webchatcontainerstateful/common/DesignerChatSDK";
+import { MockChatSDK } from "../../webchatcontainerstateful/common/mockchatsdk";
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const getMockChatSDKIfApplicable = (chatSDK, type) => {
+  if (type) {
+    switch (type.toLowerCase()) {
+      case "demo":
+        chatSDK = new DemoChatSDK();
+        break;
+      case "designer":
+        chatSDK = new DesignerChatSDK();
+        break;
+      default:
+        chatSDK = new MockChatSDK();
+    }
+  }
+  return chatSDK;
+};

package/lib/esm/components/livechatwidget/common/helpers/markdownHelper.js

@@ -0,0 +1,15 @@
+import SlackMarkdown from "slack-markdown-it";
+export const addSlackMarkdownIt = markdown => {
+  try {
+    markdown.use(SlackMarkdown);
+  } catch (e) {
+    // this is to support the case when slack-markdown-it 
+    // transpiled code doesn't export default (webpack5)
+    if (SlackMarkdown.default.apply) {
+      markdown.use(SlackMarkdown.default);
+    } else {
+      console.error("Error while adding slackMarkdown plugin", e);
+    }
+  }
+  return markdown;
+};

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

@@ -0,0 +1,34 @@
+const overridePropsOnMockIfApplicable = props => {
+  var _props$mock, _props$mock2;
+  if (props !== null && props !== void 0 && (_props$mock = props.mock) !== null && _props$mock !== void 0 && _props$mock.type && (props === null || props === void 0 ? void 0 : (_props$mock2 = props.mock) === null || _props$mock2 === void 0 ? void 0 : _props$mock2.type.toLowerCase()) === "designer") {
+    if (!props.webChatContainerProps) {
+      props.webChatContainerProps = {};
+    }
+    if (!props.webChatContainerProps.webChatProps) {
+      props.webChatContainerProps.webChatProps = {};
+    }
+    if (!props.webChatContainerProps.webChatStyles) {
+      props.webChatContainerProps.webChatStyles = {};
+    }
+    if (!props.webChatContainerProps.webChatProps.overrideLocalizedStrings) {
+      props.webChatContainerProps.webChatProps.overrideLocalizedStrings = {};
+    }
+    props.webChatContainerProps = {
+      ...props.webChatContainerProps,
+      webChatProps: {
+        disabled: true,
+        ...props.webChatContainerProps.webChatProps,
+        overrideLocalizedStrings: {
+          TEXT_INPUT_PLACEHOLDER: "Send a message . . .",
+          ...props.webChatContainerProps.webChatProps.overrideLocalizedStrings
+        }
+      },
+      webChatStyles: {
+        hideUploadButton: false,
+        sendBoxBackground: "rgb(243, 242, 241)",
+        ...props.webChatContainerProps.webChatStyles
+      }
+    };
+  }
+};
+export default overridePropsOnMockIfApplicable;