@100mslive/react-native-room-kit 0.0.1

package/lib/module/components/PeerSettingsModalContent.js

@@ -0,0 +1,233 @@
+import React from 'react';
+import { View, TouchableOpacity, Text, StyleSheet } from 'react-native';
+import { batch, useDispatch, useSelector } from 'react-redux';
+import { HMSTrackSource } from '@100mslive/react-native-hms';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
+import { COLORS } from '../utils/theme';
+import { ModalTypes } from '../utils/types';
+import { isTileOnSpotlight } from '../utils/functions';
+import { setPeerToUpdate } from '../redux/actions';
+import { useModalType } from '../hooks-util';
+export const PeerSettingsModalContent = _ref => {
+  var _localPeer$role, _peer$audioTrack, _peer$videoTrack, _peer$role, _peerTrackNode$track;
+  let {
+    peerTrackNode,
+    cancelModal,
+    onCaptureScreenShotPress,
+    onCaptureImageAtMaxSupportedResolutionPress,
+    onStreamingQualityPress
+  } = _ref;
+  const dispatch = useDispatch();
+  const hmsInstance = useSelector(state => state.user.hmsInstance);
+  const localPeer = useSelector(state => state.hmsStates.localPeer);
+  const hmsSessionStore = useSelector(state => state.user.hmsSessionStore);
+  const spotlightTrackId = useSelector(state => state.user.spotlightTrackId);
+  const {
+    handleModalVisibleType: setModalVisible
+  } = useModalType();
+  const removePeer = () => {
+    hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.removePeer(peerTrackNode.peer, 'removed from room').then(d => console.log('Remove Peer Success: ', d)).catch(e => console.log('Remove Peer Error: ', e));
+    cancelModal();
+  };
+  const toggleMuteAudio = () => {
+    cancelModal();
+    if (peerTrackNode.peer.isLocal) {
+      return;
+    }
+    hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.changeTrackState(peerTrackNode.peer.audioTrack, !peerTrackNode.peer.audioTrack.isMute());
+  };
+  const toggleMuteVideo = () => {
+    cancelModal();
+    if (peerTrackNode.peer.isLocal) {
+      return;
+    }
+    hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.changeTrackState(peerTrackNode.peer.videoTrack, !peerTrackNode.peer.videoTrack.isMute());
+  };
+  const changeName = () => {
+    batch(() => {
+      dispatch(setPeerToUpdate(peerTrackNode.peer));
+      setModalVisible(ModalTypes.CHANGE_NAME, true);
+    });
+  };
+  const changeRole = () => {
+    batch(() => {
+      dispatch(setPeerToUpdate(peerTrackNode.peer));
+      setModalVisible(ModalTypes.CHANGE_ROLE, true);
+    });
+  };
+  const changeVolumeLevelOfPeer = () => {
+    batch(() => {
+      dispatch(setPeerToUpdate(peerTrackNode.peer));
+      setModalVisible(ModalTypes.VOLUME, true);
+    });
+  };
+
+  // Check if selected tile is "On Spotlight"
+  const {
+    onSpotlight,
+    tileVideoTrackId,
+    tileAudioTrackId
+  } = isTileOnSpotlight(spotlightTrackId, {
+    tileVideoTrack: peerTrackNode.track,
+    peerRegularAudioTrack: peerTrackNode.peer.audioTrack,
+    peerAuxTracks: peerTrackNode.peer.auxiliaryTracks
+  });
+  const handleSpotlightPress = async () => {
+    try {
+      // Close Modal
+      cancelModal();
+      if (!hmsSessionStore) {
+        return null;
+      }
+      if (tileAudioTrackId || tileVideoTrackId) {
+        // Toggle `spotlight` key value on Session Store
+        await hmsSessionStore.set(onSpotlight ? null : tileAudioTrackId || tileVideoTrackId, 'spotlight');
+      }
+    } catch (error) {
+      console.log('Add to spotlight error -> ', error);
+    }
+  };
+  const {
+    peer
+  } = peerTrackNode;
+  const localPeerPermissions = localPeer === null || localPeer === void 0 || (_localPeer$role = localPeer.role) === null || _localPeer$role === void 0 ? void 0 : _localPeer$role.permissions;
+  const isPeerAudioMute = peer.isLocal ? null : (_peer$audioTrack = peer.audioTrack) === null || _peer$audioTrack === void 0 ? void 0 : _peer$audioTrack.isMute();
+  const isPeerVideoMute = peer.isLocal ? null : (_peer$videoTrack = peer.videoTrack) === null || _peer$videoTrack === void 0 ? void 0 : _peer$videoTrack.isMute();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.roleChangeModalHeading
+  }, peer.name, peer.isLocal ? ' (You)' : ''), /*#__PURE__*/React.createElement(Text, {
+    style: styles.participantRole
+  }, (_peer$role = peer.role) === null || _peer$role === void 0 ? void 0 : _peer$role.name), /*#__PURE__*/React.createElement(View, {
+    style: styles.contentContainer
+  }, /*#__PURE__*/React.createElement(SettingItem, {
+    text: onSpotlight ? 'Remove from Spotlight' : 'Add to Spotlight',
+    IconType: Ionicons,
+    iconName: onSpotlight ? 'ios-star' : 'ios-star-outline',
+    onPress: handleSpotlightPress,
+    disabled: !((_peerTrackNode$track = peerTrackNode.track) !== null && _peerTrackNode$track !== void 0 && _peerTrackNode$track.trackId)
+  }), !peer.isLocal && (localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.mute || localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.unmute) ? /*#__PURE__*/React.createElement(React.Fragment, null, isPeerAudioMute && localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.unmute ? /*#__PURE__*/React.createElement(SettingItem, {
+    text: 'Request Audio Unmute',
+    IconType: Ionicons,
+    iconName: 'mic-off-outline',
+    onPress: toggleMuteAudio
+  }) : null, !isPeerAudioMute && localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.mute ? /*#__PURE__*/React.createElement(SettingItem, {
+    text: 'Mute Audio',
+    IconType: Ionicons,
+    iconName: 'mic-outline',
+    onPress: toggleMuteAudio
+  }) : null) : null, !peer.isLocal && (localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.mute || localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.unmute) ? /*#__PURE__*/React.createElement(React.Fragment, null, isPeerVideoMute && localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.unmute ? /*#__PURE__*/React.createElement(SettingItem, {
+    text: 'Request Video Unmute',
+    IconType: MaterialCommunityIcons,
+    iconName: 'video-off-outline',
+    onPress: toggleMuteVideo
+  }) : null, !isPeerVideoMute && localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.mute ? /*#__PURE__*/React.createElement(SettingItem, {
+    text: 'Mute Video',
+    IconType: MaterialCommunityIcons,
+    iconName: 'video-outline',
+    onPress: toggleMuteVideo
+  }) : null) : null, !peer.isLocal && localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.removeOthers ? /*#__PURE__*/React.createElement(SettingItem, {
+    text: "Remove Peer",
+    IconType: Ionicons,
+    iconName: 'person-remove-outline',
+    onPress: removePeer
+  }) : null, peer.isLocal ? /*#__PURE__*/React.createElement(SettingItem, {
+    text: "Change Name",
+    IconType: MaterialCommunityIcons,
+    iconName: 'account-edit-outline',
+    onPress: () => changeName()
+  }) : null, localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.changeRole ? /*#__PURE__*/React.createElement(SettingItem, {
+    text: "Change Role",
+    IconType: Ionicons,
+    iconName: 'people-outline',
+    onPress: () => changeRole()
+  }) : null, !peer.isLocal ? /*#__PURE__*/React.createElement(SettingItem, {
+    text: "Set Volume",
+    IconType: Ionicons,
+    iconName: 'volume-high-outline',
+    onPress: () => changeVolumeLevelOfPeer()
+  }) : null, peerTrackNode.peer.isLocal && peerTrackNode.track && peerTrackNode.track.source === HMSTrackSource.SCREEN ? null : /*#__PURE__*/React.createElement(SettingItem, {
+    text: "Capture Screenshot",
+    IconType: MaterialCommunityIcons,
+    iconName: 'cellphone-screenshot',
+    onPress: () => onCaptureScreenShotPress(peerTrackNode),
+    disabled: !peerTrackNode.track || peerTrackNode.track.isMute() // Capture Screenshot option should be disable, if track is muted or not available
+  }), peerTrackNode.peer.isLocal ? /*#__PURE__*/React.createElement(SettingItem, {
+    text: "Local Image Capture",
+    IconType: MaterialCommunityIcons,
+    iconName: 'cellphone-screenshot',
+    onPress: () => onCaptureImageAtMaxSupportedResolutionPress(peerTrackNode),
+    disabled: !peerTrackNode.track || peerTrackNode.track.isMute() // Local Image Capture option should be disable, if track is muted or not available
+  }) : null, !peer.isLocal ? /*#__PURE__*/React.createElement(SettingItem, {
+    text: "Streaming Quality",
+    IconType: Ionicons,
+    iconName: 'layers-outline',
+    onPress: () => peerTrackNode.track ? onStreamingQualityPress(peerTrackNode.track) : null,
+    disabled: !peerTrackNode.track || peerTrackNode.track.isMute() // Streaming Quality option should be disable, if track is muted or not available
+  }) : null));
+};
+const SettingItem = _ref2 => {
+  let {
+    onPress,
+    text,
+    iconName,
+    IconType,
+    disabled = false
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    disabled: disabled,
+    style: [styles.button, disabled ? {
+      opacity: 0.6
+    } : null],
+    onPress: onPress
+  }, /*#__PURE__*/React.createElement(IconType, {
+    name: iconName,
+    size: 24,
+    style: styles.icon
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, text));
+};
+const styles = StyleSheet.create({
+  container: {
+    padding: 24
+  },
+  contentContainer: {
+    marginTop: 16
+  },
+  roleChangeModalHeading: {
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    fontSize: 20,
+    lineHeight: 24,
+    letterSpacing: 0.15,
+    fontFamily: 'Inter-Medium',
+    textTransform: 'capitalize'
+  },
+  participantRole: {
+    color: COLORS.TEXT.MEDIUM_EMPHASIS,
+    fontSize: 12,
+    lineHeight: 16,
+    letterSpacing: 0.4,
+    marginTop: 4,
+    fontFamily: 'Inter-Regular',
+    textTransform: 'capitalize'
+  },
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginVertical: 12
+  },
+  text: {
+    fontFamily: 'Inter-Medium',
+    fontSize: 14,
+    lineHeight: 24,
+    color: COLORS.TEXT.HIGH_EMPHASIS
+  },
+  icon: {
+    color: COLORS.WHITE,
+    marginRight: 12
+  }
+});
+//# sourceMappingURL=PeerSettingsModalContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","TouchableOpacity","Text","StyleSheet","batch","useDispatch","useSelector","HMSTrackSource","Ionicons","MaterialCommunityIcons","COLORS","ModalTypes","isTileOnSpotlight","setPeerToUpdate","useModalType","PeerSettingsModalContent","_ref","_localPeer$role","_peer$audioTrack","_peer$videoTrack","_peer$role","_peerTrackNode$track","peerTrackNode","cancelModal","onCaptureScreenShotPress","onCaptureImageAtMaxSupportedResolutionPress","onStreamingQualityPress","dispatch","hmsInstance","state","user","localPeer","hmsStates","hmsSessionStore","spotlightTrackId","handleModalVisibleType","setModalVisible","removePeer","peer","then","d","console","log","catch","e","toggleMuteAudio","isLocal","changeTrackState","audioTrack","isMute","toggleMuteVideo","videoTrack","changeName","CHANGE_NAME","changeRole","CHANGE_ROLE","changeVolumeLevelOfPeer","VOLUME","onSpotlight","tileVideoTrackId","tileAudioTrackId","tileVideoTrack","track","peerRegularAudioTrack","peerAuxTracks","auxiliaryTracks","handleSpotlightPress","set","error","localPeerPermissions","role","permissions","isPeerAudioMute","isPeerVideoMute","createElement","style","styles","container","roleChangeModalHeading","name","participantRole","contentContainer","SettingItem","text","IconType","iconName","onPress","disabled","trackId","mute","unmute","Fragment","removeOthers","source","SCREEN","_ref2","button","opacity","size","icon","create","padding","marginTop","color","TEXT","HIGH_EMPHASIS","fontSize","lineHeight","letterSpacing","fontFamily","textTransform","MEDIUM_EMPHASIS","flexDirection","alignItems","marginVertical","WHITE","marginRight"],"sourceRoot":"../../../src","sources":["components/PeerSettingsModalContent.tsx"],"mappings":"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"}

package/lib/module/components/Picker.js

@@ -0,0 +1,83 @@
+import React, { useState } from 'react';
+import { Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
+import { Menu, MenuItem } from './MenuModal';
+import { COLORS } from '../utils/theme';
+export const CustomPicker = _ref => {
+  let {
+    data,
+    selectedItem,
+    onItemSelected,
+    viewStyle
+  } = _ref;
+  const [visible, setVisible] = useState(false);
+  const hideMenu = () => setVisible(false);
+  const showMenu = () => setVisible(true);
+  return /*#__PURE__*/React.createElement(Menu, {
+    visible: visible,
+    anchor: /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: [styles.chatFilterContainer, viewStyle],
+      onPress: showMenu
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.chatFilterText,
+      numberOfLines: 1
+    }, selectedItem), /*#__PURE__*/React.createElement(MaterialIcons, {
+      name: visible ? 'arrow-drop-up' : 'arrow-drop-down',
+      style: styles.chatFilterIcon,
+      size: 24
+    })),
+    onRequestClose: hideMenu,
+    style: styles.chatMenuContainer
+  }, data === null || data === void 0 ? void 0 : data.map(value => {
+    return /*#__PURE__*/React.createElement(MenuItem, {
+      onPress: () => {
+        hideMenu();
+        onItemSelected(value);
+      },
+      key: value
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.chatMenuItem
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.chatMenuItemName
+    }, value)));
+  }));
+};
+const styles = StyleSheet.create({
+  chatFilterContainer: {
+    padding: 8,
+    marginVertical: 16,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  chatFilterText: {
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    fontFamily: 'Inter-Regular',
+    fontSize: 12,
+    lineHeight: 16,
+    letterSpacing: 0.4,
+    marginRight: 12,
+    textTransform: 'capitalize'
+  },
+  chatFilterIcon: {
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    position: 'absolute',
+    right: 0
+  },
+  chatMenuContainer: {
+    backgroundColor: COLORS.SURFACE.LIGHT
+  },
+  chatMenuItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingLeft: Platform.OS === 'ios' ? 16 : 0
+  },
+  chatMenuItemName: {
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.1,
+    fontFamily: 'Inter-Medium',
+    textTransform: 'capitalize'
+  }
+});
+//# sourceMappingURL=Picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Platform","StyleSheet","Text","TouchableOpacity","View","MaterialIcons","Menu","MenuItem","COLORS","CustomPicker","_ref","data","selectedItem","onItemSelected","viewStyle","visible","setVisible","hideMenu","showMenu","createElement","anchor","style","styles","chatFilterContainer","onPress","chatFilterText","numberOfLines","name","chatFilterIcon","size","onRequestClose","chatMenuContainer","map","value","key","chatMenuItem","chatMenuItemName","create","padding","marginVertical","flexDirection","alignItems","color","TEXT","HIGH_EMPHASIS","fontFamily","fontSize","lineHeight","letterSpacing","marginRight","textTransform","position","right","backgroundColor","SURFACE","LIGHT","paddingLeft","OS"],"sourceRoot":"../../../src","sources":["components/Picker.tsx"],"mappings":"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"}

package/lib/module/components/PressableIcon.js

@@ -0,0 +1,37 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import { COLORS } from '../utils/theme';
+export const PressableIcon = _ref => {
+  let {
+    children,
+    style,
+    active = false,
+    rounded = false,
+    border = true,
+    ...restProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
+    style: [styles.pressable, {
+      borderRadius: rounded ? 20 : undefined,
+      ...(border ? styles.withBorder : undefined),
+      ...(active ? styles.active : undefined)
+    }, style]
+  }, restProps), children);
+};
+const styles = StyleSheet.create({
+  pressable: {
+    padding: 8,
+    alignSelf: 'flex-start'
+  },
+  withBorder: {
+    borderRadius: 8,
+    borderColor: COLORS.BORDER.BRIGHT,
+    borderWidth: 1
+  },
+  active: {
+    backgroundColor: COLORS.SECONDARY.DIM,
+    borderColor: COLORS.SECONDARY.DIM
+  }
+});
+//# sourceMappingURL=PressableIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","TouchableOpacity","COLORS","PressableIcon","_ref","children","style","active","rounded","border","restProps","createElement","_extends","styles","pressable","borderRadius","undefined","withBorder","create","padding","alignSelf","borderColor","BORDER","BRIGHT","borderWidth","backgroundColor","SECONDARY","DIM"],"sourceRoot":"../../../src","sources":["components/PressableIcon.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAG3D,SAASC,MAAM,QAAQ,gBAAgB;AASvC,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAOrD;EAAA,IAPsD;IAC1DC,QAAQ;IACRC,KAAK;IACLC,MAAM,GAAG,KAAK;IACdC,OAAO,GAAG,KAAK;IACfC,MAAM,GAAG,IAAI;IACb,GAAGC;EACL,CAAC,GAAAN,IAAA;EACC,oBACEL,KAAA,CAAAY,aAAA,CAACV,gBAAgB,EAAAW,QAAA;IACfN,KAAK,EAAE,CACLO,MAAM,CAACC,SAAS,EAChB;MACEC,YAAY,EAAEP,OAAO,GAAG,EAAE,GAAGQ,SAAS;MACtC,IAAIP,MAAM,GAAGI,MAAM,CAACI,UAAU,GAAGD,SAAS,CAAC;MAC3C,IAAIT,MAAM,GAAGM,MAAM,CAACN,MAAM,GAAGS,SAAS;IACxC,CAAC,EACDV,KAAK;EACL,GACEI,SAAS,GAEZL,QACe,CAAC;AAEvB,CAAC;AAED,MAAMQ,MAAM,GAAGb,UAAU,CAACkB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE;EACb,CAAC;EACDH,UAAU,EAAE;IACVF,YAAY,EAAE,CAAC;IACfM,WAAW,EAAEnB,MAAM,CAACoB,MAAM,CAACC,MAAM;IACjCC,WAAW,EAAE;EACf,CAAC;EACDjB,MAAM,EAAE;IACNkB,eAAe,EAAEvB,MAAM,CAACwB,SAAS,CAACC,GAAG;IACrCN,WAAW,EAAEnB,MAAM,CAACwB,SAAS,CAACC;EAChC;AACF,CAAC,CAAC"}

package/lib/module/components/Preview.js

@@ -0,0 +1,77 @@
+import React, { useEffect } from 'react';
+import { ScrollView, StyleSheet, View } from 'react-native';
+import { AvoidSoftInput } from 'react-native-avoid-softinput';
+import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
+import { COLORS } from '../utils/theme';
+import { BackButton } from './BackButton';
+import { HMSManageCameraRotation } from './HMSManageCameraRotation';
+import { HMSManageLocalAudio } from './HMSManageLocalAudio';
+import { HMSManageLocalVideo } from './HMSManageLocalVideo';
+import { HMSPreviewEditName } from './HMSPreviewEditName';
+import { HMSPreviewJoinButton } from './HMSPreviewJoinButton';
+import { HMSPreviewPeersList } from './HMSPreviewPeersList';
+import { HMSPreviewSubtitle } from './HMSPreviewSubtitle';
+import { HMSPreviewTile } from './HMSPreviewTile';
+import { HMSPreviewTitle } from './HMSPreviewTitle';
+import { HMSPreviewDeviceSettings } from './HMSPreviewDeviceSettings';
+export const Preview = _ref => {
+  let {
+    join,
+    loadingButtonState
+  } = _ref;
+  const {
+    bottom
+  } = useSafeAreaInsets();
+  useEffect(() => {
+    AvoidSoftInput.setAdjustNothing();
+    AvoidSoftInput.setEnabled(true);
+    return () => AvoidSoftInput.setEnabled(false);
+  }, []);
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    contentContainerStyle: styles.scrollContainer,
+    bounces: false
+  }, /*#__PURE__*/React.createElement(BackButton, null), /*#__PURE__*/React.createElement(HMSPreviewTitle, null), /*#__PURE__*/React.createElement(HMSPreviewSubtitle, null), /*#__PURE__*/React.createElement(HMSPreviewPeersList, null), /*#__PURE__*/React.createElement(HMSPreviewTile, null), /*#__PURE__*/React.createElement(View, {
+    style: styles.controlsContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.micAndCameraControls
+  }, /*#__PURE__*/React.createElement(HMSManageLocalAudio, null), /*#__PURE__*/React.createElement(View, {
+    style: styles.manageLocalVideoWrapper
+  }, /*#__PURE__*/React.createElement(HMSManageLocalVideo, null)), /*#__PURE__*/React.createElement(HMSManageCameraRotation, null)), /*#__PURE__*/React.createElement(HMSPreviewDeviceSettings, null)), /*#__PURE__*/React.createElement(View, {
+    style: [styles.joinButtonRow, {
+      marginBottom: 34 - bottom + 12
+    }]
+  }, /*#__PURE__*/React.createElement(HMSPreviewEditName, null), /*#__PURE__*/React.createElement(HMSPreviewJoinButton, {
+    onJoin: join,
+    loading: loadingButtonState
+  }))));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: COLORS.BACKGROUND.DIM
+  },
+  scrollContainer: {
+    flexGrow: 1
+  },
+  controlsContainer: {
+    marginHorizontal: 24,
+    marginTop: 24,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  micAndCameraControls: {
+    flexDirection: 'row'
+  },
+  manageLocalVideoWrapper: {
+    marginHorizontal: 16
+  },
+  joinButtonRow: {
+    marginHorizontal: 24,
+    marginTop: 16,
+    flexDirection: 'row'
+  }
+});
+//# sourceMappingURL=Preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","ScrollView","StyleSheet","View","AvoidSoftInput","SafeAreaView","useSafeAreaInsets","COLORS","BackButton","HMSManageCameraRotation","HMSManageLocalAudio","HMSManageLocalVideo","HMSPreviewEditName","HMSPreviewJoinButton","HMSPreviewPeersList","HMSPreviewSubtitle","HMSPreviewTile","HMSPreviewTitle","HMSPreviewDeviceSettings","Preview","_ref","join","loadingButtonState","bottom","setAdjustNothing","setEnabled","createElement","style","styles","container","contentContainerStyle","scrollContainer","bounces","controlsContainer","micAndCameraControls","manageLocalVideoWrapper","joinButtonRow","marginBottom","onJoin","loading","create","flex","backgroundColor","BACKGROUND","DIM","flexGrow","marginHorizontal","marginTop","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/Preview.tsx"],"mappings":"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"}