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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_MaterialCommunityIcons","_interopRequireDefault","_CustomButton","_hooksSdk","_theme","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","LocalPeerScreenshareView","hmsActions","useHMSActions","onEndScreenSharePress","setScreenShareEnabled","createElement","View","style","styles","container","name","icon","size","Text","text","CustomButton","title","onPress","viewStyle","button","textStyle","buttonText","exports","StyleSheet","create","width","height","backgroundColor","COLORS","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":"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"}

package/lib/commonjs/components/Meeting.js

@@ -9,7 +9,6 @@ var _reactNative = require("react-native");
 var _reactRedux = require("react-redux");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _hooks = require("../utils/hooks");
-var _theme = require("../utils/theme");
 var _hooksUtil = require("../hooks-util");
 var _ChatWindow = require("./ChatWindow");
 var _MeetingScreenContent = require("./MeetingScreenContent");
@@ -36,6 +35,9 @@ const Meeting = _ref => {
 
   // Handle rendering RTC stats on Tiles and inside RTC stats modal
   (0, _hooks.useRTCStatsListeners)();
+
+  // Subscribe to Peers Network quality updates
+  (0, _hooksUtil.useHMSNetworkQualityUpdate)();
   const landscapeChatViewVisible = (0, _hooksUtil.useLandscapeChatViewVisible)();
 
   // Clearing any pending modal opening tasks
@@ -44,6 +46,9 @@ const Meeting = _ref => {
       (0, _hooksUtil.clearPendingModalTasks)();
     };
   }, []);
+  const containerStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    backgroundColor: theme.palette.background_dim
+  }));
   if (startingHLSStream) {
     return /*#__PURE__*/React.createElement(_HMSHLSStreamLoading.HMSHLSStreamLoading, null);
   }
@@ -55,7 +60,8 @@ const Meeting = _ref => {
    * Solution: Try using Tab Gesture detector instead on Pressable component
    */
   return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
-    style: styles.container
+    style: [styles.container, containerStyles],
+    edges: ['top', 'left', 'right']
   }, /*#__PURE__*/React.createElement(_MeetingScreenContent.MeetingScreenContent, {
     peerTrackNodes: peerTrackNodes
   }), landscapeChatViewVisible ? /*#__PURE__*/React.createElement(_ChatWindow.ChatView, null) : null);
@@ -64,7 +70,6 @@ exports.Meeting = Meeting;
 const styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: _theme.COLORS.BACKGROUND.DIM,
     flexDirection: 'row'
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_reactNativeSafeAreaContext","_hooks","_theme","_hooksUtil","_ChatWindow","_MeetingScreenContent","_HMSHLSStreamLoading","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Meeting","_ref","peerTrackNodes","startingHLSStream","useSelector","state","app","useFetchHMSRoles","useHMSMessages","useHMSRemovedFromRoomUpdate","useHMSPIPRoomLeave","usePIPListener","useRTCStatsListeners","landscapeChatViewVisible","useLandscapeChatViewVisible","useEffect","clearPendingModalTasks","createElement","HMSHLSStreamLoading","SafeAreaView","style","styles","container","MeetingScreenContent","ChatView","exports","StyleSheet","create","flex","backgroundColor","COLORS","BACKGROUND","DIM","flexDirection"],"sourceRoot":"../../../src","sources":["components/Meeting.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_reactNativeSafeAreaContext","_hooks","_hooksUtil","_ChatWindow","_MeetingScreenContent","_HMSHLSStreamLoading","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Meeting","_ref","peerTrackNodes","startingHLSStream","useSelector","state","app","useFetchHMSRoles","useHMSMessages","useHMSRemovedFromRoomUpdate","useHMSPIPRoomLeave","usePIPListener","useRTCStatsListeners","useHMSNetworkQualityUpdate","landscapeChatViewVisible","useLandscapeChatViewVisible","useEffect","clearPendingModalTasks","containerStyles","useHMSRoomStyle","theme","backgroundColor","palette","background_dim","createElement","HMSHLSStreamLoading","SafeAreaView","style","styles","container","edges","MeetingScreenContent","ChatView","exports","StyleSheet","create","flex","flexDirection"],"sourceRoot":"../../../src","sources":["components/Meeting.tsx"],"mappings":"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"}

package/lib/commonjs/components/MeetingScreenContent.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactRedux","_reactNativeReanimated","_types","_Footer","_DisplayView","_Header","_hooksUtil","_StatusBar","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MeetingScreenContent","_ref","peerTrackNodes","offset","useSharedValue","isHLSViewer","useIsHLSViewer","timerIdRef","useRef","controlsHidden","setControlsHidden","useState","isPipModeActive","useSelector","state","app","pipModeStatus","PipModes","ACTIVE","toggleControls","useCallback","current","clearTimeout","cancelAnimation","value","withTiming","duration","easing","Easing","ease","finished","runOnJS","landscapeChatViewVisible","useLandscapeChatViewVisible","createElement","Pressable","onPress","style","styles","container","takeLessSpaceAsItCan","disabled","HMSStatusBar","hidden","Header","DisplayView","Footer","exports","StyleSheet","create","flex"],"sourceRoot":"../../../src","sources":["components/MeetingScreenContent.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactRedux","_reactNativeReanimated","_types","_Footer","_DisplayView","_Header","_hooksUtil","_StatusBar","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MeetingScreenContent","_ref","peerTrackNodes","offset","useSharedValue","isHLSViewer","useIsHLSViewer","timerIdRef","useRef","controlsHidden","setControlsHidden","useState","isPipModeActive","useSelector","state","app","pipModeStatus","PipModes","ACTIVE","toggleControls","useCallback","current","clearTimeout","cancelAnimation","value","withTiming","duration","easing","Easing","ease","finished","runOnJS","landscapeChatViewVisible","useLandscapeChatViewVisible","createElement","Pressable","onPress","style","styles","container","takeLessSpaceAsItCan","disabled","HMSStatusBar","hidden","barStyle","Header","DisplayView","Footer","exports","StyleSheet","create","flex"],"sourceRoot":"../../../src","sources":["components/MeetingScreenContent.tsx"],"mappings":"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"}

package/lib/commonjs/components/MiniView.js

@@ -0,0 +1,163 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MiniView = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _PeerVideoTileView = require("./PeerVideoTile/PeerVideoTileView");
+var _PeerMinimizedView = require("./PeerMinimizedView");
+var _actions = require("../redux/actions");
+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 cornerOffset = {
+  x: 8,
+  y: 16
+};
+const MiniView = _ref => {
+  let {
+    boundingBoxRef,
+    onMoreOptionsPress
+  } = _ref;
+  const isPressed = (0, _reactNativeReanimated.useSharedValue)(false);
+  const xOffset = (0, _reactNativeReanimated.useSharedValue)(0);
+  const yOffset = (0, _reactNativeReanimated.useSharedValue)(0);
+  const start = (0, _reactNativeReanimated.useSharedValue)({
+    x: 0,
+    y: 0
+  });
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const minimized = (0, _reactRedux.useSelector)(state => state.app.insetViewMinimized);
+  const miniviewPeerTrackNode = (0, _reactRedux.useSelector)(state => state.app.miniviewPeerTrackNode);
+  const {
+    height: minimizedViewHeigth,
+    width: minimizedViewWidth
+  } = (0, _PeerMinimizedView.usePeerMinimizedViewDimensions)();
+  const size = {
+    width: minimized ? minimizedViewWidth : 104,
+    height: minimized ? minimizedViewHeigth : 186
+  };
+  const dimensionStyles = {
+    width: size.width,
+    height: size.height
+  };
+  const animatedStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    return {
+      transform: [{
+        translateX: xOffset.value
+      }, {
+        translateY: yOffset.value
+      }, {
+        scale: (0, _reactNativeReanimated.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 = (0, _reactNativeReanimated.withSpring)(finalX, {
+      damping: 100,
+      stiffness: 100,
+      velocity: e.velocityX
+    });
+    yOffset.value = (0, _reactNativeReanimated.withSpring)(finalY, {
+      damping: 100,
+      stiffness: 100,
+      velocity: e.velocityY
+    });
+    start.value = {
+      x: finalX,
+      y: finalY
+    };
+  };
+  const panGesture = _reactNativeGestureHandler.Gesture.Pan().onUpdate(e => {
+    xOffset.value = e.translationX + start.value.x;
+    yOffset.value = e.translationY + start.value.y;
+  }).onEnd(handlePanGestureEnd);
+  const longPressGesture = _reactNativeGestureHandler.Gesture.LongPress().minDuration(800).maxDistance(1000).onBegin(() => {
+    isPressed.value = true;
+  }).onFinalize(() => {
+    isPressed.value = false;
+  });
+  React.useEffect(() => {
+    handlePanGestureEnd({
+      velocityX: 0,
+      velocityY: 0
+    });
+    return () => {
+      (0, _reactNativeReanimated.cancelAnimation)(xOffset);
+      (0, _reactNativeReanimated.cancelAnimation)(yOffset);
+    };
+  }, [minimized]);
+  const handleMaximize = () => {
+    _reactNative.LayoutAnimation.configureNext(_reactNative.LayoutAnimation.Presets.easeInEaseOut);
+    dispatch((0, _actions.setInsetViewMinimized)(false));
+  };
+  if (!miniviewPeerTrackNode) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(_reactNativeGestureHandler.GestureDetector, {
+    gesture: _reactNativeGestureHandler.Gesture.Simultaneous(panGesture, longPressGesture)
+  }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
+    style: [styles.miniAnimatedView, dimensionStyles, animatedStyles]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.contentContainer
+  }, minimized ? /*#__PURE__*/React.createElement(_PeerMinimizedView.PeerMinimizedView, {
+    peerTrackNode: miniviewPeerTrackNode,
+    onMaximizePress: handleMaximize
+  }) : /*#__PURE__*/React.createElement(_PeerVideoTileView.PeerVideoTileView, {
+    peerTrackNode: miniviewPeerTrackNode,
+    insetMode: true,
+    onMoreOptionsPress: onMoreOptionsPress
+  }))));
+};
+exports.MiniView = MiniView;
+const styles = _reactNative.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/commonjs/components/MiniView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactRedux","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_PeerVideoTileView","_PeerMinimizedView","_actions","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","cornerOffset","x","y","MiniView","_ref","boundingBoxRef","onMoreOptionsPress","isPressed","useSharedValue","xOffset","yOffset","start","dispatch","useDispatch","minimized","useSelector","state","app","insetViewMinimized","miniviewPeerTrackNode","height","minimizedViewHeigth","width","minimizedViewWidth","usePeerMinimizedViewDimensions","size","dimensionStyles","animatedStyles","useAnimatedStyle","transform","translateX","value","translateY","scale","withSpring","handlePanGestureEnd","e","snapPointX","snapPointY","getSnappingPoints","current","finalX","finalY","damping","stiffness","velocity","velocityX","velocityY","panGesture","Gesture","Pan","onUpdate","translationX","translationY","onEnd","longPressGesture","LongPress","minDuration","maxDistance","onBegin","onFinalize","useEffect","cancelAnimation","handleMaximize","LayoutAnimation","configureNext","Presets","easeInEaseOut","setInsetViewMinimized","createElement","GestureDetector","gesture","Simultaneous","View","style","styles","miniAnimatedView","contentContainer","PeerMinimizedView","peerTrackNode","onMaximizePress","PeerVideoTileView","insetMode","exports","StyleSheet","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/commonjs/components/Modals.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SaveScreenshot = exports.RtcStatsModal = exports.RecordingModal = exports.RealTime = exports.LeaveRoomModal = exports.HlsStreamingModal = exports.EndRoomModal = exports.EndHlsModal = exports.ChangeTrackStateModal = exports.ChangeTrackStateForRoleModal = exports.ChangeSortingModal = exports.ChangeRoleModal = exports.ChangeRoleAccepteModal = exports.ChangeNameModal = exports.ChangeLayoutModal = exports.ChangeBulkRoleModal = exports.ChangeAudioOutputModal = exports.ChangeAudioModeModal = exports.ChangeAudioMixingModeModal = exports.ChangeAspectRatio = void 0;
+exports.SaveScreenshot = exports.RtcStatsModal = exports.RecordingModal = exports.RealTime = exports.LeaveRoomModal = exports.HlsStreamingModal = exports.EndHlsModal = exports.ChangeTrackStateModal = exports.ChangeTrackStateForRoleModal = exports.ChangeSortingModal = exports.ChangeRoleModal = exports.ChangeRoleAccepteModal = exports.ChangeLayoutModal = exports.ChangeBulkRoleModal = exports.ChangeAudioOutputModal = exports.ChangeAudioModeModal = exports.ChangeAudioMixingModeModal = exports.ChangeAspectRatio = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeSimpleToast = _interopRequireDefault(require("react-native-simple-toast"));
@@ -15,7 +15,6 @@ var _MaterialCommunityIcons = _interopRequireDefault(require("react-native-vecto
 var _MaterialIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialIcons"));
 var _styles = require("./styles");
 var _CustomButton = require("./CustomButton");
-var _CustomInput = require("./CustomInput");
 var _MenuModal = require("./MenuModal");
 var _Picker = require("./Picker");
 var _actions = require("../redux/actions");
@@ -135,52 +134,6 @@ const SaveScreenshot = _ref2 => {
   })));
 };
 exports.SaveScreenshot = SaveScreenshot;
-const ChangeNameModal = _ref3 => {
-  let {
-    cancelModal
-  } = _ref3;
-  const instance = (0, _hooksUtil.useHMSInstance)();
-  const peer = (0, _reactRedux.useSelector)(state => state.app.peerToUpdate);
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const [name, setName] = (0, _react.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((0, _actions.saveUserData)({
-          userName: name
-        }));
-        console.log('Change Name Success: ', d);
-      }).catch(e => console.log('Change Name Error: ', e));
-    }
-    cancelModal();
-  };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.volumeModalContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: _styles.styles.roleChangeModalHeading
-  }, "Change Name"), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.volumeModalSlider
-  }, /*#__PURE__*/_react.default.createElement(_CustomInput.CustomInput, {
-    value: name,
-    onChangeText: setName,
-    inputStyle: _styles.styles.participantChangeNameInput,
-    placeholderTextColor: _theme.COLORS.TEXT.DISABLED,
-    placeholder: "Find what you\u2019re looking for"
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.roleChangeModalPermissionContainer
-  }, /*#__PURE__*/_react.default.createElement(_CustomButton.CustomButton, {
-    title: "Cancel",
-    onPress: cancelModal,
-    viewStyle: _styles.styles.roleChangeModalCancelButton,
-    textStyle: _styles.styles.roleChangeModalButtonText
-  }), /*#__PURE__*/_react.default.createElement(_CustomButton.CustomButton, {
-    title: "Change",
-    onPress: changeName,
-    viewStyle: _styles.styles.roleChangeModalSuccessButton,
-    textStyle: _styles.styles.roleChangeModalButtonText
-  })));
-};
-exports.ChangeNameModal = ChangeNameModal;
 const RtcStatsModal = () => {
   var _currentTrack$track;
   const dispatch = (0, _reactRedux.useDispatch)();
@@ -332,11 +285,11 @@ const RtcStatsModal = () => {
   }) : null));
 };
 exports.RtcStatsModal = RtcStatsModal;
-const LeaveRoomModal = _ref4 => {
+const LeaveRoomModal = _ref3 => {
   let {
     onSuccess,
     cancelModal
-  } = _ref4;
+  } = _ref3;
   const onLeave = () => {
     cancelModal();
     onSuccess();
@@ -370,48 +323,10 @@ const LeaveRoomModal = _ref4 => {
   })));
 };
 exports.LeaveRoomModal = LeaveRoomModal;
-const EndRoomModal = _ref5 => {
+const ChangeAudioOutputModal = _ref4 => {
   let {
-    onSuccess,
     cancelModal
-  } = _ref5;
-  const onEnd = () => {
-    cancelModal();
-    onSuccess();
-  };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.volumeModalContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.participantMenuItem
-  }, /*#__PURE__*/_react.default.createElement(_Feather.default, {
-    name: "alert-triangle",
-    style: [_styles.styles.participantMenuItemIcon, _styles.styles.error],
-    size: 24
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [_styles.styles.roleChangeModalHeading, _styles.styles.error]
-  }, "End Session")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.roleChangeModalPermissionContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: _styles.styles.roleChangeModalDescription
-  }, "The session will end for everyone and all the activities will stop. You can\u2019t undo this action.")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.roleChangeModalPermissionContainer
-  }, /*#__PURE__*/_react.default.createElement(_CustomButton.CustomButton, {
-    title: "Don\u2019t End",
-    onPress: cancelModal,
-    viewStyle: _styles.styles.roleChangeModalCancelButton,
-    textStyle: _styles.styles.roleChangeModalButtonText
-  }), /*#__PURE__*/_react.default.createElement(_CustomButton.CustomButton, {
-    title: "End Session",
-    onPress: onEnd,
-    viewStyle: [_styles.styles.roleChangeModalSuccessButton, _styles.styles.errorContainer],
-    textStyle: _styles.styles.roleChangeModalButtonText
-  })));
-};
-exports.EndRoomModal = EndRoomModal;
-const ChangeAudioOutputModal = _ref6 => {
-  let {
-    cancelModal
-  } = _ref6;
+  } = _ref4;
   const instance = (0, _hooksUtil.useHMSInstance)();
   const [currentOutputDevice, setCurrentOutputDevice] = (0, _react.useState)(_reactNativeHms.HMSAudioDevice.SPEAKER_PHONE);
   const [audioOutputDevicesList, setAudioOutputDevicesList] = (0, _react.useState)([]);
@@ -461,10 +376,10 @@ const ChangeAudioOutputModal = _ref6 => {
   })));
 };
 exports.ChangeAudioOutputModal = ChangeAudioOutputModal;
-const ChangeAspectRatio = _ref7 => {
+const ChangeAspectRatio = _ref5 => {
   let {
     cancelModal
-  } = _ref7;
+  } = _ref5;
   const {
     height
   } = (0, _reactNative.useWindowDimensions)();
@@ -516,12 +431,12 @@ const ChangeAspectRatio = _ref7 => {
   })));
 };
 exports.ChangeAspectRatio = ChangeAspectRatio;
-const ChangeAudioModeModal = _ref8 => {
+const ChangeAudioModeModal = _ref6 => {
   let {
     cancelModal,
     audioMode,
     setAudioMode
-  } = _ref8;
+  } = _ref6;
   const instance = (0, _hooksUtil.useHMSInstance)();
   const [currentAudioMode, setCurrentAudioMode] = (0, _react.useState)(audioMode);
   const AudioModeList = ['MODE_NORMAL', 'MODE_RINGTONE', 'MODE_IN_CALL', 'MODE_IN_COMMUNICATION', 'MODE_CALL_SCREENING'];
@@ -565,12 +480,12 @@ const ChangeAudioModeModal = _ref8 => {
   })));
 };
 exports.ChangeAudioModeModal = ChangeAudioModeModal;
-const ChangeAudioMixingModeModal = _ref9 => {
+const ChangeAudioMixingModeModal = _ref7 => {
   let {
     newAudioMixingMode,
     cancelModal,
     setNewAudioMixingMode
-  } = _ref9;
+  } = _ref7;
   const instance = (0, _hooksUtil.useHMSInstance)();
   const changeAudioMixingMode = async () => {
     await (instance === null || instance === void 0 ? void 0 : instance.setAudioMixingMode(newAudioMixingMode));
@@ -613,13 +528,13 @@ const ChangeAudioMixingModeModal = _ref9 => {
   })));
 };
 exports.ChangeAudioMixingModeModal = ChangeAudioMixingModeModal;
-const ChangeSortingModal = _ref10 => {
+const ChangeSortingModal = _ref8 => {
   let {
     data,
     selectedItem,
     onItemSelected,
     cancelModal
-  } = _ref10;
+  } = _ref8;
   const [sortingType, setSortingType] = (0, _react.useState)(selectedItem || _types.SortingType.DEFAULT);
   const changeSorting = () => {
     onItemSelected(sortingType);
@@ -649,13 +564,13 @@ const ChangeSortingModal = _ref10 => {
   })));
 };
 exports.ChangeSortingModal = ChangeSortingModal;
-const ChangeLayoutModal = _ref11 => {
+const ChangeLayoutModal = _ref9 => {
   let {
     data,
     selectedItem,
     onItemSelected,
     cancelModal
-  } = _ref11;
+  } = _ref9;
   const [layout, setLayout] = (0, _react.useState)(selectedItem);
   const changeLayout = () => {
     onItemSelected(layout);
@@ -685,11 +600,11 @@ const ChangeLayoutModal = _ref11 => {
   })));
 };
 exports.ChangeLayoutModal = ChangeLayoutModal;
-const ChangeTrackStateForRoleModal = _ref12 => {
+const ChangeTrackStateForRoleModal = _ref10 => {
   var _localPeerRole$permis, _localPeerRole$permis2;
   let {
     cancelModal
-  } = _ref12;
+  } = _ref10;
   const instance = (0, _hooksUtil.useHMSInstance)();
   const roles = (0, _reactRedux.useSelector)(state => state.hmsStates.roles);
   const localPeerRole = (0, _reactRedux.useSelector)(state => {
@@ -805,12 +720,12 @@ const ChangeTrackStateForRoleModal = _ref12 => {
   })));
 };
 exports.ChangeTrackStateForRoleModal = ChangeTrackStateForRoleModal;
-const ChangeTrackStateModal = _ref13 => {
+const ChangeTrackStateModal = _ref11 => {
   var _roleChangeRequest$re, _roleChangeRequest$su2;
   let {
     roleChangeRequest,
     cancelModal
-  } = _ref13;
+  } = _ref11;
   const localPeer = (0, _reactRedux.useSelector)(state => state.hmsStates.localPeer);
   const changeLayout = () => {
     var _roleChangeRequest$su;
@@ -844,10 +759,10 @@ const ChangeTrackStateModal = _ref13 => {
   })));
 };
 exports.ChangeTrackStateModal = ChangeTrackStateModal;
-const HlsStreamingModal = _ref14 => {
+const HlsStreamingModal = _ref12 => {
   let {
     cancelModal
-  } = _ref14;
+  } = _ref12;
   const instance = (0, _hooksUtil.useHMSInstance)();
   const roomID = (0, _reactRedux.useSelector)(state => state.user.roomID);
   const [hlsStreamingDetails, setHLSStreamingDetails] = (0, _react.useState)({
@@ -939,10 +854,10 @@ const HlsStreamingModal = _ref14 => {
   })));
 };
 exports.HlsStreamingModal = HlsStreamingModal;
-const RecordingModal = _ref15 => {
+const RecordingModal = _ref13 => {
   let {
     setModalVisible
-  } = _ref15;
+  } = _ref13;
   const instance = (0, _hooksUtil.useHMSInstance)();
   const roomID = (0, _reactRedux.useSelector)(state => state.user.roomID);
   const [recordingDetails, setRecordingDetails] = (0, _react.useState)({
@@ -1023,13 +938,13 @@ const RecordingModal = _ref15 => {
   })));
 };
 exports.RecordingModal = RecordingModal;
-const ChangeRoleAccepteModal = _ref16 => {
+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();
@@ -1055,11 +970,11 @@ const ChangeRoleAccepteModal = _ref16 => {
   })));
 };
 exports.ChangeRoleAccepteModal = ChangeRoleAccepteModal;
-const EndHlsModal = _ref17 => {
+const EndHlsModal = _ref15 => {
   let {
     onSuccess,
     cancelModal
-  } = _ref17;
+  } = _ref15;
   const onEnd = () => {
     cancelModal();
     onSuccess();
@@ -1093,10 +1008,10 @@ const EndHlsModal = _ref17 => {
   })));
 };
 exports.EndHlsModal = EndHlsModal;
-const RealTime = _ref18 => {
+const RealTime = _ref16 => {
   let {
     startedAt
-  } = _ref18;
+  } = _ref16;
   const [hour, setHour] = (0, _react.useState)(0);
   const [minute, setMinute] = (0, _react.useState)(0);
   const [second, setSecond] = (0, _react.useState)(0);
@@ -1151,10 +1066,10 @@ var RoleSelection = /*#__PURE__*/function (RoleSelection) {
   RoleSelection["TO_CHANGE"] = "TO_CHANGE";
   return RoleSelection;
 }(RoleSelection || {});
-const ChangeBulkRoleModal = _ref19 => {
+const ChangeBulkRoleModal = _ref17 => {
   let {
     cancelModal
-  } = _ref19;
+  } = _ref17;
   const hmsInstance = (0, _reactRedux.useSelector)(state => state.user.hmsInstance);
   const roles = (0, _reactRedux.useSelector)(state => state.hmsStates.roles);
   const [showRolesSelectionView, setShowRolesSelectionView] = (0, _react.useState)(null);