@microsoft/omnichannel-chat-widget 0.1.0-main.21ab3ba → 0.1.0-main.23dc34f

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

@@ -229,7 +229,8 @@ const createAttachmentMiddleware = enableInlinePlaying => {
         renderer: next
       });
     }
-    if (fileExtension === "txt") {
+    const isUnknownImageObject = contentType.toLowerCase().includes("image") && !imageExtension;
+    if (fileExtension === "txt" || isUnknownImageObject) {
       return /*#__PURE__*/React.createElement(Attachment, {
         iconData: iconData,
         textCard: patchAttachment(card, {

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultSystemMessageBoxStyles.js

@@ -1,3 +1,3 @@
 export const defaultSystemMessageBoxStyles = {
-  maxWidth: "75%"
+  maxWidth: "90%"
 };

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultUserMessageBoxStyles.js

@@ -1,3 +1,3 @@
 export const defaultUserMessageBoxStyles = {
-  maxWidth: "75%"
+  maxWidth: "90%"
 };

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/NotDeliveredTimestamp.js

@@ -1,5 +1,4 @@
 import React, { useCallback, useEffect, useRef } from "react";
-import { HtmlAttributeNames } from "../../../../../../common/Constants";
 import { KeyCodes } from "../../../../../../common/KeyCodes";
 import { Stack } from "@fluentui/react";
 import { defaultMiddlewareLocalizedTexts } from "../../../../common/defaultProps/defaultMiddlewareLocalizedTexts";
@@ -50,9 +49,8 @@ export const NotDeliveredTimestamp = _ref => {
       timestampWebChatNodes[1].innerText = getTimestampHourMinute(timestamp);
     }
   }, [timestampRef]);
-  const onRetryClick = useCallback(async event => {
+  const onRetryClick = useCallback(async () => {
     var _activity$channelData;
-    removeNotDeliveredTimestamp(event);
     activity.previousClientActivityID = (_activity$channelData = activity.channelData) === null || _activity$channelData === void 0 ? void 0 : _activity$channelData.clientActivityID;
     await postActivity(activity);
     focus("sendBox");
@@ -60,19 +58,9 @@ export const NotDeliveredTimestamp = _ref => {
   const onRetryKeyEnter = event => {
     if (event.code === KeyCodes.ENTER) {
       event.preventDefault();
-      onRetryClick(event);
+      onRetryClick();
     }
   };
-  const removeNotDeliveredTimestamp = event => {
-    let parent = event.target.parentElement;
-    while (parent.tagName !== HtmlAttributeNames.listItem) {
-      parent = parent.parentElement;
-      if (parent.tagName === HtmlAttributeNames.unorderedList) {
-        return;
-      }
-    }
-    parent.parentNode.removeChild(parent);
-  };
   return /*#__PURE__*/React.createElement(Stack, {
     style: contentStyles,
     dir: dir,

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/SendingTimestamp.js

@@ -2,29 +2,20 @@ import React from "react";
 import { Stack } from "@fluentui/react";
 import { defaultMiddlewareLocalizedTexts } from "../../../../common/defaultProps/defaultMiddlewareLocalizedTexts";
 import { defaultTimestampContentStyles } from "../defaultStyles/defaultTimestampContentStyles";
-import { getTimestampHourMinute } from "../../../../../../common/utils";
 import { useChatContextStore } from "../../../../../..";
 
 /* eslint @typescript-eslint/no-explicit-any: "off" */
-export const SendingTimestamp = _ref => {
+export const SendingTimestamp = () => {
   var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$m;
-  let {
-    args
-  } = _ref;
   const [state] = useChatContextStore();
   const dir = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.timestampDir) ?? state.domainStates.globalDir;
   const contentStyles = {
     ...defaultTimestampContentStyles,
     ...((_state$domainStates$r2 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r2 === void 0 ? void 0 : _state$domainStates$r2.timestampContentStyleProps)
   };
-  const {
-    activity: {
-      timestamp
-    }
-  } = args;
   return /*#__PURE__*/React.createElement(Stack, {
     style: contentStyles,
     dir: dir,
     horizontal: true
-  }, /*#__PURE__*/React.createElement("span", null, " ", getTimestampHourMinute(timestamp)), /*#__PURE__*/React.createElement("span", null, " \xA0-\xA0 "), /*#__PURE__*/React.createElement("span", null, " ", ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_MESSAGE_SENDING) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_SENDING, " "));
+  }, /*#__PURE__*/React.createElement("span", null, " ", ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_MESSAGE_SENDING) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_SENDING, " "));
 };

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

@@ -2,10 +2,12 @@ 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";
+import { Constants } from "../../common/Constants";
 export const getLiveChatWidgetContextInitialState = props => {
-  var _props$chatSDK, _props$chatSDK$omnich, _props$chatSDK2, _props$chatSDK2$omnic, _props$controlProps, _props$webChatContain;
+  var _props$chatSDK, _props$chatSDK$omnich, _props$chatSDK2, _props$chatSDK2$omnic, _props$controlProps, _props$controlProps2, _props$webChatContain;
   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");
+  const cacheTtlInMins = (props === null || props === void 0 ? void 0 : (_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.cacheTtlInMins) ?? Constants.CacheTtlInMinutes;
+  const initialState = defaultClientDataStoreProvider(cacheTtlInMins).getData(widgetCacheId, "localStorage");
   if (!isNullOrUndefined(initialState)) {
     return JSON.parse(initialState);
   }

package/lib/esm/hooks/useDebounce.js

@@ -0,0 +1,22 @@
+import { useRef, useEffect } from "react";
+export default function useDebounce(func) {
+  let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
+  const timer = useRef();
+  useEffect(() => {
+    return () => {
+      if (!timer.current) return;
+      clearTimeout(timer.current);
+    };
+  }, []);
+  const debouncedFunction = function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    const newTimer = setTimeout(() => {
+      func(...args);
+    }, delay);
+    clearTimeout(timer.current);
+    timer.current = newTimer;
+  };
+  return debouncedFunction;
+}

package/lib/esm/hooks/useWindowDimensions.js

@@ -0,0 +1,23 @@
+import { useState, useEffect } from "react";
+import useDebounce from "./useDebounce";
+function getWindowDimensions() {
+  const {
+    innerWidth: width,
+    innerHeight: height
+  } = window;
+  return {
+    width,
+    height
+  };
+}
+export default function useWindowDimensions() {
+  let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 200;
+  const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());
+  const handleResize = () => setWindowDimensions(getWindowDimensions());
+  const debouncedHandleResize = useDebounce(handleResize, delay);
+  useEffect(() => {
+    window.addEventListener("resize", debouncedHandleResize);
+    return () => window.removeEventListener("resize", debouncedHandleResize);
+  }, []);
+  return windowDimensions;
+}

package/lib/esm/plugins/newMessageEventHandler.js

@@ -9,6 +9,7 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
     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);
   };
+  let isHistoryMessageReceivedEventRasied = false;
   const raiseMessageEvent = (activity, isHistoryMessage) => {
     if ((activity === null || activity === void 0 ? void 0 : activity.type) === Constants.message) {
       var _text, _text2, _activity$channelData4, _activity$from;
@@ -39,6 +40,10 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
         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;
+          TelemetryHelper.logActionEvent(LogLevel.INFO, {
+            Event: TelemetryEvent.SystemMessageReceived,
+            Description: "System message received"
+          });
         } else {
           var _activity$channelData7, _activity$channelData8, _activity$channelData9;
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -63,6 +68,15 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
             Description: "New message received",
             Data: payload
           });
+        } else {
+          if (!isHistoryMessageReceivedEventRasied) {
+            isHistoryMessageReceivedEventRasied = true;
+            TelemetryHelper.logActionEvent(LogLevel.INFO, {
+              Event: TelemetryEvent.HistoryMessageReceived,
+              Description: "History message received",
+              Data: payload
+            });
+          }
         }
       }
     }

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

@@ -78,6 +78,7 @@ export declare class Constants {
     static readonly ChatWidgetStateChangedPrefix = "ChatWidgetStateChanged";
     static readonly PostChatLoadingDurationInMs = 2000;
     static readonly BrowserUnloadConfirmationMessage = "Do you want to leave chat?";
+    static readonly CacheTtlInMinutes = 15;
 }
 export declare const Regex: {
     new (): {};
@@ -125,6 +126,7 @@ export declare class HtmlAttributeNames {
     static readonly adaptiveCardClassName = "ac-adaptiveCard";
     static readonly adaptiveCardTextBlockClassName = "ac-textBlock";
     static readonly adaptiveCardToggleInputClassName = "ac-toggleInput";
+    static readonly adaptiveCardActionSetClassName = "ac-actionSet";
 }
 export declare class WebChatMiddlewareConstants {
     static readonly nextVisibleActivity = "nextVisibleActivity";

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

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

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

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

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

@@ -42,7 +42,9 @@ export declare enum BroadcastEvent {
     CloseChat = "CloseChat",
     InitiateEndChatOnBrowserUnload = "InitiateEndChatOnBrowserUnload",
     ClosePopoutWindow = "ClosePopoutWindow",
-    RaiseErrorEvent = "RaiseErrorEvent"
+    RaiseErrorEvent = "RaiseErrorEvent",
+    NetworkDisconnected = "NetworkDisconnected",
+    NetworkReconnected = "NetworkReconnected"
 }
 export declare enum TelemetryEvent {
     CallAdded = "CallAdded",
@@ -102,6 +104,7 @@ export declare enum TelemetryEvent {
     DownloadTranscriptResponseNullOrUndefined = "DownloadTranscriptResponseNullOrUndefined",
     EmailTranscriptSent = "EmailTranscriptSent",
     EmailTranscriptFailed = "EmailTranscriptFailed",
+    ErrorUIPaneLoaded = "ErrorUIPaneLoaded",
     DownloadTranscriptFailed = "DownloadTranscriptFailed",
     StartChatFailed = "StartChatFailed",
     IC3ThreadUpdateEventReceived = "IC3ThreadUpdateEventReceived",
@@ -157,6 +160,8 @@ export declare enum TelemetryEvent {
     ReconnectChatMinimize = "ReconnectChatMinimize",
     MessageSent = "MessageSent",
     MessageReceived = "MessageReceived",
+    SystemMessageReceived = "SystemMessageReceived",
+    HistoryMessageReceived = "HistoryMessageReceived",
     CustomContextReceived = "CustomContextReceived",
     NetworkDisconnected = "NetworkDisconnected",
     NetworkReconnected = "NetworkReconnected"

package/lib/types/common/telemetry/definitions/Contracts.d.ts

@@ -32,6 +32,8 @@ export interface LoadContract extends BaseContract {
 export interface ActionsContract extends BaseContract {
     Event?: string;
     ActionType?: string;
+    Description?: string;
+    CustomProperties?: any;
 }
 export interface IC3ClientContract extends BaseContract {
     Event?: string;

package/lib/types/common/telemetry/definitions/Payload.d.ts

@@ -72,6 +72,7 @@ export interface ActionTelemetryData extends BaseTelemetryData {
     ActionType?: string;
     ExceptionDetails?: object;
     Description?: string;
+    CustomProperties?: any;
 }
 export interface CallingTelemetryData extends BaseTelemetryData {
     CallId?: string;

package/lib/types/common/telemetry/interfaces/ITelemetryConfig.d.ts

@@ -41,4 +41,8 @@ export interface ITelemetryConfig {
     * Omnichannel Chat SDK Version
     */
     OCChatSDKVersion: string;
+    /**
+    * LCW Runtime Id
+    */
+    LCWRuntimeId?: string;
 }

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

@@ -1,10 +1,10 @@
-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 StartChatOptionalParams from "@microsoft/omnichannel-chat-sdk/lib/core/StartChatOptionalParams";
 declare const prepareStartChat: (props: ILiveChatWidgetProps, chatSDK: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any) => Promise<void>;
 declare const setPreChatAndInitiateChat: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, isProactiveChat?: boolean | undefined, proactiveChatEnablePrechatState?: boolean | undefined, state?: ILiveChatWidgetContext | undefined, props?: ILiveChatWidgetProps | 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>;
-declare const checkIfConversationStillValid: (chatSDK: any, props: any, requestId: any, dispatch: Dispatch<ILiveChatWidgetAction>) => Promise<boolean>;
+declare const initStartChat: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, props?: ILiveChatWidgetProps | undefined, params?: StartChatOptionalParams | undefined, persistedState?: any) => Promise<void>;
+declare const checkIfConversationStillValid: (chatSDK: any, props: ILiveChatWidgetProps, requestId: any, dispatch: Dispatch<ILiveChatWidgetAction>) => Promise<boolean>;
 export { prepareStartChat, initStartChat, setPreChatAndInitiateChat, checkIfConversationStillValid };

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

@@ -4,6 +4,7 @@ export interface ILiveChatWidgetControlProps {
     hideCallingContainer?: boolean;
     hideChatButton?: boolean;
     hideConfirmationPane?: boolean;
+    hideErrorUIPane?: boolean;
     hideFooter?: boolean;
     hideHeader?: boolean;
     hideLoadingPane?: boolean;
@@ -15,4 +16,5 @@ export interface ILiveChatWidgetControlProps {
     hideWebChatContainer?: boolean;
     hideStartChatButton?: boolean;
     widgetInstanceId?: string | undefined;
+    cacheTtlInMins?: number;
 }

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

@@ -1 +1 @@
-export declare const SendingTimestamp: ({ args }: any) => JSX.Element;
+export declare const SendingTimestamp: () => JSX.Element;

package/lib/types/hooks/useDebounce.d.ts

@@ -0,0 +1,3 @@
+declare type FunctionType = (...args: unknown[]) => void;
+export default function useDebounce<Fn extends FunctionType>(func: Fn, delay?: number): Fn;
+export {};

package/lib/types/hooks/useWindowDimensions.d.ts

@@ -0,0 +1,4 @@
+export default function useWindowDimensions(delay?: number): {
+    width: number;
+    height: number;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "0.1.0-main.21ab3ba",
+  "version": "0.1.0-main.23dc34f",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -74,8 +74,8 @@
   },
   "dependencies": {
     "@fluentui/react": "^8.49.1",
-    "@microsoft/omnichannel-chat-components": "0.1.0-main.bff9c0d",
-    "@microsoft/omnichannel-chat-sdk": "^1.2.0",
+    "@microsoft/omnichannel-chat-components": "0.1.0-main.f4c21f0",
+    "@microsoft/omnichannel-chat-sdk": "1.2.1-main.cb2cd37",
     "abort-controller-es5": "^2.0.1",
     "dompurify": "^2.3.4",
     "markdown-it": "^12.3.2",