@azure/communication-react 1.22.0-alpha-202411290017 → 1.22.0-alpha-202411300016

package/dist/dist-cjs/communication-react/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ur40lNzf.js');
+var index = require('./index-DlHL2qZP.js');
 require('react');
 require('@fluentui/react');
 require('@fluentui/react-components');

package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js

@@ -2,5 +2,5 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-module.exports = '1.22.0-alpha-202411290017';
+module.exports = '1.22.0-alpha-202411300016';
 //# sourceMappingURL=telemetryVersion.js.map

package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js.map

@@ -1 +1 @@
-{"version":3,"file":"telemetryVersion.js","sourceRoot":"","sources":["../../../../../acs-ui-common/src/telemetryVersion.js"],"names":[],"mappings":";AAAA,uCAAuC;AACvC,kCAAkC;AAElC,wCAAwC;AAExC,MAAM,CAAC,OAAO,GAAG,2BAA2B,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n// GENERATED FILE. DO NOT EDIT MANUALLY.\n\nmodule.exports = '1.22.0-alpha-202411290017';\n"]}
+{"version":3,"file":"telemetryVersion.js","sourceRoot":"","sources":["../../../../../acs-ui-common/src/telemetryVersion.js"],"names":[],"mappings":";AAAA,uCAAuC;AACvC,kCAAkC;AAElC,wCAAwC;AAExC,MAAM,CAAC,OAAO,GAAG,2BAA2B,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n// GENERATED FILE. DO NOT EDIT MANUALLY.\n\nmodule.exports = '1.22.0-alpha-202411300016';\n"]}

package/dist/dist-esm/calling-component-bindings/src/hooks/usePropsFor.d.ts

@@ -4,6 +4,8 @@ import { IncomingCallStack } from "../../../react-components/src";
 import { NotificationStack } from "../../../react-components/src";
 import { Dialpad } from "../../../react-components/src";
 import { HoldButton } from "../../../react-components/src";
+import { RaiseHandButton } from "../../../react-components/src";
+import { RaiseHandButtonSelector } from '../callControlSelectors';
 import { CameraButtonSelector, MicrophoneButtonSelector, DevicesButtonSelector, ScreenShareButtonSelector } from '../callControlSelectors';
 import { HoldButtonSelector } from '../callControlSelectors';
 import { VideoGallerySelector } from '../videoGallerySelector';
@@ -50,7 +52,7 @@ export type EmptySelector = () => Record<string, never>;
  *
  * @public
  */
-export type GetSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof VideoGallery> extends true ? VideoGallerySelector : AreEqual<Component, typeof DevicesButton> extends true ? DevicesButtonSelector : AreEqual<Component, typeof MicrophoneButton> extends true ? MicrophoneButtonSelector : AreEqual<Component, typeof CameraButton> extends true ? CameraButtonSelector : AreEqual<Component, typeof ScreenShareButton> extends true ? ScreenShareButtonSelector : AreEqual<Component, typeof ParticipantList> extends true ? ParticipantListSelector : AreEqual<Component, typeof ParticipantsButton> extends true ? ParticipantsButtonSelector : AreEqual<Component, typeof EndCallButton> extends true ? EmptySelector : AreEqual<Component, typeof ErrorBar> extends true ? ErrorBarSelector : AreEqual<Component, typeof Dialpad> extends true ? EmptySelector : AreEqual<Component, typeof HoldButton> extends true ? HoldButtonSelector : AreEqual<Component, typeof NotificationStack> extends true ? NotificationStackSelector : AreEqual<Component, typeof IncomingCallStack> extends true ? IncomingCallStackSelector : AreEqual<Component, typeof ReactionButton> extends true ? EmptySelector : undefined;
+export type GetSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof VideoGallery> extends true ? VideoGallerySelector : AreEqual<Component, typeof DevicesButton> extends true ? DevicesButtonSelector : AreEqual<Component, typeof MicrophoneButton> extends true ? MicrophoneButtonSelector : AreEqual<Component, typeof CameraButton> extends true ? CameraButtonSelector : AreEqual<Component, typeof ScreenShareButton> extends true ? ScreenShareButtonSelector : AreEqual<Component, typeof ParticipantList> extends true ? ParticipantListSelector : AreEqual<Component, typeof ParticipantsButton> extends true ? ParticipantsButtonSelector : AreEqual<Component, typeof EndCallButton> extends true ? EmptySelector : AreEqual<Component, typeof ErrorBar> extends true ? ErrorBarSelector : AreEqual<Component, typeof Dialpad> extends true ? EmptySelector : AreEqual<Component, typeof HoldButton> extends true ? HoldButtonSelector : AreEqual<Component, typeof NotificationStack> extends true ? NotificationStackSelector : AreEqual<Component, typeof IncomingCallStack> extends true ? IncomingCallStackSelector : AreEqual<Component, typeof ReactionButton> extends true ? RaiseHandButtonSelector : AreEqual<Component, typeof RaiseHandButton> extends true ? EmptySelector : undefined;
 /**
  * Get the selector for a specified component.
  *

package/dist/dist-esm/calling-component-bindings/src/hooks/usePropsFor.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePropsFor.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/hooks/usePropsFor.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  CameraButton,\n  EndCallButton,\n  ErrorBar,\n  MicrophoneButton,\n  DevicesButton,\n  ParticipantList,\n  ScreenShareButton,\n  VideoGallery\n} from '@internal/react-components';\nimport { IncomingCallStack } from '@internal/react-components';\n\nimport { NotificationStack } from '@internal/react-components';\nimport { Dialpad } from '@internal/react-components';\n\nimport { HoldButton } from '@internal/react-components';\nimport { RaiseHandButton } from '@internal/react-components';\nimport { raiseHandButtonSelector } from '../callControlSelectors';\nimport {\n  CameraButtonSelector,\n  cameraButtonSelector,\n  MicrophoneButtonSelector,\n  microphoneButtonSelector,\n  DevicesButtonSelector,\n  devicesButtonSelector,\n  ScreenShareButtonSelector,\n  screenShareButtonSelector\n} from '../callControlSelectors';\nimport { holdButtonSelector, HoldButtonSelector } from '../callControlSelectors';\nimport { VideoGallerySelector, videoGallerySelector } from '../videoGallerySelector';\nimport { ParticipantListSelector, participantListSelector } from '../participantListSelector';\nimport { ParticipantsButtonSelector, participantsButtonSelector } from '../participantsButtonSelector';\nimport { useHandlers } from './useHandlers';\nimport { useSelector } from './useSelector';\nimport { Common } from '@internal/acs-ui-common';\nimport { AreEqual } from '@internal/acs-ui-common';\nimport { ParticipantsButton } from '@internal/react-components';\nimport { ErrorBarSelector, errorBarSelector } from '../errorBarSelector';\nimport { CommonCallingHandlers } from '../handlers/createCommonHandlers';\nimport { reactionButtonSelector } from '../callControlSelectors';\nimport { ReactionButton } from '@internal/react-components';\nimport { _ComponentCallingHandlers } from '../handlers/createHandlers';\nimport { notificationStackSelector, NotificationStackSelector } from '../notificationStackSelector';\nimport { incomingCallStackSelector, IncomingCallStackSelector } from '../incomingCallStackSelector';\n\n/**\n * Primary hook to get all hooks necessary for a calling Component.\n *\n * Most straightforward usage of calling components looks like:\n *\n * @example\n * ```\n *     import { ParticipantList, usePropsFor } from '@azure/communication-react';\n *\n *     const App = (): JSX.Element => {\n *         // ... code to setup Providers ...\n *\n *         return <ParticipantList {...usePropsFor(ParticipantList)}/>\n *     }\n * ```\n *\n * @public\n */\nexport const usePropsFor = <Component extends (props: any) => JSX.Element>(\n  component: Component\n): GetSelector<Component> extends (props: any) => any\n  ? ReturnType<GetSelector<Component>> &\n      Common<CommonCallingHandlers & _ComponentCallingHandlers, Parameters<Component>[0]>\n  : undefined => {\n  const selector = getSelector(component);\n  const props = useSelector(selector);\n  const handlers = useHandlers<Parameters<Component>[0]>(component);\n  if (props !== undefined) {\n    return { ...props, ...handlers } as any;\n  }\n  return undefined as any;\n};\n\n/**\n * A type for trivial selectors that return no data.\n *\n * Used as a default return value if {@link usePropsFor} is called for a component that requires no data.\n *\n * @public\n */\nexport type EmptySelector = () => Record<string, never>;\n\nconst emptySelector: EmptySelector = (): Record<string, never> => ({});\n\n/**\n * Specific type of the selector applicable to a given Component.\n *\n * @public\n */\nexport type GetSelector<Component extends (props: any) => JSX.Element | undefined> =\n  AreEqual<Component, typeof VideoGallery> extends true\n    ? VideoGallerySelector\n    : AreEqual<Component, typeof DevicesButton> extends true\n      ? DevicesButtonSelector\n      : AreEqual<Component, typeof MicrophoneButton> extends true\n        ? MicrophoneButtonSelector\n        : AreEqual<Component, typeof CameraButton> extends true\n          ? CameraButtonSelector\n          : AreEqual<Component, typeof ScreenShareButton> extends true\n            ? ScreenShareButtonSelector\n            : AreEqual<Component, typeof ParticipantList> extends true\n              ? ParticipantListSelector\n              : AreEqual<Component, typeof ParticipantsButton> extends true\n                ? ParticipantsButtonSelector\n                : AreEqual<Component, typeof EndCallButton> extends true\n                  ? EmptySelector\n                  : AreEqual<Component, typeof ErrorBar> extends true\n                    ? ErrorBarSelector\n                    : AreEqual<Component, typeof Dialpad> extends true\n                      ? EmptySelector\n                      : AreEqual<Component, typeof HoldButton> extends true\n                        ? HoldButtonSelector\n                        : AreEqual<Component, typeof NotificationStack> extends true\n                          ? NotificationStackSelector\n                          : AreEqual<Component, typeof IncomingCallStack> extends true\n                            ? IncomingCallStackSelector\n                            : AreEqual<Component, typeof ReactionButton> extends true\n                              ? EmptySelector\n                              : undefined;\n\n/**\n * Get the selector for a specified component.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const getSelector = <Component extends (props: any) => JSX.Element | undefined>(\n  component: Component\n): GetSelector<Component> => {\n  return findSelector(component);\n};\n\nconst findSelector = (component: (props: any) => JSX.Element | undefined): any => {\n  // Dialpad only has handlers currently and doesn't require any props from the stateful layer so return the emptySelector\n  if (component === Dialpad) {\n    return emptySelector;\n  }\n\n  switch (component) {\n    case VideoGallery:\n      return videoGallerySelector;\n    case MicrophoneButton:\n      return microphoneButtonSelector;\n    case CameraButton:\n      return cameraButtonSelector;\n    case ScreenShareButton:\n      return screenShareButtonSelector;\n    case DevicesButton:\n      return devicesButtonSelector;\n    case ParticipantList:\n      return participantListSelector;\n    case ParticipantsButton:\n      return participantsButtonSelector;\n    case EndCallButton:\n      return emptySelector;\n    case ErrorBar:\n      return errorBarSelector;\n    case RaiseHandButton:\n      return raiseHandButtonSelector;\n    case ReactionButton:\n      return reactionButtonSelector;\n    case NotificationStack:\n      return notificationStackSelector;\n    case HoldButton:\n      return holdButtonSelector;\n    case IncomingCallStack:\n      return incomingCallStackSelector;\n  }\n  return undefined;\n};\n/**\n * Selector for new components that are conditionally compiled. Comment out when there is no CC'd components\n */\n// const findConditionalCompiledSelector = (component: (props: any) => JSX.Element | undefined): any => {\n//   switch (component) {\n//   }\n// };\n"]}
+{"version":3,"file":"usePropsFor.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/hooks/usePropsFor.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  CameraButton,\n  EndCallButton,\n  ErrorBar,\n  MicrophoneButton,\n  DevicesButton,\n  ParticipantList,\n  ScreenShareButton,\n  VideoGallery\n} from '@internal/react-components';\nimport { IncomingCallStack } from '@internal/react-components';\n\nimport { NotificationStack } from '@internal/react-components';\nimport { Dialpad } from '@internal/react-components';\n\nimport { HoldButton } from '@internal/react-components';\nimport { RaiseHandButton } from '@internal/react-components';\nimport { RaiseHandButtonSelector, raiseHandButtonSelector } from '../callControlSelectors';\nimport {\n  CameraButtonSelector,\n  cameraButtonSelector,\n  MicrophoneButtonSelector,\n  microphoneButtonSelector,\n  DevicesButtonSelector,\n  devicesButtonSelector,\n  ScreenShareButtonSelector,\n  screenShareButtonSelector\n} from '../callControlSelectors';\nimport { holdButtonSelector, HoldButtonSelector } from '../callControlSelectors';\nimport { VideoGallerySelector, videoGallerySelector } from '../videoGallerySelector';\nimport { ParticipantListSelector, participantListSelector } from '../participantListSelector';\nimport { ParticipantsButtonSelector, participantsButtonSelector } from '../participantsButtonSelector';\nimport { useHandlers } from './useHandlers';\nimport { useSelector } from './useSelector';\nimport { Common } from '@internal/acs-ui-common';\nimport { AreEqual } from '@internal/acs-ui-common';\nimport { ParticipantsButton } from '@internal/react-components';\nimport { ErrorBarSelector, errorBarSelector } from '../errorBarSelector';\nimport { CommonCallingHandlers } from '../handlers/createCommonHandlers';\nimport { reactionButtonSelector } from '../callControlSelectors';\nimport { ReactionButton } from '@internal/react-components';\nimport { _ComponentCallingHandlers } from '../handlers/createHandlers';\nimport { notificationStackSelector, NotificationStackSelector } from '../notificationStackSelector';\nimport { incomingCallStackSelector, IncomingCallStackSelector } from '../incomingCallStackSelector';\n\n/**\n * Primary hook to get all hooks necessary for a calling Component.\n *\n * Most straightforward usage of calling components looks like:\n *\n * @example\n * ```\n *     import { ParticipantList, usePropsFor } from '@azure/communication-react';\n *\n *     const App = (): JSX.Element => {\n *         // ... code to setup Providers ...\n *\n *         return <ParticipantList {...usePropsFor(ParticipantList)}/>\n *     }\n * ```\n *\n * @public\n */\nexport const usePropsFor = <Component extends (props: any) => JSX.Element>(\n  component: Component\n): GetSelector<Component> extends (props: any) => any\n  ? ReturnType<GetSelector<Component>> &\n      Common<CommonCallingHandlers & _ComponentCallingHandlers, Parameters<Component>[0]>\n  : undefined => {\n  const selector = getSelector(component);\n  const props = useSelector(selector);\n  const handlers = useHandlers<Parameters<Component>[0]>(component);\n  if (props !== undefined) {\n    return { ...props, ...handlers } as any;\n  }\n  return undefined as any;\n};\n\n/**\n * A type for trivial selectors that return no data.\n *\n * Used as a default return value if {@link usePropsFor} is called for a component that requires no data.\n *\n * @public\n */\nexport type EmptySelector = () => Record<string, never>;\n\nconst emptySelector: EmptySelector = (): Record<string, never> => ({});\n\n/**\n * Specific type of the selector applicable to a given Component.\n *\n * @public\n */\nexport type GetSelector<Component extends (props: any) => JSX.Element | undefined> =\n  AreEqual<Component, typeof VideoGallery> extends true\n    ? VideoGallerySelector\n    : AreEqual<Component, typeof DevicesButton> extends true\n      ? DevicesButtonSelector\n      : AreEqual<Component, typeof MicrophoneButton> extends true\n        ? MicrophoneButtonSelector\n        : AreEqual<Component, typeof CameraButton> extends true\n          ? CameraButtonSelector\n          : AreEqual<Component, typeof ScreenShareButton> extends true\n            ? ScreenShareButtonSelector\n            : AreEqual<Component, typeof ParticipantList> extends true\n              ? ParticipantListSelector\n              : AreEqual<Component, typeof ParticipantsButton> extends true\n                ? ParticipantsButtonSelector\n                : AreEqual<Component, typeof EndCallButton> extends true\n                  ? EmptySelector\n                  : AreEqual<Component, typeof ErrorBar> extends true\n                    ? ErrorBarSelector\n                    : AreEqual<Component, typeof Dialpad> extends true\n                      ? EmptySelector\n                      : AreEqual<Component, typeof HoldButton> extends true\n                        ? HoldButtonSelector\n                        : AreEqual<Component, typeof NotificationStack> extends true\n                          ? NotificationStackSelector\n                          : AreEqual<Component, typeof IncomingCallStack> extends true\n                            ? IncomingCallStackSelector\n                            : AreEqual<Component, typeof ReactionButton> extends true\n                              ? RaiseHandButtonSelector\n                              : AreEqual<Component, typeof RaiseHandButton> extends true\n                                ? EmptySelector\n                                : undefined;\n\n/**\n * Get the selector for a specified component.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const getSelector = <Component extends (props: any) => JSX.Element | undefined>(\n  component: Component\n): GetSelector<Component> => {\n  return findSelector(component);\n};\n\nconst findSelector = (component: (props: any) => JSX.Element | undefined): any => {\n  // Dialpad only has handlers currently and doesn't require any props from the stateful layer so return the emptySelector\n  if (component === Dialpad) {\n    return emptySelector;\n  }\n\n  switch (component) {\n    case VideoGallery:\n      return videoGallerySelector;\n    case MicrophoneButton:\n      return microphoneButtonSelector;\n    case CameraButton:\n      return cameraButtonSelector;\n    case ScreenShareButton:\n      return screenShareButtonSelector;\n    case DevicesButton:\n      return devicesButtonSelector;\n    case ParticipantList:\n      return participantListSelector;\n    case ParticipantsButton:\n      return participantsButtonSelector;\n    case EndCallButton:\n      return emptySelector;\n    case ErrorBar:\n      return errorBarSelector;\n    case RaiseHandButton:\n      return raiseHandButtonSelector;\n    case ReactionButton:\n      return reactionButtonSelector;\n    case NotificationStack:\n      return notificationStackSelector;\n    case HoldButton:\n      return holdButtonSelector;\n    case IncomingCallStack:\n      return incomingCallStackSelector;\n  }\n  return undefined;\n};\n/**\n * Selector for new components that are conditionally compiled. Comment out when there is no CC'd components\n */\n// const findConditionalCompiledSelector = (component: (props: any) => JSX.Element | undefined): any => {\n//   switch (component) {\n//   }\n// };\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"CallControls.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/CallControls.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { memoizeFunction, Stack, useTheme } from '@fluentui/react';\nimport { IContextualMenuItem } from '@fluentui/react';\nimport { _isInLobbyOrConnecting } from '@internal/calling-component-bindings';\nimport { ControlBar, DevicesButton, ParticipantMenuItemsCallback } from '@internal/react-components';\nimport { HoldButton } from '@internal/react-components';\nimport React, { useMemo, useCallback, useState, useEffect } from 'react';\nimport { CallControlOptions } from '../types/CallControlOptions';\nimport { Camera } from './buttons/Camera';\nimport { Devices } from './buttons/Devices';\nimport { EndCall } from './buttons/EndCall';\nimport { Microphone } from './buttons/Microphone';\nimport { Participants } from './buttons/Participants';\nimport { ScreenShare } from './buttons/ScreenShare';\nimport { ContainerRectProps } from '../../common/ContainerRectProps';\nimport { People } from './buttons/People';\nimport { useLocale } from '../../localization';\nimport { MoreButton } from '../../common/MoreButton';\nimport { usePropsFor } from '../hooks/usePropsFor';\nimport { buttonFlyoutIncreasedSizeStyles } from '../styles/Buttons.styles';\nimport { useAdapter } from '../adapter/CallAdapterProvider';\nimport { isDisabled } from '../utils';\nimport { callControlsContainerStyles } from '../styles/CallPage.styles';\nimport { RaiseHand } from './buttons/RaiseHand';\nimport { RaiseHandButton, RaiseHandButtonProps } from '@internal/react-components';\nimport { _generateDefaultDeviceMenuProps } from '@internal/react-components';\nimport {\n  CUSTOM_BUTTON_OPTIONS,\n  generateCustomCallControlBarButton,\n  generateCustomCallDesktopOverflowButtons,\n  onFetchCustomButtonPropsTrampoline\n} from '../../common/ControlBar/CustomButton';\nimport { Reaction } from './buttons/Reaction';\nimport { useSelector } from '../hooks/useSelector';\nimport { capabilitySelector } from '../../CallComposite/selectors/capabilitySelector';\nimport { callStatusSelector } from '../../CallComposite/selectors/callStatusSelector';\nimport { _isSafari } from '../../CallComposite/utils';\nimport {\n  getIsRoomsCall,\n  getReactionResources,\n  getRole,\n  getDeepNoiseSuppresionEffectsDependency,\n  getDeepNoiseSuppresionIsOnByDefault,\n  getHideDeepNoiseSupressionButton,\n  getEnvironmentInfo\n} from '../selectors/baseSelectors';\n\n/**\n * @private\n */\nexport type CallControlsProps = {\n  peopleButtonChecked?: boolean;\n  onPeopleButtonClicked?: () => void;\n  callInvitationURL?: string;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  options?: boolean | CallControlOptions;\n  /**\n   * Option to increase the height of the button flyout menu items from 36px to 48px.\n   * Recommended for mobile devices.\n   */\n  increaseFlyoutItemSize?: boolean;\n  isMobile?: boolean;\n  displayVertical?: boolean;\n};\n\n// Enforce a background color on control bar to ensure it matches the composite background color.\nconst controlBarStyles = memoizeFunction((background: string) => ({ root: { background: background } }));\n\nconst inferCallControlOptions = (\n  mobileView: boolean,\n  callControlOptions?: boolean | CallControlOptions\n): CallControlOptions => {\n  if (callControlOptions === false) {\n    return {};\n  }\n\n  const options = callControlOptions === true || callControlOptions === undefined ? {} : callControlOptions;\n  if (mobileView) {\n    // Set options to always not show screen share button for mobile\n    options.screenShareButton = false;\n  }\n  return options;\n};\n\n/**\n * @private\n */\nexport const CallControls = (props: CallControlsProps & ContainerRectProps): JSX.Element => {\n  const options: CallControlOptions = useMemo(\n    () => inferCallControlOptions(!!props.isMobile, props.options),\n    [props.isMobile, props.options]\n  );\n\n  const localeStrings = useLocale();\n\n  const [isDeepNoiseSuppressionOn, setDeepNoiseSuppressionOn] = useState<boolean>(false);\n\n  const adapter = useAdapter();\n  const startDeepNoiseSuppression = useCallback(async () => {\n    await adapter.startNoiseSuppressionEffect();\n  }, [adapter]);\n\n  const deepNoiseSuppresionEffectsDependency = useSelector(getDeepNoiseSuppresionEffectsDependency);\n  const deepNoiseSuppressionOnByDefault = useSelector(getDeepNoiseSuppresionIsOnByDefault);\n  useEffect(() => {\n    if (deepNoiseSuppresionEffectsDependency && deepNoiseSuppressionOnByDefault) {\n      startDeepNoiseSuppression();\n      setDeepNoiseSuppressionOn(true);\n    }\n  }, [deepNoiseSuppresionEffectsDependency, deepNoiseSuppressionOnByDefault, startDeepNoiseSuppression]);\n\n  const environmentInfo = useSelector(getEnvironmentInfo);\n\n  const isSafari = _isSafari(environmentInfo);\n  const hideDeepNoiseSuppressionButton = useSelector(getHideDeepNoiseSupressionButton);\n  const showNoiseSuppressionButton = !!(\n    deepNoiseSuppresionEffectsDependency &&\n    !hideDeepNoiseSuppressionButton &&\n    !isSafari\n  );\n\n  const onClickNoiseSuppression = useCallback(async () => {\n    if (isDeepNoiseSuppressionOn) {\n      await adapter.stopNoiseSuppressionEffect();\n      setDeepNoiseSuppressionOn(false);\n    } else {\n      await adapter.startNoiseSuppressionEffect();\n      setDeepNoiseSuppressionOn(true);\n    }\n  }, [adapter, isDeepNoiseSuppressionOn]);\n\n  const peopleButtonStrings = useMemo(\n    () => ({\n      label: localeStrings.strings.call.peopleButtonLabel,\n      tooltipOffContent: localeStrings.strings.call.peopleButtonTooltipOpen,\n      tooltipOnContent: localeStrings.strings.call.peopleButtonTooltipClose\n    }),\n    [localeStrings]\n  );\n\n  const moreButtonStrings = useMemo(\n    () => ({\n      label: localeStrings.strings.call.moreButtonCallingLabel,\n      tooltipOffContent: localeStrings.strings.callWithChat.moreDrawerButtonTooltip\n    }),\n    [localeStrings]\n  );\n\n  const holdButtonProps = usePropsFor(HoldButton);\n\n  const raiseHandButtonProps = usePropsFor(RaiseHandButton) as RaiseHandButtonProps;\n\n  const capabilitiesSelector = useSelector(capabilitySelector);\n  const callState = useSelector(callStatusSelector);\n  const isReactionAllowed =\n    callState.callStatus !== 'Connected' ||\n    !capabilitiesSelector?.capabilities ||\n    capabilitiesSelector.capabilities.useReactions.isPresent;\n\n  const devicesButtonProps = usePropsFor(DevicesButton);\n\n  let numberOfButtons = 0;\n\n  const screenShareButtonIsEnabled = isEnabled(options?.screenShareButton);\n  if (screenShareButtonIsEnabled) {\n    numberOfButtons++;\n  }\n\n  const microphoneButtonIsEnabled = isEnabled(options?.microphoneButton);\n  if (microphoneButtonIsEnabled) {\n    numberOfButtons++;\n  }\n\n  const cameraButtonIsEnabled = isEnabled(options?.cameraButton);\n  if (cameraButtonIsEnabled) {\n    numberOfButtons++;\n  }\n\n  if (isEnabled(options?.endCallButton)) {\n    numberOfButtons++;\n  }\n\n  const showParticipantsButtonInControlBar = isEnabled(options?.participantsButton) && !props.isMobile;\n  if (showParticipantsButtonInControlBar) {\n    numberOfButtons++;\n  }\n\n  const showReactionButtonInControlBar = isEnabled(options?.reactionButton) && isReactionAllowed && !props.isMobile;\n  if (showReactionButtonInControlBar) {\n    numberOfButtons++;\n  }\n\n  const isRoomsCall = useSelector(getIsRoomsCall);\n\n  const moreButtonContextualMenuItems = (): IContextualMenuItem[] => {\n    const items: IContextualMenuItem[] = [];\n\n    if (props.isMobile && props.onPeopleButtonClicked && isEnabled(options?.participantsButton)) {\n      items.push({\n        key: 'peopleButtonKey',\n        text: localeStrings.component.strings.participantsButton.label,\n        onClick: () => {\n          if (props.onPeopleButtonClicked) {\n            props.onPeopleButtonClicked();\n          }\n        },\n        iconProps: { iconName: 'ControlButtonParticipantsContextualMenuItem', styles: { root: { lineHeight: 0 } } },\n        itemProps: {\n          styles: buttonFlyoutIncreasedSizeStyles\n        },\n        disabled: isDisabled(options?.participantsButton),\n        ['data-ui-id']: 'call-composite-more-menu-people-button'\n      });\n    }\n\n    if (!isRoomsCall) {\n      items.push({\n        key: 'holdButtonKey',\n        text: localeStrings.component.strings.holdButton.tooltipOffContent,\n        onClick: () => {\n          holdButtonProps.onToggleHold();\n        },\n        iconProps: { iconName: 'HoldCallContextualMenuItem', styles: { root: { lineHeight: 0 } } },\n        itemProps: {\n          styles: buttonFlyoutIncreasedSizeStyles\n        },\n        disabled: isDisabled(options?.holdButton),\n        ['data-ui-id']: 'hold-button'\n      });\n    }\n    return items;\n  };\n\n  const customDrawerButtons = useMemo(\n    () =>\n      generateCustomCallDesktopOverflowButtons(\n        onFetchCustomButtonPropsTrampoline(typeof options === 'object' ? options : undefined),\n        typeof options === 'object' ? options.displayType : undefined\n      ),\n    [options]\n  );\n\n  const moreButtonMenuItems = moreButtonContextualMenuItems();\n  let showMoreButton = isEnabled(options?.moreButton) && moreButtonMenuItems.length > 0;\n  if (showMoreButton) {\n    numberOfButtons++;\n  }\n\n  const customButtons = useMemo(\n    () => generateCustomCallControlBarButton(onFetchCustomButtonPropsTrampoline(options), options?.displayType),\n    [options]\n  );\n\n  numberOfButtons += React.Children.count(customButtons['primary']) + React.Children.count(customButtons['secondary']);\n\n  let showDevicesButtonInControlBar = isEnabled(options?.devicesButton);\n  if (showDevicesButtonInControlBar && (props.isMobile ? numberOfButtons < 5 : true)) {\n    numberOfButtons++;\n  } else {\n    showDevicesButtonInControlBar = false;\n\n    showMoreButton = isEnabled(options?.moreButton);\n  }\n\n  const reactionResources = useSelector(getReactionResources);\n  const raiseHandButtonIsEnabled = isEnabled(options?.raiseHandButton);\n  let showRaiseHandButtonInControlBar = raiseHandButtonIsEnabled;\n  const role = useSelector(getRole);\n  const hideRaiseHandButtonInRoomsCall = isRoomsCall && role && ['Consumer', 'Unknown'].includes(role);\n  if (showRaiseHandButtonInControlBar && (props.isMobile ? numberOfButtons < 5 : true)) {\n    numberOfButtons++;\n  } else {\n    // If more button is not present but enabled then replace previous button (devices button) with more button\n    if (!showMoreButton && isEnabled(options?.moreButton)) {\n      showMoreButton = true;\n      showDevicesButtonInControlBar = false;\n    }\n\n    showRaiseHandButtonInControlBar = false;\n  }\n\n  if (!showDevicesButtonInControlBar) {\n    const devicesButtonMenu = _generateDefaultDeviceMenuProps(\n      devicesButtonProps,\n      localeStrings.component.strings.devicesButton\n    );\n    moreButtonMenuItems.push({\n      key: 'devicesButtonKey',\n      text: localeStrings.component.strings.devicesButton.label,\n      iconProps: { iconName: 'ControlButtonOptions', styles: { root: { lineHeight: 0 } } },\n      subMenuProps: devicesButtonMenu,\n      ['data-ui-id']: 'call-composite-more-menu-devices-button'\n    });\n  }\n\n  if (!showRaiseHandButtonInControlBar && !hideRaiseHandButtonInRoomsCall) {\n    moreButtonMenuItems.push({\n      key: 'raiseHandButtonKey',\n      text: raiseHandButtonProps.checked\n        ? localeStrings.component.strings.raiseHandButton.onLabel\n        : localeStrings.component.strings.raiseHandButton.offLabel,\n      onClick: () => {\n        if (raiseHandButtonProps.onToggleRaiseHand) {\n          raiseHandButtonProps.onToggleRaiseHand();\n        }\n      },\n      iconProps: { iconName: 'RaiseHandContextualMenuItem', styles: { root: { lineHeight: 0 } } },\n      itemProps: {\n        styles: buttonFlyoutIncreasedSizeStyles\n      },\n      disabled: isDisabled(options?.raiseHandButton),\n      ['data-ui-id']: 'call-composite-more-menu-raise-hand-button'\n    });\n  }\n\n  // Custom Buttons in More Button Menu should always be the last items pushed into the moreButtonMenuItems array\n  if (customDrawerButtons['primary']) {\n    customDrawerButtons['primary']\n      .slice(\n        props.isMobile\n          ? CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_MOBILE_CUSTOM_BUTTONS\n          : CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_DESKTOP_CUSTOM_BUTTONS\n      )\n      .forEach((element) => {\n        moreButtonMenuItems.push({\n          itemProps: {\n            styles: buttonFlyoutIncreasedSizeStyles\n          },\n          ...element\n        });\n      });\n  }\n  if (customDrawerButtons['secondary']) {\n    customDrawerButtons['secondary'].forEach((element) => {\n      moreButtonMenuItems.push({\n        itemProps: {\n          styles: buttonFlyoutIncreasedSizeStyles\n        },\n        ...element\n      });\n    });\n  }\n  if (customDrawerButtons['overflow']) {\n    customDrawerButtons['overflow'].forEach((element) => {\n      moreButtonMenuItems.push({\n        itemProps: {\n          styles: buttonFlyoutIncreasedSizeStyles\n        },\n        ...element\n      });\n    });\n  }\n\n  const theme = useTheme();\n\n  // when props.options is false then we want to hide the whole control bar.\n  if (props.options === false) {\n    return <></>;\n  }\n\n  return (\n    <Stack horizontalAlign=\"center\" className={callControlsContainerStyles}>\n      <Stack.Item>\n        {/*\n            Note: We use the layout=\"horizontal\" instead of dockedBottom because of how we position the\n            control bar. The control bar exists in a Stack below the MediaGallery. The MediaGallery is\n            set to grow and fill the remaining space not taken up by the ControlBar. If we were to use\n            dockedBottom it has position absolute and would therefore float on top of the media gallery,\n            occluding some of its content.\n         */}\n        <ControlBar\n          layout={props.displayVertical ? 'vertical' : 'horizontal'}\n          styles={controlBarStyles(theme.semanticColors.bodyBackground)}\n        >\n          {microphoneButtonIsEnabled && (\n            <Microphone\n              displayType={options?.displayType}\n              disabled={isDisabled(options?.microphoneButton)}\n              onClickNoiseSuppression={onClickNoiseSuppression}\n              isDeepNoiseSuppressionOn={isDeepNoiseSuppressionOn}\n              showNoiseSuppressionButton={showNoiseSuppressionButton}\n            />\n          )}\n          {cameraButtonIsEnabled && (\n            <Camera displayType={options?.displayType} disabled={isDisabled(options?.cameraButton)} />\n          )}\n          {showReactionButtonInControlBar && reactionResources && (\n            <Reaction displayType={options?.displayType} reactionResource={reactionResources} />\n          )}\n          {showRaiseHandButtonInControlBar && !hideRaiseHandButtonInRoomsCall && (\n            <RaiseHand displayType={options?.displayType} />\n          )}\n          {screenShareButtonIsEnabled && (\n            <ScreenShare\n              option={options?.screenShareButton}\n              displayType={options?.displayType}\n              disabled={isDisabled(options?.screenShareButton)}\n            />\n          )}\n          {showParticipantsButtonInControlBar && (\n              <Participants\n                option={options?.participantsButton}\n                callInvitationURL={props.callInvitationURL}\n                onFetchParticipantMenuItems={props.onFetchParticipantMenuItems}\n                displayType={options?.displayType}\n                increaseFlyoutItemSize={props.increaseFlyoutItemSize}\n                isMobile={props.isMobile}\n                disabled={isDisabled(options?.participantsButton)}\n              />\n            ) && (\n              <People\n                checked={props.peopleButtonChecked}\n                ariaLabel={peopleButtonStrings?.label}\n                showLabel={options?.displayType !== 'compact'}\n                onClick={props.onPeopleButtonClicked}\n                data-ui-id=\"call-composite-people-button\"\n                strings={peopleButtonStrings}\n                disabled={isDisabled(options?.participantsButton)}\n                disableTooltip={props.isMobile}\n              />\n            )}\n          {showDevicesButtonInControlBar && (\n            <Devices\n              displayType={options?.displayType}\n              increaseFlyoutItemSize={props.increaseFlyoutItemSize}\n              disabled={isDisabled(options?.devicesButton)}\n            />\n          )}\n          {customButtons['primary']\n            ?.slice(\n              0,\n              props.isMobile\n                ? CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_MOBILE_CUSTOM_BUTTONS\n                : CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_DESKTOP_CUSTOM_BUTTONS\n            )\n            .map((CustomButton, i) => {\n              return (\n                <CustomButton\n                  key={`primary-custom-button-${i}`}\n                  // styles={commonButtonStyles}\n                  showLabel={options?.displayType !== 'compact'}\n                  disableTooltip={props.isMobile}\n                />\n              );\n            })}\n          {showMoreButton && (\n            <MoreButton\n              disableTooltip={props.isMobile}\n              data-ui-id=\"common-call-composite-more-button\"\n              strings={moreButtonStrings}\n              menuIconProps={{ hidden: true }}\n              menuProps={{ items: moreButtonMenuItems }}\n              showLabel={options?.displayType !== 'compact'}\n            />\n          )}\n          {isEnabled(options?.endCallButton) && <EndCall displayType={options?.displayType} />}\n        </ControlBar>\n      </Stack.Item>\n    </Stack>\n  );\n};\n\nconst isEnabled = (option: unknown): boolean => option !== false;\n"]}
+{"version":3,"file":"CallControls.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/CallControls.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { memoizeFunction, Stack, useTheme } from '@fluentui/react';\nimport { IContextualMenuItem } from '@fluentui/react';\nimport { _isInLobbyOrConnecting } from '@internal/calling-component-bindings';\nimport { ControlBar, DevicesButton, ParticipantMenuItemsCallback } from '@internal/react-components';\nimport { HoldButton } from '@internal/react-components';\nimport React, { useMemo, useCallback, useState, useEffect } from 'react';\nimport { CallControlOptions } from '../types/CallControlOptions';\nimport { Camera } from './buttons/Camera';\nimport { Devices } from './buttons/Devices';\nimport { EndCall } from './buttons/EndCall';\nimport { Microphone } from './buttons/Microphone';\nimport { Participants } from './buttons/Participants';\nimport { ScreenShare } from './buttons/ScreenShare';\nimport { ContainerRectProps } from '../../common/ContainerRectProps';\nimport { People } from './buttons/People';\nimport { useLocale } from '../../localization';\nimport { MoreButton } from '../../common/MoreButton';\nimport { usePropsFor } from '../hooks/usePropsFor';\nimport { buttonFlyoutIncreasedSizeStyles } from '../styles/Buttons.styles';\nimport { useAdapter } from '../adapter/CallAdapterProvider';\nimport { isDisabled } from '../utils';\nimport { callControlsContainerStyles } from '../styles/CallPage.styles';\nimport { RaiseHand } from './buttons/RaiseHand';\nimport { RaiseHandButton } from '@internal/react-components';\nimport { _generateDefaultDeviceMenuProps } from '@internal/react-components';\nimport {\n  CUSTOM_BUTTON_OPTIONS,\n  generateCustomCallControlBarButton,\n  generateCustomCallDesktopOverflowButtons,\n  onFetchCustomButtonPropsTrampoline\n} from '../../common/ControlBar/CustomButton';\nimport { Reaction } from './buttons/Reaction';\nimport { useSelector } from '../hooks/useSelector';\nimport { capabilitySelector } from '../../CallComposite/selectors/capabilitySelector';\nimport { callStatusSelector } from '../../CallComposite/selectors/callStatusSelector';\nimport { _isSafari } from '../../CallComposite/utils';\nimport {\n  getIsRoomsCall,\n  getReactionResources,\n  getRole,\n  getDeepNoiseSuppresionEffectsDependency,\n  getDeepNoiseSuppresionIsOnByDefault,\n  getHideDeepNoiseSupressionButton,\n  getEnvironmentInfo\n} from '../selectors/baseSelectors';\n\n/**\n * @private\n */\nexport type CallControlsProps = {\n  peopleButtonChecked?: boolean;\n  onPeopleButtonClicked?: () => void;\n  callInvitationURL?: string;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  options?: boolean | CallControlOptions;\n  /**\n   * Option to increase the height of the button flyout menu items from 36px to 48px.\n   * Recommended for mobile devices.\n   */\n  increaseFlyoutItemSize?: boolean;\n  isMobile?: boolean;\n  displayVertical?: boolean;\n};\n\n// Enforce a background color on control bar to ensure it matches the composite background color.\nconst controlBarStyles = memoizeFunction((background: string) => ({ root: { background: background } }));\n\nconst inferCallControlOptions = (\n  mobileView: boolean,\n  callControlOptions?: boolean | CallControlOptions\n): CallControlOptions => {\n  if (callControlOptions === false) {\n    return {};\n  }\n\n  const options = callControlOptions === true || callControlOptions === undefined ? {} : callControlOptions;\n  if (mobileView) {\n    // Set options to always not show screen share button for mobile\n    options.screenShareButton = false;\n  }\n  return options;\n};\n\n/**\n * @private\n */\nexport const CallControls = (props: CallControlsProps & ContainerRectProps): JSX.Element => {\n  const options: CallControlOptions = useMemo(\n    () => inferCallControlOptions(!!props.isMobile, props.options),\n    [props.isMobile, props.options]\n  );\n\n  const localeStrings = useLocale();\n\n  const [isDeepNoiseSuppressionOn, setDeepNoiseSuppressionOn] = useState<boolean>(false);\n\n  const adapter = useAdapter();\n  const startDeepNoiseSuppression = useCallback(async () => {\n    await adapter.startNoiseSuppressionEffect();\n  }, [adapter]);\n\n  const deepNoiseSuppresionEffectsDependency = useSelector(getDeepNoiseSuppresionEffectsDependency);\n  const deepNoiseSuppressionOnByDefault = useSelector(getDeepNoiseSuppresionIsOnByDefault);\n  useEffect(() => {\n    if (deepNoiseSuppresionEffectsDependency && deepNoiseSuppressionOnByDefault) {\n      startDeepNoiseSuppression();\n      setDeepNoiseSuppressionOn(true);\n    }\n  }, [deepNoiseSuppresionEffectsDependency, deepNoiseSuppressionOnByDefault, startDeepNoiseSuppression]);\n\n  const environmentInfo = useSelector(getEnvironmentInfo);\n\n  const isSafari = _isSafari(environmentInfo);\n  const hideDeepNoiseSuppressionButton = useSelector(getHideDeepNoiseSupressionButton);\n  const showNoiseSuppressionButton = !!(\n    deepNoiseSuppresionEffectsDependency &&\n    !hideDeepNoiseSuppressionButton &&\n    !isSafari\n  );\n\n  const onClickNoiseSuppression = useCallback(async () => {\n    if (isDeepNoiseSuppressionOn) {\n      await adapter.stopNoiseSuppressionEffect();\n      setDeepNoiseSuppressionOn(false);\n    } else {\n      await adapter.startNoiseSuppressionEffect();\n      setDeepNoiseSuppressionOn(true);\n    }\n  }, [adapter, isDeepNoiseSuppressionOn]);\n\n  const peopleButtonStrings = useMemo(\n    () => ({\n      label: localeStrings.strings.call.peopleButtonLabel,\n      tooltipOffContent: localeStrings.strings.call.peopleButtonTooltipOpen,\n      tooltipOnContent: localeStrings.strings.call.peopleButtonTooltipClose\n    }),\n    [localeStrings]\n  );\n\n  const moreButtonStrings = useMemo(\n    () => ({\n      label: localeStrings.strings.call.moreButtonCallingLabel,\n      tooltipOffContent: localeStrings.strings.callWithChat.moreDrawerButtonTooltip\n    }),\n    [localeStrings]\n  );\n\n  const holdButtonProps = usePropsFor(HoldButton);\n\n  const raiseHandButtonProps = usePropsFor(RaiseHandButton);\n\n  const capabilitiesSelector = useSelector(capabilitySelector);\n  const callState = useSelector(callStatusSelector);\n  const isReactionAllowed =\n    callState.callStatus !== 'Connected' ||\n    !capabilitiesSelector?.capabilities ||\n    capabilitiesSelector.capabilities.useReactions.isPresent;\n\n  const devicesButtonProps = usePropsFor(DevicesButton);\n\n  let numberOfButtons = 0;\n\n  const screenShareButtonIsEnabled = isEnabled(options?.screenShareButton);\n  if (screenShareButtonIsEnabled) {\n    numberOfButtons++;\n  }\n\n  const microphoneButtonIsEnabled = isEnabled(options?.microphoneButton);\n  if (microphoneButtonIsEnabled) {\n    numberOfButtons++;\n  }\n\n  const cameraButtonIsEnabled = isEnabled(options?.cameraButton);\n  if (cameraButtonIsEnabled) {\n    numberOfButtons++;\n  }\n\n  if (isEnabled(options?.endCallButton)) {\n    numberOfButtons++;\n  }\n\n  const showParticipantsButtonInControlBar = isEnabled(options?.participantsButton) && !props.isMobile;\n  if (showParticipantsButtonInControlBar) {\n    numberOfButtons++;\n  }\n\n  const showReactionButtonInControlBar = isEnabled(options?.reactionButton) && isReactionAllowed && !props.isMobile;\n  if (showReactionButtonInControlBar) {\n    numberOfButtons++;\n  }\n\n  const isRoomsCall = useSelector(getIsRoomsCall);\n\n  const moreButtonContextualMenuItems = (): IContextualMenuItem[] => {\n    const items: IContextualMenuItem[] = [];\n\n    if (props.isMobile && props.onPeopleButtonClicked && isEnabled(options?.participantsButton)) {\n      items.push({\n        key: 'peopleButtonKey',\n        text: localeStrings.component.strings.participantsButton.label,\n        onClick: () => {\n          if (props.onPeopleButtonClicked) {\n            props.onPeopleButtonClicked();\n          }\n        },\n        iconProps: { iconName: 'ControlButtonParticipantsContextualMenuItem', styles: { root: { lineHeight: 0 } } },\n        itemProps: {\n          styles: buttonFlyoutIncreasedSizeStyles\n        },\n        disabled: isDisabled(options?.participantsButton),\n        ['data-ui-id']: 'call-composite-more-menu-people-button'\n      });\n    }\n\n    if (!isRoomsCall) {\n      items.push({\n        key: 'holdButtonKey',\n        text: localeStrings.component.strings.holdButton.tooltipOffContent,\n        onClick: () => {\n          holdButtonProps.onToggleHold();\n        },\n        iconProps: { iconName: 'HoldCallContextualMenuItem', styles: { root: { lineHeight: 0 } } },\n        itemProps: {\n          styles: buttonFlyoutIncreasedSizeStyles\n        },\n        disabled: isDisabled(options?.holdButton),\n        ['data-ui-id']: 'hold-button'\n      });\n    }\n    return items;\n  };\n\n  const customDrawerButtons = useMemo(\n    () =>\n      generateCustomCallDesktopOverflowButtons(\n        onFetchCustomButtonPropsTrampoline(typeof options === 'object' ? options : undefined),\n        typeof options === 'object' ? options.displayType : undefined\n      ),\n    [options]\n  );\n\n  const moreButtonMenuItems = moreButtonContextualMenuItems();\n  let showMoreButton = isEnabled(options?.moreButton) && moreButtonMenuItems.length > 0;\n  if (showMoreButton) {\n    numberOfButtons++;\n  }\n\n  const customButtons = useMemo(\n    () => generateCustomCallControlBarButton(onFetchCustomButtonPropsTrampoline(options), options?.displayType),\n    [options]\n  );\n\n  numberOfButtons += React.Children.count(customButtons['primary']) + React.Children.count(customButtons['secondary']);\n\n  let showDevicesButtonInControlBar = isEnabled(options?.devicesButton);\n  if (showDevicesButtonInControlBar && (props.isMobile ? numberOfButtons < 5 : true)) {\n    numberOfButtons++;\n  } else {\n    showDevicesButtonInControlBar = false;\n\n    showMoreButton = isEnabled(options?.moreButton);\n  }\n\n  const reactionResources = useSelector(getReactionResources);\n  const raiseHandButtonIsEnabled = isEnabled(options?.raiseHandButton);\n  let showRaiseHandButtonInControlBar = raiseHandButtonIsEnabled;\n  const role = useSelector(getRole);\n  const hideRaiseHandButtonInRoomsCall = isRoomsCall && role && ['Consumer', 'Unknown'].includes(role);\n  if (showRaiseHandButtonInControlBar && (props.isMobile ? numberOfButtons < 5 : true)) {\n    numberOfButtons++;\n  } else {\n    // If more button is not present but enabled then replace previous button (devices button) with more button\n    if (!showMoreButton && isEnabled(options?.moreButton)) {\n      showMoreButton = true;\n      showDevicesButtonInControlBar = false;\n    }\n\n    showRaiseHandButtonInControlBar = false;\n  }\n\n  if (!showDevicesButtonInControlBar) {\n    const devicesButtonMenu = _generateDefaultDeviceMenuProps(\n      devicesButtonProps,\n      localeStrings.component.strings.devicesButton\n    );\n    moreButtonMenuItems.push({\n      key: 'devicesButtonKey',\n      text: localeStrings.component.strings.devicesButton.label,\n      iconProps: { iconName: 'ControlButtonOptions', styles: { root: { lineHeight: 0 } } },\n      subMenuProps: devicesButtonMenu,\n      ['data-ui-id']: 'call-composite-more-menu-devices-button'\n    });\n  }\n\n  if (!showRaiseHandButtonInControlBar && !hideRaiseHandButtonInRoomsCall) {\n    moreButtonMenuItems.push({\n      key: 'raiseHandButtonKey',\n      text: raiseHandButtonProps.checked\n        ? localeStrings.component.strings.raiseHandButton.onLabel\n        : localeStrings.component.strings.raiseHandButton.offLabel,\n      onClick: () => {\n        if (raiseHandButtonProps.onToggleRaiseHand) {\n          raiseHandButtonProps.onToggleRaiseHand();\n        }\n      },\n      iconProps: { iconName: 'RaiseHandContextualMenuItem', styles: { root: { lineHeight: 0 } } },\n      itemProps: {\n        styles: buttonFlyoutIncreasedSizeStyles\n      },\n      disabled: isDisabled(options?.raiseHandButton),\n      ['data-ui-id']: 'call-composite-more-menu-raise-hand-button'\n    });\n  }\n\n  // Custom Buttons in More Button Menu should always be the last items pushed into the moreButtonMenuItems array\n  if (customDrawerButtons['primary']) {\n    customDrawerButtons['primary']\n      .slice(\n        props.isMobile\n          ? CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_MOBILE_CUSTOM_BUTTONS\n          : CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_DESKTOP_CUSTOM_BUTTONS\n      )\n      .forEach((element) => {\n        moreButtonMenuItems.push({\n          itemProps: {\n            styles: buttonFlyoutIncreasedSizeStyles\n          },\n          ...element\n        });\n      });\n  }\n  if (customDrawerButtons['secondary']) {\n    customDrawerButtons['secondary'].forEach((element) => {\n      moreButtonMenuItems.push({\n        itemProps: {\n          styles: buttonFlyoutIncreasedSizeStyles\n        },\n        ...element\n      });\n    });\n  }\n  if (customDrawerButtons['overflow']) {\n    customDrawerButtons['overflow'].forEach((element) => {\n      moreButtonMenuItems.push({\n        itemProps: {\n          styles: buttonFlyoutIncreasedSizeStyles\n        },\n        ...element\n      });\n    });\n  }\n\n  const theme = useTheme();\n\n  // when props.options is false then we want to hide the whole control bar.\n  if (props.options === false) {\n    return <></>;\n  }\n\n  return (\n    <Stack horizontalAlign=\"center\" className={callControlsContainerStyles}>\n      <Stack.Item>\n        {/*\n            Note: We use the layout=\"horizontal\" instead of dockedBottom because of how we position the\n            control bar. The control bar exists in a Stack below the MediaGallery. The MediaGallery is\n            set to grow and fill the remaining space not taken up by the ControlBar. If we were to use\n            dockedBottom it has position absolute and would therefore float on top of the media gallery,\n            occluding some of its content.\n         */}\n        <ControlBar\n          layout={props.displayVertical ? 'vertical' : 'horizontal'}\n          styles={controlBarStyles(theme.semanticColors.bodyBackground)}\n        >\n          {microphoneButtonIsEnabled && (\n            <Microphone\n              displayType={options?.displayType}\n              disabled={isDisabled(options?.microphoneButton)}\n              onClickNoiseSuppression={onClickNoiseSuppression}\n              isDeepNoiseSuppressionOn={isDeepNoiseSuppressionOn}\n              showNoiseSuppressionButton={showNoiseSuppressionButton}\n            />\n          )}\n          {cameraButtonIsEnabled && (\n            <Camera displayType={options?.displayType} disabled={isDisabled(options?.cameraButton)} />\n          )}\n          {showReactionButtonInControlBar && reactionResources && (\n            <Reaction displayType={options?.displayType} reactionResource={reactionResources} />\n          )}\n          {showRaiseHandButtonInControlBar && !hideRaiseHandButtonInRoomsCall && (\n            <RaiseHand displayType={options?.displayType} />\n          )}\n          {screenShareButtonIsEnabled && (\n            <ScreenShare\n              option={options?.screenShareButton}\n              displayType={options?.displayType}\n              disabled={isDisabled(options?.screenShareButton)}\n            />\n          )}\n          {showParticipantsButtonInControlBar && (\n              <Participants\n                option={options?.participantsButton}\n                callInvitationURL={props.callInvitationURL}\n                onFetchParticipantMenuItems={props.onFetchParticipantMenuItems}\n                displayType={options?.displayType}\n                increaseFlyoutItemSize={props.increaseFlyoutItemSize}\n                isMobile={props.isMobile}\n                disabled={isDisabled(options?.participantsButton)}\n              />\n            ) && (\n              <People\n                checked={props.peopleButtonChecked}\n                ariaLabel={peopleButtonStrings?.label}\n                showLabel={options?.displayType !== 'compact'}\n                onClick={props.onPeopleButtonClicked}\n                data-ui-id=\"call-composite-people-button\"\n                strings={peopleButtonStrings}\n                disabled={isDisabled(options?.participantsButton)}\n                disableTooltip={props.isMobile}\n              />\n            )}\n          {showDevicesButtonInControlBar && (\n            <Devices\n              displayType={options?.displayType}\n              increaseFlyoutItemSize={props.increaseFlyoutItemSize}\n              disabled={isDisabled(options?.devicesButton)}\n            />\n          )}\n          {customButtons['primary']\n            ?.slice(\n              0,\n              props.isMobile\n                ? CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_MOBILE_CUSTOM_BUTTONS\n                : CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_DESKTOP_CUSTOM_BUTTONS\n            )\n            .map((CustomButton, i) => {\n              return (\n                <CustomButton\n                  key={`primary-custom-button-${i}`}\n                  // styles={commonButtonStyles}\n                  showLabel={options?.displayType !== 'compact'}\n                  disableTooltip={props.isMobile}\n                />\n              );\n            })}\n          {showMoreButton && (\n            <MoreButton\n              disableTooltip={props.isMobile}\n              data-ui-id=\"common-call-composite-more-button\"\n              strings={moreButtonStrings}\n              menuIconProps={{ hidden: true }}\n              menuProps={{ items: moreButtonMenuItems }}\n              showLabel={options?.displayType !== 'compact'}\n            />\n          )}\n          {isEnabled(options?.endCallButton) && <EndCall displayType={options?.displayType} />}\n        </ControlBar>\n      </Stack.Item>\n    </Stack>\n  );\n};\n\nconst isEnabled = (option: unknown): boolean => option !== false;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"RaiseHand.js","sourceRoot":"","sources":["../../../../../../../../../react-composites/src/composites/CallComposite/components/buttons/RaiseHand.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAA0B,eAAe,EAAwB,+CAAmC;AAC3G,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,yDAA6C;AAE9E,eAAe;AACf,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAMzB,EAAe,EAAE;IAChB,MAAM,oBAAoB,GAAG,WAAW,CAAC,eAAe,CAAyB,CAAC;IAClF,MAAM,UAAU,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,WAAC,OAAA,sBAAsB,CAAC,MAAA,KAAK,CAAC,MAAM,mCAAI,EAAE,CAAC,CAAA,EAAA,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEzF,IAAI,uBAAuB,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAEvD,IAAI,sBAAsB,CAAC,UAAU,CAAC,EAAE,CAAC;QACvC,uBAAuB,GAAG,IAAI,CAAC;IACjC,CAAC;IAED,OAAO,CACL,oBAAC,eAAe,gCACH,iCAAiC,IACxC,oBAAoB,IACxB,SAAS,EAAE,KAAK,CAAC,WAAW,KAAK,SAAS,EAC1C,QAAQ,EAAE,uBAAuB,IAAI,KAAK,CAAC,QAAQ,EACnD,MAAM,EAAE,MAAM,IACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,MAAwC,EAAW,EAAE;IACvE,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;QAChE,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,MAAM,CAAC,QAAQ,CAAC;AACzB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ControlBarButtonStyles, RaiseHandButton, RaiseHandButtonProps } from '@internal/react-components';\nimport React, { useMemo } from 'react';\nimport { CallControlDisplayType } from '../../../common/types/CommonCallControlOptions';\nimport { usePropsFor } from '../../hooks/usePropsFor';\nimport { concatButtonBaseStyles } from '../../styles/Buttons.styles';\nimport { useSelector } from '../../hooks/useSelector';\nimport { getCallStatus } from '../../selectors/baseSelectors';\nimport { _isInLobbyOrConnecting } from '@internal/calling-component-bindings';\n\n/** @private */\nexport const RaiseHand = (props: {\n  // The value of `CallControlOptions.raiseHandButton`.\n  option?: boolean | { disabled: boolean };\n  displayType?: CallControlDisplayType;\n  styles?: ControlBarButtonStyles;\n  disabled?: boolean;\n}): JSX.Element => {\n  const raiseHandButtonProps = usePropsFor(RaiseHandButton) as RaiseHandButtonProps;\n  const callStatus = useSelector(getCallStatus);\n  const styles = useMemo(() => concatButtonBaseStyles(props.styles ?? {}), [props.styles]);\n\n  let raiseHandButtonDisabled = isDisabled(props.option);\n\n  if (_isInLobbyOrConnecting(callStatus)) {\n    raiseHandButtonDisabled = true;\n  }\n\n  return (\n    <RaiseHandButton\n      data-ui-id=\"call-composite-raisehand-button\"\n      {...raiseHandButtonProps}\n      showLabel={props.displayType !== 'compact'}\n      disabled={raiseHandButtonDisabled || props.disabled}\n      styles={styles}\n    />\n  );\n};\n\nconst isDisabled = (option?: boolean | { disabled: boolean }): boolean => {\n  if (option === undefined || option === true || option === false) {\n    return false;\n  }\n  return option.disabled;\n};\n"]}
+{"version":3,"file":"RaiseHand.js","sourceRoot":"","sources":["../../../../../../../../../react-composites/src/composites/CallComposite/components/buttons/RaiseHand.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAA0B,eAAe,EAAE,+CAAmC;AACrF,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,yDAA6C;AAE9E,eAAe;AACf,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAMzB,EAAe,EAAE;IAChB,MAAM,oBAAoB,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,WAAC,OAAA,sBAAsB,CAAC,MAAA,KAAK,CAAC,MAAM,mCAAI,EAAE,CAAC,CAAA,EAAA,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEzF,IAAI,uBAAuB,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAEvD,IAAI,sBAAsB,CAAC,UAAU,CAAC,EAAE,CAAC;QACvC,uBAAuB,GAAG,IAAI,CAAC;IACjC,CAAC;IAED,OAAO,CACL,oBAAC,eAAe,gCACH,iCAAiC,IACxC,oBAAoB,IACxB,SAAS,EAAE,KAAK,CAAC,WAAW,KAAK,SAAS,EAC1C,QAAQ,EAAE,uBAAuB,IAAI,KAAK,CAAC,QAAQ,EACnD,MAAM,EAAE,MAAM,IACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,MAAwC,EAAW,EAAE;IACvE,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;QAChE,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,MAAM,CAAC,QAAQ,CAAC;AACzB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ControlBarButtonStyles, RaiseHandButton } from '@internal/react-components';\nimport React, { useMemo } from 'react';\nimport { CallControlDisplayType } from '../../../common/types/CommonCallControlOptions';\nimport { usePropsFor } from '../../hooks/usePropsFor';\nimport { concatButtonBaseStyles } from '../../styles/Buttons.styles';\nimport { useSelector } from '../../hooks/useSelector';\nimport { getCallStatus } from '../../selectors/baseSelectors';\nimport { _isInLobbyOrConnecting } from '@internal/calling-component-bindings';\n\n/** @private */\nexport const RaiseHand = (props: {\n  // The value of `CallControlOptions.raiseHandButton`.\n  option?: boolean | { disabled: boolean };\n  displayType?: CallControlDisplayType;\n  styles?: ControlBarButtonStyles;\n  disabled?: boolean;\n}): JSX.Element => {\n  const raiseHandButtonProps = usePropsFor(RaiseHandButton);\n  const callStatus = useSelector(getCallStatus);\n  const styles = useMemo(() => concatButtonBaseStyles(props.styles ?? {}), [props.styles]);\n\n  let raiseHandButtonDisabled = isDisabled(props.option);\n\n  if (_isInLobbyOrConnecting(callStatus)) {\n    raiseHandButtonDisabled = true;\n  }\n\n  return (\n    <RaiseHandButton\n      data-ui-id=\"call-composite-raisehand-button\"\n      {...raiseHandButtonProps}\n      showLabel={props.displayType !== 'compact'}\n      disabled={raiseHandButtonDisabled || props.disabled}\n      styles={styles}\n    />\n  );\n};\n\nconst isDisabled = (option?: boolean | { disabled: boolean }): boolean => {\n  if (option === undefined || option === true || option === false) {\n    return false;\n  }\n  return option.disabled;\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/localization/locales/en-US/strings.json

@@ -118,7 +118,7 @@
         "captionsSettingsSpokenLanguageDropdownLabel": "Spoken language",
         "captionsSettingsCaptionLanguageDropdownLabel": "Captions language",
         "captionsSettingsSpokenLanguageDropdownInfoText": "Language that everyone on this call is speaking.",
-        "captionsSettingsCaptionLanguageDropdownInfoText": "Captions will appear in this langugage.",
+        "captionsSettingsCaptionLanguageDropdownInfoText": "Captions will appear in this language.",
         "captionsSettingsConfirmButtonLabel": "Confirm",
         "captionsSettingsCancelButtonLabel": "Cancel",
         "captionsSettingsModalAriaLabel": "Captions Setting Modal",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.22.0-alpha-202411290017",
+  "version": "1.22.0-alpha-202411300016",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [
@@ -55,7 +55,7 @@
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
-    "@azure/communication-calling": "1.31.2-beta.1",
+    "@azure/communication-calling": "1.31.2-beta.2",
     "@azure/communication-calling-effects": "^1.1.2",
     "@azure/communication-chat": "1.6.0-beta.3",
     "@types/react": ">=16.8.0 <19.0.0",