@microsoft/omnichannel-chat-widget 1.0.3 → 1.0.4-main.337860d

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 {}
@@ -186,6 +189,7 @@ let ChatSDKError;
 exports.ChatSDKError = ChatSDKError;
 (function (ChatSDKError) {
   ChatSDKError["WidgetUseOutsideOperatingHour"] = "WidgetUseOutsideOperatingHour";
+  ChatSDKError["AuthContactIdNotFoundFailure"] = "AuthContactIdNotFoundFailure";
 })(ChatSDKError || (exports.ChatSDKError = ChatSDKError = {}));
 let EnvironmentVersion;
 exports.EnvironmentVersion = EnvironmentVersion;

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

@@ -63,6 +63,7 @@ exports.BroadcastEvent = BroadcastEvent;
   BroadcastEvent["HideChatVisibilityChangeEvent"] = "hideChatVisibilityChangeEvent";
   BroadcastEvent["UpdateSessionDataForTelemetry"] = "UpdateSessionDataForTelemetry";
   BroadcastEvent["UpdateConversationDataForTelemetry"] = "UpdateConversationDataForTelemetry";
+  BroadcastEvent["ContactIdNotFound"] = "ContactIdNotFound";
 })(BroadcastEvent || (exports.BroadcastEvent = BroadcastEvent = {}));
 let TelemetryEvent;
 exports.TelemetryEvent = TelemetryEvent;
@@ -107,7 +108,7 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["ChatVisibilityChanged"] = "ChatVisibilityChanged";
   TelemetryEvent["EndChatSucceeded"] = "EndChatSucceeded";
   TelemetryEvent["EndChatFailed"] = "EndChatFailed";
-  TelemetryEvent["SetCustomContext"] = "SetCustomContext";
+  TelemetryEvent["SettingCustomContext"] = "SettingCustomContext";
   TelemetryEvent["WebChatLoaded"] = "WebChatLoaded";
   TelemetryEvent["LCWChatButtonClicked"] = "LCWChatButtonClicked";
   TelemetryEvent["LCWChatButtonShow"] = "LCWChatButtonShow";

package/lib/cjs/common/utils.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setTabIndices = exports.setFocusOnSendBox = exports.setFocusOnElement = exports.preventFocusToMoveOutOfElement = exports.parseAdaptiveCardPayload = exports.newGuid = exports.isUndefinedOrEmpty = exports.isNullOrUndefined = exports.isNullOrEmptyString = exports.getWidgetEndChatEventName = exports.getWidgetCacheIdfromProps = exports.getWidgetCacheId = exports.getTimestampHourMinute = exports.getStateFromCache = exports.getLocaleDirection = exports.getIconText = exports.getDomain = exports.getConversationDetailsCall = exports.getBroadcastChannelName = exports.findParentFocusableElementsWithoutChildContainer = exports.findAllFocusableElement = exports.extractPreChatSurveyResponseValues = exports.escapeHtml = exports.debounceLeading = exports.createTimer = exports.changeLanguageCodeFormatForWebChat = exports.addDelayInMs = void 0;
+exports.setTabIndices = exports.setFocusOnSendBox = exports.setFocusOnElement = exports.preventFocusToMoveOutOfElement = exports.parseAdaptiveCardPayload = exports.newGuid = exports.isUndefinedOrEmpty = exports.isNullOrUndefined = exports.isNullOrEmptyString = exports.getWidgetEndChatEventName = exports.getWidgetCacheIdfromProps = exports.getWidgetCacheId = exports.getTimestampHourMinute = exports.getStateFromCache = exports.getLocaleDirection = exports.getIconText = exports.getDomain = exports.getConversationDetailsCall = exports.getBroadcastChannelName = exports.findParentFocusableElementsWithoutChildContainer = exports.findAllFocusableElement = exports.extractPreChatSurveyResponseValues = exports.escapeHtml = exports.debounceLeading = exports.createTimer = exports.checkContactIdError = exports.changeLanguageCodeFormatForWebChat = exports.addDelayInMs = void 0;
 var _Constants = require("./Constants");
 var _TelemetryConstants = require("./telemetry/TelemetryConstants");
+var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 var _DataStoreManager = require("./contextDataStore/DataStoreManager");
 var _KeyCodes = require("./KeyCodes");
 var _md5Typescript = require("md5-typescript");
@@ -385,8 +386,13 @@ const getConversationDetailsCall = async chatSDK => {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let conversationDetails = undefined;
   try {
+    _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.GetConversationDetailsCallStarted,
+      Description: "Conversation details call started"
+    });
     conversationDetails = await chatSDK.getConversationDetails();
   } catch (error) {
+    checkContactIdError(error);
     _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.ERROR, {
       Event: _TelemetryConstants.TelemetryEvent.GetConversationDetailsCallFailed,
       ExceptionDetails: {
@@ -396,4 +402,18 @@ const getConversationDetailsCall = async chatSDK => {
   }
   return conversationDetails;
 };
-exports.getConversationDetailsCall = getConversationDetailsCall;
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+exports.getConversationDetailsCall = getConversationDetailsCall;
+const checkContactIdError = e => {
+  if ((e === null || e === void 0 ? void 0 : e.message) === _Constants.ChatSDKError.AuthContactIdNotFoundFailure) {
+    const contactIdNotFoundErrorEvent = {
+      eventName: _TelemetryConstants.BroadcastEvent.ContactIdNotFound,
+      payload: {
+        error: e
+      }
+    };
+    _omnichannelChatComponents.BroadcastService.postMessage(contactIdNotFoundErrorEvent);
+  }
+};
+exports.checkContactIdError = checkContactIdError;

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

@@ -9,8 +9,6 @@ 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 = ".+:.+";
@@ -66,8 +64,6 @@ const processContent = (transcriptContent, isAgentChat, renderMarkDown) => {
   }
   if (renderMarkDown) {
     transcriptContent = renderMarkDown(transcriptContent);
-  } else {
-    transcriptContent = _dompurify.default.sanitize(transcriptContent);
   }
   return transcriptContent;
 };
@@ -164,12 +160,13 @@ const beautifyChatTranscripts = (chatTranscripts, renderMarkDown, attachmentMess
 const downloadTranscript = async (chatSDK, renderMarkDown, bannerMessageOnError, attachmentMessage, state) => {
   var _state$domainStates, _state$domainStates2, _state$domainStates2$;
   // Need to keep existing request id for scenarios when trnascript is downloaded after endchat
-  const existingRequestId = chatSDK.requestId;
-  chatSDK.chatToken = state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.chatToken;
-  chatSDK.requestId = state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.chatToken) === null || _state$domainStates2$ === void 0 ? void 0 : _state$domainStates2$.requestId;
-  let data = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getLiveChatTranscript());
-  // This is used for allowing to start next chat
-  chatSDK.requestId = existingRequestId;
+  const liveChatContext = {
+    chatToken: state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.chatToken,
+    requestId: state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.chatToken) === null || _state$domainStates2$ === void 0 ? void 0 : _state$domainStates2$.requestId
+  };
+  let data = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getLiveChatTranscript({
+    liveChatContext
+  }));
   if (typeof data === _Constants.Constants.String) {
     data = JSON.parse(data);
   }

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

@@ -3,23 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.prepareEndChat = exports.getConversationDetails = exports.endChat = void 0;
+exports.prepareEndChat = exports.endChat = void 0;
+var _Constants = require("../../../common/Constants");
 var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
+var _authHelper = require("./authHelper");
+var _utils = require("../../../common/utils");
+var _renderSurveyHelpers = require("./renderSurveyHelpers");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 var _ConversationState = require("../../../contexts/common/ConversationState");
 var _LiveChatWidgetActionType = require("../../../contexts/common/LiveChatWidgetActionType");
 var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
 var _WebChatStoreLoader = require("../../webchatcontainerstateful/webchatcontroller/WebChatStoreLoader");
 var _defaultWebChatContainerStatefulProps = require("../../webchatcontainerstateful/common/defaultProps/defaultWebChatContainerStatefulProps");
-var _utils = require("../../../common/utils");
-var _authHelper = require("./authHelper");
-var _renderSurveyHelpers = require("./renderSurveyHelpers");
-var _Constants = require("../../../common/Constants");
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, uwid) => {
   try {
     var _conversationDetails$, _state$domainStates, _state$domainStates2;
-    const conversationDetails = await getConversationDetails(chatSDK);
+    const conversationDetails = await (0, _utils.getConversationDetailsCall)(chatSDK);
 
     // Use Case : When post chat is not configured
     if ((conversationDetails === null || conversationDetails === void 0 ? void 0 : (_conversationDetails$ = conversationDetails.canRenderPostChat) === null || _conversationDetails$ === void 0 ? void 0 : _conversationDetails$.toLowerCase()) === _Constants.Constants.false) {
@@ -125,18 +125,12 @@ const endChat = async function (props, chatSDK, state, dispatch, setAdapter, set
         }
       });
     } finally {
-      var _state$appStates3;
       dispatch({
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_UNREAD_MESSAGE_COUNT,
         payload: 0
       });
-      //Always allow to close the chat for embedded mode irrespective of end chat errors
-      if (!(state !== null && state !== void 0 && (_state$appStates3 = state.appStates) !== null && _state$appStates3 !== void 0 && _state$appStates3.hideStartChatButton)) {
-        dispatch({
-          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
-          payload: _ConversationState.ConversationState.Closed
-        });
-      }
+      // Always allow to close the chat for embedded mode irrespective of end chat errors
+      closeChatWidget(dispatch, props, state);
     }
   }
   if (postMessageToOtherTab && !(0, _utils.isNullOrEmptyString)(uwid)) {
@@ -150,10 +144,6 @@ const endChat = async function (props, chatSDK, state, dispatch, setAdapter, set
 exports.endChat = endChat;
 const endChatStateCleanUp = async dispatch => {
   // Need to clear these states immediately when chat ended from OC.
-  dispatch({
-    type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CUSTOM_CONTEXT,
-    payload: undefined
-  });
   dispatch({
     type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
     payload: undefined
@@ -202,6 +192,27 @@ const closeChatStateCleanUp = async dispatch => {
     }
   });
 };
+const closeChatWidget = (dispatch, props, state) => {
+  var _state$appStates3;
+  if (state !== null && state !== void 0 && (_state$appStates3 = state.appStates) !== null && _state$appStates3 !== void 0 && _state$appStates3.hideStartChatButton) {
+    var _props$controlProps2, _props$controlProps3;
+    // Only close chat if header is enabled for popout
+    // TODO : This condition needs to be removed eventually when the filler UX is ready for popout, removing this condition would show a blank screen for OOB Widget
+    if ((props === null || props === void 0 ? void 0 : (_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.hideHeader) === undefined || (props === null || props === void 0 ? void 0 : (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.hideHeader) === false) {
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+        payload: _ConversationState.ConversationState.Closed
+      });
+    }
+    return;
+  }
+
+  // Embedded chat
+  dispatch({
+    type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+    payload: _ConversationState.ConversationState.Closed
+  });
+};
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const handleAuthenticationIfEnabled = async (props, chatSDK) => {
@@ -239,28 +250,6 @@ const chatTokenCleanUp = async dispatch => {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const getEndChatEventName = async (chatSDK, props) => {
-  var _chatSDK$omnichannelC, _chatSDK$omnichannelC2, _props$controlProps2;
-  return (0, _utils.getWidgetEndChatEventName)(chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC === void 0 ? void 0 : _chatSDK$omnichannelC.orgId, chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC2 = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC2 === void 0 ? void 0 : _chatSDK$omnichannelC2.widgetId, (props === null || props === void 0 ? void 0 : (_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.widgetInstanceId) ?? "");
-};
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const getConversationDetails = async chatSDK => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let conversationDetails = undefined;
-  try {
-    _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.INFO, {
-      Event: _TelemetryConstants.TelemetryEvent.GetConversationDetailsCallStarted,
-      Description: "Conversation details call started"
-    });
-    conversationDetails = await chatSDK.getConversationDetails();
-  } catch (error) {
-    _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.ERROR, {
-      Event: _TelemetryConstants.TelemetryEvent.GetConversationDetailsCallFailed,
-      ExceptionDetails: {
-        exception: `Get Conversation Details Call Failed : ${error}`
-      }
-    });
-  }
-  return conversationDetails;
-};
-exports.getConversationDetails = getConversationDetails;
+  var _chatSDK$omnichannelC, _chatSDK$omnichannelC2, _props$controlProps4;
+  return (0, _utils.getWidgetEndChatEventName)(chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC === void 0 ? void 0 : _chatSDK$omnichannelC.orgId, chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC2 = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC2 === void 0 ? void 0 : _chatSDK$omnichannelC2.widgetId, (props === null || props === void 0 ? void 0 : (_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.widgetInstanceId) ?? "");
+};

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

@@ -4,22 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.initWebChatComposer = void 0;
+var _Constants = require("../../../common/Constants");
 var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
-var _botframeworkWebchat = require("botframework-webchat");
+var _utils = require("../../../common/utils");
+var _HyperlinkTextOverrideRenderer = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/markdownrenderers/HyperlinkTextOverrideRenderer"));
 var _LiveChatWidgetActionType = require("../../../contexts/common/LiveChatWidgetActionType");
 var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
 var _WebChatStoreLoader = require("../../webchatcontainerstateful/webchatcontroller/WebChatStoreLoader");
 var _attachmentProcessingMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentProcessingMiddleware"));
-var _utils = require("../../../common/utils");
 var _channelDataMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/channelDataMiddleware"));
 var _activityMiddleware = require("../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityMiddleware");
 var _attachmentMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachmentMiddleware"));
 var _attachmentUploadValidatorMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentUploadValidatorMiddleware"));
 var _avatarMiddleware = require("../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/avatarMiddleware");
+var _cardActionMiddleware = require("../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/cardActionMiddleware");
 var _conversationEndMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/conversationEndMiddleware"));
 var _dataMaskingMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/dataMaskingMiddleware"));
 var _createMarkdown = require("./createMarkdown");
 var _maxMessageSizeValidator = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/maxMessageSizeValidator"));
+var _messageTimestampMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/messageTimestampMiddleware"));
+var _botframeworkWebchat = require("botframework-webchat");
 var _WebChatLogger = require("../../webchatcontainerstateful/webchatcontroller/webchattelemetry/WebChatLogger");
 var _defaultAttachmentProps = require("../../webchatcontainerstateful/common/defaultProps/defaultAttachmentProps");
 var _defaultMiddlewareLocalizedTexts = require("../../webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts");
@@ -30,12 +34,6 @@ 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 _cardActionMiddleware = require("../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/cardActionMiddleware");
-var _messageTimestampMiddleware = _interopRequireDefault(require("../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/messageTimestampMiddleware"));
-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) => {
@@ -54,7 +52,7 @@ const initWebChatComposer = (props, state, dispatch, chatSDK) => {
     var _state$domainStates$l, _state$domainStates$l2, _state$domainStates$l3, _props$webChatContain5;
     const conversationEndCallback = async () => {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const conversationDetails = await (0, _endChat.getConversationDetails)(chatSDK);
+      const conversationDetails = await (0, _utils.getConversationDetailsCall)(chatSDK);
       if ((conversationDetails === null || conversationDetails === void 0 ? void 0 : conversationDetails.participantType) === _Constants.ParticipantType.Bot) {
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY,
@@ -92,8 +90,6 @@ 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/reconnectChatHelper.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.isReconnectEnabled = exports.handleChatReconnect = exports.getChatReconnectContext = void 0;
 require("regenerator-runtime/runtime");
 var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
-var _authHelper = require("./authHelper");
 var _utils = require("../../../common/utils");
+var _authHelper = require("./authHelper");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 var _ConversationState = require("../../../contexts/common/ConversationState");
 var _LiveChatWidgetActionType = require("../../../contexts/common/LiveChatWidgetActionType");
@@ -75,6 +75,7 @@ const getChatReconnectContext = async (chatSDK, chatConfig, props, isAuthenticat
     }
     return reconnectChatContext;
   } catch (error) {
+    (0, _utils.checkContactIdError)(error);
     _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.ERROR, {
       Event: _TelemetryConstants.TelemetryEvent.GetChatReconnectContextSDKCallFailed,
       ExceptionDetails: {

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(props);
+      await setCustomContextParams(props);
       const defaultOptionalParams = {
         sendDefaultInitContext: true,
         isProactiveChat: !!(params !== null && params !== void 0 && params.isProactiveChat),
@@ -140,6 +140,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
       await chatSDK.startChat(startChatOptionalParams);
       isStartChatSuccessful = true;
     } catch (error) {
+      (0, _utils.checkContactIdError)(error);
       _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.ERROR, {
         Event: _TelemetryConstants.TelemetryEvent.StartChatMethodException,
         ExceptionDetails: {
@@ -286,7 +287,7 @@ const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdap
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const setCustomContextParams = props => {
+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;
@@ -299,15 +300,22 @@ const setCustomContextParams = 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;
+  const customContextLocal = (persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai8 = persistedState.domainStates) === null || _persistedState$domai8 === void 0 ? void 0 : _persistedState$domai8.customContext) ?? (props === null || props === void 0 ? void 0 : props.initialCustomContext);
+  if (customContextLocal) {
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
-      Event: _TelemetryConstants.TelemetryEvent.SetCustomContext,
-      Description: "Setting custom context for unauthenicated chat"
+      Event: _TelemetryConstants.TelemetryEvent.SettingCustomContext,
+      Description: "Setting custom context for unauthenticated chat"
     });
     optionalParams = Object.assign({}, optionalParams, {
-      customContext: persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai9 = persistedState.domainStates) === null || _persistedState$domai9 === void 0 ? void 0 : _persistedState$domai9.customContext
+      customContext: customContextLocal
     });
+  } 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 => {
@@ -316,9 +324,9 @@ const canStartPopoutChat = async props => {
   }
   popoutWidgetInstanceId = (0, _utils.getWidgetCacheIdfromProps)(props, true);
   if (!(0, _utils.isNullOrEmptyString)(popoutWidgetInstanceId)) {
-    var _persistedState$domai10, _persistedState$appSt2;
+    var _persistedState$domai9, _persistedState$appSt2;
     const persistedState = (0, _utils.getStateFromCache)(popoutWidgetInstanceId);
-    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) {
+    if (persistedState && !(0, _utils.isUndefinedOrEmpty)(persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai9 = persistedState.domainStates) === null || _persistedState$domai9 === void 0 ? void 0 : _persistedState$domai9.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
@@ -344,7 +352,7 @@ const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
   });
   try {
     chatSDK.requestId = requestIdFromCache;
-    conversationDetails = await chatSDK.getConversationDetails();
+    conversationDetails = await (0, _utils.getConversationDetailsCall)(chatSDK);
     if (Object.keys(conversationDetails).length === 0) {
       chatSDK.requestId = currentRequestId;
       return false;
@@ -369,4 +377,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/common/updateSessionDataForTelemetry.js

@@ -9,6 +9,7 @@ var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components
 var _LiveChatWidgetActionType = require("../../../contexts/common/LiveChatWidgetActionType");
 var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
 var _TelemetryManager = require("../../../common/telemetry/TelemetryManager");
+var _utils = require("../../../common/utils");
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const updateSessionDataForTelemetry = async (chatSDK, dispatch) => {
   if (chatSDK) {
@@ -34,7 +35,7 @@ exports.updateSessionDataForTelemetry = updateSessionDataForTelemetry;
 const updateConversationDataForTelemetry = async (chatSDK, dispatch) => {
   if (chatSDK) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const liveWorkItem = await chatSDK.getConversationDetails();
+    const liveWorkItem = await (0, _utils.getConversationDetailsCall)(chatSDK);
     const telemetryData = _TelemetryHelper.TelemetryHelper.addConversationDataToTelemetry(liveWorkItem, _TelemetryManager.TelemetryManager.InternalTelemetryData);
     dispatch({
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_TELEMETRY_DATA,

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");
@@ -168,6 +171,7 @@ export let ElementType;
 export let ChatSDKError;
 (function (ChatSDKError) {
   ChatSDKError["WidgetUseOutsideOperatingHour"] = "WidgetUseOutsideOperatingHour";
+  ChatSDKError["AuthContactIdNotFoundFailure"] = "AuthContactIdNotFoundFailure";
 })(ChatSDKError || (ChatSDKError = {}));
 export let EnvironmentVersion;
 (function (EnvironmentVersion) {

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

@@ -58,6 +58,7 @@ export let BroadcastEvent;
   BroadcastEvent["HideChatVisibilityChangeEvent"] = "hideChatVisibilityChangeEvent";
   BroadcastEvent["UpdateSessionDataForTelemetry"] = "UpdateSessionDataForTelemetry";
   BroadcastEvent["UpdateConversationDataForTelemetry"] = "UpdateConversationDataForTelemetry";
+  BroadcastEvent["ContactIdNotFound"] = "ContactIdNotFound";
 })(BroadcastEvent || (BroadcastEvent = {}));
 export let TelemetryEvent;
 (function (TelemetryEvent) {
@@ -101,7 +102,7 @@ export let TelemetryEvent;
   TelemetryEvent["ChatVisibilityChanged"] = "ChatVisibilityChanged";
   TelemetryEvent["EndChatSucceeded"] = "EndChatSucceeded";
   TelemetryEvent["EndChatFailed"] = "EndChatFailed";
-  TelemetryEvent["SetCustomContext"] = "SetCustomContext";
+  TelemetryEvent["SettingCustomContext"] = "SettingCustomContext";
   TelemetryEvent["WebChatLoaded"] = "WebChatLoaded";
   TelemetryEvent["LCWChatButtonClicked"] = "LCWChatButtonClicked";
   TelemetryEvent["LCWChatButtonShow"] = "LCWChatButtonShow";

package/lib/esm/common/utils.js

@@ -1,6 +1,7 @@
 var _this = this;
-import { AriaTelemetryConstants, Constants, LocaleConstants } from "./Constants";
+import { AriaTelemetryConstants, ChatSDKError, Constants, LocaleConstants } from "./Constants";
 import { BroadcastEvent, LogLevel, TelemetryEvent } from "./telemetry/TelemetryConstants";
+import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { DataStoreManager } from "./contextDataStore/DataStoreManager";
 import { KeyCodes } from "./KeyCodes";
 import { Md5 } from "md5-typescript";
@@ -353,8 +354,13 @@ export const getConversationDetailsCall = async chatSDK => {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let conversationDetails = undefined;
   try {
+    TelemetryHelper.logSDKEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.GetConversationDetailsCallStarted,
+      Description: "Conversation details call started"
+    });
     conversationDetails = await chatSDK.getConversationDetails();
   } catch (error) {
+    checkContactIdError(error);
     TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
       Event: TelemetryEvent.GetConversationDetailsCallFailed,
       ExceptionDetails: {
@@ -363,4 +369,17 @@ export const getConversationDetailsCall = async chatSDK => {
     });
   }
   return conversationDetails;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const checkContactIdError = e => {
+  if ((e === null || e === void 0 ? void 0 : e.message) === ChatSDKError.AuthContactIdNotFoundFailure) {
+    const contactIdNotFoundErrorEvent = {
+      eventName: BroadcastEvent.ContactIdNotFound,
+      payload: {
+        error: e
+      }
+    };
+    BroadcastService.postMessage(contactIdNotFoundErrorEvent);
+  }
 };

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

@@ -3,7 +3,6 @@ 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 = ".+:.+";
@@ -59,8 +58,6 @@ const processContent = (transcriptContent, isAgentChat, renderMarkDown) => {
   }
   if (renderMarkDown) {
     transcriptContent = renderMarkDown(transcriptContent);
-  } else {
-    transcriptContent = DOMPurify.sanitize(transcriptContent);
   }
   return transcriptContent;
 };
@@ -157,12 +154,13 @@ const beautifyChatTranscripts = (chatTranscripts, renderMarkDown, attachmentMess
 export const downloadTranscript = async (chatSDK, renderMarkDown, bannerMessageOnError, attachmentMessage, state) => {
   var _state$domainStates, _state$domainStates2, _state$domainStates2$;
   // Need to keep existing request id for scenarios when trnascript is downloaded after endchat
-  const existingRequestId = chatSDK.requestId;
-  chatSDK.chatToken = state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.chatToken;
-  chatSDK.requestId = state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.chatToken) === null || _state$domainStates2$ === void 0 ? void 0 : _state$domainStates2$.requestId;
-  let data = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getLiveChatTranscript());
-  // This is used for allowing to start next chat
-  chatSDK.requestId = existingRequestId;
+  const liveChatContext = {
+    chatToken: state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.chatToken,
+    requestId: state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.chatToken) === null || _state$domainStates2$ === void 0 ? void 0 : _state$domainStates2$.requestId
+  };
+  let data = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getLiveChatTranscript({
+    liveChatContext
+  }));
   if (typeof data === Constants.String) {
     data = JSON.parse(data);
   }

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

@@ -1,20 +1,20 @@
+import { ConfirmationState, Constants, ConversationEndEntity } from "../../../common/Constants";
 import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { getAuthClientFunction, handleAuthentication } from "./authHelper";
+import { getConversationDetailsCall, getWidgetEndChatEventName, isNullOrEmptyString } from "../../../common/utils";
+import { getPostChatContext, initiatePostChat } from "./renderSurveyHelpers";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { ConversationState } from "../../../contexts/common/ConversationState";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { WebChatStoreLoader } from "../../webchatcontainerstateful/webchatcontroller/WebChatStoreLoader";
 import { defaultWebChatContainerStatefulProps } from "../../webchatcontainerstateful/common/defaultProps/defaultWebChatContainerStatefulProps";
-import { getWidgetEndChatEventName, isNullOrEmptyString } from "../../../common/utils";
-import { getAuthClientFunction, handleAuthentication } from "./authHelper";
-import { initiatePostChat, getPostChatContext } from "./renderSurveyHelpers";
-import { Constants, ConversationEndEntity, ConfirmationState } from "../../../common/Constants";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, uwid) => {
   try {
     var _conversationDetails$, _state$domainStates, _state$domainStates2;
-    const conversationDetails = await getConversationDetails(chatSDK);
+    const conversationDetails = await getConversationDetailsCall(chatSDK);
 
     // Use Case : When post chat is not configured
     if ((conversationDetails === null || conversationDetails === void 0 ? void 0 : (_conversationDetails$ = conversationDetails.canRenderPostChat) === null || _conversationDetails$ === void 0 ? void 0 : _conversationDetails$.toLowerCase()) === Constants.false) {
@@ -119,18 +119,12 @@ const endChat = async function (props, chatSDK, state, dispatch, setAdapter, set
         }
       });
     } finally {
-      var _state$appStates3;
       dispatch({
         type: LiveChatWidgetActionType.SET_UNREAD_MESSAGE_COUNT,
         payload: 0
       });
-      //Always allow to close the chat for embedded mode irrespective of end chat errors
-      if (!(state !== null && state !== void 0 && (_state$appStates3 = state.appStates) !== null && _state$appStates3 !== void 0 && _state$appStates3.hideStartChatButton)) {
-        dispatch({
-          type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
-          payload: ConversationState.Closed
-        });
-      }
+      // Always allow to close the chat for embedded mode irrespective of end chat errors
+      closeChatWidget(dispatch, props, state);
     }
   }
   if (postMessageToOtherTab && !isNullOrEmptyString(uwid)) {
@@ -143,10 +137,6 @@ const endChat = async function (props, chatSDK, state, dispatch, setAdapter, set
 };
 const endChatStateCleanUp = async dispatch => {
   // Need to clear these states immediately when chat ended from OC.
-  dispatch({
-    type: LiveChatWidgetActionType.SET_CUSTOM_CONTEXT,
-    payload: undefined
-  });
   dispatch({
     type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
     payload: undefined
@@ -195,6 +185,27 @@ const closeChatStateCleanUp = async dispatch => {
     }
   });
 };
+const closeChatWidget = (dispatch, props, state) => {
+  var _state$appStates3;
+  if (state !== null && state !== void 0 && (_state$appStates3 = state.appStates) !== null && _state$appStates3 !== void 0 && _state$appStates3.hideStartChatButton) {
+    var _props$controlProps2, _props$controlProps3;
+    // Only close chat if header is enabled for popout
+    // TODO : This condition needs to be removed eventually when the filler UX is ready for popout, removing this condition would show a blank screen for OOB Widget
+    if ((props === null || props === void 0 ? void 0 : (_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.hideHeader) === undefined || (props === null || props === void 0 ? void 0 : (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.hideHeader) === false) {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+        payload: ConversationState.Closed
+      });
+    }
+    return;
+  }
+
+  // Embedded chat
+  dispatch({
+    type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+    payload: ConversationState.Closed
+  });
+};
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const handleAuthenticationIfEnabled = async (props, chatSDK) => {
@@ -232,28 +243,7 @@ const chatTokenCleanUp = async dispatch => {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const getEndChatEventName = async (chatSDK, props) => {
-  var _chatSDK$omnichannelC, _chatSDK$omnichannelC2, _props$controlProps2;
-  return getWidgetEndChatEventName(chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC === void 0 ? void 0 : _chatSDK$omnichannelC.orgId, chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC2 = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC2 === void 0 ? void 0 : _chatSDK$omnichannelC2.widgetId, (props === null || props === void 0 ? void 0 : (_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.widgetInstanceId) ?? "");
-};
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const getConversationDetails = async chatSDK => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let conversationDetails = undefined;
-  try {
-    TelemetryHelper.logSDKEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.GetConversationDetailsCallStarted,
-      Description: "Conversation details call started"
-    });
-    conversationDetails = await chatSDK.getConversationDetails();
-  } catch (error) {
-    TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
-      Event: TelemetryEvent.GetConversationDetailsCallFailed,
-      ExceptionDetails: {
-        exception: `Get Conversation Details Call Failed : ${error}`
-      }
-    });
-  }
-  return conversationDetails;
+  var _chatSDK$omnichannelC, _chatSDK$omnichannelC2, _props$controlProps4;
+  return getWidgetEndChatEventName(chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC === void 0 ? void 0 : _chatSDK$omnichannelC.orgId, chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC2 = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC2 === void 0 ? void 0 : _chatSDK$omnichannelC2.widgetId, (props === null || props === void 0 ? void 0 : (_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.widgetInstanceId) ?? "");
 };
-export { prepareEndChat, endChat, getConversationDetails };
+export { prepareEndChat, endChat };

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

@@ -1,19 +1,23 @@
+import { ConversationEndEntity, ParticipantType } from "../../../common/Constants";
 import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
-import { createStore } from "botframework-webchat";
+import { changeLanguageCodeFormatForWebChat, getConversationDetailsCall } from "../../../common/utils";
+import HyperlinkTextOverrideRenderer from "../../webchatcontainerstateful/webchatcontroller/markdownrenderers/HyperlinkTextOverrideRenderer";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { WebChatStoreLoader } from "../../webchatcontainerstateful/webchatcontroller/WebChatStoreLoader";
 import attachmentProcessingMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentProcessingMiddleware";
-import { changeLanguageCodeFormatForWebChat } from "../../../common/utils";
 import channelDataMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/channelDataMiddleware";
 import { createActivityMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityMiddleware";
 import createAttachmentMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachmentMiddleware";
 import createAttachmentUploadValidatorMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentUploadValidatorMiddleware";
 import { createAvatarMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/avatarMiddleware";
+import { createCardActionMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/cardActionMiddleware";
 import createConversationEndMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/conversationEndMiddleware";
 import createDataMaskingMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/dataMaskingMiddleware";
 import { createMarkdown } from "./createMarkdown";
 import createMaxMessageSizeValidator from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/maxMessageSizeValidator";
+import createMessageTimeStampMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/messageTimestampMiddleware";
+import { createStore } from "botframework-webchat";
 import { createWebChatTelemetry } from "../../webchatcontainerstateful/webchatcontroller/webchattelemetry/WebChatLogger";
 import { defaultAttachmentProps } from "../../webchatcontainerstateful/common/defaultProps/defaultAttachmentProps";
 import { defaultMiddlewareLocalizedTexts } from "../../webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts";
@@ -24,12 +28,6 @@ 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 { createCardActionMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/cardActionMiddleware";
-import createMessageTimeStampMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/messageTimestampMiddleware";
-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) => {
@@ -48,7 +46,7 @@ export const initWebChatComposer = (props, state, dispatch, chatSDK) => {
     var _state$domainStates$l, _state$domainStates$l2, _state$domainStates$l3, _props$webChatContain5;
     const conversationEndCallback = async () => {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const conversationDetails = await getConversationDetails(chatSDK);
+      const conversationDetails = await getConversationDetailsCall(chatSDK);
       if ((conversationDetails === null || conversationDetails === void 0 ? void 0 : conversationDetails.participantType) === ParticipantType.Bot) {
         dispatch({
           type: LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY,
@@ -86,8 +84,6 @@ 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/reconnectChatHelper.js

@@ -1,7 +1,7 @@
 import "regenerator-runtime/runtime";
 import { BroadcastEvent, LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { checkContactIdError, isNullOrEmptyString, isNullOrUndefined } from "../../../common/utils";
 import { handleAuthentication, removeAuthTokenProvider } from "./authHelper";
-import { isNullOrEmptyString, isNullOrUndefined } from "../../../common/utils";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { ConversationState } from "../../../contexts/common/ConversationState";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
@@ -69,6 +69,7 @@ const getChatReconnectContext = async (chatSDK, chatConfig, props, isAuthenticat
     }
     return reconnectChatContext;
   } catch (error) {
+    checkContactIdError(error);
     TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
       Event: TelemetryEvent.GetChatReconnectContextSDKCallFailed,
       ExceptionDetails: {

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

@@ -1,6 +1,6 @@
 import { BroadcastEvent, LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
-import { ChatSDKError, LiveWorkItemState } from "../../../common/Constants";
-import { createTimer, getStateFromCache, getWidgetCacheIdfromProps, isNullOrEmptyString, isUndefinedOrEmpty } from "../../../common/utils";
+import { ChatSDKError, Constants, LiveWorkItemState } from "../../../common/Constants";
+import { checkContactIdError, createTimer, getConversationDetailsCall, getStateFromCache, getWidgetCacheIdfromProps, isNullOrEmptyString, isUndefinedOrEmpty } from "../../../common/utils";
 import { getAuthClientFunction, handleAuthentication } from "./authHelper";
 import { ActivityStreamHandler } from "./ActivityStreamHandler";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
@@ -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(props);
+      await setCustomContextParams(props);
       const defaultOptionalParams = {
         sendDefaultInitContext: true,
         isProactiveChat: !!(params !== null && params !== void 0 && params.isProactiveChat),
@@ -133,6 +133,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
       await chatSDK.startChat(startChatOptionalParams);
       isStartChatSuccessful = true;
     } catch (error) {
+      checkContactIdError(error);
       TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
         Event: TelemetryEvent.StartChatMethodException,
         ExceptionDetails: {
@@ -278,7 +279,7 @@ const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdap
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const setCustomContextParams = props => {
+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;
@@ -291,15 +292,22 @@ const setCustomContextParams = 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;
+  const customContextLocal = (persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai8 = persistedState.domainStates) === null || _persistedState$domai8 === void 0 ? void 0 : _persistedState$domai8.customContext) ?? (props === null || props === void 0 ? void 0 : props.initialCustomContext);
+  if (customContextLocal) {
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.SetCustomContext,
-      Description: "Setting custom context for unauthenicated chat"
+      Event: TelemetryEvent.SettingCustomContext,
+      Description: "Setting custom context for unauthenticated chat"
     });
     optionalParams = Object.assign({}, optionalParams, {
-      customContext: persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai9 = persistedState.domainStates) === null || _persistedState$domai9 === void 0 ? void 0 : _persistedState$domai9.customContext
+      customContext: customContextLocal
     });
+  } 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 => {
@@ -308,9 +316,9 @@ const canStartPopoutChat = async props => {
   }
   popoutWidgetInstanceId = getWidgetCacheIdfromProps(props, true);
   if (!isNullOrEmptyString(popoutWidgetInstanceId)) {
-    var _persistedState$domai10, _persistedState$appSt2;
+    var _persistedState$domai9, _persistedState$appSt2;
     const persistedState = getStateFromCache(popoutWidgetInstanceId);
-    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) {
+    if (persistedState && !isUndefinedOrEmpty(persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai9 = persistedState.domainStates) === null || _persistedState$domai9 === void 0 ? void 0 : _persistedState$domai9.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
@@ -336,7 +344,7 @@ const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
   });
   try {
     chatSDK.requestId = requestIdFromCache;
-    conversationDetails = await chatSDK.getConversationDetails();
+    conversationDetails = await getConversationDetailsCall(chatSDK);
     if (Object.keys(conversationDetails).length === 0) {
       chatSDK.requestId = currentRequestId;
       return false;
@@ -361,4 +369,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/common/updateSessionDataForTelemetry.js

@@ -3,6 +3,7 @@ import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { TelemetryManager } from "../../../common/telemetry/TelemetryManager";
+import { getConversationDetailsCall } from "../../../common/utils";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const updateSessionDataForTelemetry = async (chatSDK, dispatch) => {
@@ -28,7 +29,7 @@ export const updateSessionDataForTelemetry = async (chatSDK, dispatch) => {
 const updateConversationDataForTelemetry = async (chatSDK, dispatch) => {
   if (chatSDK) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const liveWorkItem = await chatSDK.getConversationDetails();
+    const liveWorkItem = await getConversationDetailsCall(chatSDK);
     const telemetryData = TelemetryHelper.addConversationDataToTelemetry(liveWorkItem, TelemetryManager.InternalTelemetryData);
     dispatch({
       type: LiveChatWidgetActionType.SET_TELEMETRY_DATA,

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 (): {};
@@ -154,7 +155,8 @@ export declare enum ElementType {
     CallingContainerSDK = "CallingContainerSDK"
 }
 export declare enum ChatSDKError {
-    WidgetUseOutsideOperatingHour = "WidgetUseOutsideOperatingHour"
+    WidgetUseOutsideOperatingHour = "WidgetUseOutsideOperatingHour",
+    AuthContactIdNotFoundFailure = "AuthContactIdNotFoundFailure"
 }
 export declare enum EnvironmentVersion {
     prod = "prod",

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

@@ -51,7 +51,8 @@ export declare enum BroadcastEvent {
     InitiateStartChatInPopoutMode = "InitiateStartChatInPopoutMode",
     HideChatVisibilityChangeEvent = "hideChatVisibilityChangeEvent",
     UpdateSessionDataForTelemetry = "UpdateSessionDataForTelemetry",
-    UpdateConversationDataForTelemetry = "UpdateConversationDataForTelemetry"
+    UpdateConversationDataForTelemetry = "UpdateConversationDataForTelemetry",
+    ContactIdNotFound = "ContactIdNotFound"
 }
 export declare enum TelemetryEvent {
     CallAdded = "CallAdded",
@@ -94,7 +95,7 @@ export declare enum TelemetryEvent {
     ChatVisibilityChanged = "ChatVisibilityChanged",
     EndChatSucceeded = "EndChatSucceeded",
     EndChatFailed = "EndChatFailed",
-    SetCustomContext = "SetCustomContext",
+    SettingCustomContext = "SettingCustomContext",
     WebChatLoaded = "WebChatLoaded",
     LCWChatButtonClicked = "LCWChatButtonClicked",
     LCWChatButtonShow = "LCWChatButtonShow",

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

@@ -31,3 +31,4 @@ export declare const getBroadcastChannelName: (widgetId: string, widgetInstanceI
 export declare const getWidgetCacheIdfromProps: (props: any, popoutChat?: boolean) => string;
 export declare const debounceLeading: (fn: any, ms?: number) => (...args: any[]) => void;
 export declare const getConversationDetailsCall: (chatSDK: any) => Promise<any>;
+export declare const checkContactIdError: (e: any) => void;

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

@@ -1,8 +1,7 @@
 import { Dispatch } from "react";
 import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetAction";
-import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
 import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
+import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
 declare const prepareEndChat: (props: ILiveChatWidgetProps, chatSDK: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, setWebChatStyles: any, adapter: any, uwid: string) => Promise<void>;
 declare const endChat: (props: ILiveChatWidgetProps, chatSDK: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, setWebChatStyles: any, adapter: any, skipEndChatSDK?: boolean | undefined, skipCloseChat?: boolean | undefined, postMessageToOtherTab?: boolean | undefined, uwid?: string) => Promise<void>;
-declare const getConversationDetails: (chatSDK: any) => Promise<any>;
-export { prepareEndChat, endChat, getConversationDetails };
+export { prepareEndChat, endChat };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.0.3",
+  "version": "1.0.4-main.337860d",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -74,9 +74,8 @@
     "webpack-cli": "^4.9.2"
   },
   "dependencies": {
-    "@fluentui/react": "^8.49.1",
-    "@microsoft/omnichannel-chat-components": "1.0.1",
-    "@microsoft/omnichannel-chat-sdk": "1.3.0",
+    "@microsoft/omnichannel-chat-components": "^1.0.1",
+    "@microsoft/omnichannel-chat-sdk": "1.4.1",
     "abort-controller-es5": "^2.0.1",
     "dompurify": "^2.3.4",
     "markdown-it": "^12.3.2",
@@ -111,4 +110,4 @@
     "**/abort-controller-es5": "^2.0.1",
     "**/minimist": "1.2.6"
   }
-}
+}