@microsoft/omnichannel-chat-widget 0.1.0-main.07f52ee

package/lib/cjs/contexts/createReducer.js

@@ -0,0 +1,248 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createReducer = void 0;
+
+var _LiveChatWidgetActionType = require("./common/LiveChatWidgetActionType");
+
+var _TelemetryManager = require("../common/telemetry/TelemetryManager");
+
+/* eslint-disable indent */
+const createReducer = () => {
+  const reducer = (state, action) => {
+    var _action$payload, _action$payload2, _action$payload3;
+
+    switch (action.type) {
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_WIDGET_ELEMENT_ID:
+        return { ...state,
+          domainStates: { ...state.domainStates,
+            widgetElementId: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_RENDERING_MIDDLEWARE_PROPS:
+        return { ...state,
+          domainStates: { ...state.domainStates,
+            renderingMiddlewareProps: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MIDDLEWARE_LOCALIZED_TEXTS:
+        return { ...state,
+          domainStates: { ...state.domainStates,
+            middlewareLocalizedTexts: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_GLOBAL_DIR:
+        return { ...state,
+          domainStates: { ...state.domainStates,
+            globalDir: action.payload === "ltr" || action.payload === "rtl" ? action.payload : "ltr"
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED:
+        return { ...state,
+          appStates: { ...state.appStates,
+            isMinimized: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE:
+        return { ...state,
+          appStates: { ...state.appStates,
+            conversationState: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_OUTSIDE_OPERATING_HOURS:
+        return { ...state,
+          appStates: { ...state.appStates,
+            outsideOperatingHours: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_PRE_CHAT_SURVEY_RESPONSE:
+        return { ...state,
+          domainStates: { ...state.domainStates,
+            preChatSurveyResponse: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_PREVIOUS_FOCUSED_ELEMENT:
+        return { ...state,
+          appStates: { ...state.appStates,
+            previousElementOnFocusBeforeModalOpen: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_SHOW_CONFIRMATION:
+        return { ...state,
+          uiStates: { ...state.uiStates,
+            showConfirmationPane: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT:
+        return { ...state,
+          domainStates: { ...state.domainStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            postChatContext: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_SHOULD_SHOW_POST_CHAT:
+        return { ...state,
+          appStates: { ...state.appStates,
+            shouldShowPostChat: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SHOW_CALLING_CONTAINER:
+        return { ...state,
+          uiStates: { ...state.uiStates,
+            showCallingPopup: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_INCOMING_CALL:
+        return { ...state,
+          uiStates: { ...state.uiStates,
+            isIncomingCall: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_FOCUS_CHAT_BUTTON:
+        return { ...state,
+          uiStates: { ...state.uiStates,
+            focusChatButton: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.DISABLE_VIDEO_CALL:
+        return { ...state,
+          uiStates: { ...state.uiStates,
+            disableVideoCall: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.DISABLE_LOCAL_VIDEO:
+        return { ...state,
+          uiStates: { ...state.uiStates,
+            disableSelfVideo: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.DISABLE_REMOTE_VIDEO:
+        return { ...state,
+          uiStates: { ...state.uiStates,
+            disableRemoteVideo: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CHAT_TOKEN:
+        return { ...state,
+          domainStates: { ...state.domainStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            chatToken: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_SHOW_EMAIL_TRANSCRIPT_PANE:
+        return { ...state,
+          uiStates: { ...state.uiStates,
+            showEmailTranscriptPane: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_PRECHAT_RESPONSE_EMAIL:
+        return { ...state,
+          appStates: { ...state.appStates,
+            preChatResponseEmail: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_AUDIO_NOTIFICATION:
+        return { ...state,
+          appStates: { ...state.appStates,
+            isAudioMuted: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_E2VV_ENABLED:
+        return { ...state,
+          appStates: { ...state.appStates,
+            e2vvEnabled: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_SKIP_CHAT_BUTTON_RENDERING:
+        return { ...state,
+          appStates: { ...state.appStates,
+            skipChatButtonRendering: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.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.LiveChatWidgetActionType.SET_TELEMETRY_DATA:
+        _TelemetryManager.TelemetryManager.InternalTelemetryData = action.payload;
+        return { ...state,
+          domainStates: { ...state.domainStates,
+            telemetryInternalData: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_RECONNECT_ID:
+        return { ...state,
+          appStates: { ...state.appStates,
+            reconnectId: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_UNREAD_MESSAGE_COUNT:
+        return { ...state,
+          appStates: { ...state.appStates,
+            unreadMessageCount: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT:
+        return { ...state,
+          domainStates: { ...state.domainStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            liveChatContext: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_WIDGET_STATE:
+        return { ...action.payload
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT:
+        return { ...state,
+          appStates: { ...state.appStates,
+            conversationEndedByAgent: action.payload
+          }
+        };
+
+      default:
+        return state;
+    }
+  };
+
+  return reducer;
+};
+
+exports.createReducer = createReducer;

package/lib/cjs/controller/componentController.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldShowWebChatContainer = exports.shouldShowReconnectChatPane = exports.shouldShowProactiveChatPane = exports.shouldShowPreChatSurveyPane = exports.shouldShowPostChatSurveyPane = exports.shouldShowPostChatLoadingPane = exports.shouldShowOutOfOfficeHoursPane = exports.shouldShowLoadingPane = exports.shouldShowHeader = exports.shouldShowFooter = exports.shouldShowEmailTranscriptPane = exports.shouldShowConfirmationPane = exports.shouldShowChatButton = exports.shouldShowCallingContainer = void 0;
+
+var _ConversationState = require("../contexts/common/ConversationState");
+
+const shouldShowChatButton = state => {
+  return state.appStates.isMinimized || state.appStates.conversationState === _ConversationState.ConversationState.Closed;
+};
+
+exports.shouldShowChatButton = shouldShowChatButton;
+
+const shouldShowProactiveChatPane = state => {
+  return !state.appStates.isMinimized && state.appStates.conversationState === _ConversationState.ConversationState.ProactiveChat;
+};
+
+exports.shouldShowProactiveChatPane = shouldShowProactiveChatPane;
+
+const shouldShowHeader = state => {
+  return !state.appStates.isMinimized && state.appStates.conversationState !== _ConversationState.ConversationState.Closed && state.appStates.conversationState !== _ConversationState.ConversationState.ProactiveChat;
+};
+
+exports.shouldShowHeader = shouldShowHeader;
+
+const shouldShowFooter = state => {
+  return !state.appStates.isMinimized && state.appStates.conversationState === _ConversationState.ConversationState.Active;
+};
+
+exports.shouldShowFooter = shouldShowFooter;
+
+const shouldShowEmailTranscriptPane = state => {
+  return state.uiStates.showEmailTranscriptPane;
+};
+
+exports.shouldShowEmailTranscriptPane = shouldShowEmailTranscriptPane;
+
+const shouldShowWebChatContainer = state => {
+  return state.appStates.conversationState === _ConversationState.ConversationState.Active;
+};
+
+exports.shouldShowWebChatContainer = shouldShowWebChatContainer;
+
+const shouldShowLoadingPane = state => {
+  return !state.appStates.isMinimized && !state.appStates.shouldShowPostChat && state.appStates.conversationState === _ConversationState.ConversationState.Loading;
+};
+
+exports.shouldShowLoadingPane = shouldShowLoadingPane;
+
+const shouldShowReconnectChatPane = state => {
+  return !state.appStates.isMinimized && state.appStates.conversationState === _ConversationState.ConversationState.ReconnectChat;
+};
+
+exports.shouldShowReconnectChatPane = shouldShowReconnectChatPane;
+
+const shouldShowPostChatLoadingPane = state => {
+  return !state.appStates.isMinimized && state.appStates.shouldShowPostChat && state.appStates.conversationState === _ConversationState.ConversationState.Loading;
+};
+
+exports.shouldShowPostChatLoadingPane = shouldShowPostChatLoadingPane;
+
+const shouldShowOutOfOfficeHoursPane = state => {
+  return !state.appStates.isMinimized && state.appStates.conversationState === _ConversationState.ConversationState.OutOfOffice;
+};
+
+exports.shouldShowOutOfOfficeHoursPane = shouldShowOutOfOfficeHoursPane;
+
+const shouldShowPreChatSurveyPane = state => {
+  return state.appStates.conversationState === _ConversationState.ConversationState.Prechat;
+};
+
+exports.shouldShowPreChatSurveyPane = shouldShowPreChatSurveyPane;
+
+const shouldShowConfirmationPane = state => {
+  return state.uiStates.showConfirmationPane;
+};
+
+exports.shouldShowConfirmationPane = shouldShowConfirmationPane;
+
+const shouldShowPostChatSurveyPane = state => {
+  return state.appStates.conversationState === _ConversationState.ConversationState.Postchat;
+};
+
+exports.shouldShowPostChatSurveyPane = shouldShowPostChatSurveyPane;
+
+const shouldShowCallingContainer = state => {
+  return state.appStates.conversationState === _ConversationState.ConversationState.Active && state.appStates.e2vvEnabled;
+};
+
+exports.shouldShowCallingContainer = shouldShowCallingContainer;

package/lib/cjs/hooks/useChatAdapterStore.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ChatAdapterStore = require("../contexts/ChatAdapterStore");
+
+var _react = require("react");
+
+const useChatAdapterStore = () => {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const adapter = (0, _react.useContext)(_ChatAdapterStore.ChatAdapterStore);
+
+  if (!adapter) {
+    throw new Error("This hook can only be used on component that is descendants of <ChatAdapterStore.Provider>");
+  }
+
+  return adapter;
+};
+
+var _default = useChatAdapterStore;
+exports.default = _default;

package/lib/cjs/hooks/useChatContextStore.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _ChatContextStore = require("../contexts/ChatContextStore");
+
+const useChatContextStore = () => {
+  const context = (0, _react.useContext)(_ChatContextStore.ChatContextStore);
+
+  if (!context) {
+    throw new Error("This hook can only be used on component that is descendants of <ChatContextStore.Provider>");
+  }
+
+  return context;
+};
+
+var _default = useChatContextStore;
+exports.default = _default;

package/lib/cjs/hooks/useChatSDKStore.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ChatSDKStore = require("../contexts/ChatSDKStore");
+
+var _react = require("react");
+
+const useChatSDKStore = () => {
+  const sdk = (0, _react.useContext)(_ChatSDKStore.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;
+};
+
+var _default = useChatSDKStore;
+exports.default = _default;

package/lib/cjs/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BroadcastService", {
+  enumerable: true,
+  get: function () {
+    return _omnichannelChatComponents.BroadcastService;
+  }
+});
+Object.defineProperty(exports, "LiveChatWidget", {
+  enumerable: true,
+  get: function () {
+    return _LiveChatWidget.default;
+  }
+});
+Object.defineProperty(exports, "decodeComponentString", {
+  enumerable: true,
+  get: function () {
+    return _omnichannelChatComponents.decodeComponentString;
+  }
+});
+Object.defineProperty(exports, "encodeComponentString", {
+  enumerable: true,
+  get: function () {
+    return _omnichannelChatComponents.encodeComponentString;
+  }
+});
+Object.defineProperty(exports, "useChatContextStore", {
+  enumerable: true,
+  get: function () {
+    return _useChatContextStore.default;
+  }
+});
+Object.defineProperty(exports, "useChatSDKStore", {
+  enumerable: true,
+  get: function () {
+    return _useChatSDKStore.default;
+  }
+});
+
+var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
+
+var _useChatContextStore = _interopRequireDefault(require("./hooks/useChatContextStore"));
+
+var _useChatSDKStore = _interopRequireDefault(require("./hooks/useChatSDKStore"));
+
+var _LiveChatWidget = _interopRequireDefault(require("./components/livechatwidget/LiveChatWidget"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/esm/assets/icons/archiveIcon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048" width="12px" height="12px">
+<path d="M1792 0q27 0 50 10t40 27 28 41 10 50v480q0 45-9 77t-24 58-31 46-31 40-23 44-10 55v992q0 27-10 50t-27 40-41 28-50 10H256V0h1536zM640 128v384h256V128H640zm1024 800q0-31-9-54t-24-44-31-41-31-45-23-58-10-78V128h-512v512H768v128H640V640H512V128H384v1792h384v-128h128v128h768V928zm128-800h-128v480q0 24 4 42t13 33 20 29 27 32q15-17 26-31t20-30 13-33 5-42V128zM640 896h128v128H640V896zm0 256h128v128H640v-128zm0 256h128v128H640v-128zm128 256v128H640v-128h128zm0-768V768h128v128H768zm0 256v-128h128v128H768zm0 256v-128h128v128H768zm0 256v-128h128v128H768z" />
+</svg>

package/lib/esm/assets/icons/audioIcon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 2048 2048"
+    width="12px"
+    height="12px">
+    <path d="M1792 1408q0 62-29 109t-76 80-104 50-111 17q-54 0-111-17t-103-49-76-80-30-110q0-61 29-109t76-80 104-50 111-17q51 0 100 12t92 39V226L768 450v1214q0 62-29 109t-76 80-104 50-111 17q-54 0-111-17t-103-49-76-80-30-110q0-61 29-109t76-80 104-50 111-17q51 0 100 12t92 39V350L1792 62v1346z" />
+</svg>

package/lib/esm/assets/icons/blankIcon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 2048 2048"
+    width="12px"
+    height="12px">
+    <path d="M549 0h1243v1755l-293 293H256V293L549 0zm1115 1701V128H603L384 347v1573h1061l219-219z" />
+</svg>

package/lib/esm/assets/icons/excelIcon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 2048 2048"
+    width="12px"
+    height="12px">
+    <path d="M2048 475v1445q0 27-10 50t-27 40-41 28-50 10H640q-27 0-50-10t-40-27-28-41-10-50v-256H115q-24 0-44-9t-37-25-25-36-9-45V627q0-24 9-44t25-37 36-25 45-9h397V128q0-27 10-50t27-40 41-28 50-10h933q26 0 49 9t42 28l347 347q18 18 27 41t10 50zm-384-256v165h165l-165-165zM261 1424h189q2-4 12-23t25-45 29-55 29-53 23-41 10-17q27 59 60 118t65 116h187l-209-339 205-333H707q-31 57-60 114t-63 112q-29-57-57-113t-57-113H279l199 335-217 337zm379 496h1280V512h-256q-27 0-50-10t-40-27-28-41-10-50V128H640v384h397q24 0 44 9t37 25 25 36 9 45v922q0 24-9 44t-25 37-36 25-45 9H640v256zm640-1024V768h512v128h-512zm0 256v-128h512v128h-512zm0 256v-128h512v128h-512z" />
+</svg>

package/lib/esm/assets/icons/imageIcon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 2048 2048"
+    width="12px"
+    height="12px">
+    <path d="M256 1920h1536v128H128V0h1115l549 549v91h-640V128H256v1792zM1280 512h293l-293-293v293zm768 256v1024H640V768h1408zM768 896v421l320-319 416 416 160-160 256 256V896H768zm987 768h139l-230-230-69 70 160 160zm-987 0h805l-485-486-320 321v165zm960-512q-26 0-45-19t-19-45q0-26 19-45t45-19q26 0 45 19t19 45q0 26-19 45t-45 19z" />
+</svg>

package/lib/esm/assets/icons/oneNoteIcon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 2048 2048"
+    width="12px"
+    height="12px">
+    <path d="M1963 128q35 0 60 25t25 60v1622q0 35-25 60t-60 25H597q-35 0-60-25t-25-60v-299H85q-35 0-60-25t-25-60V597q0-35 25-60t60-25h427V213q0-35 25-60t60-25h1366zM389 939l242 420h152V689H635v429L402 689H241v670h148V939zm1531 853v-256h-256v256h256zm0-384v-256h-256v256h256zm0-384V768h-256v256h256zm0-384V256H640v256h299q35 0 60 25t25 60v854q0 35-25 60t-60 25H640v256h896V640h384z" />
+</svg>

package/lib/esm/assets/icons/pdfIcon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 2048 2048"
+    width="12px"
+    height="12px">
+    <path d="M1920 1664h-128v384H128v-384H0V640h128V0h1243l421 421v219h128v1024zM1408 384h165l-165-165v165zM256 640h1408V512h-384V128H256v512zm1408 1024H256v256h1408v-256zm128-896H128v768h1664V768zM448 896q40 0 75 15t61 41 41 61 15 75q0 40-15 75t-41 61-61 41-75 15h-64v128H256V896h192zm0 256q26 0 45-19t19-45q0-26-19-45t-45-19h-64v128h64zm448-256q53 0 99 20t82 55 55 81 20 100q0 53-20 99t-55 82-81 55-100 20H768V896h128zm0 384q27 0 50-10t40-27 28-41 10-50q0-27-10-50t-27-40-41-28-50-10v256zm384-384h320v128h-192v128h192v128h-192v128h-128V896z" />
+</svg>

package/lib/esm/assets/icons/powerpointIcon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 2048 2048"
+    width="12px"
+    height="12px">
+    <path d="M2048 475v1445q0 27-10 50t-27 40-41 28-50 10H640q-27 0-50-10t-40-27-28-41-10-50v-256H115q-24 0-44-9t-37-25-25-36-9-45V627q0-24 9-44t25-37 36-25 45-9h397V128q0-27 10-50t27-40 41-28 50-10h933q26 0 49 9t42 28l347 347q18 18 27 41t10 50zm-384-256v165h165l-165-165zM368 752v672h150v-226h100q52 0 97-15t78-46 53-72 20-97q0-56-17-97t-50-67-76-39-97-13H368zm1552 1168V512h-256q-27 0-50-10t-40-27-28-41-10-50V128H640v384h397q24 0 44 9t37 25 25 36 9 45v922q0 24-9 44t-25 37-36 25-45 9H640v256h1280zM1536 640q79 0 149 30t122 82 83 123 30 149h-384V640zm-128 128v384h384q0 80-30 149t-82 122-123 83-149 30q-33 0-65-6t-63-18V792q31-11 63-17t65-7zm-804 300h-86V883h90q47 0 74 20t27 70q0 52-28 73t-77 22z" />
+</svg>

package/lib/esm/assets/icons/videoIcon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 2048 2048"
+    width="12px"
+    height="12px">
+    <path d="M0 256h2048v1408H0V256zm256 1280v-128H128v128h128zm0-256v-128H128v128h128zm0-256V896H128v128h128zm0-256V640H128v128h128zm0-256V384H128v128h128zm1408 786V384H384v823l411-549 741 878-329-558 137-137 320 457zm256 238v-128h-128v128h128zm0-256v-128h-128v128h128zm0-256V896h-128v128h128zm0-256V640h-128v128h128zm0-256V384h-128v128h128z" />
+</svg>

package/lib/esm/assets/icons/visioIcon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 2048 2048"
+    width="12px"
+    height="12px">
+    <path d="M2048 475v1445q0 27-10 50t-27 40-41 28-50 10H640q-27 0-50-10t-40-27-28-41-10-50v-256H115q-24 0-44-9t-37-25-25-36-9-45V627q0-24 9-44t25-37 36-25 45-9h397V128q0-27 10-50t27-40 41-28 50-10h933q26 0 49 9t42 28l347 347q18 18 27 41t10 50zm-384-256v165h165l-165-165zM493 1424h163l255-672H745l-147 427q-5 16-10 31t-11 31q-41-123-82-244t-84-245H241l248 662 4 10zm147 496h1280V512h-256q-27 0-50-10t-40-27-28-41-10-50V128H640v384h397q24 0 44 9t37 25 25 36 9 45v922q0 24-9 44t-25 37-36 25-45 9H640v256zm960-1280l192 192-128 128v448h-256v128h-128v-384h128v128h128V960l-128-128 192-192z" />
+</svg>

package/lib/esm/assets/icons/wordIcon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 2048 2048"
+    width="12px"
+    height="12px">
+    <path d="M2048 475v1445q0 27-10 50t-27 40-41 28-50 10H640q-27 0-50-10t-40-27-28-41-10-50v-256H115q-24 0-44-9t-37-25-25-36-9-45V627q0-24 9-44t25-37 36-25 45-9h397V128q0-27 10-50t27-40 41-28 50-10h933q26 0 49 9t42 28l347 347q18 18 27 41t10 50zm-384-256v165h165l-165-165zM320 1424h161q2-8 9-43t18-83 21-103 22-101 16-76 8-31l7 30q7 30 17 77t23 100 23 103 19 84 10 43h160l148-672H834l-80 438-100-438H502l-96 440-86-440H170l150 672zm320 496h1280V512h-256q-27 0-50-10t-40-27-28-41-10-50V128H640v384h397q24 0 44 9t37 25 25 36 9 45v922q0 24-9 44t-25 37-36 25-45 9H640v256zm640-1024V768h512v128h-512zm0 256v-128h512v128h-512zm0 256v-128h512v128h-512z" />
+</svg>