@microsoft/omnichannel-chat-widget 0.1.0-main.15c1e2b → 0.1.0-main.18d1166

package/lib/cjs/hooks/useDebounce.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useDebounce;
+var _react = require("react");
+function useDebounce(func) {
+  let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
+  const timer = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
+    return () => {
+      if (!timer.current) return;
+      clearTimeout(timer.current);
+    };
+  }, []);
+  const debouncedFunction = function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    const newTimer = setTimeout(() => {
+      func(...args);
+    }, delay);
+    clearTimeout(timer.current);
+    timer.current = newTimer;
+  };
+  return debouncedFunction;
+}

package/lib/cjs/hooks/useWindowDimensions.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useWindowDimensions;
+var _react = require("react");
+var _useDebounce = _interopRequireDefault(require("./useDebounce"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function getWindowDimensions() {
+  const {
+    innerWidth: width,
+    innerHeight: height
+  } = window;
+  return {
+    width,
+    height
+  };
+}
+function useWindowDimensions() {
+  let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 200;
+  const [windowDimensions, setWindowDimensions] = (0, _react.useState)(getWindowDimensions());
+  const handleResize = () => setWindowDimensions(getWindowDimensions());
+  const debouncedHandleResize = (0, _useDebounce.default)(handleResize, delay);
+  (0, _react.useEffect)(() => {
+    window.addEventListener("resize", debouncedHandleResize);
+    return () => window.removeEventListener("resize", debouncedHandleResize);
+  }, []);
+  return windowDimensions;
+}

package/lib/cjs/plugins/newMessageEventHandler.js

@@ -15,6 +15,7 @@ const createOnNewAdapterActivityHandler = (chatId, userId) => {
     const isHistoryMessage = isActivityMessage && ((activity === null || activity === void 0 ? void 0 : (_activity$channelData = activity.channelData) === null || _activity$channelData === void 0 ? void 0 : (_activity$channelData2 = _activity$channelData.tags) === null || _activity$channelData2 === void 0 ? void 0 : _activity$channelData2.includes(_Constants.Constants.historyMessageTag)) || (activity === null || activity === void 0 ? void 0 : (_activity$channelData3 = activity.channelData) === null || _activity$channelData3 === void 0 ? void 0 : _activity$channelData3.fromList));
     raiseMessageEvent(activity, isHistoryMessage);
   };
+  let isHistoryMessageReceivedEventRasied = false;
   const raiseMessageEvent = (activity, isHistoryMessage) => {
     if ((activity === null || activity === void 0 ? void 0 : activity.type) === _Constants.Constants.message) {
       var _text, _text2, _activity$channelData4, _activity$from;
@@ -73,6 +74,15 @@ const createOnNewAdapterActivityHandler = (chatId, userId) => {
             Description: "New message received",
             Data: payload
           });
+        } else {
+          if (!isHistoryMessageReceivedEventRasied) {
+            isHistoryMessageReceivedEventRasied = true;
+            _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+              Event: _TelemetryConstants.TelemetryEvent.HistoryMessageReceived,
+              Description: "History message received",
+              Data: payload
+            });
+          }
         }
       }
     }

package/lib/esm/common/Constants.js

@@ -21,6 +21,8 @@ _defineProperty(Constants, "truePascal", "True");
 _defineProperty(Constants, "true", "true");
 _defineProperty(Constants, "false", "false");
 _defineProperty(Constants, "maximumUnreadMessageCount", 99);
+_defineProperty(Constants, "userParticipantTypeTag", "User");
+_defineProperty(Constants, "botParticipantTypeTag", "Bot");
 _defineProperty(Constants, "channelIdKey", "ChannelId-");
 _defineProperty(Constants, "ChannelId", "lcw");
 _defineProperty(Constants, "CustomerTag", "FromCustomer");
@@ -123,6 +125,7 @@ _defineProperty(HtmlAttributeNames, "noreferrerTag", "noreferrer");
 _defineProperty(HtmlAttributeNames, "adaptiveCardClassName", "ac-adaptiveCard");
 _defineProperty(HtmlAttributeNames, "adaptiveCardTextBlockClassName", "ac-textBlock");
 _defineProperty(HtmlAttributeNames, "adaptiveCardToggleInputClassName", "ac-toggleInput");
+_defineProperty(HtmlAttributeNames, "adaptiveCardActionSetClassName", "ac-actionSet");
 export class WebChatMiddlewareConstants {}
 _defineProperty(WebChatMiddlewareConstants, "nextVisibleActivity", "nextVisibleActivity");
 _defineProperty(WebChatMiddlewareConstants, "timeBetweenTimestampGroups", 300000);

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

@@ -51,6 +51,10 @@ export let BroadcastEvent;
   BroadcastEvent["RaiseErrorEvent"] = "RaiseErrorEvent";
   BroadcastEvent["NetworkDisconnected"] = "NetworkDisconnected";
   BroadcastEvent["NetworkReconnected"] = "NetworkReconnected";
+  BroadcastEvent["SigninCardReceived"] = "SignInCardReceived";
+  BroadcastEvent["BotAuthConfigRequest"] = "BotAuthConfigRequest";
+  BroadcastEvent["BotAuthConfigResponse"] = "BotAuthConfigResponse";
+  BroadcastEvent["HideChatVisibilityChangeEvent"] = "hideChatVisibilityChangeEvent";
 })(BroadcastEvent || (BroadcastEvent = {}));
 export let TelemetryEvent;
 (function (TelemetryEvent) {
@@ -86,11 +90,10 @@ export let TelemetryEvent;
   TelemetryEvent["GetConversationDetailsCallFailed"] = "GetConversationDetailsCallFailed";
   TelemetryEvent["EndChatSDKCallFailed"] = "EndChatSDKCallFailed";
   TelemetryEvent["GetChatReconnectContextSDKCallFailed"] = "GetChatReconnectContextSDKCallFailed";
-  TelemetryEvent["PostChatContextCallSucceed"] = "PostChatContextCallSucceed";
-  TelemetryEvent["PostChatContextCallFailed"] = "PostChatContextCallFailed";
   TelemetryEvent["ParseAdaptiveCardFailed"] = "ParseAdaptiveCardFailed";
   TelemetryEvent["ClientDataStoreProviderFailed"] = "ClientDataStoreProviderFailed";
   TelemetryEvent["InMemoryDataStoreFailed"] = "InMemoryDataStoreFailed";
+  TelemetryEvent["ChatVisibilityChanged"] = "ChatVisibilityChanged";
   TelemetryEvent["WebChatLoaded"] = "WebChatLoaded";
   TelemetryEvent["LCWChatButtonClicked"] = "LCWChatButtonClicked";
   TelemetryEvent["LCWChatButtonShow"] = "LCWChatButtonShow";
@@ -98,6 +101,7 @@ export let TelemetryEvent;
   TelemetryEvent["WidgetLoadComplete"] = "WidgetLoadComplete";
   TelemetryEvent["WidgetLoadFailed"] = "WidgetLoadFailed";
   TelemetryEvent["StartChatMethodException"] = "StartChatMethodException";
+  TelemetryEvent["CloseChatCall"] = "CloseChatCall";
   TelemetryEvent["CloseChatMethodException"] = "CloseChatMethodException";
   TelemetryEvent["PrechatSurveyLoaded"] = "PrechatSurveyLoaded";
   TelemetryEvent["PrechatSubmitted"] = "PrechatSubmitted";
@@ -111,6 +115,7 @@ export let TelemetryEvent;
   TelemetryEvent["DownloadTranscriptResponseNullOrUndefined"] = "DownloadTranscriptResponseNullOrUndefined";
   TelemetryEvent["EmailTranscriptSent"] = "EmailTranscriptSent";
   TelemetryEvent["EmailTranscriptFailed"] = "EmailTranscriptFailed";
+  TelemetryEvent["ErrorUIPaneLoaded"] = "ErrorUIPaneLoaded";
   TelemetryEvent["DownloadTranscriptFailed"] = "DownloadTranscriptFailed";
   TelemetryEvent["StartChatFailed"] = "StartChatFailed";
   TelemetryEvent["IC3ThreadUpdateEventReceived"] = "IC3ThreadUpdateEventReceived";
@@ -119,8 +124,6 @@ export let TelemetryEvent;
   TelemetryEvent["LoadingPaneLoaded"] = "LoadingPaneLoaded";
   TelemetryEvent["EmailTranscriptLoaded"] = "EmailTranscriptLoaded";
   TelemetryEvent["OutOfOfficePaneLoaded"] = "OutOfOfficePaneLoaded";
-  TelemetryEvent["PostChatSurveyLoadingPaneLoaded"] = "PostChatSurveyLoadingPaneLoaded";
-  TelemetryEvent["PostChatSurveyLoaded"] = "PostChatSurveyLoaded";
   TelemetryEvent["ConfirmationPaneLoaded"] = "ConfirmationPaneLoaded";
   TelemetryEvent["ProactiveChatPaneLoaded"] = "ProactiveChatPaneLoaded";
   TelemetryEvent["ReconnectChatPaneLoaded"] = "ReconnectChatPaneLoaded";
@@ -133,6 +136,7 @@ export let TelemetryEvent;
   TelemetryEvent["SuppressBotMagicCodeSucceeded"] = "SuppressBotMagicCodeSucceeded";
   TelemetryEvent["SuppressBotMagicCodeFailed"] = "SuppressBotMagicCodeFailed";
   TelemetryEvent["GetConversationDetailsException"] = "GetConversationDetailsException";
+  TelemetryEvent["AppStatesException"] = "AppStatesException";
   TelemetryEvent["BrowserUnloadEventStarted"] = "BrowserUnloadEventStarted";
   TelemetryEvent["GetAuthTokenCalled"] = "GetAuthTokenCalled";
   TelemetryEvent["GetAuthTokenFailed"] = "GetAuthTokenFailed";
@@ -140,6 +144,11 @@ export let TelemetryEvent;
   TelemetryEvent["CustomerVoiceResponsePageLoaded"] = "CustomerVoiceResponsePageLoaded";
   TelemetryEvent["CustomerVoiceFormResponseSubmitted"] = "CustomerVoiceFormResponseSubmitted";
   TelemetryEvent["CustomerVoiceFormResponseError"] = "CustomerVoiceFormResponseError";
+  TelemetryEvent["BotAuthActivityEmptySasUrl"] = "BotAuthActivityEmptySasUrl";
+  TelemetryEvent["SetBotAuthProviderFetchConfig"] = "SetBotAuthProviderFetchConfig";
+  TelemetryEvent["SetBotAuthProviderHideCard"] = "SetBotAuthProviderHideCard";
+  TelemetryEvent["SetBotAuthProviderDisplayCard"] = "SetBotAuthProviderDisplayCard";
+  TelemetryEvent["SetBotAuthProviderNotFound"] = "SetBotAuthProviderNotFound";
   TelemetryEvent["ProcessingHTMLTextMiddlewareFailed"] = "ProcessingHTMLTextMiddlewareFailed";
   TelemetryEvent["ProcessingSanitizationMiddlewareFailed"] = "ProcessingSanitizationMiddlewareFailed";
   TelemetryEvent["FormatTagsMiddlewareJSONStringifyFailed"] = "FormatTagsMiddlewareJSONStringifyFailed";
@@ -149,6 +158,8 @@ export let TelemetryEvent;
   TelemetryEvent["DataMaskingRuleApplyFailed"] = "DataMaskingRuleApplyFailed";
   TelemetryEvent["IC3ClientEvent"] = "IC3ClientEvent";
   TelemetryEvent["ConversationEndedThreadEventReceived"] = "ConversationEndedThreadEventReceived";
+  TelemetryEvent["ConversationEndedByCustomer"] = "ConversationEndedByCustomer";
+  TelemetryEvent["ConversationEndedByAgent"] = "ConversationEndedByAgent";
   TelemetryEvent["InvalidConfiguration"] = "InvalidConfiguration";
   TelemetryEvent["SendTypingIndicatorSucceeded"] = "SendTypingIndicatorSucceeded";
   TelemetryEvent["SendTypingIndicatorFailed"] = "SendTypingIndicatorFailed";
@@ -167,9 +178,19 @@ export let TelemetryEvent;
   TelemetryEvent["MessageSent"] = "MessageSent";
   TelemetryEvent["MessageReceived"] = "MessageReceived";
   TelemetryEvent["SystemMessageReceived"] = "SystemMessageReceived";
+  TelemetryEvent["HistoryMessageReceived"] = "HistoryMessageReceived";
   TelemetryEvent["CustomContextReceived"] = "CustomContextReceived";
   TelemetryEvent["NetworkDisconnected"] = "NetworkDisconnected";
   TelemetryEvent["NetworkReconnected"] = "NetworkReconnected";
+  TelemetryEvent["LinkModePostChatWorkflowStarted"] = "LinkModePostChatWorkflowStarted";
+  TelemetryEvent["EmbedModePostChatWorkflowStarted"] = "EmbedModePostChatWorkflowStarted";
+  TelemetryEvent["PostChatWorkflowFromCustomer"] = "PostChatWorkflowFromCustomer";
+  TelemetryEvent["PostChatWorkflowFromAgent"] = "PostChatWorkflowFromAgent";
+  TelemetryEvent["PostChatWorkflowFromBot"] = "PostChatWorkflowFromBot";
+  TelemetryEvent["PostChatContextCallSucceed"] = "PostChatContextCallSucceed";
+  TelemetryEvent["PostChatContextCallFailed"] = "PostChatContextCallFailed";
+  TelemetryEvent["PostChatSurveyLoadingPaneLoaded"] = "PostChatSurveyLoadingPaneLoaded";
+  TelemetryEvent["PostChatSurveyLoaded"] = "PostChatSurveyLoaded";
 })(TelemetryEvent || (TelemetryEvent = {}));
 export class TelemetryConstants {
   static map(eventTypeOrScenarioType) {
@@ -224,6 +245,12 @@ export class TelemetryConstants {
       case TelemetryEvent.CustomerVoiceResponsePageLoaded:
       case TelemetryEvent.CustomerVoiceFormResponseSubmitted:
       case TelemetryEvent.CustomerVoiceFormResponseError:
+      case TelemetryEvent.LinkModePostChatWorkflowStarted:
+      case TelemetryEvent.EmbedModePostChatWorkflowStarted:
+      case TelemetryEvent.PostChatWorkflowFromCustomer:
+      case TelemetryEvent.PostChatWorkflowFromAgent:
+      case TelemetryEvent.PostChatWorkflowFromBot:
+      case TelemetryEvent.AppStatesException:
         return ScenarioType.ACTIONS;
       case TelemetryEvent.StartChatSDKCall:
       case TelemetryEvent.StartChatEventRecevied:

package/lib/esm/common/utils.js

@@ -1,3 +1,4 @@
+var _this = this;
 import { AriaTelemetryConstants, Constants, LocaleConstants } from "./Constants";
 import { DataStoreManager } from "./contextDataStore/DataStoreManager";
 import { KeyCodes } from "./KeyCodes";
@@ -304,4 +305,23 @@ export const addDelayInMs = ms => {
 };
 export const getBroadcastChannelName = (widgetId, widgetInstanceId) => {
   return widgetInstanceId && !isNullOrEmptyString(widgetInstanceId) ? `${widgetInstanceId}_${widgetId}` : widgetId;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const debounceLeading = function (fn) {
+  let ms = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3000;
+  let timeoutId;
+  return function () {
+    // eslint-disable-line @typescript-eslint/no-explicit-any
+
+    if (!timeoutId) {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      fn.apply(_this, args);
+    }
+    timeoutId = setTimeout(() => {
+      timeoutId = null;
+    }, ms);
+  };
 };

package/lib/esm/components/confirmationpanestateful/ConfirmationPaneStateful.js

@@ -4,21 +4,17 @@ import React, { useEffect } from "react";
 import { findAllFocusableElement, findParentFocusableElementsWithoutChildContainer, preventFocusToMoveOutOfElement, setFocusOnElement, setFocusOnSendBox, setTabIndices } from "../../common/utils";
 import { DimLayer } from "../dimlayer/DimLayer";
 import { LiveChatWidgetActionType } from "../../contexts/common/LiveChatWidgetActionType";
-import { NotificationHandler } from "../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler";
-import { NotificationScenarios } from "../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios";
 import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
 import useChatAdapterStore from "../../hooks/useChatAdapterStore";
 import useChatContextStore from "../../hooks/useChatContextStore";
+import { ConversationEndEntity } from "../../contexts/common/ConversationEndEntity";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const ConfirmationPaneStateful = props => {
   const initialTabIndexMap = new Map();
   let elements = [];
   const [state, dispatch] = useChatContextStore();
-  const {
-    prepareEndChat
-  } = props;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
   const [adapter] = useChatAdapterStore();
   const controlProps = {
     id: "oc-lcw-confirmation-pane",
@@ -32,18 +28,15 @@ export const ConfirmationPaneStateful = props => {
         type: LiveChatWidgetActionType.SET_SHOW_CONFIRMATION,
         payload: false
       });
-      try {
-        setTabIndices(elements, initialTabIndexMap, true);
-        await prepareEndChat(adapter, state);
-      } catch (ex) {
-        TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
-          Event: TelemetryEvent.GetConversationDetailsCallFailed,
-          ExceptionDetails: {
-            exception: `Get Conversation Details Call Failed : ${ex}`
-          }
-        });
-        NotificationHandler.notifyError(NotificationScenarios.Connection, "Get Conversation Details Call Failed: " + ex);
-      }
+      setTabIndices(elements, initialTabIndexMap, true);
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY,
+        payload: ConversationEndEntity.Customer
+      });
+      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.ConversationEndedByCustomer,
+        Description: "Conversation is ended by customer."
+      });
     },
     onCancel: () => {
       TelemetryHelper.logActionEvent(LogLevel.INFO, {

package/lib/esm/components/headerstateful/HeaderStateful.js

@@ -7,6 +7,7 @@ import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
 import { defaultOutOfOfficeHeaderStyleProps } from "./common/styleProps/defaultOutOfOfficeHeaderStyleProps";
 import useChatAdapterStore from "../../hooks/useChatAdapterStore";
 import useChatContextStore from "../../hooks/useChatContextStore";
+import { ConversationEndEntity } from "../../contexts/common/ConversationEndEntity";
 export const HeaderStateful = props => {
   var _state$domainStates$l, _state$domainStates$l2, _headerProps$controlP, _headerProps$controlP2, _headerProps$controlP3, _outOfOfficeHeaderPro;
   const [state, dispatch] = useChatContextStore();
@@ -21,7 +22,7 @@ export const HeaderStateful = props => {
   const [outOfOperatingHours, setOutOfOperatingHours] = useState(((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.OutOfOperatingHours) === "True");
   const outOfOfficeStyleProps = Object.assign({}, defaultOutOfOfficeHeaderStyleProps, outOfOfficeHeaderProps === null || outOfOfficeHeaderProps === void 0 ? void 0 : outOfOfficeHeaderProps.styleProps);
   const conversationState = useRef(state.appStates.conversationState);
-  const conversationEndedByAgent = useRef(state.appStates.conversationEndedByAgent);
+  const conversationEndedBy = useRef(state.appStates.conversationEndedBy);
   const controlProps = {
     id: "oc-lcw-header",
     dir: state.domainStates.globalDir,
@@ -41,7 +42,7 @@ export const HeaderStateful = props => {
         Event: TelemetryEvent.HeaderCloseButtonClicked,
         Description: "Header Close button clicked."
       });
-      if (conversationState.current === ConversationState.Active || conversationEndedByAgent.current) {
+      if (conversationState.current === ConversationState.Active || conversationEndedBy.current === ConversationEndEntity.Agent) {
         dispatch({
           type: LiveChatWidgetActionType.SET_SHOW_CONFIRMATION,
           payload: true
@@ -63,7 +64,7 @@ export const HeaderStateful = props => {
     ...(headerProps === null || headerProps === void 0 ? void 0 : headerProps.controlProps),
     hideTitle: state.appStates.conversationState === ConversationState.Loading && !state.appStates.isStartChatFailing || state.appStates.conversationState === ConversationState.PostchatLoading || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP = headerProps.controlProps) === null || _headerProps$controlP === void 0 ? void 0 : _headerProps$controlP.hideTitle),
     hideIcon: state.appStates.conversationState === ConversationState.Loading && !state.appStates.isStartChatFailing || state.appStates.conversationState === ConversationState.PostchatLoading || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP2 = headerProps.controlProps) === null || _headerProps$controlP2 === void 0 ? void 0 : _headerProps$controlP2.hideIcon),
-    hideCloseButton: state.appStates.conversationState === ConversationState.Loading && !state.appStates.isStartChatFailing || state.appStates.conversationState === ConversationState.Prechat || state.appStates.conversationState === ConversationState.ReconnectChat || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP3 = headerProps.controlProps) === null || _headerProps$controlP3 === void 0 ? void 0 : _headerProps$controlP3.hideCloseButton)
+    hideCloseButton: state.appStates.conversationState === ConversationState.Loading && !state.appStates.isStartChatFailing || state.appStates.conversationState === ConversationState.PostchatLoading || state.appStates.conversationState === ConversationState.Prechat || state.appStates.conversationState === ConversationState.ReconnectChat || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP3 = headerProps.controlProps) === null || _headerProps$controlP3 === void 0 ? void 0 : _headerProps$controlP3.hideCloseButton)
   };
   const outOfOfficeControlProps = {
     id: "oc-lcw-header",
@@ -87,7 +88,7 @@ export const HeaderStateful = props => {
     if (state.appStates.conversationState) {
       conversationState.current = state.appStates.conversationState;
     }
-    conversationEndedByAgent.current = state.appStates.conversationEndedByAgent;
+    conversationEndedBy.current = state.appStates.conversationEndedBy;
   }, [state.appStates]);
   return /*#__PURE__*/React.createElement(Header, {
     componentOverrides: headerProps === null || headerProps === void 0 ? void 0 : headerProps.componentOverrides,

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

@@ -0,0 +1,134 @@
+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); }
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { BroadcastService } from "@microsoft/omnichannel-chat-components";
+import { BroadcastEvent, LogLevel, TelemetryEvent } from "../../../../common/telemetry/TelemetryConstants";
+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);
+  if (result && result[1]) {
+    return result[1];
+  }
+  return "";
+};
+const extractSasUrl = async attachment => {
+  let sasUrl = undefined;
+  if (attachment && attachment.content && attachment.content.tokenPostResource && attachment.content.tokenPostResource.sasUrl) {
+    sasUrl = attachment.content.tokenPostResource.sasUrl;
+  }
+  if (!sasUrl) {
+    const signInId = extractSignInId(attachment.content.buttons[0].value);
+    const getTestUrlEndpoint = `https://token.botframework.com/api/sas/gettesturl?signInId=${signInId}`;
+    try {
+      const response = await window.fetch(getTestUrlEndpoint);
+      if (response.status === 200) {
+        const responseJson = await response.json();
+        sasUrl = responseJson.sasUrl;
+      }
+    } catch {
+      sasUrl = undefined;
+    }
+  }
+  return sasUrl;
+};
+const fetchBotAuthConfig = async retries => {
+  TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+    Event: TelemetryEvent.SetBotAuthProviderFetchConfig
+  });
+  const botAuthConfigRequestEvent = {
+    eventName: BroadcastEvent.BotAuthConfigRequest
+  };
+  BroadcastService.postMessage(botAuthConfigRequestEvent);
+  const listener = BroadcastService.getMessageByEventName(BroadcastEvent.BotAuthConfigResponse).subscribe(data => {
+    var _data$payload, _data$payload2;
+    response = ((_data$payload = data.payload) === null || _data$payload === void 0 ? void 0 : _data$payload.response) !== undefined ? (_data$payload2 = data.payload) === null || _data$payload2 === void 0 ? void 0 : _data$payload2.response : response;
+    listener.unsubscribe();
+  });
+  if (response !== undefined) {
+    //return response;
+    return response;
+  }
+  if (retries === 1) {
+    // Base Case
+    throw new Error();
+  }
+  await delay(fetchBotAuthConfigRetryInterval);
+  return await fetchBotAuthConfig(--retries);
+};
+export class BotAuthActivitySubscriber {
+  constructor() {
+    _defineProperty(this, "observer", void 0);
+    _defineProperty(this, "signInCardSeen", void 0);
+    this.signInCardSeen = new Set();
+  }
+  applicable(activity) {
+    var _activity$attachments;
+    return (activity === null || activity === void 0 ? void 0 : (_activity$attachments = activity.attachments) === null || _activity$attachments === void 0 ? void 0 : _activity$attachments.length) > 0 && activity.attachments[0] && supportedSignInCardContentTypes.indexOf(activity.attachments[0].contentType) >= 0;
+  }
+  async apply(activity) {
+    this.observer.next(false); // Hides card
+    const attachment = activity.attachments[0];
+    const signInUrl = attachment.content.buttons[0].value;
+    const signInId = extractSignInId(signInUrl);
+    if (!signInId) {
+      return;
+    }
+    if (this.signInCardSeen.has(signInId)) {
+      // Prevents duplicate auth
+      return;
+    }
+    this.signInCardSeen.add(signInId);
+    const sasUrl = await extractSasUrl(attachment);
+    const event = {
+      eventName: BroadcastEvent.SigninCardReceived,
+      payload: {
+        sasUrl
+      }
+    };
+    if (!sasUrl) {
+      TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.BotAuthActivityEmptySasUrl,
+        Description: "SaS Url is empty"
+      });
+      return activity;
+    } else {
+      BroadcastService.postMessage(event);
+    }
+    try {
+      const response = await fetchBotAuthConfig(fetchBotAuthConfigRetries);
+      if (response === false) {
+        TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+          Event: TelemetryEvent.SetBotAuthProviderHideCard
+        });
+      } else {
+        TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+          Event: TelemetryEvent.SetBotAuthProviderDisplayCard
+        });
+        return activity;
+      }
+    } catch {
+      TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.SetBotAuthProviderNotFound
+      });
+      //this is to ensure listener continues waiting for response
+      if (this.signInCardSeen.has(signInId)) {
+        this.signInCardSeen.delete(signInId);
+      }
+      return activity;
+    }
+  }
+  async next(activity) {
+    if (this.applicable(activity)) {
+      return await this.apply(activity);
+    }
+    return activity;
+  }
+}

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

@@ -0,0 +1,30 @@
+import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
+import { ConversationEndEntity } from "../../../contexts/common/ConversationEndEntity";
+import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
+import { checkPostChatEnabled } from "./setPostChatContextAndLoadSurvey";
+const handleAgentEndConversation = (props, state, dispatch) => {
+  const isPostChatEnabled = checkPostChatEnabled(props, state);
+  if (isPostChatEnabled) {
+    if (!state.appStates.postChatWorkflowInProgress) {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY,
+        payload: ConversationEndEntity.Agent
+      });
+      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.ConversationEndedByAgent,
+        Description: "Conversation is ended from agent side"
+      });
+    }
+  } else {
+    dispatch({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY,
+      payload: ConversationEndEntity.Agent
+    });
+    TelemetryHelper.logActionEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.ConversationEndedByAgent,
+      Description: "Conversation is ended from agent side"
+    });
+  }
+};
+export { handleAgentEndConversation };

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

@@ -4,6 +4,7 @@ import { NotificationScenarios } from "../../webchatcontainerstateful/webchatcon
 import { defaultMiddlewareLocalizedTexts } from "../../webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts";
 import { ChatAdapterShim } from "./ChatAdapterShim";
 import { PauseActivitySubscriber } from "./ActivitySubscriber/PauseActivitySubscriber";
+import { BotAuthActivitySubscriber } from "./ActivitySubscriber/BotAuthActivitySubscriber";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const createAdapter = async chatSDK => {
@@ -29,6 +30,7 @@ export const createAdapter = async chatSDK => {
   if (chatSDK.isMockModeOn !== true) {
     adapter = new ChatAdapterShim(adapter);
     adapter.addSubscriber(new PauseActivitySubscriber());
+    adapter.addSubscriber(new BotAuthActivitySubscriber());
     return adapter.chatAdapter;
   }
   return adapter;

package/lib/esm/components/livechatwidget/common/defaultProps/dummyDefaultProps.js

@@ -421,7 +421,8 @@ export const dummyDefaultProps = {
         alignItems: "center",
         margin: "0px 14px 0px 14px",
         textOverflow: "ellipsis !important",
-        width: "max-content",
+        width: "90px",
+        whiteSpace: "nowrap",
         cursor: "pointer"
       },
       classNames: {
@@ -578,6 +579,7 @@ export const dummyDefaultProps = {
     hideCallingContainer: false,
     hideChatButton: false,
     hideConfirmationPane: false,
+    hideErrorUIPane: false,
     hideFooter: false,
     hideHeader: false,
     hideLoadingPane: false,
@@ -1025,7 +1027,8 @@ export const dummyDefaultProps = {
         margin: "0px 0px 20px 0px",
         display: "flex",
         order: 1,
-        alignSelf: "auto"
+        alignSelf: "auto",
+        overflow: "visible"
       },
       iconImageProps: {
         src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2lpKSI+DQo8cGF0aCBkPSJNMTUuMTk3MSAxNi4yNzI1VjI1Ljg1MjRDMTUuMTk3MSAyNy4zODExIDE1Ljg0MDEgMjcuNTIwMSAxNi45ODMyIDI3LjUyMDFMMjYuNzA4NCAyNy41NjQ5TDMxLjAwMzkgMzIuMzEyM1YyNy41NjQ5SDMxLjg5N0MzMi4xNzQzIDI3LjU2MzcgMzIuNDQ4NyAyNy41MDc3IDMyLjcwNDUgMjcuNDAwMUMzMi45NjAzIDI3LjI5MjQgMzMuMTkyNSAyNy4xMzUzIDMzLjM4NzggMjYuOTM3NUMzMy41ODMxIDI2LjczOTggMzMuNzM3NyAyNi41MDU0IDMzLjg0MjcgMjYuMjQ3N0MzMy45NDc4IDI1Ljk5IDM0LjAwMTMgMjUuNzE0IDM0LjAwMDEgMjUuNDM1NVYxNi4zMDM4QzM0LjAwMTMgMTYuMDI1NCAzMy45NDc4IDE1Ljc0OTQgMzMuODQyNyAxNS40OTE3QzMzLjczNzcgMTUuMjM0IDMzLjU4MzEgMTQuOTk5NiAzMy4zODc4IDE0LjgwMThDMzMuMTkyNSAxNC42MDQxIDMyLjk2MDMgMTQuNDQ2OSAzMi43MDQ1IDE0LjMzOTNDMzIuNDQ4NyAxNC4yMzE2IDMyLjE3NDMgMTQuMTc1NiAzMS44OTcgMTQuMTc0NEwxNy4zMDQ3IDE0LjE0MzFDMTcuMDI2OSAxNC4xNDM3IDE2Ljc1MiAxNC4xOTkyIDE2LjQ5NTcgMTQuMzA2NkMxNi4yMzk0IDE0LjQxNCAxNi4wMDY3IDE0LjU3MTEgMTUuODEwOSAxNC43Njg5QzE1LjYxNTIgMTQuOTY2NyAxNS40NjAyIDE1LjIwMTMgMTUuMzU0OCAxNS40NTkzQzE1LjI0OTUgMTUuNzE3MyAxNS4xOTU5IDE1Ljk5MzYgMTUuMTk3MSAxNi4yNzI1WiIgZmlsbD0iI0Q2RDZENiIvPg0KPC9nPg0KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjFfZGlpKSI+DQo8cGF0aCBkPSJNMjcuODczNSA2LjY5ODg3VjE4Ljg0MDlDMjcuODczNSAyMC43Nzg1IDI3LjA1NzIgMjAuOTU0NiAyNS42MDU4IDIwLjk1NDZMMTMuMjU4IDIxLjAxMTRMNy44MDQxNCAyNy4wMjg1VjIxLjAxMTRINi42NzAyN0M2LjMxODEyIDIxLjAwOTkgNS45Njk3MSAyMC45Mzg5IDUuNjQ0OTMgMjAuODAyNUM1LjMyMDE2IDIwLjY2NjEgNS4wMjUzOCAyMC40NjY4IDQuNzc3NDIgMjAuMjE2MkM0LjUyOTQ2IDE5Ljk2NTYgNC4zMzMxOSAxOS42Njg1IDQuMTk5OCAxOS4zNDE5QzQuMDY2NDIgMTkuMDE1MiAzLjk5ODUzIDE4LjY2NTUgNC4wMDAwMiAxOC4zMTI1VjYuNzM4NjRDMy45OTg1MyA2LjM4NTcxIDQuMDY2NDIgNi4wMzU5NSA0LjE5OTggNS43MDkzMUM0LjMzMzE5IDUuMzgyNjcgNC41Mjk0NiA1LjA4NTU3IDQuNzc3NDIgNC44MzQ5NUM1LjAyNTM4IDQuNTg0MzQgNS4zMjAxNiA0LjM4NTEzIDUuNjQ0OTMgNC4yNDg2OUM1Ljk2OTcxIDQuMTEyMjUgNi4zMTgxMiA0LjA0MTI2IDYuNjcwMjcgNC4wMzk3N0wyNS4xOTc2IDRDMjUuNTUwMiA0LjAwMDc0IDI1Ljg5OTMgNC4wNzExOCAyNi4yMjQ3IDQuMjA3MjlDMjYuNTUwMSA0LjM0MzM5IDI2Ljg0NTYgNC41NDI0OSAyNy4wOTQxIDQuNzkzMThDMjcuMzQyNyA1LjA0Mzg2IDI3LjUzOTUgNS4zNDEyMiAyNy42NzMyIDUuNjY4MjNDMjcuODA3IDUuOTk1MjMgMjcuODc1IDYuMzQ1NDYgMjcuODczNSA2LjY5ODg3WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPg0KPC9nPg0KPGRlZnM+DQo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2lpIiB4PSIxNS4xOTcxIiB5PSIxNC4xNDMxIiB3aWR0aD0iMTguODAzMSIgaGVpZ2h0PSIxOC4xNjkzIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+DQo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4NCjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPg0KPGZlT2Zmc2V0IGR4PSItMC4yIiBkeT0iLTAuMiIvPg0KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPg0KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAuMTcgMCIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3ciLz4NCjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPg0KPGZlT2Zmc2V0IGR4PSItMC41IiBkeT0iLTAuNSIvPg0KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPg0KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAuMTYgMCIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9ImVmZmVjdDFfaW5uZXJTaGFkb3ciIHJlc3VsdD0iZWZmZWN0Ml9pbm5lclNoYWRvdyIvPg0KPC9maWx0ZXI+DQo8ZmlsdGVyIGlkPSJmaWx0ZXIxX2RpaSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM5Ljg3MzYiIGhlaWdodD0iMzkuMDI4NSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPg0KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4NCjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+DQo8ZmVPZmZzZXQgZHg9IjQiIGR5PSI0Ii8+DQo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+DQo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+DQo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4NCjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPg0KPGZlT2Zmc2V0IGR4PSItMiIgZHk9Ii0yIi8+DQo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+DQo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMC4xNyAwIi8+DQo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0Ml9pbm5lclNoYWRvdyIvPg0KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+DQo8ZmVPZmZzZXQgZHg9Ii0xIiBkeT0iLTEiLz4NCjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz4NCjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwLjE2IDAiLz4NCjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJlZmZlY3QyX2lubmVyU2hhZG93IiByZXN1bHQ9ImVmZmVjdDNfaW5uZXJTaGFkb3ciLz4NCjwvZmlsdGVyPg0KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iLTAuMzk1MDAxIiB5MT0iMjMuMTI4MiIgeDI9IjIwLjEwNTgiIHkyPSIzNy44NDc0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjRUZFRkVGIi8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPC9kZWZzPg0KPC9zdmc+DQo=",