@microsoft/omnichannel-chat-widget 1.7.8-main.7a07fc5 → 1.7.8-main.8428c08

package/lib/types/components/postchatloadingpanestateful/PostChatLoadingPaneStateful.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ILoadingPaneProps } from "@microsoft/omnichannel-chat-components/lib/types/components/loadingpane/interfaces/ILoadingPaneProps";
-export declare const PostChatLoadingPaneStateful: (props: ILoadingPaneProps) => JSX.Element;
+export declare const PostChatLoadingPaneStateful: (props: ILoadingPaneProps) => React.JSX.Element;
 export default PostChatLoadingPaneStateful;

package/lib/types/components/postchatsurveypanestateful/PostChatSurveyPaneStateful.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { IPostChatSurveyPaneStatefulProps } from "./interfaces/IPostChatSurveyPaneStatefulProps";
-export declare const PostChatSurveyPaneStateful: (props: IPostChatSurveyPaneStatefulProps) => JSX.Element;
+export declare const PostChatSurveyPaneStateful: (props: IPostChatSurveyPaneStatefulProps) => React.JSX.Element;
 export default PostChatSurveyPaneStateful;

package/lib/types/components/postchatsurveypanestateful/common/isValidSurveyUrl.d.ts

@@ -0,0 +1,2 @@
+declare const isValidSurveyUrl: (url: string) => boolean;
+export default isValidSurveyUrl;

package/lib/types/components/prechatsurveypanestateful/PreChatSurveyPaneStateful.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { IPreChatSurveyPaneStatefulParams } from "./interfaces/IPreChatSurveyPaneStatefulParams";
-export declare const PreChatSurveyPaneStateful: (props: IPreChatSurveyPaneStatefulParams) => JSX.Element;
+export declare const PreChatSurveyPaneStateful: (props: IPreChatSurveyPaneStatefulParams) => React.JSX.Element;
 export default PreChatSurveyPaneStateful;

package/lib/types/components/proactivechatpanestateful/ProactiveChatPaneStateful.d.ts

@@ -1,2 +1,3 @@
-export declare const ProactiveChatPaneStateful: (props: any) => JSX.Element;
+import React from "react";
+export declare const ProactiveChatPaneStateful: (props: any) => React.JSX.Element;
 export default ProactiveChatPaneStateful;

package/lib/types/components/reconnectchatpanestateful/ReconnectChatPaneStateful.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { IReconnectChatPaneStatefulParams } from "./interfaces/IReconnectChatPaneStatefulParams";
-export declare const ReconnectChatPaneStateful: (props: IReconnectChatPaneStatefulParams) => JSX.Element;
+export declare const ReconnectChatPaneStateful: (props: IReconnectChatPaneStatefulParams) => React.JSX.Element;
 export default ReconnectChatPaneStateful;

package/lib/types/components/startchaterrorpanestateful/StartChatErrorPaneStateful.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { IStartChatErrorPaneProps } from "./interfaces/IStartChatErrorPaneProps";
-export declare const StartChatErrorPaneStateful: (startChatErrorPaneProps: IStartChatErrorPaneProps) => JSX.Element;
+export declare const StartChatErrorPaneStateful: (startChatErrorPaneProps: IStartChatErrorPaneProps) => React.JSX.Element;
 export default StartChatErrorPaneStateful;

package/lib/types/components/webchatcontainerstateful/WebChatContainerStateful.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ILiveChatWidgetProps } from "../livechatwidget/interfaces/ILiveChatWidgetProps";
-export declare const WebChatContainerStateful: (props: ILiveChatWidgetProps) => JSX.Element;
+export declare const WebChatContainerStateful: (props: ILiveChatWidgetProps) => React.JSX.Element;
 export default WebChatContainerStateful;

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

@@ -1,6 +1,6 @@
 import { ActivityMiddleware, ActivityStatusMiddleware, AttachmentForScreenReaderMiddleware, AttachmentMiddleware, AvatarMiddleware, CardActionMiddleware, GroupActivitiesMiddleware, ScrollToEndButtonMiddleware, ToastMiddleware, TypingIndicatorMiddleware, WebSpeechPonyfillFactory } from "botframework-webchat-api";
+import { ComponentType, ReactNode } from "react";
 import { DirectLineActivity, OneOrMany } from "botframework-webchat-core";
-import { ReactNode } from "react";
 export interface IWebChatProps {
     activityMiddleware?: OneOrMany<ActivityMiddleware>;
     activityStatusMiddleware?: OneOrMany<ActivityStatusMiddleware>;
@@ -15,7 +15,7 @@ export interface IWebChatProps {
     downscaleImageToDataURL?: (blob: Blob, maxWidth: number, maxHeight: number, type: string, quality: number) => Promise<URL>;
     grammars?: any;
     groupActivitiesMiddleware?: OneOrMany<GroupActivitiesMiddleware>;
-    internalErrorBoxClass?: React.Component | Function;
+    internalErrorBoxClass?: ComponentType<any>;
     internalRenderErrorBox?: any;
     locale?: string;
     onTelemetry?: any;

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

@@ -1,2 +1,3 @@
-declare const Attachment: (props: any) => JSX.Element;
+import React from "react";
+declare const Attachment: (props: any) => React.JSX.Element;
 export default Attachment;

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

@@ -1,2 +1,3 @@
-declare const AttachmentContent: (props: any) => JSX.Element;
+import React from "react";
+declare const AttachmentContent: (props: any) => React.JSX.Element;
 export default AttachmentContent;

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

@@ -1,2 +1,3 @@
-declare const AttachmentIcon: (props: any) => JSX.Element;
+import React from "react";
+declare const AttachmentIcon: (props: any) => React.JSX.Element;
 export default AttachmentIcon;

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

@@ -1,2 +1,3 @@
-declare const DownloadBlockedAttachment: (props: any) => JSX.Element;
+import React from "react";
+declare const DownloadBlockedAttachment: (props: any) => React.JSX.Element;
 export default DownloadBlockedAttachment;

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

@@ -1,2 +1,3 @@
-declare const MaliciousAttachment: (props: any) => JSX.Element;
+import React from "react";
+declare const MaliciousAttachment: (props: any) => React.JSX.Element;
 export default MaliciousAttachment;

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

@@ -1,2 +1,3 @@
-declare const ScanInProgressAttachment: (props: any) => JSX.Element;
+import React from "react";
+declare const ScanInProgressAttachment: (props: any) => React.JSX.Element;
 export default ScanInProgressAttachment;

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

@@ -1,2 +1,3 @@
-declare const Spinner: (props: any) => JSX.Element;
+import React from "react";
+declare const Spinner: (props: any) => React.JSX.Element;
 export default Spinner;

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, avatarTextStyleProps?: React.CSSProperties) => () => (next: any) => (args_0: any) => false | (() => React.JSX.Element);

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

@@ -1 +1,2 @@
-export declare const DeliveredTimestamp: ({ args, role, name }: any) => JSX.Element;
+import React from "react";
+export declare const DeliveredTimestamp: ({ args, role, name }: any) => React.JSX.Element;

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

@@ -1 +1,2 @@
-export declare const NotDeliveredTimestamp: ({ args }: any) => JSX.Element;
+import React from "react";
+export declare const NotDeliveredTimestamp: ({ args }: any) => React.JSX.Element;

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

@@ -1 +1,2 @@
-export declare const SendingTimestamp: () => JSX.Element;
+import React from "react";
+export declare const SendingTimestamp: () => React.JSX.Element;

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

@@ -3,4 +3,5 @@
  *
  * This middleware changes the component that shows who's actively typing. It uses the default Microsoft LiveChatWidget styles.
  ******/
-export declare const typingIndicatorMiddleware: () => (next: any) => (args: any) => JSX.Element;
+import React from "react";
+export declare const typingIndicatorMiddleware: () => (next: any) => (args: any) => React.JSX.Element;

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

@@ -1,9 +1,9 @@
+import { ConfirmationState, ConversationEndEntity, ParticipantType } from "../../common/Constants";
 import ChatConfig from "@microsoft/omnichannel-chat-sdk/lib/core/ChatConfig";
 import { ConversationState } from "./ConversationState";
 import { IInternalTelemetryData } from "../../common/telemetry/interfaces/IInternalTelemetryData";
 import { ILiveChatWidgetLocalizedTexts } from "./ILiveChatWidgetLocalizedTexts";
 import { IRenderingMiddlewareProps } from "../../components/webchatcontainerstateful/interfaces/IRenderingMiddlewareProps";
-import { ConfirmationState, ConversationEndEntity, ParticipantType } from "../../common/Constants";
 import { StartChatFailureType } from "./StartChatFailureType";
 export interface ILiveChatWidgetContext {
     domainStates: {

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

@@ -0,0 +1,30 @@
+export declare enum ScenarioType {
+    UserSendMessageStrategy = "UserSendMessageStrategy",
+    SystemMessageStrategy = "SystemMessageStrategy",
+    ReceivedMessageStrategy = "ReceivedMessageStrategy"
+}
+export type MessagePayload = {
+    text: string;
+    type: string;
+    timestamp?: string | undefined;
+    userId: string;
+    tags: string[];
+    messageType: string;
+    Id: string | undefined;
+    role: string | undefined;
+    channelData?: any;
+    chatId?: string;
+    conversationId?: string;
+    isChatComplete: boolean;
+    attachment?: any[];
+};
+export type TrackingMessage = {
+    Id: string | undefined;
+    role: string | undefined;
+    timestamp: string | undefined;
+    tags: string[];
+    messageType: string;
+    text: string;
+    checkTime?: number;
+    type: string;
+};

package/lib/types/firstresponselatency/FirstMessageTrackerFromBot.d.ts

@@ -0,0 +1 @@
+export declare const createTrackingForFirstMessage: () => void;

package/lib/types/firstresponselatency/FirstResponseLatencyTracker.d.ts

@@ -0,0 +1,22 @@
+import { MessagePayload } from "./Constants";
+export declare class FirstResponseLatencyTracker {
+    private isABotConversation;
+    private isStarted;
+    private isEnded;
+    private startTrackingMessage?;
+    private stopTrackingMessage?;
+    private isReady;
+    constructor();
+    private createTrackingMessage;
+    private startTracking;
+    private handleAgentMessage;
+    private stopTracking;
+    private isMessageFromValidSender;
+    startClock(payload: MessagePayload): void;
+    stopClock(payload: MessagePayload): void;
+    private offlineNetworkListener;
+    private fmltrackingListener;
+    private rehydrateListener;
+    private historyListener;
+    private deregister;
+}

package/lib/types/firstresponselatency/util.d.ts

@@ -0,0 +1,7 @@
+import { MessagePayload, ScenarioType, TrackingMessage } from "./Constants";
+import { IActivity } from "botframework-directlinejs";
+export declare const isHistoryMessage: (activity: IActivity, startTime: number) => boolean;
+export declare const buildMessagePayload: (activity: IActivity, userId: string) => MessagePayload;
+export declare const polyfillMessagePayloadForEvent: (activity: IActivity, payload: MessagePayload, conversationId?: string) => MessagePayload;
+export declare const getScenarioType: (activity: IActivity) => ScenarioType;
+export declare const createTrackingMessage: (payload: MessagePayload, type: string) => TrackingMessage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.7.8-main.7a07fc5",
+  "version": "1.7.8-main.8428c08",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -32,21 +32,23 @@
     "@storybook/addon-storyshots": "^6.4.8",
     "@storybook/react": "^6.4.8",
     "@storybook/testing-react": "^1.2.1",
-    "@testing-library/jest-dom": "^5.15.0",
-    "@testing-library/react": "^12.1.2",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
     "@types/core-js": "^2.5.5",
     "@types/dompurify": "^2.3.3",
     "@types/jest": "^27.0.2",
     "@types/jest-image-snapshot": "^4.3.1",
     "@types/markdown-it": "^12.2.3",
-    "@types/react": "^17.0.30",
-    "@types/react-dom": "^17.0.10",
+    "@types/react": "^18.3.13",
+    "@types/react-dom": "^18.3.6",
     "@types/styled-components": "^5.1.15",
     "@typescript-eslint/eslint-plugin": "^5.3.0",
     "@typescript-eslint/parser": "^5.2.0",
     "babel-jest": "^27.3.1",
     "babel-loader": "^8.2.3",
     "botframework-directlinejs": "^0.15.0",
+    "concurrently": "^9.1.2",
     "copyfiles": "^2.4.1",
     "eslint": "^7.32.0",
     "eslint-config-standard": "^16.0.3",
@@ -56,20 +58,24 @@
     "eslint-plugin-react": "^7.26.1",
     "eslint-plugin-storybook": "^0.5.3",
     "file-loader": "^6.2.0",
+    "husky": "^9.1.7",
     "jest": "^27.3.1",
     "jest-dom": "^4.0.0",
     "jest-image-snapshot": "^4.5.1",
     "json": "^11.0.0",
+    "lint-staged": "^15.5.2",
     "p-defer": "^4.0.1",
     "playwright": "^1.20.0",
     "postcss": "^8.3.9",
-    "react": "^17.0.2",
+    "react": "^18.3.1",
     "react-docgen-typescript-plugin": "^1.0.8",
-    "react-dom": "^17.0.2",
-    "react-test-renderer": "^17.0.2",
+    "react-dom": "^18.3.1",
+    "react-test-renderer": "^18.3.1",
+    "rimraf": "^6.0.1",
     "storybook-addon-playwright": "^4.9.2",
     "swiper": "^9.0.5",
     "terser-webpack-plugin": "^4.2.3",
+    "thread-loader": "^2.1.3",
     "ts-loader": "^9.2.6",
     "typescript": "4.9.5",
     "webpack": "^4.44.2",
@@ -77,10 +83,13 @@
   },
   "dependencies": {
     "@azure/core-tracing": "^1.2.0",
-    "@microsoft/omnichannel-chat-components": "1.1.8",
+    "@microsoft/applicationinsights-web": "^3.3.6",
+    "@microsoft/omnichannel-chat-components": "1.1.9",
     "@microsoft/omnichannel-chat-sdk": "^1.10.17",
     "@opentelemetry/api": "^1.9.0",
+    "abort-controller": "^3",
     "abort-controller-es5": "^2.0.1",
+    "core-js-pure": "^3.42.0",
     "dompurify": "^3.2.4",
     "markdown-it": "^12.3.2",
     "markdown-it-attrs": "^4.1.6",
@@ -88,7 +97,7 @@
     "markdown-it-for-inline": "^0.1.1",
     "md5-typescript": "^1.0.5",
     "p-defer-es5": "^2.0.1",
-    "sanitize-html": "2.12.1",
+    "sanitize-html": "2.14.0",
     "simple-update-in": "2.2.0",
     "slack-markdown-it": "^1.0.5"
   },
@@ -97,7 +106,7 @@
     "compose-storybook": "start-storybook -c stories/.storybook -p 9009",
     "build-composite-storybook": "build-storybook -c stories/.storybook -o storybook-build",
     "build-storybook": "build-storybook",
-    "build": "yarn lint && yarn build:esm && yarn build:cjs && tsc",
+    "build": "yarn clean yarn lint && yarn build:esm && yarn build:cjs && tsc",
     "test:unit": "jest -c jest.config.unit.cjs --env=jsdom --runInBand --force-exit",
     "test:e2e": "cd automation_tests && yarn test",
     "test:e2e:build": "yarn build-sample && cd automation_tests && yarn test",
@@ -105,6 +114,8 @@
     "test:all": "yarn test:unit && yarn test:visual",
     "build:esm": "babel ./src --config-file ./babel.esm.config.json --out-dir lib/esm --extensions .ts,.js,.tsx --ignore **/*.test.ts,**/*.stories.tsx,**/*.test.tsx,**/*.spec.ts,**/*.spec.tsx",
     "build:cjs": "babel ./src --config-file ./babel.config.json --out-dir lib/cjs --extensions .ts,.js,.tsx --ignore **/*.test.ts,**/*.stories.tsx,**/*.test.tsx,**/*.spec.ts,**/*.spec.tsx",
+    "build:esm:watch": "babel ./src --config-file ./babel.esm.config.json --out-dir lib/esm --extensions .ts,.js,.tsx --watch --ignore **/*.test.ts,**/*.stories.tsx,**/*.test.tsx,**/*.spec.ts,**/*.spec.tsx",
+    "build:cjs:watch": "babel ./src --config-file ./babel.config.json --out-dir lib/cjs --extensions .ts,.js,.tsx --watch --ignore **/*.test.ts,**/*.stories.tsx,**/*.test.tsx,**/*.spec.ts,**/*.spec.tsx",
     "build:umd": "webpack --config ./webpack.umd.config.cjs",
     "verify": "yarn install && yarn build-storybook && yarn test:all && yarn build && yarn storybook",
     "testpack": "yarn build && yarn pack",
@@ -112,14 +123,17 @@
     "build-sample:dev": "yarn build && webpack --config ./webpack.dev.config.cjs",
     "test:visual:build": "yarn build-storybook && yarn test:visual",
     "lint": "yarn eslint . --max-warnings=0",
-    "pretest:visual": "yarn playwright install"
+    "pretest:visual": "yarn playwright install",
+    "prepare": "husky install",
+    "clean": "rimraf lib",
+    "dev": "concurrently \"yarn build:esm:watch\" \"webpack --config ./webpack.config.cjs --watch\""
   },
   "resolutions": {
     "**/url-parse": "1.5.9",
     "**/p-defer-es5": "^2.0.1",
     "**/abort-controller-es5": "^2.0.1",
     "**/minimist": "1.2.6",
-    "**/sanitize-html": "2.12.1"
+    "**/sanitize-html": "2.14.0"
   },
   "jest": {
     "verbose": true,