@microsoft/omnichannel-chat-widget 1.7.3-main.5f11aa4 → 1.7.3-main.722a237

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

@@ -11,16 +11,21 @@ var _ChatSDKStore = require("../../contexts/ChatSDKStore");
 var _LiveChatWidgetStateful = _interopRequireDefault(require("./livechatwidgetstateful/LiveChatWidgetStateful"));
 var _createReducer = require("../../contexts/createReducer");
 var _LiveChatWidgetContextInitialState = require("../../contexts/common/LiveChatWidgetContextInitialState");
+var _getMockChatSDKIfApplicable = require("./common/getMockChatSDKIfApplicable");
+var _overridePropsOnMockIfApplicable = _interopRequireDefault(require("./common/overridePropsOnMockIfApplicable"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const LiveChatWidget = props => {
+  var _props$mock;
   const reducer = (0, _createReducer.createReducer)();
   const [state, dispatch] = (0, _react.useReducer)(reducer, (0, _LiveChatWidgetContextInitialState.getLiveChatWidgetContextInitialState)(props));
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [adapter, setAdapter] = (0, _react.useState)(undefined);
+  const chatSDK = (0, _getMockChatSDKIfApplicable.getMockChatSDKIfApplicable)(props.chatSDK, props === null || props === void 0 ? void 0 : (_props$mock = props.mock) === null || _props$mock === void 0 ? void 0 : _props$mock.type);
+  (0, _overridePropsOnMockIfApplicable.default)(props);
   return /*#__PURE__*/_react.default.createElement(_ChatSDKStore.ChatSDKStore.Provider, {
-    value: props.chatSDK
+    value: chatSDK
   }, /*#__PURE__*/_react.default.createElement(_ChatAdapterStore.ChatAdapterStore.Provider, {
     value: [adapter, setAdapter]
   }, /*#__PURE__*/_react.default.createElement(_ChatContextStore.ChatContextStore.Provider, {

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMockChatSDKIfApplicable = void 0;
+var _DemoChatSDK = require("../../webchatcontainerstateful/common/DemoChatSDK");
+var _DesignerChatSDK = require("../../webchatcontainerstateful/common/DesignerChatSDK");
+var _mockchatsdk = require("../../webchatcontainerstateful/common/mockchatsdk");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getMockChatSDKIfApplicable = (chatSDK, type) => {
+  if (type) {
+    switch (type.toLowerCase()) {
+      case "demo":
+        chatSDK = new _DemoChatSDK.DemoChatSDK();
+        break;
+      case "designer":
+        chatSDK = new _DesignerChatSDK.DesignerChatSDK();
+        break;
+      default:
+        chatSDK = new _mockchatsdk.MockChatSDK();
+    }
+  }
+  return chatSDK;
+};
+exports.getMockChatSDKIfApplicable = getMockChatSDKIfApplicable;

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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
+      }
+    };
+  }
+};
+var _default = overridePropsOnMockIfApplicable;
+exports.default = _default;

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

@@ -48,6 +48,7 @@ const setAuthenticationIfApplicable = async (props, chatSDK) => {
 const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) => {
   optionalParams = {}; //Resetting to ensure no stale values
   widgetInstanceId = (0, _utils.getWidgetCacheIdfromProps)(props);
+
   // reconnect > chat from cache
   if ((0, _reconnectChatHelper.isReconnectEnabled)(props.chatConfig) === true && !(0, _reconnectChatHelper.isPersistentEnabled)(props.chatConfig)) {
     const shouldStartChatNormally = await (0, _reconnectChatHelper.handleChatReconnect)(chatSDK, props, dispatch, setAdapter, initStartChat, state);
@@ -69,7 +70,11 @@ const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) =>
   // Setting Proactive chat settings
   const isProactiveChat = state.appStates.conversationState === _ConversationState.ConversationState.ProactiveChat;
   const isPreChatEnabledInProactiveChat = state.appStates.proactiveChatStates.proactiveChatEnablePrechat;
-  await setAuthenticationIfApplicable(props, chatSDK);
+
+  // Setting auth settings to OC API to retrieve existing persistent chat session before start chat if any
+  if ((0, _reconnectChatHelper.isPersistentEnabled)(props.chatConfig)) {
+    await setAuthenticationIfApplicable(props, chatSDK);
+  }
 
   //Setting PreChat and intiate chat
   await setPreChatAndInitiateChat(chatSDK, dispatch, setAdapter, isProactiveChat, isPreChatEnabledInProactiveChat, state, props);
@@ -167,6 +172,9 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
       Description: "Widget loading started"
     });
 
+    // Auth token retrieval needs to happen during start chat to support pop-out chat
+    await setAuthenticationIfApplicable(props, chatSDK);
+
     //Check if chat retrieved from cache
     if (persistedState || params !== null && params !== void 0 && params.liveChatContext) {
       var _persistedState$domai, _persistedState$domai2, _persistedState$domai3, _persistedState$domai4, _persistedState$domai5;

package/lib/cjs/components/livechatwidget/interfaces/IMockProps.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var LiveChatWidgetMockType;
+(function (LiveChatWidgetMockType) {
+  LiveChatWidgetMockType["Test"] = "Test";
+  LiveChatWidgetMockType["Demo"] = "Demo";
+})(LiveChatWidgetMockType || (LiveChatWidgetMockType = {}));

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

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DemoChatAdapter = void 0;
+require("rxjs/add/operator/share");
+require("rxjs/add/observable/of");
+var _Observable = require("rxjs/Observable");
+var _mockadapter = _interopRequireDefault(require("./mockadapter"));
+var _chatAdapterUtils = require("./utils/chatAdapterUtils");
+var _attachmentActivityUtils = require("./utils/attachmentActivityUtils");
+var _MockBotCommand = _interopRequireDefault(require("./MockBotCommand"));
+var _MockBotCardCommandType = _interopRequireDefault(require("./MockBotCardCommandType"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+class DemoChatAdapter extends _mockadapter.default {
+  constructor() {
+    super();
+    setTimeout(() => {
+      (0, _chatAdapterUtils.postSystemMessageActivity)(this.activityObserver, "You're currently using a demo.", 0);
+      (0, _chatAdapterUtils.postBotMessageActivity)(this.activityObserver, "Type `/help` to learn more", undefined, 0); // send init message from bot
+    }, 1000);
+  }
+  postBotCommandsActivity() {
+    let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1000;
+    (0, _chatAdapterUtils.postBotAttachmentActivity)(this.activityObserver, [{
+      contentType: "application/vnd.microsoft.card.thumbnail",
+      content: {
+        buttons: [{
+          title: "Send system message",
+          type: "imBack",
+          value: "send system message"
+        }, {
+          title: "Send typing",
+          type: "imBack",
+          value: "send typing"
+        }, {
+          title: "Send bot message",
+          type: "imBack",
+          value: "send bot message"
+        }],
+        title: "Commands"
+      }
+    }], delay);
+  }
+  postActivity(activity) {
+    if (activity) {
+      (0, _chatAdapterUtils.postEchoActivity)(this.activityObserver, activity, _chatAdapterUtils.customerUser);
+      if (activity.text) {
+        switch (true) {
+          case activity.text === _MockBotCommand.default.Help:
+            this.postBotCommandsActivity();
+            break;
+          case activity.text === _MockBotCommand.default.SendSystemMessage:
+            (0, _chatAdapterUtils.postSystemMessageActivity)(this.activityObserver, "Contoso has joined the chat.");
+            break;
+          case activity.text === _MockBotCommand.default.SendTyping:
+            (0, _chatAdapterUtils.postBotTypingActivity)(this.activityObserver);
+            break;
+          case activity.text === _MockBotCommand.default.SendAttachment:
+            (0, _chatAdapterUtils.postBotAttachmentActivity)(this.activityObserver, [(0, _attachmentActivityUtils.createJpgFileAttachment)()]);
+            break;
+          case activity.text === _MockBotCommand.default.SendBotMessage:
+            (0, _chatAdapterUtils.postBotMessageActivity)(this.activityObserver, "Hi, how can I help you?");
+            break;
+          case activity.text === `${_MockBotCommand.default.Card} ${_MockBotCardCommandType.default.Signin}`:
+            (0, _chatAdapterUtils.postBotAttachmentActivity)(this.activityObserver, [(0, _attachmentActivityUtils.createSigninCardAttachment)()]);
+            break;
+          case activity.text === `${_MockBotCommand.default.Card} ${_MockBotCardCommandType.default.Hero}`:
+            (0, _chatAdapterUtils.postBotAttachmentActivity)(this.activityObserver, [(0, _attachmentActivityUtils.createHeroCardAttachment)()]);
+            break;
+          case activity.text === `${_MockBotCommand.default.Card} ${_MockBotCardCommandType.default.Thumbnail}`:
+            (0, _chatAdapterUtils.postBotAttachmentActivity)(this.activityObserver, [(0, _attachmentActivityUtils.createThumbnailCardAttachment)()]);
+            break;
+          case activity.text.startsWith(`${_MockBotCommand.default.Bot} `):
+            (0, _chatAdapterUtils.postBotMessageActivity)(this.activityObserver, activity.text.substring(5));
+            break;
+          case activity.text.startsWith(`${_MockBotCommand.default.System} `):
+            (0, _chatAdapterUtils.postSystemMessageActivity)(this.activityObserver, activity.text.substring(8));
+            break;
+        }
+      }
+    }
+    return _Observable.Observable.of(activity.id || "");
+  }
+}
+exports.DemoChatAdapter = DemoChatAdapter;

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

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

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/plugins/newMessageEventHandler.js

@@ -20,7 +20,7 @@ const createOnNewAdapterActivityHandler = (chatId, userId) => {
   const raiseMessageEvent = (activity, isHistoryMessage) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const polyfillMessagePayloadForEvent = payload => {
-      var _activity$conversatio, _TelemetryManager$Int;
+      var _activity$conversatio, _TelemetryManager$Int, _attachments;
       return {
         ...payload,
         channelData: activity === null || activity === void 0 ? void 0 : activity.channelData,
@@ -29,7 +29,9 @@ const createOnNewAdapterActivityHandler = (chatId, userId) => {
         id: activity === null || activity === void 0 ? void 0 : activity.id,
         isChatComplete: false,
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        text: activity === null || activity === void 0 ? void 0 : activity.text
+        text: activity === null || activity === void 0 ? void 0 : activity.text,
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        attachment: (activity === null || activity === void 0 ? void 0 : (_attachments = activity.attachments) === null || _attachments === void 0 ? void 0 : _attachments.length) >= 1 ? activity === null || activity === void 0 ? void 0 : activity.attachments : []
       };
     };
     if ((activity === null || activity === void 0 ? void 0 : activity.type) === _Constants.Constants.message) {

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/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/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;

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

@@ -43,6 +43,7 @@ const setAuthenticationIfApplicable = async (props, chatSDK) => {
 const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) => {
   optionalParams = {}; //Resetting to ensure no stale values
   widgetInstanceId = getWidgetCacheIdfromProps(props);
+
   // reconnect > chat from cache
   if (isReconnectEnabled(props.chatConfig) === true && !isPersistentEnabled(props.chatConfig)) {
     const shouldStartChatNormally = await handleChatReconnect(chatSDK, props, dispatch, setAdapter, initStartChat, state);
@@ -64,7 +65,11 @@ const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) =>
   // Setting Proactive chat settings
   const isProactiveChat = state.appStates.conversationState === ConversationState.ProactiveChat;
   const isPreChatEnabledInProactiveChat = state.appStates.proactiveChatStates.proactiveChatEnablePrechat;
-  await setAuthenticationIfApplicable(props, chatSDK);
+
+  // Setting auth settings to OC API to retrieve existing persistent chat session before start chat if any
+  if (isPersistentEnabled(props.chatConfig)) {
+    await setAuthenticationIfApplicable(props, chatSDK);
+  }
 
   //Setting PreChat and intiate chat
   await setPreChatAndInitiateChat(chatSDK, dispatch, setAdapter, isProactiveChat, isPreChatEnabledInProactiveChat, state, props);
@@ -160,6 +165,9 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
       Description: "Widget loading started"
     });
 
+    // Auth token retrieval needs to happen during start chat to support pop-out chat
+    await setAuthenticationIfApplicable(props, chatSDK);
+
     //Check if chat retrieved from cache
     if (persistedState || params !== null && params !== void 0 && params.liveChatContext) {
       var _persistedState$domai, _persistedState$domai2, _persistedState$domai3, _persistedState$domai4, _persistedState$domai5;

package/lib/esm/components/livechatwidget/interfaces/IMockProps.js

@@ -0,0 +1,6 @@
+var LiveChatWidgetMockType;
+(function (LiveChatWidgetMockType) {
+  LiveChatWidgetMockType["Test"] = "Test";
+  LiveChatWidgetMockType["Demo"] = "Demo";
+})(LiveChatWidgetMockType || (LiveChatWidgetMockType = {}));
+export {};

package/lib/esm/components/webchatcontainerstateful/common/DemoChatAdapter.js

@@ -0,0 +1,79 @@
+import "rxjs/add/operator/share";
+import "rxjs/add/observable/of";
+import { Observable } from "rxjs/Observable";
+import MockAdapter from "./mockadapter";
+import { customerUser, postBotMessageActivity, postBotAttachmentActivity, postBotTypingActivity, postEchoActivity, postSystemMessageActivity } from "./utils/chatAdapterUtils";
+import { createHeroCardAttachment, createJpgFileAttachment, createSigninCardAttachment, createThumbnailCardAttachment } from "./utils/attachmentActivityUtils";
+import MockBotCommand from "./MockBotCommand";
+import MockBotCardCommandType from "./MockBotCardCommandType";
+export class DemoChatAdapter extends MockAdapter {
+  constructor() {
+    super();
+    setTimeout(() => {
+      postSystemMessageActivity(this.activityObserver, "You're currently using a demo.", 0);
+      postBotMessageActivity(this.activityObserver, "Type `/help` to learn more", undefined, 0); // send init message from bot
+    }, 1000);
+  }
+  postBotCommandsActivity() {
+    let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1000;
+    postBotAttachmentActivity(this.activityObserver, [{
+      contentType: "application/vnd.microsoft.card.thumbnail",
+      content: {
+        buttons: [{
+          title: "Send system message",
+          type: "imBack",
+          value: "send system message"
+        }, {
+          title: "Send typing",
+          type: "imBack",
+          value: "send typing"
+        }, {
+          title: "Send bot message",
+          type: "imBack",
+          value: "send bot message"
+        }],
+        title: "Commands"
+      }
+    }], delay);
+  }
+  postActivity(activity) {
+    if (activity) {
+      postEchoActivity(this.activityObserver, activity, customerUser);
+      if (activity.text) {
+        switch (true) {
+          case activity.text === MockBotCommand.Help:
+            this.postBotCommandsActivity();
+            break;
+          case activity.text === MockBotCommand.SendSystemMessage:
+            postSystemMessageActivity(this.activityObserver, "Contoso has joined the chat.");
+            break;
+          case activity.text === MockBotCommand.SendTyping:
+            postBotTypingActivity(this.activityObserver);
+            break;
+          case activity.text === MockBotCommand.SendAttachment:
+            postBotAttachmentActivity(this.activityObserver, [createJpgFileAttachment()]);
+            break;
+          case activity.text === MockBotCommand.SendBotMessage:
+            postBotMessageActivity(this.activityObserver, "Hi, how can I help you?");
+            break;
+          case activity.text === `${MockBotCommand.Card} ${MockBotCardCommandType.Signin}`:
+            postBotAttachmentActivity(this.activityObserver, [createSigninCardAttachment()]);
+            break;
+          case activity.text === `${MockBotCommand.Card} ${MockBotCardCommandType.Hero}`:
+            postBotAttachmentActivity(this.activityObserver, [createHeroCardAttachment()]);
+            break;
+          case activity.text === `${MockBotCommand.Card} ${MockBotCardCommandType.Thumbnail}`:
+            postBotAttachmentActivity(this.activityObserver, [createThumbnailCardAttachment()]);
+            break;
+          case activity.text.startsWith(`${MockBotCommand.Bot} `):
+            postBotMessageActivity(this.activityObserver, activity.text.substring(5));
+            break;
+          case activity.text.startsWith(`${MockBotCommand.System} `):
+            postSystemMessageActivity(this.activityObserver, activity.text.substring(8));
+            break;
+        }
+      }
+    }
+    return Observable.of(activity.id || "");
+  }
+}

package/lib/esm/components/webchatcontainerstateful/common/DemoChatSDK.js

@@ -0,0 +1,10 @@
+import { DemoChatAdapter } from "./DemoChatAdapter";
+import { MockChatSDK } from "./mockchatsdk";
+export class DemoChatSDK extends MockChatSDK {
+  constructor() {
+    super();
+  }
+  createChatAdapter() {
+    return new DemoChatAdapter();
+  }
+}

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

@@ -0,0 +1,33 @@
+import { Observable } from "rxjs/Observable";
+import MockAdapter from "./mockadapter";
+import { customerUser, postBotMessageActivity, postEchoActivity, postSystemMessageActivity } from "./utils/chatAdapterUtils";
+export class DesignerChatAdapter extends MockAdapter {
+  constructor() {
+    super();
+    setTimeout(() => {
+      postBotMessageActivity(this.activityObserver, "Id venenatis a condimentum vitae?", undefined, 0);
+      this.postUserActivity("Diam donec adipiscing tristique risus nec feugiat in fermentum", 0);
+      postSystemMessageActivity(this.activityObserver, "We are finding the best agent for your inquiry, please hold ...", 100);
+      postSystemMessageActivity(this.activityObserver, "John has joined the chat", 100);
+      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(() => {
+      postEchoActivity(this.activityObserver, {
+        text,
+        from: {
+          ...customerUser
+        },
+        type: "message"
+      }, customerUser, 0);
+    }, delay);
+  }
+  postActivity(activity) {
+    if (activity) {
+      postEchoActivity(this.activityObserver, activity, customerUser);
+    }
+    return Observable.of(activity.id || "");
+  }
+}

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

@@ -0,0 +1,10 @@
+import { DesignerChatAdapter } from "./DesignerChatAdapter";
+import { MockChatSDK } from "./mockchatsdk";
+export class DesignerChatSDK extends MockChatSDK {
+  constructor() {
+    super();
+  }
+  createChatAdapter() {
+    return new DesignerChatAdapter();
+  }
+}

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

@@ -0,0 +1,7 @@
+var MockBotCardCommandType;
+(function (MockBotCardCommandType) {
+  MockBotCardCommandType["Hero"] = "hero";
+  MockBotCardCommandType["Signin"] = "signin";
+  MockBotCardCommandType["Thumbnail"] = "thumbnail";
+})(MockBotCardCommandType || (MockBotCardCommandType = {}));
+export default MockBotCardCommandType;

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

@@ -0,0 +1,12 @@
+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 = {}));
+export default MockBotCommand;

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

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

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

@@ -0,0 +1,61 @@
+export const createJpgFileAttachment = () => {
+  return {
+    contentType: "image/jpeg",
+    name: "600x400.jpg",
+    contentUrl: "https://raw.githubusercontent.com/microsoft/omnichannel-chat-sdk/e7e75d4ede351e1cf2e52f13860d2284848c4af0/playwright/public/images/600x400.jpg"
+  };
+};
+export 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"
+    }
+  };
+};
+export 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/"
+      }]
+    }
+  };
+};
+export const createSigninCardAttachment = () => {
+  return {
+    contentType: "application/vnd.microsoft.card.signin",
+    content: {
+      text: "Please login",
+      buttons: [{
+        type: "signin",
+        title: "Signin",
+        value: "https://login.live.com/"
+      }]
+    }
+  };
+};

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

@@ -0,0 +1,77 @@
+import { uuidv4 } from "@microsoft/omnichannel-chat-sdk";
+export const customerUser = {
+  id: "usedId",
+  name: "User",
+  role: "user"
+};
+export const botUser = {
+  id: "botId",
+  name: "Bot",
+  role: "bot"
+};
+
+// WebChat expects an "echo" activity to confirm the message has been sent successfully
+export const postEchoActivity = function (activityObserver, activity, user) {
+  let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1000;
+  const echoActivity = {
+    ...activity,
+    id: 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);
+};
+export 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: uuidv4(),
+      from: {
+        ...botUser
+      },
+      text,
+      type: "message",
+      channelData: {
+        tags
+      },
+      timestamp: new Date().toISOString()
+    });
+  }, delay);
+};
+export const postSystemMessageActivity = function (activityObserver, text) {
+  let delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1000;
+  postBotMessageActivity(activityObserver, text, "system", delay);
+};
+export 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: uuidv4(),
+      from: {
+        ...botUser
+      },
+      type: "typing"
+    });
+  }, delay);
+};
+export 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: uuidv4(),
+      from: {
+        ...botUser
+      },
+      attachments,
+      type: "message",
+      timestamp: new Date().toISOString()
+    });
+  }, delay);
+};

package/lib/esm/plugins/newMessageEventHandler.js

@@ -14,7 +14,7 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
   const raiseMessageEvent = (activity, isHistoryMessage) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const polyfillMessagePayloadForEvent = payload => {
-      var _activity$conversatio, _TelemetryManager$Int;
+      var _activity$conversatio, _TelemetryManager$Int, _attachments;
       return {
         ...payload,
         channelData: activity === null || activity === void 0 ? void 0 : activity.channelData,
@@ -23,7 +23,9 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
         id: activity === null || activity === void 0 ? void 0 : activity.id,
         isChatComplete: false,
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        text: activity === null || activity === void 0 ? void 0 : activity.text
+        text: activity === null || activity === void 0 ? void 0 : activity.text,
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        attachment: (activity === null || activity === void 0 ? void 0 : (_attachments = activity.attachments) === null || _attachments === void 0 ? void 0 : _attachments.length) >= 1 ? activity === null || activity === void 0 ? void 0 : activity.attachments : []
       };
     };
     if ((activity === null || activity === void 0 ? void 0 : activity.type) === Constants.message) {

package/lib/types/components/livechatwidget/common/getMockChatSDKIfApplicable.d.ts

@@ -0,0 +1 @@
+export declare const getMockChatSDKIfApplicable: (chatSDK: any, type?: string | undefined) => any;

package/lib/types/components/livechatwidget/common/overridePropsOnMockIfApplicable.d.ts

@@ -0,0 +1,3 @@
+import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
+declare const overridePropsOnMockIfApplicable: (props: ILiveChatWidgetProps) => void;
+export default overridePropsOnMockIfApplicable;

package/lib/types/components/livechatwidget/interfaces/ILiveChatWidgetProps.d.ts

@@ -25,6 +25,7 @@ import { IPostChatSurveyPaneStatefulProps } from "../../postchatsurveypanestatef
 import { IScrollBarProps } from "./IScrollBarProps";
 import { IDraggableChatWidgetProps } from "./IDraggableChatWidgetProps";
 import { INotificationPaneProps } from "@microsoft/omnichannel-chat-components/lib/types/components/notificationpane/interfaces/INotificationPaneProps";
+import { IMockProps } from "./IMockProps";
 export interface ILiveChatWidgetProps {
     audioNotificationProps?: IAudioNotificationProps;
     callingContainerProps?: ICallingContainerProps;
@@ -61,4 +62,5 @@ export interface ILiveChatWidgetProps {
     allowSdkChatSupport?: boolean;
     initialCustomContext?: any;
     draggableChatWidgetProps?: IDraggableChatWidgetProps;
+    mock?: IMockProps;
 }

package/lib/types/components/livechatwidget/interfaces/IMockProps.d.ts

@@ -0,0 +1,8 @@
+declare enum LiveChatWidgetMockType {
+    Test = "Test",
+    Demo = "Demo"
+}
+export interface IMockProps {
+    type: LiveChatWidgetMockType;
+}
+export {};

package/lib/types/components/webchatcontainerstateful/common/DemoChatAdapter.d.ts

@@ -0,0 +1,10 @@
+import "rxjs/add/operator/share";
+import "rxjs/add/observable/of";
+import { Message } from "botframework-directlinejs";
+import { Observable } from "rxjs/Observable";
+import MockAdapter from "./mockadapter";
+export declare class DemoChatAdapter extends MockAdapter {
+    constructor();
+    private postBotCommandsActivity;
+    postActivity(activity: Message): Observable<string>;
+}

package/lib/types/components/webchatcontainerstateful/common/DemoChatSDK.d.ts

@@ -0,0 +1,6 @@
+import { DemoChatAdapter } from "./DemoChatAdapter";
+import { MockChatSDK } from "./mockchatsdk";
+export declare class DemoChatSDK extends MockChatSDK {
+    constructor();
+    createChatAdapter(): DemoChatAdapter;
+}

package/lib/types/components/webchatcontainerstateful/common/DesignerChatAdapter.d.ts

@@ -0,0 +1,8 @@
+import { Message } from "botframework-directlinejs";
+import { Observable } from "rxjs/Observable";
+import MockAdapter from "./mockadapter";
+export declare class DesignerChatAdapter extends MockAdapter {
+    constructor();
+    private postUserActivity;
+    postActivity(activity: Message): Observable<string>;
+}

package/lib/types/components/webchatcontainerstateful/common/DesignerChatSDK.d.ts

@@ -0,0 +1,6 @@
+import { DesignerChatAdapter } from "./DesignerChatAdapter";
+import { MockChatSDK } from "./mockchatsdk";
+export declare class DesignerChatSDK extends MockChatSDK {
+    constructor();
+    createChatAdapter(): DesignerChatAdapter;
+}

package/lib/types/components/webchatcontainerstateful/common/MockBotCardCommandType.d.ts

@@ -0,0 +1,6 @@
+declare enum MockBotCardCommandType {
+    Hero = "hero",
+    Signin = "signin",
+    Thumbnail = "thumbnail"
+}
+export default MockBotCardCommandType;

package/lib/types/components/webchatcontainerstateful/common/MockBotCommand.d.ts

@@ -0,0 +1,11 @@
+declare enum MockBotCommand {
+    Bot = "/bot",
+    Card = "/card",
+    Help = "/help",
+    SendAttachment = "send attachment",
+    SendBotMessage = "send bot message",
+    SendSystemMessage = "send system message",
+    SendTyping = "send typing",
+    System = "/system"
+}
+export default MockBotCommand;

package/lib/types/components/webchatcontainerstateful/common/mockadapter.d.ts

@@ -3,8 +3,9 @@ import "rxjs/add/observable/of";
 import { Activity, ConnectionStatus, Message } from "botframework-directlinejs";
 import { BehaviorSubject } from "rxjs";
 import { Observable } from "rxjs/Observable";
+import { Subscriber } from "rxjs/Subscriber";
 export default class MockAdapter {
-    private activityObserver?;
+    activityObserver?: Subscriber<Activity>;
     activity$: Observable<Activity>;
     connectionStatus$: BehaviorSubject<ConnectionStatus>;
     constructor();

package/lib/types/components/webchatcontainerstateful/common/mockchatsdk.d.ts

@@ -8,6 +8,12 @@ export declare class MockChatSDK {
         orgId: string;
         orgUrl: string;
     };
+    initialize(): Promise<{
+        LiveWSAndLiveChatEngJoin: {
+            msdyn_postconversationsurveyenable: string;
+            msdyn_conversationmode: string;
+        };
+    }>;
     startChat(): Promise<void>;
     endChat(): null;
     getChatToken(): null;

package/lib/types/components/webchatcontainerstateful/common/utils/attachmentActivityUtils.d.ts

@@ -0,0 +1,9 @@
+import { HeroCard, Signin, Thumbnail } from "botframework-directlinejs";
+export declare const createJpgFileAttachment: () => {
+    contentType: string;
+    name: string;
+    contentUrl: string;
+};
+export declare const createHeroCardAttachment: () => HeroCard;
+export declare const createThumbnailCardAttachment: () => Thumbnail;
+export declare const createSigninCardAttachment: () => Signin;

package/lib/types/components/webchatcontainerstateful/common/utils/chatAdapterUtils.d.ts

@@ -0,0 +1,9 @@
+import { Activity, Attachment, Message, User } from "botframework-directlinejs";
+import { Subscriber } from "rxjs/Subscriber";
+export declare const customerUser: User;
+export declare const botUser: User;
+export declare const postEchoActivity: (activityObserver: Subscriber<Activity> | undefined, activity: Message, user: User, delay?: number) => void;
+export declare const postBotMessageActivity: (activityObserver: Subscriber<Activity> | undefined, text: string, tags?: string, delay?: number) => void;
+export declare const postSystemMessageActivity: (activityObserver: Subscriber<Activity> | undefined, text: string, delay?: number) => void;
+export declare const postBotTypingActivity: (activityObserver: Subscriber<Activity> | undefined, delay?: number) => void;
+export declare const postBotAttachmentActivity: (activityObserver: Subscriber<Activity> | undefined, attachments?: Attachment[], delay?: number) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.7.3-main.5f11aa4",
+  "version": "1.7.3-main.722a237",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -75,9 +75,9 @@
   },
   "dependencies": {
     "@microsoft/omnichannel-chat-components": "1.1.5",
-    "@microsoft/omnichannel-chat-sdk": "^1.9.5",
+    "@microsoft/omnichannel-chat-sdk": "^1.9.6",
     "abort-controller-es5": "^2.0.1",
-    "dompurify": "^2.3.4",
+    "dompurify": "^2.5.4",
     "markdown-it": "^12.3.2",
     "markdown-it-attrs": "^4.1.6",
     "markdown-it-attrs-es5": "^2.0.2",