@azure/communication-react 1.5.2-alpha-202301190014.0 → 1.6.1-alpha-202306220014

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

@@ -9,7 +9,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React, { useEffect, useMemo } from 'react';
+import { useTheme } from "../../../../react-components/src";
+import React, { useEffect, useMemo, useRef } from 'react';
 import { BaseProvider } from '../common/BaseComposite';
 import { useLocale } from '../localization';
 import { CallAdapterProvider, useAdapter } from './adapter/CallAdapterProvider';
@@ -21,25 +22,46 @@ import { getPage } from './selectors/baseSelectors';
 /* @conditional-compile-remove(rooms) */
 import { getRole } from './selectors/baseSelectors';
 import { LobbyPage } from './pages/LobbyPage';
-import { mainScreenContainerStyleDesktop, mainScreenContainerStyleMobile } from './styles/CallComposite.styles';
+/* @conditional-compile-remove(call-transfer) */
+import { TransferPage } from './pages/TransferPage';
+import { leavingPageStyle, mainScreenContainerStyleDesktop, mainScreenContainerStyleMobile } from './styles/CallComposite.styles';
 /* @conditional-compile-remove(rooms) */
 import { _PermissionsProvider, _getPermissions } from "../../../../react-components/src";
-/* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
 import { LayerHost, mergeStyles } from '@fluentui/react';
-/* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
 import { modalLayerHostStyle } from '../common/styles/ModalLocalAndRemotePIP.styles';
-/* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
 import { useId } from '@fluentui/react-hooks';
 /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(PSTN-calls) */
 import { HoldPage } from './pages/HoldPage';
 /* @conditional-compile-remove(unsupported-browser) */
 import { UnsupportedBrowserPage } from './pages/UnsupportedBrowser';
+import { SidePaneProvider } from './components/SidePane/SidePaneProvider';
+const isShowing = (overrideSidePane) => {
+    return !!(overrideSidePane === null || overrideSidePane === void 0 ? void 0 : overrideSidePane.isActive);
+};
 const MainScreen = (props) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const { callInvitationUrl, onRenderAvatar, onFetchAvatarPersonaData, onFetchParticipantMenuItems } = props;
     const page = useSelector(getPage);
+    const [sidePaneRenderer, setSidePaneRenderer] = React.useState();
+    const [injectedSidePaneProps, setInjectedSidePaneProps] = React.useState();
+    const overridePropsRef = useRef(props.overrideSidePane);
+    useEffect(() => {
+        setInjectedSidePaneProps(props.overrideSidePane);
+        // When the injected side pane is opened, clear the previous side pane active state.
+        // this ensures when the injected side pane is "closed", the previous side pane is not "re-opened".
+        if (!isShowing(overridePropsRef.current) && isShowing(props.overrideSidePane)) {
+            setSidePaneRenderer(undefined);
+        }
+        overridePropsRef.current = props.overrideSidePane;
+    }, [props.overrideSidePane]);
+    const onSidePaneIdChange = props.onSidePaneIdChange;
+    useEffect(() => {
+        onSidePaneIdChange === null || onSidePaneIdChange === void 0 ? void 0 : onSidePaneIdChange(sidePaneRenderer === null || sidePaneRenderer === void 0 ? void 0 : sidePaneRenderer.id);
+    }, [sidePaneRenderer === null || sidePaneRenderer === void 0 ? void 0 : sidePaneRenderer.id, onSidePaneIdChange]);
     const adapter = useAdapter();
     const locale = useLocale();
+    const palette = useTheme().palette;
+    const leavePageStyle = useMemo(() => leavingPageStyle(palette), [palette]);
     /* @conditional-compile-remove(rooms) */
     const role = useSelector(getRole);
     let pageElement;
@@ -56,9 +78,7 @@ const MainScreen = (props) => {
         case 'configuration':
             pageElement = (React.createElement(ConfigurationPage, { mobileView: props.mobileView, startCallHandler: () => {
                     adapter.joinCall();
-                }, 
-                /* @conditional-compile-remove(call-readiness) */
-                modalLayerHostId: props.modalLayerHostId, 
+                }, updateSidePaneRenderer: setSidePaneRenderer, modalLayerHostId: props.modalLayerHostId, 
                 /* @conditional-compile-remove(call-readiness) */
                 deviceChecks: (_a = props.options) === null || _a === void 0 ? void 0 : _a.deviceChecks, 
                 /* @conditional-compile-remove(call-readiness) */
@@ -75,23 +95,25 @@ const MainScreen = (props) => {
         case 'joinCallFailedDueToNoNetwork':
             pageElement = (React.createElement(NoticePage, { iconName: "NoticePageJoinCallFailedDueToNoNetwork", title: locale.strings.call.failedToJoinCallDueToNoNetworkTitle, moreDetails: locale.strings.call.failedToJoinCallDueToNoNetworkMoreDetails, dataUiId: 'join-call-failed-due-to-no-network-page' }));
             break;
+        case 'leaving':
+            pageElement = (React.createElement(NoticePage, { title: (_d = locale.strings.call.leavingCallTitle) !== null && _d !== void 0 ? _d : 'Leaving...', dataUiId: 'leaving-page', pageStyle: leavePageStyle, disableStartCallButton: true }));
+            break;
         case 'leftCall':
             pageElement = (React.createElement(NoticePage, { iconName: "NoticePageLeftCall", title: locale.strings.call.leftCallTitle, moreDetails: locale.strings.call.leftCallMoreDetails, dataUiId: 'left-call-page' }));
             break;
         case 'lobby':
-            pageElement = (React.createElement(LobbyPage, { mobileView: props.mobileView, 
-                /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
-                modalLayerHostId: props.modalLayerHostId, options: props.options }));
+            pageElement = (React.createElement(LobbyPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader }));
+            break;
+        /* @conditional-compile-remove(call-transfer) */
+        case 'transferring':
+            pageElement = (React.createElement(TransferPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onRenderAvatar: onRenderAvatar, onFetchAvatarPersonaData: onFetchAvatarPersonaData }));
             break;
         case 'call':
-            pageElement = (React.createElement(CallPage, { onRenderAvatar: onRenderAvatar, callInvitationURL: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: props.mobileView, 
-                /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
-                modalLayerHostId: props.modalLayerHostId, options: props.options }));
+            pageElement = (React.createElement(CallPage, { onRenderAvatar: onRenderAvatar, callInvitationURL: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader }));
             break;
         /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-        case holdPageTrampoline():
-            pageElement = (React.createElement(React.Fragment, null, 
-            /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ React.createElement(HoldPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options })));
+        case 'hold':
+            pageElement = (React.createElement(React.Fragment, null, React.createElement(HoldPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader })));
             break;
     }
     /* @conditional-compile-remove(unsupported-browser) */
@@ -99,7 +121,7 @@ const MainScreen = (props) => {
         case 'unsupportedEnvironment':
             pageElement = (React.createElement(React.Fragment, null, 
             /* @conditional-compile-remove(unsupported-browser) */
-            React.createElement(UnsupportedBrowserPage, { onTroubleshootingClick: (_d = props.options) === null || _d === void 0 ? void 0 : _d.onEnvironmentInfoTroubleshootingClick, environmentInfo: adapter.getState().environmentInfo })));
+            React.createElement(UnsupportedBrowserPage, { onTroubleshootingClick: (_e = props.options) === null || _e === void 0 ? void 0 : _e.onEnvironmentInfoTroubleshootingClick, environmentInfo: adapter.getState().environmentInfo })));
             break;
     }
     if (!pageElement) {
@@ -111,7 +133,7 @@ const MainScreen = (props) => {
     let retElement = pageElement;
     /* @conditional-compile-remove(rooms) */
     retElement = React.createElement(_PermissionsProvider, { permissions: permissions }, pageElement);
-    return retElement;
+    return (React.createElement(SidePaneProvider, { sidePaneRenderer: sidePaneRenderer, overrideSidePane: injectedSidePaneProps }, retElement));
 };
 /**
  * A customizable UI composite for calling experience.
@@ -122,7 +144,9 @@ const MainScreen = (props) => {
  *
  * @public
  */
-export const CallComposite = (props) => {
+export const CallComposite = (props) => React.createElement(CallCompositeInner, Object.assign({}, props));
+/** @private */
+export const CallCompositeInner = (props) => {
     const { adapter, callInvitationUrl, onFetchAvatarPersonaData, onFetchParticipantMenuItems, options, formFactor = 'desktop' } = props;
     /* @conditional-compile-remove(rooms) */
     const roleHint = adapter.getState().roleHint;
@@ -138,7 +162,6 @@ export const CallComposite = (props) => {
         }))();
     }, [adapter, /* @conditional-compile-remove(rooms) */ roleHint]);
     const mobileView = formFactor === 'mobile';
-    /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
     const modalLayerHostId = useId('modalLayerhost');
     const mainScreenContainerClassName = useMemo(() => {
         return mobileView ? mainScreenContainerStyleMobile : mainScreenContainerStyleDesktop;
@@ -146,28 +169,19 @@ export const CallComposite = (props) => {
     return (React.createElement("div", { className: mainScreenContainerClassName },
         React.createElement(BaseProvider, Object.assign({}, props),
             React.createElement(CallAdapterProvider, { adapter: adapter },
-                React.createElement(MainScreen, { callInvitationUrl: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: mobileView, 
-                    /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) @conditional-compile-remove(call-readiness) */
-                    modalLayerHostId: modalLayerHostId, options: options, 
+                React.createElement(MainScreen, { callInvitationUrl: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: mobileView, modalLayerHostId: modalLayerHostId, options: options, 
                     /* @conditional-compile-remove(rooms) */
-                    roleHint: roleHint }),
-                // This layer host is for ModalLocalAndRemotePIP in CallPane. This LayerHost cannot be inside the CallPane
-                // because when the CallPane is hidden, ie. style property display is 'none', it takes up no space. This causes problems when dragging
+                    roleHint: roleHint, onSidePaneIdChange: props.onSidePaneIdChange, overrideSidePane: props.overrideSidePane, mobileChatTabHeader: props.mobileChatTabHeader }),
+                // This layer host is for ModalLocalAndRemotePIP in SidePane. This LayerHost cannot be inside the SidePane
+                // because when the SidePane is hidden, ie. style property display is 'none', it takes up no space. This causes problems when dragging
                 // the Modal because the draggable bounds thinks it has no space and will always return to its initial position after dragging.
                 // Additionally, this layer host cannot be in the Call Arrangement as it needs to be rendered before useMinMaxDragPosition() in
                 // common/utils useRef is called.
                 // Warning: this is fragile and works because the call arrangement page is only rendered after the call has connected and thus this
                 // LayerHost will be guaranteed to have rendered (and subsequently mounted in the DOM). This ensures the DOM element will be available
                 // before the call to `document.getElementById(modalLayerHostId)` is made.
-                /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) @conditional-compile-remove(call-readiness) */
                 React.createElement(LayerHost, { id: modalLayerHostId, className: mergeStyles(modalLayerHostStyle) })))));
 };
-const holdPageTrampoline = () => {
-    /* @conditional-compile-remove(one-to-n-calling) */
-    /* @conditional-compile-remove(PSTN-calls) */
-    return 'hold';
-    return 'call';
-};
 const getQueryOptions = (options) => {
     /* @conditional-compile-remove(rooms) */
     if (options.role === 'Consumer') {

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

@@ -1 +1 @@
-{"version":3,"file":"CallComposite.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/CallComposite.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { _isInCall } from '@internal/calling-component-bindings';\nimport { OnRenderAvatarCallback, ParticipantMenuItemsCallback } from '@internal/react-components';\nimport React, { useEffect, useMemo } from 'react';\nimport { AvatarPersonaDataCallback } from '../common/AvatarPersona';\nimport { BaseProvider, BaseCompositeProps } from '../common/BaseComposite';\nimport { CallCompositeIcons } from '../common/icons';\nimport { useLocale } from '../localization';\nimport { CommonCallAdapter } from './adapter/CallAdapter';\nimport { CallAdapterProvider, useAdapter } from './adapter/CallAdapterProvider';\nimport { CallPage } from './pages/CallPage';\nimport { ConfigurationPage } from './pages/ConfigurationPage';\nimport { NoticePage } from './pages/NoticePage';\nimport { useSelector } from './hooks/useSelector';\nimport { getPage } from './selectors/baseSelectors';\n/* @conditional-compile-remove(rooms) */\nimport { getRole } from './selectors/baseSelectors';\nimport { LobbyPage } from './pages/LobbyPage';\nimport { mainScreenContainerStyleDesktop, mainScreenContainerStyleMobile } from './styles/CallComposite.styles';\nimport { CallControlOptions } from './types/CallControlOptions';\n\n/* @conditional-compile-remove(rooms) */\nimport { _PermissionsProvider, Role, _getPermissions } from '@internal/react-components';\n/* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\nimport { LayerHost, mergeStyles } from '@fluentui/react';\n/* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\nimport { modalLayerHostStyle } from '../common/styles/ModalLocalAndRemotePIP.styles';\n/* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\nimport { useId } from '@fluentui/react-hooks';\n/* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(PSTN-calls) */\nimport { HoldPage } from './pages/HoldPage';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { UnsupportedBrowserPage } from './pages/UnsupportedBrowser';\nimport { PermissionConstraints } from '@azure/communication-calling';\n\n/**\n * Props for {@link CallComposite}.\n *\n * @public\n */\nexport interface CallCompositeProps extends BaseCompositeProps<CallCompositeIcons> {\n  /**\n   * An adapter provides logic and data to the composite.\n   * Composite can also be controlled using the adapter.\n   */\n  adapter: CommonCallAdapter;\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 to invite new participants to the current call. If this is supplied, a button appears in the Participants\n   * Button flyout menu.\n   */\n  callInvitationUrl?: string;\n  /**\n   * Flags to enable/disable or customize UI elements of the {@link CallComposite}.\n   */\n  options?: CallCompositeOptions;\n}\n\n/* @conditional-compile-remove(call-readiness) */\n/**\n * Device Checks.\n * Choose whether or not to block starting a call depending on camera and microphone permission options.\n *\n * @beta\n */\nexport interface DeviceCheckOptions {\n  /**\n   * Camera Permission prompts for your call.\n   * 'required' - requires the permission to be allowed before permitting the user join the call.\n   * 'optional' - permission can be disallowed and the user is still permitted to join the call.\n   * 'doNotPrompt' - permission is not required and the user is not prompted to allow the permission.\n   */\n  camera: 'required' | 'optional' | 'doNotPrompt';\n  /**\n   * Microphone permission prompts for your call.\n   * 'required' - requires the permission to be allowed before permitting the user join the call.\n   * 'optional' - permission can be disallowed and the user is still permitted to join the call.\n   * 'doNotPrompt' - permission is not required and the user is not prompted to allow the permission.\n   */\n  microphone: 'required' | 'optional' | 'doNotPrompt';\n}\n\n/* @conditional-compile-remove(pinned-participants) */\n/**\n * Menu options for remote video tiles in {@link VideoGallery}.\n *\n * @beta\n */\nexport interface RemoteVideoTileMenuOptions {\n  /**\n   * If set to true, remote video tiles in the VideoGallery will not have menu options\n   *\n   * @defaultValue false\n   */\n  isHidden?: boolean;\n}\n\n/**\n * Optional features of the {@link CallComposite}.\n *\n * @public\n */\nexport type CallCompositeOptions = {\n  /**\n   * Surface Azure Communication Services backend errors in the UI with {@link @azure/communication-react#ErrorBar}.\n   * Hide or show the error bar.\n   * @defaultValue true\n   */\n  errorBar?: boolean;\n  /**\n   * Hide or Customize the control bar element.\n   * Can be customized by providing an object of type {@link @azure/communication-react#CallControlOptions}.\n   * @defaultValue true\n   */\n  callControls?: boolean | CallControlOptions;\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   * Callback you may provide to supply users with further steps to troubleshoot why they have been\n   * having network issues when connecting to the 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  /* @conditional-compile-remove(pinned-participants) */\n  /**\n   * Remote participant video tile menu options\n   */\n  remoteVideoTileMenu?: RemoteVideoTileMenuOptions;\n};\n\ntype MainScreenProps = {\n  mobileView: boolean;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) @conditional-compile-remove(call-readiness) */\n  modalLayerHostId: string;\n  onRenderAvatar?: OnRenderAvatarCallback;\n  callInvitationUrl?: string;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  options?: CallCompositeOptions;\n  /* @conditional-compile-remove(rooms) */\n  roleHint?: Role;\n};\n\nconst MainScreen = (props: MainScreenProps): JSX.Element => {\n  const { callInvitationUrl, onRenderAvatar, onFetchAvatarPersonaData, onFetchParticipantMenuItems } = props;\n  const page = useSelector(getPage);\n\n  const adapter = useAdapter();\n  const locale = useLocale();\n\n  /* @conditional-compile-remove(rooms) */\n  const role = useSelector(getRole);\n\n  let pageElement: JSX.Element | undefined;\n  /* @conditional-compile-remove(rooms) */\n  switch (page) {\n    case 'roomNotFound':\n      pageElement = (\n        <NoticePage\n          iconName=\"NoticePageInvalidRoom\"\n          title={locale.strings.call.roomNotFoundTitle}\n          moreDetails={locale.strings.call.roomNotFoundDetails}\n          dataUiId={'room-not-found-page'}\n        />\n      );\n      break;\n    case 'deniedPermissionToRoom':\n      pageElement = (\n        <NoticePage\n          iconName=\"NoticePageInvalidRoom\"\n          title={locale.strings.call.deniedPermissionToRoomTitle}\n          moreDetails={locale.strings.call.deniedPermissionToRoomDetails}\n          dataUiId={'not-invited-to-room-page'}\n        />\n      );\n      break;\n  }\n  switch (page) {\n    case 'configuration':\n      pageElement = (\n        <ConfigurationPage\n          mobileView={props.mobileView}\n          startCallHandler={(): void => {\n            adapter.joinCall();\n          }}\n          /* @conditional-compile-remove(call-readiness) */\n          modalLayerHostId={props.modalLayerHostId}\n          /* @conditional-compile-remove(call-readiness) */\n          deviceChecks={props.options?.deviceChecks}\n          /* @conditional-compile-remove(call-readiness) */\n          onPermissionsTroubleshootingClick={props.options?.onPermissionsTroubleshootingClick}\n          /* @conditional-compile-remove(call-readiness) */\n          onNetworkingTroubleShootingClick={props.options?.onNetworkingTroubleShootingClick}\n        />\n      );\n      break;\n    case 'accessDeniedTeamsMeeting':\n      pageElement = (\n        <NoticePage\n          iconName=\"NoticePageAccessDeniedTeamsMeeting\"\n          title={locale.strings.call.failedToJoinTeamsMeetingReasonAccessDeniedTitle}\n          moreDetails={locale.strings.call.failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails}\n          dataUiId={'access-denied-teams-meeting-page'}\n        />\n      );\n      break;\n    case 'removedFromCall':\n      pageElement = (\n        <NoticePage\n          iconName=\"NoticePageRemovedFromCall\"\n          title={locale.strings.call.removedFromCallTitle}\n          moreDetails={locale.strings.call.removedFromCallMoreDetails}\n          dataUiId={'removed-from-call-page'}\n        />\n      );\n      break;\n    case 'joinCallFailedDueToNoNetwork':\n      pageElement = (\n        <NoticePage\n          iconName=\"NoticePageJoinCallFailedDueToNoNetwork\"\n          title={locale.strings.call.failedToJoinCallDueToNoNetworkTitle}\n          moreDetails={locale.strings.call.failedToJoinCallDueToNoNetworkMoreDetails}\n          dataUiId={'join-call-failed-due-to-no-network-page'}\n        />\n      );\n      break;\n    case 'leftCall':\n      pageElement = (\n        <NoticePage\n          iconName=\"NoticePageLeftCall\"\n          title={locale.strings.call.leftCallTitle}\n          moreDetails={locale.strings.call.leftCallMoreDetails}\n          dataUiId={'left-call-page'}\n        />\n      );\n      break;\n    case 'lobby':\n      pageElement = (\n        <LobbyPage\n          mobileView={props.mobileView}\n          /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n          modalLayerHostId={props.modalLayerHostId}\n          options={props.options}\n        />\n      );\n      break;\n    case 'call':\n      pageElement = (\n        <CallPage\n          onRenderAvatar={onRenderAvatar}\n          callInvitationURL={callInvitationUrl}\n          onFetchAvatarPersonaData={onFetchAvatarPersonaData}\n          onFetchParticipantMenuItems={onFetchParticipantMenuItems}\n          mobileView={props.mobileView}\n          /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n          modalLayerHostId={props.modalLayerHostId}\n          options={props.options}\n        />\n      );\n      break;\n    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n    case holdPageTrampoline():\n      pageElement = (\n        <>\n          {\n            /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ <HoldPage\n              mobileView={props.mobileView}\n              modalLayerHostId={props.modalLayerHostId}\n              options={props.options}\n            />\n          }\n        </>\n      );\n      break;\n  }\n\n  /* @conditional-compile-remove(unsupported-browser) */\n  switch (page) {\n    case 'unsupportedEnvironment':\n      pageElement = (\n        <>\n          {\n            /* @conditional-compile-remove(unsupported-browser) */\n            <UnsupportedBrowserPage\n              onTroubleshootingClick={props.options?.onEnvironmentInfoTroubleshootingClick}\n              environmentInfo={adapter.getState().environmentInfo}\n            />\n          }\n        </>\n      );\n      break;\n  }\n\n  if (!pageElement) {\n    throw new Error('Invalid call composite page');\n  }\n\n  /* @conditional-compile-remove(rooms) */\n  const permissions = _getPermissions(role === 'Unknown' || role === undefined ? props.roleHint : role);\n\n  // default retElement for stable version\n  let retElement = pageElement;\n  /* @conditional-compile-remove(rooms) */\n  retElement = <_PermissionsProvider permissions={permissions}>{pageElement}</_PermissionsProvider>;\n\n  return retElement;\n};\n\n/**\n * A customizable UI composite for calling experience.\n *\n * @remarks Call composite min width/height are as follow:\n * - mobile: 17.5rem x 21rem (280px x 336px, with default rem at 16px)\n * - desktop: 30rem x 22rem (480px x 352px, with default rem at 16px)\n *\n * @public\n */\nexport const CallComposite = (props: CallCompositeProps): JSX.Element => {\n  const {\n    adapter,\n    callInvitationUrl,\n    onFetchAvatarPersonaData,\n    onFetchParticipantMenuItems,\n    options,\n    formFactor = 'desktop'\n  } = props;\n\n  /* @conditional-compile-remove(rooms) */\n  const roleHint = adapter.getState().roleHint;\n\n  useEffect(() => {\n    (async () => {\n      const constrain = getQueryOptions({\n        /* @conditional-compile-remove(rooms) */ role: roleHint\n      });\n      await adapter.askDevicePermission(constrain);\n      adapter.queryCameras();\n      adapter.queryMicrophones();\n      adapter.querySpeakers();\n    })();\n  }, [adapter, /* @conditional-compile-remove(rooms) */ roleHint]);\n\n  const mobileView = formFactor === 'mobile';\n\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  const modalLayerHostId = useId('modalLayerhost');\n\n  const mainScreenContainerClassName = useMemo(() => {\n    return mobileView ? mainScreenContainerStyleMobile : mainScreenContainerStyleDesktop;\n  }, [mobileView]);\n\n  return (\n    <div className={mainScreenContainerClassName}>\n      <BaseProvider {...props}>\n        <CallAdapterProvider adapter={adapter}>\n          <MainScreen\n            callInvitationUrl={callInvitationUrl}\n            onFetchAvatarPersonaData={onFetchAvatarPersonaData}\n            onFetchParticipantMenuItems={onFetchParticipantMenuItems}\n            mobileView={mobileView}\n            /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) @conditional-compile-remove(call-readiness) */\n            modalLayerHostId={modalLayerHostId}\n            options={options}\n            /* @conditional-compile-remove(rooms) */\n            roleHint={roleHint}\n          />\n          {\n            // This layer host is for ModalLocalAndRemotePIP in CallPane. This LayerHost cannot be inside the CallPane\n            // because when the CallPane is hidden, ie. style property display is 'none', it takes up no space. This causes problems when dragging\n            // the Modal because the draggable bounds thinks it has no space and will always return to its initial position after dragging.\n            // Additionally, this layer host cannot be in the Call Arrangement as it needs to be rendered before useMinMaxDragPosition() in\n            // common/utils useRef is called.\n            // Warning: this is fragile and works because the call arrangement page is only rendered after the call has connected and thus this\n            // LayerHost will be guaranteed to have rendered (and subsequently mounted in the DOM). This ensures the DOM element will be available\n            // before the call to `document.getElementById(modalLayerHostId)` is made.\n            /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) @conditional-compile-remove(call-readiness) */\n            <LayerHost id={modalLayerHostId} className={mergeStyles(modalLayerHostStyle)} />\n          }\n        </CallAdapterProvider>\n      </BaseProvider>\n    </div>\n  );\n};\n\nconst holdPageTrampoline = (): string => {\n  /* @conditional-compile-remove(one-to-n-calling) */\n  /* @conditional-compile-remove(PSTN-calls) */\n  return 'hold';\n  return 'call';\n};\n\nconst getQueryOptions = (options: { /* @conditional-compile-remove(rooms) */ role?: Role }): PermissionConstraints => {\n  /* @conditional-compile-remove(rooms) */\n  if (options.role === 'Consumer') {\n    return {\n      video: false,\n      audio: true\n    };\n  }\n  return { video: true, audio: true };\n};\n\"../../../../calling-component-bindings/src\"\"../../../../react-components/src\""]}
+{"version":3,"file":"CallComposite.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/CallComposite.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { _isInCall } from '@internal/calling-component-bindings';\nimport { OnRenderAvatarCallback, ParticipantMenuItemsCallback, useTheme } from '@internal/react-components';\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { AvatarPersonaDataCallback } from '../common/AvatarPersona';\nimport { BaseProvider, BaseCompositeProps } from '../common/BaseComposite';\nimport { CallCompositeIcons } from '../common/icons';\nimport { useLocale } from '../localization';\nimport { CommonCallAdapter } from './adapter/CallAdapter';\nimport { CallAdapterProvider, useAdapter } from './adapter/CallAdapterProvider';\nimport { CallPage } from './pages/CallPage';\nimport { ConfigurationPage } from './pages/ConfigurationPage';\nimport { NoticePage } from './pages/NoticePage';\nimport { useSelector } from './hooks/useSelector';\nimport { getPage } from './selectors/baseSelectors';\n/* @conditional-compile-remove(rooms) */\nimport { getRole } from './selectors/baseSelectors';\nimport { LobbyPage } from './pages/LobbyPage';\n/* @conditional-compile-remove(call-transfer) */\nimport { TransferPage } from './pages/TransferPage';\nimport {\n  leavingPageStyle,\n  mainScreenContainerStyleDesktop,\n  mainScreenContainerStyleMobile\n} from './styles/CallComposite.styles';\nimport { CallControlOptions } from './types/CallControlOptions';\n\n/* @conditional-compile-remove(rooms) */\nimport { _PermissionsProvider, Role, _getPermissions } from '@internal/react-components';\nimport { LayerHost, mergeStyles } from '@fluentui/react';\nimport { modalLayerHostStyle } from '../common/styles/ModalLocalAndRemotePIP.styles';\nimport { useId } from '@fluentui/react-hooks';\n/* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(PSTN-calls) */\nimport { HoldPage } from './pages/HoldPage';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { UnsupportedBrowserPage } from './pages/UnsupportedBrowser';\nimport { PermissionConstraints } from '@azure/communication-calling';\nimport { MobileChatSidePaneTabHeaderProps } from '../common/TabHeader';\nimport { InjectedSidePaneProps, SidePaneProvider, SidePaneRenderer } from './components/SidePane/SidePaneProvider';\n\n/**\n * Props for {@link CallComposite}.\n *\n * @public\n */\nexport interface CallCompositeProps extends BaseCompositeProps<CallCompositeIcons> {\n  /**\n   * An adapter provides logic and data to the composite.\n   * Composite can also be controlled using the adapter.\n   */\n  adapter: CommonCallAdapter;\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 to invite new participants to the current call. If this is supplied, a button appears in the Participants\n   * Button flyout menu.\n   */\n  callInvitationUrl?: string;\n  /**\n   * Flags to enable/disable or customize UI elements of the {@link CallComposite}.\n   */\n  options?: CallCompositeOptions;\n}\n\n/* @conditional-compile-remove(call-readiness) */\n/**\n * Device Checks.\n * Choose whether or not to block starting a call depending on camera and microphone permission options.\n *\n * @beta\n */\nexport interface DeviceCheckOptions {\n  /**\n   * Camera Permission prompts for your call.\n   * 'required' - requires the permission to be allowed before permitting the user join the call.\n   * 'optional' - permission can be disallowed and the user is still permitted to join the call.\n   * 'doNotPrompt' - permission is not required and the user is not prompted to allow the permission.\n   */\n  camera: 'required' | 'optional' | 'doNotPrompt';\n  /**\n   * Microphone permission prompts for your call.\n   * 'required' - requires the permission to be allowed before permitting the user join the call.\n   * 'optional' - permission can be disallowed and the user is still permitted to join the call.\n   * 'doNotPrompt' - permission is not required and the user is not prompted to allow the permission.\n   */\n  microphone: 'required' | 'optional' | 'doNotPrompt';\n}\n\n/* @conditional-compile-remove(pinned-participants) */\n/**\n * Menu options for remote video tiles in {@link VideoGallery}.\n *\n * @beta\n */\nexport interface RemoteVideoTileMenuOptions {\n  /**\n   * If set to true, remote video tiles in the VideoGallery will not have menu options\n   *\n   * @defaultValue false\n   */\n  isHidden?: boolean;\n}\n\n/* @conditional-compile-remove(click-to-call) */\n/**\n * Options for the local video tile in the Call composite.\n *\n * @beta\n */\nexport interface LocalVideoTileOptions {\n  /**\n   * Position of the local video tile. If unset will render the local tile in the floating local position.\n   *\n   * @defaultValue 'floating'\n   * @remarks 'grid' - local video tile will be rendered in the grid view of the videoGallery.\n   * 'floating' - local video tile will be rendered in the floating position and will observe overflow gallery\n   * local video tile rules and be docked in the bottom corner.\n   * 'hidden' - local video tile will not be rendered.\n   * This does not affect the Configuration screen or the side pane Picture in Picture in Picture view.\n   */\n  position?: 'grid' | 'floating';\n}\n/**\n * Optional features of the {@link CallComposite}.\n *\n * @public\n */\nexport type CallCompositeOptions = {\n  /**\n   * Surface Azure Communication Services backend errors in the UI with {@link @azure/communication-react#ErrorBar}.\n   * Hide or show the error bar.\n   * @defaultValue true\n   */\n  errorBar?: boolean;\n  /**\n   * Hide or Customize the control bar element.\n   * Can be customized by providing an object of type {@link @azure/communication-react#CallControlOptions}.\n   * @defaultValue true\n   */\n  callControls?: boolean | CallControlOptions;\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   * Callback you may provide to supply users with further steps to troubleshoot why they have been\n   * having network issues when connecting to the 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  /* @conditional-compile-remove(pinned-participants) */\n  /**\n   * Remote participant video tile menu options\n   */\n  remoteVideoTileMenu?: RemoteVideoTileMenuOptions;\n  /* @conditional-compile-remove(click-to-call) */\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\ntype MainScreenProps = {\n  mobileView: boolean;\n  modalLayerHostId: string;\n  onRenderAvatar?: OnRenderAvatarCallback;\n  callInvitationUrl?: string;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  options?: CallCompositeOptions;\n  /* @conditional-compile-remove(rooms) */\n  roleHint?: Role;\n  overrideSidePane?: InjectedSidePaneProps;\n  onSidePaneIdChange?: (sidePaneId: string | undefined) => void;\n  mobileChatTabHeader?: MobileChatSidePaneTabHeaderProps;\n};\n\nconst isShowing = (overrideSidePane?: InjectedSidePaneProps): boolean => {\n  return !!overrideSidePane?.isActive;\n};\n\nconst MainScreen = (props: MainScreenProps): JSX.Element => {\n  const { callInvitationUrl, onRenderAvatar, onFetchAvatarPersonaData, onFetchParticipantMenuItems } = props;\n  const page = useSelector(getPage);\n\n  const [sidePaneRenderer, setSidePaneRenderer] = React.useState<SidePaneRenderer | undefined>();\n  const [injectedSidePaneProps, setInjectedSidePaneProps] = React.useState<InjectedSidePaneProps>();\n\n  const overridePropsRef = useRef<InjectedSidePaneProps | undefined>(props.overrideSidePane);\n  useEffect(() => {\n    setInjectedSidePaneProps(props.overrideSidePane);\n    // When the injected side pane is opened, clear the previous side pane active state.\n    // this ensures when the injected side pane is \"closed\", the previous side pane is not \"re-opened\".\n    if (!isShowing(overridePropsRef.current) && isShowing(props.overrideSidePane)) {\n      setSidePaneRenderer(undefined);\n    }\n    overridePropsRef.current = props.overrideSidePane;\n  }, [props.overrideSidePane]);\n\n  const onSidePaneIdChange = props.onSidePaneIdChange;\n  useEffect(() => {\n    onSidePaneIdChange?.(sidePaneRenderer?.id);\n  }, [sidePaneRenderer?.id, onSidePaneIdChange]);\n\n  const adapter = useAdapter();\n  const locale = useLocale();\n  const palette = useTheme().palette;\n  const leavePageStyle = useMemo(() => leavingPageStyle(palette), [palette]);\n\n  /* @conditional-compile-remove(rooms) */\n  const role = useSelector(getRole);\n\n  let pageElement: JSX.Element | undefined;\n  /* @conditional-compile-remove(rooms) */\n  switch (page) {\n    case 'roomNotFound':\n      pageElement = (\n        <NoticePage\n          iconName=\"NoticePageInvalidRoom\"\n          title={locale.strings.call.roomNotFoundTitle}\n          moreDetails={locale.strings.call.roomNotFoundDetails}\n          dataUiId={'room-not-found-page'}\n        />\n      );\n      break;\n    case 'deniedPermissionToRoom':\n      pageElement = (\n        <NoticePage\n          iconName=\"NoticePageInvalidRoom\"\n          title={locale.strings.call.deniedPermissionToRoomTitle}\n          moreDetails={locale.strings.call.deniedPermissionToRoomDetails}\n          dataUiId={'not-invited-to-room-page'}\n        />\n      );\n      break;\n  }\n  switch (page) {\n    case 'configuration':\n      pageElement = (\n        <ConfigurationPage\n          mobileView={props.mobileView}\n          startCallHandler={(): void => {\n            adapter.joinCall();\n          }}\n          updateSidePaneRenderer={setSidePaneRenderer}\n          modalLayerHostId={props.modalLayerHostId}\n          /* @conditional-compile-remove(call-readiness) */\n          deviceChecks={props.options?.deviceChecks}\n          /* @conditional-compile-remove(call-readiness) */\n          onPermissionsTroubleshootingClick={props.options?.onPermissionsTroubleshootingClick}\n          /* @conditional-compile-remove(call-readiness) */\n          onNetworkingTroubleShootingClick={props.options?.onNetworkingTroubleShootingClick}\n        />\n      );\n      break;\n    case 'accessDeniedTeamsMeeting':\n      pageElement = (\n        <NoticePage\n          iconName=\"NoticePageAccessDeniedTeamsMeeting\"\n          title={locale.strings.call.failedToJoinTeamsMeetingReasonAccessDeniedTitle}\n          moreDetails={locale.strings.call.failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails}\n          dataUiId={'access-denied-teams-meeting-page'}\n        />\n      );\n      break;\n    case 'removedFromCall':\n      pageElement = (\n        <NoticePage\n          iconName=\"NoticePageRemovedFromCall\"\n          title={locale.strings.call.removedFromCallTitle}\n          moreDetails={locale.strings.call.removedFromCallMoreDetails}\n          dataUiId={'removed-from-call-page'}\n        />\n      );\n      break;\n    case 'joinCallFailedDueToNoNetwork':\n      pageElement = (\n        <NoticePage\n          iconName=\"NoticePageJoinCallFailedDueToNoNetwork\"\n          title={locale.strings.call.failedToJoinCallDueToNoNetworkTitle}\n          moreDetails={locale.strings.call.failedToJoinCallDueToNoNetworkMoreDetails}\n          dataUiId={'join-call-failed-due-to-no-network-page'}\n        />\n      );\n      break;\n    case 'leaving':\n      pageElement = (\n        <NoticePage\n          title={locale.strings.call.leavingCallTitle ?? 'Leaving...'}\n          dataUiId={'leaving-page'}\n          pageStyle={leavePageStyle}\n          disableStartCallButton={true}\n        />\n      );\n      break;\n    case 'leftCall':\n      pageElement = (\n        <NoticePage\n          iconName=\"NoticePageLeftCall\"\n          title={locale.strings.call.leftCallTitle}\n          moreDetails={locale.strings.call.leftCallMoreDetails}\n          dataUiId={'left-call-page'}\n        />\n      );\n      break;\n    case 'lobby':\n      pageElement = (\n        <LobbyPage\n          mobileView={props.mobileView}\n          modalLayerHostId={props.modalLayerHostId}\n          options={props.options}\n          updateSidePaneRenderer={setSidePaneRenderer}\n          mobileChatTabHeader={props.mobileChatTabHeader}\n        />\n      );\n      break;\n    /* @conditional-compile-remove(call-transfer) */\n    case 'transferring':\n      pageElement = (\n        <TransferPage\n          mobileView={props.mobileView}\n          modalLayerHostId={props.modalLayerHostId}\n          options={props.options}\n          updateSidePaneRenderer={setSidePaneRenderer}\n          mobileChatTabHeader={props.mobileChatTabHeader}\n          onRenderAvatar={onRenderAvatar}\n          onFetchAvatarPersonaData={onFetchAvatarPersonaData}\n        />\n      );\n      break;\n    case 'call':\n      pageElement = (\n        <CallPage\n          onRenderAvatar={onRenderAvatar}\n          callInvitationURL={callInvitationUrl}\n          onFetchAvatarPersonaData={onFetchAvatarPersonaData}\n          onFetchParticipantMenuItems={onFetchParticipantMenuItems}\n          mobileView={props.mobileView}\n          modalLayerHostId={props.modalLayerHostId}\n          options={props.options}\n          updateSidePaneRenderer={setSidePaneRenderer}\n          mobileChatTabHeader={props.mobileChatTabHeader}\n        />\n      );\n      break;\n    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n    case 'hold':\n      pageElement = (\n        <>\n          {\n            <HoldPage\n              mobileView={props.mobileView}\n              modalLayerHostId={props.modalLayerHostId}\n              options={props.options}\n              updateSidePaneRenderer={setSidePaneRenderer}\n              mobileChatTabHeader={props.mobileChatTabHeader}\n            />\n          }\n        </>\n      );\n      break;\n  }\n\n  /* @conditional-compile-remove(unsupported-browser) */\n  switch (page) {\n    case 'unsupportedEnvironment':\n      pageElement = (\n        <>\n          {\n            /* @conditional-compile-remove(unsupported-browser) */\n            <UnsupportedBrowserPage\n              onTroubleshootingClick={props.options?.onEnvironmentInfoTroubleshootingClick}\n              environmentInfo={adapter.getState().environmentInfo}\n            />\n          }\n        </>\n      );\n      break;\n  }\n\n  if (!pageElement) {\n    throw new Error('Invalid call composite page');\n  }\n\n  /* @conditional-compile-remove(rooms) */\n  const permissions = _getPermissions(role === 'Unknown' || role === undefined ? props.roleHint : role);\n\n  // default retElement for stable version\n  let retElement = pageElement;\n  /* @conditional-compile-remove(rooms) */\n  retElement = <_PermissionsProvider permissions={permissions}>{pageElement}</_PermissionsProvider>;\n\n  return (\n    <SidePaneProvider sidePaneRenderer={sidePaneRenderer} overrideSidePane={injectedSidePaneProps}>\n      {retElement}\n    </SidePaneProvider>\n  );\n};\n\n/**\n * A customizable UI composite for calling experience.\n *\n * @remarks Call composite min width/height are as follow:\n * - mobile: 17.5rem x 21rem (280px x 336px, with default rem at 16px)\n * - desktop: 30rem x 22rem (480px x 352px, with default rem at 16px)\n *\n * @public\n */\nexport const CallComposite = (props: CallCompositeProps): JSX.Element => <CallCompositeInner {...props} />;\n\n/**\n * @private\n */\nexport interface InternalCallCompositeProps {\n  overrideSidePane?: InjectedSidePaneProps;\n  onSidePaneIdChange?: (sidePaneId: string | undefined) => void;\n\n  // legacy property to avoid breaking change\n  mobileChatTabHeader?: MobileChatSidePaneTabHeaderProps;\n}\n\n/** @private */\nexport const CallCompositeInner = (props: CallCompositeProps & InternalCallCompositeProps): JSX.Element => {\n  const {\n    adapter,\n    callInvitationUrl,\n    onFetchAvatarPersonaData,\n    onFetchParticipantMenuItems,\n    options,\n    formFactor = 'desktop'\n  } = props;\n\n  /* @conditional-compile-remove(rooms) */\n  const roleHint = adapter.getState().roleHint;\n\n  useEffect(() => {\n    (async () => {\n      const constrain = getQueryOptions({\n        /* @conditional-compile-remove(rooms) */ role: roleHint\n      });\n      await adapter.askDevicePermission(constrain);\n      adapter.queryCameras();\n      adapter.queryMicrophones();\n      adapter.querySpeakers();\n    })();\n  }, [adapter, /* @conditional-compile-remove(rooms) */ roleHint]);\n\n  const mobileView = formFactor === 'mobile';\n\n  const modalLayerHostId = useId('modalLayerhost');\n  const mainScreenContainerClassName = useMemo(() => {\n    return mobileView ? mainScreenContainerStyleMobile : mainScreenContainerStyleDesktop;\n  }, [mobileView]);\n\n  return (\n    <div className={mainScreenContainerClassName}>\n      <BaseProvider {...props}>\n        <CallAdapterProvider adapter={adapter}>\n          <MainScreen\n            callInvitationUrl={callInvitationUrl}\n            onFetchAvatarPersonaData={onFetchAvatarPersonaData}\n            onFetchParticipantMenuItems={onFetchParticipantMenuItems}\n            mobileView={mobileView}\n            modalLayerHostId={modalLayerHostId}\n            options={options}\n            /* @conditional-compile-remove(rooms) */\n            roleHint={roleHint}\n            onSidePaneIdChange={props.onSidePaneIdChange}\n            overrideSidePane={props.overrideSidePane}\n            mobileChatTabHeader={props.mobileChatTabHeader}\n          />\n          {\n            // This layer host is for ModalLocalAndRemotePIP in SidePane. This LayerHost cannot be inside the SidePane\n            // because when the SidePane is hidden, ie. style property display is 'none', it takes up no space. This causes problems when dragging\n            // the Modal because the draggable bounds thinks it has no space and will always return to its initial position after dragging.\n            // Additionally, this layer host cannot be in the Call Arrangement as it needs to be rendered before useMinMaxDragPosition() in\n            // common/utils useRef is called.\n            // Warning: this is fragile and works because the call arrangement page is only rendered after the call has connected and thus this\n            // LayerHost will be guaranteed to have rendered (and subsequently mounted in the DOM). This ensures the DOM element will be available\n            // before the call to `document.getElementById(modalLayerHostId)` is made.\n            <LayerHost id={modalLayerHostId} className={mergeStyles(modalLayerHostStyle)} />\n          }\n        </CallAdapterProvider>\n      </BaseProvider>\n    </div>\n  );\n};\n\nconst getQueryOptions = (options: { /* @conditional-compile-remove(rooms) */ role?: Role }): PermissionConstraints => {\n  /* @conditional-compile-remove(rooms) */\n  if (options.role === 'Consumer') {\n    return {\n      video: false,\n      audio: true\n    };\n  }\n  return { video: true, audio: true };\n};\n\"../../../../calling-component-bindings/src\"\"../../../../react-components/src\""]}

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

@@ -1,3 +1,4 @@
+import { CaptionsAvailableLanguageStrings } from "../../../../react-components/src";
 /**
  * Strings used by the {@link CallComposite} directly.
  *
@@ -74,6 +75,10 @@ export interface CallCompositeStrings {
      * More details text of the page shown to the user when joining a call fails due to a network problem.
      */
     failedToJoinCallDueToNoNetworkMoreDetails?: string;
+    /**
+     * Text to display on a leaving page.
+     */
+    leavingCallTitle?: string;
     /**
      * Title text of the page shown to the user when they leave a call in the call composite.
      */
@@ -286,6 +291,42 @@ export interface CallCompositeStrings {
      * More details text of the page shown to the user when the user attempts to join a room that cannot be found.
      */
     roomNotFoundDetails?: string;
+    /**
+     * Video Effects pane title.
+     */
+    videoEffectsPaneTitle: string;
+    /**
+     * Video Effects pane sub section title for choosing background.
+     */
+    videoEffectsPaneBackgroundSelectionTitle: string;
+    /**
+     * Label for the button to open effects
+     */
+    configurationPageVideoEffectsButtonLabel?: string;
+    /**
+     * Error message for video effect failure
+     */
+    unableToStartVideoEffect?: string;
+    /**
+     * Label for the blur video background effect item
+     */
+    blurBackgroundEffectButtonLabel?: string;
+    /**
+     * Tooltip text for the blur video background effect item
+     */
+    blurBackgroundTooltip?: string;
+    /**
+     * Label for the remove video background effect item
+     */
+    removeBackgroundEffectButtonLabel?: string;
+    /**
+     * Tooltip text for the blur video background effect item
+     */
+    removeBackgroundTooltip?: string;
+    /**
+     * Text to show when warning the user the camera is off and inform the user to turn the camera on to see the selected video background effect.
+     */
+    cameraOffBackgroundEffectWarningText?: string;
     /**
      * Title text of the page shown to the user when the user attempts to join a room to which they are not invited.
      */
@@ -350,5 +391,93 @@ export interface CallCompositeStrings {
      * string to be used to announce when multiple unnamed participants have left at the same time.
      */
     manyUnnamedParticipantsLeft: string;
+    /**
+     * string to be used to open live captions contextual menu
+     */
+    liveCaptionsLabel?: string;
+    /**
+     * label for opening captions setting modal
+     */
+    captionsSettingsLabel?: string;
+    /**
+     * string to be used to start captions
+     */
+    startCaptionsButtonOnLabel?: string;
+    /**
+     * string to be used to stop captions
+     */
+    startCaptionsButtonOffLabel?: string;
+    /**
+     * tooltip string to be used to show captions is on
+     */
+    startCaptionsButtonTooltipOnContent?: string;
+    /**
+     *tooltip string to be used to show captions is off
+     */
+    startCaptionsButtonTooltipOffContent?: string;
+    /**
+     * captions setting modal title
+     */
+    captionsSettingsModalTitle?: string;
+    /**
+     * label for dropdown inside captions setting modal
+     */
+    captionsSettingsDropdownLabel?: string;
+    /**
+     * text under captions setting dropdown indicating what the dropdown is for
+     */
+    captionsSettingsDropdownInfoText?: string;
+    /**
+     * confirm button label in captions setting modal
+     */
+    captionsSettingsConfirmButtonLabel?: string;
+    /**
+     * cancel button label in captions setting modal
+     */
+    captionsSettingsCancelButtonLabel?: string;
+    /**
+     * arial label for captions setting modal
+     */
+    captionsSettingsModalAriaLabel?: string;
+    /**
+     * arial label for captions setting modal close button
+     */
+    captionsSettingsCloseModalButtonAriaLabel?: string;
+    /**
+     * label for more button inside captions banner
+     */
+    captionsBannerMoreButtonCallingLabel?: string;
+    /**
+     * arial label for more button inside captions banner
+     */
+    captionsBannerMoreButtonTooltip?: string;
+    /**
+     * list of key value pairs that pairs language code to language names
+     */
+    captionsAvailableLanguageStrings?: CaptionsAvailableLanguageStrings;
+    /**
+     * captions banner loading spinner label
+     */
+    captionsBannerSpinnerText?: string;
+    /**
+     * transfer page text when showing the transferor who initiated the transfer
+     */
+    transferPageTransferorText: string;
+    /**
+     * transfer page text when showing the transfer target
+     */
+    transferPageTransferTargetText: string;
+    /**
+     * transfer page display name for unknown participant
+     */
+    transferPageUnknownTransferorDisplayName: string;
+    /**
+     * transfer page display name for unknown participant
+     */
+    transferPageUnknownTransferTargetDisplayName: string;
+    /**
+     * notice to be announced by narrator the transfer page is showing
+     */
+    transferPageNoticeString: string;
 }
 //# sourceMappingURL=Strings.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/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 CallComposite} directly.\n *\n * This strings are in addition to those used by the components from the component library.\n *\n * @public\n */\nexport interface CallCompositeStrings {\n  /**\n   * Title of configuration page.\n   */\n  configurationPageTitle: string;\n  /**\n   * Optional 1-2 lines on the call details used on the configuration page.\n   */\n  configurationPageCallDetails?: string;\n  /**\n   * Text in button to start call in configuration page.\n   */\n  startCallButtonLabel: string;\n  /**\n   * Text in button to rejoin an ended call.\n   */\n  rejoinCallButtonLabel: string;\n  /**\n   * Placeholder text for local device settings dropdowns.\n   */\n  defaultPlaceHolder: string;\n  /**\n   * Label for camera dropdown.\n   */\n  cameraLabel: string;\n  /**\n   * Label for when there are no cameras present on configuration screen.\n   */\n  noCamerasLabel: string;\n  /**\n   * Label for sound dropdown.\n   */\n  soundLabel: string;\n  /**\n   * Label for when no microphones were found on the configuration screen\n   */\n  noMicrophonesLabel: string;\n  /**\n   * Label for when no speakers were found on the configuration screen.\n   */\n  noSpeakersLabel: string;\n  /**\n   * Error shown when camera access is blocked by the browser.\n   */\n  cameraPermissionDenied: string;\n  /**\n   * Error shown when the camera is turned off.\n   */\n  cameraTurnedOff: string;\n  /**\n   * Error shown when microphone access is blocked by the browser.\n   */\n  microphonePermissionDenied: string;\n  /**\n   * Title text of the page shown to the user when joining a Teams meeting fails because meeting owner denied access.\n   */\n  failedToJoinTeamsMeetingReasonAccessDeniedTitle: string;\n  /**\n   * More details text of the page shown to the user when joining a Teams meeting fails because meeting owner denied access.\n   */\n  failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails?: string;\n  /**\n   * Title text of the page shown to the user when joining a call fails due to a network problem.\n   */\n  failedToJoinCallDueToNoNetworkTitle: string;\n  /**\n   * More details text of the page shown to the user when joining a call fails due to a network problem.\n   */\n  failedToJoinCallDueToNoNetworkMoreDetails?: string;\n  /**\n   * Title text of the page shown to the user when they leave a call in the call composite.\n   */\n  leftCallTitle: string;\n  /**\n   * More details text of the page shown to the user when they leave a call in the call composite.\n   */\n  leftCallMoreDetails?: string;\n  /**\n   * Title text of the page shown to the user when they are removed from a call in the call composite.\n   */\n  removedFromCallTitle: string;\n  /**\n   * More details text of the page shown to the user when they are removed from a call in the call composite.\n   */\n  removedFromCallMoreDetails?: string;\n  /**\n   * Text shown to the user on the lobby screen when connecting to a call.\n   */\n  lobbyScreenConnectingToCallTitle: string;\n  /**\n   * Optional addition details shown to the user on the lobby screen when connection to a call.\n   */\n  lobbyScreenConnectingToCallMoreDetails?: string;\n  /**\n   * Text shown to the user on the lobby screen when waiting to be admitted to a call.\n   */\n  lobbyScreenWaitingToBeAdmittedTitle: string;\n  /**\n   * Optional additional details shown to the user on the lobby screen when waiting to be admitted to a call.\n   */\n  lobbyScreenWaitingToBeAdmittedMoreDetails?: string;\n  /**\n   * Message shown to the user when they are speaking while muted.\n   */\n  mutedMessage: string;\n  /**\n   * Text for link to MS privacy policy in Compliance Banner.\n   */\n  privacyPolicy: string;\n  /**\n   * Text for link to learn more about a specific subject.\n   */\n  learnMore: string;\n  /**\n   * Message to let user know the meeting is only being recorded (no transcription) in ComplianceBanner.\n   */\n  complianceBannerNowOnlyRecording: string;\n  /**\n   * Message to let user know the meeting is only being transcripted (no recording) in ComplianceBanner.\n   */\n  complianceBannerNowOnlyTranscription: string;\n  /**\n   * Message to let user know recording and transcription of the meeting are saved in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionSaved: string;\n  /**\n   * Message to let user know recording and transcription of the meeting have started in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionStarted: string;\n  /**\n   * Message to let user know recording and transcription of the meeting have stopped in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionStopped: string;\n  /**\n   * Message to let user know recording of the meeting is being saved in ComplianceBanner.\n   */\n  complianceBannerRecordingSaving: string;\n  /**\n   * Message to let user know recording of the meeting has started in ComplianceBanner.\n   */\n  complianceBannerRecordingStarted: string;\n  /**\n   * Message to let user know recording of the meeting has stopped in ComplianceBanner.\n   */\n  complianceBannerRecordingStopped: string;\n  /**\n   * Message to let user know they are giving consent to meeting being transcripted in ComplianceBanner.\n   */\n  complianceBannerTranscriptionConsent: string;\n  /**\n   * Message to let user know transcription of the meeting is being saved in ComplianceBanner.\n   */\n  complianceBannerTranscriptionSaving: string;\n  /**\n   * Message to let user know transcription of the meeting has started in ComplianceBanner.\n   */\n  complianceBannerTranscriptionStarted: string;\n  /**\n   * Message to let user know the transcription of the meeting has stopped in ComplianceBanner.\n   */\n  complianceBannerTranscriptionStopped: string;\n  /**\n   * Text for close button.\n   */\n  close: string;\n  /**\n   * Title text of the page shown to the user when there is intermittent network failure during a call.\n   */\n  networkReconnectTitle: string;\n  /**\n   * More details text of the page shown to the user when there is intermittent network failure during a call.\n   */\n  networkReconnectMoreDetails: string;\n  /**\n   * Tooltip text used to inform a user that toggling microphone in lobby is not supported.\n   */\n  microphoneToggleInLobbyNotAllowed: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Side pane People section Title.\n   */\n  peoplePaneTitle: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria label string for return to call back button\n   */\n  returnToCallButtonAriaLabel?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria Description string for return to call button\n   */\n  returnToCallButtonAriaDescription?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * control bar People button label\n   */\n  peopleButtonLabel: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * control bar Chat button label.\n   */\n  chatButtonLabel: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for SidePaneHeader dismiss button\n   */\n  dismissSidePaneButtonLabel?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Side pane People section subheader.\n   */\n  peoplePaneSubTitle: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\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  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for menu item to remove participant\n   */\n  removeMenuLabel: string;\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) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * label for more button in the Calling composite\n   */\n  moreButtonCallingLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the resume call button on the hold pane\n   */\n  resumeCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the resume call button on the hold pane when call is resuming\n   */\n  resumingCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Aria label for the resume call button on the hold pane\n   */\n  resumeCallButtonAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Aria label for the resume call button on the hold pane when call is resuming\n   */\n  resumingCallButtonAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the hold pane\n   */\n  holdScreenLabel: 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  /* @conditional-compile-remove(rooms) */\n  /**\n   * Title text of the page shown to the user when the user attempts to join a room that cannot be found.\n   */\n  roomNotFoundTitle: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * More details text of the page shown to the user when the user attempts to join a room that cannot be found.\n   */\n  roomNotFoundDetails?: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * Title text of the page shown to the user when the user attempts to join a room to which they are not invited.\n   */\n  deniedPermissionToRoomTitle: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * More details text of the page shown to the user when the user attempts to join a room to which they are not invited.\n   */\n  deniedPermissionToRoomDetails?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Control bar People button ToolTipContent\n   */\n  peopleButtonTooltipOpen: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Control bar People button ToolTipContent\n   */\n  peopleButtonTooltipClose: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label disaplayed on the lobby screen during a 1:1 outbound call.\n   */\n  outboundCallingNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  participantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  twoParticipantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  threeParticipantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant leaves a call\n   */\n  participantLeftNoticeString: string;\n  /**\n   * Notice to be announced by narrator when 2 participants leave a call\n   */\n  twoParticipantLeftNoticeString: string;\n  /**\n   * Notice to be announced by narrator when 3 participants leave a call\n   */\n  threeParticipantLeftNoticeString: string;\n  /**\n   * string to be used to announce a change in participant if they have no displayName\n   */\n  unnamedParticipantString: string;\n  /**\n   * string to be used to announce when more than 3 participants have joined at the same time.\n   */\n  manyParticipantsJoined: string;\n  /**\n   * string to be used to announce when more than 3 participants have left at the same time.\n   */\n  manyParticipantsLeft: string;\n  /**\n   * string to be used to announce when multiple unnamed participants have joined at the same time.\n   */\n  manyUnnamedParticipantsJoined: string;\n  /**\n   * string to be used to announce when multiple unnamed participants have left at the same time.\n   */\n  manyUnnamedParticipantsLeft: string;\n}\n"]}
+{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/Strings.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/* @conditional-compile-remove(close-captions) */\nimport { CaptionsAvailableLanguageStrings } from '@internal/react-components';\n\n/**\n * Strings used by the {@link CallComposite} directly.\n *\n * This strings are in addition to those used by the components from the component library.\n *\n * @public\n */\nexport interface CallCompositeStrings {\n  /**\n   * Title of configuration page.\n   */\n  configurationPageTitle: string;\n  /**\n   * Optional 1-2 lines on the call details used on the configuration page.\n   */\n  configurationPageCallDetails?: string;\n  /**\n   * Text in button to start call in configuration page.\n   */\n  startCallButtonLabel: string;\n  /**\n   * Text in button to rejoin an ended call.\n   */\n  rejoinCallButtonLabel: string;\n  /**\n   * Placeholder text for local device settings dropdowns.\n   */\n  defaultPlaceHolder: string;\n  /**\n   * Label for camera dropdown.\n   */\n  cameraLabel: string;\n  /**\n   * Label for when there are no cameras present on configuration screen.\n   */\n  noCamerasLabel: string;\n  /**\n   * Label for sound dropdown.\n   */\n  soundLabel: string;\n  /**\n   * Label for when no microphones were found on the configuration screen\n   */\n  noMicrophonesLabel: string;\n  /**\n   * Label for when no speakers were found on the configuration screen.\n   */\n  noSpeakersLabel: string;\n  /**\n   * Error shown when camera access is blocked by the browser.\n   */\n  cameraPermissionDenied: string;\n  /**\n   * Error shown when the camera is turned off.\n   */\n  cameraTurnedOff: string;\n  /**\n   * Error shown when microphone access is blocked by the browser.\n   */\n  microphonePermissionDenied: string;\n  /**\n   * Title text of the page shown to the user when joining a Teams meeting fails because meeting owner denied access.\n   */\n  failedToJoinTeamsMeetingReasonAccessDeniedTitle: string;\n  /**\n   * More details text of the page shown to the user when joining a Teams meeting fails because meeting owner denied access.\n   */\n  failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails?: string;\n  /**\n   * Title text of the page shown to the user when joining a call fails due to a network problem.\n   */\n  failedToJoinCallDueToNoNetworkTitle: string;\n  /**\n   * More details text of the page shown to the user when joining a call fails due to a network problem.\n   */\n  failedToJoinCallDueToNoNetworkMoreDetails?: string;\n  /**\n   * Text to display on a leaving page.\n   */\n  leavingCallTitle?: string;\n  /**\n   * Title text of the page shown to the user when they leave a call in the call composite.\n   */\n  leftCallTitle: string;\n  /**\n   * More details text of the page shown to the user when they leave a call in the call composite.\n   */\n  leftCallMoreDetails?: string;\n  /**\n   * Title text of the page shown to the user when they are removed from a call in the call composite.\n   */\n  removedFromCallTitle: string;\n  /**\n   * More details text of the page shown to the user when they are removed from a call in the call composite.\n   */\n  removedFromCallMoreDetails?: string;\n  /**\n   * Text shown to the user on the lobby screen when connecting to a call.\n   */\n  lobbyScreenConnectingToCallTitle: string;\n  /**\n   * Optional addition details shown to the user on the lobby screen when connection to a call.\n   */\n  lobbyScreenConnectingToCallMoreDetails?: string;\n  /**\n   * Text shown to the user on the lobby screen when waiting to be admitted to a call.\n   */\n  lobbyScreenWaitingToBeAdmittedTitle: string;\n  /**\n   * Optional additional details shown to the user on the lobby screen when waiting to be admitted to a call.\n   */\n  lobbyScreenWaitingToBeAdmittedMoreDetails?: string;\n  /**\n   * Message shown to the user when they are speaking while muted.\n   */\n  mutedMessage: string;\n  /**\n   * Text for link to MS privacy policy in Compliance Banner.\n   */\n  privacyPolicy: string;\n  /**\n   * Text for link to learn more about a specific subject.\n   */\n  learnMore: string;\n  /**\n   * Message to let user know the meeting is only being recorded (no transcription) in ComplianceBanner.\n   */\n  complianceBannerNowOnlyRecording: string;\n  /**\n   * Message to let user know the meeting is only being transcripted (no recording) in ComplianceBanner.\n   */\n  complianceBannerNowOnlyTranscription: string;\n  /**\n   * Message to let user know recording and transcription of the meeting are saved in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionSaved: string;\n  /**\n   * Message to let user know recording and transcription of the meeting have started in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionStarted: string;\n  /**\n   * Message to let user know recording and transcription of the meeting have stopped in ComplianceBanner.\n   */\n  complianceBannerRecordingAndTranscriptionStopped: string;\n  /**\n   * Message to let user know recording of the meeting is being saved in ComplianceBanner.\n   */\n  complianceBannerRecordingSaving: string;\n  /**\n   * Message to let user know recording of the meeting has started in ComplianceBanner.\n   */\n  complianceBannerRecordingStarted: string;\n  /**\n   * Message to let user know recording of the meeting has stopped in ComplianceBanner.\n   */\n  complianceBannerRecordingStopped: string;\n  /**\n   * Message to let user know they are giving consent to meeting being transcripted in ComplianceBanner.\n   */\n  complianceBannerTranscriptionConsent: string;\n  /**\n   * Message to let user know transcription of the meeting is being saved in ComplianceBanner.\n   */\n  complianceBannerTranscriptionSaving: string;\n  /**\n   * Message to let user know transcription of the meeting has started in ComplianceBanner.\n   */\n  complianceBannerTranscriptionStarted: string;\n  /**\n   * Message to let user know the transcription of the meeting has stopped in ComplianceBanner.\n   */\n  complianceBannerTranscriptionStopped: string;\n  /**\n   * Text for close button.\n   */\n  close: string;\n  /**\n   * Title text of the page shown to the user when there is intermittent network failure during a call.\n   */\n  networkReconnectTitle: string;\n  /**\n   * More details text of the page shown to the user when there is intermittent network failure during a call.\n   */\n  networkReconnectMoreDetails: string;\n  /**\n   * Tooltip text used to inform a user that toggling microphone in lobby is not supported.\n   */\n  microphoneToggleInLobbyNotAllowed: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Side pane People section Title.\n   */\n  peoplePaneTitle: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria label string for return to call back button\n   */\n  returnToCallButtonAriaLabel?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria Description string for return to call button\n   */\n  returnToCallButtonAriaDescription?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * control bar People button label\n   */\n  peopleButtonLabel: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * control bar Chat button label.\n   */\n  chatButtonLabel: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for SidePaneHeader dismiss button\n   */\n  dismissSidePaneButtonLabel?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Side pane People section subheader.\n   */\n  peoplePaneSubTitle: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\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  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for menu item to remove participant\n   */\n  removeMenuLabel: string;\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) */ /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for more button in the Calling composite\n   */\n  moreButtonCallingLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the resume call button on the hold pane\n   */\n  resumeCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the resume call button on the hold pane when call is resuming\n   */\n  resumingCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Aria label for the resume call button on the hold pane\n   */\n  resumeCallButtonAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Aria label for the resume call button on the hold pane when call is resuming\n   */\n  resumingCallButtonAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label for the hold pane\n   */\n  holdScreenLabel: 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  /* @conditional-compile-remove(rooms) */\n  /**\n   * Title text of the page shown to the user when the user attempts to join a room that cannot be found.\n   */\n  roomNotFoundTitle: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * More details text of the page shown to the user when the user attempts to join a room that cannot be found.\n   */\n  roomNotFoundDetails?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Video Effects pane title.\n   */\n  videoEffectsPaneTitle: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Video Effects pane sub section title for choosing background.\n   */\n  videoEffectsPaneBackgroundSelectionTitle: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Label for the button to open effects\n   */\n  configurationPageVideoEffectsButtonLabel?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Error message for video effect failure\n   */\n  unableToStartVideoEffect?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Label for the blur video background effect item\n   */\n  blurBackgroundEffectButtonLabel?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Tooltip text for the blur video background effect item\n   */\n  blurBackgroundTooltip?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Label for the remove video background effect item\n   */\n  removeBackgroundEffectButtonLabel?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Tooltip text for the blur video background effect item\n   */\n  removeBackgroundTooltip?: string;\n  /* @conditional-compile-remove(video-background-effects) */\n  /**\n   * Text to show when warning the user the camera is off and inform the user to turn the camera on to see the selected video background effect.\n   */\n  cameraOffBackgroundEffectWarningText?: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * Title text of the page shown to the user when the user attempts to join a room to which they are not invited.\n   */\n  deniedPermissionToRoomTitle: string;\n  /* @conditional-compile-remove(rooms) */\n  /**\n   * More details text of the page shown to the user when the user attempts to join a room to which they are not invited.\n   */\n  deniedPermissionToRoomDetails?: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Control bar People button ToolTipContent\n   */\n  peopleButtonTooltipOpen: string;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Control bar People button ToolTipContent\n   */\n  peopleButtonTooltipClose: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * Label disaplayed on the lobby screen during a 1:1 outbound call.\n   */\n  outboundCallingNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  participantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  twoParticipantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant joins a call\n   */\n  threeParticipantJoinedNoticeString: string;\n  /**\n   * Notice to be announced by narrator when a participant leaves a call\n   */\n  participantLeftNoticeString: string;\n  /**\n   * Notice to be announced by narrator when 2 participants leave a call\n   */\n  twoParticipantLeftNoticeString: string;\n  /**\n   * Notice to be announced by narrator when 3 participants leave a call\n   */\n  threeParticipantLeftNoticeString: string;\n  /**\n   * string to be used to announce a change in participant if they have no displayName\n   */\n  unnamedParticipantString: string;\n  /**\n   * string to be used to announce when more than 3 participants have joined at the same time.\n   */\n  manyParticipantsJoined: string;\n  /**\n   * string to be used to announce when more than 3 participants have left at the same time.\n   */\n  manyParticipantsLeft: string;\n  /**\n   * string to be used to announce when multiple unnamed participants have joined at the same time.\n   */\n  manyUnnamedParticipantsJoined: string;\n  /**\n   * string to be used to announce when multiple unnamed participants have left at the same time.\n   */\n  manyUnnamedParticipantsLeft: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * string to be used to open live captions contextual menu\n   */\n  liveCaptionsLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for opening captions setting modal\n   */\n  captionsSettingsLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * string to be used to start captions\n   */\n  startCaptionsButtonOnLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * string to be used to stop captions\n   */\n  startCaptionsButtonOffLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * tooltip string to be used to show captions is on\n   */\n  startCaptionsButtonTooltipOnContent?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   *tooltip string to be used to show captions is off\n   */\n  startCaptionsButtonTooltipOffContent?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * captions setting modal title\n   */\n  captionsSettingsModalTitle?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for dropdown inside captions setting modal\n   */\n  captionsSettingsDropdownLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * text under captions setting dropdown indicating what the dropdown is for\n   */\n  captionsSettingsDropdownInfoText?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * confirm button label in captions setting modal\n   */\n  captionsSettingsConfirmButtonLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * cancel button label in captions setting modal\n   */\n  captionsSettingsCancelButtonLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * arial label for captions setting modal\n   */\n  captionsSettingsModalAriaLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * arial label for captions setting modal close button\n   */\n  captionsSettingsCloseModalButtonAriaLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * label for more button inside captions banner\n   */\n  captionsBannerMoreButtonCallingLabel?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * arial label for more button inside captions banner\n   */\n  captionsBannerMoreButtonTooltip?: string;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * list of key value pairs that pairs language code to language names\n   */\n  captionsAvailableLanguageStrings?: CaptionsAvailableLanguageStrings;\n  /* @conditional-compile-remove(close-captions) */\n  /**\n   * captions banner loading spinner label\n   */\n  captionsBannerSpinnerText?: string;\n  /* @conditional-compile-remove(call-transfer) */\n  /**\n   * transfer page text when showing the transferor who initiated the transfer\n   */\n  transferPageTransferorText: string;\n  /* @conditional-compile-remove(call-transfer) */\n  /**\n   * transfer page text when showing the transfer target\n   */\n  transferPageTransferTargetText: string;\n  /* @conditional-compile-remove(call-transfer) */\n  /**\n   * transfer page display name for unknown participant\n   */\n  transferPageUnknownTransferorDisplayName: string;\n  /* @conditional-compile-remove(call-transfer) */\n  /**\n   * transfer page display name for unknown participant\n   */\n  transferPageUnknownTransferTargetDisplayName: string;\n  /* @conditional-compile-remove(call-transfer) */\n  /**\n   * notice to be announced by narrator the transfer page is showing\n   */\n  transferPageNoticeString: string;\n}\n\"../../../../react-components/src\""]}