@microsoft/omnichannel-chat-widget 1.7.8-main.50111af → 1.7.8-main.8428c08

package/lib/types/components/footerstateful/audionotificationstateful/AudioNotificationStateful.d.ts

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

package/lib/types/components/headerstateful/HeaderStateful.d.ts

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

package/lib/types/components/livechatwidget/LiveChatWidget.d.ts

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

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

@@ -1,3 +1,4 @@
 import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
-export declare const createFooter: (props: ILiveChatWidgetProps, state: ILiveChatWidgetContext) => {};
+import React from "react";
+export declare const createFooter: (props: ILiveChatWidgetProps, state: ILiveChatWidgetContext) => string | number | true | Iterable<React.ReactNode> | React.JSX.Element;

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

@@ -27,6 +27,7 @@ import { IStartChatErrorPaneProps } from "../../startchaterrorpanestateful/inter
 import { ITelemetryConfig } from "../../../common/telemetry/interfaces/ITelemetryConfig";
 import { IWebChatContainerStatefulProps } from "../../webchatcontainerstateful/interfaces/IWebChatContainerStatefulProps";
 import { OmnichannelChatSDK } from "@microsoft/omnichannel-chat-sdk";
+import { IAppInsightsConfig } from "../../../common/telemetry/interfaces/IAppInsightsConfig";
 export interface ILiveChatWidgetProps {
     audioNotificationProps?: IAudioNotificationProps;
     callingContainerProps?: ICallingContainerProps;
@@ -65,4 +66,5 @@ export interface ILiveChatWidgetProps {
     draggableChatWidgetProps?: IDraggableChatWidgetProps;
     mock?: IMockProps;
     featureConfigProps?: IFeatureConfigProps;
+    appInsightsConfig?: IAppInsightsConfig;
 }

package/lib/types/components/loadingpanestateful/LoadingPaneStateful.d.ts

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

package/lib/types/components/notificationpanestateful/NotificationPaneStateful.d.ts

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

package/lib/types/components/ooohpanestateful/OOOHPaneStateful.d.ts

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

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/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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.7.8-main.50111af",
+  "version": "1.7.8-main.8428c08",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -32,15 +32,16 @@
     "@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",
@@ -66,10 +67,10 @@
     "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",
@@ -82,6 +83,7 @@
   },
   "dependencies": {
     "@azure/core-tracing": "^1.2.0",
+    "@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",