@microsoft/omnichannel-chat-widget 1.7.3-main.112d01b → 1.7.3-main.2f6e3c2

package/lib/cjs/components/livechatwidget/livechatwidgetstateful/LiveChatWidgetStateful.js

@@ -354,6 +354,23 @@ const LiveChatWidgetStateful = props => {
         }
       }
     });
+    _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.BroadcastEvent.NetworkReconnected).subscribe(async () => {
+      var _window2, _window2$location;
+      if ((0, _utils.isThisSessionPopout)((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$location = _window2.location) === null || _window2$location === void 0 ? void 0 : _window2$location.href)) {
+        return;
+      }
+      const conversationDetails = await (0, _utils.getConversationDetailsCall)(chatSDK);
+      if ((conversationDetails === null || conversationDetails === void 0 ? void 0 : conversationDetails.state) === _Constants.LiveWorkItemState.WrapUp || (conversationDetails === null || conversationDetails === void 0 ? void 0 : conversationDetails.state) === _Constants.LiveWorkItemState.Closed) {
+        dispatch({
+          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CHAT_DISCONNECT_EVENT_RECEIVED,
+          payload: true
+        });
+        _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+          Event: _TelemetryConstants.TelemetryEvent.ChatDisconnectThreadEventReceived,
+          Description: "Chat disconnected due to timeout, user went offline or blocked the device (including closing laptop)"
+        });
+      }
+    });
 
     /**
      * This will allow to sync multiple tabs to handle minimize and maximize state, 
@@ -671,11 +688,24 @@ const LiveChatWidgetStateful = props => {
 
   // Handle Chat disconnect cases
   (0, _react2.useEffect)(() => {
+    var _inMemoryState$appSta5;
     const inMemoryState = (0, _createReducer.executeReducer)(state, {
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
       payload: null
     });
     (0, _chatDisconnectHelper.handleChatDisconnect)(props, inMemoryState, setWebChatStyles);
+    const chatDisconnectState = inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta5 = inMemoryState.appStates) === null || _inMemoryState$appSta5 === void 0 ? void 0 : _inMemoryState$appSta5.chatDisconnectEventReceived;
+    if (chatDisconnectState && adapter) {
+      try {
+        adapter.end();
+        adapter.close();
+      } catch (e) {
+        _TelemetryHelper.TelemetryHelper.logWebChatEvent(_TelemetryConstants.LogLevel.ERROR, {
+          Event: _TelemetryConstants.TelemetryEvent.EndingAdapterAfterDisconnectionError,
+          Description: _Constants.WidgetLoadCustomErrorString.CloseAdapterAfterDisconnectionErrorString
+        });
+      }
+    }
   }, [state.appStates.chatDisconnectEventReceived]);
 
   // if props state gets updates we need to update the renderingMiddlewareProps in the state

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/components/webchatcontainerstateful/interfaces/IBotAuthConfig.js

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

package/lib/cjs/plugins/createChatTranscript.js

@@ -376,6 +376,90 @@ class TranscriptHTMLBuilder {
                     window.addEventListener("online", () => {
                         document.body.innerHTML = \`${this.networkOnlineMessage} <button onclick="window.location.reload()"> Refresh </button>\`;
                     });
+
+                    document.addEventListener("copy", (event) => {
+                        const clonedSelectedContent = window.getSelection().getRangeAt(0).cloneContents();
+                        const copiedContent = document.createElement("div");
+                        copiedContent.appendChild(clonedSelectedContent);
+        
+                        event.clipboardData.setData("text/plain", getAllText(copiedContent));
+                        event.preventDefault();
+                    });
+
+
+                    getAllText = (element) => {
+                        let plainText = "";
+                        Array.from(element.childNodes).forEach((node) => {
+                            // ignore aria-hidden elements and keyboard help text
+                            const ariaHiddenAttr = node.attributes ? node.attributes.getNamedItem("aria-hidden") : null;
+                            if ((ariaHiddenAttr && ariaHiddenAttr.value === "true") || node.classList && node.classList.contains("webchat__keyboard-help")) {
+                                return;
+                            }
+                         
+                            // get all texts inside activity body, including message, translated message, attachment name, adaptive card content, status footer, etc.
+                            if (node.classList && node.classList.contains("webchat__basic-transcript__activity-body")) {
+                                plainText += this.processTranscriptActivityNode(node);
+                                return;
+                            }
+                            if (node.nodeType === Node.TEXT_NODE) {
+                                plainText += node.textContent + '\\n';
+                            } else {
+                                plainText += this.getAllText(node);
+                            }
+                        });
+                        return plainText;
+                    }
+
+                    processTranscriptActivityNode = (node) => {
+                        const divs = node.getElementsByTagName("div");
+                        let plainText = "";
+                
+                        if (divs && divs.length > 1 && divs[1]) {                           
+                            const messageRow = node.querySelector(".webchat__stacked-layout__message-row[aria-roledescription='message']");
+                            const author = node.querySelector(".message-name");
+                            const attachmentRow = node.querySelector(".webchat__stacked-layout__attachment-row[aria-roledescription='attachment']");
+                        
+                            if (messageRow) {
+                                let message = messageRow.getElementsByClassName("webchat__text-content__markdown");
+                                
+                                if (message.length === 0) {
+                                    message = messageRow.getElementsByClassName("markdown");                                    
+                                }
+
+                                if (message.length > 0) {
+                                    plainText += author.textContent + '\\n' + message[0].textContent + '\\n';
+                                }
+                            }  else if (attachmentRow) {
+                                const attachment = attachmentRow.getElementsByClassName("webchat__fileContent__fileName");
+                                const adaptiveCard = this.getAdaptiveCardContent(attachmentRow.querySelector(".ac-container.ac-adaptiveCard"));
+                               
+                                plainText += attachment && attachment.length > 0 ? author.textContent +'\\n' + attachment[0].textContent +'\\n': author.textContent +'\\n' + adaptiveCard +'\\n';
+                            }
+                
+                            const statusElements = node.getElementsByClassName("webchat__stacked-layout__status");
+                            if (statusElements.length > 0) {
+                                const timestampelement = statusElements[0].querySelector(".message-timestamp");
+                                plainText += timestampelement ? timestampelement.textContent+'\\n\\n' : '\\n';
+                            }
+                        }
+                
+                        return plainText;
+                    }
+
+                    getAdaptiveCardContent = (node) => {
+                        if (!node) {
+                            return undefined;
+                        }
+
+                        let plainText = "";
+                        const rows = node.querySelectorAll(".ac-textBlock p");
+                        rows.forEach((row) => {
+                            plainText += row.textContent+ '\\n';
+                        });
+
+                        return plainText;
+                    }
+
                 <\/script>
                 <div id="transcript"></div>
                 <script>

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/common/Constants.js

@@ -276,6 +276,7 @@ _defineProperty(WidgetLoadTelemetryMessage, "PersistedStateRetrievedMessage", "P
 export class WidgetLoadCustomErrorString {}
 _defineProperty(WidgetLoadCustomErrorString, "AuthenticationFailedErrorString", "Authentication was not successful");
 _defineProperty(WidgetLoadCustomErrorString, "NetworkErrorString", "Network Error");
+_defineProperty(WidgetLoadCustomErrorString, "CloseAdapterAfterDisconnectionErrorString", "Error trying to end/close chat adapter after the widget is back on-line, for an already disconnected session");
 export class PrepareEndChatDescriptionConstants {}
 _defineProperty(PrepareEndChatDescriptionConstants, "ConversationEndedByCustomerWithoutPostChat", "Conversation ended by customer. Post chat not configured or should not show.");
 _defineProperty(PrepareEndChatDescriptionConstants, "ConversationEndedByCustomerWithInvalidPostChat", "Conversation ended by customer. Post chat context is invalid.");

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

@@ -95,6 +95,7 @@ export let TelemetryEvent;
   TelemetryEvent["GetConversationDetailsCallStarted"] = "GetConversationDetailsCallStarted";
   TelemetryEvent["GetConversationDetailsCallFailed"] = "GetConversationDetailsCallFailed";
   TelemetryEvent["EndChatSDKCallFailed"] = "EndChatSDKCallFailed";
+  TelemetryEvent["DisconnectEndChatSDKCallFailed"] = "DisconnectEndChatSDKCallFailed";
   TelemetryEvent["GetChatReconnectContextSDKCallStarted"] = "GetChatReconnectContextSDKCallStarted";
   TelemetryEvent["GetChatReconnectContextSDKCallFailed"] = "GetChatReconnectContextSDKCallFailed";
   TelemetryEvent["ParseAdaptiveCardFailed"] = "ParseAdaptiveCardFailed";
@@ -208,6 +209,8 @@ export let TelemetryEvent;
   TelemetryEvent["PostChatSurveyLoadingPaneLoaded"] = "PostChatSurveyLoadingPaneLoaded";
   TelemetryEvent["PostChatSurveyLoaded"] = "PostChatSurveyLoaded";
   TelemetryEvent["ChatDisconnectThreadEventReceived"] = "ChatDisconnectThreadEventReceived";
+  TelemetryEvent["HiddenAdaptiveCardMessageReceived"] = "HiddenAdaptiveCardMessageReceived";
+  TelemetryEvent["EndingAdapterAfterDisconnectionError"] = "EndingAdapterAfterDisconnectionError";
 })(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