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

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.ChangeVolumeModal = exports.ChangeTrackStateModal = exports.ChangeTrackStateForRoleModal = exports.ChangeSortingModal = exports.ChangeRoleModal = exports.ChangeRoleAccepteModal = exports.ChangeNameModal = exports.ChangeLayoutModal = exports.ChangeBulkRoleModal = exports.ChangeAudioOutputModal = exports.ChangeAudioModeModal = exports.ChangeAudioMixingModeModal = exports.ChangeAspectRatio = exports.AudioShareSetVolumeModal = void 0;
+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;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeSimpleToast = _interopRequireDefault(require("react-native-simple-toast"));
@@ -13,10 +13,6 @@ var _Feather = _interopRequireDefault(require("react-native-vector-icons/Feather
 var _Entypo = _interopRequireDefault(require("react-native-vector-icons/Entypo"));
 var _MaterialCommunityIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialCommunityIcons"));
 var _MaterialIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialIcons"));
-var _reactNativeSlider = require("@miblanchard/react-native-slider");
-var _rnFetchBlob = _interopRequireDefault(require("rn-fetch-blob"));
-var _reactNativeFs = _interopRequireDefault(require("react-native-fs"));
-var _reactNativeShare = _interopRequireDefault(require("react-native-share"));
 var _styles = require("./styles");
 var _CustomButton = require("./CustomButton");
 var _CustomInput = require("./CustomInput");
@@ -117,88 +113,6 @@ const SaveScreenshot = _ref2 => {
     cancelModal
   } = _ref2;
   const peer = (0, _reactRedux.useSelector)(state => state.hmsStates.localPeer || undefined);
-
-  /**
-   * Get target path on external storage to save image
-   * @param {string} imageExtension file extension to use for image
-   * @param {string} peerName name of peer to use in image name
-   * @returns string - path on external storage to save image
-   */
-  const getTargetPath = (imageExtension, peerName) => {
-    // formatting peer name
-    const formattedPeerName = peerName ? peerName.replace(/ /g, '-').toLowerCase() : '';
-
-    // name to use for image
-    const imageName = `${formattedPeerName}-snapshot-${Date.now()}.${imageExtension}`;
-
-    // directory for saving image
-    const targetDir = _reactNative.Platform.OS === 'ios' ? _rnFetchBlob.default.fs.dirs.DocumentDir : _rnFetchBlob.default.fs.dirs.DCIMDir;
-    const targetLocation = `${targetDir}/${imageName}`;
-    return targetLocation;
-  };
-  const saveToDisk = async () => {
-    try {
-      // Requesting External Storage permission to save image to disk
-      const permission = await (0, _functions.requestExternalStoragePermission)();
-
-      // checking External Storage permission and availability of image source that we have to save to disk
-      if (permission && peer && imageSource) {
-        // Waiting for Interactions (Modal Close Animation) to finish
-        _reactNative.InteractionManager.runAfterInteractions(async () => {
-          // image extension to use
-          const imageExtension = 'png';
-
-          // Removing `file://` from URI if it exists, to keep it consistent with `base64` image case
-          const source = imageSource.uri.replace('file://', '');
-
-          // Checking if source is the local file on device
-          const isSourceLocalFile = imageSource.uri.startsWith('file://');
-
-          // if source is local file on ios device then we don't need to do any file system operation
-          // We can use that local file to show preview window to user on ios
-          const targetLocation = isSourceLocalFile && _reactNative.Platform.OS === 'ios' ? source : getTargetPath(imageExtension, peer.name);
-
-          // if source is local file on android device, then we copy source file to target path
-          if (isSourceLocalFile) {
-            if (_reactNative.Platform.OS === 'android') {
-              await _reactNativeFs.default.copyFile(source,
-              // Source Dir
-              targetLocation // Target Dir
-              );
-            }
-          }
-          // if source is not local file, then we write to target path
-          else {
-            await _rnFetchBlob.default.fs.writeFile(targetLocation,
-            // Target Dir
-            source.replace('data:image/png;base64,', ''),
-            // Data to write to "Target Dir"
-            'base64');
-          }
-          _reactNativeShare.default.open({
-            url: 'file://' + targetLocation
-          }).then(_ref3 => {
-            let {
-              message
-            } = _ref3;
-            if (message.includes('SaveToCameraRoll')) {
-              _reactNativeSimpleToast.default.showWithGravity('Snapshot has been saved successfully', _reactNativeSimpleToast.default.LONG, _reactNativeSimpleToast.default.TOP);
-            }
-            cancelModal();
-          }).catch(error => console.log('share error -> ', error)).finally(() => {
-            // On Android, We have already saved image into DCIM dir
-            // Therefore, we can notify user about "save success" and close modal
-            if (_reactNative.Platform.OS === 'android') {
-              _reactNativeSimpleToast.default.showWithGravity('Snapshot has been saved successfully', _reactNativeSimpleToast.default.LONG, _reactNativeSimpleToast.default.TOP);
-              cancelModal();
-            }
-          });
-        });
-      }
-    } catch (error) {
-      console.warn('Snapshot Save Error: ', error);
-    }
-  };
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [{
       flexGrow: 1
@@ -212,68 +126,19 @@ const SaveScreenshot = _ref2 => {
   }) : null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: _styles.styles.roleChangeModalPermissionContainer
   }, /*#__PURE__*/_react.default.createElement(_CustomButton.CustomButton, {
-    title: "Cancel",
+    title: "Done",
     onPress: cancelModal,
     viewStyle: [_styles.styles.roleChangeModalCancelButton, {
-      width: '40%'
-    }],
-    textStyle: _styles.styles.roleChangeModalButtonText
-  }), /*#__PURE__*/_react.default.createElement(_CustomButton.CustomButton, {
-    title: "Save to Disk",
-    onPress: saveToDisk,
-    viewStyle: [_styles.styles.roleChangeModalSuccessButton, {
-      width: '56%'
+      width: '100%'
     }],
     textStyle: _styles.styles.roleChangeModalButtonText
   })));
 };
 exports.SaveScreenshot = SaveScreenshot;
-const ChangeVolumeModal = _ref4 => {
+const ChangeNameModal = _ref3 => {
   let {
     cancelModal
-  } = _ref4;
-  const instance = (0, _hooksUtil.useHMSInstance)();
-  const peer = (0, _reactRedux.useSelector)(state => state.app.peerToUpdate);
-  const [volume, setVolume] = (0, _react.useState)(0);
-  const changeVolume = () => {
-    if (peer !== null && peer !== void 0 && peer.audioTrack) {
-      instance === null || instance === void 0 ? void 0 : instance.setVolume(peer === null || peer === void 0 ? void 0 : peer.audioTrack, volume);
-    }
-    cancelModal();
-  };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.volumeModalContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: _styles.styles.roleChangeModalHeading
-  }, "Set Volume"), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.volumeModalSlider
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: _styles.styles.roleChangeModalDescription
-  }, "Volume: ", volume), /*#__PURE__*/_react.default.createElement(_reactNativeSlider.Slider, {
-    value: volume,
-    maximumValue: 10,
-    minimumValue: 0,
-    step: 1,
-    onValueChange: value => setVolume(value[0])
-  })), /*#__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: changeVolume,
-    viewStyle: _styles.styles.roleChangeModalSuccessButton,
-    textStyle: _styles.styles.roleChangeModalButtonText
-  })));
-};
-exports.ChangeVolumeModal = ChangeVolumeModal;
-const ChangeNameModal = _ref5 => {
-  let {
-    cancelModal
-  } = _ref5;
+  } = _ref3;
   const instance = (0, _hooksUtil.useHMSInstance)();
   const peer = (0, _reactRedux.useSelector)(state => state.app.peerToUpdate);
   const dispatch = (0, _reactRedux.useDispatch)();
@@ -467,11 +332,11 @@ const RtcStatsModal = () => {
   }) : null));
 };
 exports.RtcStatsModal = RtcStatsModal;
-const LeaveRoomModal = _ref6 => {
+const LeaveRoomModal = _ref4 => {
   let {
     onSuccess,
     cancelModal
-  } = _ref6;
+  } = _ref4;
   const onLeave = () => {
     cancelModal();
     onSuccess();
@@ -505,11 +370,11 @@ const LeaveRoomModal = _ref6 => {
   })));
 };
 exports.LeaveRoomModal = LeaveRoomModal;
-const EndRoomModal = _ref7 => {
+const EndRoomModal = _ref5 => {
   let {
     onSuccess,
     cancelModal
-  } = _ref7;
+  } = _ref5;
   const onEnd = () => {
     cancelModal();
     onSuccess();
@@ -543,10 +408,10 @@ const EndRoomModal = _ref7 => {
   })));
 };
 exports.EndRoomModal = EndRoomModal;
-const ChangeAudioOutputModal = _ref8 => {
+const ChangeAudioOutputModal = _ref6 => {
   let {
     cancelModal
-  } = _ref8;
+  } = _ref6;
   const instance = (0, _hooksUtil.useHMSInstance)();
   const [currentOutputDevice, setCurrentOutputDevice] = (0, _react.useState)(_reactNativeHms.HMSAudioDevice.SPEAKER_PHONE);
   const [audioOutputDevicesList, setAudioOutputDevicesList] = (0, _react.useState)([]);
@@ -596,10 +461,10 @@ const ChangeAudioOutputModal = _ref8 => {
   })));
 };
 exports.ChangeAudioOutputModal = ChangeAudioOutputModal;
-const ChangeAspectRatio = _ref9 => {
+const ChangeAspectRatio = _ref7 => {
   let {
     cancelModal
-  } = _ref9;
+  } = _ref7;
   const {
     height
   } = (0, _reactNative.useWindowDimensions)();
@@ -651,12 +516,12 @@ const ChangeAspectRatio = _ref9 => {
   })));
 };
 exports.ChangeAspectRatio = ChangeAspectRatio;
-const ChangeAudioModeModal = _ref10 => {
+const ChangeAudioModeModal = _ref8 => {
   let {
     cancelModal,
     audioMode,
     setAudioMode
-  } = _ref10;
+  } = _ref8;
   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'];
@@ -700,12 +565,12 @@ const ChangeAudioModeModal = _ref10 => {
   })));
 };
 exports.ChangeAudioModeModal = ChangeAudioModeModal;
-const ChangeAudioMixingModeModal = _ref11 => {
+const ChangeAudioMixingModeModal = _ref9 => {
   let {
     newAudioMixingMode,
     cancelModal,
     setNewAudioMixingMode
-  } = _ref11;
+  } = _ref9;
   const instance = (0, _hooksUtil.useHMSInstance)();
   const changeAudioMixingMode = async () => {
     await (instance === null || instance === void 0 ? void 0 : instance.setAudioMixingMode(newAudioMixingMode));
@@ -748,13 +613,13 @@ const ChangeAudioMixingModeModal = _ref11 => {
   })));
 };
 exports.ChangeAudioMixingModeModal = ChangeAudioMixingModeModal;
-const ChangeSortingModal = _ref12 => {
+const ChangeSortingModal = _ref10 => {
   let {
     data,
     selectedItem,
     onItemSelected,
     cancelModal
-  } = _ref12;
+  } = _ref10;
   const [sortingType, setSortingType] = (0, _react.useState)(selectedItem || _types.SortingType.DEFAULT);
   const changeSorting = () => {
     onItemSelected(sortingType);
@@ -784,13 +649,13 @@ const ChangeSortingModal = _ref12 => {
   })));
 };
 exports.ChangeSortingModal = ChangeSortingModal;
-const ChangeLayoutModal = _ref13 => {
+const ChangeLayoutModal = _ref11 => {
   let {
     data,
     selectedItem,
     onItemSelected,
     cancelModal
-  } = _ref13;
+  } = _ref11;
   const [layout, setLayout] = (0, _react.useState)(selectedItem);
   const changeLayout = () => {
     onItemSelected(layout);
@@ -820,11 +685,11 @@ const ChangeLayoutModal = _ref13 => {
   })));
 };
 exports.ChangeLayoutModal = ChangeLayoutModal;
-const ChangeTrackStateForRoleModal = _ref14 => {
+const ChangeTrackStateForRoleModal = _ref12 => {
   var _localPeerRole$permis, _localPeerRole$permis2;
   let {
     cancelModal
-  } = _ref14;
+  } = _ref12;
   const instance = (0, _hooksUtil.useHMSInstance)();
   const roles = (0, _reactRedux.useSelector)(state => state.hmsStates.roles);
   const localPeerRole = (0, _reactRedux.useSelector)(state => {
@@ -940,12 +805,12 @@ const ChangeTrackStateForRoleModal = _ref14 => {
   })));
 };
 exports.ChangeTrackStateForRoleModal = ChangeTrackStateForRoleModal;
-const ChangeTrackStateModal = _ref15 => {
+const ChangeTrackStateModal = _ref13 => {
   var _roleChangeRequest$re, _roleChangeRequest$su2;
   let {
     roleChangeRequest,
     cancelModal
-  } = _ref15;
+  } = _ref13;
   const localPeer = (0, _reactRedux.useSelector)(state => state.hmsStates.localPeer);
   const changeLayout = () => {
     var _roleChangeRequest$su;
@@ -979,10 +844,10 @@ const ChangeTrackStateModal = _ref15 => {
   })));
 };
 exports.ChangeTrackStateModal = ChangeTrackStateModal;
-const HlsStreamingModal = _ref16 => {
+const HlsStreamingModal = _ref14 => {
   let {
     cancelModal
-  } = _ref16;
+  } = _ref14;
   const instance = (0, _hooksUtil.useHMSInstance)();
   const roomID = (0, _reactRedux.useSelector)(state => state.user.roomID);
   const [hlsStreamingDetails, setHLSStreamingDetails] = (0, _react.useState)({
@@ -1074,15 +939,12 @@ const HlsStreamingModal = _ref16 => {
   })));
 };
 exports.HlsStreamingModal = HlsStreamingModal;
-const RecordingModal = _ref17 => {
-  var _recordingDetails$res, _recordingDetails$res2, _recordingDetails$res4, _recordingDetails$res5;
+const RecordingModal = _ref15 => {
   let {
-    recordingModal,
     setModalVisible
-  } = _ref17;
+  } = _ref15;
   const instance = (0, _hooksUtil.useHMSInstance)();
   const roomID = (0, _reactRedux.useSelector)(state => state.user.roomID);
-  const [resolutionDetails, setResolutionDetails] = (0, _react.useState)(false);
   const [recordingDetails, setRecordingDetails] = (0, _react.useState)({
     record: false,
     meetingURL: roomID ? roomID + '?token=beam_recording' : undefined
@@ -1091,7 +953,7 @@ const RecordingModal = _ref17 => {
     instance === null || instance === void 0 ? void 0 : instance.startRTMPOrRecording(recordingDetails).then(d => console.log('Start RTMP Or Recording Success: ', d)).catch(e => console.log('Start RTMP Or Recording Error: ', e));
     setModalVisible(_types.ModalTypes.DEFAULT);
   };
-  return recordingModal ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: _styles.styles.roleChangeModal
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: _styles.styles.roleChangeModalHeading
@@ -1146,35 +1008,7 @@ const RecordingModal = _ref17 => {
     size: 10
   })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: _styles.styles.roleChangeModalPermission
-  }, "Record")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: _styles.styles.checkboxButtonContainer,
-    onPress: () => {
-      setResolutionDetails(!resolutionDetails);
-      if (!resolutionDetails) {
-        setModalVisible(_types.ModalTypes.RESOLUTION, true);
-        setRecordingDetails({
-          ...recordingDetails,
-          resolution: {
-            height: 720,
-            width: 1280
-          }
-        });
-      } else {
-        setRecordingDetails({
-          ...recordingDetails,
-          resolution: undefined
-        });
-      }
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.roleChangeModalCheckBox
-  }, resolutionDetails && /*#__PURE__*/_react.default.createElement(_Entypo.default, {
-    name: "check",
-    style: _styles.styles.roleChangeModalCheck,
-    size: 10
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: _styles.styles.roleChangeModalPermission
-  }, "Resolution")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, "Record")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: _styles.styles.roleChangeModalPermissionContainer
   }, /*#__PURE__*/_react.default.createElement(_CustomButton.CustomButton, {
     title: "Cancel",
@@ -1186,71 +1020,16 @@ const RecordingModal = _ref17 => {
     onPress: changeLayout,
     viewStyle: _styles.styles.roleChangeModalSuccessButton,
     textStyle: _styles.styles.roleChangeModalButtonText
-  }))) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.roleChangeModal
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: _styles.styles.roleChangeModalHeading
-  }, "Resolution Details"), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.resolutionContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.resolutionDetails
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: _styles.styles.interRegular
-  }, "Height :"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: _styles.styles.resolutionValue
-  }, (_recordingDetails$res = recordingDetails.resolution) === null || _recordingDetails$res === void 0 ? void 0 : _recordingDetails$res.height)), /*#__PURE__*/_react.default.createElement(_reactNativeSlider.Slider, {
-    value: (_recordingDetails$res2 = recordingDetails.resolution) === null || _recordingDetails$res2 === void 0 ? void 0 : _recordingDetails$res2.height,
-    maximumValue: 1280,
-    minimumValue: 480,
-    step: 10,
-    onValueChange: value => {
-      var _recordingDetails$res3;
-      setRecordingDetails({
-        ...recordingDetails,
-        resolution: {
-          height: parseInt(value),
-          width: ((_recordingDetails$res3 = recordingDetails.resolution) === null || _recordingDetails$res3 === void 0 ? void 0 : _recordingDetails$res3.width) ?? 1280
-        }
-      });
-    }
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.resolutionDetails
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: _styles.styles.interRegular
-  }, "Width :"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: _styles.styles.resolutionValue
-  }, (_recordingDetails$res4 = recordingDetails.resolution) === null || _recordingDetails$res4 === void 0 ? void 0 : _recordingDetails$res4.width)), /*#__PURE__*/_react.default.createElement(_reactNativeSlider.Slider, {
-    value: (_recordingDetails$res5 = recordingDetails.resolution) === null || _recordingDetails$res5 === void 0 ? void 0 : _recordingDetails$res5.width,
-    maximumValue: 1280,
-    minimumValue: 500,
-    step: 10,
-    onValueChange: value => {
-      var _recordingDetails$res6;
-      setRecordingDetails({
-        ...recordingDetails,
-        resolution: {
-          width: parseInt(value),
-          height: ((_recordingDetails$res6 = recordingDetails.resolution) === null || _recordingDetails$res6 === void 0 ? void 0 : _recordingDetails$res6.height) ?? 720
-        }
-      });
-    }
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.sortingButtonContainer
-  }, /*#__PURE__*/_react.default.createElement(_CustomButton.CustomButton, {
-    title: "Back",
-    onPress: () => setModalVisible(_types.ModalTypes.RECORDING, true),
-    viewStyle: _styles.styles.backButton,
-    textStyle: _styles.styles.roleChangeModalButtonText
   })));
 };
 exports.RecordingModal = RecordingModal;
-const ChangeRoleAccepteModal = _ref18 => {
+const ChangeRoleAccepteModal = _ref16 => {
   var _roleChangeRequest$re2, _roleChangeRequest$su3;
   let {
     instance,
     roleChangeRequest,
     cancelModal
-  } = _ref18;
+  } = _ref16;
   const changeLayout = () => {
     instance === null || instance === void 0 ? void 0 : instance.acceptRoleChange();
     cancelModal();
@@ -1276,11 +1055,11 @@ const ChangeRoleAccepteModal = _ref18 => {
   })));
 };
 exports.ChangeRoleAccepteModal = ChangeRoleAccepteModal;
-const EndHlsModal = _ref19 => {
+const EndHlsModal = _ref17 => {
   let {
     onSuccess,
     cancelModal
-  } = _ref19;
+  } = _ref17;
   const onEnd = () => {
     cancelModal();
     onSuccess();
@@ -1314,10 +1093,10 @@ const EndHlsModal = _ref19 => {
   })));
 };
 exports.EndHlsModal = EndHlsModal;
-const RealTime = _ref20 => {
+const RealTime = _ref18 => {
   let {
     startedAt
-  } = _ref20;
+  } = _ref18;
   const [hour, setHour] = (0, _react.useState)(0);
   const [minute, setMinute] = (0, _react.useState)(0);
   const [second, setSecond] = (0, _react.useState)(0);
@@ -1367,54 +1146,15 @@ const RealTime = _ref20 => {
   }, second < 10 ? '0' + second : second));
 };
 exports.RealTime = RealTime;
-const AudioShareSetVolumeModal = _ref21 => {
-  let {
-    success,
-    cancel
-  } = _ref21;
-  const [volume, setVolume] = (0, _react.useState)(0);
-  const changeVolume = () => {
-    success(volume);
-    cancel();
-  };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.volumeModalContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: _styles.styles.roleChangeModalHeading
-  }, "Set Volume"), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.volumeModalSlider
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: _styles.styles.roleChangeModalDescription
-  }, "Volume: ", volume), /*#__PURE__*/_react.default.createElement(_reactNativeSlider.Slider, {
-    value: volume,
-    maximumValue: 1,
-    minimumValue: 0,
-    step: 0.1,
-    onValueChange: value => setVolume(value[0])
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.roleChangeModalPermissionContainer
-  }, /*#__PURE__*/_react.default.createElement(_CustomButton.CustomButton, {
-    title: "Cancel",
-    onPress: cancel,
-    viewStyle: _styles.styles.roleChangeModalCancelButton,
-    textStyle: _styles.styles.roleChangeModalButtonText
-  }), /*#__PURE__*/_react.default.createElement(_CustomButton.CustomButton, {
-    title: "Change",
-    onPress: changeVolume,
-    viewStyle: _styles.styles.roleChangeModalSuccessButton,
-    textStyle: _styles.styles.roleChangeModalButtonText
-  })));
-};
-exports.AudioShareSetVolumeModal = AudioShareSetVolumeModal;
 var RoleSelection = /*#__PURE__*/function (RoleSelection) {
   RoleSelection["TARGET"] = "TARGET";
   RoleSelection["TO_CHANGE"] = "TO_CHANGE";
   return RoleSelection;
 }(RoleSelection || {});
-const ChangeBulkRoleModal = _ref22 => {
+const ChangeBulkRoleModal = _ref19 => {
   let {
     cancelModal
-  } = _ref22;
+  } = _ref19;
   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);