@microsoft/omnichannel-chat-widget 0.1.0-main.b59a07c → 0.1.0-main.bf74329

package/lib/esm/contexts/createReducer.js

@@ -1,236 +1,284 @@
 /* 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,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             widgetElementId: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_RENDERING_MIDDLEWARE_PROPS:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             renderingMiddlewareProps: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_MIDDLEWARE_LOCALIZED_TEXTS:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             middlewareLocalizedTexts: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_GLOBAL_DIR:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             globalDir: action.payload === "ltr" || action.payload === "rtl" ? action.payload : "ltr"
           }
         };
-
       case LiveChatWidgetActionType.SET_MINIMIZED:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             isMinimized: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_CONVERSATION_STATE:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             conversationState: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_OUTSIDE_OPERATING_HOURS:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             outsideOperatingHours: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_PRE_CHAT_SURVEY_RESPONSE:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             preChatSurveyResponse: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_CUSTOM_CONTEXT:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             customContext: action.payload
           }
         };
-
-      case LiveChatWidgetActionType.SET_PREVIOUS_FOCUSED_ELEMENT:
-        return { ...state,
-          appStates: { ...state.appStates,
-            previousElementOnFocusBeforeModalOpen: 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,
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
             showConfirmationPane: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        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,
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
             showCallingPopup: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_INCOMING_CALL:
-        return { ...state,
-          uiStates: { ...state.uiStates,
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
             isIncomingCall: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_FOCUS_CHAT_BUTTON:
-        return { ...state,
-          uiStates: { ...state.uiStates,
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
             focusChatButton: action.payload
           }
         };
-
       case LiveChatWidgetActionType.DISABLE_VIDEO_CALL:
-        return { ...state,
-          uiStates: { ...state.uiStates,
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
             disableVideoCall: action.payload
           }
         };
-
       case LiveChatWidgetActionType.DISABLE_LOCAL_VIDEO:
-        return { ...state,
-          uiStates: { ...state.uiStates,
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
             disableSelfVideo: action.payload
           }
         };
-
       case LiveChatWidgetActionType.DISABLE_REMOTE_VIDEO:
-        return { ...state,
-          uiStates: { ...state.uiStates,
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
             disableRemoteVideo: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_CHAT_TOKEN:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        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,
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
             showEmailTranscriptPane: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_PRECHAT_RESPONSE_EMAIL:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             preChatResponseEmail: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_AUDIO_NOTIFICATION:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             isAudioMuted: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_E2VV_ENABLED:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             e2vvEnabled: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_SKIP_CHAT_BUTTON_RENDERING:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             skipChatButtonRendering: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_PROACTIVE_CHAT_PARAMS:
-        return { ...state,
-          appStates: { ...state.appStates,
-            proactiveChatStates: { ...state.appStates.proactiveChatStates,
+        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,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             telemetryInternalData: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_RECONNECT_ID:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             reconnectId: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_UNREAD_MESSAGE_COUNT:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             unreadMessageCount: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        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
+        return {
+          ...action.payload
         };
-
       case LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             conversationEndedByAgent: 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
+          }
+        };
       default:
         return state;
     }
   };
-
   return reducer;
 };

package/lib/esm/controller/componentController.js

@@ -1,7 +1,8 @@
 import { ConversationState } from "../contexts/common/ConversationState";
 export const shouldShowChatButton = state => {
-  return state.appStates.isMinimized || state.appStates.conversationState === ConversationState.Closed;
+  return (state.appStates.isMinimized || state.appStates.conversationState === ConversationState.Closed) && state.appStates.skipChatButtonRendering == false; // Do not show chat button in case of popout
 };
+
 export const shouldShowProactiveChatPane = state => {
   return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.ProactiveChat;
 };
@@ -9,7 +10,7 @@ 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);
+  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;
@@ -18,13 +19,13 @@ 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.shouldShowPostChat && state.appStates.conversationState === ConversationState.Loading;
+  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.shouldShowPostChat && state.appStates.conversationState === ConversationState.Loading;
+  return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.PostchatLoading;
 };
 export const shouldShowOutOfOfficeHoursPane = state => {
   return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.OutOfOffice;

package/lib/esm/hooks/useChatAdapterStore.js

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

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

@@ -1,14 +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/plugins/newMessageEventHandler.js

@@ -5,19 +5,13 @@ 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 isNotHistoryMessage = isActivityMessage && !(activity !== null && activity !== void 0 && (_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && (_activity$channelData2 = _activity$channelData.tags) !== null && _activity$channelData2 !== void 0 && _activity$channelData2.includes(Constants.historyMessageTag)) && !(activity !== null && activity !== void 0 && (_activity$channelData3 = activity.channelData) !== null && _activity$channelData3 !== void 0 && _activity$channelData3.fromList);
-
-    if (isNotHistoryMessage) {
-      raiseMessageEvent(activity);
-    }
+    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);
   };
-
-  const raiseMessageEvent = activity => {
+  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
@@ -28,7 +22,6 @@ export const createOnNewAdapterActivityHandler = (chatId, 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;
@@ -43,40 +36,36 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
         });
       } 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;
         } 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 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: BroadcastEvent.NewMessageReceived,
+          eventName: isHistoryMessage ? BroadcastEvent.HistoryMessageReceived : BroadcastEvent.NewMessageReceived,
           payload: payload
         };
         BroadcastService.postMessage(newMessageReceivedEvent);
-        TelemetryHelper.logActionEvent(LogLevel.INFO, {
-          Event: TelemetryEvent.MessageReceived,
-          Description: "New message received",
-          Data: payload
-        });
+        if (!isHistoryMessage) {
+          TelemetryHelper.logActionEvent(LogLevel.INFO, {
+            Event: TelemetryEvent.MessageReceived,
+            Description: "New message received",
+            Data: payload
+          });
+        }
       }
     }
   };
-
   return onNewAdapterActivityHandler;
 };

package/lib/types/common/Constants.d.ts

@@ -1,4 +1,6 @@
 export declare class Constants {
+    static readonly magicCodeBroadcastChannel = "MagicCodeChannel";
+    static readonly magicCodeResponseBroadcastChannel = "MagicCodeResponseChannel";
     static readonly systemMessageTag = "system";
     static readonly userMessageTag = "user";
     static readonly historyMessageTag = "history";
@@ -32,6 +34,10 @@ export declare class Constants {
     static readonly queuePositionMessageTag = "queueposition";
     static readonly averageWaitTimeMessageTag = "averagewaittime";
     static readonly message = "message";
+    static readonly hiddenTag = "Hidden";
+    static readonly prefixTimestampTag = "ServerMessageTimestamp_";
+    static readonly acsChannel = "ACS_CHANNEL";
+    static readonly publicMessageTag = "public";
     static readonly supportedAdaptiveCardContentTypes: Array<string>;
     static readonly maxUploadFileSize = "500000";
     static readonly imageRegex: RegExp;
@@ -70,6 +76,8 @@ export declare class Constants {
     static readonly internetConnectionTestUrl = "https://ocsdk-prod.azureedge.net/public/connecttest.txt";
     static readonly internetConnectionTestUrlText = "Omnichannel Connect Test";
     static readonly ChatWidgetStateChangedPrefix = "ChatWidgetStateChanged";
+    static readonly PostChatLoadingDurationInMs = 2000;
+    static readonly BrowserUnloadConfirmationMessage = "Do you want to leave chat?";
 }
 export declare const Regex: {
     new (): {};

package/lib/types/common/interfaces/IContextDataStore.d.ts

@@ -10,5 +10,5 @@ export interface IContextDataStore {
     /**
      * removeData: Remove data from data store by key
      */
-    removeData?: (key: string) => void;
+    removeData: (key: string, type: string) => void;
 }

package/lib/types/common/storage/default/defaultCacheManager.d.ts

@@ -0,0 +1,4 @@
+export declare class defaultCacheManager {
+    static InternalCache: any;
+}
+export declare const registerBroadcastServiceForLocalStorage: (orgid: string, widgetId: string, widgetInstanceId: string) => void;

package/lib/types/common/storage/default/defaultClientDataStoreProvider.d.ts

@@ -0,0 +1,2 @@
+import { IContextDataStore } from "../../interfaces/IContextDataStore";
+export declare const defaultClientDataStoreProvider: () => IContextDataStore;

package/lib/types/common/storage/default/defaultInMemoryDataStore.d.ts

@@ -0,0 +1,6 @@
+export declare const defaultInitializeInMemoryDataStore: (widgetId: string) => void;
+export declare const inMemoryDataStore: () => {
+    getData: (key: string) => any;
+    setData: (key: any, data: any) => void;
+    removeData: (key: string) => void;
+};