@microsoft/omnichannel-chat-widget 0.1.0-main.99b5123 → 0.1.0-main.99bac9c

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

@@ -2,6 +2,7 @@ import { Stack } from "@fluentui/react";
 import { LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
 import React, { useEffect } from "react";
 import { Components } from "botframework-webchat";
+import { BroadcastChannel } from "broadcast-channel";
 import { LiveChatWidgetActionType } from "../../contexts/common/LiveChatWidgetActionType";
 import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
 import { defaultMiddlewareLocalizedTexts } from "./common/defaultProps/defaultMiddlewareLocalizedTexts";
@@ -13,6 +14,7 @@ import { WebChatStoreLoader } from "./webchatcontroller/WebChatStoreLoader";
 import { Constants } from "../../common/Constants";
 import { BotMagicCodeStore } from "./webchatcontroller/BotMagicCodeStore";
 import { defaultAdaptiveCardStyles } from "./common/defaultStyles/defaultAdaptiveCardStyles";
+import { defaultReceivedMessageAnchorStyles } from "./webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultReceivedMessageAnchorStyles";
 const broadcastChannelMessageEvent = "message";
 
 const postActivity = activity => {
@@ -42,7 +44,7 @@ const createMagicCodeSuccessResponse = signin => {
 };
 
 export const WebChatContainerStateful = props => {
-  var _props$adaptiveCardSt, _props$adaptiveCardSt2;
+  var _props$adaptiveCardSt, _props$adaptiveCardSt2, _props$renderingMiddl, _props$renderingMiddl2, _props$renderingMiddl3, _props$renderingMiddl4;
 
   const {
     BasicWebChat
@@ -122,7 +124,8 @@ export const WebChatContainerStateful = props => {
         .ms_lcw_webchat_received_message img.webchat__markdown__external-link-icon { 
             background-image : url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIzIDMgMTggMTgiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03LjI1MDEgNC41MDAxN0gxMC43NDk1QzExLjE2MzcgNC41MDAxNyAxMS40OTk1IDQuODM1OTYgMTEuNDk5NSA1LjI1MDE3QzExLjQ5OTUgNS42Mjk4NiAxMS4yMTczIDUuOTQzNjYgMTAuODUxMyA1Ljk5MzMyTDEwLjc0OTUgNi4wMDAxN0g3LjI0OTc0QzYuMDcwNzkgNS45OTk2MSA1LjEwMzQ5IDYuOTA2NTYgNS4wMDc4NiA4LjA2MTEyTDUuMDAwMjggOC4yMjAwM0w1LjAwMzEyIDE2Ljc1MDdDNS4wMDM0MyAxNy45NDE1IDUuOTI4ODUgMTguOTE2MSA3LjA5OTY2IDE4Ljk5NDlMNy4yNTM3MSAxOS4wMDAxTDE1Ljc1MTggMTguOTg4NEMxNi45NDE1IDE4Ljk4NjggMTcuOTE0NSAxOC4wNjIgMTcuOTkzNSAxNi44OTIzTDE3Ljk5ODcgMTYuNzM4NFYxMy4yMzIxQzE3Ljk5ODcgMTIuODE3OSAxOC4zMzQ1IDEyLjQ4MjEgMTguNzQ4NyAxMi40ODIxQzE5LjEyODQgMTIuNDgyMSAxOS40NDIyIDEyLjc2NDMgMTkuNDkxOCAxMy4xMzAzTDE5LjQ5ODcgMTMuMjMyMVYxNi43Mzg0QzE5LjQ5ODcgMTguNzQwNyAxNy45MjkzIDIwLjM3NjkgMTUuOTUyOCAyMC40ODI5TDE1Ljc1MzggMjAuNDg4NEw3LjI1ODI3IDIwLjUwMDFMNy4wNTQ5NSAyMC40OTQ5QzUuMTQyMzkgMjAuMzk1NCAzLjYwODk1IDE4Ljg2MjcgMy41MDgzNyAxNi45NTAyTDMuNTAzMTIgMTYuNzUxMUwzLjUwMDg5IDguMjUyN0wzLjUwNTI5IDguMDUwMkMzLjYwNTM5IDYuMTM3NDkgNS4xMzg2NyA0LjYwNDQ5IDcuMDUwOTYgNC41MDUyN0w3LjI1MDEgNC41MDAxN0gxMC43NDk1SDcuMjUwMVpNMTMuNzQ4MSAzLjAwMTQ2TDIwLjMwMTggMy4wMDE5N0wyMC40MDE0IDMuMDE1NzVMMjAuNTAyMiAzLjA0MzkzTDIwLjU1OSAzLjA2ODAzQzIwLjYxMjIgMy4wOTEyMiAyMC42NjM0IDMuMTIxNjMgMjAuNzExMSAzLjE1ODg1TDIwLjc4MDQgMy4yMjE1NkwyMC44NjQxIDMuMzIwMTRMMjAuOTE4MyAzLjQxMDI1TDIwLjk1NyAzLjUwMDU3TDIwLjk3NjIgMy41NjQ3NkwyMC45ODk4IDMuNjI4NjJMMjAuOTk5MiAzLjcyMjgyTDIwLjk5OTcgMTAuMjU1NEMyMC45OTk3IDEwLjY2OTYgMjAuNjYzOSAxMS4wMDU0IDIwLjI0OTcgMTEuMDA1NEMxOS44NyAxMS4wMDU0IDE5LjU1NjIgMTAuNzIzMiAxOS41MDY1IDEwLjM1NzFMMTkuNDk5NyAxMC4yNTU0TDE5LjQ5ODkgNS41NjE0N0wxMi4yNzk3IDEyLjc4NDdDMTIuMDEzNCAxMy4wNTEgMTEuNTk2OCAxMy4wNzUzIDExLjMwMzEgMTIuODU3NUwxMS4yMTkgMTIuNzg0OUMxMC45NTI3IDEyLjUxODcgMTAuOTI4NCAxMi4xMDIxIDExLjE0NjIgMTEuODA4NEwxMS4yMTg4IDExLjcyNDNMMTguNDM2OSA0LjUwMTQ2SDEzLjc0ODFDMTMuMzY4NCA0LjUwMTQ2IDEzLjA1NDYgNC4yMTkzMSAxMy4wMDUgMy44NTMyNEwxMi45OTgxIDMuNzUxNDZDMTIuOTk4MSAzLjM3MTc3IDEzLjI4MDMgMy4wNTc5NyAxMy42NDY0IDMuMDA4MzFMMTMuNzQ4MSAzLjAwMTQ2WiIgZmlsbD0iI0ZGRkZGRiIgLz48L3N2Zz4) !important;
             height: '.75em';
-            marginLeft: '.25em'; 
+            marginLeft: '.25em';
+            filter:${(props === null || props === void 0 ? void 0 : (_props$renderingMiddl = props.renderingMiddlewareProps) === null || _props$renderingMiddl === void 0 ? void 0 : (_props$renderingMiddl2 = _props$renderingMiddl.receivedMessageAnchorStyles) === null || _props$renderingMiddl2 === void 0 ? void 0 : _props$renderingMiddl2.filter) ?? "none"};
         }
         pre {
             white-space: pre-wrap;
@@ -135,7 +138,7 @@ export const WebChatContainerStateful = props => {
         .ms_lcw_webchat_received_message a:visited,
         .ms_lcw_webchat_received_message a:hover,
         .ms_lcw_webchat_received_message a:active {
-            color: white;
+            color: ${(props === null || props === void 0 ? void 0 : (_props$renderingMiddl3 = props.renderingMiddlewareProps) === null || _props$renderingMiddl3 === void 0 ? void 0 : (_props$renderingMiddl4 = _props$renderingMiddl3.receivedMessageAnchorStyles) === null || _props$renderingMiddl4 === void 0 ? void 0 : _props$renderingMiddl4.color) ?? (defaultReceivedMessageAnchorStyles === null || defaultReceivedMessageAnchorStyles === void 0 ? void 0 : defaultReceivedMessageAnchorStyles.color)};
         } `), /*#__PURE__*/React.createElement(Stack, {
     styles: containerStyles
   }, /*#__PURE__*/React.createElement(BasicWebChat, null)));

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/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultReceivedMessageAnchorStyles.js

@@ -0,0 +1,3 @@
+export const defaultReceivedMessageAnchorStyles = {
+  color: "white"
+};

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

@@ -7,7 +7,7 @@ export let LiveChatWidgetActionType;
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_GLOBAL_DIR"] = 3] = "SET_GLOBAL_DIR";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_MINIMIZED"] = 4] = "SET_MINIMIZED";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_CONVERSATION_STATE"] = 5] = "SET_CONVERSATION_STATE";
-  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_PREVIOUS_FOCUSED_ELEMENT"] = 6] = "SET_PREVIOUS_FOCUSED_ELEMENT";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_PREVIOUS_FOCUSED_ELEMENT_ID"] = 6] = "SET_PREVIOUS_FOCUSED_ELEMENT_ID";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_OUTSIDE_OPERATING_HOURS"] = 7] = "SET_OUTSIDE_OPERATING_HOURS";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_PRE_CHAT_SURVEY_RESPONSE"] = 8] = "SET_PRE_CHAT_SURVEY_RESPONSE";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_CUSTOM_CONTEXT"] = 9] = "SET_CUSTOM_CONTEXT";

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

@@ -1,10 +1,15 @@
 import { ConversationState } from "./ConversationState";
 import { defaultMiddlewareLocalizedTexts } from "../../components/webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts";
+import { getWidgetCacheId, isNullOrUndefined } from "../../common/utils";
+import { defaultClientDataStoreProvider } from "../../common/storage/default/defaultClientDataStoreProvider";
 export const getLiveChatWidgetContextInitialState = props => {
-  var _props$webChatContain;
+  var _props$chatSDK, _props$chatSDK$omnich, _props$chatSDK2, _props$chatSDK2$omnic, _props$controlProps, _props$webChatContain;
 
-  if (props !== null && props !== void 0 && props.liveChatContextFromCache) {
-    return props === null || props === void 0 ? void 0 : props.liveChatContextFromCache;
+  const widgetCacheId = getWidgetCacheId(props === null || props === void 0 ? void 0 : (_props$chatSDK = props.chatSDK) === null || _props$chatSDK === void 0 ? void 0 : (_props$chatSDK$omnich = _props$chatSDK.omnichannelConfig) === null || _props$chatSDK$omnich === void 0 ? void 0 : _props$chatSDK$omnich.orgId, props === null || props === void 0 ? void 0 : (_props$chatSDK2 = props.chatSDK) === null || _props$chatSDK2 === void 0 ? void 0 : (_props$chatSDK2$omnic = _props$chatSDK2.omnichannelConfig) === null || _props$chatSDK2$omnic === void 0 ? void 0 : _props$chatSDK2$omnic.widgetId, (props === null || props === void 0 ? void 0 : (_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.widgetInstanceId) ?? "");
+  const initialState = defaultClientDataStoreProvider().getData(widgetCacheId, "localStorage");
+
+  if (!isNullOrUndefined(initialState)) {
+    return JSON.parse(initialState);
   }
 
   const LiveChatWidgetContextInitialState = {
@@ -26,7 +31,7 @@ export const getLiveChatWidgetContextInitialState = props => {
     appStates: {
       conversationState: ConversationState.Closed,
       isMinimized: false,
-      previousElementOnFocusBeforeModalOpen: null,
+      previousElementIdOnFocusBeforeModalOpen: null,
       outsideOperatingHours: false,
       preChatResponseEmail: "",
       isAudioMuted: null,

package/lib/esm/contexts/createReducer.js

@@ -69,10 +69,10 @@ export const createReducer = () => {
           }
         };
 
-      case LiveChatWidgetActionType.SET_PREVIOUS_FOCUSED_ELEMENT:
+      case LiveChatWidgetActionType.SET_PREVIOUS_FOCUSED_ELEMENT_ID:
         return { ...state,
           appStates: { ...state.appStates,
-            previousElementOnFocusBeforeModalOpen: action.payload
+            previousElementIdOnFocusBeforeModalOpen: action.payload
           }
         };
 

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;
+};

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

@@ -79,6 +79,8 @@ export declare enum TelemetryEvent {
     PostChatContextCallSucceed = "PostChatContextCallSucceed",
     PostChatContextCallFailed = "PostChatContextCallFailed",
     ParseAdaptiveCardFailed = "ParseAdaptiveCardFailed",
+    ClientDataStoreProviderFailed = "ClientDataStoreProviderFailed",
+    InMemoryDataStoreFailed = "InMemoryDataStoreFailed",
     WebChatLoaded = "WebChatLoaded",
     LCWChatButtonClicked = "LCWChatButtonClicked",
     LCWChatButtonShow = "LCWChatButtonShow",
@@ -148,7 +150,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/components/livechatwidget/common/authHelper.d.ts

@@ -1,4 +1,5 @@
 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 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 { handleAuthentication, removeAuthTokenProvider };
+export { getAuthClientFunction, handleAuthentication, removeAuthTokenProvider };

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

@@ -1,5 +1,5 @@
-import { IAttachmentProps } from "./IAttachmentProps";
 import React from "react";
+import { IAttachmentProps } from "./IAttachmentProps";
 export interface IRenderingMiddlewareProps {
     timestampDir?: "ltr" | "rtl" | "auto";
     disableActivityMiddleware?: boolean;
@@ -28,4 +28,5 @@ export interface IRenderingMiddlewareProps {
     attachmentDownloadIconStyles?: React.CSSProperties;
     attachmentContentStyles?: React.CSSProperties;
     attachmentSizeStyles?: React.CSSProperties;
+    receivedMessageAnchorStyles?: React.CSSProperties;
 }

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/defaultStyles/defaultReceivedMessageAnchorStyles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const defaultReceivedMessageAnchorStyles: React.CSSProperties;

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

@@ -22,7 +22,7 @@ export interface ILiveChatWidgetContext {
     appStates: {
         conversationState: ConversationState;
         isMinimized: boolean;
-        previousElementOnFocusBeforeModalOpen: HTMLElement | null;
+        previousElementIdOnFocusBeforeModalOpen: string | null;
         outsideOperatingHours: boolean;
         preChatResponseEmail: string;
         isAudioMuted: boolean | null;

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

@@ -5,7 +5,7 @@ export declare enum LiveChatWidgetActionType {
     SET_GLOBAL_DIR = 3,
     SET_MINIMIZED = 4,
     SET_CONVERSATION_STATE = 5,
-    SET_PREVIOUS_FOCUSED_ELEMENT = 6,
+    SET_PREVIOUS_FOCUSED_ELEMENT_ID = 6,
     SET_OUTSIDE_OPERATING_HOURS = 7,
     SET_PRE_CHAT_SURVEY_RESPONSE = 8,
     SET_CUSTOM_CONTEXT = 9,

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

@@ -1,3 +1,2 @@
-import { ILiveChatWidgetContext } from "./ILiveChatWidgetContext";
 import { ILiveChatWidgetProps } from "../../components/livechatwidget/interfaces/ILiveChatWidgetProps";
-export declare const getLiveChatWidgetContextInitialState: (props: ILiveChatWidgetProps) => ILiveChatWidgetContext;
+export declare const getLiveChatWidgetContextInitialState: (props: ILiveChatWidgetProps) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "0.1.0-main.99b5123",
+  "version": "0.1.0-main.99bac9c",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -74,7 +74,7 @@
   },
   "dependencies": {
     "@fluentui/react": "^8.49.1",
-    "@microsoft/omnichannel-chat-components": "0.1.0-main.5063558",
+    "@microsoft/omnichannel-chat-components": "0.1.0-main.d40108a",
     "@microsoft/omnichannel-chat-sdk": "1.0.1-main.077d17c",
     "abort-controller-es5": "^2.0.1",
     "dompurify": "^2.3.4",