@azure/communication-react 1.14.0 → 1.14.1-alpha-202403210013

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/createHandlers.d.ts

@@ -1,17 +1,18 @@
 import { CallAgent } from '@azure/communication-calling';
 import { CallingHandlers } from "../../../../../calling-component-bindings/src";
+import { TeamsCallingHandlers } from "../../../../../calling-component-bindings/src";
 import { CallCommon, StatefulCallClient, StatefulDeviceManager, TeamsCallAgent } from "../../../../../calling-stateful-client/src";
 import { VideoBackgroundEffectsDependency } from "../../../../../calling-component-bindings/src";
 /**
  * @private
  */
-export type CallHandlersOf<AgentType extends CallAgent | TeamsCallAgent> = AgentType extends CallAgent ? CallingHandlers : never;
+export type CallHandlersOf<AgentType extends CallAgent | TeamsCallAgent> = AgentType extends CallAgent ? CallingHandlers : never | /* @conditional-compile-remove(teams-identity-support) */ TeamsCallingHandlers;
 /**
  * @private
  *
  * This is used to create correct handler for generic agent type
  */
-export declare function createHandlers<AgentType extends CallAgent | TeamsCallAgent>(callClient: StatefulCallClient, callAgent: AgentType, deviceManager: StatefulDeviceManager | undefined, call: CallCommon | undefined, /* @conditional-compile-remove(video-background-effects) */ options?: {
+export declare function createHandlers<AgentType extends CallAgent | TeamsCallAgent>(callClient: StatefulCallClient, callAgent: AgentType, deviceManager: StatefulDeviceManager | undefined, call: CallCommon | undefined, options?: {
     onResolveVideoBackgroundEffectsDependency?: () => Promise<VideoBackgroundEffectsDependency>;
 }): CallHandlersOf<AgentType>;
 //# sourceMappingURL=createHandlers.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/createHandlers.js

@@ -1,16 +1,28 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 import { createDefaultCallingHandlers } from "../../../../../calling-component-bindings/src";
-import { _isACSCall, _isACSCallAgent } from "../../../../../calling-stateful-client/src";
+/* @conditional-compile-remove(teams-identity-support)) */
+import { createDefaultTeamsCallingHandlers } from "../../../../../calling-component-bindings/src";
+import { _isACSCall, _isACSCallAgent, _isTeamsCall, _isTeamsCallAgent } from "../../../../../calling-stateful-client/src";
 /**
  * @private
  *
  * This is used to create correct handler for generic agent type
  */
-export function createHandlers(callClient, callAgent, deviceManager, call, /* @conditional-compile-remove(video-background-effects) */ options) {
+export function createHandlers(callClient, callAgent, deviceManager, call, 
+/* @conditional-compile-remove(video-background-effects) */
+options) {
     // Call can be either undefined or ACS Call
-    if (_isACSCallAgent(callAgent) && (!call || call && _isACSCall(call))) {
-        return createDefaultCallingHandlers(callClient, callAgent, deviceManager, call, /* @conditional-compile-remove(video-background-effects) */ options);
+    if (_isACSCallAgent(callAgent) && (!call || (call && _isACSCall(call)))) {
+        return createDefaultCallingHandlers(callClient, callAgent, deviceManager, call, 
+        /* @conditional-compile-remove(video-background-effects) */
+        options);
+    }
+    /* @conditional-compile-remove(teams-identity-support) */
+    if (_isTeamsCallAgent(callAgent) && (!call || (call && _isTeamsCall(call)))) {
+        return createDefaultTeamsCallingHandlers(callClient, callAgent, deviceManager, call, 
+        /* @conditional-compile-remove(video-background-effects) */
+        options);
     }
     throw new Error('Unhandled agent type');
 }

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/createHandlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"createHandlers.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/adapter/createHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAmB,4BAA4B,EAAE,sDAA6C;AACrG,OAAO,EAAyE,UAAU,EAAE,eAAe,EAAmC,mDAA0C;AASxL;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAA+C,UAA8B,EAAE,SAAoB,EAAE,aAAgD,EAAE,IAA4B,EAAE,2DAA2D,CAC9Q,OAEC;IACC,2CAA2C;IAC3C,IAAI,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;QACtE,OAAQ,4BAA4B,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,2DAA2D,CAC5I,OAAO,CAA+B,CAAC;IACzC,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallAgent } from '@azure/communication-calling';\nimport { CallingHandlers, createDefaultCallingHandlers } from '@internal/calling-component-bindings';\nimport { CallCommon, StatefulCallClient, StatefulDeviceManager, TeamsCallAgent, _isACSCall, _isACSCallAgent, _isTeamsCall, _isTeamsCallAgent } from '@internal/calling-stateful-client';\n/* @conditional-compile-remove(video-background-effects) */\nimport { VideoBackgroundEffectsDependency } from '@internal/calling-component-bindings';\n\n/**\n * @private\n */\nexport type CallHandlersOf<AgentType extends CallAgent | TeamsCallAgent> = AgentType extends CallAgent ? CallingHandlers : never;\n\n/**\n * @private\n *\n * This is used to create correct handler for generic agent type\n */\nexport function createHandlers<AgentType extends CallAgent | TeamsCallAgent>(callClient: StatefulCallClient, callAgent: AgentType, deviceManager: StatefulDeviceManager | undefined, call: CallCommon | undefined, /* @conditional-compile-remove(video-background-effects) */\noptions?: {\n  onResolveVideoBackgroundEffectsDependency?: () => Promise<VideoBackgroundEffectsDependency>;\n}): CallHandlersOf<AgentType> {\n  // Call can be either undefined or ACS Call\n  if (_isACSCallAgent(callAgent) && (!call || call && _isACSCall(call))) {\n    return (createDefaultCallingHandlers(callClient, callAgent, deviceManager, call, /* @conditional-compile-remove(video-background-effects) */\n    options) as CallHandlersOf<AgentType>);\n  }\n  throw new Error('Unhandled agent type');\n}"]}
+{"version":3,"file":"createHandlers.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/createHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAmB,4BAA4B,EAAE,sDAA6C;AACrG,0DAA0D;AAC1D,OAAO,EAAE,iCAAiC,EAAwB,sDAA6C;AAC/G,OAAO,EAKL,UAAU,EACV,eAAe,EACf,YAAY,EACZ,iBAAiB,EAClB,mDAA0C;AAW3C;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAC5B,UAA8B,EAC9B,SAAoB,EACpB,aAAgD,EAChD,IAA4B;AAC5B,2DAA2D;AAC3D,OAEC;IAED,2CAA2C;IAC3C,IAAI,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QACxE,OAAO,4BAA4B,CACjC,UAAU,EACV,SAAS,EACT,aAAa,EACb,IAAI;QACJ,2DAA2D;QAC3D,OAAO,CACqB,CAAC;IACjC,CAAC;IAED,yDAAyD;IACzD,IAAI,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5E,OAAO,iCAAiC,CACtC,UAAU,EACV,SAAS,EACT,aAAa,EACb,IAAI;QACJ,2DAA2D;QAC3D,OAAO,CACqB,CAAC;IACjC,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallAgent } from '@azure/communication-calling';\nimport { CallingHandlers, createDefaultCallingHandlers } from '@internal/calling-component-bindings';\n/* @conditional-compile-remove(teams-identity-support)) */\nimport { createDefaultTeamsCallingHandlers, TeamsCallingHandlers } from '@internal/calling-component-bindings';\nimport {\n  CallCommon,\n  StatefulCallClient,\n  StatefulDeviceManager,\n  TeamsCallAgent,\n  _isACSCall,\n  _isACSCallAgent,\n  _isTeamsCall,\n  _isTeamsCallAgent\n} from '@internal/calling-stateful-client';\n/* @conditional-compile-remove(video-background-effects) */\nimport { VideoBackgroundEffectsDependency } from '@internal/calling-component-bindings';\n\n/**\n * @private\n */\nexport type CallHandlersOf<AgentType extends CallAgent | TeamsCallAgent> = AgentType extends CallAgent\n  ? CallingHandlers\n  : never | /* @conditional-compile-remove(teams-identity-support) */ TeamsCallingHandlers;\n\n/**\n * @private\n *\n * This is used to create correct handler for generic agent type\n */\nexport function createHandlers<AgentType extends CallAgent | TeamsCallAgent>(\n  callClient: StatefulCallClient,\n  callAgent: AgentType,\n  deviceManager: StatefulDeviceManager | undefined,\n  call: CallCommon | undefined,\n  /* @conditional-compile-remove(video-background-effects) */\n  options?: {\n    onResolveVideoBackgroundEffectsDependency?: () => Promise<VideoBackgroundEffectsDependency>;\n  }\n): CallHandlersOf<AgentType> {\n  // Call can be either undefined or ACS Call\n  if (_isACSCallAgent(callAgent) && (!call || (call && _isACSCall(call)))) {\n    return createDefaultCallingHandlers(\n      callClient,\n      callAgent,\n      deviceManager,\n      call,\n      /* @conditional-compile-remove(video-background-effects) */\n      options\n    ) as CallHandlersOf<AgentType>;\n  }\n\n  /* @conditional-compile-remove(teams-identity-support) */\n  if (_isTeamsCallAgent(callAgent) && (!call || (call && _isTeamsCall(call)))) {\n    return createDefaultTeamsCallingHandlers(\n      callClient,\n      callAgent,\n      deviceManager,\n      call,\n      /* @conditional-compile-remove(video-background-effects) */\n      options\n    ) as CallHandlersOf<AgentType>;\n  }\n  throw new Error('Unhandled agent type');\n}\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/index.d.ts

@@ -1,11 +1,17 @@
 export { createAzureCommunicationCallAdapter, _createAzureCommunicationCallAdapterInner, createAzureCommunicationCallAdapterFromClient, useAzureCommunicationCallAdapter } from './AzureCommunicationCallAdapter';
+export { createTeamsCallAdapter, createTeamsCallAdapterFromClient, useTeamsCallAdapter } from './AzureCommunicationCallAdapter';
 export type { TeamsAdapterOptions } from './AzureCommunicationCallAdapter';
+export type { TeamsCallAdapterArgs } from './AzureCommunicationCallAdapter';
+export type { OnFetchProfileCallback, Profile } from './OnFetchProfileCallback';
 export type { AzureCommunicationCallAdapterArgs, CallAdapterLocator, AzureCommunicationOutboundCallAdapterArgs } from './AzureCommunicationCallAdapter';
 export type { AzureCommunicationCallAdapterOptions } from './AzureCommunicationCallAdapter';
 export type { CommonCallAdapterOptions } from './AzureCommunicationCallAdapter';
+export type { CallParticipantsLocator } from './AzureCommunicationCallAdapter';
 export type { CallAdapter, CommonCallAdapter, CallAdapterCallEndedEvent, CallAdapterCallManagement, CallAdapterCallOperations, CallAdapterClientState, CallAdapterDeviceManagement, CallAdapterState, CallAdapterSubscribers, CallAdapterUiState, CallCompositePage, CallEndedListener, CallIdChangedListener, DiagnosticChangedEventListner, DisplayNameChangedListener, IsLocalScreenSharingActiveChangedListener, IsMutedChangedListener, IsSpeakingChangedListener, MediaDiagnosticChangedEvent, NetworkDiagnosticChangedEvent, ParticipantsJoinedListener, ParticipantsLeftListener, JoinCallOptions, StartCallIdentifier } from './CallAdapter';
 export type { CaptionsReceivedListener, IsCaptionsActiveChangedListener, IsCaptionLanguageChangedListener, IsSpokenLanguageChangedListener } from './CallAdapter';
 export type { TransferAcceptedListener } from './CallAdapter';
 export type { CapabilitiesChangedListener } from './CallAdapter';
+export type { SpotlightChangedListener } from './CallAdapter';
+export type { TeamsCallAdapter } from './CallAdapter';
 export type { CallingSounds, SoundEffect } from './CallAdapter';
 //# sourceMappingURL=index.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/index.js

@@ -1,4 +1,6 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 export { createAzureCommunicationCallAdapter, _createAzureCommunicationCallAdapterInner, createAzureCommunicationCallAdapterFromClient, useAzureCommunicationCallAdapter } from './AzureCommunicationCallAdapter';
+/* @conditional-compile-remove(teams-identity-support) */
+export { createTeamsCallAdapter, createTeamsCallAdapterFromClient, useTeamsCallAdapter } from './AzureCommunicationCallAdapter';
 //# sourceMappingURL=index.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/adapter/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,mCAAmC,EAAE,yCAAyC,EAAE,6CAA6C,EAAE,gCAAgC,EAAE,MAAM,iCAAiC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport { createAzureCommunicationCallAdapter, _createAzureCommunicationCallAdapterInner, createAzureCommunicationCallAdapterFromClient, useAzureCommunicationCallAdapter } from './AzureCommunicationCallAdapter';\nexport type { TeamsAdapterOptions } from './AzureCommunicationCallAdapter';\nexport type { AzureCommunicationCallAdapterArgs, CallAdapterLocator, AzureCommunicationOutboundCallAdapterArgs } from './AzureCommunicationCallAdapter';\n/* @conditional-compile-remove(video-background-effects) */\nexport type { AzureCommunicationCallAdapterOptions } from './AzureCommunicationCallAdapter';\n/* @conditional-compile-remove(video-background-effects) */\nexport type { CommonCallAdapterOptions } from './AzureCommunicationCallAdapter';\nexport type { CallAdapter, CommonCallAdapter, CallAdapterCallEndedEvent, CallAdapterCallManagement, CallAdapterCallOperations, CallAdapterClientState, CallAdapterDeviceManagement, CallAdapterState, CallAdapterSubscribers, CallAdapterUiState, CallCompositePage, CallEndedListener, CallIdChangedListener, DiagnosticChangedEventListner, DisplayNameChangedListener, IsLocalScreenSharingActiveChangedListener, IsMutedChangedListener, IsSpeakingChangedListener, MediaDiagnosticChangedEvent, NetworkDiagnosticChangedEvent, ParticipantsJoinedListener, ParticipantsLeftListener, JoinCallOptions, StartCallIdentifier } from './CallAdapter';\n\n/* @conditional-compile-remove(close-captions) */\nexport type { CaptionsReceivedListener, IsCaptionsActiveChangedListener, IsCaptionLanguageChangedListener, IsSpokenLanguageChangedListener } from './CallAdapter';\n\n/* @conditional-compile-remove(call-transfer) */\nexport type { TransferAcceptedListener } from './CallAdapter';\n\n/* @conditional-compile-remove(capabilities) */\nexport type { CapabilitiesChangedListener } from './CallAdapter';\nexport type { CallingSounds, SoundEffect } from './CallAdapter';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EACL,mCAAmC,EACnC,yCAAyC,EACzC,6CAA6C,EAC7C,gCAAgC,EACjC,MAAM,iCAAiC,CAAC;AAEzC,yDAAyD;AACzD,OAAO,EACL,sBAAsB,EACtB,gCAAgC,EAChC,mBAAmB,EACpB,MAAM,iCAAiC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport {\n  createAzureCommunicationCallAdapter,\n  _createAzureCommunicationCallAdapterInner,\n  createAzureCommunicationCallAdapterFromClient,\n  useAzureCommunicationCallAdapter\n} from './AzureCommunicationCallAdapter';\n\n/* @conditional-compile-remove(teams-identity-support) */\nexport {\n  createTeamsCallAdapter,\n  createTeamsCallAdapterFromClient,\n  useTeamsCallAdapter\n} from './AzureCommunicationCallAdapter';\n\nexport type { TeamsAdapterOptions } from './AzureCommunicationCallAdapter';\n/* @conditional-compile-remove(teams-identity-support) */\nexport type { TeamsCallAdapterArgs } from './AzureCommunicationCallAdapter';\n/* @conditional-compile-remove(teams-identity-support) */\nexport type { OnFetchProfileCallback, Profile } from './OnFetchProfileCallback';\nexport type {\n  AzureCommunicationCallAdapterArgs,\n  CallAdapterLocator,\n  AzureCommunicationOutboundCallAdapterArgs\n} from './AzureCommunicationCallAdapter';\n/* @conditional-compile-remove(video-background-effects) */\nexport type { AzureCommunicationCallAdapterOptions } from './AzureCommunicationCallAdapter';\n/* @conditional-compile-remove(video-background-effects) */\nexport type { CommonCallAdapterOptions } from './AzureCommunicationCallAdapter';\n\n/* @conditional-compile-remove(teams-adhoc-call) */\nexport type { CallParticipantsLocator } from './AzureCommunicationCallAdapter';\n\nexport type {\n  CallAdapter,\n  CommonCallAdapter,\n  CallAdapterCallEndedEvent,\n  CallAdapterCallManagement,\n  CallAdapterCallOperations,\n  CallAdapterClientState,\n  CallAdapterDeviceManagement,\n  CallAdapterState,\n  CallAdapterSubscribers,\n  CallAdapterUiState,\n  CallCompositePage,\n  CallEndedListener,\n  CallIdChangedListener,\n  DiagnosticChangedEventListner,\n  DisplayNameChangedListener,\n  IsLocalScreenSharingActiveChangedListener,\n  IsMutedChangedListener,\n  IsSpeakingChangedListener,\n  MediaDiagnosticChangedEvent,\n  NetworkDiagnosticChangedEvent,\n  ParticipantsJoinedListener,\n  ParticipantsLeftListener,\n  JoinCallOptions,\n  StartCallIdentifier\n} from './CallAdapter';\n\n/* @conditional-compile-remove(close-captions) */\nexport type {\n  CaptionsReceivedListener,\n  IsCaptionsActiveChangedListener,\n  IsCaptionLanguageChangedListener,\n  IsSpokenLanguageChangedListener\n} from './CallAdapter';\n\n/* @conditional-compile-remove(call-transfer) */\nexport type { TransferAcceptedListener } from './CallAdapter';\n\n/* @conditional-compile-remove(capabilities) */\nexport type { CapabilitiesChangedListener } from './CallAdapter';\n\n/* @conditional-compile-remove(spotlight) */\nexport type { SpotlightChangedListener } from './CallAdapter';\n\n/* @conditional-compile-remove(teams-identity-support) */\nexport type { TeamsCallAdapter } from './CallAdapter';\n\nexport type { CallingSounds, SoundEffect } from './CallAdapter';\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.d.ts

@@ -7,6 +7,7 @@ import { MutedNotificationProps } from './MutedNotification';
 import { SidePaneRenderer } from './SidePane/SidePaneProvider';
 import { MobileChatSidePaneTabHeaderProps } from '../../common/TabHeader';
 import { CapabilitiesChangeNotificationBarProps } from './CapabilitiesChangedNotificationBar';
+import { PromptProps } from './Prompt';
 /**
  * @private
  */
@@ -32,6 +33,9 @@ export interface CallArrangementProps {
     onCloseChatPane?: () => void;
     onSetDialpadPage?: () => void;
     dtmfDialerPresent?: boolean;
+    setIsPromptOpen?: (isOpen: boolean) => void;
+    setPromptProps?: (props: PromptProps) => void;
+    hideSpotlightButtons?: boolean;
 }
 /**
  * @private

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.js

@@ -3,6 +3,8 @@
 import { mergeStyles, Stack } from '@fluentui/react';
 import { _isInLobbyOrConnecting } from "../../../../../calling-component-bindings/src";
 import { _ComplianceBanner, _DrawerMenu, _useContainerHeight, _useContainerWidth, ErrorBar, useTheme } from "../../../../../react-components/src";
+/* @conditional-compile-remove(spotlight) */
+import { VideoGallery } from "../../../../../react-components/src";
 import React, { useMemo, useRef, useState } from 'react';
 import { useEffect } from 'react';
 import { useCallback } from 'react';
@@ -18,6 +20,8 @@ import { MutedNotification } from './MutedNotification';
 import { useSelector } from '../hooks/useSelector';
 import { callStatusSelector } from '../selectors/callStatusSelector';
 import { PreparedMoreDrawer } from '../../common/Drawer/PreparedMoreDrawer';
+/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+import { getPage } from '../selectors/baseSelectors';
 /* @conditional-compile-remove(close-captions) */
 import { getCallStatus, getIsTeamsCall, getCaptionsStatus } from '../selectors/baseSelectors';
 import { drawerContainerStyles } from '../styles/CallComposite.styles';
@@ -37,11 +41,15 @@ import { localVideoSelector } from '../../CallComposite/selectors/localVideoStre
 /* @conditional-compile-remove(capabilities) */
 import { CapabilitiesChangedNotificationBar } from './CapabilitiesChangedNotificationBar';
 import { useLocale } from '../../localization';
+/* @conditional-compile-remove(spotlight) */
+import { usePropsFor } from '../hooks/usePropsFor';
+/* @conditional-compile-remove(spotlight) */
+import { useLocalSpotlightCallbacksWithPrompt, useRemoteSpotlightCallbacksWithPrompt } from '../utils/spotlightUtils';
 /**
  * @private
  */
 export const CallArrangement = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const containerClassName = useMemo(() => {
         return props.mobileView ? containerStyleMobile : containerStyleDesktop;
     }, [props.mobileView]);
@@ -54,6 +62,8 @@ export const CallArrangement = (props) => {
     const containerHeight = _useContainerHeight(containerRef);
     const isInLobby = _isInLobbyOrConnecting(useSelector(callStatusSelector).callStatus);
     const { updateSidePaneRenderer } = props;
+    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+    const isInLocalHold = useSelector(getPage) === 'hold';
     const adapter = useAdapter();
     const [drawerMenuItems, setDrawerMenuItems] = useState([]);
     const peoplePaneProps = useMemo(() => {
@@ -62,15 +72,57 @@ export const CallArrangement = (props) => {
             updateSidePaneRenderer,
             setDrawerMenuItems,
             inviteLink: props.callControlProps.callInvitationURL,
+            /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
+            onFetchAvatarPersonaData: props.onFetchAvatarPersonaData,
             onFetchParticipantMenuItems: (_a = props.callControlProps) === null || _a === void 0 ? void 0 : _a.onFetchParticipantMenuItems,
             mobileView: props.mobileView,
             peopleButtonRef
         });
-    }, [updateSidePaneRenderer, props.callControlProps.callInvitationURL, (_a = props.callControlProps) === null || _a === void 0 ? void 0 : _a.onFetchParticipantMenuItems, props.mobileView, peopleButtonRef]);
+    }, [
+        updateSidePaneRenderer,
+        props.callControlProps.callInvitationURL,
+        (_a = props.callControlProps) === null || _a === void 0 ? void 0 : _a.onFetchParticipantMenuItems,
+        /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
+        props.onFetchAvatarPersonaData,
+        props.mobileView,
+        peopleButtonRef
+    ]);
     const locale = useLocale();
+    /* @conditional-compile-remove(spotlight) */
+    const videoGalleryProps = usePropsFor(VideoGallery);
+    /* @conditional-compile-remove(spotlight) */
+    const { setPromptProps, setIsPromptOpen, hideSpotlightButtons } = props;
+    /* @conditional-compile-remove(spotlight) */
+    const { onStartLocalSpotlight, onStopLocalSpotlight, onStartRemoteSpotlight, onStopRemoteSpotlight, spotlightedParticipants, maxParticipantsToSpotlight, localParticipant } = videoGalleryProps;
+    /* @conditional-compile-remove(spotlight) */
+    const { onStartLocalSpotlightWithPrompt, onStopLocalSpotlightWithPrompt } = useLocalSpotlightCallbacksWithPrompt(onStartLocalSpotlight, onStopLocalSpotlight, setIsPromptOpen, setPromptProps);
+    /* @conditional-compile-remove(spotlight) */
+    const { onStartRemoteSpotlightWithPrompt, onStopRemoteSpotlightWithPrompt } = useRemoteSpotlightCallbacksWithPrompt(onStartRemoteSpotlight, onStopRemoteSpotlight, setIsPromptOpen, setPromptProps);
+    /* @conditional-compile-remove(spotlight) */
+    const canSpotlight = (_c = (_b = adapter.getState().call) === null || _b === void 0 ? void 0 : _b.capabilitiesFeature) === null || _c === void 0 ? void 0 : _c.capabilities.spotlightParticipant.isPresent;
     const spotlightPeoplePaneProps = useMemo(() => {
+        /* @conditional-compile-remove(spotlight) */
+        return {
+            spotlightedParticipantUserIds: spotlightedParticipants,
+            onStartLocalSpotlight: hideSpotlightButtons ? undefined : onStartLocalSpotlightWithPrompt,
+            onStopLocalSpotlight: hideSpotlightButtons ? undefined : onStopLocalSpotlightWithPrompt,
+            onStartRemoteSpotlight: hideSpotlightButtons ? undefined : onStartRemoteSpotlightWithPrompt,
+            onStopRemoteSpotlight: hideSpotlightButtons ? undefined : onStopRemoteSpotlightWithPrompt,
+            onStopAllSpotlight: hideSpotlightButtons || !canSpotlight ? undefined : () => adapter.stopAllSpotlight(),
+            maxParticipantsToSpotlight
+        };
         return {};
-    }, []);
+    }, [
+        /* @conditional-compile-remove(spotlight) */ adapter,
+        /* @conditional-compile-remove(spotlight) */ hideSpotlightButtons,
+        /* @conditional-compile-remove(spotlight) */ maxParticipantsToSpotlight,
+        /* @conditional-compile-remove(spotlight) */ onStartLocalSpotlightWithPrompt,
+        /* @conditional-compile-remove(spotlight) */ onStartRemoteSpotlightWithPrompt,
+        /* @conditional-compile-remove(spotlight) */ onStopLocalSpotlightWithPrompt,
+        /* @conditional-compile-remove(spotlight) */ onStopRemoteSpotlightWithPrompt,
+        /* @conditional-compile-remove(spotlight) */ spotlightedParticipants,
+        /* @conditional-compile-remove(spotlight) */ canSpotlight
+    ]);
     const { isPeoplePaneOpen, openPeoplePane, closePeoplePane } = usePeoplePane(Object.assign(Object.assign({}, peoplePaneProps), spotlightPeoplePaneProps));
     const togglePeoplePane = useCallback(() => {
         if (isPeoplePaneOpen) {
@@ -80,6 +132,13 @@ export const CallArrangement = (props) => {
             openPeoplePane();
         }
     }, [closePeoplePane, isPeoplePaneOpen, openPeoplePane]);
+    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+    useEffect(() => {
+        if (isInLocalHold) {
+            // close side pane on local hold
+            updateSidePaneRenderer(undefined);
+        }
+    }, [updateSidePaneRenderer, isInLocalHold, isPeoplePaneOpen, closePeoplePane]);
     const isSidePaneOpen = useIsSidePaneOpen();
     const [renderGallery, setRenderGallery] = useState(!isSidePaneOpen && props.mobileView);
     useEffect(() => {
@@ -90,9 +149,7 @@ export const CallArrangement = (props) => {
             setRenderGallery(true);
         }
     }, [props.mobileView, isSidePaneOpen]);
-    const modalStrings = {
-        dismissModalAriaLabel: locale.strings.call.dismissModalAriaLabel
-    };
+    const modalStrings = { dismissModalAriaLabel: locale.strings.call.dismissModalAriaLabel };
     const isMobileWithActivePane = props.mobileView && isSidePaneOpen;
     const callCompositeContainerCSS = useMemo(() => {
         return {
@@ -120,7 +177,7 @@ export const CallArrangement = (props) => {
     }, [togglePeoplePane]);
     const drawerContainerStylesValue = useMemo(() => drawerContainerStyles(DRAWER_Z_INDEX), []);
     /* @conditional-compile-remove(rooms) */
-    const role = (_b = adapter.getState().call) === null || _b === void 0 ? void 0 : _b.role;
+    const role = (_d = adapter.getState().call) === null || _d === void 0 ? void 0 : _d.role;
     let canUnmute = true;
     /* @conditional-compile-remove(rooms) */
     canUnmute = role !== 'Consumer' ? true : false;
@@ -130,13 +187,13 @@ export const CallArrangement = (props) => {
     /* @conditional-compile-remove(rooms) */
     // TODO: move this logic to the error bar selector once role is plumbed from the headless SDK
     if (role === 'Consumer' && props.errorBarProps) {
-        filteredLatestErrors = filteredLatestErrors.filter(e => e.type !== 'callCameraAccessDenied' && e.type !== 'callCameraAccessDeniedSafari');
+        filteredLatestErrors = filteredLatestErrors.filter((e) => e.type !== 'callCameraAccessDenied' && e.type !== 'callCameraAccessDeniedSafari');
     }
     /* @conditional-compile-remove(video-background-effects) */
     const isVideoPaneOpen = useIsParticularSidePaneOpen(VIDEO_EFFECTS_SIDE_PANE_ID);
     /* @conditional-compile-remove(video-background-effects) */
     if ((isVideoPaneOpen || !isCameraOn) && props.errorBarProps) {
-        filteredLatestErrors = filteredLatestErrors.filter(e => e.type !== 'unableToStartVideoEffect');
+        filteredLatestErrors = filteredLatestErrors.filter((e) => e.type !== 'unableToStartVideoEffect');
     }
     /* @conditional-compile-remove(close-captions) */
     const isTeamsCall = useSelector(getIsTeamsCall);
@@ -149,19 +206,78 @@ export const CallArrangement = (props) => {
     const verticalControlBar = props.mobileView && containerWidth && containerHeight && containerWidth / containerHeight > 1 ? true : false;
     /* @conditional-compile-remove(capabilities) */
     // Filter out shareScreen capability notifications if on mobile
-    const filteredCapabilitesChangedNotifications = props.mobileView ? (_c = props.capabilitiesChangedNotificationBarProps) === null || _c === void 0 ? void 0 : _c.capabilitiesChangedNotifications.filter(notification => notification.capabilityName !== 'shareScreen') : (_d = props.capabilitiesChangedNotificationBarProps) === null || _d === void 0 ? void 0 : _d.capabilitiesChangedNotifications;
-    return React.createElement("div", { ref: containerRef, className: mergeStyles(containerDivStyles), id: props.id },
+    const filteredCapabilitesChangedNotifications = props.mobileView
+        ? (_e = props.capabilitiesChangedNotificationBarProps) === null || _e === void 0 ? void 0 : _e.capabilitiesChangedNotifications.filter((notification) => notification.capabilityName !== 'shareScreen')
+        : (_f = props.capabilitiesChangedNotificationBarProps) === null || _f === void 0 ? void 0 : _f.capabilitiesChangedNotifications;
+    /* @conditional-compile-remove(spotlight) */
+    const onHeaderMenuClick = useMemo(() => {
+        if (!props.mobileView) {
+            return undefined;
+        }
+        const headerMenuItems = [];
+        if (isPeoplePaneOpen) {
+            if (spotlightedParticipants && spotlightedParticipants.length > 0 && !hideSpotlightButtons && canSpotlight) {
+                headerMenuItems.push({
+                    itemKey: 'stopAllSpotlightKey',
+                    text: locale.strings.call.stopAllSpotlightMenuLabel,
+                    iconProps: {
+                        iconName: 'StopAllSpotlightMenuButton',
+                        styles: { root: { lineHeight: 0 } }
+                    },
+                    onItemClick: () => {
+                        adapter.stopAllSpotlight();
+                        setDrawerMenuItems([]);
+                    }
+                });
+            }
+        }
+        return headerMenuItems.length > 0
+            ? () => {
+                setDrawerMenuItems(headerMenuItems);
+            }
+            : undefined;
+    }, [
+        props.mobileView,
+        isPeoplePaneOpen,
+        spotlightedParticipants,
+        hideSpotlightButtons,
+        canSpotlight,
+        locale.strings.call.stopAllSpotlightMenuLabel,
+        adapter
+    ]);
+    return (React.createElement("div", { ref: containerRef, className: mergeStyles(containerDivStyles), id: props.id },
         React.createElement(Stack, { verticalFill: true, horizontalAlign: "stretch", className: containerClassName, "data-ui-id": props.dataUiId },
             React.createElement(Stack, { reversed: true, horizontal: verticalControlBar, grow: true, styles: callArrangementContainerStyles(verticalControlBar) },
-                ((_e = props.callControlProps) === null || _e === void 0 ? void 0 : _e.options) !== false && !isMobileWithActivePane && React.createElement(Stack, { verticalAlign: 'center', className: mergeStyles({
+                ((_g = props.callControlProps) === null || _g === void 0 ? void 0 : _g.options) !== false && !isMobileWithActivePane && (React.createElement(Stack, { verticalAlign: 'center', className: mergeStyles({
                         zIndex: CONTROL_BAR_Z_INDEX,
                         padding: verticalControlBar ? '0.25rem' : 'unset'
-                    }) }, isLegacyCallControlEnabled((_f = props.callControlProps) === null || _f === void 0 ? void 0 : _f.options) ? React.createElement(CallControls, Object.assign({}, props.callControlProps, { containerWidth: containerWidth, containerHeight: containerHeight, isMobile: props.mobileView, displayVertical: verticalControlBar })) : React.createElement(CommonCallControlBar, Object.assign({}, props.callControlProps, { callControls: props.callControlProps.options, callAdapter: adapter, mobileView: props.mobileView, disableButtonsForLobbyPage: isInLobby, peopleButtonChecked: isPeoplePaneOpen, onPeopleButtonClicked: togglePeoplePane, onMoreButtonClicked: onMoreButtonClicked, 
-                    /* @conditional-compile-remove(close-captions) */ isCaptionsSupported: isTeamsCall && hasJoinedCall, 
-                    /* @conditional-compile-remove(close-captions) */ isCaptionsOn: isCaptionsOn, 
-                    /* @conditional-compile-remove(video-background-effects) */ onClickVideoEffects: onResolveVideoEffectDependency ? openVideoEffectsPane : undefined, displayVertical: verticalControlBar, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, peopleButtonRef: peopleButtonRef, cameraButtonRef: cameraButtonRef }))),
-                ((_g = props.callControlProps) === null || _g === void 0 ? void 0 : _g.options) !== false && showDrawer && React.createElement(Stack, { styles: drawerContainerStylesValue },
-                    React.createElement(PreparedMoreDrawer, { callControls: props.callControlProps.options, onLightDismiss: closeDrawer, onPeopleButtonClicked: onMoreDrawerPeopleClicked, isCaptionsSupported: isTeamsCall && hasJoinedCall, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent })),
+                    }) }, isLegacyCallControlEnabled((_h = props.callControlProps) === null || _h === void 0 ? void 0 : _h.options) ? (React.createElement(CallControls, Object.assign({}, props.callControlProps, { containerWidth: containerWidth, containerHeight: containerHeight, isMobile: props.mobileView, 
+                    /* @conditional-compile-remove(one-to-n-calling) */
+                    peopleButtonChecked: isPeoplePaneOpen, 
+                    /* @conditional-compile-remove(one-to-n-calling) */
+                    onPeopleButtonClicked: togglePeoplePane, displayVertical: verticalControlBar }))) : (React.createElement(CommonCallControlBar, Object.assign({}, props.callControlProps, { callControls: props.callControlProps.options, callAdapter: adapter, mobileView: props.mobileView, disableButtonsForLobbyPage: isInLobby, 
+                    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+                    disableButtonsForHoldScreen: isInLocalHold, peopleButtonChecked: isPeoplePaneOpen, onPeopleButtonClicked: togglePeoplePane, onMoreButtonClicked: onMoreButtonClicked, 
+                    /* @conditional-compile-remove(close-captions) */
+                    isCaptionsSupported: hasJoinedCall, 
+                    /* @conditional-compile-remove(close-captions) */
+                    isTeamsCall: isTeamsCall, 
+                    /* @conditional-compile-remove(close-captions) */
+                    isCaptionsOn: isCaptionsOn, 
+                    /* @conditional-compile-remove(video-background-effects) */
+                    onClickVideoEffects: onResolveVideoEffectDependency ? openVideoEffectsPane : undefined, displayVertical: verticalControlBar, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, peopleButtonRef: peopleButtonRef, cameraButtonRef: cameraButtonRef, 
+                    /* @conditional-compile-remove(spotlight) */
+                    onStopLocalSpotlight: !hideSpotlightButtons && localParticipant.spotlight ? onStopLocalSpotlight : undefined }))))),
+                ((_j = props.callControlProps) === null || _j === void 0 ? void 0 : _j.options) !== false && showDrawer && (React.createElement(Stack, { styles: drawerContainerStylesValue },
+                    React.createElement(PreparedMoreDrawer, { callControls: props.callControlProps.options, onLightDismiss: closeDrawer, onPeopleButtonClicked: onMoreDrawerPeopleClicked, 
+                        /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+                        disableButtonsForHoldScreen: isInLocalHold, 
+                        /* @conditional-compile-remove(close-captions) */
+                        isCaptionsSupported: hasJoinedCall, 
+                        /* @conditional-compile-remove(close-captions) */
+                        isTeamsCall: isTeamsCall, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, 
+                        /* @conditional-compile-remove(reaction) */
+                        reactionResources: adapter.getState().reactions }))),
                 React.createElement(Stack, { horizontal: true, grow: true },
                     React.createElement(Stack.Item, { style: callCompositeContainerCSS },
                         React.createElement(Stack.Item, { styles: callGalleryStyles, grow: true },
@@ -169,23 +285,35 @@ export const CallArrangement = (props) => {
                                 React.createElement(Stack.Item, { styles: notificationsContainerStyles },
                                     React.createElement(Stack, { styles: bannerNotificationStyles },
                                         React.createElement(_ComplianceBanner, Object.assign({}, props.complianceBannerProps))),
-                                    props.errorBarProps !== false && React.createElement(Stack, { styles: bannerNotificationStyles },
-                                        React.createElement(ErrorBar, Object.assign({}, props.errorBarProps, { onDismissError: props.onDismissError, activeErrorMessages: filteredLatestErrors }))), /* @conditional-compile-remove(capabilities) */
-                                    props.capabilitiesChangedNotificationBarProps && props.capabilitiesChangedNotificationBarProps.capabilitiesChangedNotifications.length > 0 && React.createElement(Stack, { styles: bannerNotificationStyles },
-                                        React.createElement(CapabilitiesChangedNotificationBar, Object.assign({}, props.capabilitiesChangedNotificationBarProps, { capabilitiesChangedNotifications: filteredCapabilitesChangedNotifications !== null && filteredCapabilitesChangedNotifications !== void 0 ? filteredCapabilitesChangedNotifications : [] }))),
-                                    canUnmute && !!props.mutedNotificationProps && React.createElement(MutedNotification, Object.assign({}, props.mutedNotificationProps))),
-                                renderGallery && props.onRenderGalleryContent && props.onRenderGalleryContent(), /* @conditional-compile-remove(close-captions) */
-                                true && React.createElement(CaptionsBanner, { isMobile: props.mobileView, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData })))),
+                                    props.errorBarProps !== false && (React.createElement(Stack, { styles: bannerNotificationStyles },
+                                        React.createElement(ErrorBar, Object.assign({}, props.errorBarProps, { onDismissError: props.onDismissError, activeErrorMessages: filteredLatestErrors })))),
+                                    /* @conditional-compile-remove(capabilities) */
+                                    props.capabilitiesChangedNotificationBarProps &&
+                                        props.capabilitiesChangedNotificationBarProps.capabilitiesChangedNotifications.length > 0 && (React.createElement(Stack, { styles: bannerNotificationStyles },
+                                        React.createElement(CapabilitiesChangedNotificationBar, Object.assign({}, props.capabilitiesChangedNotificationBarProps, { capabilitiesChangedNotifications: filteredCapabilitesChangedNotifications !== null && filteredCapabilitesChangedNotifications !== void 0 ? filteredCapabilitesChangedNotifications : [] })))),
+                                    canUnmute && !!props.mutedNotificationProps && (React.createElement(MutedNotification, Object.assign({}, props.mutedNotificationProps)))),
+                                renderGallery && props.onRenderGalleryContent && props.onRenderGalleryContent(),
+                                /* @conditional-compile-remove(close-captions) */
+                                true &&
+                                    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ !isInLocalHold && (React.createElement(CaptionsBanner, { isMobile: props.mobileView, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData, 
+                                    /* @conditional-compile-remove(close-captions) */
+                                    isTeamsCall: isTeamsCall }))))),
                     React.createElement(SidePane, { mobileView: props.mobileView, 
-                        /* @conditional-compile-remove(video-background-effects) */ maxWidth: isVideoPaneOpen ? `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` : undefined, minWidth: isVideoPaneOpen ? `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` : undefined, updateSidePaneRenderer: props.updateSidePaneRenderer, onPeopleButtonClicked: props.mobileView && !shouldShowPeopleTabHeaderButton(props.callControlProps.options) ? undefined : togglePeoplePane, disablePeopleButton: typeof props.callControlProps.options !== 'boolean' && isDisabled((_h = props.callControlProps.options) === null || _h === void 0 ? void 0 : _h.participantsButton), onChatButtonClicked: (_j = props.mobileChatTabHeader) === null || _j === void 0 ? void 0 : _j.onClick, disableChatButton: (_k = props.mobileChatTabHeader) === null || _k === void 0 ? void 0 : _k.disabled }),
-                    props.mobileView && React.createElement(ModalLocalAndRemotePIP, { modalLayerHostId: props.modalLayerHostId, hidden: !isSidePaneOpen, styles: pipStyles, strings: modalStrings, minDragPosition: minMaxDragPosition.minDragPosition, maxDragPosition: minMaxDragPosition.maxDragPosition, onDismissSidePane: () => {
+                        /* @conditional-compile-remove(video-background-effects) */
+                        maxWidth: isVideoPaneOpen ? `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` : undefined, minWidth: isVideoPaneOpen ? `${VIDEO_EFFECTS_SIDE_PANE_WIDTH_REM}rem` : undefined, updateSidePaneRenderer: props.updateSidePaneRenderer, onPeopleButtonClicked: props.mobileView && !shouldShowPeopleTabHeaderButton(props.callControlProps.options)
+                            ? undefined
+                            : togglePeoplePane, disablePeopleButton: typeof props.callControlProps.options !== 'boolean' &&
+                            isDisabled((_k = props.callControlProps.options) === null || _k === void 0 ? void 0 : _k.participantsButton), onChatButtonClicked: (_l = props.mobileChatTabHeader) === null || _l === void 0 ? void 0 : _l.onClick, disableChatButton: (_m = props.mobileChatTabHeader) === null || _m === void 0 ? void 0 : _m.disabled, 
+                        /* @conditional-compile-remove(spotlight) */
+                        onHeaderMenuClick: onHeaderMenuClick }),
+                    props.mobileView && (React.createElement(ModalLocalAndRemotePIP, { modalLayerHostId: props.modalLayerHostId, hidden: !isSidePaneOpen, styles: pipStyles, strings: modalStrings, minDragPosition: minMaxDragPosition.minDragPosition, maxDragPosition: minMaxDragPosition.maxDragPosition, onDismissSidePane: () => {
                             closePeoplePane();
                             if (props.onCloseChatPane) {
                                 props.onCloseChatPane();
                             }
-                        } }),
-                    drawerMenuItems.length > 0 && React.createElement(Stack, { styles: drawerContainerStyles() },
-                        React.createElement(_DrawerMenu, { onLightDismiss: () => setDrawerMenuItems([]), items: drawerMenuItems }))))));
+                        } })),
+                    drawerMenuItems.length > 0 && (React.createElement(Stack, { styles: drawerContainerStyles() },
+                        React.createElement(_DrawerMenu, { onLightDismiss: () => setDrawerMenuItems([]), items: drawerMenuItems }))))))));
 };
 const isLegacyCallControlEnabled = (options) => {
     return !!options && options !== true && (options === null || options === void 0 ? void 0 : options.legacyControlBarExperience) === true;