@microsoft/omnichannel-chat-widget 0.1.0-main.02fa07b

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

@@ -0,0 +1,43 @@
+/******
+ * ChannelDataMiddleware
+ * 
+ * Adds necessary tags if not present so that the rendering middlewares can process them later.
+ ******/
+import { Constants } from "../../../../../common/Constants";
+import { DeliveryMode } from "@microsoft/omnichannel-chat-sdk";
+import { WebChatActionType } from "../../enums/WebChatActionType"; // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
+
+const channelDataMiddleware = _ref => {
+  let {
+    dispatch
+  } = _ref;
+  return next => action => {
+    var _action$payload, _action$payload$activ;
+
+    if ((action === null || action === void 0 ? void 0 : action.type) === WebChatActionType.DIRECT_LINE_POST_ACTIVITY_PENDING && action !== null && action !== void 0 && (_action$payload = action.payload) !== null && _action$payload !== void 0 && (_action$payload$activ = _action$payload.activity) !== null && _action$payload$activ !== void 0 && _action$payload$activ.channelData) {
+      const channelIdTag = `${Constants.channelIdKey}${Constants.ChannelId}`;
+      const customerMessageTag = `${Constants.CustomerTag}`;
+
+      if (action.payload.activity.channelData.tags) {
+        if (!action.payload.activity.channelData.tags.includes(channelIdTag)) {
+          action.payload.activity.channelData.tags.push(channelIdTag);
+        }
+
+        if (!action.payload.activity.channelData.tags.includes(customerMessageTag)) {
+          action.payload.activity.channelData.tags.push(customerMessageTag);
+        }
+      } else {
+        action.payload.activity.channelData.tags = [channelIdTag];
+        action.payload.activity.channelData.tags.push(customerMessageTag);
+      }
+
+      action.payload.activity.channelData.metadata = {
+        deliveryMode: DeliveryMode.Bridged
+      };
+    }
+
+    return next(action);
+  };
+};
+
+export default channelDataMiddleware;

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

@@ -0,0 +1,45 @@
+/******
+ * ConversationEndMiddleware
+ * 
+ * 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
+
+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$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, _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) || (_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$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$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

@@ -0,0 +1,73 @@
+/******
+ * DataMaskingMiddleware
+ *
+ * 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,
+      ExceptionDetails: {
+        ErrorDetails: "Invalid data masking rules"
+      }
+    });
+    return action;
+  }
+
+  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
+
+        while (match = regex.exec(text)) {
+          const replaceStr = match[0].replace(/./gi, maskedChar);
+          text = text.replace(match[0], replaceStr);
+        }
+      } catch (err) {
+        TelemetryHelper.logActionEvent(LogLevel.ERROR, {
+          Event: TelemetryEvent.DataMaskingRuleApplied,
+          ExceptionDetails: {
+            RuleId: ruleId,
+            Exception: err
+          }
+        });
+      }
+    }
+  }
+
+  action.payload.text = text;
+  return action;
+}; // 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

@@ -0,0 +1,45 @@
+/******
+ * GIFUploadMiddleware
+ * 
+ * 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
+
+const gifUploadMiddleware = _ref => {
+  let {
+    dispatch
+  } = _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 {
+            thumbnailUrl,
+            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

@@ -0,0 +1,44 @@
+/******
+ * HTMLPlayerMiddleware
+ * 
+ * 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);
+      } else {
+        if (elements[index].getAttribute(Constants.controlsList).indexOf(Constants.nodownload) === -1) {
+          const currentControlsListValue = elements[index].getAttribute(Constants.controlsList);
+          elements[index].setAttribute(Constants.controlsList, `${currentControlsListValue} ${Constants.nodownload}`);
+        }
+      }
+    }
+  }, 500);
+}; // 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

@@ -0,0 +1,131 @@
+/******
+ * HTMLTextMiddleware
+ * 
+ * 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
+
+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);
+    element.innerHTML = text;
+  } catch (e) {
+    const errorMessage = `Failed to purify and set innertHTML with text: ${text}`;
+    TelemetryHelper.logActionEvent(LogLevel.ERROR, {
+      Event: TelemetryEvent.ProcessingHTMLTextMiddlewareFailed,
+      ExceptionDetails: {
+        ErrorData: errorMessage,
+        Exception: e
+      }
+    });
+  }
+
+  return element;
+}; // 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.
+
+        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
+
+
+        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 (!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
+
+
+      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: {
+          ErrorData: errorMessage,
+          Exception: e
+        }
+      });
+    }
+  }
+
+  return action;
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
+
+
+const htmlTextMiddleware = _ref => {
+  let {
+    dispatch
+  } = _ref;
+  return next => action => {
+    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: {
+            ErrorData: errorMessage,
+            Exception: e
+          }
+        });
+      }
+    }
+
+    return next(action);
+  };
+};
+
+export default htmlTextMiddleware;

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

@@ -0,0 +1,33 @@
+/******
+ * MaxMessageSizeValidator
+ * 
+ * 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
+
+const createMaxMessageSizeValidator = localizedTexts => _ref => {
+  let {
+    dispatch
+  } = _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);
+      } else {
+        NotificationHandler.dismissNotification(NotificationScenarios.MaxSizeError);
+      }
+    }
+
+    return next(action);
+  };
+};
+
+export default createMaxMessageSizeValidator;

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

@@ -0,0 +1,44 @@
+/******
+ * PreProcessingMiddleware
+ * 
+ * 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
+
+const preProcessingMiddleware = _ref => {
+  let {
+    dispatch
+  } = _ref;
+  return next => async action => {
+    if (action.type === WebChatActionType.DIRECT_LINE_POST_ACTIVITY) {
+      const {
+        activity
+      } = action.payload;
+
+      if (!activity.from || activity.from.role === Constants.userMessageTag) {
+        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

@@ -0,0 +1,53 @@
+/******
+ * SanitizationMiddleware
+ * 
+ * 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
+
+const sanitizationMiddleware = _ref => {
+  let {
+    dispatch
+  } = _ref;
+  return next => action => {
+    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,
+            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: {
+            ErrorData: errorMessage,
+            Exception: e
+          }
+        });
+      }
+    }
+
+    return next(action);
+  };
+};
+
+export default sanitizationMiddleware;

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

@@ -0,0 +1,81 @@
+import { HtmlClassNames, HtmlIdNames } from "../../../../common/Constants";
+import { NotificationLevel } from "../enums/NotificationLevel";
+import { WebChatActionType } from "../enums/WebChatActionType";
+import { WebChatStoreLoader } from "../WebChatStoreLoader";
+import { setFocusOnSendBox } from "../../../../common/utils";
+export class NotificationHandler {
+  static notify(id, level, message) {
+    if (WebChatStoreLoader.store) {
+      WebChatStoreLoader.store.dispatch({
+        type: WebChatActionType.WEB_CHAT_SET_NOTIFICATION,
+        payload: {
+          id,
+          level,
+          message
+        }
+      });
+      NotificationHandler.setFocusOnNotificationCloseButton();
+    }
+  }
+
+  static dismissNotification(id) {
+    if (WebChatStoreLoader.store) {
+      WebChatStoreLoader.store.dispatch({
+        type: WebChatActionType.WEB_CHAT_DISMISS_NOTIFICATION,
+        payload: {
+          id
+        }
+      });
+    }
+  }
+
+  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);
+    } else {
+      this.notify(id, level, message);
+    }
+  }
+  /* 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,32 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

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

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};