@azure/communication-react 1.11.1-alpha-202401170012 → 1.11.1-alpha-202401180013

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

@@ -170,7 +170,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.11.1-alpha-202401170012';
+var telemetryVersion = '1.11.1-alpha-202401180013';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -382,7 +382,7 @@ const isHideAttendeeNamesEnabled = (state, props) => {
 /**
  * @private
  */
-const getCapabilites = (state, props) => { var _a, _b; return (_b = (_a = state.calls[props.callId]) === null || _a === void 0 ? void 0 : _a.capabilitiesFeature) === null || _b === void 0 ? void 0 : _b.capabilities; };
+const getCapabilites$1 = (state, props) => { var _a, _b; return (_b = (_a = state.calls[props.callId]) === null || _a === void 0 ? void 0 : _a.capabilitiesFeature) === null || _b === void 0 ? void 0 : _b.capabilities; };
 /**
  * @private
  */
@@ -638,7 +638,7 @@ const microphoneButtonSelector = reselect__namespace.createSelector([
     getCallExists,
     getIsMuted,
     getDeviceManager$1,
-    /* @conditional-compile-remove(capabilities) */ getCapabilites,
+    /* @conditional-compile-remove(capabilities) */ getCapabilites$1,
     /* @conditional-compile-remove(capabilities) */ getRole$1
 ], (callExists, isMuted, deviceManager, 
 /* @conditional-compile-remove(capabilities) */ capabilities, 
@@ -664,7 +664,7 @@ const microphoneButtonSelector = reselect__namespace.createSelector([
 const cameraButtonSelector = reselect__namespace.createSelector([
     getLocalVideoStreams$1,
     getDeviceManager$1,
-    /* @conditional-compile-remove(capabilities) */ getCapabilites,
+    /* @conditional-compile-remove(capabilities) */ getCapabilites$1,
     /* @conditional-compile-remove(capabilities) */ getRole$1
 ], (localVideoStreams, deviceManager, 
 /* @conditional-compile-remove(capabilities) */ capabilities, 
@@ -718,7 +718,7 @@ const reactionButtonSelector = reselect__namespace.createSelector([getLocalParti
 const screenShareButtonSelector = reselect__namespace.createSelector([
     getIsScreenSharingOn,
     /* @conditional-compile-remove(PSTN-calls) */ getCallState,
-    /* @conditional-compile-remove(capabilities) */ getCapabilites,
+    /* @conditional-compile-remove(capabilities) */ getCapabilites$1,
     /* @conditional-compile-remove(capabilities) */ getRole$1
 ], (isScreenSharingOn, 
 /* @conditional-compile-remove(PSTN-calls) */ callState, 
@@ -25521,6 +25521,10 @@ const getIsScreenShareOn = (state) => { var _a, _b; return (_b = (_a = state.cal
  * @private
  */
 const getLocalParticipantRaisedHand = (state) => { var _a; return (_a = state.call) === null || _a === void 0 ? void 0 : _a.raiseHand.localParticipantRaisedHand; };
+/**
+ * @private
+ */
+const getCapabilites = (state) => { var _a, _b; return (_b = (_a = state.call) === null || _a === void 0 ? void 0 : _a.capabilitiesFeature) === null || _b === void 0 ? void 0 : _b.capabilities; };
 /**
  * @private
  */
@@ -26038,6 +26042,17 @@ const isDisabled = (option) => {
     return option.disabled;
 };
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * @private
+ */
+const capabilitySelector = reselect__namespace.createSelector([getCapabilites], (capabilities) => {
+    return {
+        capabilities
+    };
+});
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // Enforce a background color on control bar to ensure it matches the composite background color.
@@ -26084,6 +26099,10 @@ const CallControls = (props) => {
     const holdButtonProps = usePropsFor$1(HoldButton);
     /* @conditional-compile-remove(raise-hand) */
     const raiseHandButtonProps = usePropsFor$1(RaiseHandButton);
+    /* @conditional-compile-remove(reaction) */
+    const capabilitiesSelector = useSelector$1(capabilitySelector);
+    /* @conditional-compile-remove(reaction) */
+    const isReactionAllowed = !(capabilitiesSelector === null || capabilitiesSelector === void 0 ? void 0 : capabilitiesSelector.capabilities) || capabilitiesSelector.capabilities.useReactions.isPresent;
     /* @conditional-compile-remove(PSTN-calls) */
     const alternateCallerId = useAdapter().getState().alternateCallerId;
     const devicesButtonProps = usePropsFor$1(DevicesButton);
@@ -26110,7 +26129,7 @@ const CallControls = (props) => {
         numberOfButtons++;
     }
     /* @conditional-compile-remove(reaction) */
-    const showReactionButtonInControlBar = isEnabled$2(options === null || options === void 0 ? void 0 : options.reactionButton) && !props.isMobile;
+    const showReactionButtonInControlBar = isEnabled$2(options === null || options === void 0 ? void 0 : options.reactionButton) && isReactionAllowed && !props.isMobile;
     /* @conditional-compile-remove(reaction) */
     if (showReactionButtonInControlBar) {
         numberOfButtons++;
@@ -26799,6 +26818,10 @@ const CommonCallControlBar = (props) => {
     // only center control bar buttons based on parent container if there are enough space on the screen and not mobile
     const controlBarDesktopContainerStyles = React.useMemo(() => (!props.mobileView && !isOutOfSpace ? { position: 'relative', minHeight: '4.5rem', width: '100%' } : {}), [props.mobileView, isOutOfSpace]);
     const customButtons = React.useMemo(() => generateCustomCallControlBarButton(onFetchCustomButtonPropsTrampoline(options !== false ? options : undefined), options !== false ? options === null || options === void 0 ? void 0 : options.displayType : undefined), [options]);
+    /* @conditional-compile-remove(reaction) */
+    const capabilitiesSelector = useSelector$1(capabilitySelector);
+    /* @conditional-compile-remove(reaction) */
+    const isReactionAllowed = !(capabilitiesSelector === null || capabilitiesSelector === void 0 ? void 0 : capabilitiesSelector.capabilities) || capabilitiesSelector.capabilities.useReactions.isPresent;
     // when options is false then we want to hide the whole control bar.
     if (options === false) {
         return React.createElement(React.Fragment, null);
@@ -26836,7 +26859,7 @@ const CommonCallControlBar = (props) => {
                                         /* @conditional-compile-remove(video-background-effects) */
                                         onClickVideoEffects: props.onClickVideoEffects, componentRef: props.cameraButtonRef, disableTooltip: props.mobileView })),
                                     /* @conditional-compile-remove(reaction) */
-                                    !props.mobileView && isEnabled$1(options.reactionButton) && (React.createElement(Reaction, { displayType: options.displayType, styles: commonButtonStyles, disabled: props.disableButtonsForHoldScreen })),
+                                    !props.mobileView && isReactionAllowed && isEnabled$1(options.reactionButton) && (React.createElement(Reaction, { displayType: options.displayType, styles: commonButtonStyles, disabled: props.disableButtonsForHoldScreen })),
                                     /* @conditional-compile-remove(raise-hand) */ !props.mobileView &&
                                         isEnabled$1(options.raiseHandButton) &&
                                         /* @conditional-compile-remove(rooms) */ !hideRaiseHandButtonInRoomsCall && (React.createElement(RaiseHand, { displayType: options.displayType, styles: commonButtonStyles,