@microsoft/omnichannel-chat-widget 0.1.0-main.ceb1702 → 0.1.0-main.d4c1f9e

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

@@ -34,4 +34,5 @@ export let LiveChatWidgetActionType;
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_LIVE_CHAT_CONTEXT"] = 30] = "SET_LIVE_CHAT_CONTEXT";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_BOT_OAUTH_SIGNIN_ID"] = 31] = "SET_BOT_OAUTH_SIGNIN_ID";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_WIDGET_SIZE"] = 32] = "SET_WIDGET_SIZE";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_WIDGET_INSTANCE_ID"] = 33] = "SET_WIDGET_INSTANCE_ID";
 })(LiveChatWidgetActionType || (LiveChatWidgetActionType = {}));

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

@@ -20,14 +20,14 @@ export const getLiveChatWidgetContextInitialState = props => {
       globalDir: "ltr",
       liveChatContext: undefined,
       customContext: undefined,
-      widgetSize: undefined
+      widgetSize: undefined,
+      widgetInstanceId: ""
     },
     appStates: {
       conversationState: ConversationState.Closed,
       isMinimized: false,
       previousElementOnFocusBeforeModalOpen: null,
       outsideOperatingHours: false,
-      shouldShowPostChat: false,
       preChatResponseEmail: "",
       isAudioMuted: null,
       newMessage: false,

package/lib/esm/contexts/createReducer.js

@@ -235,6 +235,14 @@ export const createReducer = () => {
           }
         };
 
+      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;
     }

package/lib/esm/controller/componentController.js

@@ -18,13 +18,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/types/common/Constants.d.ts

@@ -76,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/telemetry/TelemetryConstants.d.ts

@@ -40,7 +40,8 @@ export declare enum BroadcastEvent {
     MaximizeChat = "MaximizeChat",
     ChatInitiated = "ChatInitiated",
     CloseChat = "CloseChat",
-    InitiateEndChatOnBrowserUnload = "InitiateEndChatOnBrowserUnload"
+    InitiateEndChatOnBrowserUnload = "InitiateEndChatOnBrowserUnload",
+    ClosePopoutWindow = "ClosePopoutWindow"
 }
 export declare enum TelemetryEvent {
     CallAdded = "CallAdded",
@@ -118,6 +119,10 @@ export declare enum TelemetryEvent {
     AudioToggleButtonClicked = "AudioToggleButtonClicked",
     SuppressBotMagicCodeSucceeded = "SuppressBotMagicCodeSucceeded",
     SuppressBotMagicCodeFailed = "SuppressBotMagicCodeFailed",
+    GetConversationDetailsException = "GetConversationDetailsException",
+    BrowserUnloadEventStarted = "BrowserUnloadEventStarted",
+    GetAuthTokenCalled = "GetAuthTokenCalled",
+    ReceivedNullOrEmptyToken = "ReceivedNullOrEmptyToken",
     ProcessingHTMLTextMiddlewareFailed = "ProcessingHTMLTextMiddlewareFailed",
     ProcessingSanitizationMiddlewareFailed = "ProcessingSanitizationMiddlewareFailed",
     FormatTagsMiddlewareJSONStringifyFailed = "FormatTagsMiddlewareJSONStringifyFailed",

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

@@ -18,9 +18,13 @@ export declare const extractPreChatSurveyResponseValues: (preChatSurvey: string,
     value: string;
 }[]) => {};
 export declare const isNullOrUndefined: (obj: any) => boolean;
-export declare const isNullOrEmptyString: (s: string) => boolean;
+export declare const isNullOrEmptyString: (s: string | null) => boolean;
 export declare const newGuid: () => string;
 export declare const createTimer: () => ITimer;
 export declare const getDomain: (hostValue: any) => string;
-export declare const getWidgetCacheId: (orgId: string, widgetId: string) => string;
-export declare const getWidgetEndChatEventName: (orgId: string, widgetId: string) => string;
+export declare const getWidgetCacheId: (orgId: string, widgetId: string, widgetInstanceId: string) => string;
+export declare const getWidgetEndChatEventName: (orgId: string, widgetId: string, widgetInstanceId: string) => string;
+export declare const getStateFromCache: (orgId: string, widgetId: string, widgetInstanceId: string) => any;
+export declare const isUndefinedOrEmpty: (object: any) => boolean;
+export declare const addDelayInMs: (ms: number) => Promise<void>;
+export declare const getBroadcastChannelName: (widgetId: string, widgetInstanceId: string) => string;

package/lib/types/components/headerstateful/interfaces/IHeaderStatefulParams.d.ts

@@ -15,6 +15,7 @@ export interface IHeaderStatefulParams {
      * @param adapter : The chat adapter for the live chat session
      * @param skipEndChatSDK : If set to true endchat will skip chatSDK endChat call
      * @param skipCloseChat : If set to true endchat will skip closing the live chat instance
+     * @param postMessageToOtherTab : If set to true endchat will send a message to other tabs(multi-tabs)
      */
-    endChat: (adapter: any, skipEndChatSDK?: boolean, skipCloseChat?: boolean) => Promise<void>;
+    endChat: (adapter: any, skipEndChatSDK?: boolean, skipCloseChat?: boolean, postMessageToOtherTab?: boolean) => Promise<void>;
 }

package/lib/types/components/livechatwidget/common/ActivityStreamHandler.d.ts

@@ -0,0 +1,14 @@
+export declare class ActivityStreamHandler {
+    static restoreDeferred: any;
+    static restorePromise: Promise<any>;
+    /**
+     * Use of a deferred pattern, to hold the execution of the activity.
+     *
+     * */
+    static cork(): void;
+    /**
+     * Resolve the promise, releasing it to continue with the execution of the activity.
+     *
+     * */
+    static uncork(): void;
+}

package/lib/types/components/livechatwidget/common/ActivitySubscriber/DefaultActivitySubscriber.d.ts

@@ -0,0 +1,5 @@
+import { IActivitySubscriber } from "./IActivitySubscriber";
+export declare class DefaultActivitySubscriber implements IActivitySubscriber {
+    observer: any;
+    next(activity: any): Promise<boolean>;
+}

package/lib/types/components/livechatwidget/common/ActivitySubscriber/IActivitySubscriber.d.ts

@@ -0,0 +1,6 @@
+export interface IActivitySubscriber {
+    observer: any;
+    next(activity: any): Promise<any>;
+    applicable?(activity: any): boolean;
+    apply?(activity: any): Promise<any>;
+}

package/lib/types/components/livechatwidget/common/ActivitySubscriber/PauseActivitySubscriber.d.ts

@@ -0,0 +1,7 @@
+import { IActivitySubscriber } from "./IActivitySubscriber";
+export declare class PauseActivitySubscriber implements IActivitySubscriber {
+    observer: any;
+    apply(activity: any): Promise<void>;
+    applicable(activity: any): boolean;
+    next(activity: any): Promise<any>;
+}

package/lib/types/components/livechatwidget/common/ChatAdapterShim.d.ts

@@ -0,0 +1,7 @@
+export declare class ChatAdapterShim {
+    chatAdapter: any;
+    activityObserver: any;
+    private subscribers;
+    constructor(chatAdapter: any);
+    addSubscriber(subscriber: any): void;
+}

package/lib/types/components/livechatwidget/common/Deferred.d.ts

@@ -0,0 +1,9 @@
+export declare class Deferred<T> {
+    private _promise;
+    private _resolve;
+    private _reject;
+    constructor();
+    resolve: (value?: any | PromiseLike<T>) => void;
+    reject: (value?: any | PromiseLike<T>) => void;
+    get promise(): Promise<T>;
+}

package/lib/types/components/livechatwidget/common/authHelper.d.ts

@@ -0,0 +1,4 @@
+import ChatConfig from "@microsoft/omnichannel-chat-sdk/lib/core/ChatConfig";
+declare const handleAuthentication: (chatSDK: any, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string | undefined) => Promise<string | null>) | undefined) => Promise<void>;
+declare const removeAuthTokenProvider: (chatSDK: any) => void;
+export { handleAuthentication, removeAuthTokenProvider };

package/lib/types/components/livechatwidget/common/reconnectChatHelper.d.ts

@@ -1,10 +1,11 @@
 import "regenerator-runtime/runtime";
+import ChatConfig from "@microsoft/omnichannel-chat-sdk/lib/core/ChatConfig";
 import { Dispatch } from "react";
 import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetAction";
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
-declare const getChatReconnectContext: (chatSDK: any, reconnectId?: string | undefined) => Promise<any>;
+declare const getChatReconnectContext: (chatSDK: any, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string | undefined) => Promise<string | null>) | undefined, isReconnectEnabled?: boolean | undefined, reconnectId?: string | undefined) => Promise<any>;
 declare const getReconnectIdForAuthenticatedChat: (props: ILiveChatWidgetProps, chatSDK: any) => Promise<string | undefined>;
-declare const handleUnauthenticatedReconnectChat: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, reconnectId: string, initStartChat: any, redirectInSameWindow: boolean | undefined) => Promise<void>;
-declare const startUnauthenticatedReconnectChat: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, reconnectId: string, initStartChat: any) => Promise<void>;
-declare const handleRedirectUnauthenticatedReconnectChat: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, initStartChat: any, reconnectId: string, redirectInSameWindow: boolean | undefined) => Promise<void>;
+declare const handleUnauthenticatedReconnectChat: (chatSDK: any, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string | undefined) => Promise<string | null>) | undefined, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, isReconnectEnabled: boolean | undefined, reconnectId: string, initStartChat: any, redirectInSameWindow: boolean | undefined) => Promise<void>;
+declare const startUnauthenticatedReconnectChat: (chatSDK: any, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string | undefined) => Promise<string | null>) | undefined, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, isReconnectEnabled: boolean | undefined, reconnectId: string, initStartChat: any) => Promise<void>;
+declare const handleRedirectUnauthenticatedReconnectChat: (chatSDK: any, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string | undefined) => Promise<string | null>) | undefined, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, initStartChat: any, isReconnectEnabled: boolean | undefined, reconnectId: string, redirectInSameWindow: boolean | undefined) => Promise<void>;
 export { getChatReconnectContext, getReconnectIdForAuthenticatedChat, handleUnauthenticatedReconnectChat, startUnauthenticatedReconnectChat, handleRedirectUnauthenticatedReconnectChat };

package/lib/types/components/livechatwidget/common/shareObservable.d.ts

@@ -0,0 +1 @@
+export declare function shareObservable(observable: any): any;

package/lib/types/components/livechatwidget/common/startChat.d.ts

@@ -1,8 +1,9 @@
+import ChatConfig from "@microsoft/omnichannel-chat-sdk/lib/core/ChatConfig";
 import { Dispatch } from "react";
 import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetAction";
 import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
 declare const prepareStartChat: (props: ILiveChatWidgetProps, chatSDK: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any) => Promise<void>;
-declare const setupChatState: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, isProactiveChat?: boolean | undefined, proactiveChatEnablePrechatState?: boolean | undefined) => Promise<void>;
-declare const initStartChat: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, params?: any, persistedState?: any) => Promise<void>;
-export { prepareStartChat, initStartChat, setupChatState };
+declare const setPreChatAndInitiateChat: (chatSDK: any, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string | undefined) => Promise<string | null>) | undefined, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, isProactiveChat?: boolean | undefined, proactiveChatEnablePrechatState?: boolean | undefined) => Promise<void>;
+declare const initStartChat: (chatSDK: any, chatConfig: ChatConfig | undefined, getAuthToken: ((authClientFunction?: string | undefined) => Promise<string | null>) | undefined, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, params?: any, persistedState?: any) => Promise<void>;
+export { prepareStartChat, initStartChat, setPreChatAndInitiateChat };

package/lib/types/components/livechatwidget/interfaces/ILiveChatWidgetControlProps.d.ts

@@ -14,4 +14,5 @@ export interface ILiveChatWidgetControlProps {
     hideReconnectChatPane?: boolean;
     hideWebChatContainer?: boolean;
     skipChatButtonRendering?: boolean;
+    widgetInstanceId?: string | undefined;
 }

package/lib/types/components/livechatwidget/interfaces/ILiveChatWidgetProps.d.ts

@@ -49,4 +49,5 @@ export interface ILiveChatWidgetProps {
     webChatContainerProps?: IWebChatContainerStatefulProps;
     liveChatContextFromCache?: ILiveChatWidgetContext;
     contextDataStore?: IContextDataStore;
+    getAuthToken?: (authClientFunction?: string) => Promise<string | null>;
 }

package/lib/types/components/reconnectchatpanestateful/interfaces/IReconnectChatPaneStatefulProps.d.ts

@@ -1,6 +1,5 @@
 import { IReconnectChatPaneProps } from "@microsoft/omnichannel-chat-components/lib/types/components/reconnectchatpane/interfaces/IReconnectChatPaneProps";
 export interface IReconnectChatPaneStatefulProps extends IReconnectChatPaneProps {
-    authClientFunction?: string;
     isReconnectEnabled?: boolean;
     reconnectId?: string;
     redirectInSameWindow?: boolean;

package/lib/types/components/webchatcontainerstateful/common/defaultStyles/defaultAdaptiveCardStyles.d.ts

@@ -0,0 +1,2 @@
+import { IAdaptiveCardStyles } from "../../interfaces/IAdaptiveCardStyles";
+export declare const defaultAdaptiveCardStyles: IAdaptiveCardStyles;

package/lib/types/components/webchatcontainerstateful/common/mockchatsdk.d.ts

@@ -1,6 +1,7 @@
 import MockAdapter from "./mockadapter";
 export declare class MockChatSDK {
     protected sleep: (ms: any) => Promise<unknown>;
+    isMockModeOn: boolean;
     startChat(): Promise<void>;
     endChat(): null;
     getChatToken(): null;

package/lib/types/components/webchatcontainerstateful/interfaces/IAdaptiveCardStyles.d.ts

@@ -0,0 +1,4 @@
+export interface IAdaptiveCardStyles {
+    background?: string;
+    color?: string;
+}

package/lib/types/components/webchatcontainerstateful/interfaces/IWebChatContainerStatefulProps.d.ts

@@ -4,6 +4,7 @@ import { IRenderingMiddlewareProps } from "./IRenderingMiddlewareProps";
 import { IStyle } from "@fluentui/react";
 import { IWebChatProps } from "./IWebChatProps";
 import { StyleOptions } from "botframework-webchat-api";
+import { IAdaptiveCardStyles } from "./IAdaptiveCardStyles";
 export interface IWebChatContainerStatefulProps {
     containerStyles?: IStyle;
     disableNewLineMarkdownSupport?: boolean;
@@ -15,4 +16,5 @@ export interface IWebChatContainerStatefulProps {
     renderingMiddlewareProps?: IRenderingMiddlewareProps;
     localizedTexts?: ILiveChatWidgetLocalizedTexts;
     botMagicCode?: IBotMagicCodeConfig;
+    adaptiveCardStyles?: IAdaptiveCardStyles;
 }

package/lib/types/contexts/common/ConversationState.d.ts

@@ -6,6 +6,7 @@ export declare enum ConversationState {
     ProactiveChat = 4,
     Active = 5,
     InActive = 6,
-    Postchat = 7,
-    Closed = 8
+    PostchatLoading = 7,
+    Postchat = 8,
+    Closed = 9
 }

package/lib/types/contexts/common/ILiveChatWidgetContext.d.ts

@@ -17,13 +17,13 @@ export interface ILiveChatWidgetContext {
         liveChatContext: any;
         customContext: any;
         widgetSize: any;
+        widgetInstanceId: string;
     };
     appStates: {
         conversationState: ConversationState;
         isMinimized: boolean;
         previousElementOnFocusBeforeModalOpen: HTMLElement | null;
         outsideOperatingHours: boolean;
-        shouldShowPostChat: boolean;
         preChatResponseEmail: string;
         isAudioMuted: boolean | null;
         newMessage: boolean;

package/lib/types/contexts/common/LiveChatWidgetActionType.d.ts

@@ -31,5 +31,6 @@ export declare enum LiveChatWidgetActionType {
     SET_WIDGET_STATE = 29,
     SET_LIVE_CHAT_CONTEXT = 30,
     SET_BOT_OAUTH_SIGNIN_ID = 31,
-    SET_WIDGET_SIZE = 32
+    SET_WIDGET_SIZE = 32,
+    SET_WIDGET_INSTANCE_ID = 33
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "0.1.0-main.ceb1702",
+  "version": "0.1.0-main.d4c1f9e",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -68,18 +68,19 @@
     "storybook-addon-playwright": "^4.9.2",
     "terser-webpack-plugin": "^4.2.3",
     "ts-loader": "^9.2.6",
-    "typescript": "^4.4.4",
+    "typescript": "4.6.4",
     "webpack": "^4.44.2",
     "webpack-cli": "^4.9.2"
   },
   "dependencies": {
     "@fluentui/react": "^8.49.1",
-    "@microsoft/omnichannel-chat-components": "0.1.0-main.b59a07c",
+    "@microsoft/omnichannel-chat-components": "0.1.0-main.5063558",
     "@microsoft/omnichannel-chat-sdk": "1.0.1-main.077d17c",
     "abort-controller-es5": "^2.0.1",
     "dompurify": "^2.3.4",
     "markdown-it": "^12.3.2",
     "markdown-it-for-inline": "^0.1.1",
+    "md5-typescript": "^1.0.5",
     "p-defer-es5": "^2.0.1",
     "slack-markdown-it": "^1.0.5"
   },