@microsoft/omnichannel-chat-widget 1.0.4-main.6e79f24 → 1.0.4-main.ade1159

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/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;
 };

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

@@ -35,7 +35,6 @@ 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) => {
@@ -92,8 +91,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/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),
@@ -286,7 +286,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;
@@ -303,11 +303,18 @@ const setCustomContextParams = props => {
     var _persistedState$domai9;
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.SetCustomContext,
-      Description: "Setting custom context for unauthenicated chat"
+      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
     });
+  } 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 => {
@@ -369,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/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/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;
 };

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

@@ -29,7 +29,6 @@ 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) => {
@@ -86,8 +85,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/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(props);
+      await setCustomContextParams(props);
       const defaultOptionalParams = {
         sendDefaultInitContext: true,
         isProactiveChat: !!(params !== null && params !== void 0 && params.isProactiveChat),
@@ -278,7 +278,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;
@@ -295,11 +295,18 @@ const setCustomContextParams = props => {
     var _persistedState$domai9;
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
       Event: TelemetryEvent.SetCustomContext,
-      Description: "Setting custom context for unauthenicated chat"
+      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
     });
+  } 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 => {
@@ -361,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/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/package.json

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