@azure/communication-react 1.5.1-alpha-202304220013 → 1.5.1-alpha-202304250012

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

@@ -162,7 +162,7 @@ const _toCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.5.1-alpha-202304220013';
+var telemetryVersion = '1.5.1-alpha-202304250012';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -20414,6 +20414,17 @@ const CommonCallControlBar = (props) => {
         return React__default['default'].createElement(React__default['default'].Fragment, null);
     }
     const chatButton = props.chatAdapter ? (React__default['default'].createElement(ChatButtonWithUnreadMessagesBadge, { chatAdapter: props.chatAdapter, checked: props.chatButtonChecked, showLabel: options.displayType !== 'compact', isChatPaneVisible: (_a = props.chatButtonChecked) !== null && _a !== void 0 ? _a : false, onClick: props.onChatButtonClicked, disabled: props.disableButtonsForLobbyPage || isDisabled$2(options.chatButton), strings: chatButtonStrings, styles: commonButtonStyles, newMessageLabel: callWithChatStrings.chatButtonNewMessageNotificationLabel })) : (React__default['default'].createElement(React__default['default'].Fragment, null));
+    /* @conditional-compile-remove(rooms) */
+    const rolePermissions = _usePermissions();
+    let screenShareButtonIsEnabled = isEnabled$1(options === null || options === void 0 ? void 0 : options.screenShareButton);
+    /* @conditional-compile-remove(rooms) */
+    screenShareButtonIsEnabled = rolePermissions.screenShare && screenShareButtonIsEnabled;
+    let microphoneButtonIsEnabled = isEnabled$1(options === null || options === void 0 ? void 0 : options.microphoneButton);
+    /* @conditional-compile-remove(rooms) */
+    microphoneButtonIsEnabled = rolePermissions.microphoneButton && microphoneButtonIsEnabled;
+    let cameraButtonIsEnabled = isEnabled$1(options === null || options === void 0 ? void 0 : options.cameraButton);
+    /* @conditional-compile-remove(rooms) */
+    cameraButtonIsEnabled = rolePermissions.cameraButton && cameraButtonIsEnabled;
     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 }))),
@@ -20425,16 +20436,16 @@ const CommonCallControlBar = (props) => {
                         React__default['default'].createElement(react.Stack.Item, null,
                             React__default['default'].createElement("div", { ref: controlBarContainerRef },
                                 React__default['default'].createElement(ControlBar, { layout: "horizontal", styles: centerContainerStyles },
-                                    isEnabled$1(options.microphoneButton) && (React__default['default'].createElement(Microphone, { displayType: options.displayType, styles: commonButtonStyles, splitButtonsForDeviceSelection: !props.mobileView, 
+                                    microphoneButtonIsEnabled && (React__default['default'].createElement(Microphone, { displayType: options.displayType, styles: commonButtonStyles, splitButtonsForDeviceSelection: !props.mobileView, 
                                         /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
                                         disabled: props.disableButtonsForHoldScreen || isDisabled$2(options.microphoneButton) })),
-                                    isEnabled$1(options.cameraButton) && (React__default['default'].createElement(Camera, { displayType: options.displayType, styles: commonButtonStyles, splitButtonsForDeviceSelection: !props.mobileView, 
+                                    cameraButtonIsEnabled && (React__default['default'].createElement(Camera, { displayType: options.displayType, styles: commonButtonStyles, splitButtonsForDeviceSelection: !props.mobileView, 
                                         /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
                                         disabled: props.disableButtonsForHoldScreen || isDisabled$2(options.cameraButton), 
                                         /* @conditional-compile-remove(video-background-effects) */
                                         onShowVideoEffectsPicker: props.onShowVideoEffectsPicker })),
                                     props.mobileView && isEnabled$1(options === null || options === void 0 ? void 0 : options.chatButton) && chatButton,
-                                    isEnabled$1(options.screenShareButton) && (React__default['default'].createElement(ScreenShare, { option: options.screenShareButton, displayType: options.displayType, styles: screenShareButtonStyles, 
+                                    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$2(options.screenShareButton) })), 
                                 /* @conditional-compile-remove(control-bar-button-injection) */
@@ -22011,7 +22022,11 @@ const VideoEffectsPaneTrampoline = (showVideoEffectsOptions, setshowVideoEffects
     /* @conditional-compile-remove(video-background-effects) */
     const selectedEffect = useSelector$1(activeVideoBackgroundEffectSelector);
     /* @conditional-compile-remove(video-background-effects) */
-    return (React__default['default'].createElement(react.Panel, { headerText: locale.strings.call.effects, isOpen: showVideoEffectsOptions, onDismiss: () => setshowVideoEffectsOptions(false), hasCloseButton: true, closeButtonAriaLabel: "Close", isLightDismiss: true }, selectableVideoEffects && (React__default['default'].createElement(_VideoBackgroundEffectsPicker, { options: selectableVideoEffects, onChange: onEffectChange, selectedEffectKey: selectedEffect }))));
+    const headerStyles = {
+        zIndex: 0
+    };
+    /* @conditional-compile-remove(video-background-effects) */
+    return (React__default['default'].createElement(react.Panel, { headerText: locale.strings.call.effects, isOpen: showVideoEffectsOptions, onDismiss: () => setshowVideoEffectsOptions(false), hasCloseButton: true, closeButtonAriaLabel: "Close", isLightDismiss: true, className: react.mergeStyles(headerStyles) }, selectableVideoEffects && (React__default['default'].createElement(_VideoBackgroundEffectsPicker, { options: selectableVideoEffects, onChange: onEffectChange, selectedEffectKey: selectedEffect }))));
 };
 
 // Copyright (c) Microsoft Corporation.