@100mslive/react-native-room-kit 1.1.7 → 1.1.8

package/lib/module/components/WebrtcView.js

@@ -33,8 +33,8 @@ export const WebrtcView = /*#__PURE__*/React.forwardRef(({
 
   // State to track active spotlight trackId
   const spotlightTrackId = useSelector(state => state.user.spotlightTrackId);
-  const screenshareTilesAvailable = useSelector(state => state.app.screensharePeerTrackNodes.length > 0);
-  const pairedPeers = useMemo(() => pairData(peerTrackNodes, isPortrait ? screenshareTilesAvailable ? MaxTilesInOnePage.IN_PORTRAIT_WITH_SCREENSHARES : MaxTilesInOnePage.IN_PORTRAIT : MaxTilesInOnePage.IN_LANDSCAPE, spotlightTrackId), [peerTrackNodes, screenshareTilesAvailable, spotlightTrackId, isPortrait]);
+  const screenshareTilesOrWhiteboardAcive = useSelector(state => state.app.screensharePeerTrackNodes.length > 0 || !!state.hmsStates.whiteboard);
+  const pairedPeers = useMemo(() => pairData(peerTrackNodes, isPortrait ? screenshareTilesOrWhiteboardAcive ? MaxTilesInOnePage.IN_PORTRAIT_WITH_SCREENSHARES : MaxTilesInOnePage.IN_PORTRAIT : MaxTilesInOnePage.IN_LANDSCAPE, spotlightTrackId), [peerTrackNodes, screenshareTilesOrWhiteboardAcive, spotlightTrackId, isPortrait]);
   const showWelcomeBanner = useSelector(state => !state.app.localPeerTrackNode && pairedPeers.length === 0);
   const fullHeight = height - top - (isPortrait ? bottom : 0);
   const smallHeight = isPortrait ? height - headerHeight - footerHeight : height;

package/lib/module/components/WebrtcView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useSelector","useSafeAreaFrame","useSafeAreaInsets","Animated","interpolate","useAnimatedStyle","MaxTilesInOnePage","PipModes","pairData","GridView","PIPView","useIsPortraitOrientation","LocalPeerRegularVideoView","WelcomeInMeeting","OverlayContainer","OverlayedViews","useFooterHeight","useHeaderHeight","View","WebrtcView","forwardRef","offset","peerTrackNodes","handlePeerTileMorePress","gridViewRef","isPortrait","height","footerHeight","headerHeight","top","bottom","isPipModeActive","state","app","pipModeStatus","ACTIVE","spotlightTrackId","user","screenshareTilesAvailable","screensharePeerTrackNodes","length","pairedPeers","IN_PORTRAIT_WITH_SCREENSHARES","IN_PORTRAIT","IN_LANDSCAPE","showWelcomeBanner","localPeerTrackNode","fullHeight","smallHeight","animatedStyles","value","headerPlaceholderAnimatedStyles","overlayedAnimatedStyles","createElement","customView","style","flex","ref","onPeerTileMorePress","onMoreOptionsPress","animatedStyle"],"sourceRoot":"../../../src","sources":["components/WebrtcView.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useSelector","useSafeAreaFrame","useSafeAreaInsets","Animated","interpolate","useAnimatedStyle","MaxTilesInOnePage","PipModes","pairData","GridView","PIPView","useIsPortraitOrientation","LocalPeerRegularVideoView","WelcomeInMeeting","OverlayContainer","OverlayedViews","useFooterHeight","useHeaderHeight","View","WebrtcView","forwardRef","offset","peerTrackNodes","handlePeerTileMorePress","gridViewRef","isPortrait","height","footerHeight","headerHeight","top","bottom","isPipModeActive","state","app","pipModeStatus","ACTIVE","spotlightTrackId","user","screenshareTilesOrWhiteboardAcive","screensharePeerTrackNodes","length","hmsStates","whiteboard","pairedPeers","IN_PORTRAIT_WITH_SCREENSHARES","IN_PORTRAIT","IN_LANDSCAPE","showWelcomeBanner","localPeerTrackNode","fullHeight","smallHeight","animatedStyles","value","headerPlaceholderAnimatedStyles","overlayedAnimatedStyles","createElement","customView","style","flex","ref","onPeerTileMorePress","onMoreOptionsPress","animatedStyle"],"sourceRoot":"../../../src","sources":["components/WebrtcView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Whiteboard.js

@@ -0,0 +1,64 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from 'react';
+import { Platform, View } from 'react-native';
+import { useSelector } from 'react-redux';
+import { WebView } from 'react-native-webview';
+import { PipModes } from '../utils/types';
+import { useIsLandscapeOrientation } from '../utils/dimension';
+import { WhiteboardFullScreenButton } from './WhiteboardFullScreenButton';
+export const _Whiteboard = /*#__PURE__*/React.forwardRef((_props, webviewRef) => {
+  const localWebviewRef = React.useRef(null);
+  React.useImperativeHandle(webviewRef, () => localWebviewRef, []);
+  const whiteboardUrl = useSelector(state => {
+    var _state$hmsStates$whit;
+    return (_state$hmsStates$whit = state.hmsStates.whiteboard) === null || _state$hmsStates$whit === void 0 ? void 0 : _state$hmsStates$whit.url;
+  });
+
+  //#region reconnection handling
+  let webviewError = React.useRef(null);
+  const webviewErrorHandler = React.useCallback(e => {
+    webviewError.current = e.nativeEvent;
+  }, []);
+  if (Platform.OS === 'ios') {
+    const prevReconnecting = React.useRef(null);
+    const reconnecting = useSelector(state => state.hmsStates.reconnecting);
+    if (whiteboardUrl && localWebviewRef.current !== null && webviewError.current !== null && prevReconnecting.current === true && reconnecting === false) {
+      localWebviewRef.current.reload();
+    }
+    prevReconnecting.current = reconnecting;
+  }
+  //#endregion reconnection handling
+
+  const isPipModeActive = useSelector(state => state.app.pipModeStatus === PipModes.ACTIVE);
+  const isLandscapeOrientation = useIsLandscapeOrientation();
+  if (!whiteboardUrl) return null;
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(HMSWebView, {
+    ref: localWebviewRef,
+    url: whiteboardUrl,
+    onError: webviewErrorHandler
+  }), isPipModeActive || isLandscapeOrientation ? null : /*#__PURE__*/React.createElement(WhiteboardFullScreenButton, null));
+});
+export const Whiteboard = /*#__PURE__*/React.memo(_Whiteboard);
+
+//# Memoized Webview
+
+const _HMSWebView = /*#__PURE__*/React.forwardRef((props, webviewRef) => {
+  return /*#__PURE__*/React.createElement(WebView, _extends({
+    ref: webviewRef,
+    source: {
+      uri: props.url
+    },
+    style: {
+      flex: 1
+    },
+    javaScriptEnabled: true,
+    domStorageEnabled: true
+  }, props));
+});
+const HMSWebView = /*#__PURE__*/React.memo(_HMSWebView);
+//# sourceMappingURL=Whiteboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","View","useSelector","WebView","PipModes","useIsLandscapeOrientation","WhiteboardFullScreenButton","_Whiteboard","forwardRef","_props","webviewRef","localWebviewRef","useRef","useImperativeHandle","whiteboardUrl","state","_state$hmsStates$whit","hmsStates","whiteboard","url","webviewError","webviewErrorHandler","useCallback","e","current","nativeEvent","OS","prevReconnecting","reconnecting","reload","isPipModeActive","app","pipModeStatus","ACTIVE","isLandscapeOrientation","createElement","style","flex","position","HMSWebView","ref","onError","Whiteboard","memo","_HMSWebView","props","_extends","source","uri","javaScriptEnabled","domStorageEnabled"],"sourceRoot":"../../../src","sources":["components/Whiteboard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/WhiteboardContainer.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { Platform, View } from 'react-native';
+import { useSelector } from 'react-redux';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import { Whiteboard } from './Whiteboard';
+export const _WhiteboardContainer = /*#__PURE__*/React.forwardRef((_props, webviewRef) => {
+  const fullScreenWhiteboard = useSelector(state => state.app.fullScreenWhiteboard);
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      marginBottom: 4
+    }
+  }, fullScreenWhiteboard ? null : Platform.OS === 'ios' ? /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: Gesture.Tap()
+  }, /*#__PURE__*/React.createElement(View, {
+    collapsable: false,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Whiteboard, {
+    ref: webviewRef
+  }))) : /*#__PURE__*/React.createElement(Whiteboard, {
+    ref: webviewRef
+  }));
+});
+export const WhiteboardContainer = /*#__PURE__*/React.memo(_WhiteboardContainer);
+//# sourceMappingURL=WhiteboardContainer.js.map

package/lib/module/components/WhiteboardContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","View","useSelector","GestureDetector","Gesture","Whiteboard","_WhiteboardContainer","forwardRef","_props","webviewRef","fullScreenWhiteboard","state","app","createElement","style","flex","marginBottom","OS","gesture","Tap","collapsable","ref","WhiteboardContainer","memo"],"sourceRoot":"../../../src","sources":["components/WhiteboardContainer.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,eAAe,EAAEC,OAAO,QAAQ,8BAA8B;AAGvE,SAASC,UAAU,QAAQ,cAAc;AAIzC,OAAO,MAAMC,oBAAoB,gBAAGP,KAAK,CAACQ,UAAU,CAGlD,CAACC,MAAM,EAAEC,UAAU,KAAK;EACxB,MAAMC,oBAAoB,GAAGR,WAAW,CACrCS,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,oBAClC,CAAC;EAED,oBACEX,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEC,YAAY,EAAE;IAAE;EAAE,GACvCN,oBAAoB,GAAG,IAAI,GAAGV,QAAQ,CAACiB,EAAE,KAAK,KAAK,gBAClDlB,KAAA,CAAAc,aAAA,CAACV,eAAe;IAACe,OAAO,EAAEd,OAAO,CAACe,GAAG,CAAC;EAAE,gBACtCpB,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACmB,WAAW,EAAE,KAAM;IAACN,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAE;EAAE,gBAC3ChB,KAAA,CAAAc,aAAA,CAACR,UAAU;IAACgB,GAAG,EAAEZ;EAAW,CAAE,CAC1B,CACS,CAAC,gBAElBV,KAAA,CAAAc,aAAA,CAACR,UAAU;IAACgB,GAAG,EAAEZ;EAAW,CAAE,CAE5B,CAAC;AAEX,CAAC,CAAC;AAEF,OAAO,MAAMa,mBAAmB,gBAAGvB,KAAK,CAACwB,IAAI,CAACjB,oBAAoB,CAAC","ignoreList":[]}

package/lib/module/components/WhiteboardFullScreenButton.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import { PressableIcon } from './PressableIcon';
+import { MaximizeIcon, MinimizeIcon } from '../Icons';
+import { useHMSRoomStyle } from '../hooks-util';
+import { hexToRgbA } from '../utils/theme';
+import { setFullScreenWhiteboard } from '../redux/actions';
+export const WhiteboardFullScreenButton = () => {
+  const dispatch = useDispatch();
+  const fullScreenWhiteboard = useSelector(state => state.app.fullScreenWhiteboard);
+  const buttonStyles = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.64)
+  }));
+  const maximizeAction = !fullScreenWhiteboard;
+  const handleFullScreenPress = () => {
+    dispatch(setFullScreenWhiteboard(!fullScreenWhiteboard));
+  };
+  return /*#__PURE__*/React.createElement(PressableIcon, {
+    border: false,
+    onPress: handleFullScreenPress,
+    style: [styles.container, buttonStyles]
+  }, maximizeAction ? /*#__PURE__*/React.createElement(MaximizeIcon, null) : /*#__PURE__*/React.createElement(MinimizeIcon, null));
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 8,
+    right: 8,
+    padding: 8
+  }
+});
+//# sourceMappingURL=WhiteboardFullScreenButton.js.map

package/lib/module/components/WhiteboardFullScreenButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","useDispatch","useSelector","PressableIcon","MaximizeIcon","MinimizeIcon","useHMSRoomStyle","hexToRgbA","setFullScreenWhiteboard","WhiteboardFullScreenButton","dispatch","fullScreenWhiteboard","state","app","buttonStyles","theme","backgroundColor","palette","background_dim","maximizeAction","handleFullScreenPress","createElement","border","onPress","style","styles","container","create","position","top","right","padding"],"sourceRoot":"../../../src","sources":["components/WhiteboardFullScreenButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AAEtD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,YAAY,EAAEC,YAAY,QAAQ,UAAU;AACrD,SAASC,eAAe,QAAQ,eAAe;AAC/C,SAASC,SAAS,QAAQ,gBAAgB;AAE1C,SAASC,uBAAuB,QAAQ,kBAAkB;AAI1D,OAAO,MAAMC,0BAEZ,GAAGA,CAAA,KAAM;EACR,MAAMC,QAAQ,GAAGT,WAAW,CAAC,CAAC;EAC9B,MAAMU,oBAAoB,GAAGT,WAAW,CACrCU,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,oBAClC,CAAC;EAED,MAAMG,YAAY,GAAGR,eAAe,CAAES,KAAK,KAAM;IAC/CC,eAAe,EACbD,KAAK,CAACE,OAAO,CAACC,cAAc,IAC5BX,SAAS,CAACQ,KAAK,CAACE,OAAO,CAACC,cAAc,EAAE,IAAI;EAChD,CAAC,CAAC,CAAC;EAEH,MAAMC,cAAc,GAAG,CAACR,oBAAoB;EAE5C,MAAMS,qBAAqB,GAAGA,CAAA,KAAM;IAClCV,QAAQ,CAACF,uBAAuB,CAAC,CAACG,oBAAoB,CAAC,CAAC;EAC1D,CAAC;EAED,oBACEZ,KAAA,CAAAsB,aAAA,CAAClB,aAAa;IACZmB,MAAM,EAAE,KAAM;IACdC,OAAO,EAAEH,qBAAsB;IAC/BI,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEZ,YAAY;EAAE,GAEvCK,cAAc,gBAAGpB,KAAA,CAAAsB,aAAA,CAACjB,YAAY,MAAE,CAAC,gBAAGL,KAAA,CAAAsB,aAAA,CAAChB,YAAY,MAAE,CACvC,CAAC;AAEpB,CAAC;AAED,MAAMoB,MAAM,GAAGzB,UAAU,CAAC2B,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/hooks-util.js

@@ -323,7 +323,8 @@ const useHMSTrackUpdate = (hmsInstance, updateLocalPeer, setPeerTrackNodes) => {
       const fullScreenPeerTrackNode = reduxState.app.fullScreenPeerTrackNode;
       const miniviewPeerTrackNode = reduxState.app.miniviewPeerTrackNode;
       const localPeerTrackNode = reduxState.app.localPeerTrackNode;
-      const currentLayoutConfig = selectLayoutConfigForRole(reduxState.hmsStates.layoutConfig, ((_reduxState$hmsStates2 = reduxState.hmsStates.localPeer) === null || _reduxState$hmsStates2 === void 0 ? void 0 : _reduxState$hmsStates2.role) ?? null);
+      const localPeerRole = ((_reduxState$hmsStates2 = reduxState.hmsStates.localPeer) === null || _reduxState$hmsStates2 === void 0 ? void 0 : _reduxState$hmsStates2.role) ?? null;
+      const currentLayoutConfig = selectLayoutConfigForRole(reduxState.hmsStates.layoutConfig, localPeerRole);
       const localTileInsetEnabled = (_selectVideoTileLayou2 = selectVideoTileLayoutConfig(currentLayoutConfig)) === null || _selectVideoTileLayou2 === void 0 || (_selectVideoTileLayou2 = _selectVideoTileLayou2.grid) === null || _selectVideoTileLayou2 === void 0 ? void 0 : _selectVideoTileLayou2.enable_local_tile_inset;
       if (type === HMSTrackUpdate.TRACK_ADDED) {
         const newPeerTrackNode = createPeerTrackNode(peer, track);
@@ -331,6 +332,22 @@ const useHMSTrackUpdate = (hmsInstance, updateLocalPeer, setPeerTrackNodes) => {
           if (!peer.isLocal && track.type === HMSTrackType.VIDEO) {
             dispatch(addScreenshareTile(newPeerTrackNode));
           }
+          if (track.type === HMSTrackType.VIDEO) {
+            var _localPeerRole$permis;
+            const whiteboard = reduxState.hmsStates.whiteboard;
+            // If white board is open and local peer is owner, close whiteboard
+            if (whiteboard &&
+            // Is local peer has whiteboard admin permission
+            !!(localPeerRole !== null && localPeerRole !== void 0 && (_localPeerRole$permis = localPeerRole.permissions) !== null && _localPeerRole$permis !== void 0 && (_localPeerRole$permis = _localPeerRole$permis.whiteboard) !== null && _localPeerRole$permis !== void 0 && _localPeerRole$permis.admin) &&
+            // Is local peer owner of whiteboard
+            whiteboard.isOwner) {
+              hmsInstance.interactivityCenter.stopWhiteboard().then(success => {
+                console.log('StopWhiteboard on Screenshare: ', success);
+              }).catch(error => {
+                console.log('StopWhiteboard error: ', error);
+              });
+            }
+          }
         } else {
           setPeerTrackNodes(prevPeerTrackNodes => {
             if (peerTrackNodeExistForPeerAndTrack(prevPeerTrackNodes, peer, track)) {
@@ -2124,15 +2141,24 @@ export const useCanShowRoomOptionsButton = () => {
     const permissions = (_state$hmsStates$loca10 = state.hmsStates.localPeer) === null || _state$hmsStates$loca10 === void 0 || (_state$hmsStates$loca10 = _state$hmsStates$loca10.role) === null || _state$hmsStates$loca10 === void 0 ? void 0 : _state$hmsStates$loca10.permissions;
     return (permissions === null || permissions === void 0 ? void 0 : permissions.pollRead) || (permissions === null || permissions === void 0 ? void 0 : permissions.pollWrite);
   });
+  const canStartStopWhiteboard = useSelector(state => {
+    var _state$hmsStates$loca11, _permissions$whiteboa;
+    const permissions = (_state$hmsStates$loca11 = state.hmsStates.localPeer) === null || _state$hmsStates$loca11 === void 0 || (_state$hmsStates$loca11 = _state$hmsStates$loca11.role) === null || _state$hmsStates$loca11 === void 0 ? void 0 : _state$hmsStates$loca11.permissions;
+    return permissions === null || permissions === void 0 || (_permissions$whiteboa = permissions.whiteboard) === null || _permissions$whiteboa === void 0 ? void 0 : _permissions$whiteboa.admin;
+  });
   const {
     canShowParticipants
   } = useShowChatAndParticipants();
   const canEditUsernameFromRoomModal = isViewer && !editUsernameDisabled;
-  const canShowOptions = canShowParticipants || canPublishScreen || canShowBRB || canStartRecording || canEditUsernameFromRoomModal || canReadOrWritePoll || isNoiseCancellationAvailable;
+  const canShowOptions = canShowParticipants || canPublishScreen || canShowBRB || canStartRecording || canEditUsernameFromRoomModal || canReadOrWritePoll || canStartStopWhiteboard || isNoiseCancellationAvailable;
   return canShowOptions;
 };
 export const useHLSViewsConstraints = () => {
-  const hlsFullScreen = useSelector(state => state.app.hlsFullScreen);
+  const fullScreenMode = useSelector(state => {
+    const hlsFullScreen = state.app.hlsFullScreen;
+    const isPipModeActive = state.app.pipModeStatus === PipModes.ACTIVE;
+    return hlsFullScreen || isPipModeActive;
+  });
   const isLandscapeOrientation = useIsLandscapeOrientation();
   const {
     width: safeAreaWidthFrame,
@@ -2144,7 +2170,7 @@ export const useHLSViewsConstraints = () => {
     left: leftInset,
     right: rightInset
   } = useSafeAreaInsets();
-  const playerWrapperConstraints = hlsFullScreen ? {
+  const playerWrapperConstraints = fullScreenMode ? {
     width: safeAreaWidthFrame - leftInset - rightInset,
     height: isLandscapeOrientation ? safeAreaHeightFrame : safeAreaHeightFrame - topInset - bottomInset
   } : {
@@ -2163,7 +2189,11 @@ export const useHLSViewsConstraints = () => {
   };
 };
 export const useHLSPlayerConstraints = () => {
-  const hlsFullScreen = useSelector(state => state.app.hlsFullScreen);
+  const fullScreenMode = useSelector(state => {
+    const hlsFullScreen = state.app.hlsFullScreen;
+    const isPipModeActive = state.app.pipModeStatus === PipModes.ACTIVE;
+    return hlsFullScreen || isPipModeActive;
+  });
   const isLandscapeOrientation = useIsLandscapeOrientation();
   const resolution = useHMSHLSPlayerResolution();
   const {
@@ -2196,7 +2226,7 @@ export const useHLSPlayerConstraints = () => {
   /**
    * Handling Portrait Orientation
    */
-  if (hlsFullScreen) {
+  if (fullScreenMode) {
     return {
       width: sr > wr ? wrapperWidth : wrapperHeight * sr,
       height: sr > wr ? wrapperWidth / sr : wrapperHeight