@100mslive/react-native-room-kit 0.0.3 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +413 -11
- package/lib/commonjs/HMSInstanceSetup.js +3 -15
- package/lib/commonjs/HMSInstanceSetup.js.map +1 -1
- package/lib/commonjs/HMSPrebuilt.js +17 -6
- package/lib/commonjs/HMSPrebuilt.js.map +1 -1
- package/lib/commonjs/HMSRoomSetup.js +76 -21
- package/lib/commonjs/HMSRoomSetup.js.map +1 -1
- package/lib/commonjs/Icons/AlertTriangle/assets/alert-triangle.png +0 -0
- package/lib/commonjs/Icons/AlertTriangle/assets/alert-triangle@2x.png +0 -0
- package/lib/commonjs/Icons/AlertTriangle/assets/alert-triangle@3x.png +0 -0
- package/lib/commonjs/Icons/AlertTriangle/index.js +34 -0
- package/lib/commonjs/Icons/AlertTriangle/index.js.map +1 -0
- package/lib/commonjs/Icons/AnswerPhone/index.js +5 -1
- package/lib/commonjs/Icons/AnswerPhone/index.js.map +1 -1
- package/lib/commonjs/Icons/BRB/assets/BRB.png +0 -0
- package/lib/commonjs/Icons/BRB/assets/BRB@2x.png +0 -0
- package/lib/commonjs/Icons/BRB/assets/BRB@3x.png +0 -0
- package/lib/commonjs/Icons/BRB/index.js +35 -0
- package/lib/commonjs/Icons/BRB/index.js.map +1 -0
- package/lib/commonjs/Icons/Bluetooth/index.js +5 -1
- package/lib/commonjs/Icons/Bluetooth/index.js.map +1 -1
- package/lib/commonjs/Icons/Camera/index.js +5 -1
- package/lib/commonjs/Icons/Camera/index.js.map +1 -1
- package/lib/commonjs/Icons/Chat/index.js +5 -1
- package/lib/commonjs/Icons/Chat/index.js.map +1 -1
- package/lib/commonjs/Icons/Check/assets/check.png +0 -0
- package/lib/commonjs/Icons/Check/assets/check@2x.png +0 -0
- package/lib/commonjs/Icons/Check/assets/check@3x.png +0 -0
- package/lib/commonjs/Icons/Check/index.js +34 -0
- package/lib/commonjs/Icons/Check/index.js.map +1 -0
- package/lib/commonjs/Icons/Chevron/index.js +5 -1
- package/lib/commonjs/Icons/Chevron/index.js.map +1 -1
- package/lib/commonjs/Icons/Close/index.js +5 -1
- package/lib/commonjs/Icons/Close/index.js.map +1 -1
- package/lib/commonjs/Icons/Hamburger/assets/hamburger.png +0 -0
- package/lib/commonjs/Icons/Hamburger/assets/hamburger@2x.png +0 -0
- package/lib/commonjs/Icons/Hamburger/assets/hamburger@3x.png +0 -0
- package/lib/commonjs/Icons/Hamburger/index.js +34 -0
- package/lib/commonjs/Icons/Hamburger/index.js.map +1 -0
- package/lib/commonjs/Icons/Hand/index.js +6 -4
- package/lib/commonjs/Icons/Hand/index.js.map +1 -1
- package/lib/commonjs/Icons/Headphones/index.js +5 -1
- package/lib/commonjs/Icons/Headphones/index.js.map +1 -1
- package/lib/commonjs/Icons/Maximize/assets/maximize.png +0 -0
- package/lib/commonjs/Icons/Maximize/assets/maximize@2x.png +0 -0
- package/lib/commonjs/Icons/Maximize/assets/maximize@3x.png +0 -0
- package/lib/commonjs/Icons/Maximize/index.js +34 -0
- package/lib/commonjs/Icons/Maximize/index.js.map +1 -0
- package/lib/commonjs/Icons/Mic/index.js +5 -1
- package/lib/commonjs/Icons/Mic/index.js.map +1 -1
- package/lib/commonjs/Icons/Minimize/assets/minimize.png +0 -0
- package/lib/commonjs/Icons/Minimize/assets/minimize@2x.png +0 -0
- package/lib/commonjs/Icons/Minimize/assets/minimize@3x.png +0 -0
- package/lib/commonjs/Icons/Minimize/index.js +34 -0
- package/lib/commonjs/Icons/Minimize/index.js.map +1 -0
- package/lib/commonjs/Icons/Participants/index.js +5 -1
- package/lib/commonjs/Icons/Participants/index.js.map +1 -1
- package/lib/commonjs/Icons/Pencil/assets/pencil.png +0 -0
- package/lib/commonjs/Icons/Pencil/assets/pencil@2x.png +0 -0
- package/lib/commonjs/Icons/Pencil/assets/pencil@3x.png +0 -0
- package/lib/commonjs/Icons/Pencil/index.js +34 -0
- package/lib/commonjs/Icons/Pencil/index.js.map +1 -0
- package/lib/commonjs/Icons/Pin/assets/pin.png +0 -0
- package/lib/commonjs/Icons/Pin/assets/pin@2x.png +0 -0
- package/lib/commonjs/Icons/Pin/assets/pin@3x.png +0 -0
- package/lib/commonjs/Icons/Pin/index.js +34 -0
- package/lib/commonjs/Icons/Pin/index.js.map +1 -0
- package/lib/commonjs/Icons/Radio/assets/radio.png +0 -0
- package/lib/commonjs/Icons/Radio/assets/radio@2x.png +0 -0
- package/lib/commonjs/Icons/Radio/assets/radio@3x.png +0 -0
- package/lib/commonjs/Icons/Radio/index.js +30 -0
- package/lib/commonjs/Icons/Radio/index.js.map +1 -0
- package/lib/commonjs/Icons/Recording/assets/recording.png +0 -0
- package/lib/commonjs/Icons/Recording/assets/recording@2x.png +0 -0
- package/lib/commonjs/Icons/Recording/assets/recording@3x.png +0 -0
- package/lib/commonjs/Icons/Recording/index.js +34 -0
- package/lib/commonjs/Icons/Recording/index.js.map +1 -0
- package/lib/commonjs/Icons/RotateCamera/index.js +5 -1
- package/lib/commonjs/Icons/RotateCamera/index.js.map +1 -1
- package/lib/commonjs/Icons/ScreenShare/index.js +5 -1
- package/lib/commonjs/Icons/ScreenShare/index.js.map +1 -1
- package/lib/commonjs/Icons/Speaker/index.js +5 -1
- package/lib/commonjs/Icons/Speaker/index.js.map +1 -1
- package/lib/commonjs/Icons/Star/assets/star.png +0 -0
- package/lib/commonjs/Icons/Star/assets/star@2x.png +0 -0
- package/lib/commonjs/Icons/Star/assets/star@3x.png +0 -0
- package/lib/commonjs/Icons/Star/index.js +34 -0
- package/lib/commonjs/Icons/Star/index.js.map +1 -0
- package/lib/commonjs/Icons/Stop/assets/stop.png +0 -0
- package/lib/commonjs/Icons/Stop/assets/stop@2x.png +0 -0
- package/lib/commonjs/Icons/Stop/assets/stop@3x.png +0 -0
- package/lib/commonjs/Icons/Stop/index.js +34 -0
- package/lib/commonjs/Icons/Stop/index.js.map +1 -0
- package/lib/commonjs/Icons/ThreeDots/index.js +5 -1
- package/lib/commonjs/Icons/ThreeDots/index.js.map +1 -1
- package/lib/commonjs/Icons/Wave/index.js +5 -1
- package/lib/commonjs/Icons/Wave/index.js.map +1 -1
- package/lib/commonjs/Icons/index.js +132 -0
- package/lib/commonjs/Icons/index.js.map +1 -1
- package/lib/commonjs/components/AvatarView.js +1 -2
- package/lib/commonjs/components/AvatarView.js.map +1 -1
- package/lib/commonjs/components/BackButton.js +8 -6
- package/lib/commonjs/components/BackButton.js.map +1 -1
- package/lib/commonjs/components/BottomSheet.js +157 -0
- package/lib/commonjs/components/BottomSheet.js.map +1 -0
- package/lib/commonjs/components/ChangeNameModalContent.js +131 -0
- package/lib/commonjs/components/ChangeNameModalContent.js.map +1 -0
- package/lib/commonjs/components/CompanyLogo.js +38 -0
- package/lib/commonjs/components/CompanyLogo.js.map +1 -0
- package/lib/commonjs/components/CustomInput.js +2 -3
- package/lib/commonjs/components/CustomInput.js.map +1 -1
- package/lib/commonjs/components/DisplayView.js +12 -58
- package/lib/commonjs/components/DisplayView.js.map +1 -1
- package/lib/commonjs/components/EndRoomModalContent.js +85 -0
- package/lib/commonjs/components/EndRoomModalContent.js.map +1 -0
- package/lib/commonjs/components/Footer.js +8 -9
- package/lib/commonjs/components/Footer.js.map +1 -1
- package/lib/commonjs/components/GridView.js +53 -7
- package/lib/commonjs/components/GridView.js.map +1 -1
- package/lib/commonjs/components/HMSBaseButton.js +66 -0
- package/lib/commonjs/components/HMSBaseButton.js.map +1 -0
- package/lib/commonjs/components/HMSDangerButton.js +53 -0
- package/lib/commonjs/components/HMSDangerButton.js.map +1 -0
- package/lib/commonjs/components/HMSHLSStreamLoading.js +65 -0
- package/lib/commonjs/components/HMSHLSStreamLoading.js.map +1 -0
- package/lib/commonjs/components/HMSLocalVideoView.js +41 -0
- package/lib/commonjs/components/HMSLocalVideoView.js.map +1 -0
- package/lib/commonjs/components/{HMSSpeakerSettings.js → HMSManageAudioOutput.js} +70 -76
- package/lib/commonjs/components/HMSManageAudioOutput.js.map +1 -0
- package/lib/commonjs/components/HMSManageCameraRotation.js +5 -4
- package/lib/commonjs/components/HMSManageCameraRotation.js.map +1 -1
- package/lib/commonjs/components/HMSManageLeave.js +91 -159
- package/lib/commonjs/components/HMSManageLeave.js.map +1 -1
- package/lib/commonjs/components/HMSManageLocalAudio.js +1 -9
- package/lib/commonjs/components/HMSManageLocalAudio.js.map +1 -1
- package/lib/commonjs/components/HMSManageLocalVideo.js +1 -9
- package/lib/commonjs/components/HMSManageLocalVideo.js.map +1 -1
- package/lib/commonjs/components/HMSMeetingEnded.js +35 -0
- package/lib/commonjs/components/HMSMeetingEnded.js.map +1 -0
- package/lib/commonjs/components/HMSPreviewEditName.js +7 -38
- package/lib/commonjs/components/HMSPreviewEditName.js.map +1 -1
- package/lib/commonjs/components/HMSPreviewHLSLiveIndicator.js +71 -0
- package/lib/commonjs/components/HMSPreviewHLSLiveIndicator.js.map +1 -0
- package/lib/commonjs/components/HMSPreviewJoinButton.js +26 -37
- package/lib/commonjs/components/HMSPreviewJoinButton.js.map +1 -1
- package/lib/commonjs/components/HMSPreviewNetworkQuality.js +45 -0
- package/lib/commonjs/components/HMSPreviewNetworkQuality.js.map +1 -0
- package/lib/commonjs/components/HMSPreviewPeersList.js +21 -33
- package/lib/commonjs/components/HMSPreviewPeersList.js.map +1 -1
- package/lib/commonjs/components/HMSPreviewSubtitle.js +43 -7
- package/lib/commonjs/components/HMSPreviewSubtitle.js.map +1 -1
- package/lib/commonjs/components/HMSPreviewTile.js +18 -26
- package/lib/commonjs/components/HMSPreviewTile.js.map +1 -1
- package/lib/commonjs/components/HMSPreviewTitle.js +14 -6
- package/lib/commonjs/components/HMSPreviewTitle.js.map +1 -1
- package/lib/commonjs/components/HMSPrimaryButton.js +53 -0
- package/lib/commonjs/components/HMSPrimaryButton.js.map +1 -0
- package/lib/commonjs/components/HMSRecordingIndicator.js +46 -0
- package/lib/commonjs/components/HMSRecordingIndicator.js.map +1 -0
- package/lib/commonjs/components/HMSRoomOptions.js +22 -10
- package/lib/commonjs/components/HMSRoomOptions.js.map +1 -1
- package/lib/commonjs/components/HMSShowNetworkQuality.js +5 -6
- package/lib/commonjs/components/HMSShowNetworkQuality.js.map +1 -1
- package/lib/commonjs/components/HMSTextInput.js +66 -0
- package/lib/commonjs/components/HMSTextInput.js.map +1 -0
- package/lib/commonjs/components/Header.js +30 -30
- package/lib/commonjs/components/Header.js.map +1 -1
- package/lib/commonjs/components/LocalPeerRegularVideoView.js +26 -0
- package/lib/commonjs/components/LocalPeerRegularVideoView.js.map +1 -0
- package/lib/commonjs/components/LocalPeerScreenshareView.js +76 -0
- package/lib/commonjs/components/LocalPeerScreenshareView.js.map +1 -0
- package/lib/commonjs/components/Meeting.js +14 -3
- package/lib/commonjs/components/Meeting.js.map +1 -1
- package/lib/commonjs/components/MenuModal/Menu.js +1 -2
- package/lib/commonjs/components/MenuModal/Menu.js.map +1 -1
- package/lib/commonjs/components/MiniView.js +163 -0
- package/lib/commonjs/components/MiniView.js.map +1 -0
- package/lib/commonjs/components/Modals.js +35 -380
- package/lib/commonjs/components/Modals.js.map +1 -1
- package/lib/commonjs/components/PaginationDots.js +56 -0
- package/lib/commonjs/components/PaginationDots.js.map +1 -0
- package/lib/commonjs/components/Participants/ParticipantsList.js +1 -20
- package/lib/commonjs/components/Participants/ParticipantsList.js.map +1 -1
- package/lib/commonjs/components/ParticipantsCount.js +55 -0
- package/lib/commonjs/components/ParticipantsCount.js.map +1 -0
- package/lib/commonjs/components/PeerMinimizedView.js +114 -0
- package/lib/commonjs/components/PeerMinimizedView.js.map +1 -0
- package/lib/commonjs/components/PeerSettingsModalContent.js +69 -63
- package/lib/commonjs/components/PeerSettingsModalContent.js.map +1 -1
- package/lib/commonjs/components/PeerVideoTile/AvatarView.js +76 -0
- package/lib/commonjs/components/PeerVideoTile/AvatarView.js.map +1 -0
- package/lib/commonjs/components/PeerVideoTile/PeerAudioMutedIndicator.js +44 -0
- package/lib/commonjs/components/PeerVideoTile/PeerAudioMutedIndicator.js.map +1 -0
- package/lib/commonjs/components/PeerVideoTile/PeerMetadata.js +44 -0
- package/lib/commonjs/components/PeerVideoTile/PeerMetadata.js.map +1 -0
- package/lib/commonjs/components/PeerVideoTile/PeerNameAndNetwork.js +74 -0
- package/lib/commonjs/components/PeerVideoTile/PeerNameAndNetwork.js.map +1 -0
- package/lib/commonjs/components/PeerVideoTile/PeerVideoTileView.js +146 -0
- package/lib/commonjs/components/PeerVideoTile/PeerVideoTileView.js.map +1 -0
- package/lib/commonjs/components/PeerVideoTile/VideoView.js +84 -0
- package/lib/commonjs/components/PeerVideoTile/VideoView.js.map +1 -0
- package/lib/commonjs/components/PeerVideoTile/index.js +2 -0
- package/lib/commonjs/components/PeerVideoTile/index.js.map +1 -0
- package/lib/commonjs/components/PressableIcon.js +15 -8
- package/lib/commonjs/components/PressableIcon.js.map +1 -1
- package/lib/commonjs/components/Preview.js +93 -72
- package/lib/commonjs/components/Preview.js.map +1 -1
- package/lib/commonjs/components/RoomSettingsModalContent.js +228 -457
- package/lib/commonjs/components/RoomSettingsModalContent.js.map +1 -1
- package/lib/commonjs/components/RoomSettingsModalDebugModeContent.js +295 -0
- package/lib/commonjs/components/RoomSettingsModalDebugModeContent.js.map +1 -0
- package/lib/commonjs/components/StopRecordingModalContent.js +97 -0
- package/lib/commonjs/components/StopRecordingModalContent.js.map +1 -0
- package/lib/commonjs/components/Tile.js +29 -90
- package/lib/commonjs/components/Tile.js.map +1 -1
- package/lib/commonjs/components/TilesContainer.js +99 -10
- package/lib/commonjs/components/TilesContainer.js.map +1 -1
- package/lib/commonjs/components/UnmountAfterDelay.js +48 -0
- package/lib/commonjs/components/UnmountAfterDelay.js.map +1 -0
- package/lib/commonjs/components/WebrtcView.js +51 -0
- package/lib/commonjs/components/WebrtcView.js.map +1 -0
- package/lib/commonjs/components/WelcomeInMeeting.js +54 -0
- package/lib/commonjs/components/WelcomeInMeeting.js.map +1 -0
- package/lib/commonjs/components/index.js +0 -11
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/hooks/useHmsInstance.js +0 -1
- package/lib/commonjs/hooks/useHmsInstance.js.map +1 -1
- package/lib/commonjs/hooks-sdk-selectors.js +6 -1
- package/lib/commonjs/hooks-sdk-selectors.js.map +1 -1
- package/lib/commonjs/hooks-sdk.js +16 -1
- package/lib/commonjs/hooks-sdk.js.map +1 -1
- package/lib/commonjs/hooks-util-selectors.js +14 -1
- package/lib/commonjs/hooks-util-selectors.js.map +1 -1
- package/lib/commonjs/hooks-util.js +421 -98
- package/lib/commonjs/hooks-util.js.map +1 -1
- package/lib/commonjs/modules/HMSManager.js +23 -0
- package/lib/commonjs/modules/HMSManager.js.map +1 -0
- package/lib/commonjs/modules/parser.js +22 -0
- package/lib/commonjs/modules/parser.js.map +1 -0
- package/lib/commonjs/peerTrackNodeUtils.js +8 -3
- package/lib/commonjs/peerTrackNodeUtils.js.map +1 -1
- package/lib/commonjs/redux/actionTypes.js +20 -1
- package/lib/commonjs/redux/actionTypes.js.map +1 -1
- package/lib/commonjs/redux/actions/index.js +65 -1
- package/lib/commonjs/redux/actions/index.js.map +1 -1
- package/lib/commonjs/redux/reducers/appState.js +70 -1
- package/lib/commonjs/redux/reducers/appState.js.map +1 -1
- package/lib/commonjs/redux/reducers/hmsStates.js +7 -1
- package/lib/commonjs/redux/reducers/hmsStates.js.map +1 -1
- package/lib/commonjs/redux/reducers/userState.js +3 -1
- package/lib/commonjs/redux/reducers/userState.js.map +1 -1
- package/lib/commonjs/utils/functions.js +51 -1
- package/lib/commonjs/utils/functions.js.map +1 -1
- package/lib/commonjs/utils/theme.js +63 -8
- package/lib/commonjs/utils/theme.js.map +1 -1
- package/lib/commonjs/utils/types.js +8 -2
- package/lib/commonjs/utils/types.js.map +1 -1
- package/lib/commonjs/utils.js +2 -2
- package/lib/commonjs/utils.js.map +1 -1
- package/lib/module/HMSInstanceSetup.js +3 -15
- package/lib/module/HMSInstanceSetup.js.map +1 -1
- package/lib/module/HMSPrebuilt.js +17 -5
- package/lib/module/HMSPrebuilt.js.map +1 -1
- package/lib/module/HMSRoomSetup.js +81 -26
- package/lib/module/HMSRoomSetup.js.map +1 -1
- package/lib/module/Icons/AlertTriangle/assets/alert-triangle.png +0 -0
- package/lib/module/Icons/AlertTriangle/assets/alert-triangle@2x.png +0 -0
- package/lib/module/Icons/AlertTriangle/assets/alert-triangle@3x.png +0 -0
- package/lib/module/Icons/AlertTriangle/index.js +26 -0
- package/lib/module/Icons/AlertTriangle/index.js.map +1 -0
- package/lib/module/Icons/AnswerPhone/index.js +5 -1
- package/lib/module/Icons/AnswerPhone/index.js.map +1 -1
- package/lib/module/Icons/BRB/assets/BRB.png +0 -0
- package/lib/module/Icons/BRB/assets/BRB@2x.png +0 -0
- package/lib/module/Icons/BRB/assets/BRB@3x.png +0 -0
- package/lib/module/Icons/BRB/index.js +27 -0
- package/lib/module/Icons/BRB/index.js.map +1 -0
- package/lib/module/Icons/Bluetooth/index.js +5 -1
- package/lib/module/Icons/Bluetooth/index.js.map +1 -1
- package/lib/module/Icons/Camera/index.js +5 -1
- package/lib/module/Icons/Camera/index.js.map +1 -1
- package/lib/module/Icons/Chat/index.js +5 -1
- package/lib/module/Icons/Chat/index.js.map +1 -1
- package/lib/module/Icons/Check/assets/check.png +0 -0
- package/lib/module/Icons/Check/assets/check@2x.png +0 -0
- package/lib/module/Icons/Check/assets/check@3x.png +0 -0
- package/lib/module/Icons/Check/index.js +26 -0
- package/lib/module/Icons/Check/index.js.map +1 -0
- package/lib/module/Icons/Chevron/index.js +5 -1
- package/lib/module/Icons/Chevron/index.js.map +1 -1
- package/lib/module/Icons/Close/index.js +5 -1
- package/lib/module/Icons/Close/index.js.map +1 -1
- package/lib/module/Icons/Hamburger/assets/hamburger.png +0 -0
- package/lib/module/Icons/Hamburger/assets/hamburger@2x.png +0 -0
- package/lib/module/Icons/Hamburger/assets/hamburger@3x.png +0 -0
- package/lib/module/Icons/Hamburger/index.js +26 -0
- package/lib/module/Icons/Hamburger/index.js.map +1 -0
- package/lib/module/Icons/Hand/index.js +6 -4
- package/lib/module/Icons/Hand/index.js.map +1 -1
- package/lib/module/Icons/Headphones/index.js +5 -1
- package/lib/module/Icons/Headphones/index.js.map +1 -1
- package/lib/module/Icons/Maximize/assets/maximize.png +0 -0
- package/lib/module/Icons/Maximize/assets/maximize@2x.png +0 -0
- package/lib/module/Icons/Maximize/assets/maximize@3x.png +0 -0
- package/lib/module/Icons/Maximize/index.js +26 -0
- package/lib/module/Icons/Maximize/index.js.map +1 -0
- package/lib/module/Icons/Mic/index.js +5 -1
- package/lib/module/Icons/Mic/index.js.map +1 -1
- package/lib/module/Icons/Minimize/assets/minimize.png +0 -0
- package/lib/module/Icons/Minimize/assets/minimize@2x.png +0 -0
- package/lib/module/Icons/Minimize/assets/minimize@3x.png +0 -0
- package/lib/module/Icons/Minimize/index.js +26 -0
- package/lib/module/Icons/Minimize/index.js.map +1 -0
- package/lib/module/Icons/Participants/index.js +5 -1
- package/lib/module/Icons/Participants/index.js.map +1 -1
- package/lib/module/Icons/Pencil/assets/pencil.png +0 -0
- package/lib/module/Icons/Pencil/assets/pencil@2x.png +0 -0
- package/lib/module/Icons/Pencil/assets/pencil@3x.png +0 -0
- package/lib/module/Icons/Pencil/index.js +26 -0
- package/lib/module/Icons/Pencil/index.js.map +1 -0
- package/lib/module/Icons/Pin/assets/pin.png +0 -0
- package/lib/module/Icons/Pin/assets/pin@2x.png +0 -0
- package/lib/module/Icons/Pin/assets/pin@3x.png +0 -0
- package/lib/module/Icons/Pin/index.js +26 -0
- package/lib/module/Icons/Pin/index.js.map +1 -0
- package/lib/module/Icons/Radio/assets/radio.png +0 -0
- package/lib/module/Icons/Radio/assets/radio@2x.png +0 -0
- package/lib/module/Icons/Radio/assets/radio@3x.png +0 -0
- package/lib/module/Icons/Radio/index.js +22 -0
- package/lib/module/Icons/Radio/index.js.map +1 -0
- package/lib/module/Icons/Recording/assets/recording.png +0 -0
- package/lib/module/Icons/Recording/assets/recording@2x.png +0 -0
- package/lib/module/Icons/Recording/assets/recording@3x.png +0 -0
- package/lib/module/Icons/Recording/index.js +26 -0
- package/lib/module/Icons/Recording/index.js.map +1 -0
- package/lib/module/Icons/RotateCamera/index.js +5 -1
- package/lib/module/Icons/RotateCamera/index.js.map +1 -1
- package/lib/module/Icons/ScreenShare/index.js +5 -1
- package/lib/module/Icons/ScreenShare/index.js.map +1 -1
- package/lib/module/Icons/Speaker/index.js +5 -1
- package/lib/module/Icons/Speaker/index.js.map +1 -1
- package/lib/module/Icons/Star/assets/star.png +0 -0
- package/lib/module/Icons/Star/assets/star@2x.png +0 -0
- package/lib/module/Icons/Star/assets/star@3x.png +0 -0
- package/lib/module/Icons/Star/index.js +26 -0
- package/lib/module/Icons/Star/index.js.map +1 -0
- package/lib/module/Icons/Stop/assets/stop.png +0 -0
- package/lib/module/Icons/Stop/assets/stop@2x.png +0 -0
- package/lib/module/Icons/Stop/assets/stop@3x.png +0 -0
- package/lib/module/Icons/Stop/index.js +26 -0
- package/lib/module/Icons/Stop/index.js.map +1 -0
- package/lib/module/Icons/ThreeDots/index.js +5 -1
- package/lib/module/Icons/ThreeDots/index.js.map +1 -1
- package/lib/module/Icons/Wave/index.js +5 -1
- package/lib/module/Icons/Wave/index.js.map +1 -1
- package/lib/module/Icons/index.js +12 -0
- package/lib/module/Icons/index.js.map +1 -1
- package/lib/module/components/AvatarView.js +1 -2
- package/lib/module/components/AvatarView.js.map +1 -1
- package/lib/module/components/BackButton.js +9 -7
- package/lib/module/components/BackButton.js.map +1 -1
- package/lib/module/components/BottomSheet.js +146 -0
- package/lib/module/components/BottomSheet.js.map +1 -0
- package/lib/module/components/ChangeNameModalContent.js +122 -0
- package/lib/module/components/ChangeNameModalContent.js.map +1 -0
- package/lib/module/components/CompanyLogo.js +30 -0
- package/lib/module/components/CompanyLogo.js.map +1 -0
- package/lib/module/components/CustomInput.js +2 -3
- package/lib/module/components/CustomInput.js.map +1 -1
- package/lib/module/components/DisplayView.js +16 -61
- package/lib/module/components/DisplayView.js.map +1 -1
- package/lib/module/components/EndRoomModalContent.js +76 -0
- package/lib/module/components/EndRoomModalContent.js.map +1 -0
- package/lib/module/components/Footer.js +9 -10
- package/lib/module/components/Footer.js.map +1 -1
- package/lib/module/components/GridView.js +55 -10
- package/lib/module/components/GridView.js.map +1 -1
- package/lib/module/components/HMSBaseButton.js +57 -0
- package/lib/module/components/HMSBaseButton.js.map +1 -0
- package/lib/module/components/HMSDangerButton.js +44 -0
- package/lib/module/components/HMSDangerButton.js.map +1 -0
- package/lib/module/components/HMSHLSStreamLoading.js +56 -0
- package/lib/module/components/HMSHLSStreamLoading.js.map +1 -0
- package/lib/module/components/HMSLocalVideoView.js +32 -0
- package/lib/module/components/HMSLocalVideoView.js.map +1 -0
- package/lib/module/components/{HMSSpeakerSettings.js → HMSManageAudioOutput.js} +70 -77
- package/lib/module/components/HMSManageAudioOutput.js.map +1 -0
- package/lib/module/components/HMSManageCameraRotation.js +5 -4
- package/lib/module/components/HMSManageCameraRotation.js.map +1 -1
- package/lib/module/components/HMSManageLeave.js +95 -161
- package/lib/module/components/HMSManageLeave.js.map +1 -1
- package/lib/module/components/HMSManageLocalAudio.js +1 -9
- package/lib/module/components/HMSManageLocalAudio.js.map +1 -1
- package/lib/module/components/HMSManageLocalVideo.js +1 -9
- package/lib/module/components/HMSManageLocalVideo.js.map +1 -1
- package/lib/module/components/HMSMeetingEnded.js +26 -0
- package/lib/module/components/HMSMeetingEnded.js.map +1 -0
- package/lib/module/components/HMSPreviewEditName.js +7 -38
- package/lib/module/components/HMSPreviewEditName.js.map +1 -1
- package/lib/module/components/HMSPreviewHLSLiveIndicator.js +62 -0
- package/lib/module/components/HMSPreviewHLSLiveIndicator.js.map +1 -0
- package/lib/module/components/HMSPreviewJoinButton.js +28 -39
- package/lib/module/components/HMSPreviewJoinButton.js.map +1 -1
- package/lib/module/components/HMSPreviewNetworkQuality.js +36 -0
- package/lib/module/components/HMSPreviewNetworkQuality.js.map +1 -0
- package/lib/module/components/HMSPreviewPeersList.js +21 -33
- package/lib/module/components/HMSPreviewPeersList.js.map +1 -1
- package/lib/module/components/HMSPreviewSubtitle.js +43 -7
- package/lib/module/components/HMSPreviewSubtitle.js.map +1 -1
- package/lib/module/components/HMSPreviewTile.js +18 -26
- package/lib/module/components/HMSPreviewTile.js.map +1 -1
- package/lib/module/components/HMSPreviewTitle.js +14 -6
- package/lib/module/components/HMSPreviewTitle.js.map +1 -1
- package/lib/module/components/HMSPrimaryButton.js +44 -0
- package/lib/module/components/HMSPrimaryButton.js.map +1 -0
- package/lib/module/components/HMSRecordingIndicator.js +37 -0
- package/lib/module/components/HMSRecordingIndicator.js.map +1 -0
- package/lib/module/components/HMSRoomOptions.js +23 -11
- package/lib/module/components/HMSRoomOptions.js.map +1 -1
- package/lib/module/components/HMSShowNetworkQuality.js +6 -7
- package/lib/module/components/HMSShowNetworkQuality.js.map +1 -1
- package/lib/module/components/HMSTextInput.js +57 -0
- package/lib/module/components/HMSTextInput.js.map +1 -0
- package/lib/module/components/Header.js +32 -32
- package/lib/module/components/Header.js.map +1 -1
- package/lib/module/components/LocalPeerRegularVideoView.js +17 -0
- package/lib/module/components/LocalPeerRegularVideoView.js.map +1 -0
- package/lib/module/components/LocalPeerScreenshareView.js +66 -0
- package/lib/module/components/LocalPeerScreenshareView.js.map +1 -0
- package/lib/module/components/Meeting.js +15 -4
- package/lib/module/components/Meeting.js.map +1 -1
- package/lib/module/components/MenuModal/Menu.js +1 -2
- package/lib/module/components/MenuModal/Menu.js.map +1 -1
- package/lib/module/components/MiniView.js +154 -0
- package/lib/module/components/MiniView.js.map +1 -0
- package/lib/module/components/Modals.js +37 -378
- package/lib/module/components/Modals.js.map +1 -1
- package/lib/module/components/PaginationDots.js +47 -0
- package/lib/module/components/PaginationDots.js.map +1 -0
- package/lib/module/components/Participants/ParticipantsList.js +1 -20
- package/lib/module/components/Participants/ParticipantsList.js.map +1 -1
- package/lib/module/components/ParticipantsCount.js +46 -0
- package/lib/module/components/ParticipantsCount.js.map +1 -0
- package/lib/module/components/PeerMinimizedView.js +104 -0
- package/lib/module/components/PeerMinimizedView.js.map +1 -0
- package/lib/module/components/PeerSettingsModalContent.js +72 -66
- package/lib/module/components/PeerSettingsModalContent.js.map +1 -1
- package/lib/module/components/PeerVideoTile/AvatarView.js +66 -0
- package/lib/module/components/PeerVideoTile/AvatarView.js.map +1 -0
- package/lib/module/components/PeerVideoTile/PeerAudioMutedIndicator.js +35 -0
- package/lib/module/components/PeerVideoTile/PeerAudioMutedIndicator.js.map +1 -0
- package/lib/module/components/PeerVideoTile/PeerMetadata.js +35 -0
- package/lib/module/components/PeerVideoTile/PeerMetadata.js.map +1 -0
- package/lib/module/components/PeerVideoTile/PeerNameAndNetwork.js +65 -0
- package/lib/module/components/PeerVideoTile/PeerNameAndNetwork.js.map +1 -0
- package/lib/module/components/PeerVideoTile/PeerVideoTileView.js +136 -0
- package/lib/module/components/PeerVideoTile/PeerVideoTileView.js.map +1 -0
- package/lib/module/components/PeerVideoTile/VideoView.js +75 -0
- package/lib/module/components/PeerVideoTile/VideoView.js.map +1 -0
- package/lib/module/components/PeerVideoTile/index.js +2 -0
- package/lib/module/components/PeerVideoTile/index.js.map +1 -0
- package/lib/module/components/PressableIcon.js +15 -8
- package/lib/module/components/PressableIcon.js.map +1 -1
- package/lib/module/components/Preview.js +93 -72
- package/lib/module/components/Preview.js.map +1 -1
- package/lib/module/components/RoomSettingsModalContent.js +231 -459
- package/lib/module/components/RoomSettingsModalContent.js.map +1 -1
- package/lib/module/components/RoomSettingsModalDebugModeContent.js +287 -0
- package/lib/module/components/RoomSettingsModalDebugModeContent.js.map +1 -0
- package/lib/module/components/StopRecordingModalContent.js +88 -0
- package/lib/module/components/StopRecordingModalContent.js.map +1 -0
- package/lib/module/components/Tile.js +30 -91
- package/lib/module/components/Tile.js.map +1 -1
- package/lib/module/components/TilesContainer.js +100 -10
- package/lib/module/components/TilesContainer.js.map +1 -1
- package/lib/module/components/UnmountAfterDelay.js +39 -0
- package/lib/module/components/UnmountAfterDelay.js.map +1 -0
- package/lib/module/components/WebrtcView.js +41 -0
- package/lib/module/components/WebrtcView.js.map +1 -0
- package/lib/module/components/WelcomeInMeeting.js +45 -0
- package/lib/module/components/WelcomeInMeeting.js.map +1 -0
- package/lib/module/components/index.js +0 -1
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/hooks/useHmsInstance.js +0 -1
- package/lib/module/hooks/useHmsInstance.js.map +1 -1
- package/lib/module/hooks-sdk-selectors.js +4 -0
- package/lib/module/hooks-sdk-selectors.js.map +1 -1
- package/lib/module/hooks-sdk.js +16 -1
- package/lib/module/hooks-sdk.js.map +1 -1
- package/lib/module/hooks-util-selectors.js +12 -0
- package/lib/module/hooks-util-selectors.js.map +1 -1
- package/lib/module/hooks-util.js +417 -104
- package/lib/module/hooks-util.js.map +1 -1
- package/lib/module/modules/HMSManager.js +17 -0
- package/lib/module/modules/HMSManager.js.map +1 -0
- package/lib/module/modules/parser.js +16 -0
- package/lib/module/modules/parser.js.map +1 -0
- package/lib/module/peerTrackNodeUtils.js +6 -2
- package/lib/module/peerTrackNodeUtils.js.map +1 -1
- package/lib/module/redux/actionTypes.js +20 -1
- package/lib/module/redux/actionTypes.js.map +1 -1
- package/lib/module/redux/actions/index.js +54 -0
- package/lib/module/redux/actions/index.js.map +1 -1
- package/lib/module/redux/reducers/appState.js +70 -1
- package/lib/module/redux/reducers/appState.js.map +1 -1
- package/lib/module/redux/reducers/hmsStates.js +7 -1
- package/lib/module/redux/reducers/hmsStates.js.map +1 -1
- package/lib/module/redux/reducers/userState.js +3 -1
- package/lib/module/redux/reducers/userState.js.map +1 -1
- package/lib/module/utils/functions.js +47 -0
- package/lib/module/utils/functions.js.map +1 -1
- package/lib/module/utils/theme.js +58 -5
- package/lib/module/utils/theme.js.map +1 -1
- package/lib/module/utils/types.js +6 -1
- package/lib/module/utils/types.js.map +1 -1
- package/lib/module/utils.js +2 -2
- package/lib/module/utils.js.map +1 -1
- package/lib/typescript/HMSInstanceSetup.d.ts.map +1 -1
- package/lib/typescript/HMSPrebuilt.d.ts +3 -3
- package/lib/typescript/HMSPrebuilt.d.ts.map +1 -1
- package/lib/typescript/HMSRoomSetup.d.ts.map +1 -1
- package/lib/typescript/Icons/AlertTriangle/index.d.ts +7 -0
- package/lib/typescript/Icons/AlertTriangle/index.d.ts.map +1 -0
- package/lib/typescript/Icons/AnswerPhone/index.d.ts.map +1 -1
- package/lib/typescript/Icons/BRB/index.d.ts +7 -0
- package/lib/typescript/Icons/BRB/index.d.ts.map +1 -0
- package/lib/typescript/Icons/Bluetooth/index.d.ts.map +1 -1
- package/lib/typescript/Icons/Camera/index.d.ts.map +1 -1
- package/lib/typescript/Icons/Chat/index.d.ts.map +1 -1
- package/lib/typescript/Icons/Check/index.d.ts +7 -0
- package/lib/typescript/Icons/Check/index.d.ts.map +1 -0
- package/lib/typescript/Icons/Chevron/index.d.ts.map +1 -1
- package/lib/typescript/Icons/Close/index.d.ts.map +1 -1
- package/lib/typescript/Icons/Hamburger/index.d.ts +7 -0
- package/lib/typescript/Icons/Hamburger/index.d.ts.map +1 -0
- package/lib/typescript/Icons/Hand/index.d.ts.map +1 -1
- package/lib/typescript/Icons/Headphones/index.d.ts.map +1 -1
- package/lib/typescript/Icons/Maximize/index.d.ts +7 -0
- package/lib/typescript/Icons/Maximize/index.d.ts.map +1 -0
- package/lib/typescript/Icons/Mic/index.d.ts.map +1 -1
- package/lib/typescript/Icons/Minimize/index.d.ts +7 -0
- package/lib/typescript/Icons/Minimize/index.d.ts.map +1 -0
- package/lib/typescript/Icons/Participants/index.d.ts.map +1 -1
- package/lib/typescript/Icons/Pencil/index.d.ts +7 -0
- package/lib/typescript/Icons/Pencil/index.d.ts.map +1 -0
- package/lib/typescript/Icons/Pin/index.d.ts +7 -0
- package/lib/typescript/Icons/Pin/index.d.ts.map +1 -0
- package/lib/typescript/Icons/Radio/index.d.ts +7 -0
- package/lib/typescript/Icons/Radio/index.d.ts.map +1 -0
- package/lib/typescript/Icons/Recording/index.d.ts +7 -0
- package/lib/typescript/Icons/Recording/index.d.ts.map +1 -0
- package/lib/typescript/Icons/RotateCamera/index.d.ts.map +1 -1
- package/lib/typescript/Icons/ScreenShare/index.d.ts.map +1 -1
- package/lib/typescript/Icons/Speaker/index.d.ts.map +1 -1
- package/lib/typescript/Icons/Star/index.d.ts +7 -0
- package/lib/typescript/Icons/Star/index.d.ts.map +1 -0
- package/lib/typescript/Icons/Stop/index.d.ts +7 -0
- package/lib/typescript/Icons/Stop/index.d.ts.map +1 -0
- package/lib/typescript/Icons/ThreeDots/index.d.ts.map +1 -1
- package/lib/typescript/Icons/Wave/index.d.ts.map +1 -1
- package/lib/typescript/Icons/index.d.ts +12 -0
- package/lib/typescript/Icons/index.d.ts.map +1 -1
- package/lib/typescript/components/BackButton.d.ts.map +1 -1
- package/lib/typescript/components/BottomSheet.d.ts +25 -0
- package/lib/typescript/components/BottomSheet.d.ts.map +1 -0
- package/lib/typescript/components/ChangeNameModalContent.d.ts +6 -0
- package/lib/typescript/components/ChangeNameModalContent.d.ts.map +1 -0
- package/lib/typescript/components/CompanyLogo.d.ts +7 -0
- package/lib/typescript/components/CompanyLogo.d.ts.map +1 -0
- package/lib/typescript/components/CustomInput.d.ts +1 -1
- package/lib/typescript/components/CustomInput.d.ts.map +1 -1
- package/lib/typescript/components/DisplayView.d.ts.map +1 -1
- package/lib/typescript/components/EndRoomModalContent.d.ts +6 -0
- package/lib/typescript/components/EndRoomModalContent.d.ts.map +1 -0
- package/lib/typescript/components/Footer.d.ts.map +1 -1
- package/lib/typescript/components/GridView.d.ts +3 -4
- package/lib/typescript/components/GridView.d.ts.map +1 -1
- package/lib/typescript/components/HMSBaseButton.d.ts +15 -0
- package/lib/typescript/components/HMSBaseButton.d.ts.map +1 -0
- package/lib/typescript/components/HMSDangerButton.d.ts +12 -0
- package/lib/typescript/components/HMSDangerButton.d.ts.map +1 -0
- package/lib/typescript/components/HMSHLSStreamLoading.d.ts +3 -0
- package/lib/typescript/components/HMSHLSStreamLoading.d.ts.map +1 -0
- package/lib/typescript/components/HMSLocalVideoView.d.ts +3 -0
- package/lib/typescript/components/HMSLocalVideoView.d.ts.map +1 -0
- package/lib/typescript/components/HMSManageAudioOutput.d.ts +3 -0
- package/lib/typescript/components/HMSManageAudioOutput.d.ts.map +1 -0
- package/lib/typescript/components/HMSManageLeave.d.ts.map +1 -1
- package/lib/typescript/components/HMSManageLocalAudio.d.ts.map +1 -1
- package/lib/typescript/components/HMSManageLocalVideo.d.ts.map +1 -1
- package/lib/typescript/components/HMSMeetingEnded.d.ts +3 -0
- package/lib/typescript/components/HMSMeetingEnded.d.ts.map +1 -0
- package/lib/typescript/components/HMSPreviewEditName.d.ts.map +1 -1
- package/lib/typescript/components/HMSPreviewHLSLiveIndicator.d.ts +3 -0
- package/lib/typescript/components/HMSPreviewHLSLiveIndicator.d.ts.map +1 -0
- package/lib/typescript/components/HMSPreviewJoinButton.d.ts.map +1 -1
- package/lib/typescript/components/HMSPreviewNetworkQuality.d.ts +3 -0
- package/lib/typescript/components/HMSPreviewNetworkQuality.d.ts.map +1 -0
- package/lib/typescript/components/HMSPreviewPeersList.d.ts.map +1 -1
- package/lib/typescript/components/HMSPreviewSubtitle.d.ts.map +1 -1
- package/lib/typescript/components/HMSPreviewTile.d.ts.map +1 -1
- package/lib/typescript/components/HMSPreviewTitle.d.ts.map +1 -1
- package/lib/typescript/components/HMSPrimaryButton.d.ts +12 -0
- package/lib/typescript/components/HMSPrimaryButton.d.ts.map +1 -0
- package/lib/typescript/components/HMSRecordingIndicator.d.ts +3 -0
- package/lib/typescript/components/HMSRecordingIndicator.d.ts.map +1 -0
- package/lib/typescript/components/HMSRoomOptions.d.ts.map +1 -1
- package/lib/typescript/components/HMSShowNetworkQuality.d.ts.map +1 -1
- package/lib/typescript/components/HMSTextInput.d.ts +10 -0
- package/lib/typescript/components/HMSTextInput.d.ts.map +1 -0
- package/lib/typescript/components/Header.d.ts.map +1 -1
- package/lib/typescript/components/LocalPeerRegularVideoView.d.ts +6 -0
- package/lib/typescript/components/LocalPeerRegularVideoView.d.ts.map +1 -0
- package/lib/typescript/components/LocalPeerScreenshareView.d.ts +3 -0
- package/lib/typescript/components/LocalPeerScreenshareView.d.ts.map +1 -0
- package/lib/typescript/components/Meeting.d.ts.map +1 -1
- package/lib/typescript/components/MenuModal/Menu.d.ts.map +1 -1
- package/lib/typescript/components/MiniView.d.ts +9 -0
- package/lib/typescript/components/MiniView.d.ts.map +1 -0
- package/lib/typescript/components/Modals.d.ts +1 -16
- package/lib/typescript/components/Modals.d.ts.map +1 -1
- package/lib/typescript/components/PaginationDots.d.ts +6 -0
- package/lib/typescript/components/PaginationDots.d.ts.map +1 -0
- package/lib/typescript/components/Participants/ParticipantsList.d.ts.map +1 -1
- package/lib/typescript/components/ParticipantsCount.d.ts +3 -0
- package/lib/typescript/components/ParticipantsCount.d.ts.map +1 -0
- package/lib/typescript/components/PeerMinimizedView.d.ts +12 -0
- package/lib/typescript/components/PeerMinimizedView.d.ts.map +1 -0
- package/lib/typescript/components/PeerSettingsModalContent.d.ts +1 -0
- package/lib/typescript/components/PeerSettingsModalContent.d.ts.map +1 -1
- package/lib/typescript/components/PeerVideoTile/AvatarView.d.ts +9 -0
- package/lib/typescript/components/PeerVideoTile/AvatarView.d.ts.map +1 -0
- package/lib/typescript/components/PeerVideoTile/PeerAudioMutedIndicator.d.ts +6 -0
- package/lib/typescript/components/PeerVideoTile/PeerAudioMutedIndicator.d.ts.map +1 -0
- package/lib/typescript/components/PeerVideoTile/PeerMetadata.d.ts +6 -0
- package/lib/typescript/components/PeerVideoTile/PeerMetadata.d.ts.map +1 -0
- package/lib/typescript/components/PeerVideoTile/PeerNameAndNetwork.d.ts +10 -0
- package/lib/typescript/components/PeerVideoTile/PeerNameAndNetwork.d.ts.map +1 -0
- package/lib/typescript/components/PeerVideoTile/PeerVideoTileView.d.ts +10 -0
- package/lib/typescript/components/PeerVideoTile/PeerVideoTileView.d.ts.map +1 -0
- package/lib/typescript/components/PeerVideoTile/VideoView.d.ts +13 -0
- package/lib/typescript/components/PeerVideoTile/VideoView.d.ts.map +1 -0
- package/lib/typescript/components/PeerVideoTile/index.d.ts +1 -0
- package/lib/typescript/components/PeerVideoTile/index.d.ts.map +1 -0
- package/lib/typescript/components/PressableIcon.d.ts.map +1 -1
- package/lib/typescript/components/Preview.d.ts.map +1 -1
- package/lib/typescript/components/RoomSettingsModalContent.d.ts +2 -2
- package/lib/typescript/components/RoomSettingsModalContent.d.ts.map +1 -1
- package/lib/typescript/components/RoomSettingsModalDebugModeContent.d.ts +17 -0
- package/lib/typescript/components/RoomSettingsModalDebugModeContent.d.ts.map +1 -0
- package/lib/typescript/components/StopRecordingModalContent.d.ts +6 -0
- package/lib/typescript/components/StopRecordingModalContent.d.ts.map +1 -0
- package/lib/typescript/components/Tile.d.ts +12 -3
- package/lib/typescript/components/Tile.d.ts.map +1 -1
- package/lib/typescript/components/TilesContainer.d.ts.map +1 -1
- package/lib/typescript/components/UnmountAfterDelay.d.ts +12 -0
- package/lib/typescript/components/UnmountAfterDelay.d.ts.map +1 -0
- package/lib/typescript/components/WebrtcView.d.ts +10 -0
- package/lib/typescript/components/WebrtcView.d.ts.map +1 -0
- package/lib/typescript/components/WelcomeInMeeting.d.ts +5 -0
- package/lib/typescript/components/WelcomeInMeeting.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +0 -1
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/hooks-sdk-selectors.d.ts +2 -0
- package/lib/typescript/hooks-sdk-selectors.d.ts.map +1 -1
- package/lib/typescript/hooks-sdk.d.ts +1 -0
- package/lib/typescript/hooks-sdk.d.ts.map +1 -1
- package/lib/typescript/hooks-util-selectors.d.ts +2 -0
- package/lib/typescript/hooks-util-selectors.d.ts.map +1 -1
- package/lib/typescript/hooks-util.d.ts +24 -4
- package/lib/typescript/hooks-util.d.ts.map +1 -1
- package/lib/typescript/modules/HMSManager.d.ts +4 -0
- package/lib/typescript/modules/HMSManager.d.ts.map +1 -0
- package/lib/typescript/modules/parser.d.ts +3 -0
- package/lib/typescript/modules/parser.d.ts.map +1 -0
- package/lib/typescript/peerTrackNodeUtils.d.ts +1 -0
- package/lib/typescript/peerTrackNodeUtils.d.ts.map +1 -1
- package/lib/typescript/redux/actionTypes.d.ts +11 -1
- package/lib/typescript/redux/actionTypes.d.ts.map +1 -1
- package/lib/typescript/redux/actions/index.d.ts +61 -3
- package/lib/typescript/redux/actions/index.d.ts.map +1 -1
- package/lib/typescript/redux/index.d.ts +10 -1
- package/lib/typescript/redux/index.d.ts.map +1 -1
- package/lib/typescript/redux/reducers/appState.d.ts +8 -0
- package/lib/typescript/redux/reducers/appState.d.ts.map +1 -1
- package/lib/typescript/redux/reducers/hmsStates.d.ts +7 -1
- package/lib/typescript/redux/reducers/hmsStates.d.ts.map +1 -1
- package/lib/typescript/redux/reducers/index.d.ts +10 -1
- package/lib/typescript/redux/reducers/index.d.ts.map +1 -1
- package/lib/typescript/redux/reducers/userState.d.ts +3 -2
- package/lib/typescript/redux/reducers/userState.d.ts.map +1 -1
- package/lib/typescript/utils/functions.d.ts +14 -0
- package/lib/typescript/utils/functions.d.ts.map +1 -1
- package/lib/typescript/utils/theme.d.ts +7 -3
- package/lib/typescript/utils/theme.d.ts.map +1 -1
- package/lib/typescript/utils/types.d.ts +8 -4
- package/lib/typescript/utils/types.d.ts.map +1 -1
- package/package.json +11 -16
- package/src/HMSInstanceSetup.tsx +5 -31
- package/src/HMSPrebuilt.tsx +27 -8
- package/src/HMSRoomSetup.tsx +98 -23
- package/src/Icons/AlertTriangle/assets/alert-triangle.png +0 -0
- package/src/Icons/AlertTriangle/assets/alert-triangle@2x.png +0 -0
- package/src/Icons/AlertTriangle/assets/alert-triangle@3x.png +0 -0
- package/src/Icons/AlertTriangle/index.tsx +33 -0
- package/src/Icons/AnswerPhone/index.tsx +7 -1
- package/src/Icons/BRB/assets/BRB.png +0 -0
- package/src/Icons/BRB/assets/BRB@2x.png +0 -0
- package/src/Icons/BRB/assets/BRB@3x.png +0 -0
- package/src/Icons/BRB/index.tsx +31 -0
- package/src/Icons/Bluetooth/index.tsx +7 -1
- package/src/Icons/Camera/index.tsx +7 -1
- package/src/Icons/Chat/index.tsx +7 -1
- package/src/Icons/Check/assets/check.png +0 -0
- package/src/Icons/Check/assets/check@2x.png +0 -0
- package/src/Icons/Check/assets/check@3x.png +0 -0
- package/src/Icons/Check/index.tsx +33 -0
- package/src/Icons/Chevron/index.tsx +7 -1
- package/src/Icons/Close/index.tsx +7 -1
- package/src/Icons/Hamburger/assets/hamburger.png +0 -0
- package/src/Icons/Hamburger/assets/hamburger@2x.png +0 -0
- package/src/Icons/Hamburger/assets/hamburger@3x.png +0 -0
- package/src/Icons/Hamburger/index.tsx +33 -0
- package/src/Icons/Hand/index.tsx +6 -3
- package/src/Icons/Headphones/index.tsx +7 -1
- package/src/Icons/Maximize/assets/maximize.png +0 -0
- package/src/Icons/Maximize/assets/maximize@2x.png +0 -0
- package/src/Icons/Maximize/assets/maximize@3x.png +0 -0
- package/src/Icons/Maximize/index.tsx +33 -0
- package/src/Icons/Mic/index.tsx +7 -1
- package/src/Icons/Minimize/assets/minimize.png +0 -0
- package/src/Icons/Minimize/assets/minimize@2x.png +0 -0
- package/src/Icons/Minimize/assets/minimize@3x.png +0 -0
- package/src/Icons/Minimize/index.tsx +33 -0
- package/src/Icons/Participants/index.tsx +7 -1
- package/src/Icons/Pencil/assets/pencil.png +0 -0
- package/src/Icons/Pencil/assets/pencil@2x.png +0 -0
- package/src/Icons/Pencil/assets/pencil@3x.png +0 -0
- package/src/Icons/Pencil/index.tsx +33 -0
- package/src/Icons/Pin/assets/pin.png +0 -0
- package/src/Icons/Pin/assets/pin@2x.png +0 -0
- package/src/Icons/Pin/assets/pin@3x.png +0 -0
- package/src/Icons/Pin/index.tsx +30 -0
- package/src/Icons/Radio/assets/radio.png +0 -0
- package/src/Icons/Radio/assets/radio@2x.png +0 -0
- package/src/Icons/Radio/assets/radio@3x.png +0 -0
- package/src/Icons/Radio/index.tsx +27 -0
- package/src/Icons/Recording/assets/recording.png +0 -0
- package/src/Icons/Recording/assets/recording@2x.png +0 -0
- package/src/Icons/Recording/assets/recording@3x.png +0 -0
- package/src/Icons/Recording/index.tsx +33 -0
- package/src/Icons/RotateCamera/index.tsx +7 -1
- package/src/Icons/ScreenShare/index.tsx +7 -1
- package/src/Icons/Speaker/index.tsx +12 -1
- package/src/Icons/Star/assets/star.png +0 -0
- package/src/Icons/Star/assets/star@2x.png +0 -0
- package/src/Icons/Star/assets/star@3x.png +0 -0
- package/src/Icons/Star/index.tsx +30 -0
- package/src/Icons/Stop/assets/stop.png +0 -0
- package/src/Icons/Stop/assets/stop@2x.png +0 -0
- package/src/Icons/Stop/assets/stop@3x.png +0 -0
- package/src/Icons/Stop/index.tsx +33 -0
- package/src/Icons/ThreeDots/index.tsx +7 -1
- package/src/Icons/Wave/index.tsx +7 -1
- package/src/Icons/index.ts +12 -0
- package/src/components/AvatarView.tsx +1 -2
- package/src/components/BackButton.tsx +9 -6
- package/src/components/BottomSheet.tsx +191 -0
- package/src/components/ChangeNameModalContent.tsx +157 -0
- package/src/components/CompanyLogo.tsx +35 -0
- package/src/components/CustomInput.tsx +2 -3
- package/src/components/DisplayView.tsx +16 -75
- package/src/components/EndRoomModalContent.tsx +90 -0
- package/src/components/Footer.tsx +7 -7
- package/src/components/GridView.tsx +91 -20
- package/src/components/HLSView.tsx +1 -1
- package/src/components/HMSBaseButton.tsx +91 -0
- package/src/components/HMSDangerButton.tsx +65 -0
- package/src/components/HMSHLSStreamLoading.tsx +68 -0
- package/src/components/HMSLocalVideoView.tsx +42 -0
- package/src/components/{HMSSpeakerSettings.tsx → HMSManageAudioOutput.tsx} +99 -78
- package/src/components/HMSManageCameraRotation.tsx +11 -8
- package/src/components/HMSManageLeave.tsx +107 -183
- package/src/components/HMSManageLocalAudio.tsx +1 -10
- package/src/components/HMSManageLocalVideo.tsx +1 -10
- package/src/components/HMSMeetingEnded.tsx +28 -0
- package/src/components/HMSPreviewEditName.tsx +4 -45
- package/src/components/HMSPreviewHLSLiveIndicator.tsx +66 -0
- package/src/components/HMSPreviewJoinButton.tsx +36 -51
- package/src/components/HMSPreviewNetworkQuality.tsx +43 -0
- package/src/components/HMSPreviewPeersList.tsx +25 -54
- package/src/components/HMSPreviewSubtitle.tsx +46 -6
- package/src/components/HMSPreviewTile.tsx +20 -31
- package/src/components/HMSPreviewTitle.tsx +18 -5
- package/src/components/HMSPrimaryButton.tsx +63 -0
- package/src/components/HMSRecordingIndicator.tsx +37 -0
- package/src/components/HMSRoomOptions.tsx +30 -16
- package/src/components/HMSShowNetworkQuality.tsx +7 -6
- package/src/components/HMSTextInput.tsx +78 -0
- package/src/components/Header.tsx +37 -36
- package/src/components/LocalPeerRegularVideoView.tsx +28 -0
- package/src/components/LocalPeerScreenshareView.tsx +72 -0
- package/src/components/Meeting.tsx +21 -3
- package/src/components/MenuModal/Menu.tsx +1 -1
- package/src/components/MiniView.tsx +213 -0
- package/src/components/Modals.tsx +5 -409
- package/src/components/PaginationDots.tsx +65 -0
- package/src/components/Participants/ParticipantsList.tsx +0 -24
- package/src/components/ParticipantsCount.tsx +52 -0
- package/src/components/PeerMinimizedView.tsx +131 -0
- package/src/components/PeerSettingsModalContent.tsx +108 -66
- package/src/components/PeerVideoTile/AvatarView.tsx +79 -0
- package/src/components/PeerVideoTile/PeerAudioMutedIndicator.tsx +41 -0
- package/src/components/PeerVideoTile/PeerMetadata.tsx +46 -0
- package/src/components/PeerVideoTile/PeerNameAndNetwork.tsx +81 -0
- package/src/components/PeerVideoTile/PeerVideoTileView.tsx +180 -0
- package/src/components/PeerVideoTile/VideoView.tsx +104 -0
- package/src/components/PeerVideoTile/index.ts +0 -0
- package/src/components/PressableIcon.tsx +15 -8
- package/src/components/Preview.tsx +150 -104
- package/src/components/RoomSettingsModalContent.tsx +234 -659
- package/src/components/RoomSettingsModalDebugModeContent.tsx +446 -0
- package/src/components/StopRecordingModalContent.tsx +109 -0
- package/src/components/Tile.tsx +49 -90
- package/src/components/TilesContainer.tsx +116 -14
- package/src/components/UnmountAfterDelay.tsx +61 -0
- package/src/components/WebrtcView.tsx +72 -0
- package/src/components/WelcomeInMeeting.tsx +52 -0
- package/src/components/index.ts +0 -1
- package/src/hooks/useHmsInstance.ts +0 -1
- package/src/hooks-sdk-selectors.tsx +7 -0
- package/src/hooks-sdk.ts +18 -0
- package/src/hooks-util-selectors.tsx +21 -0
- package/src/hooks-util.ts +548 -130
- package/src/modules/HMSManager.ts +25 -0
- package/src/modules/parser.ts +22 -0
- package/src/peerTrackNodeUtils.tsx +13 -10
- package/src/redux/actionTypes.ts +28 -0
- package/src/redux/actions/index.ts +64 -2
- package/src/redux/reducers/appState.ts +65 -0
- package/src/redux/reducers/hmsStates.ts +15 -1
- package/src/redux/reducers/userState.ts +5 -2
- package/src/utils/functions.ts +48 -0
- package/src/utils/theme.ts +75 -5
- package/src/utils/types.ts +9 -4
- package/src/utils.ts +2 -2
- package/lib/commonjs/components/HMSSpeakerSettings.js.map +0 -1
- package/lib/commonjs/components/ZoomableView.js +0 -84
- package/lib/commonjs/components/ZoomableView.js.map +0 -1
- package/lib/module/components/HMSSpeakerSettings.js.map +0 -1
- package/lib/module/components/ZoomableView.js +0 -76
- package/lib/module/components/ZoomableView.js.map +0 -1
- package/lib/typescript/components/HMSSpeakerSettings.d.ts +0 -3
- package/lib/typescript/components/HMSSpeakerSettings.d.ts.map +0 -1
- package/lib/typescript/components/ZoomableView.d.ts +0 -6
- package/lib/typescript/components/ZoomableView.d.ts.map +0 -1
- package/src/components/ZoomableView.tsx +0 -91
package/README.md
CHANGED
|
@@ -1,25 +1,427 @@
|
|
|
1
|
-
|
|
1
|
+
<a href="https://100ms.live/">
|
|
2
|
+
<img src="https://raw.githubusercontent.com/100mslive/react-native-hms/main/100ms.svg" title="100ms logo" float=center height=256>
|
|
3
|
+
</a>
|
|
2
4
|
|
|
3
|
-
|
|
5
|
+
[](https://www.npmjs.com/package/@100mslive/react-native-hms)
|
|
6
|
+
[](https://www.npmjs.com/package/@100mslive/react-native-room-kit)
|
|
7
|
+
[](https://www.100ms.live/)
|
|
8
|
+
[](https://www.npmjs.com/package/@100mslive/react-native-hms)
|
|
9
|
+
[](https://www.npmjs.com/package/@100mslive/react-native-hms)
|
|
10
|
+
[](https://docs.100ms.live/react-native/v2/foundation/basics)
|
|
11
|
+
[](https://100ms.live/discord)
|
|
12
|
+
[](https://appdistribution.firebase.dev/i/7b7ab3b30e627c35)
|
|
13
|
+
[](https://testflight.apple.com/join/v4bSIPad)
|
|
14
|
+
[](https://github.com/100mslive/react-native-hms/projects/1)
|
|
15
|
+
[](https://dashboard.100ms.live/register)
|
|
16
|
+
|
|
17
|
+
# 100ms React Native SDK
|
|
18
|
+
|
|
19
|
+
Integrate Real Time Audio and Video conferencing, Interactive Live Streaming, and Chat in your apps with 100ms React Native SDK.
|
|
20
|
+
|
|
21
|
+
With support for HLS and RTMP Live Streaming and Recording, Picture-in-Picture (PiP), one-to-one Video Call Modes, Audio Rooms, Video Player and much more, add immersive real-time communications to your apps.
|
|
22
|
+
|
|
23
|
+
📖 Read the Complete Documentation here: https://www.100ms.live/docs/react-native/v2/foundation/basics
|
|
24
|
+
|
|
25
|
+
## 🏃 Example App
|
|
26
|
+
|
|
27
|
+
📲 Download the Example iOS app here: https://testflight.apple.com/join/v4bSIPad
|
|
28
|
+
|
|
29
|
+
🤖 Download the Example Android app here: https://appdistribution.firebase.dev/i/7b7ab3b30e627c35
|
|
30
|
+
|
|
31
|
+
To get a better understanding of how the example app is structured, what to do on `onJoin`, `onTrack` and `onPeer` listeners, creating `PeerTrackNodes`, how to use Redux, and what type of layouts and sorting you can implement in your app, checkout [Example App's README](https://github.com/100mslive/react-native-hms/blob/develop/example/README.md)
|
|
32
|
+
|
|
33
|
+
## ☝️ Minimum Configuration
|
|
34
|
+
|
|
35
|
+
- Support for React Native 0.64.4 or above
|
|
36
|
+
- Support for Java 8 or above
|
|
37
|
+
- Support for Android API level 24 or above
|
|
38
|
+
- Xcode 13 or above
|
|
39
|
+
- Support for iOS 12 or above
|
|
40
|
+
|
|
41
|
+
## 🤝 Recommended Configuration
|
|
42
|
+
|
|
43
|
+
- React Native 0.69.0 or above
|
|
44
|
+
- Java 11 or above
|
|
45
|
+
- Android API level 33 or above
|
|
46
|
+
- Xcode 14 or above
|
|
47
|
+
- iOS 16 or above
|
|
48
|
+
|
|
49
|
+
## 📱 Supported Devices
|
|
50
|
+
|
|
51
|
+
- The Android SDK supports Android API level 21 and higher. It is built for armeabi-v7a, arm64-v8a, x86, and x86_64 architectures.
|
|
52
|
+
Devices running Android OS 11 or above is recommended.
|
|
53
|
+
|
|
54
|
+
- iPhone & iPads with iOS version 12 or above are supported.
|
|
55
|
+
Devices running iOS 16 or above is recommended.
|
|
4
56
|
|
|
5
57
|
## Installation
|
|
6
58
|
|
|
7
|
-
```
|
|
8
|
-
npm install @100mslive/react-native-room-kit
|
|
59
|
+
```bash
|
|
60
|
+
npm install @100mslive/react-native-room-kit --save
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
📲 Download the Sample iOS App here: https://testflight.apple.com/join/v4bSIPad
|
|
64
|
+
|
|
65
|
+
🤖 Download the Sample Android App here: https://appdistribution.firebase.dev/i/7b7ab3b30e627c35
|
|
66
|
+
|
|
67
|
+
More information about Integrating the SDK is [available here](https://www.100ms.live/docs/react-native/v2/features/integration).
|
|
68
|
+
|
|
69
|
+
## 🔐 Permissions
|
|
70
|
+
|
|
71
|
+
### 📱 For iOS Permissions
|
|
72
|
+
|
|
73
|
+
Add following lines in `Info.plist` file
|
|
74
|
+
|
|
75
|
+
```xml
|
|
76
|
+
<key>NSCameraUsageDescription</key>
|
|
77
|
+
<string>Please allow access to Camera to enable video conferencing</string>
|
|
78
|
+
<key>NSMicrophoneUsageDescription</key>
|
|
79
|
+
<string>Please allow access to Microphone to enable video conferencing</string>
|
|
80
|
+
<key>NSLocalNetworkUsageDescription</key>
|
|
81
|
+
<string>Please allow access to network usage to enable video conferencing</string>
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
### 🤖 For Android Permissions
|
|
85
|
+
|
|
86
|
+
Add following permissions in `AndroidManifest.xml`
|
|
87
|
+
|
|
88
|
+
```xml
|
|
89
|
+
<uses-feature android:name="android.hardware.camera.autofocus"/>
|
|
90
|
+
<uses-permission android:name="android.permission.CAMERA"/>
|
|
91
|
+
<uses-permission android:name="android.permission.CHANGE_NETWORK_STATE"/>
|
|
92
|
+
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS"/>
|
|
93
|
+
<uses-permission android:name="android.permission.RECORD_AUDIO"/>
|
|
94
|
+
<uses-permission android:name="android.permission.INTERNET"/>
|
|
95
|
+
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
|
|
96
|
+
<uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
|
|
97
|
+
<uses-permission android:name="android.permission.BLUETOOTH" android:maxSdkVersion="30" />
|
|
98
|
+
<uses-permission android:name="android.permission.BLUETOOTH_CONNECT" />
|
|
99
|
+
<uses-permission android:name="android.permission.VIBRATE" />
|
|
100
|
+
<uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
|
|
101
|
+
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
|
|
102
|
+
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
You will also need to request Camera and Record Audio permissions at runtime before you join a call or display a preview. Please follow [Android Documentation](https://developer.android.com/training/permissions/requesting#request-permission) for runtime permissions.
|
|
106
|
+
|
|
107
|
+
We suggest using [react-native-permission](https://www.npmjs.com/package/react-native-permissions) to acquire permissions from both platforms.
|
|
108
|
+
|
|
109
|
+
More information about Audio Video Permission on iOS & Android is [available here](https://www.100ms.live/docs/react-native/v2/features/integration#permissions).
|
|
110
|
+
|
|
111
|
+
## Overview
|
|
112
|
+
|
|
113
|
+
This guide will walk you through simple instructions to create a Video Conferencing app using the 100ms Prebuilt and test it using an Emulator or your Mobile Phone.
|
|
114
|
+
|
|
115
|
+
## Create a sample app
|
|
116
|
+
|
|
117
|
+
This section contains instructions to create a simple React Native Video Conferencing app. We will help you with instructions to understand the project setup and complete code sample to implement this quickly.
|
|
118
|
+
|
|
119
|
+
<div className="steps-container">
|
|
120
|
+
|
|
121
|
+
### Prerequisites
|
|
122
|
+
|
|
123
|
+
- A [100ms account](https://dashboard.100ms.live/register) if you don't have one already.
|
|
124
|
+
- Working [React Native Development Environment](https://reactnative.dev/docs/environment-setup) for React Native CLI
|
|
125
|
+
- Familiar with basics of [React Native](https://reactnative.dev/docs/getting-started).
|
|
126
|
+
- [VS code](https://code.visualstudio.com/) or any other IDE / code editor
|
|
127
|
+
|
|
128
|
+
### Create a React Native app
|
|
129
|
+
|
|
130
|
+
Once you have the prerequisites, follow the steps below to create a React Native app. This guide will use [VS code](https://code.visualstudio.com/) but you can use any code editor or IDE.
|
|
131
|
+
|
|
132
|
+
1. Open your Terminal and navigate to directory/folder where you would like to create your app.
|
|
133
|
+
|
|
134
|
+
2. Run the below command to create React Native app:
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
```bash section=CreateRnApp
|
|
138
|
+
npx react-native init PrebuiltSampleApp --version 0.68.5 --npm && cd ./PrebuiltSampleApp
|
|
139
|
+
```
|
|
140
|
+
|
|
141
|
+
3. Once the app is created, open it in VS code.
|
|
142
|
+
|
|
143
|
+
4. Test run your app
|
|
144
|
+
|
|
145
|
+
a. Build the App
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
#### For Android
|
|
149
|
+
|
|
150
|
+
```bash section=BuildApp sectionIndex=1 tab=Android
|
|
151
|
+
npx react-native run-android
|
|
152
|
+
```
|
|
153
|
+
|
|
154
|
+
#### For iOS
|
|
155
|
+
|
|
156
|
+
```bash
|
|
157
|
+
npx react-native run-ios --simulator="iPhone 14"
|
|
158
|
+
```
|
|
159
|
+
|
|
160
|
+
b. Start Metro Bundler if it is not already started
|
|
161
|
+
|
|
162
|
+
|
|
163
|
+
```bash
|
|
164
|
+
npx react-native start
|
|
165
|
+
```
|
|
166
|
+
|
|
167
|
+
or follow instructions printed in Terminal to start the Metro Bundler or Run the Application.
|
|
168
|
+
|
|
169
|
+
### Install the Dependencies
|
|
170
|
+
|
|
171
|
+
After the Test run of your app is successful, you can install [100ms React Native Room Kit package](https://www.npmjs.com/package/@100mslive/react-native-room-kit) in your app.
|
|
172
|
+
|
|
173
|
+
```bash
|
|
174
|
+
npm install --save @100mslive/react-native-room-kit
|
|
175
|
+
```
|
|
176
|
+
|
|
177
|
+
#### Install the Peer Dependencies
|
|
178
|
+
|
|
179
|
+
1. react-native-permissions package
|
|
180
|
+
Since the app and `@100mslive/react-native-room-kit` package requires Camera & Microphone permissions, a package for requesting these permissions from users should also be installed. We recommend using the
|
|
181
|
+
[react-native-permissions](https://www.npmjs.com/package/react-native-permissions) package.
|
|
182
|
+
|
|
183
|
+
```bash
|
|
184
|
+
npm install react-native-permissions@3.4.0
|
|
185
|
+
```
|
|
186
|
+
|
|
187
|
+
Native File Changes for `react-native-permissions` package -
|
|
188
|
+
|
|
189
|
+
#### For Android
|
|
190
|
+
|
|
191
|
+
1. Allow camera, recording audio and internet permissions by adding the below snippet to the `AndroidManifest.xml` file (at the application tag level).
|
|
192
|
+
|
|
193
|
+
```xml section=androidPermissions
|
|
194
|
+
<uses-feature android:name="android.hardware.camera"/>
|
|
195
|
+
<uses-feature android:name="android.hardware.camera.autofocus"/>
|
|
196
|
+
<uses-permission android:name="android.permission.CAMERA"/>
|
|
197
|
+
<uses-permission android:name="android.permission.CHANGE_NETWORK_STATE"/>
|
|
198
|
+
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS"/>
|
|
199
|
+
<uses-permission android:name="android.permission.RECORD_AUDIO"/>
|
|
200
|
+
<uses-permission android:name="android.permission.INTERNET"/>
|
|
201
|
+
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
|
|
202
|
+
<uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
|
|
203
|
+
<uses-permission android:name="android.permission.BLUETOOTH" android:maxSdkVersion="30" />
|
|
204
|
+
<uses-permission android:name="android.permission.BLUETOOTH_CONNECT" />
|
|
205
|
+
<uses-permission android:name="android.permission.VIBRATE" />
|
|
206
|
+
<uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
|
|
207
|
+
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
|
|
208
|
+
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
|
|
209
|
+
```
|
|
210
|
+
|
|
211
|
+
2. Change `minSdkVersion` to 24 in the `android/build.gradle` file
|
|
212
|
+
|
|
213
|
+
```json{4}
|
|
214
|
+
buildscript {
|
|
215
|
+
ext {
|
|
216
|
+
...
|
|
217
|
+
minSdkVersion = 24
|
|
218
|
+
...
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
```
|
|
222
|
+
|
|
223
|
+
#### For iOS
|
|
224
|
+
|
|
225
|
+
1. Allow camera, recording audio and internet permissions
|
|
226
|
+
|
|
227
|
+
Add the below snippet in the `info.plist` file -
|
|
228
|
+
|
|
229
|
+
```xml section=ForIOSPermissions sectionIndex=1
|
|
230
|
+
<key>NSCameraUsageDescription</key>
|
|
231
|
+
<string>Please allow access to Camera to enable video conferencing</string>
|
|
232
|
+
|
|
233
|
+
<key>NSMicrophoneUsageDescription</key>
|
|
234
|
+
<string>Please allow access to Microphone to enable video conferencing</string>
|
|
235
|
+
|
|
236
|
+
<key>NSLocalNetworkUsageDescription</key>
|
|
237
|
+
<string>Please allow access to network usage to enable video conferencing</string>
|
|
238
|
+
```
|
|
239
|
+
|
|
240
|
+
2. Add the below snippet in the `ios/Podfile` file -
|
|
241
|
+
|
|
242
|
+
```json{3-6}
|
|
243
|
+
target 'PrebuiltSampleApp' do
|
|
244
|
+
...
|
|
245
|
+
permissions_path = '../node_modules/react-native-permissions/ios'
|
|
246
|
+
|
|
247
|
+
pod 'Permission-Camera', :path => "#{permissions_path}/Camera"
|
|
248
|
+
pod 'Permission-Microphone', :path => "#{permissions_path}/Microphone"
|
|
249
|
+
...
|
|
250
|
+
end
|
|
251
|
+
```
|
|
252
|
+
|
|
253
|
+
If you see any permission related error, then check out `react-native-permissions` library [setup guide](https://github.com/zoontek/react-native-permissions/tree/3.4.0#setup) for `v3.4.0`.
|
|
254
|
+
|
|
255
|
+
> Note: If you have already setup the `react-native-permissions` package, then you can continue with your existing setup.
|
|
256
|
+
|
|
257
|
+
> Note: iOS simulator and android emulator doesn't support actual video, you need actual devices to see your video in real-time.
|
|
258
|
+
|
|
259
|
+
2. react-native-reanimated package
|
|
260
|
+
`react-native-reanimated` package is required for adding animated views.
|
|
261
|
+
|
|
262
|
+
```bash
|
|
263
|
+
npm install react-native-reanimated@2.17.0
|
|
9
264
|
```
|
|
10
265
|
|
|
11
|
-
|
|
266
|
+
Follow [official installation steps](https://docs.swmansion.com/react-native-reanimated/docs/2.x/fundamentals/installation) for `v2.17.0`.
|
|
267
|
+
|
|
268
|
+
> Note: If you already have the setup for `react-native-reanimated` package, then you can continue with your existing setup. We recommend using `>= 2.x.x` versions.
|
|
269
|
+
|
|
270
|
+
3. react-native-vector-icons package
|
|
271
|
+
`react-native-vector-icons` package is required for showing icons in UI.
|
|
272
|
+
|
|
273
|
+
```bash
|
|
274
|
+
npm install react-native-vector-icons@9.1.0
|
|
275
|
+
```
|
|
276
|
+
|
|
277
|
+
Follow [official installation steps](https://github.com/oblador/react-native-vector-icons/tree/v9.1.0#installation) for `v9.1.0`.
|
|
278
|
+
|
|
279
|
+
#### Install the dependencies of react-native-room-kit package
|
|
280
|
+
|
|
281
|
+
`react-native-room-kit` package depends upon many other packages. These packages to be your app's direct dependencies so that `react-native` can link them.
|
|
282
|
+
|
|
283
|
+
```bash
|
|
284
|
+
npm install github:100mslive/100ms-react-native#release1.8.0
|
|
285
|
+
@shopify/flash-list@1.4.3
|
|
286
|
+
react-native-avoid-softinput@2.4.8
|
|
287
|
+
react-native-linear-gradient@2.7.3
|
|
288
|
+
react-native-modal@12.1.0
|
|
289
|
+
react-native-safe-area-context@3.3.0
|
|
290
|
+
react-native-simple-toast@1.1.3
|
|
291
|
+
```
|
|
292
|
+
|
|
293
|
+
1. Native File Changes for `@100mslive/react-native-hms` package
|
|
294
|
+
|
|
295
|
+
#### For iOS
|
|
296
|
+
|
|
297
|
+
Change ios target platform version to '13.0' in the `ios/Podfile` file
|
|
298
|
+
|
|
299
|
+
```json{4}
|
|
300
|
+
require_relative '../node_modules/react-native/scripts/react_native_pods'
|
|
301
|
+
require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
|
|
302
|
+
|
|
303
|
+
platform :ios, '13.0'
|
|
304
|
+
install! 'cocoapods', :deterministic_uuids => false
|
|
305
|
+
```
|
|
12
306
|
|
|
13
|
-
|
|
307
|
+
Follow official installation steps of these libraries if you encounter any problem in setup.
|
|
308
|
+
|
|
309
|
+
> Note: If you already have the setup for any of the listed package, then you may continue with your existing setup. If some problem occurs then try using specified version for the package.
|
|
310
|
+
|
|
311
|
+
#### Configure Inter Font Family
|
|
312
|
+
|
|
313
|
+
`react-native-room-kit` package uses 'Inter' font family for texts. You need to add 'Inter' fonts in your app.
|
|
314
|
+
|
|
315
|
+
#### Enable Background modes for iOS
|
|
316
|
+
|
|
317
|
+
You can enable background modes for audio in iOS. so that when you minimze the app, room audio can still be heared by the users.
|
|
318
|
+
|
|
319
|
+
Paste the following in your `Info.plist` file -
|
|
320
|
+
|
|
321
|
+
```xml{3-6}
|
|
322
|
+
<dict>
|
|
323
|
+
...
|
|
324
|
+
<key>UIBackgroundModes</key>
|
|
325
|
+
<array>
|
|
326
|
+
<string>audio</string>
|
|
327
|
+
</array>
|
|
328
|
+
...
|
|
329
|
+
</dict>
|
|
330
|
+
```
|
|
331
|
+
|
|
332
|
+
#### Additional Setup
|
|
333
|
+
|
|
334
|
+
You can follow [ScreenShare setup](https://www.100ms.live/docs/react-native/v2/how-to-guides/set-up-video-conferencing/screenshare) and [AudioShare setup](https://www.100ms.live/docs/react-native/v2/how-to-guides/set-up-video-conferencing/local-audio-share) guides to add ScreenShare and Audio Share features in your app.
|
|
335
|
+
|
|
336
|
+
After doing changes related to ScreenShare feature, To use screenshare feature on iOS, pass `appGroup` and `preferredExtension` options to `HMSPrebuilt` componnets -
|
|
337
|
+
|
|
338
|
+
```js{6-7}
|
|
339
|
+
<HMSPrebuilt
|
|
340
|
+
roomCode="..."
|
|
341
|
+
options={{
|
|
342
|
+
...
|
|
343
|
+
ios: {
|
|
344
|
+
appGroup: "...";
|
|
345
|
+
preferredExtension: "...";
|
|
346
|
+
}
|
|
347
|
+
}}
|
|
348
|
+
/>
|
|
349
|
+
```
|
|
350
|
+
|
|
351
|
+
### Complete code example
|
|
352
|
+
|
|
353
|
+
Now that your project setup is complete, let's replace the code in the `App.js` file with the complete code sample below -
|
|
354
|
+
|
|
355
|
+
```js section=completeCodeExample
|
|
356
|
+
import React, { useState } from 'react';
|
|
357
|
+
import { StatusBar, StyleSheet, Button, View } from 'react-native';
|
|
14
358
|
import { HMSPrebuilt } from '@100mslive/react-native-room-kit';
|
|
359
|
+
|
|
360
|
+
const App = () => {
|
|
361
|
+
const [showHMSPrebuilt, setShowHMSPrebuilt] = useState(false);
|
|
362
|
+
|
|
363
|
+
return (
|
|
364
|
+
<View style={styles.container}>
|
|
365
|
+
<StatusBar barStyle={'dark-content'} />
|
|
366
|
+
|
|
367
|
+
{showHMSPrebuilt ? (
|
|
368
|
+
<HMSPrebuilt
|
|
369
|
+
roomCode="mki-scw-wnw"
|
|
370
|
+
options={{ userName: 'John Appleseed' }}
|
|
371
|
+
/>
|
|
372
|
+
) : (
|
|
373
|
+
<View style={styles.joinContainer}>
|
|
374
|
+
<Button title="Start" onPress={() => setShowHMSPrebuilt(true)} />
|
|
375
|
+
</View>
|
|
376
|
+
)}
|
|
377
|
+
</View>
|
|
378
|
+
);
|
|
379
|
+
};
|
|
380
|
+
|
|
381
|
+
const styles = StyleSheet.create({
|
|
382
|
+
container: {
|
|
383
|
+
flex: 1,
|
|
384
|
+
},
|
|
385
|
+
joinContainer: {
|
|
386
|
+
flex: 1,
|
|
387
|
+
alignItems: 'center',
|
|
388
|
+
justifyContent: 'center',
|
|
389
|
+
},
|
|
390
|
+
});
|
|
391
|
+
|
|
392
|
+
export default App;
|
|
393
|
+
```
|
|
394
|
+
|
|
395
|
+
### Test the app
|
|
396
|
+
|
|
397
|
+
Follow the instructions in one of the tabs below based on the target platform you wish to test the app.
|
|
398
|
+
|
|
399
|
+
a. Build the App
|
|
400
|
+
|
|
401
|
+
#### For Android
|
|
402
|
+
|
|
403
|
+
```bash section=BuildApp sectionIndex=1 tab=Android
|
|
404
|
+
npx react-native run-android
|
|
405
|
+
```
|
|
406
|
+
|
|
407
|
+
#### For iOS
|
|
408
|
+
|
|
409
|
+
```bash section=BuildApp sectionIndex=1 tab=iOS
|
|
410
|
+
npx react-native run-ios --simulator="iPhone 14"
|
|
411
|
+
```
|
|
412
|
+
|
|
413
|
+
b. Start Metro Bundler if it is not already started
|
|
414
|
+
|
|
415
|
+
```bash section=BuildApp sectionIndex=2
|
|
416
|
+
npx react-native start
|
|
15
417
|
```
|
|
16
418
|
|
|
17
|
-
|
|
419
|
+
Follow the instructions printed in the Terminal to start the Metro Bundler or Run the Application.
|
|
18
420
|
|
|
19
|
-
|
|
421
|
+
### Check Deployed Sample Apps
|
|
20
422
|
|
|
21
|
-
|
|
423
|
+
You can download and check out the 100ms React Native deployed apps -
|
|
22
424
|
|
|
23
|
-
|
|
425
|
+
🤖 Download the Sample Android App [here](https://appdistribution.firebase.dev/i/7b7ab3b30e627c35)
|
|
24
426
|
|
|
25
|
-
|
|
427
|
+
📲 Download the Sample iOS App [here](https://testflight.apple.com/join/v4bSIPad)
|
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.HMSInstanceSetup = void 0;
|
|
7
7
|
var _reactNativeHms = require("@100mslive/react-native-hms");
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _reactNativeDeviceInfo = require("react-native-device-info");
|
|
10
9
|
var _reactRedux = require("react-redux");
|
|
11
10
|
var _utils = require("./utils");
|
|
12
11
|
var _actions = require("./redux/actions");
|
|
@@ -17,12 +16,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
17
16
|
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; }
|
|
18
17
|
const getTrackSettings = () => {
|
|
19
18
|
const joinConfig = (0, _utils.getJoinConfig)();
|
|
20
|
-
const listOfFaultyDevices = ['Pixel', 'Pixel XL', 'Moto G5', 'Moto G (5S) Plus', 'Moto G4', 'TA-1053', 'Mi A1', 'Mi A2', 'E5823',
|
|
21
|
-
// Sony z5 compact
|
|
22
|
-
'Redmi Note 5', 'FP2',
|
|
23
|
-
// Fairphone FP2
|
|
24
|
-
'MI 5'];
|
|
25
|
-
const deviceModal = (0, _reactNativeDeviceInfo.getModel)();
|
|
26
19
|
|
|
27
20
|
/**
|
|
28
21
|
* Customize local peer's Audio track settings before Joining the Room.
|
|
@@ -31,8 +24,7 @@ const getTrackSettings = () => {
|
|
|
31
24
|
*/
|
|
32
25
|
let audioSettings = new _reactNativeHms.HMSAudioTrackSettings({
|
|
33
26
|
initialState: joinConfig.mutedAudio ? _reactNativeHms.HMSTrackSettingsInitState.MUTED : _reactNativeHms.HMSTrackSettingsInitState.UNMUTED,
|
|
34
|
-
|
|
35
|
-
audioSource: joinConfig.audioMixer ? ['mic_node', 'screen_broadcast_audio_receiver_node', 'audio_file_player_node'] : undefined,
|
|
27
|
+
audioSource: joinConfig.audioMixer ? ['mic_node', 'screen_broadcast_audio_receiver_node'] : undefined,
|
|
36
28
|
/**
|
|
37
29
|
* `audioMode` param allows you to capture audio in its highest quality
|
|
38
30
|
* by disabling voice processing and increasing the maximum bandwidth limit
|
|
@@ -110,7 +102,8 @@ const getHmsInstance = async () => {
|
|
|
110
102
|
logSettings,
|
|
111
103
|
trackSettings,
|
|
112
104
|
appGroup,
|
|
113
|
-
preferredExtension
|
|
105
|
+
preferredExtension,
|
|
106
|
+
isPrebuilt: true
|
|
114
107
|
});
|
|
115
108
|
const logger = new _reactNativeHms.HMSLogger();
|
|
116
109
|
logger.updateLogLevel(_reactNativeHms.HMSLogLevel.VERBOSE, true);
|
|
@@ -124,21 +117,16 @@ const HMSInstanceSetup = () => {
|
|
|
124
117
|
const setupHMSInstance = async () => {
|
|
125
118
|
(0, _hooksUtil.clearConfig)();
|
|
126
119
|
getHmsInstance().then(hmssdkInstance => {
|
|
127
|
-
console.log('$$$ hmssdkInstance id = ', hmssdkInstance.id);
|
|
128
120
|
if (!ignore) {
|
|
129
121
|
// If this component is mounted
|
|
130
122
|
// save instance in store
|
|
131
|
-
console.log('$$$ before batch');
|
|
132
123
|
(0, _reactRedux.batch)(() => {
|
|
133
|
-
console.log('$$$ setHMSInstance call');
|
|
134
124
|
dispatch((0, _actions.setHMSInstance)(hmssdkInstance));
|
|
135
125
|
// TODO: remove this from user reducer
|
|
136
|
-
console.log('$$$ saveUserData call');
|
|
137
126
|
dispatch((0, _actions.saveUserData)({
|
|
138
127
|
hmsInstance: hmssdkInstance
|
|
139
128
|
}));
|
|
140
129
|
});
|
|
141
|
-
console.log('$$$ after batch');
|
|
142
130
|
} else {
|
|
143
131
|
// If this component is not mounted when this response is received
|
|
144
132
|
// that means Root componnet is unmounted, we can destroy instance safely
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNativeHms","require","_react","_interopRequireWildcard","
|
|
1
|
+
{"version":3,"names":["_reactNativeHms","require","_react","_interopRequireWildcard","_reactRedux","_utils","_actions","_FullScreenIndicator","_hooksUtil","_redux","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","getTrackSettings","joinConfig","getJoinConfig","audioSettings","HMSAudioTrackSettings","initialState","mutedAudio","HMSTrackSettingsInitState","MUTED","UNMUTED","audioSource","audioMixer","undefined","audioMode","musicMode","HMSIOSAudioMode","MUSIC","videoSettings","HMSVideoTrackSettings","mutedVideo","cameraFacing","HMSCameraFacing","FRONT","disableAutoResize","autoResize","forceSoftwareDecoder","softwareDecoder","HMSTrackSettings","video","audio","getLogSettings","HMSLogSettings","level","HMSLogLevel","VERBOSE","isLogStorageEnabled","maxDirSizeInBytes","HMSLogAlarmManager","DEFAULT_DIR_SIZE","getIOSBuildConfig","store","getState","user","iosBuildConfig","getHmsInstance","trackSettings","logSettings","appGroup","preferredExtension","hmsInstance","HMSSDK","build","isPrebuilt","logger","HMSLogger","updateLogLevel","setLogger","HMSInstanceSetup","dispatch","useDispatch","useEffect","ignore","setupHMSInstance","clearConfig","then","hmssdkInstance","batch","setHMSInstance","saveUserData","leave","finally","destroy","catch","error","console","warn","createElement","FullScreenIndicator","exports"],"sourceRoot":"../../src","sources":["HMSInstanceSetup.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAaA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAAgC,SAAAS,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,SAAAR,wBAAAY,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;AAGhC,MAAMW,gBAAgB,GAAGA,CAAA,KAAM;EAC7B,MAAMC,UAAU,GAAG,IAAAC,oBAAa,EAAC,CAAC;;EAElC;AACF;AACA;AACA;AACA;EACE,IAAIC,aAAa,GAAG,IAAIC,qCAAqB,CAAC;IAC5CC,YAAY,EAAEJ,UAAU,CAACK,UAAU,GAC/BC,yCAAyB,CAACC,KAAK,GAC/BD,yCAAyB,CAACE,OAAO;IACrCC,WAAW,EAAET,UAAU,CAACU,UAAU,GAC9B,CAAC,UAAU,EAAE,sCAAsC,CAAC,GACpDC,SAAS;IACb;AACJ;AACA;AACA;AACA;AACA;IACIC,SAAS,EAAEZ,UAAU,CAACa,SAAS,GAAGC,+BAAe,CAACC,KAAK,GAAGJ;EAC5D,CAAC,CAAC;;EAEF;AACF;AACA;AACA;AACA;EACE,IAAIK,aAAa,GAAG,IAAIC,qCAAqB,CAAC;IAC5Cb,YAAY,EAAEJ,UAAU,CAACkB,UAAU,GAC/BZ,yCAAyB,CAACC,KAAK,GAC/BD,yCAAyB,CAACE,OAAO;IACrCW,YAAY,EAAEC,+BAAe,CAACC,KAAK;IACnCC,iBAAiB,EAAE,CAACtB,UAAU,CAACuB,UAAU;IACzCC,oBAAoB,EAAExB,UAAU,CAACyB;EACnC,CAAC,CAAC;EAEF,OAAO,IAAIC,gCAAgB,CAAC;IAC1BC,KAAK,EAAEX,aAAa;IACpBY,KAAK,EAAE1B;EACT,CAAC,CAAC;AACJ,CAAC;AAED,MAAM2B,cAAc,GAAGA,CAAA,KAAsB;EAC3C,OAAO,IAAIC,8BAAc,CAAC;IACxBC,KAAK,EAAEC,2BAAW,CAACC,OAAO;IAC1BC,mBAAmB,EAAE,IAAI;IACzBC,iBAAiB,EAAEC,kCAAkB,CAACC;EACxC,CAAC,CAAC;AACJ,CAAC;AAED,MAAMC,iBAAiB,GAAGA,CAAA,KACxBC,YAAK,CAACC,QAAQ,CAAC,CAAC,CAACC,IAAI,CAACC,cAAc,IAAI,CAAC,CAAC;;AAE5C;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,GAAG,MAAAA,CAAA,KAA6B;EAClD;AACF;AACA;AACA;AACA;EACE,MAAMC,aAAa,GAAG7C,gBAAgB,CAAC,CAAC;;EAExC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;EAEE,MAAM8C,WAAW,GAAGhB,cAAc,CAAC,CAAC;EAEpC,MAAM;IAAEiB,QAAQ;IAAEC;EAAmB,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EAE5D,MAAMU,WAAW,GAAG,MAAMC,sBAAM,CAACC,KAAK,CAAC;IACrCL,WAAW;IACXD,aAAa;IACbE,QAAQ;IACRC,kBAAkB;IAClBI,UAAU,EAAE;EACd,CAAC,CAAC;EAEF,MAAMC,MAAM,GAAG,IAAIC,yBAAS,CAAC,CAAC;EAC9BD,MAAM,CAACE,cAAc,CAACtB,2BAAW,CAACC,OAAO,EAAE,IAAI,CAAC;EAChDe,WAAW,CAACO,SAAS,CAACH,MAAM,CAAC;EAE7B,OAAOJ,WAAW;AACpB,CAAC;AAEM,MAAMQ,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,QAAQ,GAAG,IAAAC,uBAAW,EAAC,CAAC;EAE9B,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIC,MAAM,GAAG,KAAK;IAElB,MAAMC,gBAAgB,GAAG,MAAAA,CAAA,KAAY;MACnC,IAAAC,sBAAW,EAAC,CAAC;MACbnB,cAAc,CAAC,CAAC,CACboB,IAAI,CAAEC,cAAc,IAAK;QACxB,IAAI,CAACJ,MAAM,EAAE;UACX;UACA;UACA,IAAAK,iBAAK,EAAC,MAAM;YACVR,QAAQ,CAAC,IAAAS,uBAAc,EAACF,cAAc,CAAC,CAAC;YACxC;YACAP,QAAQ,CAAC,IAAAU,qBAAY,EAAC;cAAEnB,WAAW,EAAEgB;YAAe,CAAC,CAAC,CAAC;UACzD,CAAC,CAAC;QACJ,CAAC,MAAM;UACL;UACA;UACAA,cAAc,CAACI,KAAK,CAAC,CAAC,CAACC,OAAO,CAAC,MAAML,cAAc,CAACM,OAAO,CAAC,CAAC,CAAC;QAChE;MACF,CAAC,CAAC,CACDC,KAAK,CAAEC,KAAK,IAAK;QAChB;QACAC,OAAO,CAACC,IAAI,CAAC,0BAA0B,EAAEF,KAAK,CAAC;MACjD,CAAC,CAAC;IACN,CAAC;IAEDX,gBAAgB,CAAC,CAAC;IAElB,OAAO,MAAM;MACXD,MAAM,GAAG,IAAI;IACf,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAO3F,MAAA,CAAAe,OAAA,CAAA2F,aAAA,CAACrG,oBAAA,CAAAsG,mBAAmB,MAAE,CAAC;AAChC,CAAC;AAACC,OAAA,CAAArB,gBAAA,GAAAA,gBAAA"}
|
|
@@ -3,9 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.HMSPrebuilt = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactRedux = require("react-redux");
|
|
9
|
+
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
9
10
|
var _index = require("./redux/index");
|
|
10
11
|
var _HMSContainer = require("./HMSContainer");
|
|
11
12
|
var _actions = require("./redux/actions");
|
|
@@ -14,19 +15,29 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
14
15
|
const _HMSPrebuilt = props => {
|
|
15
16
|
const {
|
|
16
17
|
roomCode,
|
|
17
|
-
options
|
|
18
|
+
options,
|
|
19
|
+
onLeave
|
|
18
20
|
} = props;
|
|
19
21
|
_index.store.dispatch((0, _actions.setPrebuiltData)({
|
|
20
22
|
roomCode,
|
|
21
|
-
options
|
|
23
|
+
options,
|
|
24
|
+
onLeave
|
|
22
25
|
}));
|
|
23
|
-
|
|
26
|
+
|
|
27
|
+
// @ts-ignore Not using `useContext` hook because we don't want to subscribe to updates
|
|
28
|
+
// We just want to check if SafeAreaProvider exists or not
|
|
29
|
+
const safeAreaProviderExists = !!_reactNativeSafeAreaContext.SafeAreaInsetsContext.Consumer._currentValue;
|
|
30
|
+
if (safeAreaProviderExists) {
|
|
31
|
+
return /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
|
|
32
|
+
store: _index.store
|
|
33
|
+
}, /*#__PURE__*/_react.default.createElement(_HMSContainer.HMSContainer, null));
|
|
34
|
+
}
|
|
35
|
+
return /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaProvider, null, /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
|
|
24
36
|
store: _index.store
|
|
25
|
-
}, /*#__PURE__*/_react.default.createElement(_HMSContainer.HMSContainer, null));
|
|
37
|
+
}, /*#__PURE__*/_react.default.createElement(_HMSContainer.HMSContainer, null)));
|
|
26
38
|
};
|
|
27
39
|
|
|
28
40
|
// TODO: handle props change
|
|
29
|
-
exports._HMSPrebuilt = _HMSPrebuilt;
|
|
30
41
|
const HMSPrebuilt = /*#__PURE__*/(0, _react.memo)(_HMSPrebuilt);
|
|
31
42
|
exports.HMSPrebuilt = HMSPrebuilt;
|
|
32
43
|
//# sourceMappingURL=HMSPrebuilt.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactRedux","_index","_HMSContainer","_actions","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_HMSPrebuilt","props","roomCode","options","store","dispatch","setPrebuiltData","createElement","Provider","HMSContainer","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactRedux","_reactNativeSafeAreaContext","_index","_HMSContainer","_actions","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_HMSPrebuilt","props","roomCode","options","onLeave","store","dispatch","setPrebuiltData","safeAreaProviderExists","SafeAreaInsetsContext","Consumer","_currentValue","createElement","Provider","HMSContainer","SafeAreaProvider","HMSPrebuilt","memo","exports"],"sourceRoot":"../../src","sources":["HMSPrebuilt.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAAkD,SAAAM,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,SAAAR,wBAAAY,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;AAkBlD,MAAMW,YAAwC,GAAIC,KAAK,IAAK;EAC1D,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GAAGH,KAAK;EAE5CI,YAAK,CAACC,QAAQ,CAAC,IAAAC,wBAAe,EAAC;IAAEL,QAAQ;IAAEC,OAAO;IAAEC;EAAQ,CAAC,CAAC,CAAC;;EAE/D;EACA;EACA,MAAMI,sBAAsB,GAAG,CAAC,CAACC,iDAAqB,CAACC,QAAQ,CAACC,aAAa;EAE7E,IAAIH,sBAAsB,EAAE;IAC1B,oBACEtC,MAAA,CAAAe,OAAA,CAAA2B,aAAA,CAACvC,WAAA,CAAAwC,QAAQ;MAACR,KAAK,EAAEA;IAAM,gBACrBnC,MAAA,CAAAe,OAAA,CAAA2B,aAAA,CAACpC,aAAA,CAAAsC,YAAY,MAAE,CACP,CAAC;EAEf;EAEA,oBACE5C,MAAA,CAAAe,OAAA,CAAA2B,aAAA,CAACtC,2BAAA,CAAAyC,gBAAgB,qBACf7C,MAAA,CAAAe,OAAA,CAAA2B,aAAA,CAACvC,WAAA,CAAAwC,QAAQ;IAACR,KAAK,EAAEA;EAAM,gBACrBnC,MAAA,CAAAe,OAAA,CAAA2B,aAAA,CAACpC,aAAA,CAAAsC,YAAY,MAAE,CACP,CACM,CAAC;AAEvB,CAAC;;AAED;AACO,MAAME,WAAW,gBAAG,IAAAC,WAAI,EAACjB,YAAY,CAAC;AAACkB,OAAA,CAAAF,WAAA,GAAAA,WAAA"}
|