@microsoft/omnichannel-chat-widget 1.7.7-main.bdac0a6 → 1.7.8-main.29ce174

package/lib/cjs/common/Constants.js

@@ -132,6 +132,7 @@ class HtmlClassNames {}
 exports.HtmlClassNames = HtmlClassNames;
 _defineProperty(HtmlClassNames, "webChatBannerCloseButton", "webchat__toast__dismissButton");
 _defineProperty(HtmlClassNames, "webChatBannerExpandButton", "webchat__toaster__expandIcon");
+_defineProperty(HtmlClassNames, "webChatHistoryContainer", "webchat__basic-transcript");
 class HtmlElementSelectors {}
 exports.HtmlElementSelectors = HtmlElementSelectors;
 _defineProperty(HtmlElementSelectors, "sendBoxSelector", "textarea[data-id=\"webchat-sendbox-input\"]");

package/lib/cjs/common/facades/FacadeChatSDK.js

@@ -149,6 +149,7 @@ class FacadeChatSDK {
     }
   }
   async tokenRing() {
+    var _this$chatSDK$chatSDK;
     if (this.disableReauthentication === true) {
       // facade feature is disabled, so we are bypassing the re authentication and let it fail.
       return {
@@ -176,7 +177,7 @@ class FacadeChatSDK {
         message: "Token is valid"
       };
     }
-    if (this.getAuthToken === undefined) {
+    if (this.getAuthToken === undefined && ((_this$chatSDK$chatSDK = this.chatSDK.chatSDKConfig) === null || _this$chatSDK$chatSDK === void 0 ? void 0 : _this$chatSDK$chatSDK.getAuthToken) === undefined) {
       _TelemetryHelper.TelemetryHelper.logFacadeChatSDKEvent(_TelemetryConstants.LogLevel.ERROR, {
         Event: _TelemetryConstants.TelemetryEvent.NewTokenFailed,
         Description: "GetAuthToken function is not present",

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

@@ -219,6 +219,8 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["PostChatContextCallFailed"] = "PostChatContextCallFailed";
   TelemetryEvent["PostChatSurveyLoadingPaneLoaded"] = "PostChatSurveyLoadingPaneLoaded";
   TelemetryEvent["PostChatSurveyLoaded"] = "PostChatSurveyLoaded";
+  TelemetryEvent["PostChatSurveyUrlValidationCompleted"] = "PostChatSurveyUrlValidationCompleted";
+  TelemetryEvent["PostChatSurveyUrlValidationFailed"] = "PostChatSurveyUrlValidationFailed";
   TelemetryEvent["ChatDisconnectThreadEventReceived"] = "ChatDisconnectThreadEventReceived";
   TelemetryEvent["HiddenAdaptiveCardMessageReceived"] = "HiddenAdaptiveCardMessageReceived";
   TelemetryEvent["EndingAdapterAfterDisconnectionError"] = "EndingAdapterAfterDisconnectionError";

package/lib/cjs/common/utils.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setTabIndices = exports.setOcUserAgent = exports.setFocusOnSendBox = exports.setFocusOnElement = exports.preventFocusToMoveOutOfElement = exports.parseLowerCaseString = exports.parseAdaptiveCardPayload = exports.newGuid = exports.isUndefinedOrEmpty = exports.isThisSessionPopout = exports.isNullOrUndefined = exports.isNullOrEmptyString = exports.getWidgetEndChatEventName = exports.getWidgetCacheIdfromProps = exports.getWidgetCacheId = exports.getTimestampHourMinute = exports.getStateFromCache = exports.getLocaleDirection = exports.getIconText = exports.getDomain = exports.getConversationDetailsCall = exports.getBroadcastChannelName = exports.formatTemplateString = exports.findParentFocusableElementsWithoutChildContainer = exports.findAllFocusableElement = exports.extractPreChatSurveyResponseValues = exports.escapeHtml = exports.debounceLeading = exports.createTimer = exports.createFileAndDownload = exports.checkContactIdError = exports.changeLanguageCodeFormatForWebChat = exports.addDelayInMs = void 0;
+exports.getConversationDetailsCall = exports.getBroadcastChannelName = exports.formatTemplateString = exports.findParentFocusableElementsWithoutChildContainer = exports.findAllFocusableElement = exports.extractPreChatSurveyResponseValues = exports.escapeHtml = exports.debounceLeading = exports.createTimer = exports.createFileAndDownload = exports.checkContactIdError = exports.changeLanguageCodeFormatForWebChat = exports.addDelayInMs = void 0;
+exports.getDeviceType = getDeviceType;
+exports.setTabIndices = exports.setOcUserAgent = exports.setFocusOnSendBox = exports.setFocusOnElement = exports.preventFocusToMoveOutOfElement = exports.parseLowerCaseString = exports.parseAdaptiveCardPayload = exports.newGuid = exports.isUndefinedOrEmpty = exports.isThisSessionPopout = exports.isNullOrUndefined = exports.isNullOrEmptyString = exports.getWidgetEndChatEventName = exports.getWidgetCacheIdfromProps = exports.getWidgetCacheId = exports.getTimestampHourMinute = exports.getStateFromCache = exports.getLocaleDirection = exports.getIconText = exports.getDomain = void 0;
 var _Constants = require("./Constants");
 var _TelemetryConstants = require("./telemetry/TelemetryConstants");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
@@ -479,4 +481,14 @@ const setOcUserAgent = chatSDK => {
     }
   }
 };
-exports.setOcUserAgent = setOcUserAgent;
+exports.setOcUserAgent = setOcUserAgent;
+function getDeviceType() {
+  const userAgent = navigator.userAgent.toLowerCase();
+  if (/android/.test(userAgent)) {
+    return "android";
+  } else if (/iphone|ipad|ipod/.test(userAgent)) {
+    return "ios";
+  } else {
+    return "standard";
+  }
+}

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

@@ -18,6 +18,7 @@ const getAuthClientFunction = chatConfig => {
 };
 exports.getAuthClientFunction = getAuthClientFunction;
 const handleAuthentication = async (chatSDK, chatConfig, getAuthToken) => {
+  var _chatSDK$chatSDKConfi;
   const authClientFunction = getAuthClientFunction(chatConfig);
   if (getAuthToken && authClientFunction) {
     _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
@@ -41,6 +42,20 @@ const handleAuthentication = async (chatSDK, chatConfig, getAuthToken) => {
       });
       throw new Error(_Constants.WidgetLoadCustomErrorString.AuthenticationFailedErrorString);
     }
+  } else if (chatSDK !== null && chatSDK !== void 0 && (_chatSDK$chatSDKConfi = chatSDK.chatSDKConfig) !== null && _chatSDK$chatSDKConfi !== void 0 && _chatSDK$chatSDKConfi.getAuthToken) {
+    var _chatSDK$chatSDKConfi2;
+    const token = await ((_chatSDK$chatSDKConfi2 = chatSDK.chatSDKConfig) === null || _chatSDK$chatSDKConfi2 === void 0 ? void 0 : _chatSDK$chatSDKConfi2.getAuthToken());
+    if ((0, _utils.isNullOrEmptyString)(token)) {
+      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
+        Event: _TelemetryConstants.TelemetryEvent.ReceivedNullOrEmptyToken,
+        Description: "getAuthToken in chat SDK returns empty string"
+      });
+      throw new Error(_Constants.WidgetLoadCustomErrorString.AuthenticationFailedErrorString);
+    }
+    return {
+      "result": true,
+      token
+    };
   }
   return {
     "result": false,

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

@@ -11,6 +11,8 @@ var _NotificationHandler = require("../../webchatcontainerstateful/webchatcontro
 var _NotificationScenarios = require("../../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios");
 var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
 var _defaultMiddlewareLocalizedTexts = require("../../webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts");
+var _createReducer = require("../../../contexts/createReducer");
+var _LiveChatWidgetActionType = require("../../../contexts/common/LiveChatWidgetActionType");
 const isInternetConnected = async () => {
   try {
     const response = await fetch(_Constants.Constants.internetConnectionTestUrl);
@@ -23,18 +25,22 @@ const isInternetConnected = async () => {
 const createInternetConnectionChangeHandler = async state => {
   const handler = async () => {
     const connected = await isInternetConnected();
+    const inMemoryState = (0, _createReducer.executeReducer)(state, {
+      type: _LiveChatWidgetActionType.LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+      payload: null
+    });
     if (!connected) {
-      var _state$domainStates, _state$domainStates$m;
+      var _inMemoryState$domain, _inMemoryState$domain2;
       _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.WARN, {
         Event: _TelemetryConstants.TelemetryEvent.NetworkDisconnected
       });
-      _NotificationHandler.NotificationHandler.notifyError(_NotificationScenarios.NotificationScenarios.InternetConnection, (state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$m = _state$domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION) ?? _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION);
+      _NotificationHandler.NotificationHandler.notifyError(_NotificationScenarios.NotificationScenarios.InternetConnection, (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$domain = inMemoryState.domainStates) === null || _inMemoryState$domain === void 0 ? void 0 : (_inMemoryState$domain2 = _inMemoryState$domain.middlewareLocalizedTexts) === null || _inMemoryState$domain2 === void 0 ? void 0 : _inMemoryState$domain2.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION) ?? _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION);
     } else {
-      var _state$domainStates2, _state$domainStates2$;
+      var _inMemoryState$domain3, _inMemoryState$domain4;
       _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.WARN, {
         Event: _TelemetryConstants.TelemetryEvent.NetworkReconnected
       });
-      _NotificationHandler.NotificationHandler.notifySuccess(_NotificationScenarios.NotificationScenarios.InternetConnection, (state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.middlewareLocalizedTexts) === null || _state$domainStates2$ === void 0 ? void 0 : _state$domainStates2$.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE) ?? _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE);
+      _NotificationHandler.NotificationHandler.notifySuccess(_NotificationScenarios.NotificationScenarios.InternetConnection, (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$domain3 = inMemoryState.domainStates) === null || _inMemoryState$domain3 === void 0 ? void 0 : (_inMemoryState$domain4 = _inMemoryState$domain3.middlewareLocalizedTexts) === null || _inMemoryState$domain4 === void 0 ? void 0 : _inMemoryState$domain4.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE) ?? _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE);
       _omnichannelChatComponents.BroadcastService.postMessage({
         eventName: _TelemetryConstants.BroadcastEvent.NetworkReconnected
       });

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

@@ -417,7 +417,7 @@ const LiveChatWidgetStateful = props => {
 
     // Start chat from SDK Event
     _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.BroadcastEvent.StartChat).subscribe(msg => {
-      var _props$chatConfig5, _props$chatConfig5$Li, _props$chatConfig6, _props$chatConfig6$Li, _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta2, _inMemoryState$appSta3, _inMemoryState$appSta4, _inMemoryState$appSta5;
+      var _props$chatConfig5, _props$chatConfig5$Li, _props$chatConfig6, _props$chatConfig6$Li, _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta2, _inMemoryState$appSta3;
       // If chat is out of operating hours chat widget sets the conversation state to OutOfOffice.
       if (typeof (props === null || props === void 0 ? void 0 : (_props$chatConfig5 = props.chatConfig) === null || _props$chatConfig5 === void 0 ? void 0 : (_props$chatConfig5$Li = _props$chatConfig5.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig5$Li === void 0 ? void 0 : _props$chatConfig5$Li.OutOfOperatingHours) === "string" && (props === null || props === void 0 ? void 0 : (_props$chatConfig6 = props.chatConfig) === null || _props$chatConfig6 === void 0 ? void 0 : (_props$chatConfig6$Li = _props$chatConfig6.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig6$Li === void 0 ? void 0 : _props$chatConfig6$Li.OutOfOperatingHours.toLowerCase()) === "true") {
         (state === null || state === void 0 ? void 0 : state.appStates.isMinimized) && dispatch({
@@ -455,8 +455,14 @@ const LiveChatWidgetStateful = props => {
       });
       inMemoryState.domainStates.customContext = msg === null || msg === void 0 ? void 0 : (_msg$payload9 = msg.payload) === null || _msg$payload9 === void 0 ? void 0 : _msg$payload9.customContext;
 
-      // Only initiate new chat if widget runtime state is one of the followings
-      if (((_inMemoryState$appSta2 = inMemoryState.appStates) === null || _inMemoryState$appSta2 === void 0 ? void 0 : _inMemoryState$appSta2.conversationState) === _ConversationState.ConversationState.Closed || ((_inMemoryState$appSta3 = inMemoryState.appStates) === null || _inMemoryState$appSta3 === void 0 ? void 0 : _inMemoryState$appSta3.conversationState) === _ConversationState.ConversationState.InActive || ((_inMemoryState$appSta4 = inMemoryState.appStates) === null || _inMemoryState$appSta4 === void 0 ? void 0 : _inMemoryState$appSta4.conversationState) === _ConversationState.ConversationState.Postchat) {
+      /*
+      * If the conversation is in closed state then we start a new chat, 
+      * else if the conversation is in active state then we maximize the chat
+      *  If the conversation is in inactive or postchat state then we maximize the chat.
+      * 
+      * To start a new chat, it needs to be called via the close button or close chat via SDK.
+      **/
+      if (((_inMemoryState$appSta2 = inMemoryState.appStates) === null || _inMemoryState$appSta2 === void 0 ? void 0 : _inMemoryState$appSta2.conversationState) === _ConversationState.ConversationState.Closed) {
         _omnichannelChatComponents.BroadcastService.postMessage({
           eventName: _TelemetryConstants.BroadcastEvent.ChatInitiated
         });
@@ -465,7 +471,7 @@ const LiveChatWidgetStateful = props => {
       }
 
       // If minimized, maximize the chat
-      if ((inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta5 = inMemoryState.appStates) === null || _inMemoryState$appSta5 === void 0 ? void 0 : _inMemoryState$appSta5.isMinimized) === true) {
+      if ((inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta3 = inMemoryState.appStates) === null || _inMemoryState$appSta3 === void 0 ? void 0 : _inMemoryState$appSta3.isMinimized) === true) {
         var _inMemoryState$domain, _inMemoryState$domain2, _inMemoryState$domain3, _inMemoryState$domain4;
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
@@ -593,12 +599,12 @@ const LiveChatWidgetStateful = props => {
         disablePolling: true
       });
       facadeChatSDK === null || facadeChatSDK === void 0 ? void 0 : facadeChatSDK.onAgentEndSession(event => {
-        var _inMemoryState$appSta6;
+        var _inMemoryState$appSta4;
         const inMemoryState = (0, _createReducer.executeReducer)(state, {
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
           payload: null
         });
-        if ("participantsRemoved" in event && (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta6 = inMemoryState.appStates) === null || _inMemoryState$appSta6 === void 0 ? void 0 : _inMemoryState$appSta6.conversationState) === _ConversationState.ConversationState.Active) {
+        if ("participantsRemoved" in event && (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta4 = inMemoryState.appStates) === null || _inMemoryState$appSta4 === void 0 ? void 0 : _inMemoryState$appSta4.conversationState) === _ConversationState.ConversationState.Active) {
           setWebChatStyles(styles => {
             return {
               ...styles,
@@ -741,13 +747,13 @@ const LiveChatWidgetStateful = props => {
 
   // Handle Chat disconnect cases
   (0, _react2.useEffect)(() => {
-    var _inMemoryState$appSta7;
+    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$appSta7 = inMemoryState.appStates) === null || _inMemoryState$appSta7 === void 0 ? void 0 : _inMemoryState$appSta7.chatDisconnectEventReceived;
+    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();

package/lib/cjs/components/ooohpanestateful/OOOHPaneStateful.js

@@ -11,6 +11,7 @@ var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
 var _defaultgeneralOOOHPaneStyleProps = require("./common/defaultStyleProps/defaultgeneralOOOHPaneStyleProps");
 var _useChatContextStore = _interopRequireDefault(require("../../hooks/useChatContextStore"));
+var _dompurify = _interopRequireDefault(require("dompurify"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -49,6 +50,9 @@ const OutOfOfficeHoursPaneStateful = props => {
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);
+  if (controlProps !== null && controlProps !== void 0 && controlProps.titleText) {
+    controlProps.titleText = _dompurify.default.sanitize(controlProps.titleText);
+  }
   return /*#__PURE__*/_react.default.createElement(_omnichannelChatComponents.OutOfOfficeHoursPane, {
     componentOverrides: props.componentOverrides,
     controlProps: controlProps,

package/lib/cjs/components/postchatsurveypanestateful/PostChatSurveyPaneStateful.js

@@ -14,6 +14,7 @@ var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
 var _defaultgeneralPostChatSurveyPaneStyleProps = require("./common/defaultStyleProps/defaultgeneralPostChatSurveyPaneStyleProps");
 var _utils = require("../../common/utils");
 var _useChatContextStore = _interopRequireDefault(require("../../hooks/useChatContextStore"));
+var _isValidSurveyUrl = _interopRequireDefault(require("./common/isValidSurveyUrl"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -54,6 +55,20 @@ const PostChatSurveyPaneStateful = props => {
     surveyURL: ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.surveyURL) ?? surveyInviteLink,
     ...props.controlProps
   };
+  if (controlProps.surveyURL) {
+    if (!(0, _isValidSurveyUrl.default)(controlProps.surveyURL)) {
+      _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.ERROR, {
+        Event: _TelemetryConstants.TelemetryEvent.PostChatSurveyUrlValidationFailed,
+        Description: `${controlProps.surveyURL} is not a valid Survey URL`
+      });
+      controlProps.surveyURL = "";
+    } else {
+      _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
+        Event: _TelemetryConstants.TelemetryEvent.PostChatSurveyUrlValidationCompleted,
+        Description: `${controlProps.surveyURL} is a valid Survey URL`
+      });
+    }
+  }
 
   // Move focus to the first button
   (0, _react.useEffect)(() => {

package/lib/cjs/components/postchatsurveypanestateful/common/isValidSurveyUrl.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../../../common/utils");
+const validRootDomains = ["microsoft.com", "microsoft.us", "appsplatform.us", "powervirtualagents.cn"];
+const isValidSurveyUrl = url => {
+  if ((0, _utils.isNullOrEmptyString)(url)) {
+    return false;
+  }
+  try {
+    const objectUrl = new URL(url);
+    if (!objectUrl.origin || objectUrl.origin === "null") {
+      return false;
+    }
+    const validDomain = validRootDomains.find(domain => objectUrl.origin.endsWith(domain));
+    if (validDomain) {
+      return true;
+    }
+  } catch (error) {
+    return false;
+  }
+  return false;
+};
+var _default = isValidSurveyUrl;
+exports.default = _default;

package/lib/cjs/components/prechatsurveypanestateful/PreChatSurveyPaneStateful.js

@@ -145,11 +145,6 @@ const PreChatSurveyPaneStateful = props => {
         }
       }
     }
-    // Move focus to the first button
-    const firstElement = (0, _utils.findAllFocusableElement)(`#${controlProps.id}`);
-    if (firstElement && firstElement[0]) {
-      firstElement[0].focus();
-    }
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.PrechatSurveyLoaded
     });
@@ -158,6 +153,16 @@ const PreChatSurveyPaneStateful = props => {
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);
+
+  // Set focus to the first element
+  (0, _react.useEffect)(() => {
+    if (!state.appStates.isMinimized) {
+      const firstElement = (0, _utils.findAllFocusableElement)(`#${controlProps.id}`);
+      if (firstElement && firstElement[0]) {
+        firstElement[0].focus();
+      }
+    }
+  }, [state.appStates.isMinimized]);
   return /*#__PURE__*/_react.default.createElement(_omnichannelChatComponents.PreChatSurveyPane, {
     controlProps: controlProps,
     styleProps: styleProps

package/lib/cjs/components/webchatcontainerstateful/WebChatContainerStateful.js

@@ -83,7 +83,12 @@ const WebChatContainerStateful = props => {
   };
   (0, _react2.useEffect)(() => {
     var _props$webChatContain, _props$webChatContain2;
-    (0, _utils.setFocusOnSendBox)();
+    if ((0, _utils.getDeviceType)() !== "standard" && (webChatContainerProps === null || webChatContainerProps === void 0 ? void 0 : webChatContainerProps.webChatHistoryMobileAccessibilityLabel) !== undefined) {
+      const chatHistoryElement = document.querySelector(`.${_Constants.HtmlClassNames.webChatHistoryContainer}`);
+      if (chatHistoryElement) {
+        chatHistoryElement.setAttribute(_Constants.HtmlAttributeNames.ariaLabel, webChatContainerProps.webChatHistoryMobileAccessibilityLabel);
+      }
+    }
     dispatch({
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_RENDERING_MIDDLEWARE_PROPS,
       payload: webChatContainerProps === null || webChatContainerProps === void 0 ? void 0 : webChatContainerProps.renderingMiddlewareProps
@@ -164,6 +169,13 @@ const WebChatContainerStateful = props => {
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);
+
+  // Set focus to the sendbox
+  (0, _react2.useEffect)(() => {
+    if (!state.appStates.isMinimized) {
+      (0, _utils.setFocusOnSendBox)();
+    }
+  }, [state.appStates.isMinimized]);
   return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement("style", null, `
         .webchat__stacked-layout__content .ac-pushButton {
             cursor: pointer;

package/lib/cjs/components/webchatcontainerstateful/common/defaultStyles/defaultWebChatStyles.js

@@ -60,6 +60,6 @@ const defaultWebChatStyles = {
     "</3": "💔",
     "<\\3": "💔"
   },
-  uploadMultiple: false
+  sendAttachmentOn: "attach"
 };
 exports.defaultWebChatStyles = defaultWebChatStyles;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/DeliveredTimestamp.js

@@ -31,15 +31,28 @@ const DeliveredTimestamp = _ref => {
       timestamp
     }
   } = args;
+  const getTimeElement = timestamp => {
+    const timeString = (0, _utils.getTimestampHourMinute)(timestamp);
+    const isAmPmFormat = timeString.toLowerCase().includes("am") || timeString.toLowerCase().includes("pm");
+
+    // For clients that use languages that are written right-to-left, but still use AM/PM time format, we need to
+    // make sure the "rtl" direction doesn't produce "PM 1:23", but remains "1:23 PM"
+    if (dir === "rtl" && isAmPmFormat) {
+      return /*#__PURE__*/_react.default.createElement("span", {
+        dir: "ltr"
+      }, (0, _utils.getTimestampHourMinute)(timestamp));
+    }
+    return timeString;
+  };
   return /*#__PURE__*/_react.default.createElement(_react2.Stack, {
     style: contentStyles,
     dir: dir
   }, role === _DirectLineSenderRole.DirectLineSenderRole.Bot && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     dir: dir,
     "aria-hidden": "false"
-  }, name, " - ", (0, _utils.getTimestampHourMinute)(timestamp))), role === _DirectLineSenderRole.DirectLineSenderRole.User && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+  }, name, " - ", getTimeElement(timestamp))), role === _DirectLineSenderRole.DirectLineSenderRole.User && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     "aria-hidden": "false",
     dir: dir
-  }, " ", (0, _utils.getTimestampHourMinute)(timestamp), " - ", ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_MESSAGE_DELIVERED) ?? _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_DELIVERED)));
+  }, " ", getTimeElement(timestamp), " - ", ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_MESSAGE_DELIVERED) ?? _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_DELIVERED)));
 };
 exports.DeliveredTimestamp = DeliveredTimestamp;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/htmlTextMiddleware.js

@@ -41,6 +41,7 @@ const convertTextToHtmlNode = text => {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const processHTMLText = (action, text, honorsTargetInHTMLLinks) => {
+  var _htmlNode$tagName;
   const htmlNode = convertTextToHtmlNode(text);
   const aNodes = htmlNode.getElementsByTagName(_Constants.HtmlAttributeNames.aTagName);
   if ((aNodes === null || aNodes === void 0 ? void 0 : aNodes.length) > 0) {
@@ -70,8 +71,6 @@ const processHTMLText = (action, text, honorsTargetInHTMLLinks) => {
           }
         }
       }
-
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       action = (0, _simpleUpdateIn.default)(action, [_Constants.Constants.payload, _Constants.Constants.activity, _Constants.Constants.text], () => htmlNode.innerHTML);
     } catch (e) {
       let errorMessage = "Failed to apply action: ";
@@ -89,6 +88,11 @@ const processHTMLText = (action, text, honorsTargetInHTMLLinks) => {
       });
     }
   }
+
+  // if empty div tag after sanitization
+  if (((_htmlNode$tagName = htmlNode.tagName) === null || _htmlNode$tagName === void 0 ? void 0 : _htmlNode$tagName.toLowerCase()) === _Constants.HtmlAttributeNames.div && htmlNode.children.length === 0 && htmlNode.innerHTML.trim() === "") {
+    action = (0, _simpleUpdateIn.default)(action, [_Constants.Constants.payload, _Constants.Constants.activity, _Constants.Constants.text], () => "");
+  }
   return action;
 };
 

package/lib/cjs/plugins/createChatTranscript.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _utils = require("../common/utils");
 var _defaultLibraryScripts = _interopRequireDefault(require("../components/footerstateful/downloadtranscriptstateful/common/defaultLibraryScripts"));
+var _dompurify = _interopRequireDefault(require("dompurify"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -172,7 +173,7 @@ class TranscriptHTMLBuilder {
                 <script>
                     class Translator {
                         static convertTranscriptMessageToActivity(message) {
-                            const {created, OriginalMessageId, id, isControlMessage, content, tags, from, attachments, amsMetadata, amsReferences} = message;
+                            const {created, OriginalMessageId, id, isControlMessage, content, tags, from, attachments, amsMetadata, amsReferences, amsreferences} = message;
                             
                             //it's required to convert the id to a number, otherwise the webchat will not render the messages in the correct order
                             // if the OrginalMessageId is not present, we can use the id as the sequence id, which is always present.
@@ -219,7 +220,7 @@ class TranscriptHTMLBuilder {
                             }
 
                             // Attachments
-                            if (amsReferences && amsMetadata) {
+                            if ((amsReferences || amsreferences) && amsMetadata) {
                                 const metadata = JSON.parse(amsMetadata);
                                 const { fileName } = metadata[0];
                                 const text = \`${this.attachmentMessage}\${fileName}\`;
@@ -243,7 +244,7 @@ class TranscriptHTMLBuilder {
                             // Message
                             if (content) {
                                 // Adaptive card formatting
-                                if (content.includes('"text"') && content.includes('"attachments"') && content.includes('"suggestedActions"')) {
+                                if (content.includes('"attachments"') || content.includes('"suggestedActions"')) {
                                     try {
                                         const partialActivity = JSON.parse(content);
                                         return {
@@ -674,12 +675,15 @@ const createChatTranscript = async function (transcript, facadeChatSDK) {
       reader.readAsDataURL(blob);
     });
   };
-  let messages = transcriptMessages;
+  let messages = transcriptMessages.filter(message => {
+    message.content = _dompurify.default.sanitize(message.content);
+    return message;
+  });
   if (renderAttachments) {
     messages = await Promise.all(transcriptMessages.map(async message => {
       // eslint-disable-line @typescript-eslint/no-explicit-any
       const {
-        amsReferences,
+        amsReferences = message.amsreferences,
         amsMetadata
       } = message;
       if (amsReferences && amsMetadata) {

package/lib/cjs/plugins/newMessageEventHandler.js

@@ -89,7 +89,7 @@ const createOnNewAdapterActivityHandler = (chatId, userId) => {
           _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
             Event: _TelemetryConstants.TelemetryEvent.MessageReceived,
             Description: "New message received",
-            Data: payload
+            CustomProperties: payload
           });
         } else {
           if (!isHistoryMessageReceivedEventRasied) {
@@ -97,7 +97,7 @@ const createOnNewAdapterActivityHandler = (chatId, userId) => {
             _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
               Event: _TelemetryConstants.TelemetryEvent.RehydrateMessageReceived,
               Description: "History message received",
-              Data: payload
+              CustomProperties: payload
             });
           }
         }

package/lib/esm/common/Constants.js

@@ -122,6 +122,7 @@ _defineProperty(HtmlIdNames, "MSLiveChatWidget", "MSLiveChatWidget");
 export class HtmlClassNames {}
 _defineProperty(HtmlClassNames, "webChatBannerCloseButton", "webchat__toast__dismissButton");
 _defineProperty(HtmlClassNames, "webChatBannerExpandButton", "webchat__toaster__expandIcon");
+_defineProperty(HtmlClassNames, "webChatHistoryContainer", "webchat__basic-transcript");
 export class HtmlElementSelectors {}
 _defineProperty(HtmlElementSelectors, "sendBoxSelector", "textarea[data-id=\"webchat-sendbox-input\"]");
 export class HtmlAttributeNames {}

package/lib/esm/common/facades/FacadeChatSDK.js

@@ -143,6 +143,7 @@ export class FacadeChatSDK {
     }
   }
   async tokenRing() {
+    var _this$chatSDK$chatSDK;
     if (this.disableReauthentication === true) {
       // facade feature is disabled, so we are bypassing the re authentication and let it fail.
       return {
@@ -170,7 +171,7 @@ export class FacadeChatSDK {
         message: "Token is valid"
       };
     }
-    if (this.getAuthToken === undefined) {
+    if (this.getAuthToken === undefined && ((_this$chatSDK$chatSDK = this.chatSDK.chatSDKConfig) === null || _this$chatSDK$chatSDK === void 0 ? void 0 : _this$chatSDK$chatSDK.getAuthToken) === undefined) {
       TelemetryHelper.logFacadeChatSDKEvent(LogLevel.ERROR, {
         Event: TelemetryEvent.NewTokenFailed,
         Description: "GetAuthToken function is not present",

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

@@ -213,6 +213,8 @@ export let TelemetryEvent;
   TelemetryEvent["PostChatContextCallFailed"] = "PostChatContextCallFailed";
   TelemetryEvent["PostChatSurveyLoadingPaneLoaded"] = "PostChatSurveyLoadingPaneLoaded";
   TelemetryEvent["PostChatSurveyLoaded"] = "PostChatSurveyLoaded";
+  TelemetryEvent["PostChatSurveyUrlValidationCompleted"] = "PostChatSurveyUrlValidationCompleted";
+  TelemetryEvent["PostChatSurveyUrlValidationFailed"] = "PostChatSurveyUrlValidationFailed";
   TelemetryEvent["ChatDisconnectThreadEventReceived"] = "ChatDisconnectThreadEventReceived";
   TelemetryEvent["HiddenAdaptiveCardMessageReceived"] = "HiddenAdaptiveCardMessageReceived";
   TelemetryEvent["EndingAdapterAfterDisconnectionError"] = "EndingAdapterAfterDisconnectionError";

package/lib/esm/common/utils.js

@@ -440,4 +440,14 @@ export const setOcUserAgent = chatSDK => {
       console.warn(error);
     }
   }
-};
+};
+export function getDeviceType() {
+  const userAgent = navigator.userAgent.toLowerCase();
+  if (/android/.test(userAgent)) {
+    return "android";
+  } else if (/iphone|ipad|ipod/.test(userAgent)) {
+    return "ios";
+  } else {
+    return "standard";
+  }
+}

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

@@ -11,6 +11,7 @@ const getAuthClientFunction = chatConfig => {
   return authClientFunction;
 };
 const handleAuthentication = async (chatSDK, chatConfig, getAuthToken) => {
+  var _chatSDK$chatSDKConfi;
   const authClientFunction = getAuthClientFunction(chatConfig);
   if (getAuthToken && authClientFunction) {
     TelemetryHelper.logActionEvent(LogLevel.INFO, {
@@ -34,6 +35,20 @@ const handleAuthentication = async (chatSDK, chatConfig, getAuthToken) => {
       });
       throw new Error(WidgetLoadCustomErrorString.AuthenticationFailedErrorString);
     }
+  } else if (chatSDK !== null && chatSDK !== void 0 && (_chatSDK$chatSDKConfi = chatSDK.chatSDKConfig) !== null && _chatSDK$chatSDKConfi !== void 0 && _chatSDK$chatSDKConfi.getAuthToken) {
+    var _chatSDK$chatSDKConfi2;
+    const token = await ((_chatSDK$chatSDKConfi2 = chatSDK.chatSDKConfig) === null || _chatSDK$chatSDKConfi2 === void 0 ? void 0 : _chatSDK$chatSDKConfi2.getAuthToken());
+    if (isNullOrEmptyString(token)) {
+      TelemetryHelper.logActionEvent(LogLevel.ERROR, {
+        Event: TelemetryEvent.ReceivedNullOrEmptyToken,
+        Description: "getAuthToken in chat SDK returns empty string"
+      });
+      throw new Error(WidgetLoadCustomErrorString.AuthenticationFailedErrorString);
+    }
+    return {
+      "result": true,
+      token
+    };
   }
   return {
     "result": false,

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

@@ -5,6 +5,8 @@ import { NotificationHandler } from "../../webchatcontainerstateful/webchatcontr
 import { NotificationScenarios } from "../../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { defaultMiddlewareLocalizedTexts } from "../../webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts";
+import { executeReducer } from "../../../contexts/createReducer";
+import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
 const isInternetConnected = async () => {
   try {
     const response = await fetch(Constants.internetConnectionTestUrl);
@@ -17,18 +19,22 @@ const isInternetConnected = async () => {
 export const createInternetConnectionChangeHandler = async state => {
   const handler = async () => {
     const connected = await isInternetConnected();
+    const inMemoryState = executeReducer(state, {
+      type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+      payload: null
+    });
     if (!connected) {
-      var _state$domainStates, _state$domainStates$m;
+      var _inMemoryState$domain, _inMemoryState$domain2;
       TelemetryHelper.logActionEvent(LogLevel.WARN, {
         Event: TelemetryEvent.NetworkDisconnected
       });
-      NotificationHandler.notifyError(NotificationScenarios.InternetConnection, (state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$m = _state$domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION);
+      NotificationHandler.notifyError(NotificationScenarios.InternetConnection, (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$domain = inMemoryState.domainStates) === null || _inMemoryState$domain === void 0 ? void 0 : (_inMemoryState$domain2 = _inMemoryState$domain.middlewareLocalizedTexts) === null || _inMemoryState$domain2 === void 0 ? void 0 : _inMemoryState$domain2.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION);
     } else {
-      var _state$domainStates2, _state$domainStates2$;
+      var _inMemoryState$domain3, _inMemoryState$domain4;
       TelemetryHelper.logActionEvent(LogLevel.WARN, {
         Event: TelemetryEvent.NetworkReconnected
       });
-      NotificationHandler.notifySuccess(NotificationScenarios.InternetConnection, (state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.middlewareLocalizedTexts) === null || _state$domainStates2$ === void 0 ? void 0 : _state$domainStates2$.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE);
+      NotificationHandler.notifySuccess(NotificationScenarios.InternetConnection, (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$domain3 = inMemoryState.domainStates) === null || _inMemoryState$domain3 === void 0 ? void 0 : (_inMemoryState$domain4 = _inMemoryState$domain3.middlewareLocalizedTexts) === null || _inMemoryState$domain4 === void 0 ? void 0 : _inMemoryState$domain4.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE);
       BroadcastService.postMessage({
         eventName: BroadcastEvent.NetworkReconnected
       });

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

@@ -409,7 +409,7 @@ export const LiveChatWidgetStateful = props => {
 
     // Start chat from SDK Event
     BroadcastService.getMessageByEventName(BroadcastEvent.StartChat).subscribe(msg => {
-      var _props$chatConfig5, _props$chatConfig5$Li, _props$chatConfig6, _props$chatConfig6$Li, _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta2, _inMemoryState$appSta3, _inMemoryState$appSta4, _inMemoryState$appSta5;
+      var _props$chatConfig5, _props$chatConfig5$Li, _props$chatConfig6, _props$chatConfig6$Li, _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta2, _inMemoryState$appSta3;
       // If chat is out of operating hours chat widget sets the conversation state to OutOfOffice.
       if (typeof (props === null || props === void 0 ? void 0 : (_props$chatConfig5 = props.chatConfig) === null || _props$chatConfig5 === void 0 ? void 0 : (_props$chatConfig5$Li = _props$chatConfig5.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig5$Li === void 0 ? void 0 : _props$chatConfig5$Li.OutOfOperatingHours) === "string" && (props === null || props === void 0 ? void 0 : (_props$chatConfig6 = props.chatConfig) === null || _props$chatConfig6 === void 0 ? void 0 : (_props$chatConfig6$Li = _props$chatConfig6.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig6$Li === void 0 ? void 0 : _props$chatConfig6$Li.OutOfOperatingHours.toLowerCase()) === "true") {
         (state === null || state === void 0 ? void 0 : state.appStates.isMinimized) && dispatch({
@@ -447,8 +447,14 @@ export const LiveChatWidgetStateful = props => {
       });
       inMemoryState.domainStates.customContext = msg === null || msg === void 0 ? void 0 : (_msg$payload9 = msg.payload) === null || _msg$payload9 === void 0 ? void 0 : _msg$payload9.customContext;
 
-      // Only initiate new chat if widget runtime state is one of the followings
-      if (((_inMemoryState$appSta2 = inMemoryState.appStates) === null || _inMemoryState$appSta2 === void 0 ? void 0 : _inMemoryState$appSta2.conversationState) === ConversationState.Closed || ((_inMemoryState$appSta3 = inMemoryState.appStates) === null || _inMemoryState$appSta3 === void 0 ? void 0 : _inMemoryState$appSta3.conversationState) === ConversationState.InActive || ((_inMemoryState$appSta4 = inMemoryState.appStates) === null || _inMemoryState$appSta4 === void 0 ? void 0 : _inMemoryState$appSta4.conversationState) === ConversationState.Postchat) {
+      /*
+      * If the conversation is in closed state then we start a new chat, 
+      * else if the conversation is in active state then we maximize the chat
+      *  If the conversation is in inactive or postchat state then we maximize the chat.
+      * 
+      * To start a new chat, it needs to be called via the close button or close chat via SDK.
+      **/
+      if (((_inMemoryState$appSta2 = inMemoryState.appStates) === null || _inMemoryState$appSta2 === void 0 ? void 0 : _inMemoryState$appSta2.conversationState) === ConversationState.Closed) {
         BroadcastService.postMessage({
           eventName: BroadcastEvent.ChatInitiated
         });
@@ -457,7 +463,7 @@ export const LiveChatWidgetStateful = props => {
       }
 
       // If minimized, maximize the chat
-      if ((inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta5 = inMemoryState.appStates) === null || _inMemoryState$appSta5 === void 0 ? void 0 : _inMemoryState$appSta5.isMinimized) === true) {
+      if ((inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta3 = inMemoryState.appStates) === null || _inMemoryState$appSta3 === void 0 ? void 0 : _inMemoryState$appSta3.isMinimized) === true) {
         var _inMemoryState$domain, _inMemoryState$domain2, _inMemoryState$domain3, _inMemoryState$domain4;
         dispatch({
           type: LiveChatWidgetActionType.SET_MINIMIZED,
@@ -585,12 +591,12 @@ export const LiveChatWidgetStateful = props => {
         disablePolling: true
       });
       facadeChatSDK === null || facadeChatSDK === void 0 ? void 0 : facadeChatSDK.onAgentEndSession(event => {
-        var _inMemoryState$appSta6;
+        var _inMemoryState$appSta4;
         const inMemoryState = executeReducer(state, {
           type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
           payload: null
         });
-        if ("participantsRemoved" in event && (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta6 = inMemoryState.appStates) === null || _inMemoryState$appSta6 === void 0 ? void 0 : _inMemoryState$appSta6.conversationState) === ConversationState.Active) {
+        if ("participantsRemoved" in event && (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta4 = inMemoryState.appStates) === null || _inMemoryState$appSta4 === void 0 ? void 0 : _inMemoryState$appSta4.conversationState) === ConversationState.Active) {
           setWebChatStyles(styles => {
             return {
               ...styles,
@@ -733,13 +739,13 @@ export const LiveChatWidgetStateful = props => {
 
   // Handle Chat disconnect cases
   useEffect(() => {
-    var _inMemoryState$appSta7;
+    var _inMemoryState$appSta5;
     const inMemoryState = executeReducer(state, {
       type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
       payload: null
     });
     handleChatDisconnect(props, inMemoryState, setWebChatStyles);
-    const chatDisconnectState = inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta7 = inMemoryState.appStates) === null || _inMemoryState$appSta7 === void 0 ? void 0 : _inMemoryState$appSta7.chatDisconnectEventReceived;
+    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();

package/lib/esm/components/ooohpanestateful/OOOHPaneStateful.js

@@ -5,6 +5,7 @@ import { OutOfOfficeHoursPane } from "@microsoft/omnichannel-chat-components";
 import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
 import { defaultGeneralStyleProps } from "./common/defaultStyleProps/defaultgeneralOOOHPaneStyleProps";
 import useChatContextStore from "../../hooks/useChatContextStore";
+import DOMPurify from "dompurify";
 let uiTimer;
 export const OutOfOfficeHoursPaneStateful = props => {
   var _props$styleProps;
@@ -40,6 +41,9 @@ export const OutOfOfficeHoursPaneStateful = props => {
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);
+  if (controlProps !== null && controlProps !== void 0 && controlProps.titleText) {
+    controlProps.titleText = DOMPurify.sanitize(controlProps.titleText);
+  }
   return /*#__PURE__*/React.createElement(OutOfOfficeHoursPane, {
     componentOverrides: props.componentOverrides,
     controlProps: controlProps,

package/lib/esm/components/postchatsurveypanestateful/PostChatSurveyPaneStateful.js

@@ -8,6 +8,7 @@ import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
 import { defaultGeneralPostChatSurveyPaneStyleProps } from "./common/defaultStyleProps/defaultgeneralPostChatSurveyPaneStyleProps";
 import { findAllFocusableElement } from "../../common/utils";
 import useChatContextStore from "../../hooks/useChatContextStore";
+import isValidSurveyUrl from "./common/isValidSurveyUrl";
 const generateSurveyInviteLink = function (surveyInviteLink, isEmbed, locale, compact) {
   let showMultiLingual = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   const surveyLink = `${surveyInviteLink}
@@ -45,6 +46,20 @@ export const PostChatSurveyPaneStateful = props => {
     surveyURL: ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.surveyURL) ?? surveyInviteLink,
     ...props.controlProps
   };
+  if (controlProps.surveyURL) {
+    if (!isValidSurveyUrl(controlProps.surveyURL)) {
+      TelemetryHelper.logLoadingEvent(LogLevel.ERROR, {
+        Event: TelemetryEvent.PostChatSurveyUrlValidationFailed,
+        Description: `${controlProps.surveyURL} is not a valid Survey URL`
+      });
+      controlProps.surveyURL = "";
+    } else {
+      TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.PostChatSurveyUrlValidationCompleted,
+        Description: `${controlProps.surveyURL} is a valid Survey URL`
+      });
+    }
+  }
 
   // Move focus to the first button
   useEffect(() => {

package/lib/esm/components/postchatsurveypanestateful/common/isValidSurveyUrl.js

@@ -0,0 +1,21 @@
+import { isNullOrEmptyString } from "../../../common/utils";
+const validRootDomains = ["microsoft.com", "microsoft.us", "appsplatform.us", "powervirtualagents.cn"];
+const isValidSurveyUrl = url => {
+  if (isNullOrEmptyString(url)) {
+    return false;
+  }
+  try {
+    const objectUrl = new URL(url);
+    if (!objectUrl.origin || objectUrl.origin === "null") {
+      return false;
+    }
+    const validDomain = validRootDomains.find(domain => objectUrl.origin.endsWith(domain));
+    if (validDomain) {
+      return true;
+    }
+  } catch (error) {
+    return false;
+  }
+  return false;
+};
+export default isValidSurveyUrl;

package/lib/esm/components/prechatsurveypanestateful/PreChatSurveyPaneStateful.js

@@ -136,11 +136,6 @@ export const PreChatSurveyPaneStateful = props => {
         }
       }
     }
-    // Move focus to the first button
-    const firstElement = findAllFocusableElement(`#${controlProps.id}`);
-    if (firstElement && firstElement[0]) {
-      firstElement[0].focus();
-    }
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
       Event: TelemetryEvent.PrechatSurveyLoaded
     });
@@ -149,6 +144,16 @@ export const PreChatSurveyPaneStateful = props => {
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);
+
+  // Set focus to the first element
+  useEffect(() => {
+    if (!state.appStates.isMinimized) {
+      const firstElement = findAllFocusableElement(`#${controlProps.id}`);
+      if (firstElement && firstElement[0]) {
+        firstElement[0].focus();
+      }
+    }
+  }, [state.appStates.isMinimized]);
   return /*#__PURE__*/React.createElement(PreChatSurveyPane, {
     controlProps: controlProps,
     styleProps: styleProps

package/lib/esm/components/webchatcontainerstateful/WebChatContainerStateful.js

@@ -3,10 +3,10 @@
 import { Stack } from "@fluentui/react";
 import { LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
 import React, { useEffect } from "react";
-import { createTimer, setFocusOnSendBox } from "../../common/utils";
+import { createTimer, getDeviceType, setFocusOnSendBox } from "../../common/utils";
 import { BotMagicCodeStore } from "./webchatcontroller/BotMagicCodeStore";
 import { Components } from "botframework-webchat";
-import { Constants } from "../../common/Constants";
+import { Constants, HtmlAttributeNames, HtmlClassNames } from "../../common/Constants";
 import { LiveChatWidgetActionType } from "../../contexts/common/LiveChatWidgetActionType";
 import { NotificationHandler } from "./webchatcontroller/notification/NotificationHandler";
 import { NotificationScenarios } from "./webchatcontroller/enums/NotificationScenarios";
@@ -75,7 +75,12 @@ export const WebChatContainerStateful = props => {
   };
   useEffect(() => {
     var _props$webChatContain, _props$webChatContain2;
-    setFocusOnSendBox();
+    if (getDeviceType() !== "standard" && (webChatContainerProps === null || webChatContainerProps === void 0 ? void 0 : webChatContainerProps.webChatHistoryMobileAccessibilityLabel) !== undefined) {
+      const chatHistoryElement = document.querySelector(`.${HtmlClassNames.webChatHistoryContainer}`);
+      if (chatHistoryElement) {
+        chatHistoryElement.setAttribute(HtmlAttributeNames.ariaLabel, webChatContainerProps.webChatHistoryMobileAccessibilityLabel);
+      }
+    }
     dispatch({
       type: LiveChatWidgetActionType.SET_RENDERING_MIDDLEWARE_PROPS,
       payload: webChatContainerProps === null || webChatContainerProps === void 0 ? void 0 : webChatContainerProps.renderingMiddlewareProps
@@ -156,6 +161,13 @@ export const WebChatContainerStateful = props => {
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);
+
+  // Set focus to the sendbox
+  useEffect(() => {
+    if (!state.appStates.isMinimized) {
+      setFocusOnSendBox();
+    }
+  }, [state.appStates.isMinimized]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, `
         .webchat__stacked-layout__content .ac-pushButton {
             cursor: pointer;

package/lib/esm/components/webchatcontainerstateful/common/defaultStyles/defaultWebChatStyles.js

@@ -54,5 +54,5 @@ export const defaultWebChatStyles = {
     "</3": "💔",
     "<\\3": "💔"
   },
-  uploadMultiple: false
+  sendAttachmentOn: "attach"
 };

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/DeliveredTimestamp.js

@@ -25,14 +25,27 @@ export const DeliveredTimestamp = _ref => {
       timestamp
     }
   } = args;
+  const getTimeElement = timestamp => {
+    const timeString = getTimestampHourMinute(timestamp);
+    const isAmPmFormat = timeString.toLowerCase().includes("am") || timeString.toLowerCase().includes("pm");
+
+    // For clients that use languages that are written right-to-left, but still use AM/PM time format, we need to
+    // make sure the "rtl" direction doesn't produce "PM 1:23", but remains "1:23 PM"
+    if (dir === "rtl" && isAmPmFormat) {
+      return /*#__PURE__*/React.createElement("span", {
+        dir: "ltr"
+      }, getTimestampHourMinute(timestamp));
+    }
+    return timeString;
+  };
   return /*#__PURE__*/React.createElement(Stack, {
     style: contentStyles,
     dir: dir
   }, role === DirectLineSenderRole.Bot && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     dir: dir,
     "aria-hidden": "false"
-  }, name, " - ", getTimestampHourMinute(timestamp))), role === DirectLineSenderRole.User && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  }, name, " - ", getTimeElement(timestamp))), role === DirectLineSenderRole.User && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     "aria-hidden": "false",
     dir: dir
-  }, " ", getTimestampHourMinute(timestamp), " - ", ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_MESSAGE_DELIVERED) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_DELIVERED)));
+  }, " ", getTimeElement(timestamp), " - ", ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_MESSAGE_DELIVERED) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_DELIVERED)));
 };

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/htmlTextMiddleware.js

@@ -35,6 +35,7 @@ const convertTextToHtmlNode = text => {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const processHTMLText = (action, text, honorsTargetInHTMLLinks) => {
+  var _htmlNode$tagName;
   const htmlNode = convertTextToHtmlNode(text);
   const aNodes = htmlNode.getElementsByTagName(HtmlAttributeNames.aTagName);
   if ((aNodes === null || aNodes === void 0 ? void 0 : aNodes.length) > 0) {
@@ -64,8 +65,6 @@ const processHTMLText = (action, text, honorsTargetInHTMLLinks) => {
           }
         }
       }
-
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       action = updateIn(action, [Constants.payload, Constants.activity, Constants.text], () => htmlNode.innerHTML);
     } catch (e) {
       let errorMessage = "Failed to apply action: ";
@@ -83,6 +82,11 @@ const processHTMLText = (action, text, honorsTargetInHTMLLinks) => {
       });
     }
   }
+
+  // if empty div tag after sanitization
+  if (((_htmlNode$tagName = htmlNode.tagName) === null || _htmlNode$tagName === void 0 ? void 0 : _htmlNode$tagName.toLowerCase()) === HtmlAttributeNames.div && htmlNode.children.length === 0 && htmlNode.innerHTML.trim() === "") {
+    action = updateIn(action, [Constants.payload, Constants.activity, Constants.text], () => "");
+  }
   return action;
 };
 

package/lib/esm/plugins/createChatTranscript.js

@@ -5,6 +5,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 
 import { createFileAndDownload } from "../common/utils";
 import defaultLibraryScripts from "../components/footerstateful/downloadtranscriptstateful/common/defaultLibraryScripts";
+import DOMPurify from "dompurify";
 class TranscriptHTMLBuilder {
   // eslint-disable-line @typescript-eslint/no-explicit-any
 
@@ -167,7 +168,7 @@ class TranscriptHTMLBuilder {
                 <script>
                     class Translator {
                         static convertTranscriptMessageToActivity(message) {
-                            const {created, OriginalMessageId, id, isControlMessage, content, tags, from, attachments, amsMetadata, amsReferences} = message;
+                            const {created, OriginalMessageId, id, isControlMessage, content, tags, from, attachments, amsMetadata, amsReferences, amsreferences} = message;
                             
                             //it's required to convert the id to a number, otherwise the webchat will not render the messages in the correct order
                             // if the OrginalMessageId is not present, we can use the id as the sequence id, which is always present.
@@ -214,7 +215,7 @@ class TranscriptHTMLBuilder {
                             }
 
                             // Attachments
-                            if (amsReferences && amsMetadata) {
+                            if ((amsReferences || amsreferences) && amsMetadata) {
                                 const metadata = JSON.parse(amsMetadata);
                                 const { fileName } = metadata[0];
                                 const text = \`${this.attachmentMessage}\${fileName}\`;
@@ -238,7 +239,7 @@ class TranscriptHTMLBuilder {
                             // Message
                             if (content) {
                                 // Adaptive card formatting
-                                if (content.includes('"text"') && content.includes('"attachments"') && content.includes('"suggestedActions"')) {
+                                if (content.includes('"attachments"') || content.includes('"suggestedActions"')) {
                                     try {
                                         const partialActivity = JSON.parse(content);
                                         return {
@@ -669,12 +670,15 @@ const createChatTranscript = async function (transcript, facadeChatSDK) {
       reader.readAsDataURL(blob);
     });
   };
-  let messages = transcriptMessages;
+  let messages = transcriptMessages.filter(message => {
+    message.content = DOMPurify.sanitize(message.content);
+    return message;
+  });
   if (renderAttachments) {
     messages = await Promise.all(transcriptMessages.map(async message => {
       // eslint-disable-line @typescript-eslint/no-explicit-any
       const {
-        amsReferences,
+        amsReferences = message.amsreferences,
         amsMetadata
       } = message;
       if (amsReferences && amsMetadata) {

package/lib/esm/plugins/newMessageEventHandler.js

@@ -83,7 +83,7 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
           TelemetryHelper.logActionEvent(LogLevel.INFO, {
             Event: TelemetryEvent.MessageReceived,
             Description: "New message received",
-            Data: payload
+            CustomProperties: payload
           });
         } else {
           if (!isHistoryMessageReceivedEventRasied) {
@@ -91,7 +91,7 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
             TelemetryHelper.logActionEvent(LogLevel.INFO, {
               Event: TelemetryEvent.RehydrateMessageReceived,
               Description: "History message received",
-              Data: payload
+              CustomProperties: payload
             });
           }
         }

package/lib/types/common/Constants.d.ts

@@ -104,6 +104,7 @@ export declare class HtmlIdNames {
 export declare class HtmlClassNames {
     static readonly webChatBannerCloseButton = "webchat__toast__dismissButton";
     static readonly webChatBannerExpandButton = "webchat__toaster__expandIcon";
+    static readonly webChatHistoryContainer = "webchat__basic-transcript";
 }
 export declare class HtmlElementSelectors {
     static readonly sendBoxSelector = "textarea[data-id=\"webchat-sendbox-input\"]";

package/lib/types/common/facades/FacadeChatSDK.d.ts

@@ -57,7 +57,7 @@ export declare class FacadeChatSDK {
     getCallingToken(): Promise<string>;
     getMessages(): Promise<IMessage[] | OmnichannelMessage[] | undefined>;
     getDataMaskingRules(): Promise<MaskingRules>;
-    sendMessage(message: ChatSDKMessage): Promise<void>;
+    sendMessage(message: ChatSDKMessage): Promise<void | OmnichannelMessage>;
     onNewMessage(onNewMessageCallback: CallableFunction, optionalParams?: OnNewMessageOptionalParams): Promise<void>;
     sendTypingEvent(): Promise<void>;
     onTypingEvent(onTypingEventCallback: CallableFunction): Promise<void>;

package/lib/types/common/telemetry/TelemetryConstants.d.ts

@@ -206,6 +206,8 @@ export declare enum TelemetryEvent {
     PostChatContextCallFailed = "PostChatContextCallFailed",
     PostChatSurveyLoadingPaneLoaded = "PostChatSurveyLoadingPaneLoaded",
     PostChatSurveyLoaded = "PostChatSurveyLoaded",
+    PostChatSurveyUrlValidationCompleted = "PostChatSurveyUrlValidationCompleted",
+    PostChatSurveyUrlValidationFailed = "PostChatSurveyUrlValidationFailed",
     ChatDisconnectThreadEventReceived = "ChatDisconnectThreadEventReceived",
     HiddenAdaptiveCardMessageReceived = "HiddenAdaptiveCardMessageReceived",
     EndingAdapterAfterDisconnectionError = "EndingAdapterAfterDisconnectionError",

package/lib/types/common/telemetry/TelemetryHelper.d.ts

@@ -12,6 +12,7 @@ export interface TelemetryEventWrapper {
     ExceptionDetails?: any;
     ElapsedTimeInMilliseconds?: number;
     Data?: any;
+    CustomProperties?: any;
 }
 export declare class TelemetryHelper {
     static callId: string;

package/lib/types/common/utils.d.ts

@@ -46,3 +46,4 @@ export declare const createFileAndDownload: (fileName: string, blobData: string,
 export declare const formatTemplateString: (templateMessage: string, values: any) => string;
 export declare const parseLowerCaseString: (property: string | boolean | undefined) => string;
 export declare const setOcUserAgent: (chatSDK: any) => void;
+export declare function getDeviceType(): string;

package/lib/types/components/postchatsurveypanestateful/common/isValidSurveyUrl.d.ts

@@ -0,0 +1,2 @@
+declare const isValidSurveyUrl: (url: string) => boolean;
+export default isValidSurveyUrl;

package/lib/types/components/webchatcontainerstateful/interfaces/IWebChatContainerStatefulProps.d.ts

@@ -24,4 +24,5 @@ export interface IWebChatContainerStatefulProps {
     hyperlinkTextOverride?: boolean;
     adaptiveCardStyles?: IAdaptiveCardStyles;
     sendBoxTextBox?: ISendBox;
+    webChatHistoryMobileAccessibilityLabel?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.7.7-main.bdac0a6",
+  "version": "1.7.8-main.29ce174",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -78,7 +78,7 @@
   "dependencies": {
     "@azure/core-tracing": "^1.2.0",
     "@microsoft/omnichannel-chat-components": "1.1.8",
-    "@microsoft/omnichannel-chat-sdk": "^1.10.15",
+    "@microsoft/omnichannel-chat-sdk": "^1.10.17",
     "@opentelemetry/api": "^1.9.0",
     "abort-controller-es5": "^2.0.1",
     "dompurify": "^3.2.4",