@microsoft/omnichannel-chat-widget 1.0.3-main.c925679 → 1.0.4-main.5c98fd0

package/lib/cjs/common/Constants.js

@@ -112,6 +112,9 @@ _defineProperty(Constants, "SessionCacheSuffix", "session");
 _defineProperty(Constants, "PopoutCacheSuffix", "popout");
 // Visibility timeout for conversation details
 _defineProperty(Constants, "LWICheckOnVisibilityTimeout", 3 * 60 * 1000);
+// 3 minute
+// Popup mode custom context response event message name
+_defineProperty(Constants, "InitContextParamsResponse", "initContextParamsResponse");
 const Regex = (_class = class Regex {}, _defineProperty(_class, "EmailRegex", "(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])"), _class);
 exports.Regex = Regex;
 class HtmlIdNames {}

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

@@ -36,7 +36,6 @@ exports.BroadcastEvent = BroadcastEvent;
   BroadcastEvent["StartProactiveChat"] = "StartProactiveChat";
   BroadcastEvent["ProactiveChatStartChat"] = "ProactiveChatStartChat";
   BroadcastEvent["ProactiveChatStartPopoutChat"] = "ProactiveChatStartPopoutChat";
-  BroadcastEvent["ProactiveChatIsInPopoutMode"] = "ProactiveChatIsInPopoutMode";
   BroadcastEvent["ResetProactiveChatParams"] = "ResetProactiveChatParams";
   BroadcastEvent["InvalidAdaptiveCardFormat"] = "InvalidAdaptiveCardFormat";
   BroadcastEvent["NewMessageSent"] = "NewMessageSent";
@@ -108,6 +107,7 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["ChatVisibilityChanged"] = "ChatVisibilityChanged";
   TelemetryEvent["EndChatSucceeded"] = "EndChatSucceeded";
   TelemetryEvent["EndChatFailed"] = "EndChatFailed";
+  TelemetryEvent["SetCustomContext"] = "SetCustomContext";
   TelemetryEvent["WebChatLoaded"] = "WebChatLoaded";
   TelemetryEvent["LCWChatButtonClicked"] = "LCWChatButtonClicked";
   TelemetryEvent["LCWChatButtonShow"] = "LCWChatButtonShow";

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

@@ -64,14 +64,17 @@ const RegisterLoggers = () => {
   };
   const logTelemetry = telemetryEvent => {
     loggers.map(logger => {
-      var _payload;
+      var _payload, _telemetryInput$paylo;
       const logLevel = telemetryEvent.logLevel ?? _TelemetryConstants.LogLevel.INFO;
       const scenarioType = ((_payload = telemetryEvent.payload) === null || _payload === void 0 ? void 0 : _payload.scenarioType) ?? _TelemetryConstants.ScenarioType.UNDEFINED;
       const telemetryInput = parseInput(telemetryEvent === null || telemetryEvent === void 0 ? void 0 : telemetryEvent.payload, scenarioType);
       telemetryInput.telemetryInfo = {
         telemetryInfo: _TelemetryHelper.TelemetryHelper.buildTelemetryEvent(logLevel, telemetryInput)
       };
-      logger.log(logLevel, telemetryInput);
+      //Do not log events without an Event Name
+      if (telemetryInput !== null && telemetryInput !== void 0 && (_telemetryInput$paylo = telemetryInput.payload) !== null && _telemetryInput$paylo !== void 0 && _telemetryInput$paylo.Event) {
+        logger.log(logLevel, telemetryInput);
+      }
     });
   };
   return registerLoggers();

package/lib/cjs/components/chatbuttonstateful/ChatButtonStateful.js

@@ -28,7 +28,6 @@ const ChatButtonStateful = props => {
   } = props;
   //Setting OutOfOperatingHours Flag
   const [outOfOperatingHours, setOutOfOperatingHours] = (0, _react.useState)(((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.OutOfOperatingHours) === "True");
-  const proactiveChatInNewWindow = (0, _react.useRef)(state.appStates.proactiveChatStates.proactiveChatInNewWindow);
   const outOfOfficeStyleProps = Object.assign({}, _defaultOutOfOfficeChatButtonStyleProps.defaultOutOfOfficeChatButtonStyleProps, outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : outOfOfficeButtonProps.styleProps);
   const controlProps = {
     id: "oc-lcw-chat-button",
@@ -41,12 +40,7 @@ const ChatButtonStateful = props => {
       _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
         Event: _TelemetryConstants.TelemetryEvent.LCWChatButtonClicked
       });
-      if (proactiveChatInNewWindow.current) {
-        const proactiveChatIsInPopoutModeEvent = {
-          eventName: _TelemetryConstants.BroadcastEvent.ProactiveChatIsInPopoutMode
-        };
-        _omnichannelChatComponents.BroadcastService.postMessage(proactiveChatIsInPopoutModeEvent);
-      } else if (state.appStates.isMinimized) {
+      if (state.appStates.isMinimized) {
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
           payload: false
@@ -99,9 +93,6 @@ const ChatButtonStateful = props => {
       });
     }
   }, []);
-  (0, _react.useEffect)(() => {
-    proactiveChatInNewWindow.current = state.appStates.proactiveChatStates.proactiveChatInNewWindow;
-  }, [state.appStates.proactiveChatStates.proactiveChatInNewWindow]);
   return /*#__PURE__*/_react.default.createElement(_omnichannelChatComponents.ChatButton, {
     componentOverrides: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.componentOverrides,
     controlProps: outOfOperatingHours ? outOfOfficeControlProps : controlProps,

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/defaultProps/dummyDefaultProps.js

@@ -1196,7 +1196,13 @@ const dummyDefaultProps = {
         borderRadius: "0 0 4px 4px",
         borderWidth: "3px",
         backgroundColor: "#FFFFFF",
-        borderColor: "#F1F1F1"
+        borderColor: "#F1F1F1",
+        position: "initial",
+        height: "100%",
+        width: "100%",
+        left: "0%",
+        top: "0%",
+        display: "contents"
       }
     },
     isCustomerVoiceSurveyCompact: undefined

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

@@ -35,6 +35,7 @@ var _messageTimestampMiddleware = _interopRequireDefault(require("../../webchatc
 var _Constants = require("../../../common/Constants");
 var _endChat = require("./endChat");
 var _HyperlinkTextOverrideRenderer = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/markdownrenderers/HyperlinkTextOverrideRenderer"));
+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) => {
@@ -91,6 +92,8 @@ const initWebChatComposer = (props, state, dispatch, chatSDK) => {
     markdownRenderers.forEach(renderer => {
       text = renderer.render(text);
     });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    text = _dompurify.default.sanitize(text);
     return text;
   };
 

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

@@ -130,7 +130,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
     try {
       var _window$Microsoft, _window$Microsoft$Dyn, _window$Microsoft$Dyn2, _window$Microsoft$Dyn3;
       // Set custom context params
-      setCustomContextParams();
+      await setCustomContextParams(props);
       const defaultOptionalParams = {
         sendDefaultInitContext: true,
         isProactiveChat: !!(params !== null && params !== void 0 && params.isProactiveChat),
@@ -286,25 +286,35 @@ const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdap
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const setCustomContextParams = () => {
-  var _persistedState$domai8;
+const setCustomContextParams = async props => {
+  var _props$chatConfig, _props$chatConfig$Liv, _persistedState$domai8;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const isAuthenticatedChat = props !== null && props !== void 0 && (_props$chatConfig = props.chatConfig) !== null && _props$chatConfig !== void 0 && (_props$chatConfig$Liv = _props$chatConfig.LiveChatConfigAuthSettings) !== null && _props$chatConfig$Liv !== void 0 && _props$chatConfig$Liv.msdyn_javascriptclientfunction ? true : false;
+  //Should not set custom context for auth chat
+  if (isAuthenticatedChat) {
+    return;
+  }
+  if ((0, _utils.isNullOrEmptyString)(widgetInstanceId)) {
+    widgetInstanceId = (0, _utils.getWidgetCacheIdfromProps)(props);
+  }
   // Add custom context only for unauthenticated chat
   const persistedState = (0, _utils.getStateFromCache)(widgetInstanceId);
   if (!(0, _utils.isUndefinedOrEmpty)(persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai8 = persistedState.domainStates) === null || _persistedState$domai8 === void 0 ? void 0 : _persistedState$domai8.customContext)) {
-    var _persistedState$domai9, _persistedState$domai10;
-    if (persistedState !== null && persistedState !== void 0 && (_persistedState$domai9 = persistedState.domainStates.liveChatConfig) !== null && _persistedState$domai9 !== void 0 && _persistedState$domai9.LiveChatConfigAuthSettings) {
-      const errorMessage = "Use of custom context with authenticated chat is deprecated. The chat would not go through.";
-      _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.WARN, {
-        Event: _TelemetryConstants.TelemetryEvent.StartChatMethodException,
-        ExceptionDetails: {
-          exception: errorMessage
-        }
-      });
-      throw new Error(errorMessage);
-    }
+    var _persistedState$domai9;
+    _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.SetCustomContext,
+      Description: "Setting custom context for unauthenticated chat"
+    });
     optionalParams = Object.assign({}, optionalParams, {
-      customContext: persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai10 = persistedState.domainStates) === null || _persistedState$domai10 === void 0 ? void 0 : _persistedState$domai10.customContext
+      customContext: persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai9 = persistedState.domainStates) === null || _persistedState$domai9 === void 0 ? void 0 : _persistedState$domai9.customContext
     });
+  } else {
+    const customContextFromParent = await getInitContextParamsForPopout();
+    if (!(0, _utils.isUndefinedOrEmpty)(customContextFromParent === null || customContextFromParent === void 0 ? void 0 : customContextFromParent.contextVariables)) {
+      optionalParams = Object.assign({}, optionalParams, {
+        customContext: customContextFromParent.contextVariables
+      });
+    }
   }
 };
 const canStartPopoutChat = async props => {
@@ -313,9 +323,9 @@ const canStartPopoutChat = async props => {
   }
   popoutWidgetInstanceId = (0, _utils.getWidgetCacheIdfromProps)(props, true);
   if (!(0, _utils.isNullOrEmptyString)(popoutWidgetInstanceId)) {
-    var _persistedState$domai11, _persistedState$appSt2;
+    var _persistedState$domai10, _persistedState$appSt2;
     const persistedState = (0, _utils.getStateFromCache)(popoutWidgetInstanceId);
-    if (persistedState && !(0, _utils.isUndefinedOrEmpty)(persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai11 = persistedState.domainStates) === null || _persistedState$domai11 === void 0 ? void 0 : _persistedState$domai11.liveChatContext) && (persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$appSt2 = persistedState.appStates) === null || _persistedState$appSt2 === void 0 ? void 0 : _persistedState$appSt2.conversationState) === _ConversationState.ConversationState.Active) {
+    if (persistedState && !(0, _utils.isUndefinedOrEmpty)(persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai10 = persistedState.domainStates) === null || _persistedState$domai10 === void 0 ? void 0 : _persistedState$domai10.liveChatContext) && (persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$appSt2 = persistedState.appStates) === null || _persistedState$appSt2 === void 0 ? void 0 : _persistedState$appSt2.conversationState) === _ConversationState.ConversationState.Active) {
       // Initiate popout chat
       _omnichannelChatComponents.BroadcastService.postMessage({
         eventName: _TelemetryConstants.BroadcastEvent.InitiateStartChatInPopoutMode
@@ -366,4 +376,34 @@ const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
     return false;
   }
 };
-exports.checkIfConversationStillValid = checkIfConversationStillValid;
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+exports.checkIfConversationStillValid = checkIfConversationStillValid;
+const getInitContextParamsForPopout = async () => {
+  return window.opener ? await getInitContextParamForPopoutFromOuterScope(window.opener) : null;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getInitContextParamForPopoutFromOuterScope = async scope => {
+  let payload;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  let waitPromiseResolve;
+  const waitPromise = new Promise((res, rej) => {
+    waitPromiseResolve = res;
+    setTimeout(() => rej("Failed to find method in outer scope"), 5000);
+  }).catch(rej => console.warn(rej));
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const getInitContextParamsFromParent = e => {
+    if (e.data && e.data.messageName == _Constants.Constants.InitContextParamsResponse) {
+      payload = e.data.payload;
+      waitPromiseResolve();
+    }
+  };
+  window.addEventListener("message", getInitContextParamsFromParent, false);
+  scope.postMessage({
+    messageName: _Constants.Constants.InitContextParamsResponse
+  }, "*");
+  await waitPromise;
+  window.removeEventListener("message", getInitContextParamsFromParent, false);
+  return payload;
+};

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

@@ -6,20 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.LiveChatWidgetStateful = void 0;
 var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
+var _botframeworkWebchat = require("botframework-webchat");
+var _Constants = require("../../../common/Constants");
 var _react = require("@fluentui/react");
 var _react2 = _interopRequireWildcard(require("react"));
 var _startChat = require("../common/startChat");
 var _utils = require("../../../common/utils");
 var _endChat = require("../common/endChat");
+var _reconnectChatHelper = require("../common/reconnectChatHelper");
 var _componentController = require("../../../controller/componentController");
 var _ActivityStreamHandler = require("../common/ActivityStreamHandler");
 var _CallingContainerStateful = _interopRequireDefault(require("../../callingcontainerstateful/CallingContainerStateful"));
 var _ChatButtonStateful = _interopRequireDefault(require("../../chatbuttonstateful/ChatButtonStateful"));
-var _botframeworkWebchat = require("botframework-webchat");
 var _ConfirmationPaneStateful = _interopRequireDefault(require("../../confirmationpanestateful/ConfirmationPaneStateful"));
 var _ConversationState = require("../../../contexts/common/ConversationState");
 var _DataStoreManager = require("../../../common/contextDataStore/DataStoreManager");
-var _Constants = require("../../../common/Constants");
 var _EmailTranscriptPaneStateful = _interopRequireDefault(require("../../emailtranscriptpanestateful/EmailTranscriptPaneStateful"));
 var _HeaderStateful = _interopRequireDefault(require("../../headerstateful/HeaderStateful"));
 var _LiveChatWidgetActionType = require("../../../contexts/common/LiveChatWidgetActionType");
@@ -51,13 +52,12 @@ var _startProactiveChat = require("../common/startProactiveChat");
 var _useChatAdapterStore = _interopRequireDefault(require("../../../hooks/useChatAdapterStore"));
 var _useChatContextStore = _interopRequireDefault(require("../../../hooks/useChatContextStore"));
 var _useChatSDKStore = _interopRequireDefault(require("../../../hooks/useChatSDKStore"));
-var _reconnectChatHelper = require("../common/reconnectChatHelper");
 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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const LiveChatWidgetStateful = props => {
-  var _props$webChatContain, _props$styleProps, _chatSDK$omnichannelC, _props$controlProps, _props$controlProps2, _state$appStates7, _props$webChatContain5, _state$appStates10, _state$appStates15, _props$webChatContain6, _props$styleProps2, _props$controlProps11, _props$controlProps12, _props$componentOverr, _props$controlProps13, _props$componentOverr2, _props$controlProps14, _props$componentOverr3, _props$controlProps15, _props$componentOverr4, _props$controlProps16, _props$componentOverr5, _props$controlProps17, _props$componentOverr6, _props$controlProps18, _props$componentOverr7, _props$controlProps19, _props$controlProps20, _props$componentOverr8, _props$controlProps21, _props$componentOverr9, _props$controlProps22, _props$componentOverr10, _props$componentOverr11, _props$componentOverr12;
+  var _props$webChatContain, _props$styleProps, _chatSDK$omnichannelC, _props$controlProps, _props$controlProps2, _state$appStates7, _props$webChatContain5, _state$appStates14, _props$webChatContain6, _props$styleProps2, _props$controlProps11, _props$controlProps12, _props$componentOverr, _props$controlProps13, _props$componentOverr2, _props$controlProps14, _props$componentOverr3, _props$controlProps15, _props$componentOverr4, _props$controlProps16, _props$componentOverr5, _props$controlProps17, _props$componentOverr6, _props$controlProps18, _props$componentOverr7, _props$controlProps19, _props$controlProps20, _props$componentOverr8, _props$controlProps21, _props$componentOverr9, _props$controlProps22, _props$componentOverr10, _props$componentOverr11, _props$componentOverr12;
   const [state, dispatch] = (0, _useChatContextStore.default)();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [adapter, setAdapter] = (0, _useChatAdapterStore.default)();
@@ -368,7 +368,10 @@ const LiveChatWidgetStateful = props => {
       // This is to ensure to get latest state from cache in multitab
       const persistedState = (0, _utils.getStateFromCache)((0, _utils.getWidgetCacheIdfromProps)(props));
       if (persistedState && persistedState.appStates.conversationState === _ConversationState.ConversationState.Active) {
-        (0, _endChat.prepareEndChat)(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, uwid.current);
+        dispatch({
+          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY,
+          payload: _Constants.ConversationEndEntity.Customer
+        });
       } else {
         const skipEndChatSDK = true;
         const skipCloseChat = false;
@@ -506,36 +509,33 @@ const LiveChatWidgetStateful = props => {
     }
   }, [state.domainStates.confirmationState]);
   (0, _react2.useEffect)(() => {
-    var _state$appStates8, _state$appStates9;
-    if ((state === null || state === void 0 ? void 0 : (_state$appStates8 = state.appStates) === null || _state$appStates8 === void 0 ? void 0 : _state$appStates8.conversationEndedBy) === _Constants.ConversationEndEntity.Agent || (state === null || state === void 0 ? void 0 : (_state$appStates9 = state.appStates) === null || _state$appStates9 === void 0 ? void 0 : _state$appStates9.conversationEndedBy) === _Constants.ConversationEndEntity.Bot) {
-      dispatch({
-        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
-        payload: _ConversationState.ConversationState.InActive
-      });
-    }
-  }, [state === null || state === void 0 ? void 0 : (_state$appStates10 = state.appStates) === null || _state$appStates10 === void 0 ? void 0 : _state$appStates10.conversationEndedBy]);
-  (0, _react2.useEffect)(() => {
-    var _state$appStates11, _state$appStates12, _state$appStates13, _state$appStates14;
+    var _state$appStates8, _state$appStates9, _state$appStates10, _state$appStates11, _state$appStates12, _state$appStates13;
     // Do not process anything during initialization
-    if ((state === null || state === void 0 ? void 0 : (_state$appStates11 = state.appStates) === null || _state$appStates11 === void 0 ? void 0 : _state$appStates11.conversationEndedBy) === _Constants.ConversationEndEntity.NotSet) {
+    if ((state === null || state === void 0 ? void 0 : (_state$appStates8 = state.appStates) === null || _state$appStates8 === void 0 ? void 0 : _state$appStates8.conversationEndedBy) === _Constants.ConversationEndEntity.NotSet) {
       return;
     }
 
     // If start chat failed, and C2 is trying to close chat widget
-    if (state !== null && state !== void 0 && (_state$appStates12 = state.appStates) !== null && _state$appStates12 !== void 0 && _state$appStates12.startChatFailed) {
+    if (state !== null && state !== void 0 && (_state$appStates9 = state.appStates) !== null && _state$appStates9 !== void 0 && _state$appStates9.startChatFailed) {
       (0, _endChat.endChat)(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, true, false, true, uwid.current);
       return;
     }
 
     // Scenario -> Chat was InActive and closing the chat (Refresh scenario on post chat)
-    if ((state === null || state === void 0 ? void 0 : (_state$appStates13 = state.appStates) === null || _state$appStates13 === void 0 ? void 0 : _state$appStates13.conversationState) === _ConversationState.ConversationState.Postchat || (state === null || state === void 0 ? void 0 : (_state$appStates14 = state.appStates) === null || _state$appStates14 === void 0 ? void 0 : _state$appStates14.conversationState) === _ConversationState.ConversationState.InActive) {
+    if ((state === null || state === void 0 ? void 0 : (_state$appStates10 = state.appStates) === null || _state$appStates10 === void 0 ? void 0 : _state$appStates10.conversationState) === _ConversationState.ConversationState.Postchat || (state === null || state === void 0 ? void 0 : (_state$appStates11 = state.appStates) === null || _state$appStates11 === void 0 ? void 0 : _state$appStates11.conversationState) === _ConversationState.ConversationState.InActive) {
       (0, _endChat.endChat)(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, true, false, true, uwid.current);
       return;
     }
+    if ((state === null || state === void 0 ? void 0 : (_state$appStates12 = state.appStates) === null || _state$appStates12 === void 0 ? void 0 : _state$appStates12.conversationEndedBy) === _Constants.ConversationEndEntity.Agent || (state === null || state === void 0 ? void 0 : (_state$appStates13 = state.appStates) === null || _state$appStates13 === void 0 ? void 0 : _state$appStates13.conversationEndedBy) === _Constants.ConversationEndEntity.Bot) {
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+        payload: _ConversationState.ConversationState.InActive
+      });
+    }
 
-    //All other cases
+    // All other cases
     (0, _endChat.prepareEndChat)(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, uwid.current);
-  }, [state === null || state === void 0 ? void 0 : (_state$appStates15 = state.appStates) === null || _state$appStates15 === void 0 ? void 0 : _state$appStates15.conversationEndedBy]);
+  }, [state === null || state === void 0 ? void 0 : (_state$appStates14 = state.appStates) === null || _state$appStates14 === void 0 ? void 0 : _state$appStates14.conversationEndedBy]);
 
   // Publish chat widget state
   (0, _react2.useEffect)(() => {

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

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.PostChatSurveyPaneStateful = void 0;
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
 var _react = _interopRequireWildcard(require("react"));
+var _Constants = require("../../common/Constants");
+var _CustomerVoiceEvents = require("./enums/CustomerVoiceEvents");
+var _PostChatSurveyMode = require("./enums/PostChatSurveyMode");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
 var _defaultgeneralPostChatSurveyPaneStyleProps = require("./common/defaultStyleProps/defaultgeneralPostChatSurveyPaneStyleProps");
 var _utils = require("../../common/utils");
 var _useChatContextStore = _interopRequireDefault(require("../../hooks/useChatContextStore"));
-var _PostChatSurveyMode = require("./enums/PostChatSurveyMode");
-var _CustomerVoiceEvents = require("./enums/CustomerVoiceEvents");
-var _Constants = require("../../common/Constants");
 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; }
@@ -30,7 +30,7 @@ const PostChatSurveyPaneStateful = props => {
   var _props$styleProps, _state$appStates, _state$appStates2, _props$controlProps;
   const [state] = (0, _useChatContextStore.default)();
   const generalStyleProps = Object.assign({}, _defaultgeneralPostChatSurveyPaneStyleProps.defaultGeneralPostChatSurveyPaneStyleProps, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps, {
-    display: state.appStates.isMinimized ? "none" : ""
+    display: state.appStates.isMinimized ? "none" : "contents"
   });
   let surveyInviteLink = "";
   const surveyMode = (state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.selectedSurveyMode) === _PostChatSurveyMode.PostChatSurveyMode.Embed;

package/lib/cjs/components/postchatsurveypanestateful/common/defaultStyleProps/defaultgeneralPostChatSurveyPaneStyleProps.js

@@ -11,7 +11,6 @@ const defaultGeneralPostChatSurveyPaneStyleProps = {
   left: "0%",
   top: "0%",
   borderRadius: "0 0 4px 4px",
-  borderWidth: "0px",
-  maxHeight: "calc(100% - 80px)"
+  borderWidth: "0px"
 };
 exports.defaultGeneralPostChatSurveyPaneStyleProps = defaultGeneralPostChatSurveyPaneStyleProps;

package/lib/esm/common/Constants.js

@@ -105,6 +105,9 @@ _defineProperty(Constants, "SessionCacheSuffix", "session");
 _defineProperty(Constants, "PopoutCacheSuffix", "popout");
 // Visibility timeout for conversation details
 _defineProperty(Constants, "LWICheckOnVisibilityTimeout", 3 * 60 * 1000);
+// 3 minute
+// Popup mode custom context response event message name
+_defineProperty(Constants, "InitContextParamsResponse", "initContextParamsResponse");
 export const Regex = (_class = class Regex {}, _defineProperty(_class, "EmailRegex", "(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])"), _class);
 export class HtmlIdNames {}
 _defineProperty(HtmlIdNames, "MSLiveChatWidget", "MSLiveChatWidget");

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

@@ -31,7 +31,6 @@ export let BroadcastEvent;
   BroadcastEvent["StartProactiveChat"] = "StartProactiveChat";
   BroadcastEvent["ProactiveChatStartChat"] = "ProactiveChatStartChat";
   BroadcastEvent["ProactiveChatStartPopoutChat"] = "ProactiveChatStartPopoutChat";
-  BroadcastEvent["ProactiveChatIsInPopoutMode"] = "ProactiveChatIsInPopoutMode";
   BroadcastEvent["ResetProactiveChatParams"] = "ResetProactiveChatParams";
   BroadcastEvent["InvalidAdaptiveCardFormat"] = "InvalidAdaptiveCardFormat";
   BroadcastEvent["NewMessageSent"] = "NewMessageSent";
@@ -102,6 +101,7 @@ export let TelemetryEvent;
   TelemetryEvent["ChatVisibilityChanged"] = "ChatVisibilityChanged";
   TelemetryEvent["EndChatSucceeded"] = "EndChatSucceeded";
   TelemetryEvent["EndChatFailed"] = "EndChatFailed";
+  TelemetryEvent["SetCustomContext"] = "SetCustomContext";
   TelemetryEvent["WebChatLoaded"] = "WebChatLoaded";
   TelemetryEvent["LCWChatButtonClicked"] = "LCWChatButtonClicked";
   TelemetryEvent["LCWChatButtonShow"] = "LCWChatButtonShow";

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

@@ -55,14 +55,17 @@ export const RegisterLoggers = () => {
   };
   const logTelemetry = telemetryEvent => {
     loggers.map(logger => {
-      var _payload;
+      var _payload, _telemetryInput$paylo;
       const logLevel = telemetryEvent.logLevel ?? LogLevel.INFO;
       const scenarioType = ((_payload = telemetryEvent.payload) === null || _payload === void 0 ? void 0 : _payload.scenarioType) ?? ScenarioType.UNDEFINED;
       const telemetryInput = parseInput(telemetryEvent === null || telemetryEvent === void 0 ? void 0 : telemetryEvent.payload, scenarioType);
       telemetryInput.telemetryInfo = {
         telemetryInfo: TelemetryHelper.buildTelemetryEvent(logLevel, telemetryInput)
       };
-      logger.log(logLevel, telemetryInput);
+      //Do not log events without an Event Name
+      if (telemetryInput !== null && telemetryInput !== void 0 && (_telemetryInput$paylo = telemetryInput.payload) !== null && _telemetryInput$paylo !== void 0 && _telemetryInput$paylo.Event) {
+        logger.log(logLevel, telemetryInput);
+      }
     });
   };
   return registerLoggers();

package/lib/esm/components/chatbuttonstateful/ChatButtonStateful.js

@@ -1,6 +1,6 @@
-import { BroadcastEvent, LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
-import React, { useEffect, useRef, useState } from "react";
-import { BroadcastService, ChatButton } from "@microsoft/omnichannel-chat-components";
+import { LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
+import React, { useEffect, useState } from "react";
+import { ChatButton } from "@microsoft/omnichannel-chat-components";
 import { Constants } from "../../common/Constants";
 import { setFocusOnElement } from "../../common/utils";
 import { ConversationState } from "../../contexts/common/ConversationState";
@@ -19,7 +19,6 @@ export const ChatButtonStateful = props => {
   } = props;
   //Setting OutOfOperatingHours Flag
   const [outOfOperatingHours, setOutOfOperatingHours] = useState(((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.OutOfOperatingHours) === "True");
-  const proactiveChatInNewWindow = useRef(state.appStates.proactiveChatStates.proactiveChatInNewWindow);
   const outOfOfficeStyleProps = Object.assign({}, defaultOutOfOfficeChatButtonStyleProps, outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : outOfOfficeButtonProps.styleProps);
   const controlProps = {
     id: "oc-lcw-chat-button",
@@ -32,12 +31,7 @@ export const ChatButtonStateful = props => {
       TelemetryHelper.logActionEvent(LogLevel.INFO, {
         Event: TelemetryEvent.LCWChatButtonClicked
       });
-      if (proactiveChatInNewWindow.current) {
-        const proactiveChatIsInPopoutModeEvent = {
-          eventName: BroadcastEvent.ProactiveChatIsInPopoutMode
-        };
-        BroadcastService.postMessage(proactiveChatIsInPopoutModeEvent);
-      } else if (state.appStates.isMinimized) {
+      if (state.appStates.isMinimized) {
         dispatch({
           type: LiveChatWidgetActionType.SET_MINIMIZED,
           payload: false
@@ -90,9 +84,6 @@ export const ChatButtonStateful = props => {
       });
     }
   }, []);
-  useEffect(() => {
-    proactiveChatInNewWindow.current = state.appStates.proactiveChatStates.proactiveChatInNewWindow;
-  }, [state.appStates.proactiveChatStates.proactiveChatInNewWindow]);
   return /*#__PURE__*/React.createElement(ChatButton, {
     componentOverrides: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.componentOverrides,
     controlProps: outOfOperatingHours ? outOfOfficeControlProps : controlProps,

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/defaultProps/dummyDefaultProps.js

@@ -1190,7 +1190,13 @@ export const dummyDefaultProps = {
         borderRadius: "0 0 4px 4px",
         borderWidth: "3px",
         backgroundColor: "#FFFFFF",
-        borderColor: "#F1F1F1"
+        borderColor: "#F1F1F1",
+        position: "initial",
+        height: "100%",
+        width: "100%",
+        left: "0%",
+        top: "0%",
+        display: "contents"
       }
     },
     isCustomerVoiceSurveyCompact: undefined

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

@@ -29,6 +29,7 @@ import createMessageTimeStampMiddleware from "../../webchatcontainerstateful/web
 import { ConversationEndEntity, ParticipantType } from "../../../common/Constants";
 import { getConversationDetails } from "./endChat";
 import HyperlinkTextOverrideRenderer from "../../webchatcontainerstateful/webchatcontroller/markdownrenderers/HyperlinkTextOverrideRenderer";
+import DOMPurify from "dompurify";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const initWebChatComposer = (props, state, dispatch, chatSDK) => {
@@ -85,6 +86,8 @@ export const initWebChatComposer = (props, state, dispatch, chatSDK) => {
     markdownRenderers.forEach(renderer => {
       text = renderer.render(text);
     });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    text = DOMPurify.sanitize(text);
     return text;
   };
 

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

@@ -1,5 +1,5 @@
 import { BroadcastEvent, LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
-import { ChatSDKError, LiveWorkItemState } from "../../../common/Constants";
+import { ChatSDKError, Constants, LiveWorkItemState } from "../../../common/Constants";
 import { createTimer, getStateFromCache, getWidgetCacheIdfromProps, isNullOrEmptyString, isUndefinedOrEmpty } from "../../../common/utils";
 import { getAuthClientFunction, handleAuthentication } from "./authHelper";
 import { ActivityStreamHandler } from "./ActivityStreamHandler";
@@ -123,7 +123,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
     try {
       var _window$Microsoft, _window$Microsoft$Dyn, _window$Microsoft$Dyn2, _window$Microsoft$Dyn3;
       // Set custom context params
-      setCustomContextParams();
+      await setCustomContextParams(props);
       const defaultOptionalParams = {
         sendDefaultInitContext: true,
         isProactiveChat: !!(params !== null && params !== void 0 && params.isProactiveChat),
@@ -278,25 +278,35 @@ const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdap
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const setCustomContextParams = () => {
-  var _persistedState$domai8;
+const setCustomContextParams = async props => {
+  var _props$chatConfig, _props$chatConfig$Liv, _persistedState$domai8;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const isAuthenticatedChat = props !== null && props !== void 0 && (_props$chatConfig = props.chatConfig) !== null && _props$chatConfig !== void 0 && (_props$chatConfig$Liv = _props$chatConfig.LiveChatConfigAuthSettings) !== null && _props$chatConfig$Liv !== void 0 && _props$chatConfig$Liv.msdyn_javascriptclientfunction ? true : false;
+  //Should not set custom context for auth chat
+  if (isAuthenticatedChat) {
+    return;
+  }
+  if (isNullOrEmptyString(widgetInstanceId)) {
+    widgetInstanceId = getWidgetCacheIdfromProps(props);
+  }
   // Add custom context only for unauthenticated chat
   const persistedState = getStateFromCache(widgetInstanceId);
   if (!isUndefinedOrEmpty(persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai8 = persistedState.domainStates) === null || _persistedState$domai8 === void 0 ? void 0 : _persistedState$domai8.customContext)) {
-    var _persistedState$domai9, _persistedState$domai10;
-    if (persistedState !== null && persistedState !== void 0 && (_persistedState$domai9 = persistedState.domainStates.liveChatConfig) !== null && _persistedState$domai9 !== void 0 && _persistedState$domai9.LiveChatConfigAuthSettings) {
-      const errorMessage = "Use of custom context with authenticated chat is deprecated. The chat would not go through.";
-      TelemetryHelper.logSDKEvent(LogLevel.WARN, {
-        Event: TelemetryEvent.StartChatMethodException,
-        ExceptionDetails: {
-          exception: errorMessage
-        }
-      });
-      throw new Error(errorMessage);
-    }
+    var _persistedState$domai9;
+    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.SetCustomContext,
+      Description: "Setting custom context for unauthenticated chat"
+    });
     optionalParams = Object.assign({}, optionalParams, {
-      customContext: persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai10 = persistedState.domainStates) === null || _persistedState$domai10 === void 0 ? void 0 : _persistedState$domai10.customContext
+      customContext: persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai9 = persistedState.domainStates) === null || _persistedState$domai9 === void 0 ? void 0 : _persistedState$domai9.customContext
     });
+  } else {
+    const customContextFromParent = await getInitContextParamsForPopout();
+    if (!isUndefinedOrEmpty(customContextFromParent === null || customContextFromParent === void 0 ? void 0 : customContextFromParent.contextVariables)) {
+      optionalParams = Object.assign({}, optionalParams, {
+        customContext: customContextFromParent.contextVariables
+      });
+    }
   }
 };
 const canStartPopoutChat = async props => {
@@ -305,9 +315,9 @@ const canStartPopoutChat = async props => {
   }
   popoutWidgetInstanceId = getWidgetCacheIdfromProps(props, true);
   if (!isNullOrEmptyString(popoutWidgetInstanceId)) {
-    var _persistedState$domai11, _persistedState$appSt2;
+    var _persistedState$domai10, _persistedState$appSt2;
     const persistedState = getStateFromCache(popoutWidgetInstanceId);
-    if (persistedState && !isUndefinedOrEmpty(persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai11 = persistedState.domainStates) === null || _persistedState$domai11 === void 0 ? void 0 : _persistedState$domai11.liveChatContext) && (persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$appSt2 = persistedState.appStates) === null || _persistedState$appSt2 === void 0 ? void 0 : _persistedState$appSt2.conversationState) === ConversationState.Active) {
+    if (persistedState && !isUndefinedOrEmpty(persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai10 = persistedState.domainStates) === null || _persistedState$domai10 === void 0 ? void 0 : _persistedState$domai10.liveChatContext) && (persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$appSt2 = persistedState.appStates) === null || _persistedState$appSt2 === void 0 ? void 0 : _persistedState$appSt2.conversationState) === ConversationState.Active) {
       // Initiate popout chat
       BroadcastService.postMessage({
         eventName: BroadcastEvent.InitiateStartChatInPopoutMode
@@ -358,4 +368,34 @@ const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
     return false;
   }
 };
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getInitContextParamsForPopout = async () => {
+  return window.opener ? await getInitContextParamForPopoutFromOuterScope(window.opener) : null;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getInitContextParamForPopoutFromOuterScope = async scope => {
+  let payload;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  let waitPromiseResolve;
+  const waitPromise = new Promise((res, rej) => {
+    waitPromiseResolve = res;
+    setTimeout(() => rej("Failed to find method in outer scope"), 5000);
+  }).catch(rej => console.warn(rej));
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const getInitContextParamsFromParent = e => {
+    if (e.data && e.data.messageName == Constants.InitContextParamsResponse) {
+      payload = e.data.payload;
+      waitPromiseResolve();
+    }
+  };
+  window.addEventListener("message", getInitContextParamsFromParent, false);
+  scope.postMessage({
+    messageName: Constants.InitContextParamsResponse
+  }, "*");
+  await waitPromise;
+  window.removeEventListener("message", getInitContextParamsFromParent, false);
+  return payload;
+};
 export { prepareStartChat, initStartChat, setPreChatAndInitiateChat, checkIfConversationStillValid };

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

@@ -1,20 +1,21 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { BroadcastEvent, LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
 import { BroadcastService, BroadcastServiceInitialize, decodeComponentString } from "@microsoft/omnichannel-chat-components";
+import { Components } from "botframework-webchat";
+import { ConfirmationState, Constants, ConversationEndEntity, E2VVOptions, LiveWorkItemState, StorageType } from "../../../common/Constants";
 import { Stack } from "@fluentui/react";
 import React, { useEffect, useRef, useState } from "react";
 import { checkIfConversationStillValid, initStartChat, prepareStartChat, setPreChatAndInitiateChat } from "../common/startChat";
-import { createTimer, getBroadcastChannelName, getLocaleDirection, getStateFromCache, getWidgetEndChatEventName, isNullOrEmptyString, isUndefinedOrEmpty, getWidgetCacheIdfromProps, getConversationDetailsCall, newGuid } from "../../../common/utils";
+import { createTimer, getBroadcastChannelName, getConversationDetailsCall, getLocaleDirection, getStateFromCache, getWidgetCacheIdfromProps, getWidgetEndChatEventName, isNullOrEmptyString, isUndefinedOrEmpty, newGuid } from "../../../common/utils";
 import { endChat, prepareEndChat } from "../common/endChat";
+import { handleChatReconnect, isReconnectEnabled } from "../common/reconnectChatHelper";
 import { shouldShowCallingContainer, shouldShowChatButton, shouldShowConfirmationPane, shouldShowEmailTranscriptPane, shouldShowHeader, shouldShowLoadingPane, shouldShowOutOfOfficeHoursPane, shouldShowPostChatLoadingPane, shouldShowPostChatSurveyPane, shouldShowPreChatSurveyPane, shouldShowProactiveChatPane, shouldShowReconnectChatPane, shouldShowWebChatContainer } from "../../../controller/componentController";
 import { ActivityStreamHandler } from "../common/ActivityStreamHandler";
 import CallingContainerStateful from "../../callingcontainerstateful/CallingContainerStateful";
 import ChatButtonStateful from "../../chatbuttonstateful/ChatButtonStateful";
-import { Components } from "botframework-webchat";
 import ConfirmationPaneStateful from "../../confirmationpanestateful/ConfirmationPaneStateful";
 import { ConversationState } from "../../../contexts/common/ConversationState";
 import { DataStoreManager } from "../../../common/contextDataStore/DataStoreManager";
-import { Constants, E2VVOptions, StorageType, LiveWorkItemState, ConversationEndEntity, ConfirmationState } from "../../../common/Constants";
 import { ElementType } from "@microsoft/omnichannel-chat-components";
 import EmailTranscriptPaneStateful from "../../emailtranscriptpanestateful/EmailTranscriptPaneStateful";
 import HeaderStateful from "../../headerstateful/HeaderStateful";
@@ -47,9 +48,8 @@ import { startProactiveChat } from "../common/startProactiveChat";
 import useChatAdapterStore from "../../../hooks/useChatAdapterStore";
 import useChatContextStore from "../../../hooks/useChatContextStore";
 import useChatSDKStore from "../../../hooks/useChatSDKStore";
-import { handleChatReconnect, isReconnectEnabled } from "../common/reconnectChatHelper";
 export const LiveChatWidgetStateful = props => {
-  var _props$webChatContain, _props$styleProps, _chatSDK$omnichannelC, _props$controlProps, _props$controlProps2, _state$appStates7, _props$webChatContain5, _state$appStates10, _state$appStates15, _props$webChatContain6, _props$styleProps2, _props$controlProps11, _props$controlProps12, _props$componentOverr, _props$controlProps13, _props$componentOverr2, _props$controlProps14, _props$componentOverr3, _props$controlProps15, _props$componentOverr4, _props$controlProps16, _props$componentOverr5, _props$controlProps17, _props$componentOverr6, _props$controlProps18, _props$componentOverr7, _props$controlProps19, _props$controlProps20, _props$componentOverr8, _props$controlProps21, _props$componentOverr9, _props$controlProps22, _props$componentOverr10, _props$componentOverr11, _props$componentOverr12;
+  var _props$webChatContain, _props$styleProps, _chatSDK$omnichannelC, _props$controlProps, _props$controlProps2, _state$appStates7, _props$webChatContain5, _state$appStates14, _props$webChatContain6, _props$styleProps2, _props$controlProps11, _props$controlProps12, _props$componentOverr, _props$controlProps13, _props$componentOverr2, _props$controlProps14, _props$componentOverr3, _props$controlProps15, _props$componentOverr4, _props$controlProps16, _props$componentOverr5, _props$controlProps17, _props$componentOverr6, _props$controlProps18, _props$componentOverr7, _props$controlProps19, _props$controlProps20, _props$componentOverr8, _props$controlProps21, _props$componentOverr9, _props$controlProps22, _props$componentOverr10, _props$componentOverr11, _props$componentOverr12;
   const [state, dispatch] = useChatContextStore();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [adapter, setAdapter] = useChatAdapterStore();
@@ -360,7 +360,10 @@ export const LiveChatWidgetStateful = props => {
       // This is to ensure to get latest state from cache in multitab
       const persistedState = getStateFromCache(getWidgetCacheIdfromProps(props));
       if (persistedState && persistedState.appStates.conversationState === ConversationState.Active) {
-        prepareEndChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, uwid.current);
+        dispatch({
+          type: LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY,
+          payload: ConversationEndEntity.Customer
+        });
       } else {
         const skipEndChatSDK = true;
         const skipCloseChat = false;
@@ -498,36 +501,33 @@ export const LiveChatWidgetStateful = props => {
     }
   }, [state.domainStates.confirmationState]);
   useEffect(() => {
-    var _state$appStates8, _state$appStates9;
-    if ((state === null || state === void 0 ? void 0 : (_state$appStates8 = state.appStates) === null || _state$appStates8 === void 0 ? void 0 : _state$appStates8.conversationEndedBy) === ConversationEndEntity.Agent || (state === null || state === void 0 ? void 0 : (_state$appStates9 = state.appStates) === null || _state$appStates9 === void 0 ? void 0 : _state$appStates9.conversationEndedBy) === ConversationEndEntity.Bot) {
-      dispatch({
-        type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
-        payload: ConversationState.InActive
-      });
-    }
-  }, [state === null || state === void 0 ? void 0 : (_state$appStates10 = state.appStates) === null || _state$appStates10 === void 0 ? void 0 : _state$appStates10.conversationEndedBy]);
-  useEffect(() => {
-    var _state$appStates11, _state$appStates12, _state$appStates13, _state$appStates14;
+    var _state$appStates8, _state$appStates9, _state$appStates10, _state$appStates11, _state$appStates12, _state$appStates13;
     // Do not process anything during initialization
-    if ((state === null || state === void 0 ? void 0 : (_state$appStates11 = state.appStates) === null || _state$appStates11 === void 0 ? void 0 : _state$appStates11.conversationEndedBy) === ConversationEndEntity.NotSet) {
+    if ((state === null || state === void 0 ? void 0 : (_state$appStates8 = state.appStates) === null || _state$appStates8 === void 0 ? void 0 : _state$appStates8.conversationEndedBy) === ConversationEndEntity.NotSet) {
       return;
     }
 
     // If start chat failed, and C2 is trying to close chat widget
-    if (state !== null && state !== void 0 && (_state$appStates12 = state.appStates) !== null && _state$appStates12 !== void 0 && _state$appStates12.startChatFailed) {
+    if (state !== null && state !== void 0 && (_state$appStates9 = state.appStates) !== null && _state$appStates9 !== void 0 && _state$appStates9.startChatFailed) {
       endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, true, false, true, uwid.current);
       return;
     }
 
     // Scenario -> Chat was InActive and closing the chat (Refresh scenario on post chat)
-    if ((state === null || state === void 0 ? void 0 : (_state$appStates13 = state.appStates) === null || _state$appStates13 === void 0 ? void 0 : _state$appStates13.conversationState) === ConversationState.Postchat || (state === null || state === void 0 ? void 0 : (_state$appStates14 = state.appStates) === null || _state$appStates14 === void 0 ? void 0 : _state$appStates14.conversationState) === ConversationState.InActive) {
+    if ((state === null || state === void 0 ? void 0 : (_state$appStates10 = state.appStates) === null || _state$appStates10 === void 0 ? void 0 : _state$appStates10.conversationState) === ConversationState.Postchat || (state === null || state === void 0 ? void 0 : (_state$appStates11 = state.appStates) === null || _state$appStates11 === void 0 ? void 0 : _state$appStates11.conversationState) === ConversationState.InActive) {
       endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, true, false, true, uwid.current);
       return;
     }
+    if ((state === null || state === void 0 ? void 0 : (_state$appStates12 = state.appStates) === null || _state$appStates12 === void 0 ? void 0 : _state$appStates12.conversationEndedBy) === ConversationEndEntity.Agent || (state === null || state === void 0 ? void 0 : (_state$appStates13 = state.appStates) === null || _state$appStates13 === void 0 ? void 0 : _state$appStates13.conversationEndedBy) === ConversationEndEntity.Bot) {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+        payload: ConversationState.InActive
+      });
+    }
 
-    //All other cases
+    // All other cases
     prepareEndChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, uwid.current);
-  }, [state === null || state === void 0 ? void 0 : (_state$appStates15 = state.appStates) === null || _state$appStates15 === void 0 ? void 0 : _state$appStates15.conversationEndedBy]);
+  }, [state === null || state === void 0 ? void 0 : (_state$appStates14 = state.appStates) === null || _state$appStates14 === void 0 ? void 0 : _state$appStates14.conversationEndedBy]);
 
   // Publish chat widget state
   useEffect(() => {

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

@@ -1,13 +1,13 @@
 import { LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
 import React, { useEffect } from "react";
+import { ConversationEndEntity } from "../../common/Constants";
+import { CustomerVoiceEvents } from "./enums/CustomerVoiceEvents";
+import { PostChatSurveyMode } from "./enums/PostChatSurveyMode";
 import { PostChatSurveyPane } from "@microsoft/omnichannel-chat-components";
 import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
 import { defaultGeneralPostChatSurveyPaneStyleProps } from "./common/defaultStyleProps/defaultgeneralPostChatSurveyPaneStyleProps";
 import { findAllFocusableElement } from "../../common/utils";
 import useChatContextStore from "../../hooks/useChatContextStore";
-import { PostChatSurveyMode } from "./enums/PostChatSurveyMode";
-import { CustomerVoiceEvents } from "./enums/CustomerVoiceEvents";
-import { ConversationEndEntity } from "../../common/Constants";
 const generateSurveyInviteLink = function (surveyInviteLink, isEmbed, locale, compact) {
   let showMultiLingual = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   const surveyLink = `${surveyInviteLink}
@@ -21,7 +21,7 @@ export const PostChatSurveyPaneStateful = props => {
   var _props$styleProps, _state$appStates, _state$appStates2, _props$controlProps;
   const [state] = useChatContextStore();
   const generalStyleProps = Object.assign({}, defaultGeneralPostChatSurveyPaneStyleProps, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps, {
-    display: state.appStates.isMinimized ? "none" : ""
+    display: state.appStates.isMinimized ? "none" : "contents"
   });
   let surveyInviteLink = "";
   const surveyMode = (state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.selectedSurveyMode) === PostChatSurveyMode.Embed;

package/lib/esm/components/postchatsurveypanestateful/common/defaultStyleProps/defaultgeneralPostChatSurveyPaneStyleProps.js

@@ -5,6 +5,5 @@ export const defaultGeneralPostChatSurveyPaneStyleProps = {
   left: "0%",
   top: "0%",
   borderRadius: "0 0 4px 4px",
-  borderWidth: "0px",
-  maxHeight: "calc(100% - 80px)"
+  borderWidth: "0px"
 };

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

@@ -84,6 +84,7 @@ export declare class Constants {
     static readonly SessionCacheSuffix = "session";
     static readonly PopoutCacheSuffix = "popout";
     static readonly LWICheckOnVisibilityTimeout: number;
+    static readonly InitContextParamsResponse = "initContextParamsResponse";
 }
 export declare const Regex: {
     new (): {};

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

@@ -25,7 +25,6 @@ export declare enum BroadcastEvent {
     StartProactiveChat = "StartProactiveChat",
     ProactiveChatStartChat = "ProactiveChatStartChat",
     ProactiveChatStartPopoutChat = "ProactiveChatStartPopoutChat",
-    ProactiveChatIsInPopoutMode = "ProactiveChatIsInPopoutMode",
     ResetProactiveChatParams = "ResetProactiveChatParams",
     InvalidAdaptiveCardFormat = "InvalidAdaptiveCardFormat",
     NewMessageSent = "NewMessageSent",
@@ -95,6 +94,7 @@ export declare enum TelemetryEvent {
     ChatVisibilityChanged = "ChatVisibilityChanged",
     EndChatSucceeded = "EndChatSucceeded",
     EndChatFailed = "EndChatFailed",
+    SetCustomContext = "SetCustomContext",
     WebChatLoaded = "WebChatLoaded",
     LCWChatButtonClicked = "LCWChatButtonClicked",
     LCWChatButtonShow = "LCWChatButtonShow",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.0.3-main.c925679",
+  "version": "1.0.4-main.5c98fd0",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",