@100mslive/react-native-room-kit 0.2.0 → 1.0.0

package/lib/commonjs/components/PeerVideoTile/HMSPinchGesture.js

@@ -0,0 +1,202 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSPinchGesture = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const HMSPinchGesture = _ref => {
+  let {
+    children,
+    style
+  } = _ref;
+  /**
+   * - Dimensions of Animated View
+   * This will be used to apply transformations as per width and height of Animated Views
+   */
+  const dimensions = (0, _reactNativeReanimated.useSharedValue)({
+    width: 0,
+    height: 0
+  });
+
+  /**
+   * - Tracking number of active pointers in pinch gesture
+   * "Focal point" is used as an origin point for scaling the view
+   * when active number of pointers change, focal point is also changed causing a flicker effect
+   *
+   * To remove flicker effect, when `numberOfPointers` change, we calculate the amount of change in focal point
+   * and use the `(new focal point) + (amount of change in focal point)` to apply transformations
+   */
+  const numberOfPointers = (0, _reactNativeReanimated.useSharedValue)(0);
+
+  /**
+   * - Current focal point to apply scaling
+   * "Focal point" is used as an origin point for scaling the view
+   * > We transform the "center of View" to the "focal point", "apply scaling" and then "undo the transformation"
+   */
+  const focalPoint = (0, _reactNativeReanimated.useSharedValue)({
+    x: 0,
+    y: 0
+  });
+  const adjustedFocalPoint = (0, _reactNativeReanimated.useSharedValue)({
+    x: 0,
+    y: 0
+  });
+
+  /**
+   * - focal point captured at the start of the pinch gesture
+   * We use this point to calculate the amount of translation of focal point
+   * `
+   * translation = (current focal point) - (focal point at the start of the gesture)
+   * `
+   * then translation value is amount of swipe(pan) gesture user has applied while scaling
+   * we can use this calculated value as a translation value, similar to what we get in `pan gesture`
+   */
+  const focalPointAtStart = (0, _reactNativeReanimated.useSharedValue)({
+    x: 0,
+    y: 0
+  });
+
+  /**
+   * - x,y coords representing the amount by which focal point shifted due to change in `numberOfPointers`
+   * e.g. focal point when `numberOfPointers = 2`            - (20, 100)
+   *      focal point when `numberOfPointers` reduced to `1` - (40, 300)
+   *
+   *      focal point got shifted by `20` points on x-axis and `200` points on y-axis. Thus, `focalShift = (20, 200)`
+   *
+   * Usage: TODO
+   */
+  const focalShift = (0, _reactNativeReanimated.useSharedValue)({
+    x: 0,
+    y: 0
+  });
+  const scale = (0, _reactNativeReanimated.useSharedValue)(1);
+  const savedScale = (0, _reactNativeReanimated.useSharedValue)(1);
+  const translation = (0, _reactNativeReanimated.useSharedValue)({
+    x: 0,
+    y: 0
+  });
+  const savedTranslation = (0, _reactNativeReanimated.useSharedValue)({
+    x: 0,
+    y: 0
+  });
+  const handleLayoutChange = React.useCallback(_ref2 => {
+    let {
+      nativeEvent
+    } = _ref2;
+    dimensions.value = {
+      width: nativeEvent.layout.width,
+      height: nativeEvent.layout.height
+    };
+  }, []);
+  const panGesture = _reactNativeGestureHandler.Gesture.Pan().maxPointers(1).onUpdate(e => {
+    translation.value = {
+      x: e.translationX + savedTranslation.value.x,
+      y: e.translationY + savedTranslation.value.y
+    };
+  }).onEnd(() => {
+    savedTranslation.value = translation.value;
+  });
+  const pinchGesture = _reactNativeGestureHandler.Gesture.Pinch().onStart(e => {
+    numberOfPointers.value = e.numberOfPointers;
+    focalPointAtStart.value = {
+      x: e.focalX,
+      y: e.focalY
+    };
+    adjustedFocalPoint.value = {
+      x: e.focalX - focalShift.value.x,
+      // subtracting "focal point shift" value from "current focal point", we will get "focal point before the shift", and apply transformations on the that focal point
+      y: e.focalY - focalShift.value.y // subtracting "focal point shift" value from "current focal point", we will get "focal point before the shift", and apply transformations on the that focal point
+    };
+  }).onUpdate(e => {
+    // Calculating `focal point` shift values when `numberOfPointers` changes
+    if (numberOfPointers.value !== e.numberOfPointers) {
+      numberOfPointers.value = e.numberOfPointers;
+      focalShift.value = {
+        x: e.focalX - (focalPoint.value.x - focalShift.value.x),
+        y: e.focalY - (focalPoint.value.y - focalShift.value.y)
+      };
+    }
+    adjustedFocalPoint.value = {
+      x: e.focalX - focalShift.value.x,
+      // subtracting "focal point shift" value from "current focal point", we will get "focal point before the shift", and apply transformations on the that focal point
+      y: e.focalY - focalShift.value.y // subtracting "focal point shift" value from "current focal point", we will get "focal point before the shift", and apply transformations on the that focal point
+    };
+
+    // Applying translations
+    translation.value = {
+      x: adjustedFocalPoint.value.x - focalPointAtStart.value.x +
+      // subtracting "focal point position capturred at start of gesture" from "adjusted focal point position" we will get the translation value
+      savedTranslation.value.x,
+      // Adding current translation to previous Translation to make it a continuous gesture
+      y: adjustedFocalPoint.value.y - focalPointAtStart.value.y +
+      // subtracting "focal point position capturred at start of gesture" from "adjusted focal point position" we will get the translation value
+      savedTranslation.value.y // Adding current translation to previous Translation to make it a continuous gesture
+    };
+
+    // saving focal point to apply scaling on correct position
+    focalPoint.value = {
+      x: e.focalX,
+      y: e.focalY
+    };
+    scale.value = Math.min(Math.max(savedScale.value * e.scale, 0.94), 5.2);
+  }).onEnd(() => {
+    if (scale.value < 1) {
+      scale.value = (0, _reactNativeReanimated.withSpring)(1, {
+        damping: 100,
+        stiffness: 200
+      });
+      savedScale.value = 1;
+      translation.value = {
+        x: 0,
+        y: 0
+      };
+    } else if (scale.value > 5) {
+      scale.value = (0, _reactNativeReanimated.withSpring)(5, {
+        damping: 100,
+        stiffness: 200
+      });
+      savedScale.value = 5;
+    } else {
+      savedScale.value = scale.value;
+    }
+    focalShift.value = {
+      x: 0,
+      y: 0
+    };
+    savedTranslation.value = translation.value;
+  });
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateX: translation.value.x
+    }, {
+      translateY: translation.value.y
+    }, {
+      translateX: focalPointAtStart.value.x - dimensions.value.width / 2
+    }, {
+      translateY: focalPointAtStart.value.y - dimensions.value.height / 2
+    }, {
+      scale: scale.value
+    }, {
+      translateX: -(focalPointAtStart.value.x - dimensions.value.width / 2)
+    }, {
+      translateY: -(focalPointAtStart.value.y - dimensions.value.height / 2)
+    }]
+  }));
+  return /*#__PURE__*/React.createElement(_reactNativeGestureHandler.GestureDetector, {
+    gesture: _reactNativeGestureHandler.Gesture.Exclusive(panGesture, pinchGesture)
+  }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
+    onLayout: handleLayoutChange,
+    style: [style, animatedStyle]
+  }, children)));
+};
+exports.HMSPinchGesture = HMSPinchGesture;
+//# sourceMappingURL=HMSPinchGesture.js.map

package/lib/commonjs/components/PeerVideoTile/HMSPinchGesture.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeGestureHandler","_reactNativeReanimated","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSPinchGesture","_ref","children","style","dimensions","useSharedValue","width","height","numberOfPointers","focalPoint","x","y","adjustedFocalPoint","focalPointAtStart","focalShift","scale","savedScale","translation","savedTranslation","handleLayoutChange","useCallback","_ref2","nativeEvent","value","layout","panGesture","Gesture","Pan","maxPointers","onUpdate","e","translationX","translationY","onEnd","pinchGesture","Pinch","onStart","focalX","focalY","Math","min","max","withSpring","damping","stiffness","animatedStyle","useAnimatedStyle","transform","translateX","translateY","createElement","GestureDetector","gesture","Exclusive","View","flex","onLayout","exports"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/HMSPinchGesture.tsx"],"mappings":"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"}

package/lib/commonjs/components/PeerVideoTile/{PeerAudioMutedIndicator.js → PeerAudioIndicator.js}

@@ -3,17 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PeerAudioMutedIndicator = void 0;
+exports.PeerAudioIndicator = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _lottieReactNative = _interopRequireDefault(require("lottie-react-native"));
 var _Icons = require("../../Icons");
 var _hooksUtil = require("../../hooks-util");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const PeerAudioMutedIndicator = _ref => {
+const PeerAudioIndicator = _ref => {
   let {
+    peer,
     isMuted
   } = _ref;
+  const activeSpeaker = (0, _reactRedux.useSelector)(state => state.hmsStates.activeSpeakers.findIndex(activeSpeaker => activeSpeaker.peer.peerID === peer.peerID) >= 0);
   const iconWrapperStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
     backgroundColor: theme.palette.secondary_dim
   }));
@@ -25,9 +30,19 @@ const PeerAudioMutedIndicator = _ref => {
       style: styles.icon
     }));
   }
+  if (activeSpeaker) {
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [styles.speakerIconWrapper, iconWrapperStyles]
+    }, /*#__PURE__*/React.createElement(_lottieReactNative.default, {
+      style: styles.speakerIcon,
+      source: require('../../assets/audio-level-white.json'),
+      autoPlay: true,
+      loop: true
+    }));
+  }
   return null;
 };
-exports.PeerAudioMutedIndicator = PeerAudioMutedIndicator;
+exports.PeerAudioIndicator = PeerAudioIndicator;
 const styles = _reactNative.StyleSheet.create({
   iconWrapper: {
     position: 'absolute',
@@ -39,6 +54,17 @@ const styles = _reactNative.StyleSheet.create({
   icon: {
     width: 16,
     height: 16
+  },
+  speakerIconWrapper: {
+    position: 'absolute',
+    top: 8,
+    right: 8,
+    padding: 0,
+    borderRadius: 16
+  },
+  speakerIcon: {
+    width: 32,
+    height: 32
   }
 });
-//# sourceMappingURL=PeerAudioMutedIndicator.js.map
+//# sourceMappingURL=PeerAudioIndicator.js.map

package/lib/commonjs/components/PeerVideoTile/PeerAudioIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_lottieReactNative","_interopRequireDefault","_Icons","_hooksUtil","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","PeerAudioIndicator","_ref","peer","isMuted","activeSpeaker","useSelector","state","hmsStates","activeSpeakers","findIndex","peerID","iconWrapperStyles","useHMSRoomStyle","theme","backgroundColor","palette","secondary_dim","createElement","View","style","styles","iconWrapper","MicIcon","muted","icon","speakerIconWrapper","speakerIcon","source","autoPlay","loop","exports","StyleSheet","create","position","top","right","padding","borderRadius","width","height"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerAudioIndicator.tsx"],"mappings":"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"}

package/lib/commonjs/components/PeerVideoTile/PeerNameAndNetwork.js

@@ -19,10 +19,11 @@ const PeerNameAndNetwork = _ref => {
     trackSource,
     networkQuality
   } = _ref;
+  const isScreenTrackSource = trackSource && trackSource === _reactNativeHms.HMSTrackSource.SCREEN;
   const showTrackSource = trackSource && trackSource !== _reactNativeHms.HMSTrackSource.REGULAR;
   const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
     contentContainer: {
-      backgroundColor: (0, _theme.hexToRgbA)(theme.palette.background_dim, 0.64)
+      backgroundColor: theme.palette.background_dim && (0, _theme.hexToRgbA)(theme.palette.background_dim, 0.64)
     },
     name: {
       color: theme.palette.on_surface_high,
@@ -33,7 +34,9 @@ const PeerNameAndNetwork = _ref => {
     style: styles.container
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.contentContainer, hmsRoomStyles.contentContainer]
-  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+  }, isScreenTrackSource ? /*#__PURE__*/React.createElement(_Icons.ScreenShareIcon, {
+    style: styles.screenShareIcon
+  }) : null, /*#__PURE__*/React.createElement(_reactNative.Text, {
     style: [styles.name, hmsRoomStyles.name],
     numberOfLines: 1,
     ellipsizeMode: showTrackSource ? 'middle' : 'tail'
@@ -67,6 +70,11 @@ const styles = _reactNative.StyleSheet.create({
     lineHeight: 20,
     letterSpacing: 0.25
   },
+  screenShareIcon: {
+    width: 20,
+    height: 20,
+    marginRight: 6
+  },
   networkIcon: {
     marginLeft: 4
   }

package/lib/commonjs/components/PeerVideoTile/PeerNameAndNetwork.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHms","_theme","_Icons","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","PeerNameAndNetwork","_ref","name","isLocal","trackSource","networkQuality","showTrackSource","HMSTrackSource","REGULAR","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","contentContainer","backgroundColor","hexToRgbA","palette","background_dim","color","on_surface_high","fontFamily","font_family","createElement","View","style","styles","container","Text","numberOfLines","ellipsizeMode","NetworkQualityIcon","quality","networkIcon","exports","StyleSheet","create","position","bottom","width","flexDirection","paddingVertical","paddingHorizontal","borderRadius","marginLeft","marginRight","flexGrow","flexShrink","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerNameAndNetwork.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHms","_theme","_Icons","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","PeerNameAndNetwork","_ref","name","isLocal","trackSource","networkQuality","isScreenTrackSource","HMSTrackSource","SCREEN","showTrackSource","REGULAR","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","contentContainer","backgroundColor","palette","background_dim","hexToRgbA","color","on_surface_high","fontFamily","font_family","createElement","View","style","styles","container","ScreenShareIcon","screenShareIcon","Text","numberOfLines","ellipsizeMode","NetworkQualityIcon","quality","networkIcon","exports","StyleSheet","create","position","bottom","width","flexDirection","paddingVertical","paddingHorizontal","borderRadius","marginLeft","marginRight","flexGrow","flexShrink","fontSize","lineHeight","letterSpacing","height"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerNameAndNetwork.tsx"],"mappings":"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"}

package/lib/commonjs/components/PeerVideoTile/PeerVideoTileView.js

@@ -7,12 +7,11 @@ exports._PeerVideoTileView = exports.PeerVideoTileView = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeHms = require("@100mslive/react-native-hms");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _reactRedux = require("react-redux");
 var _VideoView = require("./VideoView");
 var _AvatarView = require("./AvatarView");
 var _PeerMetadata = require("./PeerMetadata");
-var _PeerAudioMutedIndicator = require("./PeerAudioMutedIndicator");
+var _PeerAudioIndicator = require("./PeerAudioIndicator");
 var _PressableIcon = require("../PressableIcon");
 var _Icons = require("../../Icons");
 var _theme = require("../../utils/theme");
@@ -21,6 +20,7 @@ var _UnmountAfterDelay = require("../UnmountAfterDelay");
 var _functions = require("../../utils/functions");
 var _hooksSdkSelectors = require("../../hooks-sdk-selectors");
 var _hooksUtil = require("../../hooks-util");
+var _HMSFullScreenButton = require("./HMSFullScreenButton");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
@@ -28,6 +28,7 @@ const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
   let {
     peerTrackNode,
     onMoreOptionsPress,
+    zoomIn,
     insetMode = false
   } = _ref;
   const unmountAfterDelayRef = React.useRef(null);
@@ -45,7 +46,7 @@ const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
   const show = () => {
     var _unmountAfterDelayRef;
     setMounted(true);
-    (_unmountAfterDelayRef = unmountAfterDelayRef.current) === null || _unmountAfterDelayRef === void 0 ? void 0 : _unmountAfterDelayRef.resetTimer();
+    (_unmountAfterDelayRef = unmountAfterDelayRef.current) === null || _unmountAfterDelayRef === void 0 || _unmountAfterDelayRef.resetTimer();
   };
   const hide = () => {
     setMounted(false);
@@ -57,7 +58,7 @@ const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
     if (insetMode) {
       show();
     }
-    onMoreOptionsPress(peerTrackNode);
+    onMoreOptionsPress === null || onMoreOptionsPress === void 0 || onMoreOptionsPress(peerTrackNode);
   }, [peerTrackNode, onMoreOptionsPress, insetMode]);
   const {
     peer,
@@ -66,16 +67,36 @@ const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
   } = peerTrackNode;
   const peerCanPublishAudio = (0, _hooksSdkSelectors.selectCanPublishTrackForRole)(peer.role, 'audio');
   const peerCanPublishVideo = (0, _hooksSdkSelectors.selectCanPublishTrackForRole)(peer.role, 'video');
-  const iconWrapperStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
-    backgroundColor: (0, _theme.hexToRgbA)(theme.palette.background_dim, 0.64)
+  const allowedToPublish = (0, _reactRedux.useSelector)(state => {
+    const allowed = (0, _hooksSdkSelectors.selectAllowedTracksToPublish)(state);
+    return (allowed && allowed.length > 0) ?? false;
+  });
+  const localPeerPermissions = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$loca;
+    const permissions = (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.role) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.permissions;
+    return permissions && (permissions.changeRole || permissions.mute || permissions.unmute || permissions.removeOthers);
+  });
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)(theme => ({
+    iconWrapperStyles: {
+      backgroundColor: theme.palette.background_dim && (0, _theme.hexToRgbA)(theme.palette.background_dim, 0.64)
+    },
+    avatarContainer: {
+      backgroundColor: theme.palette.surface_default
+    }
   }));
+  const trackSource = track === null || track === void 0 ? void 0 : track.source;
+  const screenShareTile = !!trackSource && trackSource === _reactNativeHms.HMSTrackSource.SCREEN;
+  const showingVideoTrack = peerCanPublishVideo && track && track.trackId && track.type === _reactNativeHms.HMSTrackType.VIDEO && track.isMute() === false;
   return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.container
   }, /*#__PURE__*/React.createElement(_AvatarView.AvatarView, {
     name: peer.name,
-    videoView: peerCanPublishVideo && track && track.trackId && track.isMute() === false ? /*#__PURE__*/React.createElement(_VideoView.VideoView, {
+    avatarContainerStyles: insetMode ? hmsRoomStyles.avatarContainer : null,
+    isInset: insetMode,
+    videoView: showingVideoTrack ? /*#__PURE__*/React.createElement(_VideoView.VideoView, {
       ref: hmsViewRef,
       peer: peer,
+      zoomIn: zoomIn,
       trackId: track.trackId,
       isDegraded: isDegraded,
       overlay: insetMode,
@@ -83,34 +104,34 @@ const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
     }) : null
   }), /*#__PURE__*/React.createElement(_PeerMetadata.PeerMetadata, {
     metadata: peer.metadata
-  }), peerCanPublishAudio ? /*#__PURE__*/React.createElement(_PeerAudioMutedIndicator.PeerAudioMutedIndicator, {
-    isMuted: (_peer$audioTrack = peer.audioTrack) === null || _peer$audioTrack === void 0 ? void 0 : _peer$audioTrack.isMute()
+  }), screenShareTile && showingVideoTrack ? /*#__PURE__*/React.createElement(_HMSFullScreenButton.HMSFullScreenButton, {
+    peerTrackNode: peerTrackNode
+  }) : peerCanPublishAudio ? /*#__PURE__*/React.createElement(_PeerAudioIndicator.PeerAudioIndicator, {
+    isMuted: (_peer$audioTrack = peer.audioTrack) === null || _peer$audioTrack === void 0 ? void 0 : _peer$audioTrack.isMute(),
+    peer: peer
   }) : null, insetMode ? null : /*#__PURE__*/React.createElement(_PeerNameAndNetwork.PeerNameAndNetwork, {
     name: peer.name,
     isLocal: peer.isLocal,
-    trackSource: track === null || track === void 0 ? void 0 : track.source,
+    trackSource: trackSource,
     networkQuality: (_peer$networkQuality = peer.networkQuality) === null || _peer$networkQuality === void 0 ? void 0 : _peer$networkQuality.downlinkQuality
   }), insetMode ? /*#__PURE__*/React.createElement(_reactNative.Pressable, {
     style: styles.pressable,
     onPress: handleTilePress
-  }) : null, insetMode ? /*#__PURE__*/React.createElement(_UnmountAfterDelay.UnmountAfterDelay, {
+  }) : null, !onMoreOptionsPress || track && (track === null || track === void 0 ? void 0 : track.source) !== _reactNativeHms.HMSTrackSource.REGULAR ? null : insetMode ? /*#__PURE__*/React.createElement(_UnmountAfterDelay.UnmountAfterDelay, {
     ref: unmountAfterDelayRef,
     visible: mounted,
     onUnmount: hide
-  }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
-    entering: _reactNativeReanimated.FadeIn,
-    exiting: _reactNativeReanimated.FadeOut
   }, /*#__PURE__*/React.createElement(_PressableIcon.PressableIcon, {
     activeOpacity: 0.7,
-    style: [styles.iconWrapper, iconWrapperStyles],
+    style: [styles.iconWrapper, hmsRoomStyles.iconWrapperStyles],
     border: false,
     onPress: handleOptionsPress
   }, /*#__PURE__*/React.createElement(_Icons.ThreeDotsIcon, {
     stack: "vertical",
     style: styles.icon
-  })))) : /*#__PURE__*/React.createElement(_PressableIcon.PressableIcon, {
+  }))) : !allowedToPublish || !localPeerPermissions ? null : /*#__PURE__*/React.createElement(_PressableIcon.PressableIcon, {
     activeOpacity: 0.7,
-    style: [styles.iconWrapper, iconWrapperStyles],
+    style: [styles.iconWrapper, hmsRoomStyles.iconWrapperStyles],
     border: false,
     onPress: handleOptionsPress
   }, /*#__PURE__*/React.createElement(_Icons.ThreeDotsIcon, {

package/lib/commonjs/components/PeerVideoTile/PeerVideoTileView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHms","_reactNativeReanimated","_reactRedux","_VideoView","_AvatarView","_PeerMetadata","_PeerAudioMutedIndicator","_PressableIcon","_Icons","_theme","_PeerNameAndNetwork","_UnmountAfterDelay","_functions","_hooksSdkSelectors","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_PeerVideoTileView","forwardRef","_ref","hmsViewRef","_peer$audioTrack","_peer$networkQuality","peerTrackNode","onMoreOptionsPress","insetMode","unmountAfterDelayRef","useRef","mounted","setMounted","useState","onSpotlight","useSelector","state","isTileOnSpotlight","user","spotlightTrackId","tileVideoTrack","track","peerRegularAudioTrack","peer","audioTrack","peerAuxTracks","auxiliaryTracks","show","_unmountAfterDelayRef","current","resetTimer","hide","handleTilePress","handleOptionsPress","useCallback","isDegraded","peerCanPublishAudio","selectCanPublishTrackForRole","role","peerCanPublishVideo","iconWrapperStyles","useHMSRoomStyle","theme","backgroundColor","hexToRgbA","palette","background_dim","createElement","View","style","styles","container","AvatarView","name","videoView","trackId","isMute","VideoView","ref","overlay","scaleType","source","HMSTrackSource","REGULAR","HMSVideoViewMode","ASPECT_FIT","ASPECT_FILL","PeerMetadata","metadata","PeerAudioMutedIndicator","isMuted","PeerNameAndNetwork","isLocal","trackSource","networkQuality","downlinkQuality","Pressable","pressable","onPress","UnmountAfterDelay","visible","onUnmount","entering","FadeIn","exiting","FadeOut","PressableIcon","activeOpacity","iconWrapper","border","ThreeDotsIcon","stack","icon","exports","StyleSheet","create","flex","position","bottom","right","padding","borderRadius","width","height","PeerVideoTileView","memo"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerVideoTileView.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAEA,IAAAG,sBAAA,GAAAJ,uBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAEA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,wBAAA,GAAAR,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,MAAA,GAAAX,OAAA;AACA,IAAAY,mBAAA,GAAAZ,OAAA;AACA,IAAAa,kBAAA,GAAAb,OAAA;AAEA,IAAAc,UAAA,GAAAd,OAAA;AACA,IAAAe,kBAAA,GAAAf,OAAA;AACA,IAAAgB,UAAA,GAAAhB,OAAA;AAAmD,SAAAiB,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAnB,wBAAAuB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAQ5C,MAAMW,kBAAkB,gBAAGzC,KAAK,CAAC0C,UAAU,CAGhD,CAAAC,IAAA,EAA2DC,UAAU,KAAK;EAAA,IAAAC,gBAAA,EAAAC,oBAAA;EAAA,IAAzE;IAAEC,aAAa;IAAEC,kBAAkB;IAAEC,SAAS,GAAG;EAAM,CAAC,GAAAN,IAAA;EACzD,MAAMO,oBAAoB,GAAGlD,KAAK,CAACmD,MAAM,CAE/B,IAAI,CAAC;EACf,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGrD,KAAK,CAACsD,QAAQ,CAAC,IAAI,CAAC;EAElD,MAAMC,WAAW,GAAG,IAAAC,uBAAW,EAAEC,KAAgB,IAAK;IACpD,MAAM;MAAEF;IAAY,CAAC,GAAG,IAAAG,4BAAiB,EAACD,KAAK,CAACE,IAAI,CAACC,gBAAgB,EAAE;MACrEC,cAAc,EAAEd,aAAa,CAACe,KAAK;MACnCC,qBAAqB,EAAEhB,aAAa,CAACiB,IAAI,CAACC,UAAU;MACpDC,aAAa,EAAEnB,aAAa,CAACiB,IAAI,CAACG;IACpC,CAAC,CAAC;IAEF,OAAOZ,WAAW;EACpB,CAAC,CAAC;EAEF,MAAMa,IAAI,GAAGA,CAAA,KAAM;IAAA,IAAAC,qBAAA;IACjBhB,UAAU,CAAC,IAAI,CAAC;IAChB,CAAAgB,qBAAA,GAAAnB,oBAAoB,CAACoB,OAAO,cAAAD,qBAAA,uBAA5BA,qBAAA,CAA8BE,UAAU,CAAC,CAAC;EAC5C,CAAC;EAED,MAAMC,IAAI,GAAGA,CAAA,KAAM;IACjBnB,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC;EAED,MAAMoB,eAAe,GAAGA,CAAA,KAAM;IAC5BL,IAAI,CAAC,CAAC;EACR,CAAC;EAED,MAAMM,kBAAkB,GAAG1E,KAAK,CAAC2E,WAAW,CAAC,MAAM;IACjD,IAAI1B,SAAS,EAAE;MACbmB,IAAI,CAAC,CAAC;IACR;IACApB,kBAAkB,CAACD,aAAa,CAAC;EACnC,CAAC,EAAE,CAACA,aAAa,EAAEC,kBAAkB,EAAEC,SAAS,CAAC,CAAC;EAElD,MAAM;IAAEe,IAAI;IAAEF,KAAK;IAAEc;EAAW,CAAC,GAAG7B,aAAa;EAEjD,MAAM8B,mBAAmB,GAAG,IAAAC,+CAA4B,EAACd,IAAI,CAACe,IAAI,EAAE,OAAO,CAAC;EAC5E,MAAMC,mBAAmB,GAAG,IAAAF,+CAA4B,EAACd,IAAI,CAACe,IAAI,EAAE,OAAO,CAAC;EAE5E,MAAME,iBAAiB,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IACpDC,eAAe,EAAE,IAAAC,gBAAS,EAACF,KAAK,CAACG,OAAO,CAACC,cAAc,EAAE,IAAI;EAC/D,CAAC,CAAC,CAAC;EAEH,oBACEvF,KAAA,CAAAwF,aAAA,CAACrF,YAAA,CAAAsF,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B5F,KAAA,CAAAwF,aAAA,CAAChF,WAAA,CAAAqF,UAAU;IACTC,IAAI,EAAE9B,IAAI,CAAC8B,IAAK;IAChBC,SAAS,EACPf,mBAAmB,IACnBlB,KAAK,IACLA,KAAK,CAACkC,OAAO,IACblC,KAAK,CAACmC,MAAM,CAAC,CAAC,KAAK,KAAK,gBACtBjG,KAAA,CAAAwF,aAAA,CAACjF,UAAA,CAAA2F,SAAS;MACRC,GAAG,EAAEvD,UAAW;MAChBoB,IAAI,EAAEA,IAAK;MACXgC,OAAO,EAAElC,KAAK,CAACkC,OAAQ;MACvBpB,UAAU,EAAEA,UAAW;MACvBwB,OAAO,EAAEnD,SAAU;MACnBoD,SAAS,EACP9C,WAAW,IAAIO,KAAK,CAACwC,MAAM,KAAKC,8BAAc,CAACC,OAAO,GAClDC,gCAAgB,CAACC,UAAU,GAC3BD,gCAAgB,CAACE;IACtB,CACF,CAAC,GACA;EACL,CACF,CAAC,eAGF3G,KAAA,CAAAwF,aAAA,CAAC/E,aAAA,CAAAmG,YAAY;IAACC,QAAQ,EAAE7C,IAAI,CAAC6C;EAAS,CAAE,CAAC,EAGxChC,mBAAmB,gBAClB7E,KAAA,CAAAwF,aAAA,CAAC9E,wBAAA,CAAAoG,uBAAuB;IAACC,OAAO,GAAAlE,gBAAA,GAAEmB,IAAI,CAACC,UAAU,cAAApB,gBAAA,uBAAfA,gBAAA,CAAiBoD,MAAM,CAAC;EAAE,CAAE,CAAC,GAC7D,IAAI,EAGPhD,SAAS,GAAG,IAAI,gBACfjD,KAAA,CAAAwF,aAAA,CAAC1E,mBAAA,CAAAkG,kBAAkB;IACjBlB,IAAI,EAAE9B,IAAI,CAAC8B,IAAK;IAChBmB,OAAO,EAAEjD,IAAI,CAACiD,OAAQ;IACtBC,WAAW,EAAEpD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEwC,MAAO;IAC3Ba,cAAc,GAAArE,oBAAA,GAAEkB,IAAI,CAACmD,cAAc,cAAArE,oBAAA,uBAAnBA,oBAAA,CAAqBsE;EAAgB,CACtD,CACF,EAGAnE,SAAS,gBACRjD,KAAA,CAAAwF,aAAA,CAACrF,YAAA,CAAAkH,SAAS;IAAC3B,KAAK,EAAEC,MAAM,CAAC2B,SAAU;IAACC,OAAO,EAAE9C;EAAgB,CAAE,CAAC,GAC9D,IAAI,EAGPxB,SAAS,gBACRjD,KAAA,CAAAwF,aAAA,CAACzE,kBAAA,CAAAyG,iBAAiB;IAChBrB,GAAG,EAAEjD,oBAAqB;IAC1BuE,OAAO,EAAErE,OAAQ;IACjBsE,SAAS,EAAElD;EAAK,gBAEhBxE,KAAA,CAAAwF,aAAA,CAACnF,sBAAA,CAAAqB,OAAQ,CAAC+D,IAAI;IAACkC,QAAQ,EAAEC,6BAAO;IAACC,OAAO,EAAEC;EAAQ,gBAChD9H,KAAA,CAAAwF,aAAA,CAAC7E,cAAA,CAAAoH,aAAa;IACZC,aAAa,EAAE,GAAI;IACnBtC,KAAK,EAAE,CAACC,MAAM,CAACsC,WAAW,EAAEhD,iBAAiB,CAAE;IAC/CiD,MAAM,EAAE,KAAM;IACdX,OAAO,EAAE7C;EAAmB,gBAE5B1E,KAAA,CAAAwF,aAAA,CAAC5E,MAAA,CAAAuH,aAAa;IAACC,KAAK,EAAC,UAAU;IAAC1C,KAAK,EAAEC,MAAM,CAAC0C;EAAK,CAAE,CACxC,CACF,CACE,CAAC,gBAEpBrI,KAAA,CAAAwF,aAAA,CAAC7E,cAAA,CAAAoH,aAAa;IACZC,aAAa,EAAE,GAAI;IACnBtC,KAAK,EAAE,CAACC,MAAM,CAACsC,WAAW,EAAEhD,iBAAiB,CAAE;IAC/CiD,MAAM,EAAE,KAAM;IACdX,OAAO,EAAE7C;EAAmB,gBAE5B1E,KAAA,CAAAwF,aAAA,CAAC5E,MAAA,CAAAuH,aAAa;IAACC,KAAK,EAAC,UAAU;IAAC1C,KAAK,EAAEC,MAAM,CAAC0C;EAAK,CAAE,CACxC,CAEb,CAAC;AAEX,CAAC,CAAC;AAACC,OAAA,CAAA7F,kBAAA,GAAAA,kBAAA;AAEH,MAAMkD,MAAM,GAAG4C,uBAAU,CAACC,MAAM,CAAC;EAC/B5C,SAAS,EAAE;IACT6C,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ,CAAC;EACDT,WAAW,EAAE;IACXS,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE;EAChB,CAAC;EACDT,IAAI,EAAE;IACJU,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACD1B,SAAS,EAAE;IACToB,QAAQ,EAAE,UAAU;IACpBK,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEK,MAAMC,iBAAiB,gBAAGjJ,KAAK,CAACkJ,IAAI,CAACzG,kBAAkB,CAAC;AAAC6F,OAAA,CAAAW,iBAAA,GAAAA,iBAAA"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHms","_reactRedux","_VideoView","_AvatarView","_PeerMetadata","_PeerAudioIndicator","_PressableIcon","_Icons","_theme","_PeerNameAndNetwork","_UnmountAfterDelay","_functions","_hooksSdkSelectors","_hooksUtil","_HMSFullScreenButton","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_PeerVideoTileView","forwardRef","_ref","hmsViewRef","_peer$audioTrack","_peer$networkQuality","peerTrackNode","onMoreOptionsPress","zoomIn","insetMode","unmountAfterDelayRef","useRef","mounted","setMounted","useState","onSpotlight","useSelector","state","isTileOnSpotlight","user","spotlightTrackId","tileVideoTrack","track","peerRegularAudioTrack","peer","audioTrack","peerAuxTracks","auxiliaryTracks","show","_unmountAfterDelayRef","current","resetTimer","hide","handleTilePress","handleOptionsPress","useCallback","isDegraded","peerCanPublishAudio","selectCanPublishTrackForRole","role","peerCanPublishVideo","allowedToPublish","allowed","selectAllowedTracksToPublish","length","localPeerPermissions","_state$hmsStates$loca","permissions","hmsStates","localPeer","changeRole","mute","unmute","removeOthers","hmsRoomStyles","useHMSRoomStyleSheet","theme","iconWrapperStyles","backgroundColor","palette","background_dim","hexToRgbA","avatarContainer","surface_default","trackSource","source","screenShareTile","HMSTrackSource","SCREEN","showingVideoTrack","trackId","type","HMSTrackType","VIDEO","isMute","createElement","View","style","styles","container","AvatarView","name","avatarContainerStyles","isInset","videoView","VideoView","ref","overlay","scaleType","REGULAR","HMSVideoViewMode","ASPECT_FIT","ASPECT_FILL","PeerMetadata","metadata","HMSFullScreenButton","PeerAudioIndicator","isMuted","PeerNameAndNetwork","isLocal","networkQuality","downlinkQuality","Pressable","pressable","onPress","UnmountAfterDelay","visible","onUnmount","PressableIcon","activeOpacity","iconWrapper","border","ThreeDotsIcon","stack","icon","exports","StyleSheet","create","flex","position","bottom","right","padding","borderRadius","width","height","PeerVideoTileView","memo"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerVideoTileView.tsx"],"mappings":"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"}