@microsoft/omnichannel-chat-widget 0.1.0-main.a72fbb6 → 0.1.0-main.acb91cf

package/lib/esm/components/webchatcontainerstateful/WebChatContainerStateful.js

@@ -12,6 +12,7 @@ import { WebChatActionType } from "./webchatcontroller/enums/WebChatActionType";
 import { WebChatStoreLoader } from "./webchatcontroller/WebChatStoreLoader";
 import { Constants } from "../../common/Constants";
 import { BotMagicCodeStore } from "./webchatcontroller/BotMagicCodeStore";
+import { defaultAdaptiveCardStyles } from "./common/defaultStyles/defaultAdaptiveCardStyles";
 const broadcastChannelMessageEvent = "message";
 
 const postActivity = activity => {
@@ -41,6 +42,8 @@ const createMagicCodeSuccessResponse = signin => {
 };
 
 export const WebChatContainerStateful = props => {
+  var _props$adaptiveCardSt, _props$adaptiveCardSt2;
+
   const {
     BasicWebChat
   } = Components;
@@ -109,6 +112,13 @@ export const WebChatContainerStateful = props => {
     magicCodeBroadcastChannel.addEventListener(broadcastChannelMessageEvent, eventListener);
   }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, `
+
+        .webchat__bubble__content>div#ms_lcw_webchat_adaptive_card {
+            background: ${(props === null || props === void 0 ? void 0 : (_props$adaptiveCardSt = props.adaptiveCardStyles) === null || _props$adaptiveCardSt === void 0 ? void 0 : _props$adaptiveCardSt.background) ?? defaultAdaptiveCardStyles.background};
+        }
+
+        div[class="ac-textBlock"]>p{color:${(props === null || props === void 0 ? void 0 : (_props$adaptiveCardSt2 = props.adaptiveCardStyles) === null || _props$adaptiveCardSt2 === void 0 ? void 0 : _props$adaptiveCardSt2.color) ?? defaultAdaptiveCardStyles.color};}
+
         .ms_lcw_webchat_received_message img.webchat__markdown__external-link-icon { 
             background-image : url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIzIDMgMTggMTgiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03LjI1MDEgNC41MDAxN0gxMC43NDk1QzExLjE2MzcgNC41MDAxNyAxMS40OTk1IDQuODM1OTYgMTEuNDk5NSA1LjI1MDE3QzExLjQ5OTUgNS42Mjk4NiAxMS4yMTczIDUuOTQzNjYgMTAuODUxMyA1Ljk5MzMyTDEwLjc0OTUgNi4wMDAxN0g3LjI0OTc0QzYuMDcwNzkgNS45OTk2MSA1LjEwMzQ5IDYuOTA2NTYgNS4wMDc4NiA4LjA2MTEyTDUuMDAwMjggOC4yMjAwM0w1LjAwMzEyIDE2Ljc1MDdDNS4wMDM0MyAxNy45NDE1IDUuOTI4ODUgMTguOTE2MSA3LjA5OTY2IDE4Ljk5NDlMNy4yNTM3MSAxOS4wMDAxTDE1Ljc1MTggMTguOTg4NEMxNi45NDE1IDE4Ljk4NjggMTcuOTE0NSAxOC4wNjIgMTcuOTkzNSAxNi44OTIzTDE3Ljk5ODcgMTYuNzM4NFYxMy4yMzIxQzE3Ljk5ODcgMTIuODE3OSAxOC4zMzQ1IDEyLjQ4MjEgMTguNzQ4NyAxMi40ODIxQzE5LjEyODQgMTIuNDgyMSAxOS40NDIyIDEyLjc2NDMgMTkuNDkxOCAxMy4xMzAzTDE5LjQ5ODcgMTMuMjMyMVYxNi43Mzg0QzE5LjQ5ODcgMTguNzQwNyAxNy45MjkzIDIwLjM3NjkgMTUuOTUyOCAyMC40ODI5TDE1Ljc1MzggMjAuNDg4NEw3LjI1ODI3IDIwLjUwMDFMNy4wNTQ5NSAyMC40OTQ5QzUuMTQyMzkgMjAuMzk1NCAzLjYwODk1IDE4Ljg2MjcgMy41MDgzNyAxNi45NTAyTDMuNTAzMTIgMTYuNzUxMUwzLjUwMDg5IDguMjUyN0wzLjUwNTI5IDguMDUwMkMzLjYwNTM5IDYuMTM3NDkgNS4xMzg2NyA0LjYwNDQ5IDcuMDUwOTYgNC41MDUyN0w3LjI1MDEgNC41MDAxN0gxMC43NDk1SDcuMjUwMVpNMTMuNzQ4MSAzLjAwMTQ2TDIwLjMwMTggMy4wMDE5N0wyMC40MDE0IDMuMDE1NzVMMjAuNTAyMiAzLjA0MzkzTDIwLjU1OSAzLjA2ODAzQzIwLjYxMjIgMy4wOTEyMiAyMC42NjM0IDMuMTIxNjMgMjAuNzExMSAzLjE1ODg1TDIwLjc4MDQgMy4yMjE1NkwyMC44NjQxIDMuMzIwMTRMMjAuOTE4MyAzLjQxMDI1TDIwLjk1NyAzLjUwMDU3TDIwLjk3NjIgMy41NjQ3NkwyMC45ODk4IDMuNjI4NjJMMjAuOTk5MiAzLjcyMjgyTDIwLjk5OTcgMTAuMjU1NEMyMC45OTk3IDEwLjY2OTYgMjAuNjYzOSAxMS4wMDU0IDIwLjI0OTcgMTEuMDA1NEMxOS44NyAxMS4wMDU0IDE5LjU1NjIgMTAuNzIzMiAxOS41MDY1IDEwLjM1NzFMMTkuNDk5NyAxMC4yNTU0TDE5LjQ5ODkgNS41NjE0N0wxMi4yNzk3IDEyLjc4NDdDMTIuMDEzNCAxMy4wNTEgMTEuNTk2OCAxMy4wNzUzIDExLjMwMzEgMTIuODU3NUwxMS4yMTkgMTIuNzg0OUMxMC45NTI3IDEyLjUxODcgMTAuOTI4NCAxMi4xMDIxIDExLjE0NjIgMTEuODA4NEwxMS4yMTg4IDExLjcyNDNMMTguNDM2OSA0LjUwMTQ2SDEzLjc0ODFDMTMuMzY4NCA0LjUwMTQ2IDEzLjA1NDYgNC4yMTkzMSAxMy4wMDUgMy44NTMyNEwxMi45OTgxIDMuNzUxNDZDMTIuOTk4MSAzLjM3MTc3IDEzLjI4MDMgMy4wNTc5NyAxMy42NDY0IDMuMDA4MzFMMTMuNzQ4MSAzLjAwMTQ2WiIgZmlsbD0iI0ZGRkZGRiIgLz48L3N2Zz4) !important;
             height: '.75em';

package/lib/esm/components/webchatcontainerstateful/common/defaultProps/defaultWebChatContainerStatefulProps.js

@@ -2,11 +2,13 @@ import MockAdapter from "../mockadapter";
 import { defaultWebChatStatefulContainerStyles } from "../defaultStyles/defaultWebChatStatefulContainerStyles";
 import { defaultWebChatStatefulProps } from "./defaultWebChatStatefulProps";
 import { defaultWebChatStatefulStyles } from "../defaultStyles/defaultWebChatContainerStatefulStyles";
+import { defaultAdaptiveCardStyles } from "../defaultStyles/defaultAdaptiveCardStyles";
 export const defaultWebChatContainerStatefulProps = {
   webChatStyles: defaultWebChatStatefulStyles,
   webChatProps: defaultWebChatStatefulProps,
   containerStyles: defaultWebChatStatefulContainerStyles,
   disableNewLineMarkdownSupport: false,
   disableMarkdownMessageFormatting: false,
-  directLine: new MockAdapter()
+  directLine: new MockAdapter(),
+  adaptiveCardStyles: defaultAdaptiveCardStyles
 };

package/lib/esm/components/webchatcontainerstateful/common/defaultStyles/defaultAdaptiveCardStyles.js

@@ -0,0 +1,4 @@
+export const defaultAdaptiveCardStyles = {
+  background: "white",
+  color: "black"
+};

package/lib/esm/components/webchatcontainerstateful/common/mockchatsdk.js

@@ -4,6 +4,8 @@ import MockAdapter from "./mockadapter";
 export class MockChatSDK {
   constructor() {
     _defineProperty(this, "sleep", ms => new Promise(r => setTimeout(r, ms)));
+
+    _defineProperty(this, "isMockModeOn", true);
   }
 
   async startChat() {

package/lib/esm/components/webchatcontainerstateful/interfaces/IAdaptiveCardStyles.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityStatusMiddleware.js

@@ -61,6 +61,7 @@ export const activityStatusMiddleware = () => next => args => {
       args: args,
       role: current_role,
       name: current_name
-    }));
+    })) // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ;
   }
 };

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,7 +20,8 @@ export const getLiveChatWidgetContextInitialState = props => {
       globalDir: "ltr",
       liveChatContext: undefined,
       customContext: undefined,
-      widgetSize: undefined
+      widgetSize: undefined,
+      widgetInstanceId: ""
     },
     appStates: {
       conversationState: ConversationState.Closed,

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/types/common/Constants.d.ts

@@ -77,6 +77,7 @@ export declare class Constants {
     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

@@ -121,6 +121,8 @@ export declare enum TelemetryEvent {
     SuppressBotMagicCodeFailed = "SuppressBotMagicCodeFailed",
     GetConversationDetailsException = "GetConversationDetailsException",
     BrowserUnloadEventStarted = "BrowserUnloadEventStarted",
+    GetAuthTokenCalled = "GetAuthTokenCalled",
+    ReceivedNullOrEmptyToken = "ReceivedNullOrEmptyToken",
     ProcessingHTMLTextMiddlewareFailed = "ProcessingHTMLTextMiddlewareFailed",
     ProcessingSanitizationMiddlewareFailed = "ProcessingSanitizationMiddlewareFailed",
     FormatTagsMiddlewareJSONStringifyFailed = "FormatTagsMiddlewareJSONStringifyFailed",
@@ -146,7 +148,9 @@ export declare enum TelemetryEvent {
     ReconnectChatMinimize = "ReconnectChatMinimize",
     MessageSent = "MessageSent",
     MessageReceived = "MessageReceived",
-    CustomContextReceived = "CustomContextReceived"
+    CustomContextReceived = "CustomContextReceived",
+    NetworkDisconnected = "NetworkDisconnected",
+    NetworkReconnected = "NetworkReconnected"
 }
 export interface TelemetryInput {
     scenarioType: ScenarioType;

package/lib/types/common/telemetry/TelemetryHelper.d.ts

@@ -31,7 +31,7 @@ export declare class TelemetryHelper {
     static addWidgetDataToTelemetry(telemetryConfig: ITelemetryConfig, telemetryInternalData: IInternalTelemetryData): IInternalTelemetryData;
     static addSessionDataToTelemetry(chatSession: LiveChatContext, telemetryInternalData: IInternalTelemetryData): IInternalTelemetryData;
     static addConversationDataToTelemetry(liveWorkItem: LiveWorkItemDetails, telemetryInternalData: IInternalTelemetryData): IInternalTelemetryData;
-    static logCallingEvent: (logLevel: LogLevel, payload: TelemetryEventWrapper, callId?: string) => void;
+    static logCallingEvent: (logLevel: LogLevel, payload: TelemetryEventWrapper, callId?: string | undefined) => void;
     static logLoadingEvent: (logLevel: LogLevel, payload: TelemetryEventWrapper) => void;
     static logActionEvent: (logLevel: LogLevel, payload: TelemetryEventWrapper) => void;
     static logSDKEvent: (logLevel: LogLevel, payload: TelemetryEventWrapper) => void;

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

@@ -18,12 +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 getStateFromCache: (orgId: string, widgetId: string) => any;
+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/footerstateful/downloadtranscriptstateful/DownloadTranscriptStateful.d.ts

@@ -1 +1 @@
-export declare const downloadTranscript: (chatSDK: any, renderMarkDown?: ((transcriptContent: string) => string) | undefined, bannerMessageOnError?: string, attachmentMessage?: string) => Promise<void>;
+export declare const downloadTranscript: (chatSDK: any, renderMarkDown?: ((transcriptContent: string) => string) | undefined, bannerMessageOnError?: string | undefined, attachmentMessage?: string | undefined) => Promise<void>;

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

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

@@ -3,5 +3,5 @@ import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetA
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
 import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
 declare const prepareEndChat: (props: ILiveChatWidgetProps, chatSDK: any, setAdapter: any, setWebChatStyles: any, dispatch: Dispatch<ILiveChatWidgetAction>, adapter: any, state: ILiveChatWidgetContext) => Promise<void>;
-declare const endChat: (props: ILiveChatWidgetProps, chatSDK: any, setAdapter: any, setWebChatStyles: any, dispatch: Dispatch<ILiveChatWidgetAction>, adapter: any, skipEndChatSDK?: boolean, skipCloseChat?: boolean, postMessageToOtherTab?: boolean) => Promise<void>;
+declare const endChat: (props: ILiveChatWidgetProps, chatSDK: any, setAdapter: any, setWebChatStyles: any, dispatch: Dispatch<ILiveChatWidgetAction>, adapter: any, skipEndChatSDK?: boolean | undefined, skipCloseChat?: boolean | undefined, postMessageToOtherTab?: boolean | undefined) => Promise<void>;
 export { prepareEndChat, endChat };

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

@@ -1,11 +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";
-import { IAuthProps } from "../interfaces/IAuthProps";
-declare const getChatReconnectContext: (chatSDK: any, reconnectId?: string) => 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, authProps: IAuthProps | undefined, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, reconnectId: string, initStartChat: any, redirectInSameWindow: boolean | undefined) => Promise<void>;
-declare const startUnauthenticatedReconnectChat: (chatSDK: any, authProps: IAuthProps | undefined, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, reconnectId: string, initStartChat: any) => Promise<void>;
-declare const handleRedirectUnauthenticatedReconnectChat: (chatSDK: any, authProps: IAuthProps | undefined, 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/setPostChatContextAndLoadSurvey.d.ts

@@ -1,3 +1,3 @@
 import { Dispatch } from "react";
 import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetAction";
-export declare const setPostChatContextAndLoadSurvey: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>, persistedChat?: boolean) => Promise<void>;
+export declare const setPostChatContextAndLoadSurvey: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>, persistedChat?: boolean | undefined) => Promise<void>;

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,9 +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";
-import { IAuthProps } from "../interfaces/IAuthProps";
 declare const prepareStartChat: (props: ILiveChatWidgetProps, chatSDK: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any) => Promise<void>;
-declare const setPreChatAndInitiateChat: (chatSDK: any, authProps: IAuthProps | undefined, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, isProactiveChat?: boolean | false, proactiveChatEnablePrechatState?: boolean | false) => Promise<void>;
-declare const initStartChat: (chatSDK: any, authProps: IAuthProps | undefined, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, params?: any, persistedState?: any) => Promise<void>;
+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/common/startProactiveChat.d.ts

@@ -1,4 +1,4 @@
 import { Dispatch } from "react";
 import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetAction";
 import { IProactiveChatNotificationConfig } from "../../proactivechatpanestateful/interfaces/IProactiveChatNotificationConfig";
-export declare const startProactiveChat: (dispatch: Dispatch<ILiveChatWidgetAction>, notificationConfig?: IProactiveChatNotificationConfig, enablePreChat?: boolean, inNewWindow?: boolean) => void;
+export declare const startProactiveChat: (dispatch: Dispatch<ILiveChatWidgetAction>, notificationConfig?: IProactiveChatNotificationConfig | undefined, enablePreChat?: boolean | undefined, inNewWindow?: boolean | undefined) => void;

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

@@ -21,7 +21,6 @@ import { IWebChatContainerStatefulProps } from "../../webchatcontainerstateful/i
 import { OmnichannelChatSDK } from "@microsoft/omnichannel-chat-sdk";
 import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
 import { IContextDataStore } from "../../../common/interfaces/IContextDataStore";
-import { IAuthProps } from "./IAuthProps";
 export interface ILiveChatWidgetProps {
     audioNotificationProps?: IAudioNotificationProps;
     callingContainerProps?: ICallingContainerProps;
@@ -50,5 +49,5 @@ export interface ILiveChatWidgetProps {
     webChatContainerProps?: IWebChatContainerStatefulProps;
     liveChatContextFromCache?: ILiveChatWidgetContext;
     contextDataStore?: IContextDataStore;
-    authProps?: IAuthProps;
+    getAuthToken?: (authClientFunction?: string) => Promise<string | null>;
 }

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/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityMiddleware.d.ts

@@ -7,4 +7,4 @@
  * 3. Decodes certain html characters that came through from chat services
  ******/
 import React from "react";
-export declare const createActivityMiddleware: (systemMessageStyleProps?: React.CSSProperties, userMessageStyleProps?: React.CSSProperties) => () => (next: any) => (...args: any) => any;
+export declare const createActivityMiddleware: (systemMessageStyleProps?: React.CSSProperties | undefined, userMessageStyleProps?: React.CSSProperties | undefined) => () => (next: any) => (...args: any) => any;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityStatusMiddleware.d.ts

@@ -1 +1 @@
-export declare const activityStatusMiddleware: () => (next: any) => (args: any) => JSX.Element | undefined;
+export declare const activityStatusMiddleware: () => (next: any) => (args: any) => any;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/avatarMiddleware.d.ts

@@ -5,4 +5,4 @@
  * 1. Renders the first two letters of the sender as the profile pic
  ******/
 import React from "react";
-export declare const createAvatarMiddleware: (avatarStyleProps?: React.CSSProperties, avatarTextStyleProps?: React.CSSProperties) => () => (next: any) => (args_0: any) => false | (() => JSX.Element);
+export declare const createAvatarMiddleware: (avatarStyleProps?: React.CSSProperties | undefined, avatarTextStyleProps?: React.CSSProperties | undefined) => () => (next: any) => (args_0: any) => false | (() => JSX.Element);

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

@@ -17,6 +17,7 @@ export interface ILiveChatWidgetContext {
         liveChatContext: any;
         customContext: any;
         widgetSize: any;
+        widgetInstanceId: string;
     };
     appStates: {
         conversationState: ConversationState;

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.a72fbb6",
+  "version": "0.1.0-main.acb91cf",
   "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.5a87386",
     "@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"
   },

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

@@ -1,4 +0,0 @@
-export interface IAuthProps {
-    authClientFunction?: string;
-    setAuthTokenProviderToChatSdk?: (chatSDK: any, authClientFunction?: string) => Promise<void>;
-}