@azure/communication-react 1.7.0-alpha-202308120012 → 1.7.0-alpha-202308160012

package/dist/communication-react.d.ts

@@ -5029,6 +5029,7 @@ export declare const createAzureCommunicationCallWithChatAdapter: ({ userId, dis
  * Create a {@link CallWithChatAdapter} using the provided {@link StatefulChatClient} and {@link StatefulCallClient}.
  *
  * Useful if you want to keep a reference to {@link StatefulChatClient} and {@link StatefulCallClient}.
+ * Please note that chatThreadClient has to be created by StatefulChatClient via chatClient.getChatThreadClient(chatThreadId) API.
  * Consider using {@link createAzureCommunicationCallWithChatAdapter} for a simpler API.
  *
  * @public

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.0-alpha-202308120012';
+var telemetryVersion = '1.7.0-alpha-202308160012';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -19430,6 +19430,7 @@ class ProxyChatThreadClient {
             }
             case 'sendMessage': {
                 return this._context.withAsyncErrorTeedToState((...args) => __awaiter$m(this, void 0, void 0, function* () {
+                    var _a;
                     // Retry logic?
                     const [request, options] = args;
                     const { content } = request;
@@ -19438,7 +19439,7 @@ class ProxyChatThreadClient {
                         content: { message: content },
                         clientMessageId,
                         id: '',
-                        type: 'text',
+                        type: (_a = options === null || options === void 0 ? void 0 : options.type) !== null && _a !== void 0 ? _a : 'text',
                         sequenceId: '',
                         version: '',
                         createdOn: new Date(),
@@ -22659,6 +22660,14 @@ const getIsScreenShareOn = (state) => { var _a, _b; return (_b = (_a = state.cal
  * @private
  */
 const getIsPreviewCameraOn = (state) => _isPreviewOn(state.devices);
+/**
+ * @private
+ */
+const getMicrophones = (state) => state.devices.microphones;
+/**
+ * @private
+ */
+const getCameras = (state) => state.devices.cameras;
 /**
  * @private
  */
@@ -23293,6 +23302,14 @@ const DesktopMoreButton = (props) => {
         tooltipOffContent: localeStrings.strings.callWithChat.moreDrawerButtonTooltip
     }), [localeStrings]);
     const moreButtonContextualMenuItems = [];
+    /* @conditional-compile-remove(close-captions) */ /* @conditional-compile-remove(gallery-layouts) */
+    const menuSubIconStyleSet = {
+        root: {
+            height: 'unset',
+            lineHeight: '100%',
+            width: '1.25rem'
+        }
+    };
     /*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
     moreButtonContextualMenuItems.push({
         key: 'holdButtonKey',
@@ -23310,13 +23327,6 @@ const DesktopMoreButton = (props) => {
     /* @conditional-compile-remove(close-captions) */
     if (props.isCaptionsSupported) {
         const captionsContextualMenuItems = [];
-        const menuSubIconStyleSet = {
-            root: {
-                height: 'unset',
-                lineHeight: '100%',
-                width: '1.25rem'
-            }
-        };
         moreButtonContextualMenuItems.push({
             key: 'liveCaptionsKey',
             id: 'common-call-composite-captions-button',
@@ -23403,6 +23413,9 @@ const DesktopMoreButton = (props) => {
             itemProps: {
                 styles: buttonFlyoutIncreasedSizeStyles
             },
+            submenuIconProps: {
+                styles: menuSubIconStyleSet
+            },
             text: localeStrings.strings.call.moreButtonGalleryControlLabel,
             subMenuProps: {
                 items: [
@@ -27624,6 +27637,17 @@ const containerStyles = {
     }
 };
 
+// Copyright (c) Microsoft Corporation.
+/**
+ * @private
+ */
+const deviceCountSelector = reselect.createSelector([getCameras, getMicrophones], (cameras, microphones) => {
+    return {
+        camerasCount: cameras.length,
+        microphonesCount: microphones.length
+    };
+});
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 var __awaiter$7 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -27640,6 +27664,28 @@ const isShowing = (overrideSidePane) => {
 };
 const MainScreen = (props) => {
     var _a, _b, _c, _d, _e;
+    const adapter = useAdapter();
+    const { camerasCount, microphonesCount } = useSelector$1(deviceCountSelector);
+    const hasCameras = camerasCount > 0;
+    const hasMicrophones = microphonesCount > 0;
+    React.useEffect(() => {
+        (() => __awaiter$7(void 0, void 0, void 0, function* () {
+            var _a;
+            const constrain = getQueryOptions({
+                /* @conditional-compile-remove(rooms) */ role: (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.role
+            });
+            yield adapter.askDevicePermission(constrain);
+            adapter.queryCameras();
+            adapter.queryMicrophones();
+            adapter.querySpeakers();
+        }))();
+    }, [
+        adapter,
+        // Ensure we re-ask for permissions if the number of devices goes from 0 -> n during a call
+        // as we cannot request permissions when there are no devices.
+        hasCameras,
+        hasMicrophones
+    ]);
     const { callInvitationUrl, onRenderAvatar, onFetchAvatarPersonaData, onFetchParticipantMenuItems } = props;
     const page = useSelector$1(getPage);
     const endedCall = useSelector$1(getEndedCall);
@@ -27671,7 +27717,6 @@ const MainScreen = (props) => {
         setTrackedErrors((prev) => trackErrorAsDismissed(error.type, prev));
     }, []);
     const latestErrors = React.useMemo(() => filterLatestErrors(activeErrors, trackedErrors), [activeErrors, trackedErrors]);
-    const adapter = useAdapter();
     const locale = useLocale();
     const palette = useTheme().palette;
     const leavePageStyle = React.useMemo(() => leavingPageStyle(palette), [palette]);
@@ -27755,18 +27800,6 @@ const CallComposite = (props) => React__default['default'].createElement(CallCom
 /** @private */
 const CallCompositeInner = (props) => {
     const { adapter, callInvitationUrl, onFetchAvatarPersonaData, onFetchParticipantMenuItems, options, formFactor = 'desktop' } = props;
-    React.useEffect(() => {
-        (() => __awaiter$7(void 0, void 0, void 0, function* () {
-            var _a;
-            const constrain = getQueryOptions({
-                /* @conditional-compile-remove(rooms) */ role: (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.role
-            });
-            yield adapter.askDevicePermission(constrain);
-            adapter.queryCameras();
-            adapter.queryMicrophones();
-            adapter.querySpeakers();
-        }))();
-    }, [adapter]);
     const mobileView = formFactor === 'mobile';
     const modalLayerHostId = reactHooks.useId('modalLayerhost');
     const mainScreenContainerClassName = React.useMemo(() => {
@@ -30679,6 +30712,7 @@ beforeDispose) => {
  * Create a {@link CallWithChatAdapter} using the provided {@link StatefulChatClient} and {@link StatefulCallClient}.
  *
  * Useful if you want to keep a reference to {@link StatefulChatClient} and {@link StatefulCallClient}.
+ * Please note that chatThreadClient has to be created by StatefulChatClient via chatClient.getChatThreadClient(chatThreadId) API.
  * Consider using {@link createAzureCommunicationCallWithChatAdapter} for a simpler API.
  *
  * @public