@100mslive/react-native-room-kit 1.1.9 → 1.2.1

package/lib/commonjs/components/Whiteboard.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_reactNativeWebview","_types","_dimension","_WhiteboardFullScreenButton","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_Whiteboard","exports","forwardRef","_props","webviewRef","localWebviewRef","useRef","useImperativeHandle","whiteboardUrl","useSelector","state","_state$hmsStates$whit","hmsStates","whiteboard","url","webviewError","webviewErrorHandler","useCallback","current","nativeEvent","Platform","OS","prevReconnecting","reconnecting","reload","isPipModeActive","app","pipModeStatus","PipModes","ACTIVE","isLandscapeOrientation","useIsLandscapeOrientation","createElement","View","style","flex","position","HMSWebView","ref","onError","WhiteboardFullScreenButton","Whiteboard","memo","_HMSWebView","props","WebView","uri","javaScriptEnabled","domStorageEnabled"],"sourceRoot":"../../../src","sources":["components/Whiteboard.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_reactNativeWebview","_types","_dimension","_WhiteboardFullScreenButton","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_Whiteboard","exports","forwardRef","_props","webviewRef","localWebviewRef","useRef","useImperativeHandle","whiteboardUrl","useSelector","state","_state$hmsStates$whit","hmsStates","whiteboard","url","webviewError","webviewErrorHandler","useCallback","current","nativeEvent","Platform","OS","prevReconnecting","reconnecting","reload","isPipModeActive","app","pipModeStatus","PipModes","ACTIVE","isLandscapeOrientation","useIsLandscapeOrientation","createElement","View","style","flex","position","HMSWebView","ref","onError","WhiteboardFullScreenButton","Whiteboard","memo","_HMSWebView","props","WebView","source","uri","javaScriptEnabled","domStorageEnabled"],"sourceRoot":"../../../src","sources":["components/Whiteboard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/hooks-util.js

@@ -22,7 +22,7 @@ var _theme = require("./utils/theme");
 var _reactNativeReanimated = require("react-native-reanimated");
 var _hooksSdk = require("./hooks-sdk");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useHMSListeners = setPeerTrackNodes => {
   const hmsInstance = useHMSInstance();
   const updateLocalPeer = useUpdateHMSLocalPeer(hmsInstance);
@@ -49,6 +49,43 @@ const useHMSRoomUpdate = hmsInstance => {
         }
       } else if (type === _reactNativeHms.HMSRoomUpdate.HLS_STREAMING_STATE_UPDATED) {
         dispatch((0, _actions.changeStartingHLSStream)(false));
+      } else if (type === _reactNativeHms.HMSRoomUpdate.TRANSCRIPTIONS_UPDATED) {
+        var _room$transcriptions;
+        const captionTranscription = (_room$transcriptions = room.transcriptions) === null || _room$transcriptions === void 0 ? void 0 : _room$transcriptions.find(transcription => transcription.mode === _reactNativeHms.TranscriptionsMode.CAPTION);
+        if ((captionTranscription === null || captionTranscription === void 0 ? void 0 : captionTranscription.state) === _reactNativeHms.TranscriptionState.STARTED) {
+          (0, _reactRedux.batch)(() => {
+            dispatch((0, _actions.removeNotification)('enable-cc'));
+            dispatch((0, _actions.addNotification)({
+              id: Math.random().toString(16).slice(2),
+              type: _types2.NotificationTypes.INFO,
+              icon: 'cc',
+              title: 'Closed Captioning enabled for everyone'
+            }));
+          });
+        } else if ((captionTranscription === null || captionTranscription === void 0 ? void 0 : captionTranscription.state) === _reactNativeHms.TranscriptionState.STOPPED) {
+          (0, _reactRedux.batch)(() => {
+            dispatch((0, _actions.removeNotification)('disable-cc'));
+            dispatch((0, _actions.addNotification)({
+              id: Math.random().toString(16).slice(2),
+              type: _types2.NotificationTypes.INFO,
+              icon: 'cc',
+              title: 'Closed Captioning disabled for everyone'
+            }));
+          });
+        } else if ((captionTranscription === null || captionTranscription === void 0 ? void 0 : captionTranscription.state) === _reactNativeHms.TranscriptionState.FAILED) {
+          const transcriptionError = captionTranscription.error;
+          (0, _reactRedux.batch)(() => {
+            dispatch((0, _actions.removeNotification)('enable-cc'));
+            dispatch((0, _actions.removeNotification)('disable-cc'));
+            if (transcriptionError !== undefined) {
+              dispatch((0, _actions.addNotification)({
+                id: Math.random().toString(16).slice(2),
+                title: transcriptionError.message || 'Failed to enable/disable Closed Captions',
+                type: _types2.NotificationTypes.ERROR
+              }));
+            }
+          });
+        }
       }
     };
     hmsInstance.addEventListener(_reactNativeHms.HMSUpdateListenerActions.ON_ROOM_UPDATE, roomUpdateHandler);
@@ -435,6 +472,7 @@ const useHMSTrackUpdate = (hmsInstance, updateLocalPeer, setPeerTrackNodes) => {
         var _peer$audioTrack, _peer$videoTrack;
         if (track.source === _reactNativeHms.HMSTrackSource.SCREEN) {
           if (!peer.isLocal && track.type === _reactNativeHms.HMSTrackType.VIDEO) {
+            hmsInstance.setActiveSpeakerInIOSPIP(true);
             const screensharePeerTrackNodes = reduxState.app.screensharePeerTrackNodes;
             const nodeToRemove = screensharePeerTrackNodes.find(node => {
               var _node$track;
@@ -1000,10 +1038,20 @@ const useHMSNetworkQualityUpdate = () => {
   }, [hmsInstance]);
 };
 exports.useHMSNetworkQualityUpdate = useHMSNetworkQualityUpdate;
+const pipConfig = {
+  scaleType: _reactNativeHms.HMSVideoViewMode.ASPECT_FILL,
+  aspectRatio: [9, 16],
+  autoEnterPipMode: true,
+  useActiveSpeaker: true,
+  endButton: false,
+  audioButton: false,
+  videoButton: false
+};
 const useEnableAutoPip = () => {
   const hmsInstance = useHMSInstance();
   const enableAutoPip = (0, _react.useCallback)(data => {
     hmsInstance.setPipParams({
+      ...pipConfig,
       ...data,
       autoEnterPipMode: true
     });
@@ -1015,6 +1063,7 @@ const useDisableAutoPip = () => {
   const hmsInstance = useHMSInstance();
   const disableAutoPip = (0, _react.useCallback)(data => {
     hmsInstance.setPipParams({
+      ...pipConfig,
       ...data,
       autoEnterPipMode: false
     });
@@ -1034,9 +1083,12 @@ const useAutoPip = oneToOneCall => {
   (0, _react.useEffect)(() => {
     if (autoEnterPipMode && remotePeersPresent) {
       enableAutoPip({
+        scaleType: _reactNativeHms.HMSVideoViewMode.ASPECT_FILL,
         aspectRatio: [numerator, denominator]
       });
-      return disableAutoPip;
+      return () => {
+        disableAutoPip({});
+      };
     }
   }, [remotePeersPresent, numerator, denominator, autoEnterPipMode, enableAutoPip, disableAutoPip]);
 };
@@ -1055,7 +1107,7 @@ const usePipAspectRatio = oneToOneCall => {
     if (isHLSViewer && hlsPlayerResolution) {
       return [hlsPlayerResolution.width, hlsPlayerResolution.height];
     }
-    // When user is hlsviewer and we don't have stream resolution
+    // When user is hlsviewer, and we don't have stream resolution
     if (isHLSViewer) {
       return [9, 16];
     }
@@ -1068,7 +1120,11 @@ const usePipAspectRatio = oneToOneCall => {
       return [9, 16];
     }
     // default aspect ratio
-    return [16, 9];
+    return _reactNative.Platform.select({
+      ios: [9, 16],
+      android: [16, 9],
+      default: [16, 9]
+    });
   }, [isHLSViewer, firstSSNodeId, oneToOneCall, ssResolution, hlsPlayerResolution]);
   return aspectRatio;
 };
@@ -1433,7 +1489,10 @@ const useFilteredParticipants = filterText => {
     const filteredHandRaisedPeers = [];
     sortedRoles.forEach(role => {
       const list = groupedParticipants[role.name];
-      const filteredList = Array.isArray(list) && formattedSearchText.length > 0 ? list.filter(peer => peer.name.toLowerCase().includes(formattedSearchText)) : list;
+      const filteredList = Array.isArray(list) && formattedSearchText.length > 0 ? list.filter(peer => {
+        var _peer$name;
+        return (_peer$name = peer.name) === null || _peer$name === void 0 ? void 0 : _peer$name.toLowerCase().includes(formattedSearchText);
+      }) : list;
       if (Array.isArray(filteredList) && filteredList.length > 0) {
         filteredHandRaisedPeers.push(filteredList);
         const offStageRoleTotalCount = offStageParticipantsTotalCounts[role.name];
@@ -1840,9 +1899,7 @@ const useSavePropsToStore = (props, dispatch) => {
     }
   }, [handleBackButton]);
   (0, _react.useEffect)(() => {
-    if (_reactNative.Platform.OS === 'android') {
-      dispatch((0, _actions.setAutoEnterPipMode)(autoEnterPipMode));
-    }
+    dispatch((0, _actions.setAutoEnterPipMode)(autoEnterPipMode));
   }, [autoEnterPipMode]);
 };
 exports.useSavePropsToStore = useSavePropsToStore;