@microsoft/omnichannel-chat-widget 1.7.3-main.9d92cc9 → 1.7.3-main.b61c751

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/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.BotAuthActivityUndefinedSignInId,
+            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,6 +5,7 @@ import { defaultMiddlewareLocalizedTexts } from "../../webchatcontainerstateful/
 import { ChatAdapterShim } from "./ChatAdapterShim";
 import { PauseActivitySubscriber } from "./ActivitySubscriber/PauseActivitySubscriber";
 import { BotAuthActivitySubscriber } from "./ActivitySubscriber/BotAuthActivitySubscriber";
+import { HiddenAdaptiveCardActivitySubscriber } from "./ActivitySubscriber/HiddenAdaptiveCardActivitySubscriber";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const createAdapter = async chatSDK => {
@@ -36,6 +37,8 @@ export const createAdapter = async chatSDK => {
     adapter = new ChatAdapterShim(adapter);
     adapter.addSubscriber(new PauseActivitySubscriber());
     adapter.addSubscriber(new BotAuthActivitySubscriber());
+    // Remove this code after ICM ID:544623085 is fixed
+    adapter.addSubscriber(new HiddenAdaptiveCardActivitySubscriber());
     return adapter.chatAdapter;
   }
   return adapter;

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

@@ -2,21 +2,21 @@ import { BroadcastEvent, LogLevel, TelemetryEvent } from "../../../common/teleme
 import { Constants, LiveWorkItemState, WidgetLoadCustomErrorString, WidgetLoadTelemetryMessage } from "../../../common/Constants";
 import { checkContactIdError, createTimer, getConversationDetailsCall, getStateFromCache, getWidgetCacheIdfromProps, isNullOrEmptyString, isUndefinedOrEmpty } from "../../../common/utils";
 import { getAuthClientFunction, handleAuthentication } from "./authHelper";
+import { handleChatReconnect, isPersistentEnabled, isReconnectEnabled } from "./reconnectChatHelper";
+import { handleStartChatError, logWidgetLoadComplete } from "./startChatErrorHandler";
 import { ActivityStreamHandler } from "./ActivityStreamHandler";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { ConversationState } from "../../../contexts/common/ConversationState";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { TelemetryTimers } from "../../../common/telemetry/TelemetryManager";
+import { chatSDKStateCleanUp } from "./endChat";
 import { createAdapter } from "./createAdapter";
 import { createOnNewAdapterActivityHandler } from "../../../plugins/newMessageEventHandler";
-import { handleChatReconnect, isPersistentEnabled, isReconnectEnabled } from "./reconnectChatHelper";
-import { setPostChatContextAndLoadSurvey } from "./setPostChatContextAndLoadSurvey";
-import { updateSessionDataForTelemetry } from "./updateSessionDataForTelemetry";
-import { logWidgetLoadComplete, handleStartChatError } from "./startChatErrorHandler";
-import { chatSDKStateCleanUp } from "./endChat";
 import { isPersistentChatEnabled } from "./liveChatConfigUtils";
+import { setPostChatContextAndLoadSurvey } from "./setPostChatContextAndLoadSurvey";
 import { shouldSetPreChatIfPersistentChat } from "./persistentChatHelper";
+import { updateTelemetryData } from "./updateSessionDataForTelemetry";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let optionalParams = {};
@@ -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);
@@ -146,7 +151,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
     chatSDKStateCleanUp(chatSDK);
   }
   try {
-    var _state$appStates2, _newAdapter$activity$;
+    var _state$appStates2;
     // Clear disconnect state on start chat
     (state === null || state === void 0 ? void 0 : (_state$appStates2 = state.appStates) === null || _state$appStates2 === void 0 ? void 0 : _state$appStates2.chatDisconnectEventReceived) && dispatch({
       type: LiveChatWidgetActionType.SET_CHAT_DISCONNECT_EVENT_RECEIVED,
@@ -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;
@@ -194,16 +202,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
       isStartChatSuccessful = false;
       throw error;
     }
-
-    // New adapter creation
-    const newAdapter = await createAdapter(chatSDK);
-    setAdapter(newAdapter);
-    const chatToken = await chatSDK.getChatToken();
-    dispatch({
-      type: LiveChatWidgetActionType.SET_CHAT_TOKEN,
-      payload: chatToken
-    });
-    newAdapter === null || newAdapter === void 0 ? void 0 : (_newAdapter$activity$ = newAdapter.activity$) === null || _newAdapter$activity$ === void 0 ? void 0 : _newAdapter$activity$.subscribe(createOnNewAdapterActivityHandler(chatToken === null || chatToken === void 0 ? void 0 : chatToken.chatId, chatToken === null || chatToken === void 0 ? void 0 : chatToken.visitorId));
+    await createAdapterAndSubscribe(chatSDK, dispatch, setAdapter);
 
     // Set app state to Active
     if (isStartChatSuccessful) {
@@ -224,27 +223,26 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
         payload: persistedState
       });
       logWidgetLoadComplete(WidgetLoadTelemetryMessage.PersistedStateRetrievedMessage);
-      await setPostChatContextAndLoadSurvey(chatSDK, dispatch, true);
+      // Set post chat context in state, load in background to do not block the load
+      setPostChatContextAndLoadSurvey(chatSDK, dispatch, true);
       return;
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const liveChatContext = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getCurrentLiveChatContext());
-
     // Persistent Chat relies on the `reconnectId` retrieved from reconnectablechats API to reconnect upon start chat and not `liveChatContext`
     if (!persistentChatEnabled) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const liveChatContext = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getCurrentLiveChatContext());
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       dispatch({
         type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
         payload: liveChatContext
       });
     }
     logWidgetLoadComplete();
-    // Set post chat context in state
-    // Commenting this for now as post chat context is fetched during end chat
-    await setPostChatContextAndLoadSurvey(chatSDK, dispatch);
-
+    // Set post chat context in state, load in background to do not block the load
+    setPostChatContextAndLoadSurvey(chatSDK, dispatch);
     // Updating chat session detail for telemetry
-    await updateSessionDataForTelemetry(chatSDK, dispatch);
+    await updateTelemetryData(chatSDK, dispatch);
   } catch (ex) {
     handleStartChatError(dispatch, chatSDK, props, ex, isStartChatSuccessful);
   } finally {
@@ -253,6 +251,19 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
   }
 };
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const createAdapterAndSubscribe = async (chatSDK, dispatch, setAdapter) => {
+  var _newAdapter$activity$;
+  // New adapter creation
+  const newAdapter = await createAdapter(chatSDK);
+  setAdapter(newAdapter);
+  const chatToken = await chatSDK.getChatToken();
+  dispatch({
+    type: LiveChatWidgetActionType.SET_CHAT_TOKEN,
+    payload: chatToken
+  });
+  newAdapter === null || newAdapter === void 0 ? void 0 : (_newAdapter$activity$ = newAdapter.activity$) === null || _newAdapter$activity$ === void 0 ? void 0 : _newAdapter$activity$.subscribe(createOnNewAdapterActivityHandler(chatToken === null || chatToken === void 0 ? void 0 : chatToken.chatId, chatToken === null || chatToken === void 0 ? void 0 : chatToken.visitorId));
+};
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdapter) => {
   var _state$appStates3, _persistedState$domai6, _persistedState$appSt;
@@ -341,10 +352,8 @@ const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
   var _state$domainStates8, _state$domainStates8$, _state$domainStates9;
   const requestIdFromCache = (_state$domainStates8 = state.domainStates) === null || _state$domainStates8 === void 0 ? void 0 : (_state$domainStates8$ = _state$domainStates8.liveChatContext) === null || _state$domainStates8$ === void 0 ? void 0 : _state$domainStates8$.requestId;
   const liveChatContext = state === null || state === void 0 ? void 0 : (_state$domainStates9 = state.domainStates) === null || _state$domainStates9 === void 0 ? void 0 : _state$domainStates9.liveChatContext;
-
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let conversationDetails = undefined;
-
   // Preserve current requestId
   const currentRequestId = chatSDK.requestId ?? "";
   dispatch({

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

@@ -1,14 +1,14 @@
-import { ChatSDKErrorName, ChatSDKError } from "@microsoft/omnichannel-chat-sdk";
+import { ChatSDKError, ChatSDKErrorName } from "@microsoft/omnichannel-chat-sdk";
 import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
-import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
-import { TelemetryTimers } from "../../../common/telemetry/TelemetryManager";
+import { PrepareEndChatDescriptionConstants, WidgetLoadCustomErrorString, WidgetLoadTelemetryMessage } from "../../../common/Constants";
+import { callingStateCleanUp, chatSDKStateCleanUp, closeChatStateCleanUp, endChatStateCleanUp } from "./endChat";
 import { ConversationState } from "../../../contexts/common/ConversationState";
-import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
-import { callingStateCleanUp, endChatStateCleanUp, closeChatStateCleanUp, chatSDKStateCleanUp } from "./endChat";
 import { DataStoreManager } from "../../../common/contextDataStore/DataStoreManager";
-import { getWidgetCacheIdfromProps } from "../../../common/utils";
-import { PrepareEndChatDescriptionConstants, WidgetLoadCustomErrorString, WidgetLoadTelemetryMessage } from "../../../common/Constants";
+import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
 import { StartChatFailureType } from "../../../contexts/common/StartChatFailureType";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
+import { TelemetryTimers } from "../../../common/telemetry/TelemetryManager";
+import { getWidgetCacheIdfromProps } from "../../../common/utils";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const handleStartChatError = (dispatch, chatSDK, props, ex, isStartChatSuccessful) => {

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

@@ -6,7 +6,13 @@ import { TelemetryManager } from "../../../common/telemetry/TelemetryManager";
 import { getConversationDetailsCall } from "../../../common/utils";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const updateSessionDataForTelemetry = async (chatSDK, dispatch) => {
+export const updateTelemetryData = async (chatSDK, dispatch) => {
+  // load it concurrently, this will reduce the load time
+  await Promise.all([updateSessionDataForTelemetry(chatSDK, dispatch), updateConversationDataForTelemetry(chatSDK, dispatch)]);
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const updateSessionDataForTelemetry = async (chatSDK, dispatch) => {
   if (chatSDK) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const chatSession = await chatSDK.getCurrentLiveChatContext();
@@ -21,7 +27,6 @@ export const updateSessionDataForTelemetry = async (chatSDK, dispatch) => {
         chatSession
       }
     });
-    await updateConversationDataForTelemetry(chatSDK, dispatch);
   }
 };
 

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();
+  }
+}