@azure/communication-react 1.10.0-alpha-202311040013 → 1.10.0-alpha-202311060013

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

@@ -177,7 +177,7 @@ const _isValidIdentifier = (identifier) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.10.0-alpha-202311040013';
+var telemetryVersion = '1.10.0-alpha-202311060013';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -286,6 +286,15 @@ const createSafeReplacer = () => {
 const _convertRemToPx = (rem) => {
     return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
 };
+/**
+ * @internal
+ * Converts units of pixels to units of rem
+ * @param px - units of px
+ * @returns units of rem
+ */
+const _convertPxToRem = (px) => {
+    return px / parseFloat(getComputedStyle(document.documentElement).fontSize);
+};
 /**
  * @internal
  * Disable dismiss on resize to work around a couple Fluent UI bugs
@@ -14035,16 +14044,13 @@ const scrollableHorizontalGalleryStyles = {
 /**
  * @private
  */
-const scrollableHorizontalGalleryContainerStyles = (fullWidth) => {
-    return react.mergeStyles({
-        display: 'flex',
-        width: fullWidth ? '100%' : `calc(100% - ${SMALL_FLOATING_MODAL_SIZE_REM.width}rem)`,
-        minHeight: `${SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM.height}rem`,
-        overflow: 'scroll',
-        '-ms-overflow-style': 'none',
-        'scrollbar-width': 'none',
-        '::-webkit-scrollbar': { display: 'none' }
-    });
+const scrollableHorizontalGalleryContainerStyles = {
+    display: 'flex',
+    minHeight: `${SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM.height}rem`,
+    overflow: 'scroll',
+    '-ms-overflow-style': 'none',
+    'scrollbar-width': 'none',
+    '::-webkit-scrollbar': { display: 'none' }
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -14053,11 +14059,7 @@ const scrollableHorizontalGalleryContainerStyles = (fullWidth) => {
  * @private
  */
 const ScrollableHorizontalGallery = (props) => {
-    const { horizontalGalleryElements, onFetchTilesToRender, /* @conditional-compile-remove(gallery-layouts) */ layout } = props;
-    const useFullWidthTrampoline = () => {
-        /* @conditional-compile-remove(gallery-layouts) */
-        return layout === 'default' ? true : false;
-    };
+    const { horizontalGalleryElements, onFetchTilesToRender, containerStyles } = props;
     React.useEffect(() => {
         const indexesArray = [...Array(horizontalGalleryElements === null || horizontalGalleryElements === void 0 ? void 0 : horizontalGalleryElements.length).keys()];
         if (onFetchTilesToRender && indexesArray) {
@@ -14066,7 +14068,7 @@ const ScrollableHorizontalGallery = (props) => {
     }, [onFetchTilesToRender, horizontalGalleryElements === null || horizontalGalleryElements === void 0 ? void 0 : horizontalGalleryElements.length]);
     const ref = React.useRef();
     const { events: dragabbleEvents } = reactUseDraggableScroll.useDraggable(ref);
-    return (React__default["default"].createElement("div", Object.assign({ ref: ref }, dragabbleEvents, { className: scrollableHorizontalGalleryContainerStyles(useFullWidthTrampoline()) }),
+    return (React__default["default"].createElement("div", Object.assign({ ref: ref }, dragabbleEvents, { className: react.mergeStyles(scrollableHorizontalGalleryContainerStyles, containerStyles) }),
         React__default["default"].createElement(react.Stack, { "data-ui-id": "scrollable-horizontal-gallery", horizontal: true, styles: scrollableHorizontalGalleryStyles, tokens: { childrenGap: '0.5rem' } }, horizontalGalleryElements)));
 };
 
@@ -14081,7 +14083,7 @@ const OverflowGallery = (props) => {
     /* @conditional-compile-remove(vertical-gallery) */
     isShort = false, overflowGalleryElements, horizontalGalleryStyles, 
     /* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition = 'horizontalBottom', 
-    /* @conditional-compile-remove(vertical-gallery) */ verticalGalleryStyles, onChildrenPerPageChange } = props;
+    /* @conditional-compile-remove(vertical-gallery) */ verticalGalleryStyles, onChildrenPerPageChange, parentWidth } = props;
     const containerStyles = React.useMemo(() => {
         /* @conditional-compile-remove(vertical-gallery) */
         if (overflowGalleryPosition === 'verticalRight') {
@@ -14107,6 +14109,16 @@ const OverflowGallery = (props) => {
         /* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition,
         /* @conditional-compile-remove(vertical-gallery) */ verticalGalleryStyles
     ]);
+    const scrollableHorizontalGalleryContainerStyles = React.useMemo(() => {
+        if (isNarrow && parentWidth) {
+            return {
+                width: props.layout === 'default'
+                    ? `${_convertPxToRem(parentWidth) - 1}rem`
+                    : `${_convertPxToRem(parentWidth) - SMALL_FLOATING_MODAL_SIZE_REM.width - 1}rem`
+            };
+        }
+        return undefined;
+    }, [isNarrow, parentWidth, props.layout]);
     /* @conditional-compile-remove(vertical-gallery) */
     if (overflowGalleryPosition === 'verticalRight') {
         return (React__default["default"].createElement(ResponsiveVerticalGallery, { key: "responsive-vertical-gallery", containerStyles: containerStyles, verticalGalleryStyles: galleryStyles, controlBarHeightRem: HORIZONTAL_GALLERY_BUTTON_WIDTH, gapHeightRem: HORIZONTAL_GALLERY_GAP, isShort: isShort, onFetchTilesToRender: onFetchTilesToRender, onChildrenPerPageChange: onChildrenPerPageChange }, overflowGalleryElements ? overflowGalleryElements : [React__default["default"].createElement(React__default["default"].Fragment, null)]));
@@ -14116,9 +14128,7 @@ const OverflowGallery = (props) => {
         // There are no pages for ScrollableHorizontalGallery so we will approximate the first 3 remote
         // participant tiles are visible
         onChildrenPerPageChange === null || onChildrenPerPageChange === void 0 ? void 0 : onChildrenPerPageChange(3);
-        return (React__default["default"].createElement(ScrollableHorizontalGallery, { horizontalGalleryElements: overflowGalleryElements ? overflowGalleryElements : [React__default["default"].createElement(React__default["default"].Fragment, null)], onFetchTilesToRender: onFetchTilesToRender, key: "scrollable-horizontal-gallery", 
-            /* @conditional-compile-remove(gallery-layouts) */
-            layout: props.layout }));
+        return (React__default["default"].createElement(ScrollableHorizontalGallery, { horizontalGalleryElements: overflowGalleryElements ? overflowGalleryElements : [React__default["default"].createElement(React__default["default"].Fragment, null)], onFetchTilesToRender: onFetchTilesToRender, key: "scrollable-horizontal-gallery", containerStyles: scrollableHorizontalGalleryContainerStyles }));
     }
     return (React__default["default"].createElement(ResponsiveHorizontalGallery, { key: "responsive-horizontal-gallery", containerStyles: containerStyles, onFetchTilesToRender: onFetchTilesToRender, horizontalGalleryStyles: galleryStyles, buttonWidthRem: HORIZONTAL_GALLERY_BUTTON_WIDTH, gapWidthRem: HORIZONTAL_GALLERY_GAP, onChildrenPerPageChange: onChildrenPerPageChange }, overflowGalleryElements ? overflowGalleryElements : [React__default["default"].createElement(React__default["default"].Fragment, null)]));
 };
@@ -14192,7 +14202,7 @@ const DefaultLayout = (props) => {
                 childrenPerPage.current = n;
             }, 
             /* @conditional-compile-remove(gallery-layouts) */
-            layout: 'default' }));
+            layout: 'default', parentWidth: parentWidth }));
     }, [
         isNarrow,
         /* @conditional-compile-remove(vertical-gallery) */ isShort,
@@ -14200,7 +14210,8 @@ const DefaultLayout = (props) => {
         styles === null || styles === void 0 ? void 0 : styles.horizontalGallery,
         /* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition,
         setIndexesToRender,
-        /* @conditional-compile-remove(vertical-gallery) */ styles === null || styles === void 0 ? void 0 : styles.verticalGallery
+        /* @conditional-compile-remove(vertical-gallery) */ styles === null || styles === void 0 ? void 0 : styles.verticalGallery,
+        parentWidth
     ]);
     return (React__default["default"].createElement(react.Stack
     /* @conditional-compile-remove(vertical-gallery) */
@@ -15061,7 +15072,7 @@ const FloatingLocalVideoLayout = (props) => {
             /* @conditional-compile-remove(vertical-gallery) */
             overflowGalleryPosition: overflowGalleryPosition, onChildrenPerPageChange: (n) => {
                 childrenPerPage.current = n;
-            } }));
+            }, parentWidth: parentWidth }));
     }, [
         isNarrow,
         /* @conditional-compile-remove(vertical-gallery) */ isShort,
@@ -15070,7 +15081,8 @@ const FloatingLocalVideoLayout = (props) => {
         styles === null || styles === void 0 ? void 0 : styles.horizontalGallery,
         /* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition,
         setIndexesToRender,
-        /* @conditional-compile-remove(vertical-gallery) */ styles === null || styles === void 0 ? void 0 : styles.verticalGallery
+        /* @conditional-compile-remove(vertical-gallery) */ styles === null || styles === void 0 ? void 0 : styles.verticalGallery,
+        parentWidth
     ]);
     return (React__default["default"].createElement(react.Stack, { styles: rootLayoutStyle },
         wrappedLocalVideoComponent,
@@ -15189,7 +15201,7 @@ const SpeakerVideoLayout = (props) => {
             /* @conditional-compile-remove(vertical-gallery) */
             overflowGalleryPosition: overflowGalleryPosition, onChildrenPerPageChange: (n) => {
                 childrenPerPage.current = n;
-            } }));
+            }, parentWidth: parentWidth }));
     }, [
         isNarrow,
         /* @conditional-compile-remove(vertical-gallery) */ isShort,
@@ -15198,7 +15210,8 @@ const SpeakerVideoLayout = (props) => {
         styles === null || styles === void 0 ? void 0 : styles.horizontalGallery,
         /* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition,
         setIndexesToRender,
-        /* @conditional-compile-remove(vertical-gallery) */ styles === null || styles === void 0 ? void 0 : styles.verticalGallery
+        /* @conditional-compile-remove(vertical-gallery) */ styles === null || styles === void 0 ? void 0 : styles.verticalGallery,
+        parentWidth
     ]);
     return (React__default["default"].createElement(react.Stack, { styles: rootLayoutStyle },
         wrappedLocalVideoComponent,
@@ -15308,7 +15321,7 @@ const LargeGalleryLayout = (props) => {
             /* @conditional-compile-remove(vertical-gallery) */
             overflowGalleryPosition: overflowGalleryPosition, onFetchTilesToRender: setIndexesToRender, onChildrenPerPageChange: (n) => {
                 childrenPerPage.current = n;
-            } }));
+            }, parentWidth: parentWidth }));
     }, [
         isNarrow,
         /* @conditional-compile-remove(gallery-layouts) */ isShort,
@@ -15316,7 +15329,8 @@ const LargeGalleryLayout = (props) => {
         styles === null || styles === void 0 ? void 0 : styles.horizontalGallery,
         /* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition,
         setIndexesToRender,
-        /* @conditional-compile-remove(vertical-gallery) */ styles === null || styles === void 0 ? void 0 : styles.verticalGallery
+        /* @conditional-compile-remove(vertical-gallery) */ styles === null || styles === void 0 ? void 0 : styles.verticalGallery,
+        parentWidth
     ]);
     return (React__default["default"].createElement(react.Stack
     /* @conditional-compile-remove(vertical-gallery) */
@@ -24322,7 +24336,7 @@ const controlBarStyles = react.memoizeFunction((background) => ({ root: { backgr
  * @private
  */
 const CallControls = (props) => {
-    var _a;
+    var _a, _b;
     const options = React.useMemo(() => (typeof props.options === 'boolean' ? {} : props.options), [props.options]);
     /* @conditional-compile-remove(PSTN-calls) */
     const adapter = useAdapter();
@@ -24446,6 +24460,10 @@ const CallControls = (props) => {
     const raiseHandButtonIsEnabled = isEnabled$2(options === null || options === void 0 ? void 0 : options.raiseHandButton);
     /* @conditional-compile-remove(raise-hand) */
     let showRaiseHandButtonInControlBar = raiseHandButtonIsEnabled;
+    /* @conditional-compile-remove(rooms) */
+    const role = (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.role;
+    /* @conditional-compile-remove(rooms) */
+    const hideRaiseHandButtonInRoomsCall = adapter.getState().isRoomsCall && role && ['Consumer', 'Unknown'].includes(role);
     /* @conditional-compile-remove(raise-hand) */
     if (showRaiseHandButtonInControlBar && (props.isMobile ? numberOfButtons < 5 : true)) {
         numberOfButtons++;
@@ -24469,7 +24487,7 @@ const CallControls = (props) => {
         });
     }
     /* @conditional-compile-remove(raise-hand) */
-    if (!showRaiseHandButtonInControlBar) {
+    if (!showRaiseHandButtonInControlBar && /* @conditional-compile-remove(rooms) */ !hideRaiseHandButtonInRoomsCall) {
         moreButtonMenuItems.push({
             key: 'raiseHandButtonKey',
             text: raiseHandButtonProps.checked
@@ -24532,13 +24550,14 @@ const CallControls = (props) => {
             React__default["default"].createElement(ControlBar, { layout: props.displayVertical ? 'vertical' : 'horizontal', styles: controlBarStyles(theme.semanticColors.bodyBackground) },
                 microphoneButtonIsEnabled && (React__default["default"].createElement(Microphone, { displayType: options === null || options === void 0 ? void 0 : options.displayType, disabled: isDisabled$3(options === null || options === void 0 ? void 0 : options.microphoneButton) })),
                 cameraButtonIsEnabled && (React__default["default"].createElement(Camera, { displayType: options === null || options === void 0 ? void 0 : options.displayType, disabled: isDisabled$3(options === null || options === void 0 ? void 0 : options.cameraButton) })),
-                /* @conditional-compile-remove(raise-hand) */ showRaiseHandButtonInControlBar && (React__default["default"].createElement(RaiseHand, { displayType: options === null || options === void 0 ? void 0 : options.displayType })),
+                /* @conditional-compile-remove(raise-hand) */ showRaiseHandButtonInControlBar &&
+                    /* @conditional-compile-remove(rooms) */ !hideRaiseHandButtonInRoomsCall && (React__default["default"].createElement(RaiseHand, { displayType: options === null || options === void 0 ? void 0 : options.displayType })),
                 screenShareButtonIsEnabled && (React__default["default"].createElement(ScreenShare, { option: options === null || options === void 0 ? void 0 : options.screenShareButton, displayType: options === null || options === void 0 ? void 0 : options.displayType, disabled: isDisabled$3(options === null || options === void 0 ? void 0 : options.screenShareButton) })),
                 showParticipantsButtonInControlBar && (React__default["default"].createElement(Participants, { option: options === null || options === void 0 ? void 0 : options.participantsButton, callInvitationURL: props.callInvitationURL, onFetchParticipantMenuItems: props.onFetchParticipantMenuItems, displayType: options === null || options === void 0 ? void 0 : options.displayType, increaseFlyoutItemSize: props.increaseFlyoutItemSize, isMobile: props.isMobile, disabled: isDisabled$3(options === null || options === void 0 ? void 0 : options.participantsButton) })) && (
                 /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(PSTN-calls) */
                 React__default["default"].createElement(People, { checked: props.peopleButtonChecked, ariaLabel: peopleButtonStrings === null || peopleButtonStrings === void 0 ? void 0 : peopleButtonStrings.label, showLabel: (options === null || options === void 0 ? void 0 : options.displayType) !== 'compact', onClick: props.onPeopleButtonClicked, "data-ui-id": "call-composite-people-button", strings: peopleButtonStrings, disabled: isDisabled$3(options === null || options === void 0 ? void 0 : options.participantsButton), disableTooltip: props.isMobile })),
-                showDevicesButtonInControlBar && (React__default["default"].createElement(Devices, { displayType: options === null || options === void 0 ? void 0 : options.displayType, increaseFlyoutItemSize: props.increaseFlyoutItemSize, disabled: isDisabled$3(options === null || options === void 0 ? void 0 : options.devicesButton) })), (_a = customButtons['primary']) === null || _a === void 0 ? void 0 :
-                _a.slice(0, props.isMobile
+                showDevicesButtonInControlBar && (React__default["default"].createElement(Devices, { displayType: options === null || options === void 0 ? void 0 : options.displayType, increaseFlyoutItemSize: props.increaseFlyoutItemSize, disabled: isDisabled$3(options === null || options === void 0 ? void 0 : options.devicesButton) })), (_b = customButtons['primary']) === null || _b === void 0 ? void 0 :
+                _b.slice(0, props.isMobile
                     ? CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_MOBILE_CUSTOM_BUTTONS
                     : CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_DESKTOP_CUSTOM_BUTTONS).map((CustomButton, i) => {
                     return (React__default["default"].createElement(CustomButton, { key: `primary-custom-button-${i}`, 
@@ -24973,7 +24992,7 @@ const inferCommonCallControlOptions = (mobileView, commonCallControlOptions) =>
  * @private
  */
 const CommonCallControlBar = (props) => {
-    var _a, _b;
+    var _a, _b, _c;
     const theme = react.useTheme();
     const rtl = theme.rtl;
     const controlBarContainerRef = React.useRef(null);
@@ -25063,6 +25082,10 @@ const CommonCallControlBar = (props) => {
         (/*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ isEnabled$1(options === null || options === void 0 ? void 0 : options.holdButton) ||
             /* @conditional-compile-remove(close-captions) */ props.isCaptionsSupported ||
             /* @conditional-compile-remove(gallery-layouts) */ props.onUserSetGalleryLayout);
+    /*@conditional-compile-remove(rooms) */
+    const role = (_a = props.callAdapter.getState().call) === null || _a === void 0 ? void 0 : _a.role;
+    /*@conditional-compile-remove(rooms) */
+    const hideRaiseHandButtonInRoomsCall = props.callAdapter.getState().isRoomsCall && role && ['Consumer', 'Unknown'].includes(role);
     return (React__default["default"].createElement("div", { ref: controlBarSizeRef },
         React__default["default"].createElement(CallAdapterProvider, { adapter: props.callAdapter }, 
         /* @conditional-compile-remove(close-captions) */ showCaptionsSettingsModal && (React__default["default"].createElement(CaptionsSettingsModal, { showCaptionsSettingsModal: showCaptionsSettingsModal, onDismissCaptionsSettings: onDismissCaptionsSettings, changeCaptionLanguage: props.isCaptionsOn }))),
@@ -25083,13 +25106,14 @@ const CommonCallControlBar = (props) => {
                                         /* @conditional-compile-remove(video-background-effects) */
                                         onClickVideoEffects: props.onClickVideoEffects, componentRef: props.cameraButtonRef, disableTooltip: props.mobileView })),
                                     /* @conditional-compile-remove(raise-hand) */ !props.mobileView &&
-                                        isEnabled$1(options.raiseHandButton) && (React__default["default"].createElement(RaiseHand, { displayType: options.displayType, styles: commonButtonStyles, 
+                                        isEnabled$1(options.raiseHandButton) &&
+                                        /* @conditional-compile-remove(rooms) */ !hideRaiseHandButtonInRoomsCall && (React__default["default"].createElement(RaiseHand, { displayType: options.displayType, styles: commonButtonStyles, 
                                         /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
                                         disabled: props.disableButtonsForHoldScreen || isDisabled$3(options.microphoneButton) })),
                                     screenShareButtonIsEnabled && (React__default["default"].createElement(ScreenShare, { option: options.screenShareButton, displayType: options.displayType, styles: screenShareButtonStyles, 
                                         /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-                                        disabled: props.disableButtonsForHoldScreen || isDisabled$3(options.screenShareButton) })), (_a = customButtons['primary']) === null || _a === void 0 ? void 0 :
-                                    _a.slice(0, props.mobileView
+                                        disabled: props.disableButtonsForHoldScreen || isDisabled$3(options.screenShareButton) })), (_b = customButtons['primary']) === null || _b === void 0 ? void 0 :
+                                    _b.slice(0, props.mobileView
                                         ? CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_MOBILE_CUSTOM_BUTTONS
                                         : CUSTOM_BUTTON_OPTIONS.MAX_PRIMARY_DESKTOP_CUSTOM_BUTTONS).map((CustomButton, i) => {
                                         return (React__default["default"].createElement(CustomButton, { key: `primary-custom-button-${i}`, styles: commonButtonStyles, showLabel: options.displayType !== 'compact', disableTooltip: props.mobileView }));
@@ -25116,8 +25140,8 @@ const CommonCallControlBar = (props) => {
                     React__default["default"].createElement(react.Stack, { horizontal: true, className: !props.mobileView ? react.mergeStyles(desktopButtonContainerStyle) : undefined },
                         isEnabled$1(options === null || options === void 0 ? void 0 : options.peopleButton) && (React__default["default"].createElement(PeopleButton, { checked: props.peopleButtonChecked, ariaLabel: props.peopleButtonChecked ? peopleButtonStrings === null || peopleButtonStrings === void 0 ? void 0 : peopleButtonStrings.selectedLabel : peopleButtonStrings === null || peopleButtonStrings === void 0 ? void 0 : peopleButtonStrings.label, showLabel: options.displayType !== 'compact', onClick: props.onPeopleButtonClicked, "data-ui-id": "common-call-composite-people-button", disabled: props.disableButtonsForLobbyPage ||
                                 props.disableButtonsForHoldScreen ||
-                                isDisabled$3(options.peopleButton), strings: peopleButtonStrings, styles: commonButtonStyles, componentRef: props.peopleButtonRef })), (_b = customButtons['secondary']) === null || _b === void 0 ? void 0 :
-                        _b.slice(0, CUSTOM_BUTTON_OPTIONS.MAX_SECONDARY_DESKTOP_CUSTOM_BUTTONS).map((CustomButton, i) => {
+                                isDisabled$3(options.peopleButton), strings: peopleButtonStrings, styles: commonButtonStyles, componentRef: props.peopleButtonRef })), (_c = customButtons['secondary']) === null || _c === void 0 ? void 0 :
+                        _c.slice(0, CUSTOM_BUTTON_OPTIONS.MAX_SECONDARY_DESKTOP_CUSTOM_BUTTONS).map((CustomButton, i) => {
                             return (React__default["default"].createElement(CustomButton, { key: `secondary-custom-button-${i}`, styles: commonButtonStyles, showLabel: options.displayType !== 'compact' }));
                         }))))))));
 };
@@ -25372,9 +25396,11 @@ const inferCallWithChatControlOptions = (callWithChatControls) => {
 };
 /** @private */
 const MoreDrawer = (props) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     /* @conditional-compile-remove(close-captions) */
     const theme = react.useTheme();
+    /* @conditional-compile-remove(rooms) */
+    const callAdapter = useAdapter();
     const drawerMenuItems = [];
     const { speakers, onSelectSpeaker, onLightDismiss } = props;
     /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */ /* @conditional-compile-remove(raise-hand) */
@@ -25527,8 +25553,14 @@ const MoreDrawer = (props) => {
             iconProps: { iconName: 'HoldCallContextualMenuItem', styles: { root: { lineHeight: 0 } } }
         });
     }
+    /*@conditional-compile-remove(rooms) */
+    const role = (_d = callAdapter.getState().call) === null || _d === void 0 ? void 0 : _d.role;
+    /*@conditional-compile-remove(rooms) */
+    const hideRaiseHandButtonInRoomsCall = callAdapter.getState().isRoomsCall && role && ['Consumer', 'Unknown'].includes(role);
     /* @conditional-compile-remove(raise-hand) */
-    if (drawerSelectionOptions !== false && isEnabled(drawerSelectionOptions === null || drawerSelectionOptions === void 0 ? void 0 : drawerSelectionOptions.raiseHandButton)) {
+    if (drawerSelectionOptions !== false &&
+        isEnabled(drawerSelectionOptions === null || drawerSelectionOptions === void 0 ? void 0 : drawerSelectionOptions.raiseHandButton) &&
+        /*@conditional-compile-remove(rooms) */ !hideRaiseHandButtonInRoomsCall) {
         const raiseHandIcon = raiseHandButtonProps.checked ? 'LowerHandContextualMenuItem' : 'RaiseHandContextualMenuItem';
         drawerMenuItems.push({
             itemKey: 'raiseHandButtonKey',