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

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-202308150012';
 
 // 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
  */
@@ -27624,6 +27633,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 +27660,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 +27713,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 +27796,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(() => {