npm - @microsoft/omnichannel-chat-widget - Versions diffs - 0.1.0-main.02fa07b - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (565) hide show

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

@@ -0,0 +1,225 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.downloadTranscript = void 0;
+var _Constants = require("../../../common/Constants");
+var _NotificationScenarios = require("../../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios");
+var _NotificationHandler = require("../../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler");
+var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
+var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
+const processDisplayName = displayName => {
+  // if displayname matches "teamsvisitor:<some alphanumeric string>", we replace it with "Customer"
+  const displayNameRegex = ".+:.+";
+  const matchedTeamsDisplayName = displayName.match(displayNameRegex);
+  if (displayName.indexOf("teamsvisitor") >= 0 && matchedTeamsDisplayName && matchedTeamsDisplayName.length > 0) {
+    displayName = "Customer";
+  }
+  return displayName;
+};
+const constructIconName = displayName => {
+  if (!displayName) {
+    return "";
+  }
+  let iconName = "C";
+  const displayNameSplit = displayName.split(" ");
+  if (displayNameSplit.length > 1) {
+    // get the first letter of name and surname
+    iconName = displayNameSplit[0][0] + displayNameSplit[1][0];
+  } else if (displayNameSplit.length == 1) {
+    // get the first letter of name
+    iconName = displayNameSplit[0][0];
+  }
+  return iconName;
+};
+const processCreatedDateTime = (createdDateTime, chatCount) => {
+  const formattedDate = new Date(createdDateTime); // TODO: Localization:
+  const formattedTimeString = formattedDate.toLocaleTimeString("en-us"
+  /* Bootstrapper.LiveChatConfiguration.chatWidgetLocale */
+  , {
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+  const formattedSplitTimeString = formattedTimeString.split(" ");
+  let finalizedTimeString = "";
+  if (formattedSplitTimeString && formattedSplitTimeString.length > 1) {
+    finalizedTimeString = formattedSplitTimeString[0] + " " + formattedSplitTimeString[1];
+  }
+  if (chatCount == 0) {
+    return formattedDate.toLocaleDateString("en-us") + " " + finalizedTimeString;
+  }
+  return finalizedTimeString;
+};
+const processContent = (transcriptContent, isAgentChat, renderMarkDown) => {
+  if (transcriptContent.toString().toLowerCase().indexOf(_Constants.TranscriptConstants.TranscriptMessageEmojiMessageType) >= 0) {
+    // eslint-disable-next-line no-useless-escape
+    const emojiRegex = "<img src=\"http.*:\/\/.+\/objects\/.+\/views.+\">";
+    const matchedEmojiImgTag = transcriptContent.match(emojiRegex);
+    if (matchedEmojiImgTag && matchedEmojiImgTag.length > 0 && transcriptContent.toString().toLowerCase().indexOf(matchedEmojiImgTag[0]) >= 0) {
+      transcriptContent = transcriptContent.replace(matchedEmojiImgTag[0], "");
+    }
+  }
+  if (!isAgentChat && transcriptContent.toString().toLowerCase().indexOf("a href") >= 0 && transcriptContent.toString().toLowerCase().indexOf("target") >= 0) {
+    transcriptContent = transcriptContent.slice(0, transcriptContent.toString().indexOf("target")) + " style='color:white' " + transcriptContent.slice(transcriptContent.toString().indexOf("target"));
+  }
+  if (renderMarkDown) {
+    transcriptContent = renderMarkDown(transcriptContent);
+  }
+  return transcriptContent;
+};
+const beautifyChatTranscripts = (chatTranscripts, renderMarkDown, attachmentMessage) => {
+  const chats = JSON.parse(chatTranscripts).reverse();
+  const docTypeTag = "<!DOCTYPE html>";
+  const docStartTag = "<html>";
+  const docMetaTag = "<meta charset='UTF-8'>";
+  const docEndTag = "</html>";
+  const bodyStartTag = "<body bgcolor='" + _Constants.TranscriptConstants.ChatTranscriptsBodyColor + "'>";
+  const bodyEndTag = "</body>";
+  const divEndTag = "</div>";
+  const mainDiv = "<div class='transcripts' style='width:80%;margin-left:10%;'>";
+  let beautifiedChats = "";
+  let tabIndex = 1;
+  const mainTranscriptSection = "<div class='allTranscripts' style='max-width:60%;min-width:30%;margin-left:20%;background-color:#FFFFFF;'>";
+  let previousDisplayName = "";
+  let chatCount = 0; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  chats.forEach(value => {
+    let dialogNameMarginTop = "6px";
+    let dialogboxMarginleft = "40px";
+    let displayName = "User";
+    let iconName = "U";
+    let isAgentChat = false;
+    let fileAttachmentName = _Constants.TranscriptConstants.DefaultFileAttachmentName;
+    let dialogColor = _Constants.TranscriptConstants.CustomerDialogColor;
+    let fontColor = _Constants.TranscriptConstants.CustomerFontColor;
+    const isSystemMessage = value.tags && value.tags.toLowerCase().indexOf(_Constants.Constants.systemMessageTag) !== -1;
+    const isControlMessage = value.isControlMessage && value.isControlMessage === true;
+    const isAdaptiveCard = value.contentType && value.contentType.toLowerCase() === _Constants.TranscriptConstants.AdaptiveCardType;
+    const isInternalMessage = value.deliveryMode && value.deliveryMode.toLowerCase() === _Constants.TranscriptConstants.InternalMode;
+    const isHiddenMessage = value.tags && value.tags.toLowerCase().indexOf(_Constants.Constants.hiddenTag.toLowerCase()) !== -1;
+    const shouldIgnoreMessage = isSystemMessage || isControlMessage || isAdaptiveCard || isInternalMessage || isHiddenMessage;
+    if (shouldIgnoreMessage) {
+      return;
+    } else if (value.from) {
+      if (value.from.application) {
+        displayName = value.from.application.displayName;
+        dialogColor = _Constants.TranscriptConstants.AgentDialogColor;
+        fontColor = _Constants.TranscriptConstants.AgentFontColor;
+        isAgentChat = true;
+      } else if (value.from.guest) {
+        displayName = value.from.guest.displayName;
+        dialogColor = _Constants.TranscriptConstants.CustomerDialogColor;
+      } else if (value.from.user) {
+        displayName = value.from.user.displayName;
+        dialogColor = _Constants.TranscriptConstants.CustomerDialogColor;
+      }
+      displayName = processDisplayName(displayName);
+      iconName = constructIconName(displayName);
+      if (value.attachments && value.attachments.length > 0 && value.attachments[0].name) {
+        fileAttachmentName = value.attachments[0].name;
+        value.content = attachmentMessage ? attachmentMessage + " " + fileAttachmentName : "The following attachment was uploaded during the conversation: " + fileAttachmentName;
+      }
+    }
+    let displayNamePlaceholder = processCreatedDateTime(value.createdDateTime, chatCount);
+    let iconPara = "";
+    if (displayName !== previousDisplayName) {
+      dialogboxMarginleft = "0px";
+      displayNamePlaceholder = "<b>" + displayName + " </b> " + processCreatedDateTime(value.createdDateTime, chatCount);
+      iconPara = "<div class='circle' style='display:inline-block;float:left;margin-right:5px;width:35px;height:35px;border-radius:20px;color:black;line-height:35px;text-align:center;background:" + dialogColor + ";'>\
+                            <font tabindex ='" + tabIndex + "' color =" + fontColor + " style='font-family:Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;'>\
+                                " + iconName + "\
+                            </font>\
+                            </div>";
+      tabIndex++;
+    }
+    if (displayName !== previousDisplayName) {
+      if (previousDisplayName === "") {
+        dialogNameMarginTop = "0px";
+      }
+      if (previousDisplayName !== "") {
+        dialogNameMarginTop = "20px";
+      }
+    }
+    const displayNameDiv = "<div style='margin-right:-2px;margin-top:" + dialogNameMarginTop + ";margin-bottom:-2px;margin-left:42px;top:-2px;position:relative;'>\
+                                    <font tabindex ='" + tabIndex + "' size = '1px' color='#000000' style='font-family:Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;'>\
+                                        " + displayNamePlaceholder + "\
+                                    </font>\
+                                </div>";
+    tabIndex++;
+    const dialogbox = "<div class='dialogbox' style='font-family:Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;word-break:break-word;min-height:20px;max-width:80%;display:inline-block;margin-left:" + dialogboxMarginleft + ";padding: 10px; background-color:" + dialogColor + "; border-radius: 0px 12px 12px 12px; left: 3px; top: 2px; '>";
+    beautifiedChats = beautifiedChats + mainDiv + iconPara + displayNameDiv + dialogbox + "<font tabindex= '" + tabIndex++ + "' color =" + fontColor + ">" + processContent(value.content, isAgentChat, renderMarkDown) + "</font>" + divEndTag + divEndTag;
+    previousDisplayName = displayName;
+    chatCount++;
+  });
+  const str = docTypeTag + docStartTag + docMetaTag + bodyStartTag + mainTranscriptSection + beautifiedChats + divEndTag + bodyEndTag + docEndTag;
+  return str;
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+const downloadTranscript = async (chatSDK, renderMarkDown, bannerMessageOnError, attachmentMessage) => {
+  let data = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getLiveChatTranscript());
+  if (typeof data === _Constants.Constants.String) {
+    data = JSON.parse(data);
+  }
+  if (data[_Constants.Constants.ChatMessagesJson] !== null && data[_Constants.Constants.ChatMessagesJson] !== undefined) {
+    const chatTranscripts = window.btoa(encodeURIComponent(beautifyChatTranscripts(data[_Constants.Constants.ChatMessagesJson], renderMarkDown, attachmentMessage)));
+    const byteCharacters = decodeURIComponent(window.atob(chatTranscripts));
+    const blob = new Blob([byteCharacters], {
+      "type": "text/html;charset=utf-8"
+    });
+    const link = document.createElement("a");
+    document.body.appendChild(link);
+    link.setAttribute(_Constants.HtmlAttributeNames.download, _Constants.TranscriptConstants.ChatTranscriptDownloadFile);
+    link.setAttribute(_Constants.HtmlAttributeNames.href, URL.createObjectURL(blob));
+    link.setAttribute(_Constants.HtmlAttributeNames.ariaHidden, "true");
+    link.click();
+  } else {
+    _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
+      Event: _TelemetryConstants.TelemetryEvent.DownloadTranscriptResponseNullOrUndefined,
+      ExceptionDetails: {
+        exception: "Download transcript failed: response null or undefined."
+      }
+    });
+    _NotificationHandler.NotificationHandler.notifyError(_NotificationScenarios.NotificationScenarios.DownloadTranscriptError, bannerMessageOnError ?? _Constants.Constants.defaultDownloadTranscriptError);
+  }
+};
+exports.downloadTranscript = downloadTranscript;

package/lib/cjs/components/footerstateful/downloadtranscriptstateful/DownloadTranscriptStateful.spec.js ADDED Viewed

@@ -0,0 +1,58 @@
+"use strict";
+var _omnichannelChatSdk = require("@microsoft/omnichannel-chat-sdk");
+var _react = require("@testing-library/react");
+jest.mock("@microsoft/omnichannel-chat-sdk");
+describe("DownloadTranscriptStateful unit test", () => {
+  afterEach(() => {
+    _react.cleanup;
+    jest.resetAllMocks();
+  });
+  it("Method getLiveChatTranscript is called", async () => {
+    const omnichannelConfig = {
+      orgUrl: "",
+      orgId: "",
+      widgetId: ""
+    };
+    const chatSDK = new _omnichannelChatSdk.OmnichannelChatSDK(omnichannelConfig);
+    jest.spyOn(chatSDK, "getLiveChatTranscript").mockResolvedValue(Promise.resolve());
+    try {
+      await chatSDK.getLiveChatTranscript();
+      expect(chatSDK.getLiveChatTranscript).toHaveBeenCalledTimes(1); // eslint-disable-next-line no-empty
+    } catch (ex) {}
+  });
+  it("Method getLiveChatTranscript throws exception", async () => {
+    const errorMessage = "Error";
+    const omnichannelConfig = {
+      orgUrl: "",
+      orgId: "",
+      widgetId: ""
+    };
+    const chatSDK = new _omnichannelChatSdk.OmnichannelChatSDK(omnichannelConfig);
+    jest.spyOn(chatSDK, "getLiveChatTranscript").mockRejectedValue(new Error(errorMessage));
+    try {
+      await chatSDK.getLiveChatTranscript(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    } catch (ex) {
+      expect(ex.message).toEqual(errorMessage);
+    }
+  });
+  it("Method getLiveChatTranscript undefined throws exception", async () => {
+    const errorMessage = "Error";
+    const omnichannelConfig = {
+      orgUrl: "",
+      orgId: "",
+      widgetId: ""
+    };
+    const chatSDK = new _omnichannelChatSdk.OmnichannelChatSDK(omnichannelConfig);
+    try {
+      await chatSDK.getLiveChatTranscript(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    } catch (ex) {
+      expect(ex.message).toEqual(errorMessage);
+    }
+  });
+});

package/lib/cjs/components/footerstateful/downloadtranscriptstateful/interfaces/IDownloadTranscriptProps.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";

package/lib/cjs/components/headerstateful/HeaderStateful.js ADDED Viewed

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.HeaderStateful = void 0;
+var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
+var _react = _interopRequireWildcard(require("react"));
+var _ConversationState = require("../../contexts/common/ConversationState");
+var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
+var _LiveChatWidgetActionType = require("../../contexts/common/LiveChatWidgetActionType");
+var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
+var _defaultOutOfOfficeHeaderStyleProps = require("./common/styleProps/defaultOutOfOfficeHeaderStyleProps");
+var _useChatAdapterStore = _interopRequireDefault(require("../../hooks/useChatAdapterStore"));
+var _useChatContextStore = _interopRequireDefault(require("../../hooks/useChatContextStore"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const HeaderStateful = props => {
+  var _state$domainStates$l, _state$domainStates$l2, _headerProps$controlP, _headerProps$controlP2, _headerProps$controlP3, _outOfOfficeHeaderPro;
+  const [state, dispatch] = (0, _useChatContextStore.default)(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const [adapter] = (0, _useChatAdapterStore.default)();
+  const {
+    headerProps,
+    outOfOfficeHeaderProps,
+    endChat
+  } = props; //Setting OutOfOperatingHours Flag
+  const [outOfOperatingHours, setOutOfOperatingHours] = (0, _react.useState)(((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.OutOfOperatingHours) === "True");
+  const outOfOfficeStyleProps = Object.assign({}, _defaultOutOfOfficeHeaderStyleProps.defaultOutOfOfficeHeaderStyleProps, outOfOfficeHeaderProps === null || outOfOfficeHeaderProps === void 0 ? void 0 : outOfOfficeHeaderProps.styleProps);
+  const conversationState = (0, _react.useRef)(state.appStates.conversationState);
+  const controlProps = {
+    id: "oc-lcw-header",
+    dir: state.domainStates.globalDir,
+    onMinimizeClick: () => {
+      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+        Event: _TelemetryConstants.TelemetryEvent.HeaderMinimizeButtonClicked,
+        Description: "Header Minimize button clicked."
+      });
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
+        payload: true
+      });
+    },
+    onCloseClick: async () => {
+      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+        Event: _TelemetryConstants.TelemetryEvent.HeaderCloseButtonClicked,
+        Description: "Header Close button clicked."
+      });
+      if (conversationState.current === _ConversationState.ConversationState.Active) {
+        dispatch({
+          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_SHOW_CONFIRMATION,
+          payload: true
+        });
+      } else {
+        const skipEndChatSDK = true;
+        const skipCloseChat = false;
+        await endChat(adapter, skipEndChatSDK, skipCloseChat);
+      }
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_PREVIOUS_FOCUSED_ELEMENT,
+        payload: document.getElementById(`${controlProps.id}-closebutton`)
+      });
+    },
+    ...(headerProps === null || headerProps === void 0 ? void 0 : headerProps.controlProps),
+    hideTitle: state.appStates.conversationState === _ConversationState.ConversationState.Loading || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP = headerProps.controlProps) === null || _headerProps$controlP === void 0 ? void 0 : _headerProps$controlP.hideTitle),
+    hideIcon: state.appStates.conversationState === _ConversationState.ConversationState.Loading || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP2 = headerProps.controlProps) === null || _headerProps$controlP2 === void 0 ? void 0 : _headerProps$controlP2.hideIcon),
+    hideCloseButton: state.appStates.conversationState === _ConversationState.ConversationState.Loading || state.appStates.conversationState === _ConversationState.ConversationState.Prechat || state.appStates.conversationState === _ConversationState.ConversationState.ReconnectChat || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP3 = headerProps.controlProps) === null || _headerProps$controlP3 === void 0 ? void 0 : _headerProps$controlP3.hideCloseButton)
+  };
+  const outOfOfficeControlProps = {
+    id: "oc-lcw-header",
+    dir: state.domainStates.globalDir,
+    headerTitleProps: {
+      text: "We're Offline"
+    },
+    onMinimizeClick: () => {
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
+        payload: true
+      });
+    },
+    ...(outOfOfficeHeaderProps === null || outOfOfficeHeaderProps === void 0 ? void 0 : outOfOfficeHeaderProps.controlProps),
+    hideCloseButton: state.appStates.conversationState === _ConversationState.ConversationState.OutOfOffice || (outOfOfficeHeaderProps === null || outOfOfficeHeaderProps === void 0 ? void 0 : (_outOfOfficeHeaderPro = outOfOfficeHeaderProps.controlProps) === null || _outOfOfficeHeaderPro === void 0 ? void 0 : _outOfOfficeHeaderPro.hideCloseButton)
+  };
+  (0, _react.useEffect)(() => {
+    if (state.appStates.outsideOperatingHours) {
+      setOutOfOperatingHours(true);
+    }
+    if (state.appStates.conversationState) {
+      conversationState.current = state.appStates.conversationState;
+    }
+  }, [state.appStates]);
+  return /*#__PURE__*/_react.default.createElement(_omnichannelChatComponents.Header, {
+    componentOverrides: headerProps === null || headerProps === void 0 ? void 0 : headerProps.componentOverrides,
+    controlProps: outOfOperatingHours || state.appStates.conversationState === _ConversationState.ConversationState.OutOfOffice ? outOfOfficeControlProps : controlProps,
+    styleProps: outOfOperatingHours || state.appStates.conversationState === _ConversationState.ConversationState.OutOfOffice ? outOfOfficeStyleProps : headerProps === null || headerProps === void 0 ? void 0 : headerProps.styleProps
+  });
+};
+exports.HeaderStateful = HeaderStateful;
+var _default = HeaderStateful;
+exports.default = _default;

package/lib/cjs/components/headerstateful/common/styleProps/defaultOutOfOfficeHeaderStyleProps.js ADDED Viewed

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultOutOfOfficeHeaderStyleProps = void 0;
+const defaultOutOfOfficeHeaderStyleProps = {
+  generalStyleProps: {
+    borderRadius: "0px",
+    backgroundColor: "#000000",
+    height: "40px"
+  },
+  titleStyleProps: {
+    margin: "0 0 0 10px",
+    color: "White"
+  }
+};
+exports.defaultOutOfOfficeHeaderStyleProps = defaultOutOfOfficeHeaderStyleProps;

package/lib/cjs/components/headerstateful/interfaces/IHeaderStatefulParams.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";

package/lib/cjs/components/livechatwidget/LiveChatWidget.js ADDED Viewed

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LiveChatWidget = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ChatAdapterStore = require("../../contexts/ChatAdapterStore");
+var _ChatContextStore = require("../../contexts/ChatContextStore");
+var _ChatSDKStore = require("../../contexts/ChatSDKStore");
+var _LiveChatWidgetStateful = _interopRequireDefault(require("./livechatwidgetstateful/LiveChatWidgetStateful"));
+var _createReducer = require("../../contexts/createReducer");
+var _LiveChatWidgetContextInitialState = require("../../contexts/common/LiveChatWidgetContextInitialState");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const LiveChatWidget = props => {
+  const reducer = (0, _createReducer.createReducer)();
+  const [state, dispatch] = (0, _react.useReducer)(reducer, (0, _LiveChatWidgetContextInitialState.getLiveChatWidgetContextInitialState)(props)); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const [adapter, setAdapter] = (0, _react.useState)(undefined);
+  return /*#__PURE__*/_react.default.createElement(_ChatSDKStore.ChatSDKStore.Provider, {
+    value: props.chatSDK
+  }, /*#__PURE__*/_react.default.createElement(_ChatAdapterStore.ChatAdapterStore.Provider, {
+    value: [adapter, setAdapter]
+  }, /*#__PURE__*/_react.default.createElement(_ChatContextStore.ChatContextStore.Provider, {
+    value: [state, dispatch]
+  }, /*#__PURE__*/_react.default.createElement(_LiveChatWidgetStateful.default, props))));
+};
+exports.LiveChatWidget = LiveChatWidget;
+var _default = LiveChatWidget;
+exports.default = _default;

package/lib/cjs/components/livechatwidget/common/createAdapter.js ADDED Viewed

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAdapter = void 0;
+var _NotificationHandler = require("../../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler");
+var _NotificationLevel = require("../../webchatcontainerstateful/webchatcontroller/enums/NotificationLevel");
+var _NotificationScenarios = require("../../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios");
+var _defaultMiddlewareLocalizedTexts = require("../../webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const createAdapter = async chatSDK => {
+  const chatAdapterOptionalParams = {
+    IC3Adapter: {
+      options: {
+        callbackOnNotification: notification => {
+          if (notification.id === _NotificationScenarios.NotificationScenarios.InternetConnection && notification.level == _NotificationLevel.NotificationLevel.Error) {
+            notification.message = _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION;
+          }
+          if (notification.id === _NotificationScenarios.NotificationScenarios.InternetConnection && notification.level == _NotificationLevel.NotificationLevel.Success) {
+            notification.message = _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE;
+          }
+          if (notification.id && notification.message) {
+            _NotificationHandler.NotificationHandler.notifyWithLevel(notification.id, notification.message, notification.level);
+          }
+        }
+      }
+    }
+  };
+  return await chatSDK.createChatAdapter(chatAdapterOptionalParams);
+};
+exports.createAdapter = createAdapter;

package/lib/cjs/components/livechatwidget/common/createFooter.js ADDED Viewed

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createFooter = void 0;
+var _FooterStateful = _interopRequireDefault(require("../../footerstateful/FooterStateful"));
+var _react = _interopRequireDefault(require("react"));
+var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
+var _componentController = require("../../../controller/componentController");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const createFooter = (props, state) => {
+  var _props$footerProps, _props$controlProps, _props$componentOverr, _props$componentOverr2;
+  const footerPropsHidden = { ...props.footerProps,
+    controlProps: { ...((_props$footerProps = props.footerProps) === null || _props$footerProps === void 0 ? void 0 : _props$footerProps.controlProps),
+      hideDownloadTranscriptButton: true,
+      hideEmailTranscriptButton: true,
+      hideAudioNotificationButton: true
+    }
+  };
+  const footer = !((_props$controlProps = props.controlProps) !== null && _props$controlProps !== void 0 && _props$controlProps.hideFooter) && (0, _componentController.shouldShowFooter)(state) ? (0, _omnichannelChatComponents.decodeComponentString)((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.footer) || /*#__PURE__*/_react.default.createElement(_FooterStateful.default, {
+    footerProps: props.footerProps,
+    downloadTranscriptProps: props.downloadTranscriptProps,
+    audioNotificationProps: props.audioNotificationProps,
+    hideFooterDisplay: false
+  }) : (0, _omnichannelChatComponents.decodeComponentString)((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.footer) || /*#__PURE__*/_react.default.createElement(_FooterStateful.default, {
+    footerProps: footerPropsHidden,
+    downloadTranscriptProps: props.downloadTranscriptProps,
+    audioNotificationProps: props.audioNotificationProps,
+    hideFooterDisplay: true
+  });
+  return footer;
+};
+exports.createFooter = createFooter;

package/lib/cjs/components/livechatwidget/common/createInternetConnectionChangeHandler.js ADDED Viewed

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createInternetConnectionChangeHandler = void 0;
+var _Constants = require("../../../common/Constants");
+var _NotificationHandler = require("../../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler");
+var _NotificationScenarios = require("../../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios");
+var _defaultMiddlewareLocalizedTexts = require("../../webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts");
+const isInternetConnected = async () => {
+  try {
+    const response = await fetch(_Constants.Constants.internetConnectionTestUrl);
+    const text = await response.text();
+    return text === _Constants.Constants.internetConnectionTestUrlText;
+  } catch {
+    return false;
+  }
+};
+const createInternetConnectionChangeHandler = async () => {
+  const handler = async () => {
+    const connected = await isInternetConnected();
+    if (!connected) {
+      _NotificationHandler.NotificationHandler.notifyError(_NotificationScenarios.NotificationScenarios.InternetConnection, _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION);
+    } else {
+      _NotificationHandler.NotificationHandler.notifySuccess(_NotificationScenarios.NotificationScenarios.InternetConnection, _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE);
+    }
+  }; // Checking connection status on online & offline events due to possible false positives
+  window.addEventListener("online", () => handler(), false);
+  window.addEventListener("offline", () => handler(), false);
+};
+exports.createInternetConnectionChangeHandler = createInternetConnectionChangeHandler;