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

package/lib/module/components/LocalPeerScreenshareView.js

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
+import { CustomButton } from './CustomButton';
+import { useHMSActions } from '../hooks-sdk';
+import { COLORS } from '../utils/theme';
+export const LocalPeerScreenshareView = () => {
+  const hmsActions = useHMSActions();
+  const onEndScreenSharePress = async () => {
+    await hmsActions.setScreenShareEnabled(false);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
+    name: "monitor-share",
+    style: styles.icon,
+    size: 48
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "You are sharing your screen"), /*#__PURE__*/React.createElement(CustomButton, {
+    title: "X   Stop Screenshare",
+    onPress: onEndScreenSharePress,
+    viewStyle: styles.button,
+    textStyle: styles.buttonText
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    height: '100%',
+    backgroundColor: COLORS.SURFACE.DEFAULT,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  icon: {
+    color: COLORS.TEXT.HIGH_EMPHASIS
+  },
+  text: {
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    fontSize: 20,
+    lineHeight: 24,
+    letterSpacing: 0.15,
+    fontFamily: 'Inter-Medium',
+    marginTop: 16
+  },
+  button: {
+    backgroundColor: COLORS.INDICATORS.ERROR,
+    borderColor: COLORS.INDICATORS.ERROR,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderRadius: 8,
+    width: '60%',
+    alignSelf: 'center',
+    marginTop: 48
+  },
+  buttonText: {
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.5,
+    fontFamily: 'Inter-Medium',
+    textTransform: 'capitalize'
+  }
+});
+//# sourceMappingURL=LocalPeerScreenshareView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","MaterialCommunityIcons","CustomButton","useHMSActions","COLORS","LocalPeerScreenshareView","hmsActions","onEndScreenSharePress","setScreenShareEnabled","createElement","style","styles","container","name","icon","size","text","title","onPress","viewStyle","button","textStyle","buttonText","create","width","height","backgroundColor","SURFACE","DEFAULT","justifyContent","alignItems","color","TEXT","HIGH_EMPHASIS","fontSize","lineHeight","letterSpacing","fontFamily","marginTop","INDICATORS","ERROR","borderColor","borderWidth","borderRadius","alignSelf","textTransform"],"sourceRoot":"../../../src","sources":["components/LocalPeerScreenshareView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,sBAAsB,MAAM,kDAAkD;AAErF,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,aAAa,QAAQ,cAAc;AAC5C,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EAC5C,MAAMC,UAAU,GAAGH,aAAa,CAAC,CAAC;EAElC,MAAMI,qBAAqB,GAAG,MAAAA,CAAA,KAAY;IACxC,MAAMD,UAAU,CAACE,qBAAqB,CAAC,KAAK,CAAC;EAC/C,CAAC;EAED,oBACEX,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5Bf,KAAA,CAAAY,aAAA,CAACR,sBAAsB;IACrBY,IAAI,EAAC,eAAe;IACpBH,KAAK,EAAEC,MAAM,CAACG,IAAK;IACnBC,IAAI,EAAE;EAAG,CACV,CAAC,eACFlB,KAAA,CAAAY,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACK;EAAK,GAAC,6BAAiC,CAAC,eAC5DnB,KAAA,CAAAY,aAAA,CAACP,YAAY;IACXe,KAAK,EAAC,sBAAsB;IAC5BC,OAAO,EAAEX,qBAAsB;IAC/BY,SAAS,EAAER,MAAM,CAACS,MAAO;IACzBC,SAAS,EAAEV,MAAM,CAACW;EAAW,CAC9B,CACG,CAAC;AAEX,CAAC;AAED,MAAMX,MAAM,GAAGb,UAAU,CAACyB,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,eAAe,EAAEtB,MAAM,CAACuB,OAAO,CAACC,OAAO;IACvCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDhB,IAAI,EAAE;IACJiB,KAAK,EAAE3B,MAAM,CAAC4B,IAAI,CAACC;EACrB,CAAC;EACDjB,IAAI,EAAE;IACJe,KAAK,EAAE3B,MAAM,CAAC4B,IAAI,CAACC,aAAa;IAChCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,UAAU,EAAE,cAAc;IAC1BC,SAAS,EAAE;EACb,CAAC;EACDlB,MAAM,EAAE;IACNM,eAAe,EAAEtB,MAAM,CAACmC,UAAU,CAACC,KAAK;IACxCC,WAAW,EAAErC,MAAM,CAACmC,UAAU,CAACC,KAAK;IACpCX,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBY,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfnB,KAAK,EAAE,KAAK;IACZoB,SAAS,EAAE,QAAQ;IACnBN,SAAS,EAAE;EACb,CAAC;EACDhB,UAAU,EAAE;IACVS,KAAK,EAAE3B,MAAM,CAAC4B,IAAI,CAACC,aAAa;IAChCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,UAAU,EAAE,cAAc;IAC1BQ,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/module/components/Meeting.js

@@ -3,8 +3,7 @@ import { StyleSheet } from 'react-native';
 import { useSelector } from 'react-redux';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { useRTCStatsListeners } from '../utils/hooks';
-import { COLORS } from '../utils/theme';
-import { clearPendingModalTasks, useFetchHMSRoles, useHMSMessages, useHMSPIPRoomLeave, useHMSRemovedFromRoomUpdate, useLandscapeChatViewVisible, usePIPListener } from '../hooks-util';
+import { clearPendingModalTasks, useFetchHMSRoles, useHMSMessages, useHMSNetworkQualityUpdate, useHMSPIPRoomLeave, useHMSRemovedFromRoomUpdate, useHMSRoomStyle, useLandscapeChatViewVisible, usePIPListener } from '../hooks-util';
 import { ChatView } from './ChatWindow';
 import { MeetingScreenContent } from './MeetingScreenContent';
 import { HMSHLSStreamLoading } from './HMSHLSStreamLoading';
@@ -28,6 +27,9 @@ export const Meeting = _ref => {
 
   // Handle rendering RTC stats on Tiles and inside RTC stats modal
   useRTCStatsListeners();
+
+  // Subscribe to Peers Network quality updates
+  useHMSNetworkQualityUpdate();
   const landscapeChatViewVisible = useLandscapeChatViewVisible();
 
   // Clearing any pending modal opening tasks
@@ -36,6 +38,9 @@ export const Meeting = _ref => {
       clearPendingModalTasks();
     };
   }, []);
+  const containerStyles = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.background_dim
+  }));
   if (startingHLSStream) {
     return /*#__PURE__*/React.createElement(HMSHLSStreamLoading, null);
   }
@@ -47,7 +52,8 @@ export const Meeting = _ref => {
    * Solution: Try using Tab Gesture detector instead on Pressable component
    */
   return /*#__PURE__*/React.createElement(SafeAreaView, {
-    style: styles.container
+    style: [styles.container, containerStyles],
+    edges: ['top', 'left', 'right']
   }, /*#__PURE__*/React.createElement(MeetingScreenContent, {
     peerTrackNodes: peerTrackNodes
   }), landscapeChatViewVisible ? /*#__PURE__*/React.createElement(ChatView, null) : null);
@@ -55,7 +61,6 @@ export const Meeting = _ref => {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: COLORS.BACKGROUND.DIM,
     flexDirection: 'row'
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","useSelector","SafeAreaView","useRTCStatsListeners","COLORS","clearPendingModalTasks","useFetchHMSRoles","useHMSMessages","useHMSPIPRoomLeave","useHMSRemovedFromRoomUpdate","useLandscapeChatViewVisible","usePIPListener","ChatView","MeetingScreenContent","HMSHLSStreamLoading","Meeting","_ref","peerTrackNodes","startingHLSStream","state","app","landscapeChatViewVisible","useEffect","createElement","style","styles","container","create","flex","backgroundColor","BACKGROUND","DIM","flexDirection"],"sourceRoot":"../../../src","sources":["components/Meeting.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,YAAY,QAAQ,gCAAgC;AAG7D,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SACEC,sBAAsB,EACtBC,gBAAgB,EAChBC,cAAc,EACdC,kBAAkB,EAClBC,2BAA2B,EAC3BC,2BAA2B,EAC3BC,cAAc,QACT,eAAe;AACtB,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,mBAAmB,QAAQ,uBAAuB;AAO3D,OAAO,MAAMC,OAA+B,GAAGC,IAAA,IAAwB;EAAA,IAAvB;IAAEC;EAAe,CAAC,GAAAD,IAAA;EAChE,MAAME,iBAAiB,GAAGjB,WAAW,CAClCkB,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,iBAClC,CAAC;;EAED;;EAEAZ,gBAAgB,CAAC,CAAC;EAElBC,cAAc,CAAC,CAAC;EAEhBE,2BAA2B,CAAC,CAAC;;EAE7B;EACAD,kBAAkB,CAAC,CAAC;;EAEpB;EACAG,cAAc,CAAC,CAAC;;EAEhB;EACAR,oBAAoB,CAAC,CAAC;EAEtB,MAAMkB,wBAAwB,GAAGX,2BAA2B,CAAC,CAAC;;EAE9D;EACAX,KAAK,CAACuB,SAAS,CAAC,MAAM;IACpB,OAAO,MAAM;MACXjB,sBAAsB,CAAC,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIa,iBAAiB,EAAE;IACrB,oBAAOnB,KAAA,CAAAwB,aAAA,CAACT,mBAAmB,MAAE,CAAC;EAChC;;EAEA;AACF;AACA;AACA;AACA;AACA;EACE,oBACEf,KAAA,CAAAwB,aAAA,CAACrB,YAAY;IAACsB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBACpC3B,KAAA,CAAAwB,aAAA,CAACV,oBAAoB;IAACI,cAAc,EAAEA;EAAe,CAAE,CAAC,EAEvDI,wBAAwB,gBAAGtB,KAAA,CAAAwB,aAAA,CAACX,QAAQ,MAAE,CAAC,GAAG,IAC/B,CAAC;AAEnB,CAAC;AAED,MAAMa,MAAM,GAAGzB,UAAU,CAAC2B,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEzB,MAAM,CAAC0B,UAAU,CAACC,GAAG;IACtCC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","useSelector","SafeAreaView","useRTCStatsListeners","clearPendingModalTasks","useFetchHMSRoles","useHMSMessages","useHMSNetworkQualityUpdate","useHMSPIPRoomLeave","useHMSRemovedFromRoomUpdate","useHMSRoomStyle","useLandscapeChatViewVisible","usePIPListener","ChatView","MeetingScreenContent","HMSHLSStreamLoading","Meeting","_ref","peerTrackNodes","startingHLSStream","state","app","landscapeChatViewVisible","useEffect","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","styles","container","edges","create","flex","flexDirection"],"sourceRoot":"../../../src","sources":["components/Meeting.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,YAAY,QAAQ,gCAAgC;AAG7D,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SACEC,sBAAsB,EACtBC,gBAAgB,EAChBC,cAAc,EACdC,0BAA0B,EAC1BC,kBAAkB,EAClBC,2BAA2B,EAC3BC,eAAe,EACfC,2BAA2B,EAC3BC,cAAc,QACT,eAAe;AACtB,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,mBAAmB,QAAQ,uBAAuB;AAO3D,OAAO,MAAMC,OAA+B,GAAGC,IAAA,IAAwB;EAAA,IAAvB;IAAEC;EAAe,CAAC,GAAAD,IAAA;EAChE,MAAME,iBAAiB,GAAGlB,WAAW,CAClCmB,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,iBAClC,CAAC;;EAED;;EAEAd,gBAAgB,CAAC,CAAC;EAElBC,cAAc,CAAC,CAAC;EAEhBG,2BAA2B,CAAC,CAAC;;EAE7B;EACAD,kBAAkB,CAAC,CAAC;;EAEpB;EACAI,cAAc,CAAC,CAAC;;EAEhB;EACAT,oBAAoB,CAAC,CAAC;;EAEtB;EACAI,0BAA0B,CAAC,CAAC;EAE5B,MAAMe,wBAAwB,GAAGX,2BAA2B,CAAC,CAAC;;EAE9D;EACAZ,KAAK,CAACwB,SAAS,CAAC,MAAM;IACpB,OAAO,MAAM;MACXnB,sBAAsB,CAAC,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMoB,eAAe,GAAGd,eAAe,CAAEe,KAAK,KAAM;IAClDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,IAAIT,iBAAiB,EAAE;IACrB,oBAAOpB,KAAA,CAAA8B,aAAA,CAACd,mBAAmB,MAAE,CAAC;EAChC;;EAEA;AACF;AACA;AACA;AACA;AACA;EACE,oBACEhB,KAAA,CAAA8B,aAAA,CAAC3B,YAAY;IAAC4B,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAER,eAAe,CAAE;IAACS,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO;EAAE,gBACxFlC,KAAA,CAAA8B,aAAA,CAACf,oBAAoB;IAACI,cAAc,EAAEA;EAAe,CAAE,CAAC,EAEvDI,wBAAwB,gBAAGvB,KAAA,CAAA8B,aAAA,CAAChB,QAAQ,MAAE,CAAC,GAAG,IAC/B,CAAC;AAEnB,CAAC;AAED,MAAMkB,MAAM,GAAG/B,UAAU,CAACkC,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/module/components/MeetingScreenContent.js

@@ -68,7 +68,8 @@ export const MeetingScreenContent = _ref => {
     style: [styles.container, landscapeChatViewVisible ? styles.takeLessSpaceAsItCan : null],
     disabled: isHLSViewer || true
   }, /*#__PURE__*/React.createElement(HMSStatusBar, {
-    hidden: controlsHidden
+    hidden: controlsHidden,
+    barStyle: 'light-content'
   }), isPipModeActive ? null : /*#__PURE__*/React.createElement(Header, {
     offset: offset
   }), /*#__PURE__*/React.createElement(DisplayView, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useRef","useState","StyleSheet","Pressable","useSelector","Easing","cancelAnimation","runOnJS","useSharedValue","withTiming","PipModes","Footer","DisplayView","Header","useIsHLSViewer","useLandscapeChatViewVisible","HMSStatusBar","MeetingScreenContent","_ref","peerTrackNodes","offset","isHLSViewer","timerIdRef","controlsHidden","setControlsHidden","isPipModeActive","state","app","pipModeStatus","ACTIVE","toggleControls","current","clearTimeout","value","duration","easing","ease","finished","landscapeChatViewVisible","createElement","onPress","style","styles","container","takeLessSpaceAsItCan","disabled","hidden","create","flex"],"sourceRoot":"../../../src","sources":["components/MeetingScreenContent.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useRef","useState","StyleSheet","Pressable","useSelector","Easing","cancelAnimation","runOnJS","useSharedValue","withTiming","PipModes","Footer","DisplayView","Header","useIsHLSViewer","useLandscapeChatViewVisible","HMSStatusBar","MeetingScreenContent","_ref","peerTrackNodes","offset","isHLSViewer","timerIdRef","controlsHidden","setControlsHidden","isPipModeActive","state","app","pipModeStatus","ACTIVE","toggleControls","current","clearTimeout","value","duration","easing","ease","finished","landscapeChatViewVisible","createElement","onPress","style","styles","container","takeLessSpaceAsItCan","disabled","hidden","barStyle","create","flex"],"sourceRoot":"../../../src","sources":["components/MeetingScreenContent.tsx"],"mappings":"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"}

package/lib/module/components/MiniView.js

@@ -0,0 +1,154 @@
+import * as React from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { StyleSheet, View, LayoutAnimation } from 'react-native';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import Animated, { cancelAnimation, useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
+import { PeerVideoTileView } from './PeerVideoTile/PeerVideoTileView';
+import { PeerMinimizedView, usePeerMinimizedViewDimensions } from './PeerMinimizedView';
+import { setInsetViewMinimized } from '../redux/actions';
+const cornerOffset = {
+  x: 8,
+  y: 16
+};
+export const MiniView = _ref => {
+  let {
+    boundingBoxRef,
+    onMoreOptionsPress
+  } = _ref;
+  const isPressed = useSharedValue(false);
+  const xOffset = useSharedValue(0);
+  const yOffset = useSharedValue(0);
+  const start = useSharedValue({
+    x: 0,
+    y: 0
+  });
+  const dispatch = useDispatch();
+  const minimized = useSelector(state => state.app.insetViewMinimized);
+  const miniviewPeerTrackNode = useSelector(state => state.app.miniviewPeerTrackNode);
+  const {
+    height: minimizedViewHeigth,
+    width: minimizedViewWidth
+  } = usePeerMinimizedViewDimensions();
+  const size = {
+    width: minimized ? minimizedViewWidth : 104,
+    height: minimized ? minimizedViewHeigth : 186
+  };
+  const dimensionStyles = {
+    width: size.width,
+    height: size.height
+  };
+  const animatedStyles = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        translateX: xOffset.value
+      }, {
+        translateY: yOffset.value
+      }, {
+        scale: withSpring(isPressed.value ? 1.05 : 1)
+      }]
+    };
+  }, []);
+  const handlePanGestureEnd = e => {
+    'worklet';
+
+    const {
+      snapPointX,
+      snapPointY
+    } = getSnappingPoints(xOffset.value, yOffset.value, size.width, size.height, cornerOffset.x, cornerOffset.y, boundingBoxRef.current);
+    const finalX = snapPointX;
+    const finalY = snapPointY;
+    xOffset.value = withSpring(finalX, {
+      damping: 100,
+      stiffness: 100,
+      velocity: e.velocityX
+    });
+    yOffset.value = withSpring(finalY, {
+      damping: 100,
+      stiffness: 100,
+      velocity: e.velocityY
+    });
+    start.value = {
+      x: finalX,
+      y: finalY
+    };
+  };
+  const panGesture = Gesture.Pan().onUpdate(e => {
+    xOffset.value = e.translationX + start.value.x;
+    yOffset.value = e.translationY + start.value.y;
+  }).onEnd(handlePanGestureEnd);
+  const longPressGesture = Gesture.LongPress().minDuration(800).maxDistance(1000).onBegin(() => {
+    isPressed.value = true;
+  }).onFinalize(() => {
+    isPressed.value = false;
+  });
+  React.useEffect(() => {
+    handlePanGestureEnd({
+      velocityX: 0,
+      velocityY: 0
+    });
+    return () => {
+      cancelAnimation(xOffset);
+      cancelAnimation(yOffset);
+    };
+  }, [minimized]);
+  const handleMaximize = () => {
+    LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
+    dispatch(setInsetViewMinimized(false));
+  };
+  if (!miniviewPeerTrackNode) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: Gesture.Simultaneous(panGesture, longPressGesture)
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.miniAnimatedView, dimensionStyles, animatedStyles]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.contentContainer
+  }, minimized ? /*#__PURE__*/React.createElement(PeerMinimizedView, {
+    peerTrackNode: miniviewPeerTrackNode,
+    onMaximizePress: handleMaximize
+  }) : /*#__PURE__*/React.createElement(PeerVideoTileView, {
+    peerTrackNode: miniviewPeerTrackNode,
+    insetMode: true,
+    onMoreOptionsPress: onMoreOptionsPress
+  }))));
+};
+const styles = StyleSheet.create({
+  miniAnimatedView: {
+    position: 'absolute',
+    bottom: cornerOffset.y,
+    right: cornerOffset.x,
+    zIndex: 1,
+    elevation: 3,
+    shadowOffset: {
+      height: 3,
+      width: 2
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 4
+  },
+  contentContainer: {
+    flex: 1,
+    overflow: 'hidden',
+    borderRadius: 8
+  }
+});
+const getSnappingPoints = (currentValueX, currentValueY, compWidth, compHeight, xCornerOffset, yCornerOffset, boundingBox) => {
+  'worklet';
+
+  if (!boundingBox) {
+    return {
+      snapPointX: 0,
+      snapPointY: 0
+    };
+  }
+  const {
+    height,
+    width
+  } = boundingBox;
+  return {
+    snapPointX: Math.abs(currentValueX) + compWidth < width / 2 ? 0 : -width + compWidth + xCornerOffset * 2,
+    snapPointY: Math.abs(currentValueY) + compHeight < height / 2 ? 0 : -height + compHeight + yCornerOffset * 2
+  };
+};
+//# sourceMappingURL=MiniView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useDispatch","useSelector","StyleSheet","View","LayoutAnimation","GestureDetector","Gesture","Animated","cancelAnimation","useAnimatedStyle","useSharedValue","withSpring","PeerVideoTileView","PeerMinimizedView","usePeerMinimizedViewDimensions","setInsetViewMinimized","cornerOffset","x","y","MiniView","_ref","boundingBoxRef","onMoreOptionsPress","isPressed","xOffset","yOffset","start","dispatch","minimized","state","app","insetViewMinimized","miniviewPeerTrackNode","height","minimizedViewHeigth","width","minimizedViewWidth","size","dimensionStyles","animatedStyles","transform","translateX","value","translateY","scale","handlePanGestureEnd","e","snapPointX","snapPointY","getSnappingPoints","current","finalX","finalY","damping","stiffness","velocity","velocityX","velocityY","panGesture","Pan","onUpdate","translationX","translationY","onEnd","longPressGesture","LongPress","minDuration","maxDistance","onBegin","onFinalize","useEffect","handleMaximize","configureNext","Presets","easeInEaseOut","createElement","gesture","Simultaneous","style","styles","miniAnimatedView","contentContainer","peerTrackNode","onMaximizePress","insetMode","create","position","bottom","right","zIndex","elevation","shadowOffset","shadowOpacity","shadowRadius","flex","overflow","borderRadius","currentValueX","currentValueY","compWidth","compHeight","xCornerOffset","yCornerOffset","boundingBox","Math","abs"],"sourceRoot":"../../../src","sources":["components/MiniView.tsx"],"mappings":"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"}

package/lib/module/components/Modals.js

@@ -9,10 +9,9 @@ import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityI
 import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import { styles } from './styles';
 import { CustomButton } from './CustomButton';
-import { CustomInput } from './CustomInput';
 import { Menu, MenuItem } from './MenuModal';
 import { CustomPicker } from './Picker';
-import { changeHLSAspectRatio, changeShowStats, saveUserData } from '../redux/actions';
+import { changeHLSAspectRatio, changeShowStats } from '../redux/actions';
 import { getTime } from '../utils/functions';
 import { ModalTypes, SUPPORTED_ASPECT_RATIOS, SortingType } from '../utils/types';
 import { COLORS } from '../utils/theme';
@@ -124,51 +123,6 @@ export const SaveScreenshot = _ref2 => {
     textStyle: styles.roleChangeModalButtonText
   })));
 };
-export const ChangeNameModal = _ref3 => {
-  let {
-    cancelModal
-  } = _ref3;
-  const instance = useHMSInstance();
-  const peer = useSelector(state => state.app.peerToUpdate);
-  const dispatch = useDispatch();
-  const [name, setName] = useState(peer === null || peer === void 0 ? void 0 : peer.name);
-  const changeName = () => {
-    if (name.length > 0) {
-      instance === null || instance === void 0 ? void 0 : instance.changeName(name).then(d => {
-        dispatch(saveUserData({
-          userName: name
-        }));
-        console.log('Change Name Success: ', d);
-      }).catch(e => console.log('Change Name Error: ', e));
-    }
-    cancelModal();
-  };
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.volumeModalContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.roleChangeModalHeading
-  }, "Change Name"), /*#__PURE__*/React.createElement(View, {
-    style: styles.volumeModalSlider
-  }, /*#__PURE__*/React.createElement(CustomInput, {
-    value: name,
-    onChangeText: setName,
-    inputStyle: styles.participantChangeNameInput,
-    placeholderTextColor: COLORS.TEXT.DISABLED,
-    placeholder: "Find what you\u2019re looking for"
-  })), /*#__PURE__*/React.createElement(View, {
-    style: styles.roleChangeModalPermissionContainer
-  }, /*#__PURE__*/React.createElement(CustomButton, {
-    title: "Cancel",
-    onPress: cancelModal,
-    viewStyle: styles.roleChangeModalCancelButton,
-    textStyle: styles.roleChangeModalButtonText
-  }), /*#__PURE__*/React.createElement(CustomButton, {
-    title: "Change",
-    onPress: changeName,
-    viewStyle: styles.roleChangeModalSuccessButton,
-    textStyle: styles.roleChangeModalButtonText
-  })));
-};
 export const RtcStatsModal = () => {
   var _currentTrack$track;
   const dispatch = useDispatch();
@@ -319,11 +273,11 @@ export const RtcStatsModal = () => {
     }, key === 'resolution' ? `Height: ${(value === null || value === void 0 ? void 0 : value.height) ?? 0}, Width: ${(value === null || value === void 0 ? void 0 : value.width) ?? 0}` : value));
   }) : null));
 };
-export const LeaveRoomModal = _ref4 => {
+export const LeaveRoomModal = _ref3 => {
   let {
     onSuccess,
     cancelModal
-  } = _ref4;
+  } = _ref3;
   const onLeave = () => {
     cancelModal();
     onSuccess();
@@ -356,47 +310,10 @@ export const LeaveRoomModal = _ref4 => {
     textStyle: styles.roleChangeModalButtonText
   })));
 };
-export const EndRoomModal = _ref5 => {
+export const ChangeAudioOutputModal = _ref4 => {
   let {
-    onSuccess,
     cancelModal
-  } = _ref5;
-  const onEnd = () => {
-    cancelModal();
-    onSuccess();
-  };
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.volumeModalContainer
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.participantMenuItem
-  }, /*#__PURE__*/React.createElement(Feather, {
-    name: "alert-triangle",
-    style: [styles.participantMenuItemIcon, styles.error],
-    size: 24
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: [styles.roleChangeModalHeading, styles.error]
-  }, "End Session")), /*#__PURE__*/React.createElement(View, {
-    style: styles.roleChangeModalPermissionContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.roleChangeModalDescription
-  }, "The session will end for everyone and all the activities will stop. You can\u2019t undo this action.")), /*#__PURE__*/React.createElement(View, {
-    style: styles.roleChangeModalPermissionContainer
-  }, /*#__PURE__*/React.createElement(CustomButton, {
-    title: "Don\u2019t End",
-    onPress: cancelModal,
-    viewStyle: styles.roleChangeModalCancelButton,
-    textStyle: styles.roleChangeModalButtonText
-  }), /*#__PURE__*/React.createElement(CustomButton, {
-    title: "End Session",
-    onPress: onEnd,
-    viewStyle: [styles.roleChangeModalSuccessButton, styles.errorContainer],
-    textStyle: styles.roleChangeModalButtonText
-  })));
-};
-export const ChangeAudioOutputModal = _ref6 => {
-  let {
-    cancelModal
-  } = _ref6;
+  } = _ref4;
   const instance = useHMSInstance();
   const [currentOutputDevice, setCurrentOutputDevice] = useState(HMSAudioDevice.SPEAKER_PHONE);
   const [audioOutputDevicesList, setAudioOutputDevicesList] = useState([]);
@@ -445,10 +362,10 @@ export const ChangeAudioOutputModal = _ref6 => {
     textStyle: styles.roleChangeModalButtonText
   })));
 };
-export const ChangeAspectRatio = _ref7 => {
+export const ChangeAspectRatio = _ref5 => {
   let {
     cancelModal
-  } = _ref7;
+  } = _ref5;
   const {
     height
   } = useWindowDimensions();
@@ -499,12 +416,12 @@ export const ChangeAspectRatio = _ref7 => {
     textStyle: styles.roleChangeModalButtonText
   })));
 };
-export const ChangeAudioModeModal = _ref8 => {
+export const ChangeAudioModeModal = _ref6 => {
   let {
     cancelModal,
     audioMode,
     setAudioMode
-  } = _ref8;
+  } = _ref6;
   const instance = useHMSInstance();
   const [currentAudioMode, setCurrentAudioMode] = useState(audioMode);
   const AudioModeList = ['MODE_NORMAL', 'MODE_RINGTONE', 'MODE_IN_CALL', 'MODE_IN_COMMUNICATION', 'MODE_CALL_SCREENING'];
@@ -547,12 +464,12 @@ export const ChangeAudioModeModal = _ref8 => {
     textStyle: styles.roleChangeModalButtonText
   })));
 };
-export const ChangeAudioMixingModeModal = _ref9 => {
+export const ChangeAudioMixingModeModal = _ref7 => {
   let {
     newAudioMixingMode,
     cancelModal,
     setNewAudioMixingMode
-  } = _ref9;
+  } = _ref7;
   const instance = useHMSInstance();
   const changeAudioMixingMode = async () => {
     await (instance === null || instance === void 0 ? void 0 : instance.setAudioMixingMode(newAudioMixingMode));
@@ -594,13 +511,13 @@ export const ChangeAudioMixingModeModal = _ref9 => {
     textStyle: styles.roleChangeModalButtonText
   })));
 };
-export const ChangeSortingModal = _ref10 => {
+export const ChangeSortingModal = _ref8 => {
   let {
     data,
     selectedItem,
     onItemSelected,
     cancelModal
-  } = _ref10;
+  } = _ref8;
   const [sortingType, setSortingType] = useState(selectedItem || SortingType.DEFAULT);
   const changeSorting = () => {
     onItemSelected(sortingType);
@@ -629,13 +546,13 @@ export const ChangeSortingModal = _ref10 => {
     textStyle: styles.roleChangeModalButtonText
   })));
 };
-export const ChangeLayoutModal = _ref11 => {
+export const ChangeLayoutModal = _ref9 => {
   let {
     data,
     selectedItem,
     onItemSelected,
     cancelModal
-  } = _ref11;
+  } = _ref9;
   const [layout, setLayout] = useState(selectedItem);
   const changeLayout = () => {
     onItemSelected(layout);
@@ -664,11 +581,11 @@ export const ChangeLayoutModal = _ref11 => {
     textStyle: styles.roleChangeModalButtonText
   })));
 };
-export const ChangeTrackStateForRoleModal = _ref12 => {
+export const ChangeTrackStateForRoleModal = _ref10 => {
   var _localPeerRole$permis, _localPeerRole$permis2;
   let {
     cancelModal
-  } = _ref12;
+  } = _ref10;
   const instance = useHMSInstance();
   const roles = useSelector(state => state.hmsStates.roles);
   const localPeerRole = useSelector(state => {
@@ -783,12 +700,12 @@ export const ChangeTrackStateForRoleModal = _ref12 => {
     textStyle: styles.roleChangeModalButtonText
   })));
 };
-export const ChangeTrackStateModal = _ref13 => {
+export const ChangeTrackStateModal = _ref11 => {
   var _roleChangeRequest$re, _roleChangeRequest$su2;
   let {
     roleChangeRequest,
     cancelModal
-  } = _ref13;
+  } = _ref11;
   const localPeer = useSelector(state => state.hmsStates.localPeer);
   const changeLayout = () => {
     var _roleChangeRequest$su;
@@ -821,10 +738,10 @@ export const ChangeTrackStateModal = _ref13 => {
     textStyle: styles.roleChangeModalButtonText
   })));
 };
-export const HlsStreamingModal = _ref14 => {
+export const HlsStreamingModal = _ref12 => {
   let {
     cancelModal
-  } = _ref14;
+  } = _ref12;
   const instance = useHMSInstance();
   const roomID = useSelector(state => state.user.roomID);
   const [hlsStreamingDetails, setHLSStreamingDetails] = useState({
@@ -915,10 +832,10 @@ export const HlsStreamingModal = _ref14 => {
     textStyle: styles.roleChangeModalButtonText
   })));
 };
-export const RecordingModal = _ref15 => {
+export const RecordingModal = _ref13 => {
   let {
     setModalVisible
-  } = _ref15;
+  } = _ref13;
   const instance = useHMSInstance();
   const roomID = useSelector(state => state.user.roomID);
   const [recordingDetails, setRecordingDetails] = useState({
@@ -998,13 +915,13 @@ export const RecordingModal = _ref15 => {
     textStyle: styles.roleChangeModalButtonText
   })));
 };
-export const ChangeRoleAccepteModal = _ref16 => {
+export const ChangeRoleAccepteModal = _ref14 => {
   var _roleChangeRequest$re2, _roleChangeRequest$su3;
   let {
     instance,
     roleChangeRequest,
     cancelModal
-  } = _ref16;
+  } = _ref14;
   const changeLayout = () => {
     instance === null || instance === void 0 ? void 0 : instance.acceptRoleChange();
     cancelModal();
@@ -1029,11 +946,11 @@ export const ChangeRoleAccepteModal = _ref16 => {
     textStyle: styles.roleChangeModalButtonText
   })));
 };
-export const EndHlsModal = _ref17 => {
+export const EndHlsModal = _ref15 => {
   let {
     onSuccess,
     cancelModal
-  } = _ref17;
+  } = _ref15;
   const onEnd = () => {
     cancelModal();
     onSuccess();
@@ -1066,10 +983,10 @@ export const EndHlsModal = _ref17 => {
     textStyle: styles.roleChangeModalButtonText
   })));
 };
-export const RealTime = _ref18 => {
+export const RealTime = _ref16 => {
   let {
     startedAt
-  } = _ref18;
+  } = _ref16;
   const [hour, setHour] = useState(0);
   const [minute, setMinute] = useState(0);
   const [second, setSecond] = useState(0);
@@ -1123,10 +1040,10 @@ var RoleSelection = /*#__PURE__*/function (RoleSelection) {
   RoleSelection["TO_CHANGE"] = "TO_CHANGE";
   return RoleSelection;
 }(RoleSelection || {});
-export const ChangeBulkRoleModal = _ref19 => {
+export const ChangeBulkRoleModal = _ref17 => {
   let {
     cancelModal
-  } = _ref19;
+  } = _ref17;
   const hmsInstance = useSelector(state => state.user.hmsInstance);
   const roles = useSelector(state => state.hmsStates.roles);
   const [showRolesSelectionView, setShowRolesSelectionView] = useState(null);