@azure/communication-react 1.3.3-alpha-202210080019.0 → 1.3.3-alpha-202210140021.0

package/dist/communication-react.d.ts

@@ -1667,7 +1667,7 @@ export declare type CallingHandlers = {
     onStartScreenShare: () => Promise<void>;
     onStopScreenShare: () => Promise<void>;
     onToggleScreenShare: () => Promise<void>;
-    onHangUp: () => Promise<void>;
+    onHangUp: (forEveryone?: boolean) => Promise<void>;
     onToggleHold: () => Promise<void>;
     onAddParticipant(participant: CommunicationUserIdentifier): Promise<void>;
     onAddParticipant(participant: PhoneNumberIdentifier, options: AddPhoneNumberOptions): Promise<void>;

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

@@ -202,7 +202,7 @@ const _toCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.3.3-alpha-202210080019.0';
+var telemetryVersion = '1.3.3-alpha-202210140021.0';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -676,7 +676,7 @@ const createDefaultCallingHandlers = memoizeOne__default['default']((callClient,
     const onStartScreenShare = () => __awaiter$v(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.startScreenSharing()); });
     const onStopScreenShare = () => __awaiter$v(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.stopScreenSharing()); });
     const onToggleScreenShare = () => __awaiter$v(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.isScreenSharingOn) ? yield onStopScreenShare() : yield onStartScreenShare(); });
-    const onHangUp = () => __awaiter$v(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.hangUp()); });
+    const onHangUp = (forEveryone) => __awaiter$v(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.hangUp({ forEveryone: forEveryone === true ? true : false })); });
     /* @conditional-compile-remove(PSTN-calls) */
     const onToggleHold = () => __awaiter$v(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.state) === 'LocalHold' ? yield (call === null || call === void 0 ? void 0 : call.resume()) : yield (call === null || call === void 0 ? void 0 : call.hold()); });
     const onCreateLocalStreamView = (options = { scalingMode: 'Crop', isMirrored: true }) => __awaiter$v(void 0, void 0, void 0, function* () {
@@ -5155,6 +5155,7 @@ const _RemoteVideoTile = React__default['default'].memo((props) => {
     ]);
     // Handle creating, destroying and updating the video stream as necessary
     useRemoteVideoStreamLifecycleMaintainer(remoteVideoStreamProps);
+    const showLoadingIndicator = isAvailable && isReceiving === false && props.participantState !== 'Disconnected';
     const renderVideoStreamElement = React.useMemo(() => {
         // Checking if renderElement is well defined or not as calling SDK has a number of video streams limitation which
         // implies that, after their threshold, all streams have no child (blank video)
@@ -5162,8 +5163,8 @@ const _RemoteVideoTile = React__default['default'].memo((props) => {
             // Returning `undefined` results in the placeholder with avatar being shown
             return undefined;
         }
-        return (React__default['default'].createElement(StreamMedia, { videoStreamElement: renderElement, loadingState: isReceiving === false ? 'loading' : 'none' }));
-    }, [renderElement, isReceiving]);
+        return (React__default['default'].createElement(StreamMedia, { videoStreamElement: renderElement, loadingState: showLoadingIndicator ? 'loading' : 'none' }));
+    }, [renderElement, showLoadingIndicator]);
     return (React__default['default'].createElement(VideoTile, { key: userId, userId: userId, renderElement: renderVideoStreamElement, displayName: displayName, onRenderPlaceholder: onRenderAvatar, isMuted: isMuted, isSpeaking: isSpeaking, showMuteIndicator: showMuteIndicator, personaMinSize: props.personaMinSize, showLabel: props.showLabel, 
         /* @conditional-compile-remove(one-to-n-calling) */
         /* @conditional-compile-remove(PSTN-calls) */
@@ -15028,8 +15029,8 @@ const createCompositeHandlers = memoizeOne__default['default']((adapter) => ({
     onCreateRemoteStreamView: (userId, options) => __awaiter$a(void 0, void 0, void 0, function* () {
         return yield adapter.createStreamView(userId, options);
     }),
-    onHangUp: () => __awaiter$a(void 0, void 0, void 0, function* () {
-        yield adapter.leaveCall();
+    onHangUp: (forEveryone) => __awaiter$a(void 0, void 0, void 0, function* () {
+        yield adapter.leaveCall(forEveryone);
     }),
     /* @conditional-compile-remove(PSTN-calls) */
     onToggleHold: () => __awaiter$a(void 0, void 0, void 0, function* () {
@@ -15247,13 +15248,22 @@ const onFetchCustomButtonPropsTrampoline$1 = (options) => {
 /** @private */
 const Devices = (props) => {
     const devicesButtonProps = usePropsFor$1(DevicesButton);
+    /* @conditional-compile-remove(rooms) */
+    const permissions = _usePermissions();
+    const augmentedDeviceButtonProps = React.useMemo(() => (Object.assign(Object.assign({}, devicesButtonProps), { 
+        /* @conditional-compile-remove(rooms) */
+        microphones: !permissions.microphoneButton ? [] : devicesButtonProps.microphones, 
+        /* @conditional-compile-remove(rooms) */
+        cameras: !permissions.cameraButton ? [] : devicesButtonProps.cameras })), [
+        devicesButtonProps,
+        /* @conditional-compile-remove(rooms) */
+        permissions
+    ]);
     const styles = React.useMemo(() => {
         var _a;
         return concatButtonBaseStyles(props.increaseFlyoutItemSize ? devicesButtonWithIncreasedTouchTargets : {}, (_a = props.styles) !== null && _a !== void 0 ? _a : {});
     }, [props.increaseFlyoutItemSize, props.styles]);
     /* @conditional-compile-remove(rooms) */
-    const permissions = _usePermissions();
-    /* @conditional-compile-remove(rooms) */
     const locale = useLocale();
     /* @conditional-compile-remove(rooms) */
     const onlyManageSpeakers = !permissions.microphoneButton && !permissions.cameraButton;
@@ -15265,7 +15275,7 @@ const Devices = (props) => {
     /* By setting `persistMenu?` to true, we prevent options menu from getting hidden every time a participant joins or leaves. */
     , Object.assign({ 
         /* By setting `persistMenu?` to true, we prevent options menu from getting hidden every time a participant joins or leaves. */
-        persistMenu: true }, devicesButtonProps, { showLabel: props.displayType !== 'compact', styles: styles, "data-ui-id": "calling-composite-devices-button", disabled: props.disabled, 
+        persistMenu: true }, augmentedDeviceButtonProps, { showLabel: props.displayType !== 'compact', styles: styles, "data-ui-id": "calling-composite-devices-button", disabled: props.disabled, 
         /* @conditional-compile-remove(rooms) */
         strings: getLabelFromPermissions(permissions, locale), 
         /* @conditional-compile-remove(rooms) */
@@ -16230,6 +16240,11 @@ const themedDialpadStyle = (isMobile, theme) => ({
             }
         }
     },
+    deleteIcon: {
+        root: {
+            backgroundColor: theme.palette.white
+        }
+    },
     digit: {
         color: theme.palette.themeDarkAlt
     }
@@ -16818,14 +16833,20 @@ const CallArrangement = (props) => {
     let canUnmute = true;
     /* @conditional-compile-remove(rooms) */
     canUnmute = rolePermissions.microphoneButton;
+    let errorBarProps = props.errorBarProps;
+    /* @conditional-compile-remove(rooms) */
+    // TODO: move this logic to the error bar selector once role is plumbed from the headless SDK
+    if (!rolePermissions.cameraButton && props.errorBarProps) {
+        errorBarProps = Object.assign(Object.assign({}, props.errorBarProps), { activeErrorMessages: props.errorBarProps.activeErrorMessages.filter((e) => e.type !== 'callCameraAccessDenied') });
+    }
     return (React__default['default'].createElement("div", { ref: containerRef, className: react.mergeStyles(containerDivStyles) },
         React__default['default'].createElement(react.Stack, { verticalFill: true, horizontalAlign: "stretch", className: containerClassName, "data-ui-id": props.dataUiId },
             React__default['default'].createElement(react.Stack, { horizontal: true, grow: true },
                 React__default['default'].createElement(react.Stack.Item, { styles: notificationsContainerStyles },
                     React__default['default'].createElement(react.Stack, { styles: bannerNotificationStyles },
                         React__default['default'].createElement(_ComplianceBanner, Object.assign({}, props.complianceBannerProps))),
-                    props.errorBarProps !== false && (React__default['default'].createElement(react.Stack, { styles: bannerNotificationStyles },
-                        React__default['default'].createElement(ErrorBar, Object.assign({}, props.errorBarProps)))),
+                    errorBarProps !== false && (React__default['default'].createElement(react.Stack, { styles: bannerNotificationStyles },
+                        React__default['default'].createElement(ErrorBar, Object.assign({}, errorBarProps)))),
                     canUnmute && !!props.mutedNotificationProps && React__default['default'].createElement(MutedNotification, Object.assign({}, props.mutedNotificationProps))),
                 React__default['default'].createElement(react.Stack.Item, { grow: true, style: callCompositeContainerFlex() },
                     React__default['default'].createElement(react.Stack.Item, { styles: callGalleryStyles, grow: true }, props.onRenderGalleryContent && (React__default['default'].createElement(react.Stack, { verticalFill: true, styles: mediaGalleryContainerStyles }, props.onRenderGalleryContent())))),
@@ -17609,13 +17630,18 @@ const ConfigurationPage = (props) => {
     const options = useAdaptedSelector(getSelector$1(DevicesButton));
     const localDeviceSettingsHandlers = useHandlers();
     const { video: cameraPermissionGranted, audio: microphonePermissionGranted } = useSelector$1(devicePermissionSelector);
-    const errorBarProps = usePropsFor$1(ErrorBar);
+    let errorBarProps = usePropsFor$1(ErrorBar);
     const adapter = useAdapter();
     const deviceState = adapter.getState().devices;
     let disableStartCallButton = !microphonePermissionGranted || ((_a = deviceState.microphones) === null || _a === void 0 ? void 0 : _a.length) === 0;
     /* @conditional-compile-remove(rooms) */
     const rolePermissions = _usePermissions();
     /* @conditional-compile-remove(rooms) */
+    // TODO: move this logic to the error bar selector once role is plumbed from the headless SDK
+    if (!rolePermissions.cameraButton) {
+        errorBarProps = Object.assign(Object.assign({}, errorBarProps), { activeErrorMessages: errorBarProps.activeErrorMessages.filter((e) => e.type !== 'callCameraAccessDenied') });
+    }
+    /* @conditional-compile-remove(rooms) */
     if (!rolePermissions.microphoneButton) {
         // If user's role permissions do not allow access to the microphone button then DO NOT disable the start call button
         // because microphone device permission is not needed for the user's role
@@ -18515,9 +18541,9 @@ class AzureCommunicationCallAdapter {
             }
         });
     }
-    leaveCall() {
+    leaveCall(forEveryone) {
         return __awaiter$4(this, void 0, void 0, function* () {
-            yield this.handlers.onHangUp();
+            yield this.handlers.onHangUp(forEveryone);
             this.unsubscribeCallEvents();
             this.call = undefined;
             this.handlers = createDefaultCallingHandlers(this.callClient, this.callAgent, this.deviceManager, undefined);
@@ -19430,7 +19456,7 @@ class CallWithChatBackedCallAdapter {
         this.joinCall = (microphoneOn) => {
             return this.callWithChatAdapter.joinCall(microphoneOn);
         };
-        this.leaveCall = () => __awaiter$3(this, void 0, void 0, function* () { return yield this.callWithChatAdapter.leaveCall(); });
+        this.leaveCall = (forEveryone) => __awaiter$3(this, void 0, void 0, function* () { return yield this.callWithChatAdapter.leaveCall(forEveryone); });
         this.startCall = (participants, options) => {
             let communicationParticipants = participants;
             /* @conditional-compile-remove(PSTN-calls) */
@@ -20027,8 +20053,9 @@ const CallWithChatComposite = (props) => {
 };
 const hasJoinedCallFn = (page, callStatus) => {
     /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(one-to-n-calling) */
-    return ((page === 'call' && (callStatus === 'Connected' || callStatus === 'RemoteHold')) ||
-        (page === 'hold' && callStatus === 'LocalHold'));
+    return ((page === 'call' &&
+        (callStatus === 'Connected' || callStatus === 'RemoteHold' || callStatus === 'Disconnecting')) ||
+        (page === 'hold' && (callStatus === 'LocalHold' || callStatus === 'Disconnecting')));
 };
 const showShowChatTabHeaderButton = (callControls) => {
     if (callControls === undefined || callControls === true) {
@@ -20260,10 +20287,10 @@ class AzureCommunicationCallWithChatAdapter {
         return this.callAdapter.joinCall(microphoneOn);
     }
     /** Leave current Call. */
-    leaveCall() {
+    leaveCall(forEveryone) {
         return __awaiter(this, void 0, void 0, function* () {
             // Only remove self from the GroupCall. Contoso must manage access to Chat.
-            yield this.callAdapter.leaveCall();
+            yield this.callAdapter.leaveCall(forEveryone);
         });
     }
     /** Start a new Call. */