@microsoft/omnichannel-chat-widget 1.0.4 → 1.0.5-main.53e6741

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TelemetryHelper = void 0;
 var _TelemetryConstants = require("./TelemetryConstants");
-var _utils = require("../utils");
-var _TelemetryManager = require("./TelemetryManager");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
+var _TelemetryManager = require("./TelemetryManager");
+var _utils = require("../utils");
 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); }
@@ -96,6 +96,7 @@ class TelemetryHelper {
     return TelemetryHelper.populate(level, payload, event => {
       var _TelemetryManager$Int11, _TelemetryManager$Int12, _TelemetryManager$Int13;
       event.Event = payload.Event;
+      event.Description = payload.Description;
       event.ResourcePath = payload.ResourcePath;
       event.WidgetState = payload.WidgetState;
       event.ChatState = payload.ChatState;

package/lib/cjs/common/telemetry/defaultConfigs/defaultTelemetryInternalData.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultInternalTelemetryData = void 0;
 const defaultInternalTelemetryData = {
-  environmentVersion: "test",
+  environmentVersion: "prod",
   chatWidgetLocaleLCID: "1033",
   channelId: "lcw2.0"
 };

package/lib/cjs/common/telemetry/loggers/ariaTelemetryLogger.js

@@ -9,10 +9,29 @@ var _AriaSDK = require("@microsoft/omnichannel-chat-sdk/lib/external/aria/webjs/
 var _Enums = require("@microsoft/omnichannel-chat-sdk/lib/external/aria/common/Enums");
 var _Constants = require("../../Constants");
 var _TelemetryManager = require("../TelemetryManager");
+const AWTDefaultConfiguration = {
+  collectorUri: "https://browser.pipe.aria.microsoft.com/Collector/3.0/",
+  cacheMemorySizeLimitInNumberOfEvents: 10000,
+  disableCookiesUsage: false,
+  canSendStatEvent: eventName => {
+    return true;
+  },
+  // eslint-disable-line @typescript-eslint/no-unused-vars
+  clockSkewRefreshDurationInMins: 0
+};
 const ariaTelemetryLogger = (ariaTelemetryKey, disabledCookieUsage, collectiorUriForTelemetry, ariaTelemetryApplicationName) => {
   let _logger;
+
+  // AWTLogManager is a global variable. Reset after a logEvent() is required to prevent collisions with other components using AWTLogManager.
+  const resetAriaLogger = function () {
+    let configuration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : AWTDefaultConfiguration;
+    _AriaSDK.AWTLogManager.flushAndTeardown();
+    _AriaSDK.AWTLogManager._isInitialized = false; // eslint-disable-line @typescript-eslint/no-explicit-any
+    _AriaSDK.AWTLogManager._isDestroyed = false; // eslint-disable-line @typescript-eslint/no-explicit-any
+    _logger = _AriaSDK.AWTLogManager.initialize(ariaTelemetryKey, configuration);
+  };
   const logger = () => {
-    if ((0, _utils.isNullOrUndefined)(_logger) && !(0, _utils.isNullOrEmptyString)(ariaTelemetryKey)) {
+    if (!(0, _utils.isNullOrEmptyString)(ariaTelemetryKey)) {
       const configuration = {
         disableCookiesUsage: disabledCookieUsage
       };
@@ -32,7 +51,7 @@ const ariaTelemetryLogger = (ariaTelemetryKey, disabledCookieUsage, collectiorUr
         }
       }
       try {
-        _logger = _AriaSDK.AWTLogManager.initialize(ariaTelemetryKey, configuration);
+        resetAriaLogger(configuration);
         if (_logger === undefined) {
           _logger = _AriaSDK.AWTLogManager.getLogger(ariaTelemetryKey);
         }
@@ -74,6 +93,7 @@ const ariaTelemetryLogger = (ariaTelemetryKey, disabledCookieUsage, collectiorUr
           eventProperties.properties[ariaTelemetryApplicationName] = nameProperty;
         }
         logger() ? logger().logEvent(eventProperties) : console.log("Unable to initialize aria logger");
+        resetAriaLogger();
       } catch (error) {
         console.error("Error in logging telemetry to Aria logger:" + error);
       }

package/lib/cjs/components/footerstateful/downloadtranscriptstateful/DownloadTranscriptStateful.js

@@ -9,6 +9,8 @@ var _NotificationScenarios = require("../../webchatcontainerstateful/webchatcont
 var _NotificationHandler = require("../../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler");
 var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
 var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
+var _dompurify = _interopRequireDefault(require("dompurify"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const processDisplayName = displayName => {
   // if displayname matches "teamsvisitor:<some alphanumeric string>", we replace it with "Customer"
   const displayNameRegex = ".+:.+";
@@ -64,6 +66,8 @@ const processContent = (transcriptContent, isAgentChat, renderMarkDown) => {
   }
   if (renderMarkDown) {
     transcriptContent = renderMarkDown(transcriptContent);
+  } else {
+    transcriptContent = _dompurify.default.sanitize(transcriptContent);
   }
   return transcriptContent;
 };

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

@@ -56,7 +56,7 @@ const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWe
 
     // Initiate post chat render
     if (state !== null && state !== void 0 && (_state$domainStates2 = state.domainStates) !== null && _state$domainStates2 !== void 0 && _state$domainStates2.postChatContext) {
-      await (0, _renderSurveyHelpers.initiatePostChat)(props, conversationDetails, state, dispatch);
+      await (0, _renderSurveyHelpers.initiatePostChat)(props, conversationDetails, state, dispatch, postchatContext);
       return;
     }
   } catch (error) {

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

@@ -34,10 +34,13 @@ var _htmlPlayerMiddleware = _interopRequireDefault(require("../../webchatcontain
 var _htmlTextMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/htmlTextMiddleware"));
 var _preProcessingMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/preProcessingMiddleware"));
 var _sanitizationMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/sanitizationMiddleware"));
+var _dompurify = _interopRequireDefault(require("dompurify"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const initWebChatComposer = (props, state, dispatch, chatSDK) => {
   var _props$webChatContain, _props$webChatContain2, _props$webChatContain3, _props$webChatContain4, _state$domainStates$l4, _state$domainStates$l5, _props$webChatContain9, _props$webChatContain10, _state$domainStates$r, _state$domainStates$r2, _props$webChatContain11, _props$webChatContain12, _state$domainStates$r3, _state$domainStates$r4, _props$webChatContain13, _props$webChatContain14, _defaultWebChatContai, _props$webChatContain15, _props$webChatContain16, _state$domainStates$r5, _state$domainStates$r6, _props$webChatContain17, _props$webChatContain18, _defaultWebChatContai2, _props$webChatContain19, _props$webChatContain20, _defaultWebChatContai3, _props$webChatContain21, _props$webChatContain22;
+  // Add a hook to make all links open a new window
+  postDomPurifyActivities();
   const localizedTexts = {
     ..._defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts,
     ...((_props$webChatContain = props.webChatContainerProps) === null || _props$webChatContain === void 0 ? void 0 : _props$webChatContain.localizedTexts)
@@ -90,9 +93,17 @@ const initWebChatComposer = (props, state, dispatch, chatSDK) => {
     markdownRenderers.forEach(renderer => {
       text = renderer.render(text);
     });
+    text = _dompurify.default.sanitize(text);
     return text;
   };
-
+  function postDomPurifyActivities() {
+    _dompurify.default.addHook("afterSanitizeAttributes", function (node) {
+      // set all elements owning target to target=_blank
+      if ("target" in node) {
+        node.setAttribute("target", "_blank");
+      }
+    });
+  }
   // Initialize the remaining Web Chat props
   const webChatProps = {
     ..._defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.webChatProps,

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

@@ -87,10 +87,11 @@ const embedModePostChatWorkflow = async (state, dispatch) => {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const initiatePostChat = async (props, conversationDetailsParam, state, dispatch) => {
+const initiatePostChat = async (props, conversationDetailsParam, state, dispatch, postchatContext) => {
   var _conversationDetails;
   conversationDetails = conversationDetailsParam;
-  await setSurveyMode(props, (_conversationDetails = conversationDetails) === null || _conversationDetails === void 0 ? void 0 : _conversationDetails.participantType, state, dispatch);
+  const participantType = ((_conversationDetails = conversationDetails) === null || _conversationDetails === void 0 ? void 0 : _conversationDetails.participantType) ?? postchatContext.participantType;
+  await setSurveyMode(props, participantType, state, dispatch);
   await renderSurvey(state, dispatch);
 };
 

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

@@ -99,7 +99,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
   const getAuthToken = props === null || props === void 0 ? void 0 : props.getAuthToken;
   const hideErrorUIPane = props === null || props === void 0 ? void 0 : (_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.hideErrorUIPane;
   try {
-    var _newAdapter$activity$, _TelemetryTimers$Widg;
+    var _newAdapter$activity$, _TelemetryTimers$Widg2;
     //Start widget load timer
     _TelemetryManager.TelemetryTimers.WidgetLoadTimer = (0, _utils.createTimer)();
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
@@ -175,10 +175,16 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
       });
     }
     if (persistedState) {
+      var _TelemetryTimers$Widg;
       dispatch({
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_WIDGET_STATE,
         payload: persistedState
       });
+      _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
+        Event: _TelemetryConstants.TelemetryEvent.WidgetLoadComplete,
+        Description: "Widget load complete. Persisted state retrieved",
+        ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers === null || _TelemetryManager.TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg = _TelemetryManager.TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg === void 0 ? void 0 : _TelemetryTimers$Widg.milliSecondsElapsed
+      });
       await (0, _setPostChatContextAndLoadSurvey.setPostChatContextAndLoadSurvey)(chatSDK, dispatch, true);
       return;
     }
@@ -192,7 +198,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.WidgetLoadComplete,
       Description: "Widget load complete",
-      ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers === null || _TelemetryManager.TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg = _TelemetryManager.TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg === void 0 ? void 0 : _TelemetryTimers$Widg.milliSecondsElapsed
+      ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers === null || _TelemetryManager.TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg2 = _TelemetryManager.TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg2 === void 0 ? void 0 : _TelemetryTimers$Widg2.milliSecondsElapsed
     });
 
     // Set post chat context in state
@@ -202,15 +208,10 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
     // Updating chat session detail for telemetry
     await (0, _updateSessionDataForTelemetry.updateSessionDataForTelemetry)(chatSDK, dispatch);
   } catch (ex) {
-    _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.ERROR, {
-      Event: _TelemetryConstants.TelemetryEvent.WidgetLoadFailed,
-      ExceptionDetails: {
-        Exception: `Widget load Failed: ${ex}`
-      }
-    });
-    _NotificationHandler.NotificationHandler.notifyError(_NotificationScenarios.NotificationScenarios.Connection, "Start Chat Failed: " + ex);
+    var _TelemetryTimers$Widg4;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     if (ex.message === _Constants.ChatSDKError.WidgetUseOutsideOperatingHour) {
+      var _TelemetryTimers$Widg3;
       dispatch({
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_OUTSIDE_OPERATING_HOURS,
         payload: true
@@ -219,8 +220,21 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
         payload: _ConversationState.ConversationState.OutOfOffice
       });
+      _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
+        Event: _TelemetryConstants.TelemetryEvent.WidgetLoadComplete,
+        Description: "Widget load complete. Widget is OOOH.",
+        ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers === null || _TelemetryManager.TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg3 = _TelemetryManager.TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg3 === void 0 ? void 0 : _TelemetryTimers$Widg3.milliSecondsElapsed
+      });
       return;
     }
+    _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.ERROR, {
+      Event: _TelemetryConstants.TelemetryEvent.WidgetLoadFailed,
+      ExceptionDetails: {
+        Exception: `Widget load Failed: ${ex}`
+      },
+      ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers === null || _TelemetryManager.TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg4 = _TelemetryManager.TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg4 === void 0 ? void 0 : _TelemetryTimers$Widg4.milliSecondsElapsed
+    });
+    _NotificationHandler.NotificationHandler.notifyError(_NotificationScenarios.NotificationScenarios.Connection, "Start Chat Failed: " + ex);
     dispatch({
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_START_CHAT_FAILING,
       payload: true

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

@@ -142,6 +142,14 @@ const LiveChatWidgetStateful = props => {
     }
     if (isChatValid === false) {
       if (localState) {
+        // adding the reconnect logic for the case when customer tries to reconnect from a new browser or InPrivate browser
+        if ((0, _reconnectChatHelper.isReconnectEnabled)(props.chatConfig) === true) {
+          await (0, _reconnectChatHelper.handleChatReconnect)(chatSDK, props, dispatch, setAdapter, _startChat.initStartChat, state);
+          // If chat reconnect has kicked in chat state will become Active or Reconnect. So just exit, else go next
+          if (state.appStates.conversationState === _ConversationState.ConversationState.Active || state.appStates.conversationState === _ConversationState.ConversationState.ReconnectChat) {
+            return;
+          }
+        }
         await (0, _startChat.setPreChatAndInitiateChat)(chatSDK, dispatch, setAdapter, undefined, undefined, localState, props);
         return;
       } else {

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

@@ -2,9 +2,9 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { ScenarioType, TelemetryEvent } from "./TelemetryConstants";
-import { newGuid } from "../utils";
-import { TelemetryManager } from "./TelemetryManager";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
+import { TelemetryManager } from "./TelemetryManager";
+import { newGuid } from "../utils";
 export class TelemetryHelper {
   static buildTelemetryEvent(level, input) {
     switch (input.scenarioType) {
@@ -90,6 +90,7 @@ export class TelemetryHelper {
     return TelemetryHelper.populate(level, payload, event => {
       var _TelemetryManager$Int11, _TelemetryManager$Int12, _TelemetryManager$Int13;
       event.Event = payload.Event;
+      event.Description = payload.Description;
       event.ResourcePath = payload.ResourcePath;
       event.WidgetState = payload.WidgetState;
       event.ChatState = payload.ChatState;

package/lib/esm/common/telemetry/defaultConfigs/defaultTelemetryInternalData.js

@@ -1,5 +1,5 @@
 export const defaultInternalTelemetryData = {
-  environmentVersion: "test",
+  environmentVersion: "prod",
   chatWidgetLocaleLCID: "1033",
   channelId: "lcw2.0"
 };

package/lib/esm/common/telemetry/loggers/ariaTelemetryLogger.js

@@ -3,10 +3,29 @@ import { AWTLogManager } from "@microsoft/omnichannel-chat-sdk/lib/external/aria
 import { AWTCustomerContentKind, AWTPiiKind, AWTPropertyType } from "@microsoft/omnichannel-chat-sdk/lib/external/aria/common/Enums";
 import { Constants, AriaTelemetryConstants, EnvironmentVersion } from "../../Constants";
 import { TelemetryManager } from "../TelemetryManager";
+const AWTDefaultConfiguration = {
+  collectorUri: "https://browser.pipe.aria.microsoft.com/Collector/3.0/",
+  cacheMemorySizeLimitInNumberOfEvents: 10000,
+  disableCookiesUsage: false,
+  canSendStatEvent: eventName => {
+    return true;
+  },
+  // eslint-disable-line @typescript-eslint/no-unused-vars
+  clockSkewRefreshDurationInMins: 0
+};
 export const ariaTelemetryLogger = (ariaTelemetryKey, disabledCookieUsage, collectiorUriForTelemetry, ariaTelemetryApplicationName) => {
   let _logger;
+
+  // AWTLogManager is a global variable. Reset after a logEvent() is required to prevent collisions with other components using AWTLogManager.
+  const resetAriaLogger = function () {
+    let configuration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : AWTDefaultConfiguration;
+    AWTLogManager.flushAndTeardown();
+    AWTLogManager._isInitialized = false; // eslint-disable-line @typescript-eslint/no-explicit-any
+    AWTLogManager._isDestroyed = false; // eslint-disable-line @typescript-eslint/no-explicit-any
+    _logger = AWTLogManager.initialize(ariaTelemetryKey, configuration);
+  };
   const logger = () => {
-    if (isNullOrUndefined(_logger) && !isNullOrEmptyString(ariaTelemetryKey)) {
+    if (!isNullOrEmptyString(ariaTelemetryKey)) {
       const configuration = {
         disableCookiesUsage: disabledCookieUsage
       };
@@ -26,7 +45,7 @@ export const ariaTelemetryLogger = (ariaTelemetryKey, disabledCookieUsage, colle
         }
       }
       try {
-        _logger = AWTLogManager.initialize(ariaTelemetryKey, configuration);
+        resetAriaLogger(configuration);
         if (_logger === undefined) {
           _logger = AWTLogManager.getLogger(ariaTelemetryKey);
         }
@@ -68,6 +87,7 @@ export const ariaTelemetryLogger = (ariaTelemetryKey, disabledCookieUsage, colle
           eventProperties.properties[ariaTelemetryApplicationName] = nameProperty;
         }
         logger() ? logger().logEvent(eventProperties) : console.log("Unable to initialize aria logger");
+        resetAriaLogger();
       } catch (error) {
         console.error("Error in logging telemetry to Aria logger:" + error);
       }

package/lib/esm/components/footerstateful/downloadtranscriptstateful/DownloadTranscriptStateful.js

@@ -3,6 +3,7 @@ import { NotificationScenarios } from "../../webchatcontainerstateful/webchatcon
 import { NotificationHandler } from "../../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import DOMPurify from "dompurify";
 const processDisplayName = displayName => {
   // if displayname matches "teamsvisitor:<some alphanumeric string>", we replace it with "Customer"
   const displayNameRegex = ".+:.+";
@@ -58,6 +59,8 @@ const processContent = (transcriptContent, isAgentChat, renderMarkDown) => {
   }
   if (renderMarkDown) {
     transcriptContent = renderMarkDown(transcriptContent);
+  } else {
+    transcriptContent = DOMPurify.sanitize(transcriptContent);
   }
   return transcriptContent;
 };

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

@@ -51,7 +51,7 @@ const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWe
 
     // Initiate post chat render
     if (state !== null && state !== void 0 && (_state$domainStates2 = state.domainStates) !== null && _state$domainStates2 !== void 0 && _state$domainStates2.postChatContext) {
-      await initiatePostChat(props, conversationDetails, state, dispatch);
+      await initiatePostChat(props, conversationDetails, state, dispatch, postchatContext);
       return;
     }
   } catch (error) {

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

@@ -28,10 +28,13 @@ import htmlPlayerMiddleware from "../../webchatcontainerstateful/webchatcontroll
 import htmlTextMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/htmlTextMiddleware";
 import preProcessingMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/preProcessingMiddleware";
 import sanitizationMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/sanitizationMiddleware";
+import DOMPurify from "dompurify";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const initWebChatComposer = (props, state, dispatch, chatSDK) => {
   var _props$webChatContain, _props$webChatContain2, _props$webChatContain3, _props$webChatContain4, _state$domainStates$l4, _state$domainStates$l5, _props$webChatContain9, _props$webChatContain10, _state$domainStates$r, _state$domainStates$r2, _props$webChatContain11, _props$webChatContain12, _state$domainStates$r3, _state$domainStates$r4, _props$webChatContain13, _props$webChatContain14, _defaultWebChatContai, _props$webChatContain15, _props$webChatContain16, _state$domainStates$r5, _state$domainStates$r6, _props$webChatContain17, _props$webChatContain18, _defaultWebChatContai2, _props$webChatContain19, _props$webChatContain20, _defaultWebChatContai3, _props$webChatContain21, _props$webChatContain22;
+  // Add a hook to make all links open a new window
+  postDomPurifyActivities();
   const localizedTexts = {
     ...defaultMiddlewareLocalizedTexts,
     ...((_props$webChatContain = props.webChatContainerProps) === null || _props$webChatContain === void 0 ? void 0 : _props$webChatContain.localizedTexts)
@@ -84,9 +87,17 @@ export const initWebChatComposer = (props, state, dispatch, chatSDK) => {
     markdownRenderers.forEach(renderer => {
       text = renderer.render(text);
     });
+    text = DOMPurify.sanitize(text);
     return text;
   };
-
+  function postDomPurifyActivities() {
+    DOMPurify.addHook("afterSanitizeAttributes", function (node) {
+      // set all elements owning target to target=_blank
+      if ("target" in node) {
+        node.setAttribute("target", "_blank");
+      }
+    });
+  }
   // Initialize the remaining Web Chat props
   const webChatProps = {
     ...defaultWebChatContainerStatefulProps.webChatProps,

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

@@ -81,10 +81,11 @@ const embedModePostChatWorkflow = async (state, dispatch) => {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const initiatePostChat = async (props, conversationDetailsParam, state, dispatch) => {
+const initiatePostChat = async (props, conversationDetailsParam, state, dispatch, postchatContext) => {
   var _conversationDetails;
   conversationDetails = conversationDetailsParam;
-  await setSurveyMode(props, (_conversationDetails = conversationDetails) === null || _conversationDetails === void 0 ? void 0 : _conversationDetails.participantType, state, dispatch);
+  const participantType = ((_conversationDetails = conversationDetails) === null || _conversationDetails === void 0 ? void 0 : _conversationDetails.participantType) ?? postchatContext.participantType;
+  await setSurveyMode(props, participantType, state, dispatch);
   await renderSurvey(state, dispatch);
 };
 

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

@@ -92,7 +92,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
   const getAuthToken = props === null || props === void 0 ? void 0 : props.getAuthToken;
   const hideErrorUIPane = props === null || props === void 0 ? void 0 : (_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.hideErrorUIPane;
   try {
-    var _newAdapter$activity$, _TelemetryTimers$Widg;
+    var _newAdapter$activity$, _TelemetryTimers$Widg2;
     //Start widget load timer
     TelemetryTimers.WidgetLoadTimer = createTimer();
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
@@ -168,10 +168,16 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
       });
     }
     if (persistedState) {
+      var _TelemetryTimers$Widg;
       dispatch({
         type: LiveChatWidgetActionType.SET_WIDGET_STATE,
         payload: persistedState
       });
+      TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.WidgetLoadComplete,
+        Description: "Widget load complete. Persisted state retrieved",
+        ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg === void 0 ? void 0 : _TelemetryTimers$Widg.milliSecondsElapsed
+      });
       await setPostChatContextAndLoadSurvey(chatSDK, dispatch, true);
       return;
     }
@@ -185,7 +191,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
       Event: TelemetryEvent.WidgetLoadComplete,
       Description: "Widget load complete",
-      ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg === void 0 ? void 0 : _TelemetryTimers$Widg.milliSecondsElapsed
+      ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg2 = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg2 === void 0 ? void 0 : _TelemetryTimers$Widg2.milliSecondsElapsed
     });
 
     // Set post chat context in state
@@ -195,15 +201,10 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
     // Updating chat session detail for telemetry
     await updateSessionDataForTelemetry(chatSDK, dispatch);
   } catch (ex) {
-    TelemetryHelper.logLoadingEvent(LogLevel.ERROR, {
-      Event: TelemetryEvent.WidgetLoadFailed,
-      ExceptionDetails: {
-        Exception: `Widget load Failed: ${ex}`
-      }
-    });
-    NotificationHandler.notifyError(NotificationScenarios.Connection, "Start Chat Failed: " + ex);
+    var _TelemetryTimers$Widg4;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     if (ex.message === ChatSDKError.WidgetUseOutsideOperatingHour) {
+      var _TelemetryTimers$Widg3;
       dispatch({
         type: LiveChatWidgetActionType.SET_OUTSIDE_OPERATING_HOURS,
         payload: true
@@ -212,8 +213,21 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
         type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
         payload: ConversationState.OutOfOffice
       });
+      TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.WidgetLoadComplete,
+        Description: "Widget load complete. Widget is OOOH.",
+        ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg3 = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg3 === void 0 ? void 0 : _TelemetryTimers$Widg3.milliSecondsElapsed
+      });
       return;
     }
+    TelemetryHelper.logLoadingEvent(LogLevel.ERROR, {
+      Event: TelemetryEvent.WidgetLoadFailed,
+      ExceptionDetails: {
+        Exception: `Widget load Failed: ${ex}`
+      },
+      ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg4 = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg4 === void 0 ? void 0 : _TelemetryTimers$Widg4.milliSecondsElapsed
+    });
+    NotificationHandler.notifyError(NotificationScenarios.Connection, "Start Chat Failed: " + ex);
     dispatch({
       type: LiveChatWidgetActionType.SET_START_CHAT_FAILING,
       payload: true

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

@@ -134,6 +134,14 @@ export const LiveChatWidgetStateful = props => {
     }
     if (isChatValid === false) {
       if (localState) {
+        // adding the reconnect logic for the case when customer tries to reconnect from a new browser or InPrivate browser
+        if (isReconnectEnabled(props.chatConfig) === true) {
+          await handleChatReconnect(chatSDK, props, dispatch, setAdapter, initStartChat, state);
+          // If chat reconnect has kicked in chat state will become Active or Reconnect. So just exit, else go next
+          if (state.appStates.conversationState === ConversationState.Active || state.appStates.conversationState === ConversationState.ReconnectChat) {
+            return;
+          }
+        }
         await setPreChatAndInitiateChat(chatSDK, dispatch, setAdapter, undefined, undefined, localState, props);
         return;
       } else {

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

@@ -1,11 +1,11 @@
-import { LogLevel, TelemetryEvent, TelemetryInput } from "./TelemetryConstants";
 import { BaseContract, TelemetryContract } from "./definitions/Contracts";
 import { TelemetryData } from "./definitions/Payload";
+import { LogLevel, TelemetryEvent, TelemetryInput } from "./TelemetryConstants";
 import ChatConfig from "@microsoft/omnichannel-chat-sdk/lib/core/ChatConfig";
-import LiveChatContext from "@microsoft/omnichannel-chat-sdk/lib/core/LiveChatContext";
-import LiveWorkItemDetails from "@microsoft/omnichannel-chat-sdk/lib/core/LiveWorkItemDetails";
 import { IInternalTelemetryData } from "./interfaces/IInternalTelemetryData";
 import { ITelemetryConfig } from "./interfaces/ITelemetryConfig";
+import LiveChatContext from "@microsoft/omnichannel-chat-sdk/lib/core/LiveChatContext";
+import LiveWorkItemDetails from "@microsoft/omnichannel-chat-sdk/lib/core/LiveWorkItemDetails";
 export interface TelemetryEventWrapper {
     Event: TelemetryEvent;
     Description?: string;

package/lib/types/common/telemetry/definitions/Payload.d.ts

@@ -22,6 +22,7 @@ export interface LoadTelemetryData extends BaseTelemetryData {
     OCChatSDKVersion?: string;
     OCChatWidgetVersion?: string;
     OCChatComponentsVersion?: string;
+    Description?: string;
 }
 export interface MessageProcessingErrorData extends BaseTelemetryData {
     Event: string;

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

@@ -2,7 +2,7 @@ import { Dispatch } from "react";
 import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetAction";
 import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
-declare const initiatePostChat: (props: ILiveChatWidgetProps, conversationDetailsParam: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>) => Promise<void>;
+declare const initiatePostChat: (props: ILiveChatWidgetProps, conversationDetailsParam: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, postchatContext: any) => Promise<void>;
 declare const isPostChatEnabled: (props: ILiveChatWidgetProps, state: ILiveChatWidgetContext) => boolean;
 declare const getPostChatContext: (chatSDK: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>) => Promise<void>;
 declare const setWidgetStateToInactive: (dispatch: Dispatch<ILiveChatWidgetAction>) => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.0.4",
+  "version": "1.0.5-main.53e6741",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -75,7 +75,7 @@
   },
   "dependencies": {
     "@microsoft/omnichannel-chat-components": "^1.0.1",
-    "@microsoft/omnichannel-chat-sdk": "1.4.1",
+    "@microsoft/omnichannel-chat-sdk": "1.4.2",
     "abort-controller-es5": "^2.0.1",
     "dompurify": "^2.3.4",
     "markdown-it": "^12.3.2",