@microsoft/omnichannel-chat-widget 0.1.0-main.bcfe8a3 → 0.1.0-main.c1dcc1d

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

@@ -3,16 +3,17 @@
  * 
  * Ensures that links within messages are processed so that the caller website cannot be traced.
  ******/
+
 import { Constants, HtmlAttributeNames } from "../../../../../common/Constants";
 import DOMPurify from "dompurify";
 import { WebChatActionType } from "../../enums/WebChatActionType";
 import { TelemetryHelper } from "../../../../../common/telemetry/TelemetryHelper";
-import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants"; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const convertTextToHtmlNode = text => {
   if (!text) return "";
   const element = document.createElement(HtmlAttributeNames.div);
-
   try {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     text = DOMPurify.sanitize(text);
@@ -27,56 +28,50 @@ const convertTextToHtmlNode = text => {
       }
     });
   }
-
   return element;
-}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+};
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const processHTMLText = (action, text) => {
   const htmlNode = convertTextToHtmlNode(text);
   const aNodes = htmlNode.getElementsByTagName(HtmlAttributeNames.aTagName);
-
   if ((aNodes === null || aNodes === void 0 ? void 0 : aNodes.length) > 0) {
     try {
       for (let index = 0; index < aNodes.length; index++) {
         var _aNode$tagName;
-
-        const aNode = aNodes[index]; // Skip if the node is not valid or the node's tag name is not equal to 'a', or the node href is empty.
-
+        const aNode = aNodes[index];
+        // Skip if the node is not valid or the node's tag name is not equal to 'a', or the node href is empty.
         if (((_aNode$tagName = aNode.tagName) === null || _aNode$tagName === void 0 ? void 0 : _aNode$tagName.toLowerCase()) !== HtmlAttributeNames.aTagName || !aNode.href) {
           continue;
-        } // Add target to 'a' node if target is missing or does not equal to blank
-
+        }
 
+        // Add target to 'a' node if target is missing or does not equal to blank
         if (!aNode.target || aNode.target !== Constants.blank) {
           aNode.target = Constants.blank;
-        } // If rel is missing or rel does not include noopener and noreferrer, add them
-
+        }
 
+        // If rel is missing or rel does not include noopener and noreferrer, add them
         if (!aNode.rel) {
           aNode.rel = `${HtmlAttributeNames.noopenerTag} ${HtmlAttributeNames.noreferrerTag}`;
         } else {
           if (aNode.rel.indexOf(HtmlAttributeNames.noopenerTag) === -1) {
             aNode.rel += ` ${HtmlAttributeNames.noopenerTag}`;
           }
-
           if (aNode.rel.indexOf(HtmlAttributeNames.noreferrerTag) === -1) {
             aNode.rel += ` ${HtmlAttributeNames.noreferrerTag}`;
           }
         }
-      } // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+      }
 
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       action = window.simpleUpdateIn(action, [Constants.payload, Constants.activity, Constants.text], () => htmlNode.innerHTML);
     } catch (e) {
       let errorMessage = "Failed to apply action: ";
-
       try {
         errorMessage += JSON.stringify(action);
       } catch (e) {
         errorMessage += " (unable to stringify action)";
       }
-
       TelemetryHelper.logActionEvent(LogLevel.ERROR, {
         Event: TelemetryEvent.ProcessingHTMLTextMiddlewareFailed,
         ExceptionDetails: {
@@ -86,11 +81,10 @@ const processHTMLText = (action, text) => {
       });
     }
   }
-
   return action;
-}; // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
-
+};
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
 const htmlTextMiddleware = _ref => {
   let {
     dispatch
@@ -99,21 +93,17 @@ const htmlTextMiddleware = _ref => {
     if (action.type === WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY) {
       try {
         var _action$payload, _action$payload$activ;
-
         const text = (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : (_action$payload$activ = _action$payload.activity) === null || _action$payload$activ === void 0 ? void 0 : _action$payload$activ.text;
-
         if (text) {
           action = processHTMLText(action, text);
         }
       } catch (e) {
         let errorMessage = "Failed to validate action.";
-
         try {
           errorMessage += JSON.stringify(action);
         } catch (e) {
           errorMessage += " (unable to stringify action)";
         }
-
         TelemetryHelper.logActionEvent(LogLevel.ERROR, {
           Event: TelemetryEvent.ProcessingHTMLTextMiddlewareFailed,
           ExceptionDetails: {
@@ -123,9 +113,7 @@ const htmlTextMiddleware = _ref => {
         });
       }
     }
-
     return next(action);
   };
 };
-
 export default htmlTextMiddleware;

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

@@ -3,11 +3,13 @@
  * 
  * Enforces a max character limit that the sender can send to comply to Omnichannel chat services' limitation.
  ******/
+
 import { NotificationHandler } from "../../notification/NotificationHandler";
 import { NotificationScenarios } from "../../enums/NotificationScenarios";
 import { WebChatActionType } from "../../enums/WebChatActionType";
-import { WebChatMiddlewareConstants } from "../../../../../common/Constants"; // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
+import { WebChatMiddlewareConstants } from "../../../../../common/Constants";
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
 const createMaxMessageSizeValidator = localizedTexts => _ref => {
   let {
     dispatch
@@ -15,9 +17,7 @@ const createMaxMessageSizeValidator = localizedTexts => _ref => {
   return next => action => {
     if (action.type === WebChatActionType.WEB_CHAT_SET_SEND_BOX) {
       var _action$payload, _action$payload$text;
-
       const textLength = ((_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : (_action$payload$text = _action$payload.text) === null || _action$payload$text === void 0 ? void 0 : _action$payload$text.length) || 0;
-
       if (textLength > WebChatMiddlewareConstants.maxTextLength) {
         NotificationHandler.notifyError(NotificationScenarios.MaxSizeError, localizedTexts.MIDDLEWARE_MAX_CHARACTER_COUNT_EXCEEDED);
         return next(action);
@@ -25,9 +25,7 @@ const createMaxMessageSizeValidator = localizedTexts => _ref => {
         NotificationHandler.dismissNotification(NotificationScenarios.MaxSizeError);
       }
     }
-
     return next(action);
   };
 };
-
 export default createMaxMessageSizeValidator;

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

@@ -3,9 +3,11 @@
  * 
  * Adds necessary fields for the activity for the other middlewares to function as expected.
  ******/
+
 import { Constants } from "../../../../../common/Constants";
-import { WebChatActionType } from "../../enums/WebChatActionType"; // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
+import { WebChatActionType } from "../../enums/WebChatActionType";
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
 const preProcessingMiddleware = _ref => {
   let {
     dispatch
@@ -15,30 +17,28 @@ const preProcessingMiddleware = _ref => {
       const {
         activity
       } = action.payload;
-
       if (!activity.from || activity.from.role === Constants.userMessageTag) {
-        action = { ...action,
-          payload: { ...action.payload,
-            activity: { ...action.payload.activity,
+        action = {
+          ...action,
+          payload: {
+            ...action.payload,
+            activity: {
+              ...action.payload.activity,
               textFormat: Constants.markdown
             }
           }
         };
       }
     }
-
     if (action.type === WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY) {
       const {
         activity
       } = action.payload;
-
       if (activity) {
         action.payload.activity[Constants.actionType] = WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY;
       }
     }
-
     return next(action);
   };
 };
-
 export default preProcessingMiddleware;

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

@@ -3,11 +3,13 @@
  * 
  * Sanitizes the text.
  ******/
+
 import DOMPurify from "dompurify";
 import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
 import { TelemetryHelper } from "../../../../../common/telemetry/TelemetryHelper";
-import { WebChatActionType } from "../../enums/WebChatActionType"; // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
+import { WebChatActionType } from "../../enums/WebChatActionType";
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
 const sanitizationMiddleware = _ref => {
   let {
     dispatch
@@ -16,26 +18,24 @@ const sanitizationMiddleware = _ref => {
     if (action.type === WebChatActionType.WEB_CHAT_SEND_MESSAGE) {
       try {
         var _action$payload;
-
         let text = (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.text;
-
         if (text) {
           text = DOMPurify.sanitize(text) ?? " ";
         }
       } catch (e) {
-        const copyDataForTelemetry = { ...action,
-          payload: { ...action.payload,
+        const copyDataForTelemetry = {
+          ...action,
+          payload: {
+            ...action.payload,
             text: undefined
           }
         };
         let errorMessage = "Failed to apply action: ";
-
         try {
           errorMessage += JSON.stringify(copyDataForTelemetry);
         } catch (e) {
           errorMessage += " (unable to stringify action)";
         }
-
         TelemetryHelper.logActionEvent(LogLevel.ERROR, {
           Event: TelemetryEvent.ProcessingSanitizationMiddlewareFailed,
           ExceptionDetails: {
@@ -45,9 +45,7 @@ const sanitizationMiddleware = _ref => {
         });
       }
     }
-
     return next(action);
   };
 };
-
 export default sanitizationMiddleware;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/notification/NotificationHandler.js

@@ -17,7 +17,6 @@ export class NotificationHandler {
       NotificationHandler.setFocusOnNotificationCloseButton();
     }
   }
-
   static dismissNotification(id) {
     if (WebChatStoreLoader.store) {
       WebChatStoreLoader.store.dispatch({
@@ -28,23 +27,18 @@ export class NotificationHandler {
       });
     }
   }
-
   static notifyError(id, message) {
     this.notify(id, NotificationLevel.Error, message);
   }
-
   static notifyWarning(id, message) {
     this.notify(id, NotificationLevel.Warning, message);
   }
-
   static notifyInfo(id, message) {
     this.notify(id, NotificationLevel.Info, message);
   }
-
   static notifySuccess(id, message) {
     this.notify(id, NotificationLevel.Success, message);
   }
-
   static notifyWithLevel(id, message, level) {
     if (!level) {
       this.notifyInfo(id, message);
@@ -52,30 +46,24 @@ export class NotificationHandler {
       this.notify(id, level, message);
     }
   }
-  /* Bypass WebChat behavior and focus on banner close button */
-
 
+  /* Bypass WebChat behavior and focus on banner close button */
   static setFocusOnNotificationCloseButton() {
     const expandButton = document.querySelector(`#${HtmlIdNames.MSLiveChatWidget} .${HtmlClassNames.webChatBannerExpandButton}`);
-
     if (expandButton) {
       expandButton.focus();
       return;
     }
-
     const closeButton = document.querySelector(`#${HtmlIdNames.MSLiveChatWidget} .${HtmlClassNames.webChatBannerCloseButton}`);
-
     if (closeButton) {
       closeButton.focus();
       NotificationHandler.registerOnCloseEvent(closeButton);
       return;
     }
   }
-
   static registerOnCloseEvent(button) {
     button.onclick = () => {
       setFocusOnSendBox();
     };
   }
-
 }

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/webchattelemetry/WebChatLogger.js

@@ -7,26 +7,21 @@ export function createWebChatTelemetry() {
       level
     } = event;
     const loglevel = level ? level.toUpperCase() : "";
-
     switch (loglevel) {
       case LogLevel.DEBUG:
         TelemetryHelper.logWebChatEvent(LogLevel.DEBUG, event);
         break;
-
       case LogLevel.WARN:
         TelemetryHelper.logWebChatEvent(LogLevel.WARN, event);
         break;
-
       case LogLevel.ERROR:
         TelemetryHelper.logWebChatEvent(LogLevel.ERROR, event);
         break;
-
       case LogLevel.INFO:
       default:
         TelemetryHelper.logWebChatEvent(LogLevel.INFO, event);
         break;
     }
   };
-
   return handleTelemetry;
 }

package/lib/esm/contexts/ChatAdapterStore.js

@@ -1,3 +1,4 @@
-import { createContext } from "react"; // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
+import { createContext } from "react";
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
 export const ChatAdapterStore = /*#__PURE__*/createContext([undefined, adapter => {}]);

package/lib/esm/contexts/ChatContextStore.js

@@ -1,3 +1,4 @@
-import { createContext } from "react"; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+import { createContext } from "react";
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const ChatContextStore = /*#__PURE__*/createContext(undefined);

package/lib/esm/contexts/ChatSDKStore.js

@@ -1,3 +1,4 @@
-import { createContext } from "react"; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+import { createContext } from "react";
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const ChatSDKStore = /*#__PURE__*/createContext(undefined);

package/lib/esm/contexts/common/ConversationState.js

@@ -1,5 +1,4 @@
 export let ConversationState;
-
 (function (ConversationState) {
   ConversationState[ConversationState["Prechat"] = 0] = "Prechat";
   ConversationState[ConversationState["Loading"] = 1] = "Loading";
@@ -8,6 +7,7 @@ export let ConversationState;
   ConversationState[ConversationState["ProactiveChat"] = 4] = "ProactiveChat";
   ConversationState[ConversationState["Active"] = 5] = "Active";
   ConversationState[ConversationState["InActive"] = 6] = "InActive";
-  ConversationState[ConversationState["Postchat"] = 7] = "Postchat";
-  ConversationState[ConversationState["Closed"] = 8] = "Closed";
+  ConversationState[ConversationState["PostchatLoading"] = 7] = "PostchatLoading";
+  ConversationState[ConversationState["Postchat"] = 8] = "Postchat";
+  ConversationState[ConversationState["Closed"] = 9] = "Closed";
 })(ConversationState || (ConversationState = {}));

package/lib/esm/contexts/common/LiveChatWidgetActionType.js

@@ -1,5 +1,4 @@
 export let LiveChatWidgetActionType;
-
 (function (LiveChatWidgetActionType) {
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_WIDGET_ELEMENT_ID"] = 0] = "SET_WIDGET_ELEMENT_ID";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_RENDERING_MIDDLEWARE_PROPS"] = 1] = "SET_RENDERING_MIDDLEWARE_PROPS";
@@ -7,7 +6,7 @@ export let LiveChatWidgetActionType;
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_GLOBAL_DIR"] = 3] = "SET_GLOBAL_DIR";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_MINIMIZED"] = 4] = "SET_MINIMIZED";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_CONVERSATION_STATE"] = 5] = "SET_CONVERSATION_STATE";
-  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_PREVIOUS_FOCUSED_ELEMENT"] = 6] = "SET_PREVIOUS_FOCUSED_ELEMENT";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_PREVIOUS_FOCUSED_ELEMENT_ID"] = 6] = "SET_PREVIOUS_FOCUSED_ELEMENT_ID";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_OUTSIDE_OPERATING_HOURS"] = 7] = "SET_OUTSIDE_OPERATING_HOURS";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_PRE_CHAT_SURVEY_RESPONSE"] = 8] = "SET_PRE_CHAT_SURVEY_RESPONSE";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_CUSTOM_CONTEXT"] = 9] = "SET_CUSTOM_CONTEXT";
@@ -34,4 +33,6 @@ export let LiveChatWidgetActionType;
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_LIVE_CHAT_CONTEXT"] = 30] = "SET_LIVE_CHAT_CONTEXT";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_BOT_OAUTH_SIGNIN_ID"] = 31] = "SET_BOT_OAUTH_SIGNIN_ID";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_WIDGET_SIZE"] = 32] = "SET_WIDGET_SIZE";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_WIDGET_INSTANCE_ID"] = 33] = "SET_WIDGET_INSTANCE_ID";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_LIVE_CHAT_CONFIG"] = 34] = "SET_LIVE_CHAT_CONFIG";
 })(LiveChatWidgetActionType || (LiveChatWidgetActionType = {}));

package/lib/esm/contexts/common/LiveChatWidgetContextInitialState.js

@@ -1,12 +1,14 @@
 import { ConversationState } from "./ConversationState";
 import { defaultMiddlewareLocalizedTexts } from "../../components/webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts";
+import { getWidgetCacheId, isNullOrUndefined } from "../../common/utils";
+import { defaultClientDataStoreProvider } from "../../common/storage/default/defaultClientDataStoreProvider";
 export const getLiveChatWidgetContextInitialState = props => {
-  var _props$webChatContain;
-
-  if (props !== null && props !== void 0 && props.liveChatContextFromCache) {
-    return props === null || props === void 0 ? void 0 : props.liveChatContextFromCache;
+  var _props$chatSDK, _props$chatSDK$omnich, _props$chatSDK2, _props$chatSDK2$omnic, _props$controlProps, _props$webChatContain;
+  const widgetCacheId = getWidgetCacheId(props === null || props === void 0 ? void 0 : (_props$chatSDK = props.chatSDK) === null || _props$chatSDK === void 0 ? void 0 : (_props$chatSDK$omnich = _props$chatSDK.omnichannelConfig) === null || _props$chatSDK$omnich === void 0 ? void 0 : _props$chatSDK$omnich.orgId, props === null || props === void 0 ? void 0 : (_props$chatSDK2 = props.chatSDK) === null || _props$chatSDK2 === void 0 ? void 0 : (_props$chatSDK2$omnic = _props$chatSDK2.omnichannelConfig) === null || _props$chatSDK2$omnic === void 0 ? void 0 : _props$chatSDK2$omnic.widgetId, (props === null || props === void 0 ? void 0 : (_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.widgetInstanceId) ?? "");
+  const initialState = defaultClientDataStoreProvider().getData(widgetCacheId, "localStorage");
+  if (!isNullOrUndefined(initialState)) {
+    return JSON.parse(initialState);
   }
-
   const LiveChatWidgetContextInitialState = {
     domainStates: {
       liveChatConfig: props.chatConfig,
@@ -20,14 +22,14 @@ export const getLiveChatWidgetContextInitialState = props => {
       globalDir: "ltr",
       liveChatContext: undefined,
       customContext: undefined,
-      widgetSize: undefined
+      widgetSize: undefined,
+      widgetInstanceId: ""
     },
     appStates: {
       conversationState: ConversationState.Closed,
       isMinimized: false,
-      previousElementOnFocusBeforeModalOpen: null,
+      previousElementIdOnFocusBeforeModalOpen: null,
       outsideOperatingHours: false,
-      shouldShowPostChat: false,
       preChatResponseEmail: "",
       isAudioMuted: null,
       newMessage: false,