@microsoft/omnichannel-chat-widget 0.1.0-main.edd8c2a → 0.1.0-main.f4c21f0

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

@@ -4,42 +4,37 @@
  * This middleware is invoked when the conversation is ended by the agent/bot.
  * The callback is then invoked to hide the send box (by default).
  ******/
+
 import { Constants } from "../../../../../common/Constants";
 import { DirectLineSenderRole } from "../../enums/DirectLineSenderRole";
 import { MessageTypes } from "../../enums/MessageType";
-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 createConversationEndMiddleware = conversationEndCallback => _ref => {
   let {
     dispatch
   } = _ref;
   return next => action => {
     var _action$payload;
-
     if ((action === null || action === void 0 ? void 0 : action.type) == WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY && (_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.activity) {
-      var _activity$from, _activity$from2, _activity$channelData5, _activity$channelData6;
-
+      var _activity$from, _activity$from2, _activity$channelData7, _activity$channelData8;
       const activity = action.payload.activity;
-
       if (((_activity$from = activity.from) === null || _activity$from === void 0 ? void 0 : _activity$from.role) === DirectLineSenderRole.Bot && activity.channelId === "ACS_CHANNEL") {
-        var _activity$channelData, _activity$channelData2, _activity$channelData3, _activity$channelData4;
-
+        var _activity$channelData, _activity$channelData2, _activity$channelData3, _activity$channelData4, _activity$channelData5, _activity$channelData6;
         // ACS
-        if ((_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && (_activity$channelData2 = _activity$channelData.tags) !== null && _activity$channelData2 !== void 0 && _activity$channelData2.includes(Constants.systemMessageTag) && (_activity$channelData3 = activity.channelData) !== null && _activity$channelData3 !== void 0 && (_activity$channelData4 = _activity$channelData3.tags) !== null && _activity$channelData4 !== void 0 && _activity$channelData4.includes(Constants.agentEndConversationMessageTag)) {
+        if ((_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && (_activity$channelData2 = _activity$channelData.tags) !== null && _activity$channelData2 !== void 0 && _activity$channelData2.includes(Constants.systemMessageTag) && ((_activity$channelData3 = activity.channelData) !== null && _activity$channelData3 !== void 0 && (_activity$channelData4 = _activity$channelData3.tags) !== null && _activity$channelData4 !== void 0 && _activity$channelData4.includes(Constants.agentEndConversationMessageTag) || (_activity$channelData5 = activity.channelData) !== null && _activity$channelData5 !== void 0 && (_activity$channelData6 = _activity$channelData5.tags) !== null && _activity$channelData6 !== void 0 && _activity$channelData6.includes(Constants.supervisorForceCloseMessageTag))) {
           conversationEndCallback();
         }
-      } else if (((_activity$from2 = activity.from) === null || _activity$from2 === void 0 ? void 0 : _activity$from2.role) === DirectLineSenderRole.Channel && ((_activity$channelData5 = activity.channelData) === null || _activity$channelData5 === void 0 ? void 0 : _activity$channelData5.type) === MessageTypes.Thread && (_activity$channelData6 = activity.channelData) !== null && _activity$channelData6 !== void 0 && _activity$channelData6.properties) {
-        var _activity$channelData7, _activity$channelData8, _activity$channelData9, _activity$channelData10;
-
+      } else if (((_activity$from2 = activity.from) === null || _activity$from2 === void 0 ? void 0 : _activity$from2.role) === DirectLineSenderRole.Channel && ((_activity$channelData7 = activity.channelData) === null || _activity$channelData7 === void 0 ? void 0 : _activity$channelData7.type) === MessageTypes.Thread && (_activity$channelData8 = activity.channelData) !== null && _activity$channelData8 !== void 0 && _activity$channelData8.properties) {
+        var _activity$channelData9, _activity$channelData10, _activity$channelData11, _activity$channelData12;
         // IC3
-        if (((_activity$channelData7 = activity.channelData) === null || _activity$channelData7 === void 0 ? void 0 : (_activity$channelData8 = _activity$channelData7.properties) === null || _activity$channelData8 === void 0 ? void 0 : _activity$channelData8.isdeleted) === Constants.truePascal || !((_activity$channelData9 = activity.channelData) !== null && _activity$channelData9 !== void 0 && (_activity$channelData10 = _activity$channelData9.properties) !== null && _activity$channelData10 !== void 0 && _activity$channelData10.containsExternalEntitiesListeningAll)) {
+        if (((_activity$channelData9 = activity.channelData) === null || _activity$channelData9 === void 0 ? void 0 : (_activity$channelData10 = _activity$channelData9.properties) === null || _activity$channelData10 === void 0 ? void 0 : _activity$channelData10.isdeleted) === Constants.truePascal || !((_activity$channelData11 = activity.channelData) !== null && _activity$channelData11 !== void 0 && (_activity$channelData12 = _activity$channelData11.properties) !== null && _activity$channelData12 !== void 0 && _activity$channelData12.containsExternalEntitiesListeningAll)) {
           conversationEndCallback();
         }
       }
     }
-
     return next(action);
   };
 };
-
 export default createConversationEndMiddleware;

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

@@ -3,18 +3,16 @@
  *
  * Applies data masking rules that Omnichannel Admin has configured.
  ******/
+
 import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
 import { TelemetryHelper } from "../../../../../common/telemetry/TelemetryHelper";
 import { WebChatActionType } from "../../enums/WebChatActionType";
 import { isMaskingforCustomer } from "../../../common/utils/isMaskingFromCustomer";
-
 const applyDataMasking = (action, regexCollection) => {
   const maskedChar = "#"; //to do: load from env once OC SDK supporting.
-
   let {
     text
   } = action.payload;
-
   if (!regexCollection) {
     TelemetryHelper.logActionEvent(LogLevel.ERROR, {
       Event: TelemetryEvent.InvalidConfiguration,
@@ -24,22 +22,26 @@ const applyDataMasking = (action, regexCollection) => {
     });
     return action;
   }
-
+  let isRuleMatched = false;
   for (const ruleId of Object.keys(regexCollection)) {
     const item = regexCollection[ruleId];
-
     if (item) {
       try {
         const regex = new RegExp(item, "gi");
-        let match; // eslint-disable-next-line no-cond-assign
-
+        let match;
+        // eslint-disable-next-line no-cond-assign
         while (match = regex.exec(text)) {
           const replaceStr = match[0].replace(/./gi, maskedChar);
           text = text.replace(match[0], replaceStr);
+          TelemetryHelper.logActionEvent(LogLevel.INFO, {
+            Event: TelemetryEvent.DataMaskingRuleApplied,
+            Description: `Data Masking Rule Id: ${ruleId} applied.`
+          });
+          isRuleMatched = true;
         }
       } catch (err) {
         TelemetryHelper.logActionEvent(LogLevel.ERROR, {
-          Event: TelemetryEvent.DataMaskingRuleApplied,
+          Event: TelemetryEvent.DataMaskingRuleApplyFailed,
           ExceptionDetails: {
             RuleId: ruleId,
             Exception: err
@@ -47,27 +49,28 @@ const applyDataMasking = (action, regexCollection) => {
         });
       }
     }
-  }
 
+    // Exit if rule matched
+    if (isRuleMatched === true) {
+      break;
+    }
+  }
   action.payload.text = 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 createDataMaskingMiddleware = dataMaskingInfo => _ref => {
   let {
     dispatch
   } = _ref;
   return next => action => {
     var _action$payload;
-
     if (isMaskingforCustomer(dataMaskingInfo) && (_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.text && action.type === WebChatActionType.WEB_CHAT_SEND_MESSAGE) {
       const regexCollection = dataMaskingInfo === null || dataMaskingInfo === void 0 ? void 0 : dataMaskingInfo.dataMaskingRules;
       return next(applyDataMasking(action, regexCollection));
     }
-
     return next(action);
   };
 };
-
 export default createDataMaskingMiddleware;

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

@@ -3,9 +3,11 @@
  * 
  * Ensures that GIF are properly uploaded.
  ******/
+
 import { Constants } from "../../../../../common/Constants";
-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 gifUploadMiddleware = _ref => {
   let {
     dispatch
@@ -13,16 +15,13 @@ const gifUploadMiddleware = _ref => {
   return next => action => {
     if (action.type === WebChatActionType.DIRECT_LINE_POST_ACTIVITY) {
       var _activity$attachments, _activity$channelData, _activity$channelData2;
-
       const {
         payload: {
           activity
         }
       } = action;
-
       if ((activity === null || activity === void 0 ? void 0 : (_activity$attachments = activity.attachments) === null || _activity$attachments === void 0 ? void 0 : _activity$attachments.length) === (activity === null || activity === void 0 ? void 0 : (_activity$channelData = activity.channelData) === null || _activity$channelData === void 0 ? void 0 : (_activity$channelData2 = _activity$channelData.attachmentSizes) === null || _activity$channelData2 === void 0 ? void 0 : _activity$channelData2.length)) {
         var _activity$attachments2;
-
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         activity === null || activity === void 0 ? void 0 : (_activity$attachments2 = activity.attachments) === null || _activity$attachments2 === void 0 ? void 0 : _activity$attachments2.forEach(attachment => {
           const {
@@ -30,16 +29,13 @@ const gifUploadMiddleware = _ref => {
             contentUrl,
             contentType
           } = attachment;
-
           if (contentType === Constants.GifContentType && thumbnailUrl !== contentUrl) {
             attachment.thumbnailUrl = contentUrl;
           }
         });
       }
     }
-
     return next(action);
   };
 };
-
 export default gifUploadMiddleware;

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

@@ -3,14 +3,13 @@
  * 
  * Ensures that video/audio attachment are properly rendered.
  ******/
+
 import { Constants } from "../../../../../common/Constants";
 import { WebChatActionType } from "../../enums/WebChatActionType";
-
 const disableHTMLPlayerDownloadButton = htmlTag => {
   setTimeout(() => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const elements = document.getElementsByTagName(htmlTag);
-
     for (let index = 0; index < elements.length; index++) {
       if (!elements[index].getAttribute(Constants.controlsList)) {
         elements[index].setAttribute(Constants.controlsList, Constants.nodownload);
@@ -22,23 +21,20 @@ const disableHTMLPlayerDownloadButton = htmlTag => {
       }
     }
   }, 500);
-}; // 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 htmlPlayerMiddleware = _ref => {
   let {
     dispatch
   } = _ref;
   return next => action => {
     var _action$payload, _action$payload$activ, _action$payload$activ2;
-
     if (action.type === WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY && ((_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$activ2 = _action$payload$activ.attachments) === null || _action$payload$activ2 === void 0 ? void 0 : _action$payload$activ2.length) > 0) {
       disableHTMLPlayerDownloadButton(Constants.video);
       disableHTMLPlayerDownloadButton(Constants.audio);
     }
-
     return next(action);
   };
 };
-
 export default htmlPlayerMiddleware;

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

@@ -0,0 +1,27 @@
+import { LogLevel } from "../../../../common/telemetry/TelemetryConstants";
+import { TelemetryHelper } from "../../../../common/telemetry/TelemetryHelper";
+export function createWebChatTelemetry() {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const handleTelemetry = event => {
+    const {
+      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";
@@ -7,6 +6,8 @@ export let ConversationState;
   ConversationState[ConversationState["OutOfOffice"] = 3] = "OutOfOffice";
   ConversationState[ConversationState["ProactiveChat"] = 4] = "ProactiveChat";
   ConversationState[ConversationState["Active"] = 5] = "Active";
-  ConversationState[ConversationState["Postchat"] = 6] = "Postchat";
-  ConversationState[ConversationState["Closed"] = 7] = "Closed";
+  ConversationState[ConversationState["InActive"] = 6] = "InActive";
+  ConversationState[ConversationState["PostchatLoading"] = 7] = "PostchatLoading";
+  ConversationState[ConversationState["Postchat"] = 8] = "Postchat";
+  ConversationState[ConversationState["Closed"] = 9] = "Closed";
 })(ConversationState || (ConversationState = {}));