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

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":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,0BAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAL,uBAAA,CAAAC,OAAA;AAOA,IAAAK,kBAAA,GAAAL,OAAA;AAEA,IAAAM,kBAAA,GAAAN,OAAA;AAKA,IAAAO,QAAA,GAAAP,OAAA;AAAyD,SAAAQ,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,SAAAV,wBAAAc,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;AAEzD,MAAMW,YAAY,GAAG;EACnBC,CAAC,EAAE,CAAC;EACJC,CAAC,EAAE;AACL,CAAC;AAOM,MAAMC,QAAoD,GAAGC,IAAA,IAG9D;EAAA,IAH+D;IACnEC,cAAc;IACdC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,SAAS,GAAG,IAAAC,qCAAc,EAAC,KAAK,CAAC;EACvC,MAAMC,OAAO,GAAG,IAAAD,qCAAc,EAAC,CAAC,CAAC;EACjC,MAAME,OAAO,GAAG,IAAAF,qCAAc,EAAC,CAAC,CAAC;EACjC,MAAMG,KAAK,GAAG,IAAAH,qCAAc,EAAC;IAAEP,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC,CAAC;EAC5C,MAAMU,QAAQ,GAAG,IAAAC,uBAAW,EAAC,CAAC;EAE9B,MAAMC,SAAS,GAAG,IAAAC,uBAAW,EAC1BC,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACC,kBAClC,CAAC;EACD,MAAMC,qBAAqB,GAAG,IAAAJ,uBAAW,EACtCC,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACE,qBAClC,CAAC;EAED,MAAM;IAAEC,MAAM,EAAEC,mBAAmB;IAAEC,KAAK,EAAEC;EAAmB,CAAC,GAC9D,IAAAC,iDAA8B,EAAC,CAAC;EAElC,MAAMC,IAAI,GAAG;IACXH,KAAK,EAAER,SAAS,GAAGS,kBAAkB,GAAG,GAAG;IAC3CH,MAAM,EAAEN,SAAS,GAAGO,mBAAmB,GAAG;EAC5C,CAAC;EAED,MAAMK,eAAe,GAAG;IACtBJ,KAAK,EAAEG,IAAI,CAACH,KAAK;IACjBF,MAAM,EAAEK,IAAI,CAACL;EACf,CAAC;EAED,MAAMO,cAAc,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC5C,OAAO;MACLC,SAAS,EAAE,CACT;QAAEC,UAAU,EAAErB,OAAO,CAACsB;MAAM,CAAC,EAC7B;QAAEC,UAAU,EAAEtB,OAAO,CAACqB;MAAM,CAAC,EAC7B;QAAEE,KAAK,EAAE,IAAAC,iCAAU,EAAC3B,SAAS,CAACwB,KAAK,GAAG,IAAI,GAAG,CAAC;MAAE,CAAC;IAErD,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,mBAAmB,GAAIC,CAA2C,IAAK;IAC3E,SAAS;;IAET,MAAM;MAAEC,UAAU;MAAEC;IAAW,CAAC,GAAGC,iBAAiB,CAClD9B,OAAO,CAACsB,KAAK,EACbrB,OAAO,CAACqB,KAAK,EACbN,IAAI,CAACH,KAAK,EACVG,IAAI,CAACL,MAAM,EACXpB,YAAY,CAACC,CAAC,EACdD,YAAY,CAACE,CAAC,EACdG,cAAc,CAACmC,OACjB,CAAC;IAED,MAAMC,MAAM,GAAGJ,UAAU;IACzB,MAAMK,MAAM,GAAGJ,UAAU;IAEzB7B,OAAO,CAACsB,KAAK,GAAG,IAAAG,iCAAU,EAACO,MAAM,EAAE;MACjCE,OAAO,EAAE,GAAG;MACZC,SAAS,EAAE,GAAG;MACdC,QAAQ,EAAET,CAAC,CAACU;IACd,CAAC,CAAC;IACFpC,OAAO,CAACqB,KAAK,GAAG,IAAAG,iCAAU,EAACQ,MAAM,EAAE;MACjCC,OAAO,EAAE,GAAG;MACZC,SAAS,EAAE,GAAG;MACdC,QAAQ,EAAET,CAAC,CAACW;IACd,CAAC,CAAC;IAEFpC,KAAK,CAACoB,KAAK,GAAG;MACZ9B,CAAC,EAAEwC,MAAM;MACTvC,CAAC,EAAEwC;IACL,CAAC;EACH,CAAC;EAED,MAAMM,UAAU,GAAGC,kCAAO,CAACC,GAAG,CAAC,CAAC,CAC7BC,QAAQ,CAAEf,CAAC,IAAK;IACf3B,OAAO,CAACsB,KAAK,GAAGK,CAAC,CAACgB,YAAY,GAAGzC,KAAK,CAACoB,KAAK,CAAC9B,CAAC;IAC9CS,OAAO,CAACqB,KAAK,GAAGK,CAAC,CAACiB,YAAY,GAAG1C,KAAK,CAACoB,KAAK,CAAC7B,CAAC;EAChD,CAAC,CAAC,CACDoD,KAAK,CAACnB,mBAAmB,CAAC;EAE7B,MAAMoB,gBAAgB,GAAGN,kCAAO,CAACO,SAAS,CAAC,CAAC,CACzCC,WAAW,CAAC,GAAG,CAAC,CAChBC,WAAW,CAAC,IAAI,CAAC,CACjBC,OAAO,CAAC,MAAM;IACbpD,SAAS,CAACwB,KAAK,GAAG,IAAI;EACxB,CAAC,CAAC,CACD6B,UAAU,CAAC,MAAM;IAChBrD,SAAS,CAACwB,KAAK,GAAG,KAAK;EACzB,CAAC,CAAC;EAEJ/D,KAAK,CAAC6F,SAAS,CAAC,MAAM;IACpB1B,mBAAmB,CAAC;MAAEW,SAAS,EAAE,CAAC;MAAEC,SAAS,EAAE;IAAE,CAAC,CAAC;IAEnD,OAAO,MAAM;MACX,IAAAe,sCAAe,EAACrD,OAAO,CAAC;MACxB,IAAAqD,sCAAe,EAACpD,OAAO,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,CAACI,SAAS,CAAC,CAAC;EAEf,MAAMiD,cAAc,GAAGA,CAAA,KAAM;IAC3BC,4BAAe,CAACC,aAAa,CAACD,4BAAe,CAACE,OAAO,CAACC,aAAa,CAAC;IACpEvD,QAAQ,CAAC,IAAAwD,8BAAqB,EAAC,KAAK,CAAC,CAAC;EACxC,CAAC;EAED,IAAI,CAACjD,qBAAqB,EAAE;IAC1B,OAAO,IAAI;EACb;EAEA,oBACEnD,KAAA,CAAAqG,aAAA,CAAChG,0BAAA,CAAAiG,eAAe;IACdC,OAAO,EAAEtB,kCAAO,CAACuB,YAAY,CAACxB,UAAU,EAAEO,gBAAgB;EAAE,gBAE5DvF,KAAA,CAAAqG,aAAA,CAAC/F,sBAAA,CAAAW,OAAQ,CAACwF,IAAI;IACZC,KAAK,EAAE,CAACC,MAAM,CAACC,gBAAgB,EAAElD,eAAe,EAAEC,cAAc;EAAE,gBAElE3D,KAAA,CAAAqG,aAAA,CAACjG,YAAA,CAAAqG,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACE;EAAiB,GAClC/D,SAAS,gBACR9C,KAAA,CAAAqG,aAAA,CAAC7F,kBAAA,CAAAsG,iBAAiB;IAChBC,aAAa,EAAE5D,qBAAsB;IACrC6D,eAAe,EAAEjB;EAAe,CACjC,CAAC,gBAEF/F,KAAA,CAAAqG,aAAA,CAAC9F,kBAAA,CAAA0G,iBAAiB;IAChBF,aAAa,EAAE5D,qBAAsB;IACrC+D,SAAS,EAAE,IAAK;IAChB5E,kBAAkB,EAAEA;EAAmB,CACxC,CAEC,CACO,CACA,CAAC;AAEtB,CAAC;AAAC6E,OAAA,CAAAhF,QAAA,GAAAA,QAAA;AAEF,MAAMwE,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,gBAAgB,EAAE;IAChBU,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAEvF,YAAY,CAACE,CAAC;IACtBsF,KAAK,EAAExF,YAAY,CAACC,CAAC;IACrBwF,MAAM,EAAE,CAAC;IACTC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE;MAAEvE,MAAM,EAAE,CAAC;MAAEE,KAAK,EAAE;IAAE,CAAC;IACrCsE,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE;EAChB,CAAC;EACDhB,gBAAgB,EAAE;IAChBiB,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,QAAQ;IAClBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,MAAMzD,iBAAiB,GAAGA,CACxB0D,aAAqB,EACrBC,aAAqB,EACrBC,SAAiB,EACjBC,UAAkB,EAClBC,aAAqB,EACrBC,aAAqB,EACrBC,WAAqD,KAClD;EACH,SAAS;;EACT,IAAI,CAACA,WAAW,EAAE;IAChB,OAAO;MACLlE,UAAU,EAAE,CAAC;MACbC,UAAU,EAAE;IACd,CAAC;EACH;EACA,MAAM;IAAElB,MAAM;IAAEE;EAAM,CAAC,GAAGiF,WAAW;EAErC,OAAO;IACLlE,UAAU,EACRmE,IAAI,CAACC,GAAG,CAACR,aAAa,CAAC,GAAGE,SAAS,GAAG7E,KAAK,GAAG,CAAC,GAC3C,CAAC,GACD,CAACA,KAAK,GAAG6E,SAAS,GAAGE,aAAa,GAAG,CAAC;IAC5C/D,UAAU,EACRkE,IAAI,CAACC,GAAG,CAACP,aAAa,CAAC,GAAGE,UAAU,GAAGhF,MAAM,GAAG,CAAC,GAC7C,CAAC,GACD,CAACA,MAAM,GAAGgF,UAAU,GAAGE,aAAa,GAAG;EAC/C,CAAC;AACH,CAAC"}

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);