npm - @azure/communication-react - Versions diffs - 1.15.0-beta.1 → 1.15.0 - Mend

@azure/communication-react 1.15.0-beta.1 → 1.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (664) hide show

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CallWithChatComposite.d.ts CHANGED Viewed

@@ -5,10 +5,8 @@ import { CallWithChatAdapter } from './adapter/CallWithChatAdapter';
 import { BaseCompositeProps } from '../common/BaseComposite';
 import { CallWithChatCompositeIcons } from '../common/icons';
 import { CallSurveyImprovementSuggestions } from "../../../../react-components/src";
-import { FileSharingOptions } from '../ChatComposite';
 import { RemoteVideoTileMenuOptions } from '../CallComposite/CallComposite';
 import { LocalVideoTileOptions } from '../CallComposite/CallComposite';
-import { DeviceCheckOptions } from '../CallComposite/CallComposite';
 import { CommonCallControlOptions } from '../common/types/CommonCallControlOptions';
 import { VideoGalleryLayout } from "../../../../react-components/src";
 /**
@@ -49,9 +47,7 @@ export interface CallWithChatControlOptions extends CommonCallControlOptions {
      * Show or hide the chat button in the call-with-chat composite control bar.
      * @defaultValue true
      */
-    chatButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
-        disabled: boolean;
-    };
+    chatButton?: boolean;
 }
 /**
  * Optional features of the {@link CallWithChatComposite}.
@@ -64,62 +60,6 @@ export type CallWithChatCompositeOptions = {
      * If using the boolean values, true will cause default behavior across the whole control bar. False hides the whole control bar.
      */
     callControls?: boolean | CallWithChatControlOptions;
-    /**
-     * Properties for configuring the File Sharing feature.
-     * If undefined, file sharing feature will be disabled.
-     * @beta
-     */
-    fileSharing?: FileSharingOptions;
-    /**
-     * Device permissions check options for your call.
-     * Here you can choose what device permissions you prompt the user for,
-     * as well as what device permissions must be accepted before starting a call.
-     */
-    deviceChecks?: DeviceCheckOptions;
-    /**
-     * Callback you may provide to supply users with further steps to troubleshoot why they have been
-     * unable to grant your site the required permissions for the call.
-     *
-     * @example
-     * ```ts
-     * onPermissionsTroubleshootingClick: () =>
-     *  window.open('https://contoso.com/permissions-troubleshooting', '_blank');
-     * ```
-     *
-     * @remarks
-     * if this is not supplied, the composite will not show a 'further troubleshooting' link.
-     */
-    onPermissionsTroubleshootingClick?: (permissionsState: {
-        camera: PermissionState;
-        microphone: PermissionState;
-    }) => void;
-    /**
-     * Optional callback to supply users with further troubleshooting steps for network issues
-     * experienced when connecting to a call.
-     *
-     * @example
-     * ```ts
-     * onNetworkingTroubleShootingClick?: () =>
-     *  window.open('https://contoso.com/network-troubleshooting', '_blank');
-     * ```
-     *
-     * @remarks
-     * if this is not supplied, the composite will not show a 'network troubleshooting' link.
-     */
-    onNetworkingTroubleShootingClick?: () => void;
-    /**
-     * Callback you may provide to supply users with a provided page to showcase supported browsers by ACS.
-     *
-     * @example
-     * ```ts
-     * onBrowserTroubleShootingClick?: () =>
-     *  window.open('https://contoso.com/browser-troubleshooting', '_blank');
-     * ```
-     *
-     * @remarks
-     * if this is not supplied, the composite will not show a unsupported browser page.
-     */
-    onEnvironmentInfoTroubleshootingClick?: () => void;
     /**
      * Remote participant video tile menu options
      */
@@ -212,6 +152,16 @@ export type CallWithChatCompositeOptions = {
             url: string;
         };
     };
+    /**
+     * Options for settings related to spotlight.
+     */
+    spotlight?: {
+        /**
+         * Flag to hide the menu buttons to start and stop spotlight for remote participants and the local participant.
+         * @defaultValue false
+         */
+        hideSpotlightButtons?: boolean;
+    };
 };
 /**
  * CallWithChatComposite brings together key components to provide a full call with chat experience out of the box.

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CallWithChatComposite.js CHANGED Viewed

@@ -104,39 +104,23 @@ const CallWithChatScreen = (props) => {
     }, [callControlOptionsFromProps]);
     const callCompositeOptions = useMemo(() => ({
         callControls: props.callControls === false ? false : Object.assign(Object.assign({}, callControlOptionsFromProps), { onFetchCustomButtonProps: [...(showChatButton ? [customChatButton] : []), ...injectedCustomButtonsFromProps], legacyControlBarExperience: false }),
-        /* @conditional-compile-remove(call-readiness) */
-        deviceChecks: props.deviceChecks,
-        /* @conditional-compile-remove(call-readiness) */
-        onNetworkingTroubleShootingClick: props.onNetworkingTroubleShootingClick,
-        /* @conditional-compile-remove(call-readiness) */
-        onPermissionsTroubleshootingClick: props.onPermissionsTroubleshootingClick,
-        /* @conditional-compile-remove(unsupported-browser) */
-        onEnvironmentInfoTroubleshootingClick: props.onEnvironmentInfoTroubleshootingClick,
         remoteVideoTileMenuOptions: props.remoteVideoTileMenuOptions,
         galleryOptions: props.galleryOptions,
         localVideoTile: props.localVideoTile,
         /* @conditional-compile-remove(end-of-call-survey) */
         surveyOptions: surveyOptions,
-        /* @conditional-compile-remove(custom-branding) */
         branding: {
             logo: props.logo,
             backgroundImage: props.backgroundImage
-        }
-    }), [props.callControls, callControlOptionsFromProps, showChatButton, customChatButton, injectedCustomButtonsFromProps, /* @conditional-compile-remove(call-readiness) */
-        props.deviceChecks, /* @conditional-compile-remove(unsupported-browser) */
-        props.onEnvironmentInfoTroubleshootingClick, /* @conditional-compile-remove(call-readiness) */
-        props.onNetworkingTroubleShootingClick, /* @conditional-compile-remove(call-readiness) */
-        props.onPermissionsTroubleshootingClick, props.galleryOptions, props.localVideoTile, props.remoteVideoTileMenuOptions, /* @conditional-compile-remove(end-of-call-survey) */
-        surveyOptions, /* @conditional-compile-remove(custom-branding) */
-        props.logo, /* @conditional-compile-remove(custom-branding) */
-        props.backgroundImage]);
+        },
+        /* @conditional-compile-remove(spotlight) */
+        spotlight: props.spotlight
+    }), [props.callControls, callControlOptionsFromProps, showChatButton, customChatButton, injectedCustomButtonsFromProps, props.galleryOptions, props.localVideoTile, props.remoteVideoTileMenuOptions, /* @conditional-compile-remove(end-of-call-survey) */
+        surveyOptions, props.logo, props.backgroundImage, /* @conditional-compile-remove(spotlight) */
+        props.spotlight]);
     const onRenderChatContent = useCallback(() => React.createElement(ChatComposite, { adapter: chatAdapter, fluentTheme: theme, options: {
-            topic: false,
-            /* @conditional-compile-remove(chat-composite-participant-pane) */
-            participantPane: false,
-            /* @conditional-compile-remove(file-sharing) */
-            fileSharing: props.fileSharing
-        }, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData }), [chatAdapter, /* @conditional-compile-remove(file-sharing) */ props.fileSharing, props.onFetchAvatarPersonaData, theme]);
+            topic: false
+        }, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData }), [chatAdapter, props.onFetchAvatarPersonaData, theme]);
     const sidePaneHeaderRenderer = useCallback(() => { var _a; return React.createElement(SidePaneHeader, { headingText: callWithChatStrings.chatPaneTitle, onClose: closeChat, dismissSidePaneButtonAriaLabel: (_a = callWithChatStrings.dismissSidePaneButtonLabel) !== null && _a !== void 0 ? _a : '', mobileView: mobileView }); }, [callWithChatStrings.chatPaneTitle, callWithChatStrings.dismissSidePaneButtonLabel, closeChat, mobileView]);
     const sidePaneContentRenderer = useMemo(() => hasJoinedCall ? onRenderChatContent : undefined, [hasJoinedCall, onRenderChatContent]);
     const sidePaneRenderer = useMemo(() => ({
@@ -177,16 +161,11 @@ export const CallWithChatComposite = (props) => {
     var _a, _b;
     const { adapter, fluentTheme, rtl, formFactor, joinInvitationURL, options } = props;
     return React.createElement(BaseProvider, { fluentTheme: fluentTheme, rtl: rtl, locale: props.locale, icons: props.icons },
-        React.createElement(CallWithChatScreen, Object.assign({}, props, {
-            /* @conditional-compile-remove(call-readiness) */ deviceChecks: options === null || options === void 0 ? void 0 : options.deviceChecks, callWithChatAdapter: adapter, formFactor: formFactor, callControls: options === null || options === void 0 ? void 0 : options.callControls, joinInvitationURL: joinInvitationURL, fluentTheme: fluentTheme, remoteVideoTileMenuOptions: options === null || options === void 0 ? void 0 : options.remoteVideoTileMenuOptions,
-            /* @conditional-compile-remove(file-sharing) */ fileSharing: options === null || options === void 0 ? void 0 : options.fileSharing, localVideoTile: options === null || options === void 0 ? void 0 : options.localVideoTile, galleryOptions: options === null || options === void 0 ? void 0 : options.galleryOptions,
-            /* @conditional-compile-remove(custom-branding) */ logo: (_a = options === null || options === void 0 ? void 0 : options.branding) === null || _a === void 0 ? void 0 : _a.logo,
-            /* @conditional-compile-remove(custom-branding) */ backgroundImage: (_b = options === null || options === void 0 ? void 0 : options.branding) === null || _b === void 0 ? void 0 : _b.backgroundImage,
-            /* @conditional-compile-remove(end-of-call-survey) */ surveyOptions: options === null || options === void 0 ? void 0 : options.surveyOptions })));
+        React.createElement(CallWithChatScreen, Object.assign({}, props, { callWithChatAdapter: adapter, formFactor: formFactor, callControls: options === null || options === void 0 ? void 0 : options.callControls, joinInvitationURL: joinInvitationURL, fluentTheme: fluentTheme, remoteVideoTileMenuOptions: options === null || options === void 0 ? void 0 : options.remoteVideoTileMenuOptions, localVideoTile: options === null || options === void 0 ? void 0 : options.localVideoTile, galleryOptions: options === null || options === void 0 ? void 0 : options.galleryOptions, logo: (_a = options === null || options === void 0 ? void 0 : options.branding) === null || _a === void 0 ? void 0 : _a.logo, backgroundImage: (_b = options === null || options === void 0 ? void 0 : options.branding) === null || _b === void 0 ? void 0 : _b.backgroundImage,
+            /* @conditional-compile-remove(end-of-call-survey) */ surveyOptions: options === null || options === void 0 ? void 0 : options.surveyOptions,
+            /* @conditional-compile-remove(spotlight) */ spotlight: options === null || options === void 0 ? void 0 : options.spotlight })));
 };
 const hasJoinedCallFn = (page, callStatus) => {
-    /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(one-to-n-calling) */
-    return page === 'call' && (callStatus === 'Connected' || callStatus === 'RemoteHold' || callStatus === 'Disconnecting') || page === 'hold' && (callStatus === 'LocalHold' || callStatus === 'Disconnecting');
     return page === 'call' && (callStatus === 'Connected' || callStatus === 'Disconnecting');
 };
 const checkShowChatButton = (callControls) => {
@@ -202,8 +181,6 @@ const checkChatButtonIsDisabled = (callControls) => {
     return typeof callControls === 'object' && isDisabled(callControls === null || callControls === void 0 ? void 0 : callControls.chatButton);
 };
 const isOnHoldTrampoline = (page) => {
-    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-    return page === 'hold';
     return false;
 };
 //# sourceMappingURL=CallWithChatComposite.js.map

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CallWithChatComposite.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CallWithChatComposite.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/CallWithChatComposite/CallWithChatComposite.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useCallback, useState, useMemo, useEffect, useRef } from 'react';\nimport { mergeStyles, PartialTheme, Stack, Theme } from '@fluentui/react';\nimport { CallCompositePage } from '../CallComposite';\n/* @conditional-compile-remove(end-of-call-survey) /\nimport { CallSurvey } from '@azure/communication-calling';\nimport { CallState } from '@azure/communication-calling';\nimport { callCompositeContainerStyles, compositeOuterContainerStyles } from './styles/CallWithChatCompositeStyles';\nimport { CallWithChatAdapter } from './adapter/CallWithChatAdapter';\nimport { CallWithChatBackedCallAdapter } from './adapter/CallWithChatBackedCallAdapter';\nimport { CallWithChatBackedChatAdapter } from './adapter/CallWithChatBackedChatAdapter';\nimport { CallAdapter } from '../CallComposite';\nimport { ChatComposite, ChatAdapter } from '../ChatComposite';\nimport { BaseProvider, BaseCompositeProps } from '../common/BaseComposite';\nimport { CallWithChatCompositeIcons } from '../common/icons';\nimport { AvatarPersonaDataCallback } from '../common/AvatarPersona';\nimport { CallWithChatAdapterState } from './state/CallWithChatAdapterState';\n/ @conditional-compile-remove(end-of-call-survey) /\nimport { CallSurveyImprovementSuggestions } from '@internal/react-components';\nimport { ParticipantMenuItemsCallback, _useContainerHeight, _useContainerWidth, useTheme } from '@internal/react-components';\nimport { useId } from '@fluentui/react-hooks';\n/ @conditional-compile-remove(file-sharing) /\nimport { FileSharingOptions } from '../ChatComposite';\nimport { containerDivStyles } from '../common/ContainerRectProps';\nimport { useCallWithChatCompositeStrings } from './hooks/useCallWithChatCompositeStrings';\nimport { CallCompositeInner, CallCompositeOptions } from '../CallComposite/CallComposite';\nimport { RemoteVideoTileMenuOptions } from '../CallComposite/CallComposite';\nimport { LocalVideoTileOptions } from '../CallComposite/CallComposite';\n/ @conditional-compile-remove(call-readiness) /\nimport { DeviceCheckOptions } from '../CallComposite/CallComposite';\nimport { CommonCallControlOptions } from '../common/types/CommonCallControlOptions';\nimport { ChatButtonWithUnreadMessagesBadge } from './ChatButton/ChatButtonWithUnreadMessagesBadge';\nimport { getDesktopCommonButtonStyles } from '../common/ControlBar/CommonCallControlBar';\nimport { InjectedSidePaneProps } from '../CallComposite/components/SidePane/SidePaneProvider';\nimport { isDisabled } from '../CallComposite/utils';\nimport { CustomCallControlButtonCallback, CustomCallControlButtonCallbackArgs } from '../common/ControlBar/CustomButton';\nimport { SidePaneHeader } from '../common/SidePaneHeader';\nimport { CallControlOptions } from '../CallComposite/types/CallControlOptions';\nimport { useUnreadMessagesTracker } from './ChatButton/useUnreadMessagesTracker';\nimport { VideoGalleryLayout } from '@internal/react-components';\n\n/\n Props required for the {@link CallWithChatComposite}\n \n @public\n /\nexport interface CallWithChatCompositeProps extends BaseCompositeProps<CallWithChatCompositeIcons> {\n adapter: CallWithChatAdapter;\n /\n Fluent theme for the composite.\n \n Defaults to a light theme if undefined.\n /\n fluentTheme?: PartialTheme \| Theme;\n /\n Optimizes the composite form factor for either desktop or mobile.\n * @remarks `mobile` is currently only optimized for Portrait mode on mobile devices and does not support landscape.\n * @defaultValue 'desktop'\n /\n formFactor?: 'desktop' \| 'mobile';\n /\n URL that can be used to copy a call-with-chat invite to the Users clipboard.\n /\n joinInvitationURL?: string;\n /\n Flags to enable/disable or customize UI elements of the {@link CallWithChatComposite}\n /\n options?: CallWithChatCompositeOptions;\n}\n\n/\n Customization options for the control bar in calling with chat experience.\n \n @public\n /\nexport interface CallWithChatControlOptions extends CommonCallControlOptions {\n /\n Show or hide the chat button in the call-with-chat composite control bar.\n * @defaultValue true\n /\n chatButton?: boolean \| / @conditional-compile-remove(PSTN-calls) /{\n disabled: boolean;\n };\n}\n\n/\n Optional features of the {@link CallWithChatComposite}.\n \n @public\n /\nexport type CallWithChatCompositeOptions = {\n /\n Call control options to change what buttons show on the call-with-chat composite control bar.\n * If using the boolean values, true will cause default behavior across the whole control bar. False hides the whole control bar.\n /\n callControls?: boolean \| CallWithChatControlOptions;\n / @conditional-compile-remove(file-sharing) /\n /\n Properties for configuring the File Sharing feature.\n * If undefined, file sharing feature will be disabled.\n * @beta\n /\n fileSharing?: FileSharingOptions;\n / @conditional-compile-remove(call-readiness) /\n /\n Device permissions check options for your call.\n * Here you can choose what device permissions you prompt the user for,\n * as well as what device permissions must be accepted before starting a call.\n /\n deviceChecks?: DeviceCheckOptions;\n / @conditional-compile-remove(call-readiness) /\n /\n Callback you may provide to supply users with further steps to troubleshoot why they have been\n * unable to grant your site the required permissions for the call.\n \n @example\n * ```ts\n * onPermissionsTroubleshootingClick: () =>\n * window.open('https://contoso.com/permissions-troubleshooting', '_blank');\n * ```\n \n @remarks\n * if this is not supplied, the composite will not show a 'further troubleshooting' link.\n /\n onPermissionsTroubleshootingClick?: (permissionsState: {\n camera: PermissionState;\n microphone: PermissionState;\n }) => void;\n / @conditional-compile-remove(call-readiness) /\n /\n Optional callback to supply users with further troubleshooting steps for network issues\n * experienced when connecting to a call.\n \n @example\n * ```ts\n * onNetworkingTroubleShootingClick?: () =>\n * window.open('https://contoso.com/network-troubleshooting', '_blank');\n * ```\n \n @remarks\n * if this is not supplied, the composite will not show a 'network troubleshooting' link.\n /\n onNetworkingTroubleShootingClick?: () => void;\n / @conditional-compile-remove(unsupported-browser) /\n /\n Callback you may provide to supply users with a provided page to showcase supported browsers by ACS.\n \n @example\n * ```ts\n * onBrowserTroubleShootingClick?: () =>\n * window.open('https://contoso.com/browser-troubleshooting', '_blank');\n * ```\n \n @remarks\n * if this is not supplied, the composite will not show a unsupported browser page.\n /\n onEnvironmentInfoTroubleshootingClick?: () => void;\n /\n Remote participant video tile menu options\n /\n remoteVideoTileMenuOptions?: RemoteVideoTileMenuOptions;\n /\n Options for controlling the local video tile.\n \n @remarks if 'false' the local video tile will not be rendered.\n /\n localVideoTile?: boolean \| LocalVideoTileOptions;\n /\n Options for controlling the starting layout of the composite's video gallery\n /\n galleryOptions?: {\n /\n Layout for the gallery when the call starts\n /\n layout?: VideoGalleryLayout;\n };\n / @conditional-compile-remove(end-of-call-survey) /\n /\n Options for end of call survey\n /\n surveyOptions?: {\n /\n Disable call survey at the end of a call.\n * @defaultValue false\n /\n disableSurvey?: boolean;\n /\n Optional callback to redirect users to custom screens when survey is done, note that default end call screen will be shown if this callback is not provided\n * This callback can be used to redirect users to different screens depending on survey state, whether it is submitted, skipped or has a problem when submitting the survey\n /\n onSurveyClosed?: (surveyState: 'sent' \| 'skipped' \| 'error', surveyError?: string) => void;\n /\n Optional callback to handle survey data including free form text response\n * Note that free form text response survey option is only going to be enabled when this callback is provided\n * User will need to handle all free form text response on their own\n /\n onSurveySubmitted?: (callId: string, surveyId: string,\n /\n This is the survey results containing star survey data and API tag survey data.\n * This part of the result will always be sent to the calling sdk\n * This callback provides user with the ability to gain access to survey data\n /\n submittedSurvey: CallSurvey,\n /\n This is the survey results containing free form text\n * This part of the result will not be handled by composites\n * User will need to collect and handle this information 100% on their own\n * Free form text survey is not going to show in the UI if onSurveySubmitted is not populated\n /\n improvementSuggestions: CallSurveyImprovementSuggestions) => Promise<void>;\n };\n / @conditional-compile-remove(custom-branding) /\n /\n Options for setting additional customizations related to personalized branding.\n /\n branding?: {\n /\n Logo displayed on the configuration page.\n /\n logo?: {\n /\n URL for the logo image.\n \n @remarks\n * Recommended size is 80x80 pixels.\n /\n url: string;\n /\n Alt text for the logo image.\n /\n alt?: string;\n /\n The logo can be displayed as a circle.\n \n @defaultValue 'unset'\n /\n shape?: 'unset' \| 'circle';\n };\n / @conditional-compile-remove(custom-branding) /\n /\n Background image displayed on the configuration page.\n /\n backgroundImage?: {\n /\n URL for the background image.\n \n @remarks\n * Background image should be larger than 576x567 pixels and smaller than 2048x2048 pixels pixels.\n /\n url: string;\n };\n };\n};\ntype CallWithChatScreenProps = {\n callWithChatAdapter: CallWithChatAdapter;\n fluentTheme?: PartialTheme \| Theme;\n formFactor?: 'desktop' \| 'mobile';\n joinInvitationURL?: string;\n callControls?: boolean \| CallWithChatControlOptions;\n onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n / @conditional-compile-remove(file-sharing) /\n fileSharing?: FileSharingOptions;\n rtl?: boolean;\n / @conditional-compile-remove(call-readiness) /\n deviceChecks?: DeviceCheckOptions;\n / @conditional-compile-remove(call-readiness) /\n onPermissionsTroubleshootingClick?: (permissionsState: {\n camera: PermissionState;\n microphone: PermissionState;\n }) => void;\n / @conditional-compile-remove(call-readiness) /\n onNetworkingTroubleShootingClick?: () => void;\n / @conditional-compile-remove(unsupported-browser) /\n onEnvironmentInfoTroubleshootingClick?: () => void;\n remoteVideoTileMenuOptions?: RemoteVideoTileMenuOptions;\n localVideoTile?: boolean \| LocalVideoTileOptions;\n galleryOptions?: {\n layout?: VideoGalleryLayout;\n };\n / @conditional-compile-remove(end-of-call-survey) /\n /\n Options for end of call survey\n /\n surveyOptions?: {\n /\n Disable call survey at the end of a call.\n * @defaultValue false\n /\n disableSurvey?: boolean;\n /\n Optional callback to redirect users to custom screens when survey is done, note that default end call screen will be shown if this callback is not provided\n * This callback can be used to redirect users to different screens depending on survey state, whether it is submitted, skipped or has a problem when submitting the survey\n /\n onSurveyClosed?: (surveyState: 'sent' \| 'skipped' \| 'error', surveyError?: string) => void;\n /\n Optional callback to handle survey data including free form text response\n * Note that free form text response survey option is only going to be enabled when this callback is provided\n * User will need to handle all free form text response on their own\n /\n onSurveySubmitted?: (callId: string, surveyId: string,\n /\n This is the survey results containing star survey data and API tag survey data.\n * This part of the result will always be sent to the calling sdk\n * This callback provides user with the ability to gain access to survey data\n /\n submittedSurvey: CallSurvey,\n /\n This is the survey results containing free form text\n * This part of the result will not be handled by composites\n * User will need to collect and handle this information 100% on their own\n * Free form text survey is not going to show in the UI if onSurveySubmitted is not populated\n /\n improvementSuggestions: CallSurveyImprovementSuggestions) => Promise<void>;\n };\n / @conditional-compile-remove(custom-branding) /\n logo?: {\n url: string;\n alt?: string;\n shape?: 'unset' \| 'circle';\n };\n / @conditional-compile-remove(custom-branding) /\n backgroundImage?: {\n url: string;\n };\n};\nconst CallWithChatScreen = (props: CallWithChatScreenProps): JSX.Element => {\n const {\n callWithChatAdapter,\n fluentTheme,\n formFactor = 'desktop'\n } = props;\n / @conditional-compile-remove(end-of-call-survey) /\n const {\n surveyOptions\n } = props;\n const mobileView = formFactor === 'mobile';\n if (!callWithChatAdapter) {\n throw new Error('CallWithChatAdapter is undefined');\n }\n const callAdapter: CallAdapter = useMemo(() => new CallWithChatBackedCallAdapter(callWithChatAdapter), [callWithChatAdapter]);\n const [currentCallState, setCurrentCallState] = useState<CallState>();\n const [currentPage, setCurrentPage] = useState<CallCompositePage>();\n const [isChatOpen, setIsChatOpen] = useState(false);\n const containerRef = useRef<HTMLDivElement>(null);\n useEffect(() => {\n const updateCallWithChatPage = (newState: CallWithChatAdapterState): void => {\n setCurrentPage(newState.page);\n setCurrentCallState(newState.call?.state);\n };\n updateCallWithChatPage(callWithChatAdapter.getState());\n callWithChatAdapter.onStateChange(updateCallWithChatPage);\n return () => {\n callWithChatAdapter.offStateChange(updateCallWithChatPage);\n };\n }, [callWithChatAdapter]);\n const chatAdapter: ChatAdapter = useMemo(() => {\n return new CallWithChatBackedChatAdapter(callWithChatAdapter);\n }, [callWithChatAdapter]);\n\n /* Constant setting of id for the parent stack of the composite /\n const compositeParentDivId = useId('callWithChatCompositeParentDiv-internal');\n const closeChat = useCallback(() => {\n setIsChatOpen(false);\n }, []);\n const openChat = useCallback(() => {\n setIsChatOpen(true);\n // timeout is required to give the window time to render the sendbox so we have something to send focus to.\n // TODO: Selecting elements in the DOM via attributes is not stable. We should expose an API from ChatComposite to be able to focus on the sendbox.\n const chatFocusTimeout = setInterval(() => {\n const callWithChatCompositeRootDiv = document.querySelector(`[id=\"${compositeParentDivId}\"]`);\n const sendbox = (callWithChatCompositeRootDiv?.querySelector(`[id=\"sendbox\"]`) as HTMLTextAreaElement);\n if (sendbox !== null) {\n sendbox.focus();\n clearInterval(chatFocusTimeout);\n }\n }, 3);\n setTimeout(() => {\n clearInterval(chatFocusTimeout);\n }, 300);\n }, [compositeParentDivId]);\n const isOnHold = isOnHoldTrampoline(currentPage);\n useEffect(() => {\n if (isOnHold) {\n closeChat();\n }\n }, [closeChat, isOnHold]);\n const hasJoinedCall = !!(currentPage && hasJoinedCallFn(currentPage, currentCallState ?? 'None'));\n const toggleChat = useCallback(() => {\n isChatOpen \|\| !hasJoinedCall ? closeChat() : openChat();\n }, [closeChat, hasJoinedCall, isChatOpen, openChat]);\n const callWithChatStrings = useCallWithChatCompositeStrings();\n const chatButtonStrings = useMemo(() => ({\n label: callWithChatStrings.chatButtonLabel,\n tooltipOffContent: callWithChatStrings.chatButtonTooltipOpen,\n tooltipOnContent: callWithChatStrings.chatButtonTooltipClose\n }), [callWithChatStrings]);\n const theme = useTheme();\n const commonButtonStyles = useMemo(() => !mobileView ? getDesktopCommonButtonStyles(theme) : undefined, [mobileView, theme]);\n const showChatButton = checkShowChatButton(props.callControls);\n const chatButtonDisabled = showChatButton && (checkChatButtonIsDisabled(props.callControls) \|\| !hasJoinedCall \|\| isOnHold);\n const chatTabHeaderProps = useMemo(() => mobileView && showChatButton ? {\n onClick: toggleChat,\n disabled: chatButtonDisabled\n } : undefined, [chatButtonDisabled, mobileView, toggleChat, showChatButton]);\n const unreadChatMessagesCount = useUnreadMessagesTracker(chatAdapter, isChatOpen);\n const customChatButton: CustomCallControlButtonCallback = useCallback((args: CustomCallControlButtonCallbackArgs) => ({\n placement: mobileView ? 'primary' : 'secondary',\n onRenderButton: () => <ChatButtonWithUnreadMessagesBadge checked={isChatOpen} showLabel={args.displayType !== 'compact'} onClick={toggleChat} disabled={chatButtonDisabled} strings={chatButtonStrings} styles={commonButtonStyles} newMessageLabel={callWithChatStrings.chatButtonNewMessageNotificationLabel} unreadChatMessagesCount={unreadChatMessagesCount}\n // As chat is disabled when on hold, we don't want to show the unread badge when on hold\n hideUnreadChatMessagesBadge={isOnHold} disableTooltip={mobileView} />\n }), [callWithChatStrings.chatButtonNewMessageNotificationLabel, chatButtonStrings, commonButtonStyles, isChatOpen, chatButtonDisabled, mobileView, toggleChat, unreadChatMessagesCount, isOnHold]);\n const callControlOptionsFromProps = useMemo(() => ({\n ...(typeof props.callControls === 'object' ? props.callControls : {})\n }), [props.callControls]);\n const injectedCustomButtonsFromProps = useMemo(() => {\n return [...(callControlOptionsFromProps.onFetchCustomButtonProps ?? [])];\n }, [callControlOptionsFromProps]);\n const callCompositeOptions: CallCompositeOptions = useMemo(() => ({\n callControls: props.callControls === false ? false : ({\n ...callControlOptionsFromProps,\n onFetchCustomButtonProps: [...(showChatButton ? [customChatButton] : []), ...injectedCustomButtonsFromProps],\n legacyControlBarExperience: false\n } as CallControlOptions),\n / @conditional-compile-remove(call-readiness) /\n deviceChecks: props.deviceChecks,\n / @conditional-compile-remove(call-readiness) /\n onNetworkingTroubleShootingClick: props.onNetworkingTroubleShootingClick,\n / @conditional-compile-remove(call-readiness) /\n onPermissionsTroubleshootingClick: props.onPermissionsTroubleshootingClick,\n / @conditional-compile-remove(unsupported-browser) /\n onEnvironmentInfoTroubleshootingClick: props.onEnvironmentInfoTroubleshootingClick,\n remoteVideoTileMenuOptions: props.remoteVideoTileMenuOptions,\n galleryOptions: props.galleryOptions,\n localVideoTile: props.localVideoTile,\n / @conditional-compile-remove(end-of-call-survey) /\n surveyOptions: surveyOptions,\n / @conditional-compile-remove(custom-branding) /\n branding: {\n logo: props.logo,\n backgroundImage: props.backgroundImage\n }\n }), [props.callControls, callControlOptionsFromProps, showChatButton, customChatButton, injectedCustomButtonsFromProps, / @conditional-compile-remove(call-readiness) /\n props.deviceChecks, / @conditional-compile-remove(unsupported-browser) /\n props.onEnvironmentInfoTroubleshootingClick, / @conditional-compile-remove(call-readiness) /\n props.onNetworkingTroubleShootingClick, / @conditional-compile-remove(call-readiness) /\n props.onPermissionsTroubleshootingClick, props.galleryOptions, props.localVideoTile, props.remoteVideoTileMenuOptions, / @conditional-compile-remove(end-of-call-survey) /\n surveyOptions, / @conditional-compile-remove(custom-branding) /\n props.logo, / @conditional-compile-remove(custom-branding) /\n props.backgroundImage]);\n const onRenderChatContent = useCallback((): JSX.Element => <ChatComposite adapter={chatAdapter} fluentTheme={theme} options={{\n topic: false,\n / @conditional-compile-remove(chat-composite-participant-pane) /\n participantPane: false,\n / @conditional-compile-remove(file-sharing) /\n fileSharing: props.fileSharing\n }} onFetchAvatarPersonaData={props.onFetchAvatarPersonaData} />, [chatAdapter, / @conditional-compile-remove(file-sharing) /props.fileSharing, props.onFetchAvatarPersonaData, theme]);\n const sidePaneHeaderRenderer = useCallback(() => <SidePaneHeader headingText={callWithChatStrings.chatPaneTitle} onClose={closeChat} dismissSidePaneButtonAriaLabel={callWithChatStrings.dismissSidePaneButtonLabel ?? ''} mobileView={mobileView} />, [callWithChatStrings.chatPaneTitle, callWithChatStrings.dismissSidePaneButtonLabel, closeChat, mobileView]);\n const sidePaneContentRenderer = useMemo(() => hasJoinedCall ? onRenderChatContent : undefined, [hasJoinedCall, onRenderChatContent]);\n const sidePaneRenderer = useMemo(() => ({\n contentRenderer: sidePaneContentRenderer,\n headerRenderer: sidePaneHeaderRenderer,\n id: 'chat'\n }), [sidePaneContentRenderer, sidePaneHeaderRenderer]);\n const overrideSidePaneProps: InjectedSidePaneProps = useMemo(() => ({\n renderer: sidePaneRenderer,\n isActive: isChatOpen,\n persistRenderingWhenClosed: true\n }), [isChatOpen, sidePaneRenderer]);\n const onSidePaneIdChange = useCallback((sidePaneId: string \| undefined) => {\n // If the pane is switched to something other than chat, removing rendering chat.\n if (sidePaneId && sidePaneId !== 'chat') {\n closeChat();\n }\n }, [closeChat]);\n\n // When the call ends ensure the side pane is set to closed to prevent the side pane being open if the call is re-joined.\n useEffect(() => {\n callAdapter.on('callEnded', closeChat);\n return () => {\n callAdapter.off('callEnded', closeChat);\n };\n }, [callAdapter, closeChat]);\n return <div ref={containerRef} className={mergeStyles(containerDivStyles)}>\n <Stack verticalFill grow styles={compositeOuterContainerStyles} id={compositeParentDivId}>\n <Stack horizontal grow>\n <Stack.Item grow styles={callCompositeContainerStyles(mobileView)}>\n <CallCompositeInner {...props} formFactor={formFactor} options={callCompositeOptions} adapter={callAdapter} fluentTheme={fluentTheme} callInvitationUrl={props.joinInvitationURL} overrideSidePane={overrideSidePaneProps} onSidePaneIdChange={onSidePaneIdChange} mobileChatTabHeader={chatTabHeaderProps} onCloseChatPane={closeChat} />\n </Stack.Item>\n </Stack>\n </Stack>\n </div>;\n};\n\n/\n CallWithChatComposite brings together key components to provide a full call with chat experience out of the box.\n \n @public\n /\nexport const CallWithChatComposite = (props: CallWithChatCompositeProps): JSX.Element => {\n const {\n adapter,\n fluentTheme,\n rtl,\n formFactor,\n joinInvitationURL,\n options\n } = props;\n return <BaseProvider fluentTheme={fluentTheme} rtl={rtl} locale={props.locale} icons={props.icons}>\n <CallWithChatScreen {...props}\n / @conditional-compile-remove(call-readiness) / deviceChecks={options?.deviceChecks} callWithChatAdapter={adapter} formFactor={formFactor} callControls={options?.callControls} joinInvitationURL={joinInvitationURL} fluentTheme={fluentTheme} remoteVideoTileMenuOptions={options?.remoteVideoTileMenuOptions}\n / @conditional-compile-remove(file-sharing) / fileSharing={options?.fileSharing} localVideoTile={options?.localVideoTile} galleryOptions={options?.galleryOptions}\n / @conditional-compile-remove(custom-branding) / logo={options?.branding?.logo}\n / @conditional-compile-remove(custom-branding) / backgroundImage={options?.branding?.backgroundImage}\n / @conditional-compile-remove(end-of-call-survey) / surveyOptions={options?.surveyOptions} />\n </BaseProvider>;\n};\nconst hasJoinedCallFn = (page: CallCompositePage, callStatus: CallState): boolean => {\n / @conditional-compile-remove(one-to-n-calling) / / @conditional-compile-remove(one-to-n-calling) /\n return page === 'call' && (callStatus === 'Connected' \|\| callStatus === 'RemoteHold' \|\| callStatus === 'Disconnecting') \|\| page === 'hold' && (callStatus === 'LocalHold' \|\| callStatus === 'Disconnecting');\n return page === 'call' && (callStatus === 'Connected' \|\| callStatus === 'Disconnecting');\n};\nconst checkShowChatButton = (callControls?: boolean \| CallWithChatControlOptions): boolean => {\n if (callControls === undefined \|\| callControls === true) {\n return true;\n }\n if (callControls === false) {\n return false;\n }\n return callControls.chatButton !== false;\n};\nconst checkChatButtonIsDisabled = (callControls?: boolean \| CallWithChatControlOptions): boolean => {\n return typeof callControls === 'object' && isDisabled(callControls?.chatButton);\n};\nconst isOnHoldTrampoline = (page: CallCompositePage \| undefined): boolean => {\n / @conditional-compile-remove(PSTN-calls) / / @conditional-compile-remove(one-to-n-calling) */\n return page === 'hold';\n return false;\n};"]}
1	+ {"version":3,"file":"CallWithChatComposite.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/CallWithChatComposite/CallWithChatComposite.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useCallback, useState, useMemo, useEffect, useRef } from 'react';\nimport { mergeStyles, PartialTheme, Stack, Theme } from '@fluentui/react';\nimport { CallCompositePage } from '../CallComposite';\n/* @conditional-compile-remove(end-of-call-survey) /\nimport { CallSurvey } from '@azure/communication-calling';\nimport { CallState } from '@azure/communication-calling';\nimport { callCompositeContainerStyles, compositeOuterContainerStyles } from './styles/CallWithChatCompositeStyles';\nimport { CallWithChatAdapter } from './adapter/CallWithChatAdapter';\nimport { CallWithChatBackedCallAdapter } from './adapter/CallWithChatBackedCallAdapter';\nimport { CallWithChatBackedChatAdapter } from './adapter/CallWithChatBackedChatAdapter';\nimport { CallAdapter } from '../CallComposite';\nimport { ChatComposite, ChatAdapter } from '../ChatComposite';\nimport { BaseProvider, BaseCompositeProps } from '../common/BaseComposite';\nimport { CallWithChatCompositeIcons } from '../common/icons';\nimport { AvatarPersonaDataCallback } from '../common/AvatarPersona';\nimport { CallWithChatAdapterState } from './state/CallWithChatAdapterState';\n/ @conditional-compile-remove(end-of-call-survey) /\nimport { CallSurveyImprovementSuggestions } from '@internal/react-components';\nimport { ParticipantMenuItemsCallback, _useContainerHeight, _useContainerWidth, useTheme } from '@internal/react-components';\nimport { useId } from '@fluentui/react-hooks';\nimport { containerDivStyles } from '../common/ContainerRectProps';\nimport { useCallWithChatCompositeStrings } from './hooks/useCallWithChatCompositeStrings';\nimport { CallCompositeInner, CallCompositeOptions } from '../CallComposite/CallComposite';\nimport { RemoteVideoTileMenuOptions } from '../CallComposite/CallComposite';\nimport { LocalVideoTileOptions } from '../CallComposite/CallComposite';\nimport { CommonCallControlOptions } from '../common/types/CommonCallControlOptions';\nimport { ChatButtonWithUnreadMessagesBadge } from './ChatButton/ChatButtonWithUnreadMessagesBadge';\nimport { getDesktopCommonButtonStyles } from '../common/ControlBar/CommonCallControlBar';\nimport { InjectedSidePaneProps } from '../CallComposite/components/SidePane/SidePaneProvider';\nimport { isDisabled } from '../CallComposite/utils';\nimport { CustomCallControlButtonCallback, CustomCallControlButtonCallbackArgs } from '../common/ControlBar/CustomButton';\nimport { SidePaneHeader } from '../common/SidePaneHeader';\nimport { CallControlOptions } from '../CallComposite/types/CallControlOptions';\nimport { useUnreadMessagesTracker } from './ChatButton/useUnreadMessagesTracker';\nimport { VideoGalleryLayout } from '@internal/react-components';\n/\n Props required for the {@link CallWithChatComposite}\n \n @public\n /\nexport interface CallWithChatCompositeProps extends BaseCompositeProps<CallWithChatCompositeIcons> {\n adapter: CallWithChatAdapter;\n /\n Fluent theme for the composite.\n \n Defaults to a light theme if undefined.\n /\n fluentTheme?: PartialTheme \| Theme;\n /\n Optimizes the composite form factor for either desktop or mobile.\n * @remarks `mobile` is currently only optimized for Portrait mode on mobile devices and does not support landscape.\n * @defaultValue 'desktop'\n /\n formFactor?: 'desktop' \| 'mobile';\n /\n URL that can be used to copy a call-with-chat invite to the Users clipboard.\n /\n joinInvitationURL?: string;\n /\n Flags to enable/disable or customize UI elements of the {@link CallWithChatComposite}\n /\n options?: CallWithChatCompositeOptions;\n}\n\n/\n Customization options for the control bar in calling with chat experience.\n \n @public\n /\nexport interface CallWithChatControlOptions extends CommonCallControlOptions {\n /\n Show or hide the chat button in the call-with-chat composite control bar.\n * @defaultValue true\n /\n chatButton?: boolean;\n}\n\n/\n Optional features of the {@link CallWithChatComposite}.\n \n @public\n /\nexport type CallWithChatCompositeOptions = {\n /\n Call control options to change what buttons show on the call-with-chat composite control bar.\n * If using the boolean values, true will cause default behavior across the whole control bar. False hides the whole control bar.\n /\n callControls?: boolean \| CallWithChatControlOptions;\n /\n Remote participant video tile menu options\n /\n remoteVideoTileMenuOptions?: RemoteVideoTileMenuOptions;\n /\n Options for controlling the local video tile.\n \n @remarks if 'false' the local video tile will not be rendered.\n /\n localVideoTile?: boolean \| LocalVideoTileOptions;\n /\n Options for controlling the starting layout of the composite's video gallery\n /\n galleryOptions?: {\n /\n Layout for the gallery when the call starts\n /\n layout?: VideoGalleryLayout;\n };\n / @conditional-compile-remove(end-of-call-survey) /\n /\n Options for end of call survey\n /\n surveyOptions?: {\n /\n Disable call survey at the end of a call.\n * @defaultValue false\n /\n disableSurvey?: boolean;\n /\n Optional callback to redirect users to custom screens when survey is done, note that default end call screen will be shown if this callback is not provided\n * This callback can be used to redirect users to different screens depending on survey state, whether it is submitted, skipped or has a problem when submitting the survey\n /\n onSurveyClosed?: (surveyState: 'sent' \| 'skipped' \| 'error', surveyError?: string) => void;\n /\n Optional callback to handle survey data including free form text response\n * Note that free form text response survey option is only going to be enabled when this callback is provided\n * User will need to handle all free form text response on their own\n /\n onSurveySubmitted?: (callId: string, surveyId: string,\n /\n This is the survey results containing star survey data and API tag survey data.\n * This part of the result will always be sent to the calling sdk\n * This callback provides user with the ability to gain access to survey data\n /\n submittedSurvey: CallSurvey,\n /\n This is the survey results containing free form text\n * This part of the result will not be handled by composites\n * User will need to collect and handle this information 100% on their own\n * Free form text survey is not going to show in the UI if onSurveySubmitted is not populated\n /\n improvementSuggestions: CallSurveyImprovementSuggestions) => Promise<void>;\n };\n /\n Options for setting additional customizations related to personalized branding.\n /\n branding?: {\n /\n Logo displayed on the configuration page.\n /\n logo?: {\n /\n URL for the logo image.\n \n @remarks\n * Recommended size is 80x80 pixels.\n /\n url: string;\n /\n Alt text for the logo image.\n /\n alt?: string;\n /\n The logo can be displayed as a circle.\n \n @defaultValue 'unset'\n /\n shape?: 'unset' \| 'circle';\n };\n /\n Background image displayed on the configuration page.\n /\n backgroundImage?: {\n /\n URL for the background image.\n \n @remarks\n * Background image should be larger than 576x567 pixels and smaller than 2048x2048 pixels pixels.\n /\n url: string;\n };\n };\n / @conditional-compile-remove(spotlight) /\n /\n Options for settings related to spotlight.\n /\n spotlight?: {\n /\n Flag to hide the menu buttons to start and stop spotlight for remote participants and the local participant.\n * @defaultValue false\n /\n hideSpotlightButtons?: boolean;\n };\n};\ntype CallWithChatScreenProps = {\n callWithChatAdapter: CallWithChatAdapter;\n fluentTheme?: PartialTheme \| Theme;\n formFactor?: 'desktop' \| 'mobile';\n joinInvitationURL?: string;\n callControls?: boolean \| CallWithChatControlOptions;\n onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n rtl?: boolean;\n remoteVideoTileMenuOptions?: RemoteVideoTileMenuOptions;\n localVideoTile?: boolean \| LocalVideoTileOptions;\n galleryOptions?: {\n layout?: VideoGalleryLayout;\n };\n / @conditional-compile-remove(end-of-call-survey) /\n /\n Options for end of call survey\n /\n surveyOptions?: {\n /\n Disable call survey at the end of a call.\n * @defaultValue false\n /\n disableSurvey?: boolean;\n /\n Optional callback to redirect users to custom screens when survey is done, note that default end call screen will be shown if this callback is not provided\n * This callback can be used to redirect users to different screens depending on survey state, whether it is submitted, skipped or has a problem when submitting the survey\n /\n onSurveyClosed?: (surveyState: 'sent' \| 'skipped' \| 'error', surveyError?: string) => void;\n /\n Optional callback to handle survey data including free form text response\n * Note that free form text response survey option is only going to be enabled when this callback is provided\n * User will need to handle all free form text response on their own\n /\n onSurveySubmitted?: (callId: string, surveyId: string,\n /\n This is the survey results containing star survey data and API tag survey data.\n * This part of the result will always be sent to the calling sdk\n * This callback provides user with the ability to gain access to survey data\n /\n submittedSurvey: CallSurvey,\n /\n This is the survey results containing free form text\n * This part of the result will not be handled by composites\n * User will need to collect and handle this information 100% on their own\n * Free form text survey is not going to show in the UI if onSurveySubmitted is not populated\n /\n improvementSuggestions: CallSurveyImprovementSuggestions) => Promise<void>;\n };\n logo?: {\n url: string;\n alt?: string;\n shape?: 'unset' \| 'circle';\n };\n backgroundImage?: {\n url: string;\n };\n / @conditional-compile-remove(spotlight) /\n spotlight?: {\n hideSpotlightButtons?: boolean;\n };\n};\nconst CallWithChatScreen = (props: CallWithChatScreenProps): JSX.Element => {\n const {\n callWithChatAdapter,\n fluentTheme,\n formFactor = 'desktop'\n } = props;\n / @conditional-compile-remove(end-of-call-survey) /\n const {\n surveyOptions\n } = props;\n const mobileView = formFactor === 'mobile';\n if (!callWithChatAdapter) {\n throw new Error('CallWithChatAdapter is undefined');\n }\n const callAdapter: CallAdapter = useMemo(() => new CallWithChatBackedCallAdapter(callWithChatAdapter), [callWithChatAdapter]);\n const [currentCallState, setCurrentCallState] = useState<CallState>();\n const [currentPage, setCurrentPage] = useState<CallCompositePage>();\n const [isChatOpen, setIsChatOpen] = useState(false);\n const containerRef = useRef<HTMLDivElement>(null);\n useEffect(() => {\n const updateCallWithChatPage = (newState: CallWithChatAdapterState): void => {\n setCurrentPage(newState.page);\n setCurrentCallState(newState.call?.state);\n };\n updateCallWithChatPage(callWithChatAdapter.getState());\n callWithChatAdapter.onStateChange(updateCallWithChatPage);\n return () => {\n callWithChatAdapter.offStateChange(updateCallWithChatPage);\n };\n }, [callWithChatAdapter]);\n const chatAdapter: ChatAdapter = useMemo(() => {\n return new CallWithChatBackedChatAdapter(callWithChatAdapter);\n }, [callWithChatAdapter]);\n\n /* Constant setting of id for the parent stack of the composite /\n const compositeParentDivId = useId('callWithChatCompositeParentDiv-internal');\n const closeChat = useCallback(() => {\n setIsChatOpen(false);\n }, []);\n const openChat = useCallback(() => {\n setIsChatOpen(true);\n // timeout is required to give the window time to render the sendbox so we have something to send focus to.\n // TODO: Selecting elements in the DOM via attributes is not stable. We should expose an API from ChatComposite to be able to focus on the sendbox.\n const chatFocusTimeout = setInterval(() => {\n const callWithChatCompositeRootDiv = document.querySelector(`[id=\"${compositeParentDivId}\"]`);\n const sendbox = (callWithChatCompositeRootDiv?.querySelector(`[id=\"sendbox\"]`) as HTMLTextAreaElement);\n if (sendbox !== null) {\n sendbox.focus();\n clearInterval(chatFocusTimeout);\n }\n }, 3);\n setTimeout(() => {\n clearInterval(chatFocusTimeout);\n }, 300);\n }, [compositeParentDivId]);\n const isOnHold = isOnHoldTrampoline(currentPage);\n useEffect(() => {\n if (isOnHold) {\n closeChat();\n }\n }, [closeChat, isOnHold]);\n const hasJoinedCall = !!(currentPage && hasJoinedCallFn(currentPage, currentCallState ?? 'None'));\n const toggleChat = useCallback(() => {\n isChatOpen \|\| !hasJoinedCall ? closeChat() : openChat();\n }, [closeChat, hasJoinedCall, isChatOpen, openChat]);\n const callWithChatStrings = useCallWithChatCompositeStrings();\n const chatButtonStrings = useMemo(() => ({\n label: callWithChatStrings.chatButtonLabel,\n tooltipOffContent: callWithChatStrings.chatButtonTooltipOpen,\n tooltipOnContent: callWithChatStrings.chatButtonTooltipClose\n }), [callWithChatStrings]);\n const theme = useTheme();\n const commonButtonStyles = useMemo(() => !mobileView ? getDesktopCommonButtonStyles(theme) : undefined, [mobileView, theme]);\n const showChatButton = checkShowChatButton(props.callControls);\n const chatButtonDisabled = showChatButton && (checkChatButtonIsDisabled(props.callControls) \|\| !hasJoinedCall \|\| isOnHold);\n const chatTabHeaderProps = useMemo(() => mobileView && showChatButton ? {\n onClick: toggleChat,\n disabled: chatButtonDisabled\n } : undefined, [chatButtonDisabled, mobileView, toggleChat, showChatButton]);\n const unreadChatMessagesCount = useUnreadMessagesTracker(chatAdapter, isChatOpen);\n const customChatButton: CustomCallControlButtonCallback = useCallback((args: CustomCallControlButtonCallbackArgs) => ({\n placement: mobileView ? 'primary' : 'secondary',\n onRenderButton: () => <ChatButtonWithUnreadMessagesBadge checked={isChatOpen} showLabel={args.displayType !== 'compact'} onClick={toggleChat} disabled={chatButtonDisabled} strings={chatButtonStrings} styles={commonButtonStyles} newMessageLabel={callWithChatStrings.chatButtonNewMessageNotificationLabel} unreadChatMessagesCount={unreadChatMessagesCount}\n // As chat is disabled when on hold, we don't want to show the unread badge when on hold\n hideUnreadChatMessagesBadge={isOnHold} disableTooltip={mobileView} />\n }), [callWithChatStrings.chatButtonNewMessageNotificationLabel, chatButtonStrings, commonButtonStyles, isChatOpen, chatButtonDisabled, mobileView, toggleChat, unreadChatMessagesCount, isOnHold]);\n const callControlOptionsFromProps = useMemo(() => ({\n ...(typeof props.callControls === 'object' ? props.callControls : {})\n }), [props.callControls]);\n const injectedCustomButtonsFromProps = useMemo(() => {\n return [...(callControlOptionsFromProps.onFetchCustomButtonProps ?? [])];\n }, [callControlOptionsFromProps]);\n const callCompositeOptions: CallCompositeOptions = useMemo(() => ({\n callControls: props.callControls === false ? false : ({\n ...callControlOptionsFromProps,\n onFetchCustomButtonProps: [...(showChatButton ? [customChatButton] : []), ...injectedCustomButtonsFromProps],\n legacyControlBarExperience: false\n } as CallControlOptions),\n remoteVideoTileMenuOptions: props.remoteVideoTileMenuOptions,\n galleryOptions: props.galleryOptions,\n localVideoTile: props.localVideoTile,\n / @conditional-compile-remove(end-of-call-survey) /\n surveyOptions: surveyOptions,\n branding: {\n logo: props.logo,\n backgroundImage: props.backgroundImage\n },\n / @conditional-compile-remove(spotlight) /\n spotlight: props.spotlight\n }), [props.callControls, callControlOptionsFromProps, showChatButton, customChatButton, injectedCustomButtonsFromProps, props.galleryOptions, props.localVideoTile, props.remoteVideoTileMenuOptions, / @conditional-compile-remove(end-of-call-survey) /\n surveyOptions, props.logo, props.backgroundImage, / @conditional-compile-remove(spotlight) /\n props.spotlight]);\n const onRenderChatContent = useCallback((): JSX.Element => <ChatComposite adapter={chatAdapter} fluentTheme={theme} options={{\n topic: false\n }} onFetchAvatarPersonaData={props.onFetchAvatarPersonaData} />, [chatAdapter, props.onFetchAvatarPersonaData, theme]);\n const sidePaneHeaderRenderer = useCallback(() => <SidePaneHeader headingText={callWithChatStrings.chatPaneTitle} onClose={closeChat} dismissSidePaneButtonAriaLabel={callWithChatStrings.dismissSidePaneButtonLabel ?? ''} mobileView={mobileView} />, [callWithChatStrings.chatPaneTitle, callWithChatStrings.dismissSidePaneButtonLabel, closeChat, mobileView]);\n const sidePaneContentRenderer = useMemo(() => hasJoinedCall ? onRenderChatContent : undefined, [hasJoinedCall, onRenderChatContent]);\n const sidePaneRenderer = useMemo(() => ({\n contentRenderer: sidePaneContentRenderer,\n headerRenderer: sidePaneHeaderRenderer,\n id: 'chat'\n }), [sidePaneContentRenderer, sidePaneHeaderRenderer]);\n const overrideSidePaneProps: InjectedSidePaneProps = useMemo(() => ({\n renderer: sidePaneRenderer,\n isActive: isChatOpen,\n persistRenderingWhenClosed: true\n }), [isChatOpen, sidePaneRenderer]);\n const onSidePaneIdChange = useCallback((sidePaneId: string \| undefined) => {\n // If the pane is switched to something other than chat, removing rendering chat.\n if (sidePaneId && sidePaneId !== 'chat') {\n closeChat();\n }\n }, [closeChat]);\n\n // When the call ends ensure the side pane is set to closed to prevent the side pane being open if the call is re-joined.\n useEffect(() => {\n callAdapter.on('callEnded', closeChat);\n return () => {\n callAdapter.off('callEnded', closeChat);\n };\n }, [callAdapter, closeChat]);\n return <div ref={containerRef} className={mergeStyles(containerDivStyles)}>\n <Stack verticalFill grow styles={compositeOuterContainerStyles} id={compositeParentDivId}>\n <Stack horizontal grow>\n <Stack.Item grow styles={callCompositeContainerStyles(mobileView)}>\n <CallCompositeInner {...props} formFactor={formFactor} options={callCompositeOptions} adapter={callAdapter} fluentTheme={fluentTheme} callInvitationUrl={props.joinInvitationURL} overrideSidePane={overrideSidePaneProps} onSidePaneIdChange={onSidePaneIdChange} mobileChatTabHeader={chatTabHeaderProps} onCloseChatPane={closeChat} />\n </Stack.Item>\n </Stack>\n </Stack>\n </div>;\n};\n\n/\n CallWithChatComposite brings together key components to provide a full call with chat experience out of the box.\n \n @public\n /\nexport const CallWithChatComposite = (props: CallWithChatCompositeProps): JSX.Element => {\n const {\n adapter,\n fluentTheme,\n rtl,\n formFactor,\n joinInvitationURL,\n options\n } = props;\n return <BaseProvider fluentTheme={fluentTheme} rtl={rtl} locale={props.locale} icons={props.icons}>\n <CallWithChatScreen {...props} callWithChatAdapter={adapter} formFactor={formFactor} callControls={options?.callControls} joinInvitationURL={joinInvitationURL} fluentTheme={fluentTheme} remoteVideoTileMenuOptions={options?.remoteVideoTileMenuOptions} localVideoTile={options?.localVideoTile} galleryOptions={options?.galleryOptions} logo={options?.branding?.logo} backgroundImage={options?.branding?.backgroundImage}\n / @conditional-compile-remove(end-of-call-survey) / surveyOptions={options?.surveyOptions}\n / @conditional-compile-remove(spotlight) */ spotlight={options?.spotlight} />\n </BaseProvider>;\n};\nconst hasJoinedCallFn = (page: CallCompositePage, callStatus: CallState): boolean => {\n return page === 'call' && (callStatus === 'Connected' \|\| callStatus === 'Disconnecting');\n};\nconst checkShowChatButton = (callControls?: boolean \| CallWithChatControlOptions): boolean => {\n if (callControls === undefined \|\| callControls === true) {\n return true;\n }\n if (callControls === false) {\n return false;\n }\n return callControls.chatButton !== false;\n};\nconst checkChatButtonIsDisabled = (callControls?: boolean \| CallWithChatControlOptions): boolean => {\n return typeof callControls === 'object' && isDisabled(callControls?.chatButton);\n};\nconst isOnHoldTrampoline = (page: CallCompositePage \| undefined): boolean => {\n return false;\n};"]}

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/Strings.d.ts CHANGED Viewed

@@ -118,10 +118,6 @@ export interface CallWithChatCompositeStrings {
      * Label for button to copy invite link
      */
     copyInviteLinkButtonLabel: string;
-    /**
-     * Label for button to open dialpad
-     */
-    openDialpadButtonLabel: string;
     /**
      * Label for SidePaneHeader dismiss button
      */
@@ -134,34 +130,6 @@ export interface CallWithChatCompositeStrings {
      * Aria label string for return to call back button
      */
     returnToCallButtonAriaLabel?: string;
-    /**
-     * Label for add people dropdown
-     */
-    peoplePaneAddPeopleButtonLabel: string;
-    /**
-     * Label for button to start a call
-     */
-    dialpadStartCallButtonLabel: string;
-    /**
-     * Title for dialpad Modal
-     */
-    dialpadModalTitle: string;
-    /**
-     * Aria Label for dialpad Modal
-     */
-    dialpadModalAriaLabel: string;
-    /**
-     * Aria Label for dialpad Modal close button
-     */
-    dialpadCloseModalButtonAriaLabel: string;
-    /**
-     * Placeholder text for dtmf dialpad
-     */
-    dtmfDialpadPlaceholderText: string;
-    /**
-     * Label for the button to open dtmf dialpad
-     */
-    openDtmfDialpadLabel: string;
     /**
      * aria label for when the invite link has been actioned
      */

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/Strings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/CallWithChatComposite/Strings.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/*\n Strings used by the {@link CallWithChatComposite} directly.\n \n This strings are in addition to those used by the components from the component library.\n \n @public\n /\nexport interface CallWithChatCompositeStrings {\n /\n {@link CallWithChatComposite} control bar People button label\n /\n peopleButtonLabel: string;\n /\n {@link CallWithChatComposite} control bar People button label when checked\n /\n selectedPeopleButtonLabel: string;\n /\n {@link CallWithChatComposite} control bar People button ToolTipContent\n /\n peopleButtonTooltipOpen: string;\n /\n {@link CallWithChatComposite} control bar People button ToolTipContent\n /\n peopleButtonTooltipClose: string;\n /\n {@link CallWithChatComposite} control bar Chat button label.\n /\n chatButtonLabel: string;\n /\n {@Link CallWithChatComposite} control bar Chat button ToolTipContent.\n /\n chatButtonTooltipOpen: string;\n /\n {@Link CallWithChatComposite} control bar Chat button ToolTipContent.\n /\n chatButtonTooltipClose: string;\n /\n {@link CallWithChatComposite} control bar Chat button enhanced tooltip string.\n /\n chatButtonTooltipClosedWithMessageCount: string;\n /\n Title for the audio device selection sub-menu in more button drawer.\n \n Only used with `mobileView` set to `true` and when no speakers are available.\n /\n moreDrawerAudioDeviceMenuTitle?: string;\n /\n Title for the microphone selection sub-menu in more button drawer.\n \n Only used with `mobileView` set to `true` and when speakers are available.\n /\n moreDrawerMicrophoneMenuTitle: string;\n /\n Title for the speaker selection sub-menu in more button drawer.\n \n Only used with `mobileView` set to `true`.\n /\n moreDrawerSpeakerMenuTitle: string;\n / @conditional-compile-remove(close-captions) /\n /\n Title for the captions sub-menu in more button drawer.\n \n Only used with `mobileView` set to `true`.\n /\n moreDrawerCaptionsMenuTitle: string;\n / @conditional-compile-remove(close-captions) /\n /\n Title for the spoken language sub-menu in more button drawer.\n \n Only used with `mobileView` set to `true`.\n /\n moreDrawerSpokenLanguageMenuTitle: string;\n / @conditional-compile-remove(close-captions) /\n /\n Title for the caption language sub-menu in more button drawer.\n \n Only used with `mobileView` set to `true`.\n /\n moreDrawerCaptionLanguageMenuTitle: string;\n /\n Title for the gallery options sub-menu in the more button drawer.\n /\n moreDrawerGalleryOptionsMenuTitle: string;\n /\n {@Link CallWithChatComposite} control bar More button label\n /\n moreDrawerButtonLabel: string;\n /\n {@Link CallWithChatComposite} control bar More button tooltip content\n /\n moreDrawerButtonTooltip: string;\n /\n Side pane People section Title.\n /\n peoplePaneTitle: string;\n /\n Side pane People section subheader.\n /\n peoplePaneSubTitle: string;\n /\n Side pane Chat screen title.\n /\n chatPaneTitle: string;\n /\n New Message label for chat button with notification icon component.\n /\n chatButtonNewMessageNotificationLabel: string;\n /\n Aria label for the picture in picture in picture tile that.\n * This feature currently only shows on mobileView when the chat or people pane is expanded.\n * @remarks\n * This component displays the local and most-dominant remote participant and when clicked\n * returns the user to the call screen.\n /\n pictureInPictureTileAriaLabel: string;\n /\n Label for menu item to remove participant\n /\n removeMenuLabel: string;\n /\n Label for button to copy invite link\n /\n copyInviteLinkButtonLabel: string;\n ~~/ @conditional-compile-remove(PSTN-calls) /\n~~ /\n Label for ~~button to open dialpad\n /\n openDialpadButtonLabel: string;\n /\n Label for~~ SidePaneHeader dismiss button\n /\n dismissSidePaneButtonLabel?: string;\n /\n Aria Description string for return to call button\n /\n returnToCallButtonAriaDescription?: string;\n /\n Aria label string for return to call back button\n /\n returnToCallButtonAriaLabel?: string;\n\n ~~/ @conditional-compile-remove(PSTN-calls) /\n~~ /\n Label for add people dropdown\n /\n peoplePaneAddPeopleButtonLabel: string;\n / @conditional-compile-remove(PSTN-calls) /\n /\n Label for button to start a call\n /\n dialpadStartCallButtonLabel: string;\n / @conditional-compile-remove(PSTN-calls) /\n /\n Title for dialpad Modal\n /\n dialpadModalTitle: string;\n / @conditional-compile-remove(PSTN-calls) /\n /\n Aria Label for dialpad Modal\n /\n dialpadModalAriaLabel: string;\n / @conditional-compile-remove(PSTN-calls) /\n /\n Aria Label for dialpad Modal close button\n /\n dialpadCloseModalButtonAriaLabel: string;\n / @conditional-compile-remove(PSTN-calls) /\n /\n Placeholder text for dtmf dialpad\n /\n dtmfDialpadPlaceholderText: string;\n / @conditional-compile-remove(PSTN-calls) /\n /\n Label for the button to open dtmf dialpad\n /\n openDtmfDialpadLabel: string;\n /\n aria label for when the invite link has been actioned\n */\n copyInviteLinkActionedAriaLabel: string;\n}"]}
1	+ {"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/CallWithChatComposite/Strings.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/*\n Strings used by the {@link CallWithChatComposite} directly.\n \n This strings are in addition to those used by the components from the component library.\n \n @public\n /\nexport interface CallWithChatCompositeStrings {\n /\n {@link CallWithChatComposite} control bar People button label\n /\n peopleButtonLabel: string;\n /\n {@link CallWithChatComposite} control bar People button label when checked\n /\n selectedPeopleButtonLabel: string;\n /\n {@link CallWithChatComposite} control bar People button ToolTipContent\n /\n peopleButtonTooltipOpen: string;\n /\n {@link CallWithChatComposite} control bar People button ToolTipContent\n /\n peopleButtonTooltipClose: string;\n /\n {@link CallWithChatComposite} control bar Chat button label.\n /\n chatButtonLabel: string;\n /\n {@Link CallWithChatComposite} control bar Chat button ToolTipContent.\n /\n chatButtonTooltipOpen: string;\n /\n {@Link CallWithChatComposite} control bar Chat button ToolTipContent.\n /\n chatButtonTooltipClose: string;\n /\n {@link CallWithChatComposite} control bar Chat button enhanced tooltip string.\n /\n chatButtonTooltipClosedWithMessageCount: string;\n /\n Title for the audio device selection sub-menu in more button drawer.\n \n Only used with `mobileView` set to `true` and when no speakers are available.\n /\n moreDrawerAudioDeviceMenuTitle?: string;\n /\n Title for the microphone selection sub-menu in more button drawer.\n \n Only used with `mobileView` set to `true` and when speakers are available.\n /\n moreDrawerMicrophoneMenuTitle: string;\n /\n Title for the speaker selection sub-menu in more button drawer.\n \n Only used with `mobileView` set to `true`.\n /\n moreDrawerSpeakerMenuTitle: string;\n / @conditional-compile-remove(close-captions) /\n /\n Title for the captions sub-menu in more button drawer.\n \n Only used with `mobileView` set to `true`.\n /\n moreDrawerCaptionsMenuTitle: string;\n / @conditional-compile-remove(close-captions) /\n /\n Title for the spoken language sub-menu in more button drawer.\n \n Only used with `mobileView` set to `true`.\n /\n moreDrawerSpokenLanguageMenuTitle: string;\n / @conditional-compile-remove(close-captions) /\n /\n Title for the caption language sub-menu in more button drawer.\n \n Only used with `mobileView` set to `true`.\n /\n moreDrawerCaptionLanguageMenuTitle: string;\n /\n Title for the gallery options sub-menu in the more button drawer.\n /\n moreDrawerGalleryOptionsMenuTitle: string;\n /\n {@Link CallWithChatComposite} control bar More button label\n /\n moreDrawerButtonLabel: string;\n /\n {@Link CallWithChatComposite} control bar More button tooltip content\n /\n moreDrawerButtonTooltip: string;\n /\n Side pane People section Title.\n /\n peoplePaneTitle: string;\n /\n Side pane People section subheader.\n /\n peoplePaneSubTitle: string;\n /\n Side pane Chat screen title.\n /\n chatPaneTitle: string;\n /\n New Message label for chat button with notification icon component.\n /\n chatButtonNewMessageNotificationLabel: string;\n /\n Aria label for the picture in picture in picture tile that.\n * This feature currently only shows on mobileView when the chat or people pane is expanded.\n * @remarks\n * This component displays the local and most-dominant remote participant and when clicked\n * returns the user to the call screen.\n /\n pictureInPictureTileAriaLabel: string;\n /\n Label for menu item to remove participant\n /\n removeMenuLabel: string;\n /\n Label for button to copy invite link\n /\n copyInviteLinkButtonLabel: string;\n /\n Label for SidePaneHeader dismiss button\n /\n dismissSidePaneButtonLabel?: string;\n /\n Aria Description string for return to call button\n /\n returnToCallButtonAriaDescription?: string;\n /\n Aria label string for return to call back button\n /\n returnToCallButtonAriaLabel?: string;\n /\n aria label for when the invite link has been actioned\n */\n copyInviteLinkActionedAriaLabel: string;\n}"]}

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.d.ts CHANGED Viewed

@@ -1,18 +1,15 @@
 import { AudioDeviceInfo, Call, CallAgent, GroupCallLocator, PermissionConstraints, PropertyChangedEvent, TeamsMeetingLinkLocator, StartCallOptions, VideoDeviceInfo } from '@azure/communication-calling';
+import { Reaction } from '@azure/communication-calling';
 import { StartCaptionsOptions } from '@azure/communication-calling';
-import { AddPhoneNumberOptions } from '@azure/communication-calling';
 import { DtmfTone } from '@azure/communication-calling';
 import { CreateVideoStreamViewResult, VideoStreamOptions } from "../../../../../react-components/src";
-import { AttachmentMetadata, FileUploadManager } from "../../../../../react-components/src";
 import { ParticipantsJoinedListener, ParticipantsLeftListener, IsMutedChangedListener, CallIdChangedListener, IsLocalScreenSharingActiveChangedListener, DisplayNameChangedListener, IsSpeakingChangedListener, CallAdapter, CallEndedListener } from '../../CallComposite';
 import { MessageReceivedListener, MessageReadListener, ChatAdapter, ParticipantsRemovedListener, ParticipantsAddedListener, MessageEditedListener, MessageDeletedListener } from '../../ChatComposite';
 import { ResourceDetails } from '../../ChatComposite';
 import { CallWithChatAdapter } from './CallWithChatAdapter';
 import { CallWithChatAdapterState } from '../state/CallWithChatAdapterState';
 import { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';
-import { CommunicationIdentifier, PhoneNumberIdentifier } from '@azure/communication-common';
 import { AdapterError } from '../../common/adapters';
-import { CallParticipantsLocator } from '../../CallComposite/adapter/AzureCommunicationCallAdapter';
 import { CallAdapterLocator } from '../../CallComposite/adapter/AzureCommunicationCallAdapter';
 import { StatefulCallClient } from "../../../../../calling-stateful-client/src";
 import { StatefulChatClient } from "../../../../../chat-stateful-client/src";
@@ -21,6 +18,7 @@ import { JoinCallOptions, StartCallIdentifier } from '../../CallComposite/adapte
 import { AzureCommunicationCallAdapterOptions } from '../../CallComposite/adapter/AzureCommunicationCallAdapter';
 import { IsCaptionsActiveChangedListener, CaptionsReceivedListener, IsCaptionLanguageChangedListener, IsSpokenLanguageChangedListener } from '../../CallComposite/adapter/CallAdapter';
 import { CapabilitiesChangedListener } from '../../CallComposite/adapter/CallAdapter';
+import { SpotlightChangedListener } from '../../CallComposite/adapter/CallAdapter';
 import { VideoBackgroundImage, VideoBackgroundEffect } from '../../CallComposite';
 import { CallSurvey, CallSurveyResponse } from '@azure/communication-calling';
 /**
@@ -29,11 +27,11 @@ import { CallSurvey, CallSurveyResponse } from '@azure/communication-calling';
  */
 export declare class AzureCommunicationCallWithChatAdapter implements CallWithChatAdapter {
     private callAdapter;
-    private chatAdapter;
+    private chatAdapterPromise;
     private context;
     private onChatStateChange;
     private onCallStateChange;
-    constructor(callAdapter: CallAdapter, chatAdapter: ChatAdapter);
+    constructor(callAdapter: CallAdapter, chatAdapterPromise: Promise<ChatAdapter>);
     private bindPublicMethods;
     /** Join existing Call. */
     joinCall(options?: boolean | JoinCallOptions): Call | undefined;
@@ -56,9 +54,9 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     /** Get current Call and Chat state. */
     getState(): CallWithChatAdapterState;
     /** Dispose of the current CallWithChatAdapter. */
-    dispose(): void;
+    dispose(): Promise<void>;
     /** Remove a participant from the Call only. */
-    removeParticipant(userId: string | /* @conditional-compile-remove(PSTN-calls) */ CommunicationIdentifier): Promise<void>;
+    removeParticipant(userId: string): Promise<void>;
     setCamera(device: VideoDeviceInfo, options?: VideoStreamOptions): Promise<void>;
     /** Set the microphone to be used in the Call. */
     setMicrophone(device: AudioDeviceInfo): Promise<void>;
@@ -87,6 +85,7 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     raiseHand(): Promise<void>;
     /** Lower hand for local user. */
     lowerHand(): Promise<void>;
+    onReactionClick(reaction: Reaction): Promise<void>;
     /** Create a stream view for a remote participants video feed. */
     createStreamView(remoteUserId?: string, options?: VideoStreamOptions): Promise<void | CreateVideoStreamViewResult>;
     /** Dispose of a created stream view of a remote participants video feed. */
@@ -108,26 +107,12 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     /** Load previous Chat messages. */
     loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;
     /** Update an existing message. */
-    updateMessage(messageId: string, content: string, metadata?: Record<string, string>, options?: {
-        attachmentMetadata?: AttachmentMetadata[];
-    }): Promise<void>;
+    updateMessage(messageId: string, content: string, metadata?: Record<string, string>, options?: {}): Promise<void>;
     /** Delete an existing message. */
     deleteMessage(messageId: string): Promise<void>;
-    registerActiveFileUploads: (files: File[]) => FileUploadManager[];
-    registerCompletedFileUploads: (metadata: AttachmentMetadata[]) => FileUploadManager[];
-    clearFileUploads: () => void;
-    cancelFileUpload: (id: string) => void;
-    updateFileUploadProgress: (id: string, progress: number) => void;
-    updateFileUploadErrorMessage: (id: string, errorMessage: string) => void;
-    updateFileUploadMetadata: (id: string, metadata: AttachmentMetadata) => void;
     downloadResourceToCache(resourceDetails: ResourceDetails): Promise<void>;
     removeResourceFromCache(resourceDetails: ResourceDetails): void;
-    holdCall(): Promise<void>;
-    resumeCall(): Promise<void>;
-    addParticipant(participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions): Promise<void>;
-    addParticipant(participant: CommunicationUserIdentifier): Promise<void>;
     sendDtmfTone(dtmfTone: DtmfTone): Promise<void>;
-    allowUnsupportedBrowserVersion(): void;
     startCaptions(options?: StartCaptionsOptions): Promise<void>;
     stopCaptions(): Promise<void>;
     setCaptionLanguage(language: string): Promise<void>;
@@ -137,6 +122,9 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     updateBackgroundPickerImages(backgroundImages: VideoBackgroundImage[]): void;
     updateSelectedVideoBackgroundEffect(selectedVideoBackground: VideoBackgroundEffect): void;
     submitSurvey(survey: CallSurvey): Promise<CallSurveyResponse | undefined>;
+    startSpotlight(userIds?: string[]): Promise<void>;
+    stopSpotlight(userIds?: string[]): Promise<void>;
+    stopAllSpotlight(): Promise<void>;
     on(event: 'callParticipantsJoined', listener: ParticipantsJoinedListener): void;
     on(event: 'callParticipantsLeft', listener: ParticipantsLeftListener): void;
     on(event: 'callEnded', listener: CallEndedListener): void;
@@ -161,6 +149,7 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     on(event: 'isCaptionLanguageChanged', listener: IsCaptionLanguageChangedListener): void;
     on(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;
     on(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;
+    on(event: 'spotlightChanged', listener: SpotlightChangedListener): void;
     off(event: 'callParticipantsJoined', listener: ParticipantsJoinedListener): void;
     off(event: 'callParticipantsLeft', listener: ParticipantsLeftListener): void;
     off(event: 'callEnded', listener: CallEndedListener): void;
@@ -185,7 +174,40 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     off(event: 'isCaptionLanguageChanged', listener: IsCaptionLanguageChangedListener): void;
     off(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;
     off(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;
+    off(event: 'spotlightChanged', listener: SpotlightChangedListener): void;
 }
+/**
+ * Provides a way to get the chat thread ID for a given locator.
+ *
+ * @public
+ */
+export interface ChatThreadProvider {
+    getChatThread(): Promise<string>;
+}
+/**
+ * Arguments for use in {@link createAzureCommunicationCallWithChatAdapter} to join a Group Call with an associated Chat thread.
+ * @public
+ */
+export declare class CallAndChatProvider implements ChatThreadProvider {
+    locator: CallAndChatLocator;
+    constructor(locator: CallAndChatLocator);
+    getChatThread(): Promise<string>;
+}
+/**
+ * Arguments for use in {@link createAzureCommunicationCallWithChatAdapter} to join a Teams meeting with an associated Chat thread.
+ *
+ * @public
+ */
+export declare class TeamsMeetingLinkProvider implements ChatThreadProvider {
+    locator: TeamsMeetingLinkLocator;
+    constructor(locator: TeamsMeetingLinkLocator);
+    getChatThread(): Promise<string>;
+}
+/**
+ * Combination of available adapters for use in {@link createAzureCommunicationCallWithChatAdapter}.
+ * @public
+ */
+export type CommunicationAdapter = CallAndChatProvider | TeamsMeetingLinkProvider;
 /**
  * Arguments for use in {@link createAzureCommunicationCallWithChatAdapter} to join a Call with an associated Chat thread.
  *
@@ -193,7 +215,7 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
  */
 export interface CallAndChatLocator {
     /** Locator used by {@link createAzureCommunicationCallWithChatAdapter} to locate the call to join */
-    callLocator: GroupCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ CallParticipantsLocator;
+    callLocator: GroupCallLocator;
     /** Chat thread ID used by {@link createAzureCommunicationCallWithChatAdapter} to locate the chat thread to join */
     chatThreadId: string;
 }
@@ -208,7 +230,6 @@ export type AzureCommunicationCallWithChatAdapterArgs = {
     displayName: string;
     credential: CommunicationTokenCredential;
     locator: CallAndChatLocator | TeamsMeetingLinkLocator;
-    alternateCallerId?: string;
     callAdapterOptions?: AzureCommunicationCallAdapterOptions;
 };
 /**
@@ -217,7 +238,7 @@ export type AzureCommunicationCallWithChatAdapterArgs = {
  *
  * @public
  */
-export declare const createAzureCommunicationCallWithChatAdapter: ({ userId, displayName, credential, endpoint, locator, alternateCallerId, callAdapterOptions }: AzureCommunicationCallWithChatAdapterArgs) => Promise<CallWithChatAdapter>;
+export declare const createAzureCommunicationCallWithChatAdapter: ({ userId, displayName, credential, endpoint, locator, callAdapterOptions }: AzureCommunicationCallWithChatAdapterArgs) => Promise<CallWithChatAdapter>;
 /**
  * A custom React hook to simplify the creation of {@link CallWithChatAdapter}.
  *