@microsoft/omnichannel-chat-widget 0.1.0-main.01a30be

package/lib/esm/contexts/createReducer.js

@@ -0,0 +1,335 @@
+/* eslint-disable indent */
+
+import { LiveChatWidgetActionType } from "./common/LiveChatWidgetActionType";
+export const createReducer = () => {
+  const reducer = (state, action) => {
+    var _action$payload, _action$payload2, _action$payload3;
+    switch (action.type) {
+      case LiveChatWidgetActionType.SET_WIDGET_ELEMENT_ID:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            widgetElementId: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_RENDERING_MIDDLEWARE_PROPS:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            renderingMiddlewareProps: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_MIDDLEWARE_LOCALIZED_TEXTS:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            middlewareLocalizedTexts: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_GLOBAL_DIR:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            globalDir: action.payload === "ltr" || action.payload === "rtl" ? action.payload : "ltr"
+          }
+        };
+      case LiveChatWidgetActionType.SET_MINIMIZED:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            isMinimized: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_CONVERSATION_STATE:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            conversationState: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_START_CHAT_FAILING:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            isStartChatFailing: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_OUTSIDE_OPERATING_HOURS:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            outsideOperatingHours: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_PRE_CHAT_SURVEY_RESPONSE:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            preChatSurveyResponse: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_CUSTOM_CONTEXT:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            customContext: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_PREVIOUS_FOCUSED_ELEMENT_ID:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            previousElementIdOnFocusBeforeModalOpen: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_SHOW_CONFIRMATION:
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
+            showConfirmationPane: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            postChatContext: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SHOW_CALLING_CONTAINER:
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
+            showCallingPopup: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_INCOMING_CALL:
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
+            isIncomingCall: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_FOCUS_CHAT_BUTTON:
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
+            focusChatButton: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.DISABLE_VIDEO_CALL:
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
+            disableVideoCall: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.DISABLE_LOCAL_VIDEO:
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
+            disableSelfVideo: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.DISABLE_REMOTE_VIDEO:
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
+            disableRemoteVideo: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_CHAT_TOKEN:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            chatToken: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_SHOW_EMAIL_TRANSCRIPT_PANE:
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
+            showEmailTranscriptPane: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_PRECHAT_RESPONSE_EMAIL:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            preChatResponseEmail: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_AUDIO_NOTIFICATION:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            isAudioMuted: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_E2VV_ENABLED:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            e2vvEnabled: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_START_CHAT_BUTTON_DISPLAY:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            hideStartChatButton: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_PROACTIVE_CHAT_PARAMS:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            proactiveChatStates: {
+              ...state.appStates.proactiveChatStates,
+              proactiveChatBodyTitle: (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.proactiveChatBodyTitle,
+              proactiveChatEnablePrechat: (_action$payload2 = action.payload) === null || _action$payload2 === void 0 ? void 0 : _action$payload2.proactiveChatEnablePrechat,
+              proactiveChatInNewWindow: (_action$payload3 = action.payload) === null || _action$payload3 === void 0 ? void 0 : _action$payload3.proactiveChatInNewWindow
+            }
+          }
+        };
+      case LiveChatWidgetActionType.SET_TELEMETRY_DATA:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            telemetryInternalData: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_RECONNECT_ID:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            reconnectId: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_UNREAD_MESSAGE_COUNT:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            unreadMessageCount: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            liveChatContext: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_WIDGET_STATE:
+        return {
+          ...action.payload
+        };
+      case LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT_EVENT_RECEIVED:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            conversationEndedByAgentEventReceived: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            conversationEndedBy: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_WIDGET_SIZE:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            widgetSize: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_WIDGET_INSTANCE_ID:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            widgetInstanceId: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_LIVE_CHAT_CONFIG:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            liveChatConfig: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_POST_CHAT_WORKFLOW_IN_PROGRESS:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            postChatWorkflowInProgress: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_INITIAL_CHAT_SDK_REQUEST_ID:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            initialChatSdkRequestId: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_SHOULD_USE_BOT_SURVEY:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            shouldUseBotSurvey: action.payload
+          }
+        };
+      default:
+        return state;
+    }
+  };
+  return reducer;
+};

package/lib/esm/controller/componentController.js

@@ -0,0 +1,44 @@
+import { ConversationState } from "../contexts/common/ConversationState";
+export const shouldShowChatButton = state => {
+  return (state.appStates.isMinimized || state.appStates.conversationState === ConversationState.Closed) && state.appStates.hideStartChatButton === false; // Do not show chat button in case of popout
+};
+
+export const shouldShowProactiveChatPane = state => {
+  return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.ProactiveChat;
+};
+export const shouldShowHeader = state => {
+  return !state.appStates.isMinimized && state.appStates.conversationState !== ConversationState.Closed && state.appStates.conversationState !== ConversationState.ProactiveChat;
+};
+export const shouldShowFooter = state => {
+  return !state.appStates.isMinimized && (state.appStates.conversationState === ConversationState.Active || state.appStates.conversationState === ConversationState.InActive || state.appStates.conversationState === ConversationState.Postchat);
+};
+export const shouldShowEmailTranscriptPane = state => {
+  return state.uiStates.showEmailTranscriptPane;
+};
+export const shouldShowWebChatContainer = state => {
+  return state.appStates.conversationState === ConversationState.Active || state.appStates.conversationState === ConversationState.InActive;
+};
+export const shouldShowLoadingPane = state => {
+  return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.Loading;
+};
+export const shouldShowReconnectChatPane = state => {
+  return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.ReconnectChat;
+};
+export const shouldShowPostChatLoadingPane = state => {
+  return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.PostchatLoading;
+};
+export const shouldShowOutOfOfficeHoursPane = state => {
+  return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.OutOfOffice;
+};
+export const shouldShowPreChatSurveyPane = state => {
+  return state.appStates.conversationState === ConversationState.Prechat;
+};
+export const shouldShowConfirmationPane = state => {
+  return state.uiStates.showConfirmationPane;
+};
+export const shouldShowPostChatSurveyPane = state => {
+  return state.appStates.conversationState === ConversationState.Postchat;
+};
+export const shouldShowCallingContainer = state => {
+  return state.appStates.conversationState === ConversationState.Active && state.appStates.e2vvEnabled;
+};

package/lib/esm/hooks/useChatAdapterStore.js

@@ -0,0 +1,11 @@
+import { ChatAdapterStore } from "../contexts/ChatAdapterStore";
+import { useContext } from "react";
+const useChatAdapterStore = () => {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const adapter = useContext(ChatAdapterStore);
+  if (!adapter) {
+    throw new Error("This hook can only be used on component that is descendants of <ChatAdapterStore.Provider>");
+  }
+  return adapter;
+};
+export default useChatAdapterStore;

package/lib/esm/hooks/useChatContextStore.js

@@ -0,0 +1,10 @@
+import { useContext } from "react";
+import { ChatContextStore } from "../contexts/ChatContextStore";
+const useChatContextStore = () => {
+  const context = useContext(ChatContextStore);
+  if (!context) {
+    throw new Error("This hook can only be used on component that is descendants of <ChatContextStore.Provider>");
+  }
+  return context;
+};
+export default useChatContextStore;

package/lib/esm/hooks/useChatSDKStore.js

@@ -0,0 +1,10 @@
+import { ChatSDKStore } from "../contexts/ChatSDKStore";
+import { useContext } from "react";
+const useChatSDKStore = () => {
+  const sdk = useContext(ChatSDKStore);
+  if (!sdk) {
+    throw new Error("This hook is not called on component that is descendants of <ChatSDKStore.Provider>, or ChatSDK is not passed into LiveChatWidget component.");
+  }
+  return sdk;
+};
+export default useChatSDKStore;

package/lib/esm/hooks/useDebounce.js

@@ -0,0 +1,22 @@
+import { useRef, useEffect } from "react";
+export default function useDebounce(func) {
+  let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
+  const timer = useRef();
+  useEffect(() => {
+    return () => {
+      if (!timer.current) return;
+      clearTimeout(timer.current);
+    };
+  }, []);
+  const debouncedFunction = function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    const newTimer = setTimeout(() => {
+      func(...args);
+    }, delay);
+    clearTimeout(timer.current);
+    timer.current = newTimer;
+  };
+  return debouncedFunction;
+}

package/lib/esm/hooks/useWindowDimensions.js

@@ -0,0 +1,23 @@
+import { useState, useEffect } from "react";
+import useDebounce from "./useDebounce";
+function getWindowDimensions() {
+  const {
+    innerWidth: width,
+    innerHeight: height
+  } = window;
+  return {
+    width,
+    height
+  };
+}
+export default function useWindowDimensions() {
+  let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 200;
+  const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());
+  const handleResize = () => setWindowDimensions(getWindowDimensions());
+  const debouncedHandleResize = useDebounce(handleResize, delay);
+  useEffect(() => {
+    window.addEventListener("resize", debouncedHandleResize);
+    return () => window.removeEventListener("resize", debouncedHandleResize);
+  }, []);
+  return windowDimensions;
+}

package/lib/esm/index.js

@@ -0,0 +1,5 @@
+import { BroadcastService, decodeComponentString, encodeComponentString } from "@microsoft/omnichannel-chat-components";
+import useChatContextStore from "./hooks/useChatContextStore";
+import useChatSDKStore from "./hooks/useChatSDKStore";
+export { default as LiveChatWidget } from "./components/livechatwidget/LiveChatWidget";
+export { encodeComponentString, decodeComponentString, BroadcastService, useChatSDKStore, useChatContextStore };

package/lib/esm/plugins/newMessageEventHandler.js

@@ -0,0 +1,85 @@
+import { BroadcastEvent, LogLevel, TelemetryEvent } from "../common/telemetry/TelemetryConstants";
+import { BroadcastService } from "@microsoft/omnichannel-chat-components";
+import { Constants } from "../common/Constants";
+import { TelemetryHelper } from "../common/telemetry/TelemetryHelper";
+export const createOnNewAdapterActivityHandler = (chatId, userId) => {
+  const onNewAdapterActivityHandler = activity => {
+    var _activity$channelData, _activity$channelData2, _activity$channelData3;
+    const isActivityMessage = (activity === null || activity === void 0 ? void 0 : activity.type) === Constants.message;
+    const isHistoryMessage = isActivityMessage && ((activity === null || activity === void 0 ? void 0 : (_activity$channelData = activity.channelData) === null || _activity$channelData === void 0 ? void 0 : (_activity$channelData2 = _activity$channelData.tags) === null || _activity$channelData2 === void 0 ? void 0 : _activity$channelData2.includes(Constants.historyMessageTag)) || (activity === null || activity === void 0 ? void 0 : (_activity$channelData3 = activity.channelData) === null || _activity$channelData3 === void 0 ? void 0 : _activity$channelData3.fromList));
+    raiseMessageEvent(activity, isHistoryMessage);
+  };
+  let isHistoryMessageReceivedEventRasied = false;
+  const raiseMessageEvent = (activity, isHistoryMessage) => {
+    if ((activity === null || activity === void 0 ? void 0 : activity.type) === Constants.message) {
+      var _text, _text2, _activity$channelData4, _activity$from;
+      const payload = {
+        // To identify hidden contents vs empty content
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        text: (activity === null || activity === void 0 ? void 0 : (_text = activity.text) === null || _text === void 0 ? void 0 : _text.length) >= 1 ? `*contents hidden (${activity === null || activity === void 0 ? void 0 : (_text2 = activity.text) === null || _text2 === void 0 ? void 0 : _text2.length} chars)*` : "",
+        type: activity === null || activity === void 0 ? void 0 : activity.type,
+        timestamp: activity === null || activity === void 0 ? void 0 : activity.timestamp,
+        userId: userId,
+        tags: activity === null || activity === void 0 ? void 0 : (_activity$channelData4 = activity.channelData) === null || _activity$channelData4 === void 0 ? void 0 : _activity$channelData4.tags,
+        messageType: ""
+      };
+      if ((activity === null || activity === void 0 ? void 0 : (_activity$from = activity.from) === null || _activity$from === void 0 ? void 0 : _activity$from.role) === Constants.userMessageTag) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        payload.messageType = Constants.userMessageTag;
+        const newMessageSentEvent = {
+          eventName: BroadcastEvent.NewMessageSent,
+          payload: payload
+        };
+        BroadcastService.postMessage(newMessageSentEvent);
+        TelemetryHelper.logActionEvent(LogLevel.INFO, {
+          Event: TelemetryEvent.MessageSent,
+          Description: "New message sent"
+        });
+      } else {
+        var _activity$channelData5, _activity$channelData6;
+        if (activity !== null && activity !== void 0 && (_activity$channelData5 = activity.channelData) !== null && _activity$channelData5 !== void 0 && (_activity$channelData6 = _activity$channelData5.tags) !== null && _activity$channelData6 !== void 0 && _activity$channelData6.includes(Constants.systemMessageTag)) {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          payload.messageType = Constants.systemMessageTag;
+          TelemetryHelper.logActionEvent(LogLevel.INFO, {
+            Event: TelemetryEvent.SystemMessageReceived,
+            Description: "System message received"
+          });
+        } else {
+          var _activity$channelData7, _activity$channelData8, _activity$channelData9;
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          const messageHasNoText = !(activity !== null && activity !== void 0 && activity.text);
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          const messageHasNoTags = !(activity !== null && activity !== void 0 && activity.channelData) || !(activity !== null && activity !== void 0 && (_activity$channelData7 = activity.channelData) !== null && _activity$channelData7 !== void 0 && _activity$channelData7.tags) || (activity === null || activity === void 0 ? void 0 : (_activity$channelData8 = activity.channelData) === null || _activity$channelData8 === void 0 ? void 0 : (_activity$channelData9 = _activity$channelData8.tags) === null || _activity$channelData9 === void 0 ? void 0 : _activity$channelData9.length) === 0;
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          const messageHasNoAttachments = !(activity !== null && activity !== void 0 && activity.attachments) || (activity === null || activity === void 0 ? void 0 : activity.attachments.length) === 0;
+          if (messageHasNoTags && messageHasNoText && messageHasNoAttachments) {
+            return;
+          }
+          payload.messageType = Constants.userMessageTag;
+        }
+        const newMessageReceivedEvent = {
+          eventName: isHistoryMessage ? BroadcastEvent.HistoryMessageReceived : BroadcastEvent.NewMessageReceived,
+          payload: payload
+        };
+        BroadcastService.postMessage(newMessageReceivedEvent);
+        if (!isHistoryMessage) {
+          TelemetryHelper.logActionEvent(LogLevel.INFO, {
+            Event: TelemetryEvent.MessageReceived,
+            Description: "New message received",
+            Data: payload
+          });
+        } else {
+          if (!isHistoryMessageReceivedEventRasied) {
+            isHistoryMessageReceivedEventRasied = true;
+            TelemetryHelper.logActionEvent(LogLevel.INFO, {
+              Event: TelemetryEvent.HistoryMessageReceived,
+              Description: "History message received",
+              Data: payload
+            });
+          }
+        }
+      }
+    }
+  };
+  return onNewAdapterActivityHandler;
+};

package/lib/types/assets/Audios.d.ts

@@ -0,0 +1 @@
+export declare const NewMessageNotificationSoundBase64: string;

package/lib/types/assets/Icons.d.ts

@@ -0,0 +1,12 @@
+export declare const ArchiveIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDQ4IDIwNDgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEycHgiPg0KPHBhdGggZD0iTTE3OTIgMHEyNyAwIDUwIDEwdDQwIDI3IDI4IDQxIDEwIDUwdjQ4MHEwIDQ1LTkgNzd0LTI0IDU4LTMxIDQ2LTMxIDQwLTIzIDQ0LTEwIDU1djk5MnEwIDI3LTEwIDUwdC0yNyA0MC00MSAyOC01MCAxMEgyNTZWMGgxNTM2ek02NDAgMTI4djM4NGgyNTZWMTI4SDY0MHptMTAyNCA4MDBxMC0zMS05LTU0dC0yNC00NC0zMS00MS0zMS00NS0yMy01OC0xMC03OFYxMjhoLTUxMnY1MTJINzY4djEyOEg2NDBWNjQwSDUxMlYxMjhIMzg0djE3OTJoMzg0di0xMjhoMTI4djEyOGg3NjhWOTI4em0xMjgtODAwaC0xMjh2NDgwcTAgMjQgNCA0MnQxMyAzMyAyMCAyOSAyNyAzMnExNS0xNyAyNi0zMXQyMC0zMCAxMy0zMyA1LTQyVjEyOHpNNjQwIDg5NmgxMjh2MTI4SDY0MFY4OTZ6bTAgMjU2aDEyOHYxMjhINjQwdi0xMjh6bTAgMjU2aDEyOHYxMjhINjQwdi0xMjh6bTEyOCAyNTZ2MTI4SDY0MHYtMTI4aDEyOHptMC03NjhWNzY4aDEyOHYxMjhINzY4em0wIDI1NnYtMTI4aDEyOHYxMjhINzY4em0wIDI1NnYtMTI4aDEyOHYxMjhINzY4em0wIDI1NnYtMTI4aDEyOHYxMjhINzY4eiIgLz4NCjwvc3ZnPg==";
+export declare const AudioIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgdmlld0JveD0iMCAwIDIwNDggMjA0OCINCiAgICB3aWR0aD0iMTJweCINCiAgICBoZWlnaHQ9IjEycHgiPg0KICAgIDxwYXRoIGQ9Ik0xNzkyIDE0MDhxMCA2Mi0yOSAxMDl0LTc2IDgwLTEwNCA1MC0xMTEgMTdxLTU0IDAtMTExLTE3dC0xMDMtNDktNzYtODAtMzAtMTEwcTAtNjEgMjktMTA5dDc2LTgwIDEwNC01MCAxMTEtMTdxNTEgMCAxMDAgMTJ0OTIgMzlWMjI2TDc2OCA0NTB2MTIxNHEwIDYyLTI5IDEwOXQtNzYgODAtMTA0IDUwLTExMSAxN3EtNTQgMC0xMTEtMTd0LTEwMy00OS03Ni04MC0zMC0xMTBxMC02MSAyOS0xMDl0NzYtODAgMTA0LTUwIDExMS0xN3E1MSAwIDEwMCAxMnQ5MiAzOVYzNTBMMTc5MiA2MnYxMzQ2eiIgLz4NCjwvc3ZnPg==";
+export declare const BlankIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgdmlld0JveD0iMCAwIDIwNDggMjA0OCINCiAgICB3aWR0aD0iMTJweCINCiAgICBoZWlnaHQ9IjEycHgiPg0KICAgIDxwYXRoIGQ9Ik01NDkgMGgxMjQzdjE3NTVsLTI5MyAyOTNIMjU2VjI5M0w1NDkgMHptMTExNSAxNzAxVjEyOEg2MDNMMzg0IDM0N3YxNTczaDEwNjFsMjE5LTIxOXoiIC8+DQo8L3N2Zz4=";
+export declare const ExcelIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgdmlld0JveD0iMCAwIDIwNDggMjA0OCINCiAgICB3aWR0aD0iMTJweCINCiAgICBoZWlnaHQ9IjEycHgiPg0KICAgIDxwYXRoIGQ9Ik0yMDQ4IDQ3NXYxNDQ1cTAgMjctMTAgNTB0LTI3IDQwLTQxIDI4LTUwIDEwSDY0MHEtMjcgMC01MC0xMHQtNDAtMjctMjgtNDEtMTAtNTB2LTI1NkgxMTVxLTI0IDAtNDQtOXQtMzctMjUtMjUtMzYtOS00NVY2MjdxMC0yNCA5LTQ0dDI1LTM3IDM2LTI1IDQ1LTloMzk3VjEyOHEwLTI3IDEwLTUwdDI3LTQwIDQxLTI4IDUwLTEwaDkzM3EyNiAwIDQ5IDl0NDIgMjhsMzQ3IDM0N3ExOCAxOCAyNyA0MXQxMCA1MHptLTM4NC0yNTZ2MTY1aDE2NWwtMTY1LTE2NXpNMjYxIDE0MjRoMTg5cTItNCAxMi0yM3QyNS00NSAyOS01NSAyOS01MyAyMy00MSAxMC0xN3EyNyA1OSA2MCAxMTh0NjUgMTE2aDE4N2wtMjA5LTMzOSAyMDUtMzMzSDcwN3EtMzEgNTctNjAgMTE0dC02MyAxMTJxLTI5LTU3LTU3LTExM3QtNTctMTEzSDI3OWwxOTkgMzM1LTIxNyAzMzd6bTM3OSA0OTZoMTI4MFY1MTJoLTI1NnEtMjcgMC01MC0xMHQtNDAtMjctMjgtNDEtMTAtNTBWMTI4SDY0MHYzODRoMzk3cTI0IDAgNDQgOXQzNyAyNSAyNSAzNiA5IDQ1djkyMnEwIDI0LTkgNDR0LTI1IDM3LTM2IDI1LTQ1IDlINjQwdjI1NnptNjQwLTEwMjRWNzY4aDUxMnYxMjhoLTUxMnptMCAyNTZ2LTEyOGg1MTJ2MTI4aC01MTJ6bTAgMjU2di0xMjhoNTEydjEyOGgtNTEyeiIgLz4NCjwvc3ZnPg==";
+export declare const ImageIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgdmlld0JveD0iMCAwIDIwNDggMjA0OCINCiAgICB3aWR0aD0iMTJweCINCiAgICBoZWlnaHQ9IjEycHgiPg0KICAgIDxwYXRoIGQ9Ik0yNTYgMTkyMGgxNTM2djEyOEgxMjhWMGgxMTE1bDU0OSA1NDl2OTFoLTY0MFYxMjhIMjU2djE3OTJ6TTEyODAgNTEyaDI5M2wtMjkzLTI5M3YyOTN6bTc2OCAyNTZ2MTAyNEg2NDBWNzY4aDE0MDh6TTc2OCA4OTZ2NDIxbDMyMC0zMTkgNDE2IDQxNiAxNjAtMTYwIDI1NiAyNTZWODk2SDc2OHptOTg3IDc2OGgxMzlsLTIzMC0yMzAtNjkgNzAgMTYwIDE2MHptLTk4NyAwaDgwNWwtNDg1LTQ4Ni0zMjAgMzIxdjE2NXptOTYwLTUxMnEtMjYgMC00NS0xOXQtMTktNDVxMC0yNiAxOS00NXQ0NS0xOXEyNiAwIDQ1IDE5dDE5IDQ1cTAgMjYtMTkgNDV0LTQ1IDE5eiIgLz4NCjwvc3ZnPg==";
+export declare const OneNoteIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgdmlld0JveD0iMCAwIDIwNDggMjA0OCINCiAgICB3aWR0aD0iMTJweCINCiAgICBoZWlnaHQ9IjEycHgiPg0KICAgIDxwYXRoIGQ9Ik0xOTYzIDEyOHEzNSAwIDYwIDI1dDI1IDYwdjE2MjJxMCAzNS0yNSA2MHQtNjAgMjVINTk3cS0zNSAwLTYwLTI1dC0yNS02MHYtMjk5SDg1cS0zNSAwLTYwLTI1dC0yNS02MFY1OTdxMC0zNSAyNS02MHQ2MC0yNWg0MjdWMjEzcTAtMzUgMjUtNjB0NjAtMjVoMTM2NnpNMzg5IDkzOWwyNDIgNDIwaDE1MlY2ODlINjM1djQyOUw0MDIgNjg5SDI0MXY2NzBoMTQ4VjkzOXptMTUzMSA4NTN2LTI1NmgtMjU2djI1NmgyNTZ6bTAtMzg0di0yNTZoLTI1NnYyNTZoMjU2em0wLTM4NFY3NjhoLTI1NnYyNTZoMjU2em0wLTM4NFYyNTZINjQwdjI1NmgyOTlxMzUgMCA2MCAyNXQyNSA2MHY4NTRxMCAzNS0yNSA2MHQtNjAgMjVINjQwdjI1Nmg4OTZWNjQwaDM4NHoiIC8+DQo8L3N2Zz4=";
+export declare const PDFIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgdmlld0JveD0iMCAwIDIwNDggMjA0OCINCiAgICB3aWR0aD0iMTJweCINCiAgICBoZWlnaHQ9IjEycHgiPg0KICAgIDxwYXRoIGQ9Ik0xOTIwIDE2NjRoLTEyOHYzODRIMTI4di0zODRIMFY2NDBoMTI4VjBoMTI0M2w0MjEgNDIxdjIxOWgxMjh2MTAyNHpNMTQwOCAzODRoMTY1bC0xNjUtMTY1djE2NXpNMjU2IDY0MGgxNDA4VjUxMmgtMzg0VjEyOEgyNTZ2NTEyem0xNDA4IDEwMjRIMjU2djI1NmgxNDA4di0yNTZ6bTEyOC04OTZIMTI4djc2OGgxNjY0Vjc2OHpNNDQ4IDg5NnE0MCAwIDc1IDE1dDYxIDQxIDQxIDYxIDE1IDc1cTAgNDAtMTUgNzV0LTQxIDYxLTYxIDQxLTc1IDE1aC02NHYxMjhIMjU2Vjg5NmgxOTJ6bTAgMjU2cTI2IDAgNDUtMTl0MTktNDVxMC0yNi0xOS00NXQtNDUtMTloLTY0djEyOGg2NHptNDQ4LTI1NnE1MyAwIDk5IDIwdDgyIDU1IDU1IDgxIDIwIDEwMHEwIDUzLTIwIDk5dC01NSA4Mi04MSA1NS0xMDAgMjBINzY4Vjg5NmgxMjh6bTAgMzg0cTI3IDAgNTAtMTB0NDAtMjcgMjgtNDEgMTAtNTBxMC0yNy0xMC01MHQtMjctNDAtNDEtMjgtNTAtMTB2MjU2em0zODQtMzg0aDMyMHYxMjhoLTE5MnYxMjhoMTkydjEyOGgtMTkydjEyOGgtMTI4Vjg5NnoiIC8+DQo8L3N2Zz4=";
+export declare const PowerpointIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgdmlld0JveD0iMCAwIDIwNDggMjA0OCINCiAgICB3aWR0aD0iMTJweCINCiAgICBoZWlnaHQ9IjEycHgiPg0KICAgIDxwYXRoIGQ9Ik0yMDQ4IDQ3NXYxNDQ1cTAgMjctMTAgNTB0LTI3IDQwLTQxIDI4LTUwIDEwSDY0MHEtMjcgMC01MC0xMHQtNDAtMjctMjgtNDEtMTAtNTB2LTI1NkgxMTVxLTI0IDAtNDQtOXQtMzctMjUtMjUtMzYtOS00NVY2MjdxMC0yNCA5LTQ0dDI1LTM3IDM2LTI1IDQ1LTloMzk3VjEyOHEwLTI3IDEwLTUwdDI3LTQwIDQxLTI4IDUwLTEwaDkzM3EyNiAwIDQ5IDl0NDIgMjhsMzQ3IDM0N3ExOCAxOCAyNyA0MXQxMCA1MHptLTM4NC0yNTZ2MTY1aDE2NWwtMTY1LTE2NXpNMzY4IDc1MnY2NzJoMTUwdi0yMjZoMTAwcTUyIDAgOTctMTV0NzgtNDYgNTMtNzIgMjAtOTdxMC01Ni0xNy05N3QtNTAtNjctNzYtMzktOTctMTNIMzY4em0xNTUyIDExNjhWNTEyaC0yNTZxLTI3IDAtNTAtMTB0LTQwLTI3LTI4LTQxLTEwLTUwVjEyOEg2NDB2Mzg0aDM5N3EyNCAwIDQ0IDl0MzcgMjUgMjUgMzYgOSA0NXY5MjJxMCAyNC05IDQ0dC0yNSAzNy0zNiAyNS00NSA5SDY0MHYyNTZoMTI4MHpNMTUzNiA2NDBxNzkgMCAxNDkgMzB0MTIyIDgyIDgzIDEyMyAzMCAxNDloLTM4NFY2NDB6bS0xMjggMTI4djM4NGgzODRxMCA4MC0zMCAxNDl0LTgyIDEyMi0xMjMgODMtMTQ5IDMwcS0zMyAwLTY1LTZ0LTYzLTE4Vjc5MnEzMS0xMSA2My0xN3Q2NS03em0tODA0IDMwMGgtODZWODgzaDkwcTQ3IDAgNzQgMjB0MjcgNzBxMCA1Mi0yOCA3M3QtNzcgMjJ6IiAvPg0KPC9zdmc+";
+export declare const VideoIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgdmlld0JveD0iMCAwIDIwNDggMjA0OCINCiAgICB3aWR0aD0iMTJweCINCiAgICBoZWlnaHQ9IjEycHgiPg0KICAgIDxwYXRoIGQ9Ik0wIDI1NmgyMDQ4djE0MDhIMFYyNTZ6bTI1NiAxMjgwdi0xMjhIMTI4djEyOGgxMjh6bTAtMjU2di0xMjhIMTI4djEyOGgxMjh6bTAtMjU2Vjg5NkgxMjh2MTI4aDEyOHptMC0yNTZWNjQwSDEyOHYxMjhoMTI4em0wLTI1NlYzODRIMTI4djEyOGgxMjh6bTE0MDggNzg2VjM4NEgzODR2ODIzbDQxMS01NDkgNzQxIDg3OC0zMjktNTU4IDEzNy0xMzcgMzIwIDQ1N3ptMjU2IDIzOHYtMTI4aC0xMjh2MTI4aDEyOHptMC0yNTZ2LTEyOGgtMTI4djEyOGgxMjh6bTAtMjU2Vjg5NmgtMTI4djEyOGgxMjh6bTAtMjU2VjY0MGgtMTI4djEyOGgxMjh6bTAtMjU2VjM4NGgtMTI4djEyOGgxMjh6IiAvPg0KPC9zdmc+";
+export declare const VisioIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgdmlld0JveD0iMCAwIDIwNDggMjA0OCINCiAgICB3aWR0aD0iMTJweCINCiAgICBoZWlnaHQ9IjEycHgiPg0KICAgIDxwYXRoIGQ9Ik0yMDQ4IDQ3NXYxNDQ1cTAgMjctMTAgNTB0LTI3IDQwLTQxIDI4LTUwIDEwSDY0MHEtMjcgMC01MC0xMHQtNDAtMjctMjgtNDEtMTAtNTB2LTI1NkgxMTVxLTI0IDAtNDQtOXQtMzctMjUtMjUtMzYtOS00NVY2MjdxMC0yNCA5LTQ0dDI1LTM3IDM2LTI1IDQ1LTloMzk3VjEyOHEwLTI3IDEwLTUwdDI3LTQwIDQxLTI4IDUwLTEwaDkzM3EyNiAwIDQ5IDl0NDIgMjhsMzQ3IDM0N3ExOCAxOCAyNyA0MXQxMCA1MHptLTM4NC0yNTZ2MTY1aDE2NWwtMTY1LTE2NXpNNDkzIDE0MjRoMTYzbDI1NS02NzJINzQ1bC0xNDcgNDI3cS01IDE2LTEwIDMxdC0xMSAzMXEtNDEtMTIzLTgyLTI0NHQtODQtMjQ1SDI0MWwyNDggNjYyIDQgMTB6bTE0NyA0OTZoMTI4MFY1MTJoLTI1NnEtMjcgMC01MC0xMHQtNDAtMjctMjgtNDEtMTAtNTBWMTI4SDY0MHYzODRoMzk3cTI0IDAgNDQgOXQzNyAyNSAyNSAzNiA5IDQ1djkyMnEwIDI0LTkgNDR0LTI1IDM3LTM2IDI1LTQ1IDlINjQwdjI1NnptOTYwLTEyODBsMTkyIDE5Mi0xMjggMTI4djQ0OGgtMjU2djEyOGgtMTI4di0zODRoMTI4djEyOGgxMjhWOTYwbC0xMjgtMTI4IDE5Mi0xOTJ6IiAvPg0KPC9zdmc+";
+export declare const WordIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgdmlld0JveD0iMCAwIDIwNDggMjA0OCINCiAgICB3aWR0aD0iMTJweCINCiAgICBoZWlnaHQ9IjEycHgiPg0KICAgIDxwYXRoIGQ9Ik0yMDQ4IDQ3NXYxNDQ1cTAgMjctMTAgNTB0LTI3IDQwLTQxIDI4LTUwIDEwSDY0MHEtMjcgMC01MC0xMHQtNDAtMjctMjgtNDEtMTAtNTB2LTI1NkgxMTVxLTI0IDAtNDQtOXQtMzctMjUtMjUtMzYtOS00NVY2MjdxMC0yNCA5LTQ0dDI1LTM3IDM2LTI1IDQ1LTloMzk3VjEyOHEwLTI3IDEwLTUwdDI3LTQwIDQxLTI4IDUwLTEwaDkzM3EyNiAwIDQ5IDl0NDIgMjhsMzQ3IDM0N3ExOCAxOCAyNyA0MXQxMCA1MHptLTM4NC0yNTZ2MTY1aDE2NWwtMTY1LTE2NXpNMzIwIDE0MjRoMTYxcTItOCA5LTQzdDE4LTgzIDIxLTEwMyAyMi0xMDEgMTYtNzYgOC0zMWw3IDMwcTcgMzAgMTcgNzd0MjMgMTAwIDIzIDEwMyAxOSA4NCAxMCA0M2gxNjBsMTQ4LTY3Mkg4MzRsLTgwIDQzOC0xMDAtNDM4SDUwMmwtOTYgNDQwLTg2LTQ0MEgxNzBsMTUwIDY3MnptMzIwIDQ5NmgxMjgwVjUxMmgtMjU2cS0yNyAwLTUwLTEwdC00MC0yNy0yOC00MS0xMC01MFYxMjhINjQwdjM4NGgzOTdxMjQgMCA0NCA5dDM3IDI1IDI1IDM2IDkgNDV2OTIycTAgMjQtOSA0NHQtMjUgMzctMzYgMjUtNDUgOUg2NDB2MjU2em02NDAtMTAyNFY3NjhoNTEydjEyOGgtNTEyem0wIDI1NnYtMTI4aDUxMnYxMjhoLTUxMnptMCAyNTZ2LTEyOGg1MTJ2MTI4aC01MTJ6IiAvPg0KPC9zdmc+";
+export declare const AlertIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTEzLDE3aC0ydi0yaDJWMTd6IE0xMywxM2gtMlY3aDJWMTN6Ii8+PGc+PHBhdGggZD0iTTEyLDRjNC40LDAsOCwzLjYsOCw4cy0zLjYsOC04LDhzLTgtMy42LTgtOFM3LjYsNCwxMiw0IE0xMiwyQzYuNSwyLDIsNi41LDIsMTJjMCw1LjUsNC41LDEwLDEwLDEwczEwLTQuNSwxMC0xMCAgIEMyMiw2LjUsMTcuNSwyLDEyLDJMMTIsMnoiLz48L2c+PC9zdmc+";