@azure/communication-react 1.7.1-alpha-202308260012 → 1.7.1-alpha-202308270013

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

@@ -178,7 +178,7 @@ const _isValidIdentifier = (identifier) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.7.1-alpha-202308260012';
+var telemetryVersion = '1.7.1-alpha-202308270013';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -11402,9 +11402,9 @@ const onRenderParticipantDefault = (participant, strings, myUserId, onRenderAvat
             return (React__default['default'].createElement(react.Stack, { horizontal: true, tokens: { childrenGap: '0.5rem' } },
                 /* @conditional-compile-remove(raise-hand) */ callingParticipant.raisedHand && (React__default['default'].createElement(react.Stack, { horizontal: true, tokens: { childrenGap: '0.2rem' }, style: {
                         alignItems: 'center',
-                        padding: '0.2rem',
+                        padding: '0.1rem 0.2rem',
                         backgroundColor: theme === null || theme === void 0 ? void 0 : theme.palette.neutralLighter,
-                        borderRadius: '1rem'
+                        borderRadius: '0.3rem'
                     } },
                     callingParticipant.raisedHand.raisedHandOrderPosition && (React__default['default'].createElement(react.Stack.Item, null,
                         React__default['default'].createElement(react.Text, null, (_a = callingParticipant.raisedHand) === null || _a === void 0 ? void 0 : _a.raisedHandOrderPosition))),
@@ -12356,7 +12356,7 @@ const VideoTile = (props) => {
             children && (React__default['default'].createElement(react.Stack, { className: react.mergeStyles(overlayContainerStyles, styles === null || styles === void 0 ? void 0 : styles.overlayContainer) }, children)),
             /* @conditional-compile-remove(raise-hand) */ raisedHand && canShowLabel && (React__default['default'].createElement(react.Stack, { horizontal: true, tokens: { childrenGap: '0.2rem' }, style: {
                     alignItems: 'center',
-                    padding: '0.2rem',
+                    padding: '0.2rem 0.3rem',
                     backgroundColor: theme.palette.white,
                     opacity: 0.9,
                     borderRadius: '1rem',
@@ -23578,8 +23578,12 @@ const callArrangementContainerStyles = (verticalControlBar) => {
 /** @private */
 const RaiseHand = (props) => {
     const raiseHandButtonProps = usePropsFor$1(RaiseHandButton);
+    const callStatus = useSelector$1(getCallStatus);
     const styles = React.useMemo(() => { var _a; return concatButtonBaseStyles((_a = props.styles) !== null && _a !== void 0 ? _a : {}); }, [props.styles]);
-    const raiseHandButtonDisabled = isDisabled(props.option);
+    let raiseHandButtonDisabled = isDisabled(props.option);
+    if (_isInLobbyOrConnecting(callStatus)) {
+        raiseHandButtonDisabled = true;
+    }
     return (React__default['default'].createElement(RaiseHandButton, Object.assign({ "data-ui-id": "call-composite-raisehand-button" }, raiseHandButtonProps, { showLabel: props.displayType !== 'compact', disabled: raiseHandButtonDisabled || props.disabled, styles: styles })));
 };
 /* @conditional-compile-remove(raise-hand) */