@100mslive/react-native-room-kit 1.1.5 → 1.1.7
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/lib/commonjs/Icons/CC/assets/cc-off-med.png +0 -0
- package/lib/commonjs/Icons/CC/assets/cc-off-med@2x.png +0 -0
- package/lib/commonjs/Icons/CC/assets/cc-off-med@3x.png +0 -0
- package/lib/commonjs/Icons/CC/assets/cc-on-med.png +0 -0
- package/lib/commonjs/Icons/CC/assets/cc-on-med@2x.png +0 -0
- package/lib/commonjs/Icons/CC/assets/cc-on-med@3x.png +0 -0
- package/lib/commonjs/Icons/CC/index.js +39 -0
- package/lib/commonjs/Icons/CC/index.js.map +1 -0
- package/lib/commonjs/Icons/Close/assets/close-med.png +0 -0
- package/lib/commonjs/Icons/Close/assets/close-med@2x.png +0 -0
- package/lib/commonjs/Icons/Close/assets/close-med@3x.png +0 -0
- package/lib/commonjs/Icons/Close/index.js +7 -2
- package/lib/commonjs/Icons/Close/index.js.map +1 -1
- package/lib/commonjs/Icons/Maximize/assets/maximize-med.png +0 -0
- package/lib/commonjs/Icons/Maximize/assets/maximize-med@2x.png +0 -0
- package/lib/commonjs/Icons/Maximize/assets/maximize-med@3x.png +0 -0
- package/lib/commonjs/Icons/Maximize/index.js +7 -2
- package/lib/commonjs/Icons/Maximize/index.js.map +1 -1
- package/lib/commonjs/Icons/Minimize/assets/minimize-med.png +0 -0
- package/lib/commonjs/Icons/Minimize/assets/minimize-med@2x.png +0 -0
- package/lib/commonjs/Icons/Minimize/assets/minimize-med@3x.png +0 -0
- package/lib/commonjs/Icons/Minimize/index.js +7 -2
- package/lib/commonjs/Icons/Minimize/index.js.map +1 -1
- package/lib/commonjs/Icons/Pause/assets/pause-med.png +0 -0
- package/lib/commonjs/Icons/Pause/assets/pause-med@2x.png +0 -0
- package/lib/commonjs/Icons/Pause/assets/pause-med@3x.png +0 -0
- package/lib/commonjs/Icons/Pause/index.js +35 -0
- package/lib/commonjs/Icons/Pause/index.js.map +1 -0
- package/lib/commonjs/Icons/Play/assets/play-med.png +0 -0
- package/lib/commonjs/Icons/Play/assets/play-med@2x.png +0 -0
- package/lib/commonjs/Icons/Play/assets/play-med@3x.png +0 -0
- package/lib/commonjs/Icons/Play/index.js +35 -0
- package/lib/commonjs/Icons/Play/index.js.map +1 -0
- package/lib/commonjs/Icons/SeekArrow/assets/seek-backward-arrow.png +0 -0
- package/lib/commonjs/Icons/SeekArrow/assets/seek-backward-arrow@2x.png +0 -0
- package/lib/commonjs/Icons/SeekArrow/assets/seek-backward-arrow@3x.png +0 -0
- package/lib/commonjs/Icons/SeekArrow/assets/seek-forward-arrow.png +0 -0
- package/lib/commonjs/Icons/SeekArrow/assets/seek-forward-arrow@2x.png +0 -0
- package/lib/commonjs/Icons/SeekArrow/assets/seek-forward-arrow@3x.png +0 -0
- package/lib/commonjs/Icons/SeekArrow/index.js +34 -0
- package/lib/commonjs/Icons/SeekArrow/index.js.map +1 -0
- package/lib/commonjs/Icons/index.js +44 -0
- package/lib/commonjs/Icons/index.js.map +1 -1
- package/lib/commonjs/components/AnimatedHeader.js +1 -11
- package/lib/commonjs/components/AnimatedHeader.js.map +1 -1
- package/lib/commonjs/components/Chat/ChatBanner.js +1 -0
- package/lib/commonjs/components/Chat/ChatBanner.js.map +1 -1
- package/lib/commonjs/components/Chat/ChatFilterBottomSheetOpener.js +10 -7
- package/lib/commonjs/components/Chat/ChatFilterBottomSheetOpener.js.map +1 -1
- package/lib/commonjs/components/Chat/ChatList.js +4 -2
- package/lib/commonjs/components/Chat/ChatList.js.map +1 -1
- package/lib/commonjs/components/ChatAndParticipants/ChatAndParticipantsView.js +2 -1
- package/lib/commonjs/components/ChatAndParticipants/ChatAndParticipantsView.js.map +1 -1
- package/lib/commonjs/components/DisplayView.js +1 -9
- package/lib/commonjs/components/DisplayView.js.map +1 -1
- package/lib/commonjs/components/Footer.js +7 -44
- package/lib/commonjs/components/Footer.js.map +1 -1
- package/lib/commonjs/components/HLSAnimatedDescriptionPane.js +30 -0
- package/lib/commonjs/components/HLSAnimatedDescriptionPane.js.map +1 -0
- package/lib/commonjs/components/HLSChatFooterView.js +51 -0
- package/lib/commonjs/components/HLSChatFooterView.js.map +1 -0
- package/lib/commonjs/components/HLSChatHeaderView.js +130 -0
- package/lib/commonjs/components/HLSChatHeaderView.js.map +1 -0
- package/lib/commonjs/components/HLSChatMessages.js +54 -0
- package/lib/commonjs/components/HLSChatMessages.js.map +1 -0
- package/lib/commonjs/components/HLSChatView.js +49 -0
- package/lib/commonjs/components/HLSChatView.js.map +1 -0
- package/lib/commonjs/components/HLSCloseMeetingControl.js +41 -0
- package/lib/commonjs/components/HLSCloseMeetingControl.js.map +1 -0
- package/lib/commonjs/components/HLSClosedCaptionControl.js +109 -0
- package/lib/commonjs/components/HLSClosedCaptionControl.js.map +1 -0
- package/lib/commonjs/components/HLSDescriptionPane.js +145 -0
- package/lib/commonjs/components/HLSDescriptionPane.js.map +1 -0
- package/lib/commonjs/components/HLSDescriptionPaneHeader.js +70 -0
- package/lib/commonjs/components/HLSDescriptionPaneHeader.js.map +1 -0
- package/lib/commonjs/components/HLSDistanceFromLive.js +56 -0
- package/lib/commonjs/components/HLSDistanceFromLive.js.map +1 -0
- package/lib/commonjs/components/HLSFooter.js +1 -1
- package/lib/commonjs/components/HLSFooter.js.map +1 -1
- package/lib/commonjs/components/HLSFullScreenControl.js +42 -0
- package/lib/commonjs/components/HLSFullScreenControl.js.map +1 -0
- package/lib/commonjs/components/HLSGoLiveControl.js +78 -0
- package/lib/commonjs/components/HLSGoLiveControl.js.map +1 -0
- package/lib/commonjs/components/HLSHandRaiseButton.js +38 -0
- package/lib/commonjs/components/HLSHandRaiseButton.js.map +1 -0
- package/lib/commonjs/components/HLSManageChatTextInput.js +90 -0
- package/lib/commonjs/components/HLSManageChatTextInput.js.map +1 -0
- package/lib/commonjs/components/HLSNotifications.js +32 -0
- package/lib/commonjs/components/HLSNotifications.js.map +1 -0
- package/lib/commonjs/components/HLSPlayPauseControl.js +62 -0
- package/lib/commonjs/components/HLSPlayPauseControl.js.map +1 -0
- package/lib/commonjs/components/HLSPlayer.js +193 -0
- package/lib/commonjs/components/HLSPlayer.js.map +1 -0
- package/lib/commonjs/components/HLSPlayerContainer.js +123 -0
- package/lib/commonjs/components/HLSPlayerContainer.js.map +1 -0
- package/lib/commonjs/components/HLSPlayerControls.js +130 -0
- package/lib/commonjs/components/HLSPlayerControls.js.map +1 -0
- package/lib/commonjs/components/HLSRecordingStatusText.js +31 -0
- package/lib/commonjs/components/HLSRecordingStatusText.js.map +1 -0
- package/lib/commonjs/components/HLSRoomOptionsButton.js +25 -0
- package/lib/commonjs/components/HLSRoomOptionsButton.js.map +1 -0
- package/lib/commonjs/components/HLSSeekbackwardControl.js +67 -0
- package/lib/commonjs/components/HLSSeekbackwardControl.js.map +1 -0
- package/lib/commonjs/components/HLSSeekbar.js +285 -0
- package/lib/commonjs/components/HLSSeekbar.js.map +1 -0
- package/lib/commonjs/components/HLSSeekforwardControl.js +71 -0
- package/lib/commonjs/components/HLSSeekforwardControl.js.map +1 -0
- package/lib/commonjs/components/HLSStreamStartedTime.js +69 -0
- package/lib/commonjs/components/HLSStreamStartedTime.js.map +1 -0
- package/lib/commonjs/components/HLSViewerScreenContent.js +61 -0
- package/lib/commonjs/components/HLSViewerScreenContent.js.map +1 -0
- package/lib/commonjs/components/HMSHLSMessage.js +19 -41
- package/lib/commonjs/components/HMSHLSMessage.js.map +1 -1
- package/lib/commonjs/components/HMSHLSMessageList.js +2 -2
- package/lib/commonjs/components/HMSHLSMessageList.js.map +1 -1
- package/lib/commonjs/components/HMSHLSNotStarted.js +15 -7
- package/lib/commonjs/components/HMSHLSNotStarted.js.map +1 -1
- package/lib/commonjs/components/HMSKeyboardAvoidingView.js +5 -1
- package/lib/commonjs/components/HMSKeyboardAvoidingView.js.map +1 -1
- package/lib/commonjs/components/HMSLiveViewerCount.js +2 -4
- package/lib/commonjs/components/HMSLiveViewerCount.js.map +1 -1
- package/lib/commonjs/components/HMSNotification.js +3 -2
- package/lib/commonjs/components/HMSNotification.js.map +1 -1
- package/lib/commonjs/components/HMSNotifications.js +3 -1
- package/lib/commonjs/components/HMSNotifications.js.map +1 -1
- package/lib/commonjs/components/HMSOverlayChatView.js +7 -4
- package/lib/commonjs/components/HMSOverlayChatView.js.map +1 -1
- package/lib/commonjs/components/HMSOverlayMessageView.js +150 -0
- package/lib/commonjs/components/HMSOverlayMessageView.js.map +1 -0
- package/lib/commonjs/components/Meeting.js +3 -1
- package/lib/commonjs/components/Meeting.js.map +1 -1
- package/lib/commonjs/components/MeetingScreenContent.js +2 -9
- package/lib/commonjs/components/MeetingScreenContent.js.map +1 -1
- package/lib/commonjs/components/OverlayedViews.js +1 -1
- package/lib/commonjs/components/OverlayedViews.js.map +1 -1
- package/lib/commonjs/components/Participants/ParticipantsList.js +4 -4
- package/lib/commonjs/components/Participants/ParticipantsList.js.map +1 -1
- package/lib/commonjs/components/PressableIcon.js +1 -2
- package/lib/commonjs/components/PressableIcon.js.map +1 -1
- package/lib/commonjs/hooks-util.js +156 -5
- package/lib/commonjs/hooks-util.js.map +1 -1
- package/lib/commonjs/redux/actionTypes.js +6 -0
- package/lib/commonjs/redux/actionTypes.js.map +1 -1
- package/lib/commonjs/redux/actions/index.js +24 -3
- package/lib/commonjs/redux/actions/index.js.map +1 -1
- package/lib/commonjs/redux/reducers/appState.js +25 -1
- package/lib/commonjs/redux/reducers/appState.js.map +1 -1
- package/lib/module/Icons/CC/assets/cc-off-med.png +0 -0
- package/lib/module/Icons/CC/assets/cc-off-med@2x.png +0 -0
- package/lib/module/Icons/CC/assets/cc-off-med@3x.png +0 -0
- package/lib/module/Icons/CC/assets/cc-on-med.png +0 -0
- package/lib/module/Icons/CC/assets/cc-on-med@2x.png +0 -0
- package/lib/module/Icons/CC/assets/cc-on-med@3x.png +0 -0
- package/lib/module/Icons/CC/index.js +31 -0
- package/lib/module/Icons/CC/index.js.map +1 -0
- package/lib/module/Icons/Close/assets/close-med.png +0 -0
- package/lib/module/Icons/Close/assets/close-med@2x.png +0 -0
- package/lib/module/Icons/Close/assets/close-med@3x.png +0 -0
- package/lib/module/Icons/Close/index.js +7 -2
- package/lib/module/Icons/Close/index.js.map +1 -1
- package/lib/module/Icons/Maximize/assets/maximize-med.png +0 -0
- package/lib/module/Icons/Maximize/assets/maximize-med@2x.png +0 -0
- package/lib/module/Icons/Maximize/assets/maximize-med@3x.png +0 -0
- package/lib/module/Icons/Maximize/index.js +7 -2
- package/lib/module/Icons/Maximize/index.js.map +1 -1
- package/lib/module/Icons/Minimize/assets/minimize-med.png +0 -0
- package/lib/module/Icons/Minimize/assets/minimize-med@2x.png +0 -0
- package/lib/module/Icons/Minimize/assets/minimize-med@3x.png +0 -0
- package/lib/module/Icons/Minimize/index.js +7 -2
- package/lib/module/Icons/Minimize/index.js.map +1 -1
- package/lib/module/Icons/Pause/assets/pause-med.png +0 -0
- package/lib/module/Icons/Pause/assets/pause-med@2x.png +0 -0
- package/lib/module/Icons/Pause/assets/pause-med@3x.png +0 -0
- package/lib/module/Icons/Pause/index.js +27 -0
- package/lib/module/Icons/Pause/index.js.map +1 -0
- package/lib/module/Icons/Play/assets/play-med.png +0 -0
- package/lib/module/Icons/Play/assets/play-med@2x.png +0 -0
- package/lib/module/Icons/Play/assets/play-med@3x.png +0 -0
- package/lib/module/Icons/Play/index.js +27 -0
- package/lib/module/Icons/Play/index.js.map +1 -0
- package/lib/module/Icons/SeekArrow/assets/seek-backward-arrow.png +0 -0
- package/lib/module/Icons/SeekArrow/assets/seek-backward-arrow@2x.png +0 -0
- package/lib/module/Icons/SeekArrow/assets/seek-backward-arrow@3x.png +0 -0
- package/lib/module/Icons/SeekArrow/assets/seek-forward-arrow.png +0 -0
- package/lib/module/Icons/SeekArrow/assets/seek-forward-arrow@2x.png +0 -0
- package/lib/module/Icons/SeekArrow/assets/seek-forward-arrow@3x.png +0 -0
- package/lib/module/Icons/SeekArrow/index.js +26 -0
- package/lib/module/Icons/SeekArrow/index.js.map +1 -0
- package/lib/module/Icons/index.js +4 -0
- package/lib/module/Icons/index.js.map +1 -1
- package/lib/module/components/AnimatedHeader.js +1 -11
- package/lib/module/components/AnimatedHeader.js.map +1 -1
- package/lib/module/components/Chat/ChatBanner.js +1 -0
- package/lib/module/components/Chat/ChatBanner.js.map +1 -1
- package/lib/module/components/Chat/ChatFilterBottomSheetOpener.js +10 -7
- package/lib/module/components/Chat/ChatFilterBottomSheetOpener.js.map +1 -1
- package/lib/module/components/Chat/ChatList.js +4 -2
- package/lib/module/components/Chat/ChatList.js.map +1 -1
- package/lib/module/components/ChatAndParticipants/ChatAndParticipantsView.js +3 -2
- package/lib/module/components/ChatAndParticipants/ChatAndParticipantsView.js.map +1 -1
- package/lib/module/components/DisplayView.js +3 -11
- package/lib/module/components/DisplayView.js.map +1 -1
- package/lib/module/components/Footer.js +9 -46
- package/lib/module/components/Footer.js.map +1 -1
- package/lib/module/components/HLSAnimatedDescriptionPane.js +21 -0
- package/lib/module/components/HLSAnimatedDescriptionPane.js.map +1 -0
- package/lib/module/components/HLSChatFooterView.js +42 -0
- package/lib/module/components/HLSChatFooterView.js.map +1 -0
- package/lib/module/components/HLSChatHeaderView.js +121 -0
- package/lib/module/components/HLSChatHeaderView.js.map +1 -0
- package/lib/module/components/HLSChatMessages.js +45 -0
- package/lib/module/components/HLSChatMessages.js.map +1 -0
- package/lib/module/components/HLSChatView.js +40 -0
- package/lib/module/components/HLSChatView.js.map +1 -0
- package/lib/module/components/HLSCloseMeetingControl.js +33 -0
- package/lib/module/components/HLSCloseMeetingControl.js.map +1 -0
- package/lib/module/components/HLSClosedCaptionControl.js +100 -0
- package/lib/module/components/HLSClosedCaptionControl.js.map +1 -0
- package/lib/module/components/HLSDescriptionPane.js +136 -0
- package/lib/module/components/HLSDescriptionPane.js.map +1 -0
- package/lib/module/components/HLSDescriptionPaneHeader.js +61 -0
- package/lib/module/components/HLSDescriptionPaneHeader.js.map +1 -0
- package/lib/module/components/HLSDistanceFromLive.js +48 -0
- package/lib/module/components/HLSDistanceFromLive.js.map +1 -0
- package/lib/module/components/HLSFooter.js +2 -2
- package/lib/module/components/HLSFooter.js.map +1 -1
- package/lib/module/components/HLSFullScreenControl.js +34 -0
- package/lib/module/components/HLSFullScreenControl.js.map +1 -0
- package/lib/module/components/HLSGoLiveControl.js +70 -0
- package/lib/module/components/HLSGoLiveControl.js.map +1 -0
- package/lib/module/components/HLSHandRaiseButton.js +29 -0
- package/lib/module/components/HLSHandRaiseButton.js.map +1 -0
- package/lib/module/components/HLSManageChatTextInput.js +81 -0
- package/lib/module/components/HLSManageChatTextInput.js.map +1 -0
- package/lib/module/components/HLSNotifications.js +24 -0
- package/lib/module/components/HLSNotifications.js.map +1 -0
- package/lib/module/components/HLSPlayPauseControl.js +54 -0
- package/lib/module/components/HLSPlayPauseControl.js.map +1 -0
- package/lib/module/components/HLSPlayer.js +185 -0
- package/lib/module/components/HLSPlayer.js.map +1 -0
- package/lib/module/components/HLSPlayerContainer.js +115 -0
- package/lib/module/components/HLSPlayerContainer.js.map +1 -0
- package/lib/module/components/HLSPlayerControls.js +120 -0
- package/lib/module/components/HLSPlayerControls.js.map +1 -0
- package/lib/module/components/HLSRecordingStatusText.js +22 -0
- package/lib/module/components/HLSRecordingStatusText.js.map +1 -0
- package/lib/module/components/HLSRoomOptionsButton.js +16 -0
- package/lib/module/components/HLSRoomOptionsButton.js.map +1 -0
- package/lib/module/components/HLSSeekbackwardControl.js +59 -0
- package/lib/module/components/HLSSeekbackwardControl.js.map +1 -0
- package/lib/module/components/HLSSeekbar.js +276 -0
- package/lib/module/components/HLSSeekbar.js.map +1 -0
- package/lib/module/components/HLSSeekforwardControl.js +63 -0
- package/lib/module/components/HLSSeekforwardControl.js.map +1 -0
- package/lib/module/components/HLSStreamStartedTime.js +60 -0
- package/lib/module/components/HLSStreamStartedTime.js.map +1 -0
- package/lib/module/components/HLSViewerScreenContent.js +53 -0
- package/lib/module/components/HLSViewerScreenContent.js.map +1 -0
- package/lib/module/components/HMSHLSMessage.js +19 -41
- package/lib/module/components/HMSHLSMessage.js.map +1 -1
- package/lib/module/components/HMSHLSMessageList.js +2 -2
- package/lib/module/components/HMSHLSMessageList.js.map +1 -1
- package/lib/module/components/HMSHLSNotStarted.js +15 -7
- package/lib/module/components/HMSHLSNotStarted.js.map +1 -1
- package/lib/module/components/HMSKeyboardAvoidingView.js +5 -1
- package/lib/module/components/HMSKeyboardAvoidingView.js.map +1 -1
- package/lib/module/components/HMSLiveViewerCount.js +3 -5
- package/lib/module/components/HMSLiveViewerCount.js.map +1 -1
- package/lib/module/components/HMSNotification.js +4 -3
- package/lib/module/components/HMSNotification.js.map +1 -1
- package/lib/module/components/HMSNotifications.js +3 -1
- package/lib/module/components/HMSNotifications.js.map +1 -1
- package/lib/module/components/HMSOverlayChatView.js +5 -2
- package/lib/module/components/HMSOverlayChatView.js.map +1 -1
- package/lib/module/components/HMSOverlayMessageView.js +142 -0
- package/lib/module/components/HMSOverlayMessageView.js.map +1 -0
- package/lib/module/components/Meeting.js +4 -2
- package/lib/module/components/Meeting.js.map +1 -1
- package/lib/module/components/MeetingScreenContent.js +3 -10
- package/lib/module/components/MeetingScreenContent.js.map +1 -1
- package/lib/module/components/OverlayedViews.js +2 -2
- package/lib/module/components/OverlayedViews.js.map +1 -1
- package/lib/module/components/Participants/ParticipantsList.js +4 -4
- package/lib/module/components/Participants/ParticipantsList.js.map +1 -1
- package/lib/module/components/PressableIcon.js +1 -2
- package/lib/module/components/PressableIcon.js.map +1 -1
- package/lib/module/hooks-util.js +154 -7
- package/lib/module/hooks-util.js.map +1 -1
- package/lib/module/redux/actionTypes.js +6 -0
- package/lib/module/redux/actionTypes.js.map +1 -1
- package/lib/module/redux/actions/index.js +18 -0
- package/lib/module/redux/actions/index.js.map +1 -1
- package/lib/module/redux/reducers/appState.js +25 -1
- package/lib/module/redux/reducers/appState.js.map +1 -1
- package/lib/typescript/Icons/CC/index.d.ts +9 -0
- package/lib/typescript/Icons/CC/index.d.ts.map +1 -0
- package/lib/typescript/Icons/Close/index.d.ts +1 -0
- package/lib/typescript/Icons/Close/index.d.ts.map +1 -1
- package/lib/typescript/Icons/Maximize/index.d.ts +1 -0
- package/lib/typescript/Icons/Maximize/index.d.ts.map +1 -1
- package/lib/typescript/Icons/Minimize/index.d.ts +1 -0
- package/lib/typescript/Icons/Minimize/index.d.ts.map +1 -1
- package/lib/typescript/Icons/Pause/index.d.ts +8 -0
- package/lib/typescript/Icons/Pause/index.d.ts.map +1 -0
- package/lib/typescript/Icons/Play/index.d.ts +8 -0
- package/lib/typescript/Icons/Play/index.d.ts.map +1 -0
- package/lib/typescript/Icons/SeekArrow/index.d.ts +8 -0
- package/lib/typescript/Icons/SeekArrow/index.d.ts.map +1 -0
- package/lib/typescript/Icons/index.d.ts +4 -0
- package/lib/typescript/Icons/index.d.ts.map +1 -1
- package/lib/typescript/components/AnimatedHeader.d.ts.map +1 -1
- package/lib/typescript/components/Chat/ChatFilterBottomSheetOpener.d.ts +4 -1
- package/lib/typescript/components/Chat/ChatFilterBottomSheetOpener.d.ts.map +1 -1
- package/lib/typescript/components/Chat/ChatList.d.ts +4 -1
- package/lib/typescript/components/Chat/ChatList.d.ts.map +1 -1
- package/lib/typescript/components/ChatAndParticipants/ChatAndParticipantsView.d.ts.map +1 -1
- package/lib/typescript/components/CustomButton.d.ts +5 -5
- package/lib/typescript/components/CustomButton.d.ts.map +1 -1
- package/lib/typescript/components/DisplayView.d.ts.map +1 -1
- package/lib/typescript/components/Footer.d.ts.map +1 -1
- package/lib/typescript/components/HLSAnimatedDescriptionPane.d.ts +10 -0
- package/lib/typescript/components/HLSAnimatedDescriptionPane.d.ts.map +1 -0
- package/lib/typescript/components/HLSChatFooterView.d.ts +3 -0
- package/lib/typescript/components/HLSChatFooterView.d.ts.map +1 -0
- package/lib/typescript/components/HLSChatHeaderView.d.ts +7 -0
- package/lib/typescript/components/HLSChatHeaderView.d.ts.map +1 -0
- package/lib/typescript/components/HLSChatMessages.d.ts +3 -0
- package/lib/typescript/components/HLSChatMessages.d.ts.map +1 -0
- package/lib/typescript/components/HLSChatView.d.ts +3 -0
- package/lib/typescript/components/HLSChatView.d.ts.map +1 -0
- package/lib/typescript/components/HLSCloseMeetingControl.d.ts +8 -0
- package/lib/typescript/components/HLSCloseMeetingControl.d.ts.map +1 -0
- package/lib/typescript/components/HLSClosedCaptionControl.d.ts +10 -0
- package/lib/typescript/components/HLSClosedCaptionControl.d.ts.map +1 -0
- package/lib/typescript/components/HLSDescriptionPane.d.ts +6 -0
- package/lib/typescript/components/HLSDescriptionPane.d.ts.map +1 -0
- package/lib/typescript/components/HLSDescriptionPaneHeader.d.ts +9 -0
- package/lib/typescript/components/HLSDescriptionPaneHeader.d.ts.map +1 -0
- package/lib/typescript/components/HLSDistanceFromLive.d.ts +8 -0
- package/lib/typescript/components/HLSDistanceFromLive.d.ts.map +1 -0
- package/lib/typescript/components/HLSFullScreenControl.d.ts +8 -0
- package/lib/typescript/components/HLSFullScreenControl.d.ts.map +1 -0
- package/lib/typescript/components/HLSGoLiveControl.d.ts +10 -0
- package/lib/typescript/components/HLSGoLiveControl.d.ts.map +1 -0
- package/lib/typescript/components/HLSHandRaiseButton.d.ts +3 -0
- package/lib/typescript/components/HLSHandRaiseButton.d.ts.map +1 -0
- package/lib/typescript/components/HLSManageChatTextInput.d.ts +3 -0
- package/lib/typescript/components/HLSManageChatTextInput.d.ts.map +1 -0
- package/lib/typescript/components/HLSNotifications.d.ts +3 -0
- package/lib/typescript/components/HLSNotifications.d.ts.map +1 -0
- package/lib/typescript/components/HLSPlayPauseControl.d.ts +8 -0
- package/lib/typescript/components/HLSPlayPauseControl.d.ts.map +1 -0
- package/lib/typescript/components/HLSPlayer.d.ts +6 -0
- package/lib/typescript/components/HLSPlayer.d.ts.map +1 -0
- package/lib/typescript/components/HLSPlayerContainer.d.ts +4 -0
- package/lib/typescript/components/HLSPlayerContainer.d.ts.map +1 -0
- package/lib/typescript/components/HLSPlayerControls.d.ts +14 -0
- package/lib/typescript/components/HLSPlayerControls.d.ts.map +1 -0
- package/lib/typescript/components/HLSRecordingStatusText.d.ts +9 -0
- package/lib/typescript/components/HLSRecordingStatusText.d.ts.map +1 -0
- package/lib/typescript/components/HLSRoomOptionsButton.d.ts +3 -0
- package/lib/typescript/components/HLSRoomOptionsButton.d.ts.map +1 -0
- package/lib/typescript/components/HLSSeekbackwardControl.d.ts +8 -0
- package/lib/typescript/components/HLSSeekbackwardControl.d.ts.map +1 -0
- package/lib/typescript/components/HLSSeekbar.d.ts +66 -0
- package/lib/typescript/components/HLSSeekbar.d.ts.map +1 -0
- package/lib/typescript/components/HLSSeekforwardControl.d.ts +8 -0
- package/lib/typescript/components/HLSSeekforwardControl.d.ts.map +1 -0
- package/lib/typescript/components/HLSStreamStartedTime.d.ts +6 -0
- package/lib/typescript/components/HLSStreamStartedTime.d.ts.map +1 -0
- package/lib/typescript/components/HLSViewerScreenContent.d.ts +6 -0
- package/lib/typescript/components/HLSViewerScreenContent.d.ts.map +1 -0
- package/lib/typescript/components/HMSHLSMessage.d.ts.map +1 -1
- package/lib/typescript/components/HMSHLSNotStarted.d.ts.map +1 -1
- package/lib/typescript/components/HMSKeyboardAvoidingView.d.ts +2 -0
- package/lib/typescript/components/HMSKeyboardAvoidingView.d.ts.map +1 -1
- package/lib/typescript/components/HMSLiveViewerCount.d.ts.map +1 -1
- package/lib/typescript/components/HMSNotification.d.ts.map +1 -1
- package/lib/typescript/components/HMSNotifications.d.ts.map +1 -1
- package/lib/typescript/components/HMSOverlayChatView.d.ts +2 -2
- package/lib/typescript/components/HMSOverlayChatView.d.ts.map +1 -1
- package/lib/typescript/components/HMSOverlayMessageView.d.ts +8 -0
- package/lib/typescript/components/HMSOverlayMessageView.d.ts.map +1 -0
- package/lib/typescript/components/Meeting.d.ts.map +1 -1
- package/lib/typescript/components/MeetingScreenContent.d.ts.map +1 -1
- package/lib/typescript/components/Modals.d.ts +3 -3
- package/lib/typescript/components/Modals.d.ts.map +1 -1
- package/lib/typescript/components/Participants/ParticipantsList.d.ts.map +1 -1
- package/lib/typescript/components/PressableIcon.d.ts.map +1 -1
- package/lib/typescript/components/Preview.d.ts.map +1 -1
- package/lib/typescript/hooks-util.d.ts +32 -8
- package/lib/typescript/hooks-util.d.ts.map +1 -1
- package/lib/typescript/redux/actionTypes.d.ts +3 -0
- package/lib/typescript/redux/actionTypes.d.ts.map +1 -1
- package/lib/typescript/redux/actions/index.d.ts +18 -0
- package/lib/typescript/redux/actions/index.d.ts.map +1 -1
- package/lib/typescript/redux/index.d.ts +19 -16
- package/lib/typescript/redux/index.d.ts.map +1 -1
- package/lib/typescript/redux/reducers/appState.d.ts +3 -0
- package/lib/typescript/redux/reducers/appState.d.ts.map +1 -1
- package/lib/typescript/redux/reducers/index.d.ts +19 -16
- package/lib/typescript/redux/reducers/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/Icons/CC/assets/cc-off-med.png +0 -0
- package/src/Icons/CC/assets/cc-off-med@2x.png +0 -0
- package/src/Icons/CC/assets/cc-off-med@3x.png +0 -0
- package/src/Icons/CC/assets/cc-on-med.png +0 -0
- package/src/Icons/CC/assets/cc-on-med@2x.png +0 -0
- package/src/Icons/CC/assets/cc-on-med@3x.png +0 -0
- package/src/Icons/CC/index.tsx +51 -0
- package/src/Icons/Close/assets/close-med.png +0 -0
- package/src/Icons/Close/assets/close-med@2x.png +0 -0
- package/src/Icons/Close/assets/close-med@3x.png +0 -0
- package/src/Icons/Close/index.tsx +19 -3
- package/src/Icons/Maximize/assets/maximize-med.png +0 -0
- package/src/Icons/Maximize/assets/maximize-med@2x.png +0 -0
- package/src/Icons/Maximize/assets/maximize-med@3x.png +0 -0
- package/src/Icons/Maximize/index.tsx +19 -3
- package/src/Icons/Minimize/assets/minimize-med.png +0 -0
- package/src/Icons/Minimize/assets/minimize-med@2x.png +0 -0
- package/src/Icons/Minimize/assets/minimize-med@3x.png +0 -0
- package/src/Icons/Minimize/index.tsx +19 -3
- package/src/Icons/Pause/assets/pause-med.png +0 -0
- package/src/Icons/Pause/assets/pause-med@2x.png +0 -0
- package/src/Icons/Pause/assets/pause-med@3x.png +0 -0
- package/src/Icons/Pause/index.tsx +36 -0
- package/src/Icons/Play/assets/play-med.png +0 -0
- package/src/Icons/Play/assets/play-med@2x.png +0 -0
- package/src/Icons/Play/assets/play-med@3x.png +0 -0
- package/src/Icons/Play/index.tsx +36 -0
- package/src/Icons/SeekArrow/assets/seek-backward-arrow.png +0 -0
- package/src/Icons/SeekArrow/assets/seek-backward-arrow@2x.png +0 -0
- package/src/Icons/SeekArrow/assets/seek-backward-arrow@3x.png +0 -0
- package/src/Icons/SeekArrow/assets/seek-forward-arrow.png +0 -0
- package/src/Icons/SeekArrow/assets/seek-forward-arrow@2x.png +0 -0
- package/src/Icons/SeekArrow/assets/seek-forward-arrow@3x.png +0 -0
- package/src/Icons/SeekArrow/index.tsx +40 -0
- package/src/Icons/index.ts +4 -0
- package/src/components/AnimatedHeader.tsx +1 -9
- package/src/components/Chat/ChatBanner.tsx +1 -0
- package/src/components/Chat/ChatFilterBottomSheetOpener.tsx +16 -8
- package/src/components/Chat/ChatList.tsx +4 -1
- package/src/components/ChatAndParticipants/ChatAndParticipantsView.tsx +6 -1
- package/src/components/DisplayView.tsx +9 -23
- package/src/components/Footer.tsx +8 -77
- package/src/components/HLSAnimatedDescriptionPane.tsx +36 -0
- package/src/components/HLSChatFooterView.tsx +53 -0
- package/src/components/HLSChatHeaderView.tsx +165 -0
- package/src/components/HLSChatMessages.tsx +60 -0
- package/src/components/HLSChatView.tsx +55 -0
- package/src/components/HLSCloseMeetingControl.tsx +39 -0
- package/src/components/HLSClosedCaptionControl.tsx +140 -0
- package/src/components/HLSDescriptionPane.tsx +168 -0
- package/src/components/HLSDescriptionPaneHeader.tsx +78 -0
- package/src/components/HLSDistanceFromLive.tsx +69 -0
- package/src/components/HLSFooter.tsx +2 -2
- package/src/components/HLSFullScreenControl.tsx +46 -0
- package/src/components/HLSGoLiveControl.tsx +104 -0
- package/src/components/HLSHandRaiseButton.tsx +41 -0
- package/src/components/HLSManageChatTextInput.tsx +98 -0
- package/src/components/HLSNotifications.tsx +33 -0
- package/src/components/HLSPlayPauseControl.tsx +69 -0
- package/src/components/HLSPlayer.tsx +264 -0
- package/src/components/HLSPlayerContainer.tsx +134 -0
- package/src/components/HLSPlayerControls.tsx +180 -0
- package/src/components/HLSRecordingStatusText.tsx +50 -0
- package/src/components/HLSRoomOptionsButton.tsx +19 -0
- package/src/components/HLSSeekbackwardControl.tsx +88 -0
- package/src/components/HLSSeekbar.tsx +381 -0
- package/src/components/HLSSeekforwardControl.tsx +97 -0
- package/src/components/HLSStreamStartedTime.tsx +79 -0
- package/src/components/HLSViewerScreenContent.tsx +96 -0
- package/src/components/HMSHLSMessage.tsx +32 -49
- package/src/components/HMSHLSMessageList.tsx +2 -2
- package/src/components/HMSHLSNotStarted.tsx +18 -7
- package/src/components/HMSKeyboardAvoidingView.tsx +16 -6
- package/src/components/HMSLiveViewerCount.tsx +2 -8
- package/src/components/HMSNotification.tsx +20 -14
- package/src/components/HMSNotifications.tsx +3 -1
- package/src/components/HMSOverlayChatView.tsx +10 -3
- package/src/components/HMSOverlayMessageView.tsx +189 -0
- package/src/components/Meeting.tsx +9 -1
- package/src/components/MeetingScreenContent.tsx +3 -7
- package/src/components/OverlayedViews.tsx +2 -2
- package/src/components/Participants/ParticipantsList.tsx +12 -10
- package/src/components/PressableIcon.tsx +1 -3
- package/src/hooks-util.ts +223 -6
- package/src/redux/actionTypes.ts +9 -0
- package/src/redux/actions/index.ts +15 -0
- package/src/redux/reducers/appState.ts +24 -0
- package/lib/commonjs/components/CustomHLSPlayerControls.js +0 -80
- package/lib/commonjs/components/CustomHLSPlayerControls.js.map +0 -1
- package/lib/commonjs/components/HLSView.js +0 -195
- package/lib/commonjs/components/HLSView.js.map +0 -1
- package/lib/module/components/CustomHLSPlayerControls.js +0 -72
- package/lib/module/components/CustomHLSPlayerControls.js.map +0 -1
- package/lib/module/components/HLSView.js +0 -186
- package/lib/module/components/HLSView.js.map +0 -1
- package/lib/typescript/components/CustomHLSPlayerControls.d.ts +0 -7
- package/lib/typescript/components/CustomHLSPlayerControls.d.ts.map +0 -1
- package/lib/typescript/components/HLSView.d.ts +0 -4
- package/lib/typescript/components/HLSView.d.ts.map +0 -1
- package/src/components/CustomHLSPlayerControls.tsx +0 -92
- package/src/components/HLSView.tsx +0 -251
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Platform","StyleSheet","Text","HMSHLSPlaylistType","useHMSHLSPlayerStat","useIsHLSStreamLive","useSelector","useHMSRoomStyle","useIsHLSStreamingOn","_HLSDistanceFromLive","isHLSStreamingOn","isDVRStream","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","playlistType","DVR","isStreamLive","createElement","HLSDistanceFromLiveText","memo","distanceFromLiveEdge","textStyle","_","typography","fontFamily","font_family","color","hhmmss","msToHMS","select","default","ios","style","styles","text","HLSDistanceFromLive","create","fontSize","lineHeight","letterSpacing","marginLeft","ms","seconds","Math","floor","minutes","hours","humanized","toString","padStart","unshift","join"],"sourceRoot":"../../../src","sources":["components/HLSDistanceFromLive.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzD,SACEC,kBAAkB,EAClBC,mBAAmB,EACnBC,kBAAkB,QACb,6BAA6B;AACpC,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,eAAe,QAAQ,eAAe;AAC/C,SAASC,mBAAmB,QAAQ,cAAc;AAKlD,OAAO,MAAMC,oBAAwD,GAAGA,CAAA,KAAM;EAC5E,MAAMC,gBAAgB,GAAGF,mBAAmB,CAAC,CAAC;EAC9C,MAAMG,WAAW,GAAGL,WAAW,CAC5BM,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OACf,EAAAA,qBAAA,GAAAD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,iBAAiB,CAACC,QAAQ,cAAAJ,qBAAA,gBAAAA,qBAAA,GAAhDA,qBAAA,CAAmD,CAAC,CAAC,cAAAA,qBAAA,uBAArDA,qBAAA,CAAuDK,YAAY,MACnEf,kBAAkB,CAACgB,GAAG;EAAA,CAC1B,CAAC;EACD,MAAMC,YAAY,GAAGf,kBAAkB,CAAC,CAAC;EAEzC,IAAI,CAACK,gBAAgB,IAAI,CAACC,WAAW,IAAIS,YAAY,EAAE,OAAO,IAAI;EAElE,oBAAOrB,KAAA,CAAAsB,aAAA,CAACC,uBAAuB,MAAE,CAAC;AACpC,CAAC;AAED,OAAO,MAAMA,uBAAuB,gBAAGvB,KAAK,CAACwB,IAAI,CAAC,MAAM;EACtD,MAAMC,oBAAoB,GAAGpB,mBAAmB,CAAC,kBAAkB,CAAC;EAEpE,MAAMqB,SAAS,GAAGlB,eAAe,CAAC,CAACmB,CAAC,EAAEC,UAAU,MAAM;IACpDC,UAAU,EAAG,GAAED,UAAU,CAACE,WAAY,UAAS;IAC/CC,KAAK,EAAE;EACT,CAAC,CAAC,CAAC;EAEH,MAAMC,MAAM,GAAGC,OAAO,CACpBR,oBAAoB,GAAGxB,QAAQ,CAACiC,MAAM,CAAC;IAAEC,OAAO,EAAE,KAAK;IAAEC,GAAG,EAAE;EAAK,CAAC,CACtE,CAAC;EAED,oBAAOpC,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IAACkC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEb,SAAS;EAAE,GAAC,GAAC,EAACM,MAAa,CAAC;AAChE,CAAC,CAAC;AAEF,OAAO,MAAMQ,mBAAmB,gBAAGxC,KAAK,CAACwB,IAAI,CAACd,oBAAoB,CAAC;AAEnE,MAAM4B,MAAM,GAAGpC,UAAU,CAACuC,MAAM,CAAC;EAC/BF,IAAI,EAAE;IACJG,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,SAASZ,OAAOA,CAACa,EAAU,EAAE;EAC3B,MAAMC,OAAO,GAAGC,IAAI,CAACC,KAAK,CAAEH,EAAE,GAAG,IAAI,GAAI,EAAE,CAAC;EAC5C,MAAMI,OAAO,GAAGF,IAAI,CAACC,KAAK,CAAEH,EAAE,GAAG,IAAI,GAAG,EAAE,GAAI,EAAE,CAAC;EACjD,MAAMK,KAAK,GAAGH,IAAI,CAACC,KAAK,CAAEH,EAAE,GAAG,IAAI,GAAG,IAAI,GAAI,EAAE,CAAC;EAEjD,MAAMM,SAAS,GAAG,CAChBF,OAAO,GAAG,CAAC,GAAGA,OAAO,CAACG,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,EACvDP,OAAO,CAACM,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CACpC;EAED,IAAIH,KAAK,GAAG,CAAC,EAAEC,SAAS,CAACG,OAAO,CAACJ,KAAK,CAACE,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;EAEnE,OAAOF,SAAS,CAACI,IAAI,CAAC,GAAG,CAAC;AAC5B","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { StyleSheet } from 'react-native';
|
|
3
3
|
import { Footer } from './Footer';
|
|
4
4
|
import { AnimatedHLSFooter } from './AnimatedHLSFooter';
|
|
5
|
-
import {
|
|
5
|
+
import { HMSOverlayChatView } from './HMSOverlayChatView';
|
|
6
6
|
import { useShowChatAndParticipants } from '../hooks-util';
|
|
7
7
|
import { HMSNotifications } from './HMSNotifications';
|
|
8
8
|
export const HLSFooter = ({
|
|
@@ -14,7 +14,7 @@ export const HLSFooter = ({
|
|
|
14
14
|
return /*#__PURE__*/React.createElement(AnimatedHLSFooter, {
|
|
15
15
|
offset: offset,
|
|
16
16
|
style: styles.animatedContainer
|
|
17
|
-
}, overlayChatVisible ? /*#__PURE__*/React.createElement(
|
|
17
|
+
}, overlayChatVisible ? /*#__PURE__*/React.createElement(HMSOverlayChatView, {
|
|
18
18
|
offset: offset
|
|
19
19
|
}) : null, /*#__PURE__*/React.createElement(HMSNotifications, null), /*#__PURE__*/React.createElement(Footer, null));
|
|
20
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","Footer","AnimatedHLSFooter","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Footer","AnimatedHLSFooter","HMSOverlayChatView","useShowChatAndParticipants","HMSNotifications","HLSFooter","offset","overlayChatVisible","createElement","style","styles","animatedContainer","create","position","bottom","width"],"sourceRoot":"../../../src","sources":["components/HLSFooter.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AAGzC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,0BAA0B,QAAQ,eAAe;AAC1D,SAASC,gBAAgB,QAAQ,oBAAoB;AAMrD,OAAO,MAAMC,SAAmC,GAAGA,CAAC;EAAEC;AAAO,CAAC,KAAK;EACjE,MAAM;IAAEC;EAAmB,CAAC,GAAGJ,0BAA0B,CAAC,CAAC;EAE3D,oBACEL,KAAA,CAAAU,aAAA,CAACP,iBAAiB;IAACK,MAAM,EAAEA,MAAO;IAACG,KAAK,EAAEC,MAAM,CAACC;EAAkB,GAChEJ,kBAAkB,gBAAGT,KAAA,CAAAU,aAAA,CAACN,kBAAkB;IAACI,MAAM,EAAEA;EAAO,CAAE,CAAC,GAAG,IAAI,eAEnER,KAAA,CAAAU,aAAA,CAACJ,gBAAgB,MAAE,CAAC,eAEpBN,KAAA,CAAAU,aAAA,CAACR,MAAM,MAAE,CACQ,CAAC;AAExB,CAAC;AAED,MAAMU,MAAM,GAAGX,UAAU,CAACa,MAAM,CAAC;EAC/BD,iBAAiB,EAAE;IACjBE,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
3
|
+
import { useDispatch, useSelector } from 'react-redux';
|
|
4
|
+
import { GestureDetector, Gesture } from 'react-native-gesture-handler';
|
|
5
|
+
import { MaximizeIcon, MinimizeIcon } from '../Icons';
|
|
6
|
+
import { setHlsFullScreen } from '../redux/actions';
|
|
7
|
+
export const _HLSFullScreenControl = ({
|
|
8
|
+
onPress
|
|
9
|
+
}) => {
|
|
10
|
+
const dispatch = useDispatch();
|
|
11
|
+
const hlsFullScreen = useSelector(state => state.app.hlsFullScreen);
|
|
12
|
+
const toggleFullScreen = () => {
|
|
13
|
+
onPress === null || onPress === void 0 || onPress();
|
|
14
|
+
dispatch(setHlsFullScreen(!hlsFullScreen));
|
|
15
|
+
};
|
|
16
|
+
return /*#__PURE__*/React.createElement(GestureDetector, {
|
|
17
|
+
gesture: Gesture.Tap()
|
|
18
|
+
}, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
19
|
+
onPress: toggleFullScreen,
|
|
20
|
+
style: styles.icon
|
|
21
|
+
}, hlsFullScreen ? /*#__PURE__*/React.createElement(MinimizeIcon, {
|
|
22
|
+
size: "medium"
|
|
23
|
+
}) : /*#__PURE__*/React.createElement(MaximizeIcon, {
|
|
24
|
+
size: "medium"
|
|
25
|
+
})));
|
|
26
|
+
};
|
|
27
|
+
export const HLSFullScreenControl = /*#__PURE__*/React.memo(_HLSFullScreenControl);
|
|
28
|
+
const styles = StyleSheet.create({
|
|
29
|
+
icon: {
|
|
30
|
+
padding: 4,
|
|
31
|
+
alignSelf: 'flex-start'
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
//# sourceMappingURL=HLSFullScreenControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","TouchableOpacity","useDispatch","useSelector","GestureDetector","Gesture","MaximizeIcon","MinimizeIcon","setHlsFullScreen","_HLSFullScreenControl","onPress","dispatch","hlsFullScreen","state","app","toggleFullScreen","createElement","gesture","Tap","style","styles","icon","size","HLSFullScreenControl","memo","create","padding","alignSelf"],"sourceRoot":"../../../src","sources":["components/HLSFullScreenControl.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAC3D,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AACtD,SAASC,eAAe,EAAEC,OAAO,QAAQ,8BAA8B;AAEvE,SAASC,YAAY,EAAEC,YAAY,QAAQ,UAAU;AAErD,SAASC,gBAAgB,QAAQ,kBAAkB;AAMnD,OAAO,MAAMC,qBAA0D,GAAGA,CAAC;EACzEC;AACF,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAGT,WAAW,CAAC,CAAC;EAC9B,MAAMU,aAAa,GAAGT,WAAW,CAC9BU,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,aAClC,CAAC;EACD,MAAMG,gBAAgB,GAAGA,CAAA,KAAM;IAC7BL,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAG,CAAC;IACXC,QAAQ,CAACH,gBAAgB,CAAC,CAACI,aAAa,CAAC,CAAC;EAC5C,CAAC;EAED,oBACEb,KAAA,CAAAiB,aAAA,CAACZ,eAAe;IAACa,OAAO,EAAEZ,OAAO,CAACa,GAAG,CAAC;EAAE,gBACtCnB,KAAA,CAAAiB,aAAA,CAACf,gBAAgB;IAACS,OAAO,EAAEK,gBAAiB;IAACI,KAAK,EAAEC,MAAM,CAACC;EAAK,GAC7DT,aAAa,gBACZb,KAAA,CAAAiB,aAAA,CAACT,YAAY;IAACe,IAAI,EAAC;EAAQ,CAAE,CAAC,gBAE9BvB,KAAA,CAAAiB,aAAA,CAACV,YAAY;IAACgB,IAAI,EAAC;EAAQ,CAAE,CAEf,CACH,CAAC;AAEtB,CAAC;AAED,OAAO,MAAMC,oBAAoB,gBAAGxB,KAAK,CAACyB,IAAI,CAACf,qBAAqB,CAAC;AAErE,MAAMW,MAAM,GAAGpB,UAAU,CAACyB,MAAM,CAAC;EAC/BJ,IAAI,EAAE;IACJK,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View, StyleSheet, TouchableOpacity, Text } from 'react-native';
|
|
3
|
+
import { useSelector } from 'react-redux';
|
|
4
|
+
import { HMSHLSPlaylistType, useIsHLSStreamLive } from '@100mslive/react-native-hms';
|
|
5
|
+
import { GestureDetector, Gesture } from 'react-native-gesture-handler';
|
|
6
|
+
import { useHMSRoomStyleSheet } from '../hooks-util';
|
|
7
|
+
import { useIsHLSStreamingOn } from '../hooks-sdk';
|
|
8
|
+
export const _HLSGoLiveControl = ({
|
|
9
|
+
playerRef,
|
|
10
|
+
onPress
|
|
11
|
+
}) => {
|
|
12
|
+
const isHLSStreamingOn = useIsHLSStreamingOn();
|
|
13
|
+
const isDVRStream = useSelector(state => {
|
|
14
|
+
var _state$hmsStates$room;
|
|
15
|
+
return ((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState.variants) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room[0]) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.playlistType) === HMSHLSPlaylistType.DVR;
|
|
16
|
+
});
|
|
17
|
+
const isStreamLive = useIsHLSStreamLive();
|
|
18
|
+
const handleGoLivePress = () => {
|
|
19
|
+
var _playerRef$current;
|
|
20
|
+
onPress === null || onPress === void 0 || onPress();
|
|
21
|
+
(_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 || _playerRef$current.seekToLivePosition();
|
|
22
|
+
};
|
|
23
|
+
const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
|
|
24
|
+
semiBoldSurfaceHigh: {
|
|
25
|
+
fontFamily: `${typography.font_family}-SemiBold`,
|
|
26
|
+
color: theme.palette.on_surface_high
|
|
27
|
+
},
|
|
28
|
+
semiBoldSurfaceMedium: {
|
|
29
|
+
fontFamily: `${typography.font_family}-SemiBold`,
|
|
30
|
+
color: theme.palette.on_surface_medium
|
|
31
|
+
},
|
|
32
|
+
liveIndicatorDot: {
|
|
33
|
+
backgroundColor: theme.palette.alert_error_default
|
|
34
|
+
},
|
|
35
|
+
notLiveIndicatorDot: {
|
|
36
|
+
backgroundColor: theme.palette.on_surface_low
|
|
37
|
+
}
|
|
38
|
+
}), []);
|
|
39
|
+
if (!isHLSStreamingOn || !isDVRStream) return null;
|
|
40
|
+
return /*#__PURE__*/React.createElement(GestureDetector, {
|
|
41
|
+
gesture: Gesture.Tap()
|
|
42
|
+
}, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
43
|
+
onPress: handleGoLivePress,
|
|
44
|
+
style: styles.liveButton
|
|
45
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
46
|
+
style: [styles.liveIndicatorDot, isStreamLive ? hmsRoomStyles.liveIndicatorDot : hmsRoomStyles.notLiveIndicatorDot]
|
|
47
|
+
}), /*#__PURE__*/React.createElement(Text, {
|
|
48
|
+
style: [styles.liveText, isStreamLive ? hmsRoomStyles.semiBoldSurfaceHigh : hmsRoomStyles.semiBoldSurfaceMedium]
|
|
49
|
+
}, isStreamLive ? 'LIVE' : 'GO LIVE')));
|
|
50
|
+
};
|
|
51
|
+
export const HLSGoLiveControl = /*#__PURE__*/React.memo(_HLSGoLiveControl);
|
|
52
|
+
const styles = StyleSheet.create({
|
|
53
|
+
liveButton: {
|
|
54
|
+
padding: 4,
|
|
55
|
+
alignItems: 'center',
|
|
56
|
+
flexDirection: 'row'
|
|
57
|
+
},
|
|
58
|
+
liveIndicatorDot: {
|
|
59
|
+
width: 8,
|
|
60
|
+
height: 8,
|
|
61
|
+
borderRadius: 4,
|
|
62
|
+
marginRight: 8
|
|
63
|
+
},
|
|
64
|
+
liveText: {
|
|
65
|
+
fontSize: 16,
|
|
66
|
+
lineHeight: 24,
|
|
67
|
+
letterSpacing: 0.5
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
//# sourceMappingURL=HLSGoLiveControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","TouchableOpacity","Text","useSelector","HMSHLSPlaylistType","useIsHLSStreamLive","GestureDetector","Gesture","useHMSRoomStyleSheet","useIsHLSStreamingOn","_HLSGoLiveControl","playerRef","onPress","isHLSStreamingOn","isDVRStream","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","playlistType","DVR","isStreamLive","handleGoLivePress","_playerRef$current","current","seekToLivePosition","hmsRoomStyles","theme","typography","semiBoldSurfaceHigh","fontFamily","font_family","color","palette","on_surface_high","semiBoldSurfaceMedium","on_surface_medium","liveIndicatorDot","backgroundColor","alert_error_default","notLiveIndicatorDot","on_surface_low","createElement","gesture","Tap","style","styles","liveButton","liveText","HLSGoLiveControl","memo","create","padding","alignItems","flexDirection","width","height","borderRadius","marginRight","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HLSGoLiveControl.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACvE,SAASC,WAAW,QAAQ,aAAa;AACzC,SACEC,kBAAkB,EAClBC,kBAAkB,QACb,6BAA6B;AAEpC,SAASC,eAAe,EAAEC,OAAO,QAAQ,8BAA8B;AAEvE,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,mBAAmB,QAAQ,cAAc;AAQlD,OAAO,MAAMC,iBAAkD,GAAGA,CAAC;EACjEC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAGJ,mBAAmB,CAAC,CAAC;EAC9C,MAAMK,WAAW,GAAGX,WAAW,CAC5BY,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OACf,EAAAA,qBAAA,GAAAD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,iBAAiB,CAACC,QAAQ,cAAAJ,qBAAA,gBAAAA,qBAAA,GAAhDA,qBAAA,CAAmD,CAAC,CAAC,cAAAA,qBAAA,uBAArDA,qBAAA,CAAuDK,YAAY,MACnEjB,kBAAkB,CAACkB,GAAG;EAAA,CAC1B,CAAC;EACD,MAAMC,YAAY,GAAGlB,kBAAkB,CAAC,CAAC;EAEzC,MAAMmB,iBAAiB,GAAGA,CAAA,KAAM;IAAA,IAAAC,kBAAA;IAC9Bb,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAG,CAAC;IACX,CAAAa,kBAAA,GAAAd,SAAS,CAACe,OAAO,cAAAD,kBAAA,eAAjBA,kBAAA,CAAmBE,kBAAkB,CAAC,CAAC;EACzC,CAAC;EAED,MAAMC,aAAa,GAAGpB,oBAAoB,CACxC,CAACqB,KAAK,EAAEC,UAAU,MAAM;IACtBC,mBAAmB,EAAE;MACnBC,UAAU,EAAG,GAAEF,UAAU,CAACG,WAAY,WAAU;MAChDC,KAAK,EAAEL,KAAK,CAACM,OAAO,CAACC;IACvB,CAAC;IACDC,qBAAqB,EAAE;MACrBL,UAAU,EAAG,GAAEF,UAAU,CAACG,WAAY,WAAU;MAChDC,KAAK,EAAEL,KAAK,CAACM,OAAO,CAACG;IACvB,CAAC;IACDC,gBAAgB,EAAE;MAChBC,eAAe,EAAEX,KAAK,CAACM,OAAO,CAACM;IACjC,CAAC;IACDC,mBAAmB,EAAE;MACnBF,eAAe,EAAEX,KAAK,CAACM,OAAO,CAACQ;IACjC;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,IAAI,CAAC9B,gBAAgB,IAAI,CAACC,WAAW,EAAE,OAAO,IAAI;EAElD,oBACEhB,KAAA,CAAA8C,aAAA,CAACtC,eAAe;IAACuC,OAAO,EAAEtC,OAAO,CAACuC,GAAG,CAAC;EAAE,gBACtChD,KAAA,CAAA8C,aAAA,CAAC3C,gBAAgB;IAACW,OAAO,EAAEY,iBAAkB;IAACuB,KAAK,EAAEC,MAAM,CAACC;EAAW,gBACrEnD,KAAA,CAAA8C,aAAA,CAAC7C,IAAI;IACHgD,KAAK,EAAE,CACLC,MAAM,CAACT,gBAAgB,EACvBhB,YAAY,GACRK,aAAa,CAACW,gBAAgB,GAC9BX,aAAa,CAACc,mBAAmB;EACrC,CACH,CAAC,eACF5C,KAAA,CAAA8C,aAAA,CAAC1C,IAAI;IACH6C,KAAK,EAAE,CACLC,MAAM,CAACE,QAAQ,EACf3B,YAAY,GACRK,aAAa,CAACG,mBAAmB,GACjCH,aAAa,CAACS,qBAAqB;EACvC,GAEDd,YAAY,GAAG,MAAM,GAAG,SACrB,CACU,CACH,CAAC;AAEtB,CAAC;AAED,OAAO,MAAM4B,gBAAgB,gBAAGrD,KAAK,CAACsD,IAAI,CAAC1C,iBAAiB,CAAC;AAE7D,MAAMsC,MAAM,GAAGhD,UAAU,CAACqD,MAAM,CAAC;EAC/BJ,UAAU,EAAE;IACVK,OAAO,EAAE,CAAC;IACVC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDjB,gBAAgB,EAAE;IAChBkB,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE;EACf,CAAC;EACDV,QAAQ,EAAE;IACRW,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { useHMSConferencingScreenConfig, useHMSLayoutConfig } from '../hooks-util';
|
|
4
|
+
import { HMSManageRaiseHand } from './HMSManageRaiseHand';
|
|
5
|
+
import { useCanPublishAudio, useCanPublishScreen, useCanPublishVideo } from '../hooks-sdk';
|
|
6
|
+
export const HLSHandRaiseButton = () => {
|
|
7
|
+
const canPublishAudio = useCanPublishAudio();
|
|
8
|
+
const canPublishVideo = useCanPublishVideo();
|
|
9
|
+
const canPublishScreen = useCanPublishScreen();
|
|
10
|
+
const canRaiseHand = useHMSConferencingScreenConfig(confScreenConfig => {
|
|
11
|
+
var _confScreenConfig$ele;
|
|
12
|
+
return !!(confScreenConfig !== null && confScreenConfig !== void 0 && (_confScreenConfig$ele = confScreenConfig.elements) !== null && _confScreenConfig$ele !== void 0 && _confScreenConfig$ele.hand_raise);
|
|
13
|
+
});
|
|
14
|
+
const isOnStage = useHMSLayoutConfig(layoutConfig => {
|
|
15
|
+
var _layoutConfig$screens;
|
|
16
|
+
return !!(layoutConfig !== null && layoutConfig !== void 0 && (_layoutConfig$screens = layoutConfig.screens) !== null && _layoutConfig$screens !== void 0 && (_layoutConfig$screens = _layoutConfig$screens.conferencing) !== null && _layoutConfig$screens !== void 0 && (_layoutConfig$screens = _layoutConfig$screens.default) !== null && _layoutConfig$screens !== void 0 && (_layoutConfig$screens = _layoutConfig$screens.elements) !== null && _layoutConfig$screens !== void 0 && _layoutConfig$screens.on_stage_exp);
|
|
17
|
+
});
|
|
18
|
+
const isViewer = !(canPublishAudio || canPublishVideo || canPublishScreen);
|
|
19
|
+
const canShowHandRaiseInFooter = canRaiseHand && !isOnStage && isViewer;
|
|
20
|
+
if (!canShowHandRaiseInFooter) {
|
|
21
|
+
return null;
|
|
22
|
+
}
|
|
23
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
24
|
+
style: {
|
|
25
|
+
marginLeft: 12
|
|
26
|
+
}
|
|
27
|
+
}, /*#__PURE__*/React.createElement(HMSManageRaiseHand, null));
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=HLSHandRaiseButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","useHMSConferencingScreenConfig","useHMSLayoutConfig","HMSManageRaiseHand","useCanPublishAudio","useCanPublishScreen","useCanPublishVideo","HLSHandRaiseButton","canPublishAudio","canPublishVideo","canPublishScreen","canRaiseHand","confScreenConfig","_confScreenConfig$ele","elements","hand_raise","isOnStage","layoutConfig","_layoutConfig$screens","screens","conferencing","default","on_stage_exp","isViewer","canShowHandRaiseInFooter","createElement","style","marginLeft"],"sourceRoot":"../../../src","sources":["components/HLSHandRaiseButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SACEC,8BAA8B,EAC9BC,kBAAkB,QACb,eAAe;AACtB,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SACEC,kBAAkB,EAClBC,mBAAmB,EACnBC,kBAAkB,QACb,cAAc;AAErB,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,eAAe,GAAGJ,kBAAkB,CAAC,CAAC;EAC5C,MAAMK,eAAe,GAAGH,kBAAkB,CAAC,CAAC;EAC5C,MAAMI,gBAAgB,GAAGL,mBAAmB,CAAC,CAAC;EAE9C,MAAMM,YAAY,GAAGV,8BAA8B,CAChDW,gBAAgB;IAAA,IAAAC,qBAAA;IAAA,OAAK,CAAC,EAACD,gBAAgB,aAAhBA,gBAAgB,gBAAAC,qBAAA,GAAhBD,gBAAgB,CAAEE,QAAQ,cAAAD,qBAAA,eAA1BA,qBAAA,CAA4BE,UAAU;EAAA,CAChE,CAAC;EACD,MAAMC,SAAS,GAAGd,kBAAkB,CAAEe,YAAY,IAAK;IAAA,IAAAC,qBAAA;IACrD,OAAO,CAAC,EAACD,YAAY,aAAZA,YAAY,gBAAAC,qBAAA,GAAZD,YAAY,CAAEE,OAAO,cAAAD,qBAAA,gBAAAA,qBAAA,GAArBA,qBAAA,CAAuBE,YAAY,cAAAF,qBAAA,gBAAAA,qBAAA,GAAnCA,qBAAA,CAAqCG,OAAO,cAAAH,qBAAA,gBAAAA,qBAAA,GAA5CA,qBAAA,CAA8CJ,QAAQ,cAAAI,qBAAA,eAAtDA,qBAAA,CACLI,YAAY;EAClB,CAAC,CAAC;EAEF,MAAMC,QAAQ,GAAG,EAAEf,eAAe,IAAIC,eAAe,IAAIC,gBAAgB,CAAC;EAE1E,MAAMc,wBAAwB,GAAGb,YAAY,IAAI,CAACK,SAAS,IAAIO,QAAQ;EAEvE,IAAI,CAACC,wBAAwB,EAAE;IAC7B,OAAO,IAAI;EACb;EAEA,oBACEzB,KAAA,CAAA0B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAG;EAAE,gBAC9B5B,KAAA,CAAA0B,aAAA,CAACtB,kBAAkB,MAAE,CACjB,CAAC;AAEX,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { StyleSheet, View } from 'react-native';
|
|
3
|
+
import { useSelector } from 'react-redux';
|
|
4
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
5
|
+
import { useHLSViewsConstraints, useHMSChatState, useHMSRoomStyleSheet, useIsAllowedToSendMessage, useIsLocalPeerBlockedFromChat } from '../hooks-util';
|
|
6
|
+
import { ChatPaused } from './Chat/ChatPaused';
|
|
7
|
+
import { PeerBlockedFromChat } from './Chat/PeerBlockedFromChat';
|
|
8
|
+
import { ChatFilterBottomSheetOpener } from './Chat/ChatFilterBottomSheetOpener';
|
|
9
|
+
import { HMSSendMessageInput } from './HMSSendMessageInput';
|
|
10
|
+
import { ChatFilterBottomSheet } from './Chat/ChatFilterBottomSheet';
|
|
11
|
+
import { HMSKeyboardAvoidingView } from './HMSKeyboardAvoidingView';
|
|
12
|
+
export const HLSManageChatTextInput = () => {
|
|
13
|
+
const {
|
|
14
|
+
chatState
|
|
15
|
+
} = useHMSChatState();
|
|
16
|
+
const isAllowedToSendMessage = useIsAllowedToSendMessage();
|
|
17
|
+
const isChatRecipientSelected = useSelector(state => state.chatWindow.sendTo !== null);
|
|
18
|
+
const isLocalPeerBlockedFromChat = useIsLocalPeerBlockedFromChat();
|
|
19
|
+
const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
|
|
20
|
+
input: {
|
|
21
|
+
backgroundColor: theme.palette.surface_default,
|
|
22
|
+
borderColor: theme.palette.surface_default
|
|
23
|
+
}
|
|
24
|
+
}));
|
|
25
|
+
const {
|
|
26
|
+
chatWrapperConstraints
|
|
27
|
+
} = useHLSViewsConstraints();
|
|
28
|
+
const {
|
|
29
|
+
bottom: bottomInset
|
|
30
|
+
} = useSafeAreaInsets();
|
|
31
|
+
const keyboardAvoidingStyles = React.useMemo(() => ({
|
|
32
|
+
active: {
|
|
33
|
+
width: chatWrapperConstraints.width - 32
|
|
34
|
+
},
|
|
35
|
+
inactive: {
|
|
36
|
+
width: '100%'
|
|
37
|
+
}
|
|
38
|
+
}), [chatWrapperConstraints]);
|
|
39
|
+
if (isLocalPeerBlockedFromChat) {
|
|
40
|
+
return /*#__PURE__*/React.createElement(PeerBlockedFromChat, {
|
|
41
|
+
style: styles.shrink
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
if (chatState.enabled) {
|
|
45
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
|
|
46
|
+
style: styles.grow
|
|
47
|
+
}, /*#__PURE__*/React.createElement(ChatFilterBottomSheetOpener, {
|
|
48
|
+
useFilterModal: true
|
|
49
|
+
}), isAllowedToSendMessage && isChatRecipientSelected ? /*#__PURE__*/React.createElement(HMSKeyboardAvoidingView, {
|
|
50
|
+
bottomOffset: bottomInset,
|
|
51
|
+
styleWhenActive: keyboardAvoidingStyles.active,
|
|
52
|
+
styleWhenInactive: keyboardAvoidingStyles.inactive
|
|
53
|
+
}, /*#__PURE__*/React.createElement(HMSSendMessageInput, {
|
|
54
|
+
containerStyle: [styles.input, hmsRoomStyles.input]
|
|
55
|
+
})) : null), /*#__PURE__*/React.createElement(ChatFilterBottomSheet, null));
|
|
56
|
+
}
|
|
57
|
+
if (isAllowedToSendMessage) {
|
|
58
|
+
return /*#__PURE__*/React.createElement(ChatPaused, {
|
|
59
|
+
style: styles.shrink
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
63
|
+
style: styles.grow
|
|
64
|
+
});
|
|
65
|
+
};
|
|
66
|
+
const styles = StyleSheet.create({
|
|
67
|
+
input: {
|
|
68
|
+
flex: 0,
|
|
69
|
+
height: 40,
|
|
70
|
+
marginHorizontal: 0,
|
|
71
|
+
marginTop: 0,
|
|
72
|
+
marginBottom: 0
|
|
73
|
+
},
|
|
74
|
+
shrink: {
|
|
75
|
+
flexShrink: 1
|
|
76
|
+
},
|
|
77
|
+
grow: {
|
|
78
|
+
flexGrow: 1
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
//# sourceMappingURL=HLSManageChatTextInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","useSelector","useSafeAreaInsets","useHLSViewsConstraints","useHMSChatState","useHMSRoomStyleSheet","useIsAllowedToSendMessage","useIsLocalPeerBlockedFromChat","ChatPaused","PeerBlockedFromChat","ChatFilterBottomSheetOpener","HMSSendMessageInput","ChatFilterBottomSheet","HMSKeyboardAvoidingView","HLSManageChatTextInput","chatState","isAllowedToSendMessage","isChatRecipientSelected","state","chatWindow","sendTo","isLocalPeerBlockedFromChat","hmsRoomStyles","theme","input","backgroundColor","palette","surface_default","borderColor","chatWrapperConstraints","bottom","bottomInset","keyboardAvoidingStyles","useMemo","active","width","inactive","createElement","style","styles","shrink","enabled","Fragment","grow","useFilterModal","bottomOffset","styleWhenActive","styleWhenInactive","containerStyle","create","flex","height","marginHorizontal","marginTop","marginBottom","flexShrink","flexGrow"],"sourceRoot":"../../../src","sources":["components/HLSManageChatTextInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { StyleSheet, View } from 'react-native';
|
|
3
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
4
|
+
import { HMSNotifications } from './HMSNotifications';
|
|
5
|
+
const _HLSNotifications = () => {
|
|
6
|
+
const {
|
|
7
|
+
bottom: bottomInset
|
|
8
|
+
} = useSafeAreaInsets();
|
|
9
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
10
|
+
style: [styles.container, {
|
|
11
|
+
bottom: bottomInset + 90
|
|
12
|
+
}]
|
|
13
|
+
}, /*#__PURE__*/React.createElement(HMSNotifications, null));
|
|
14
|
+
};
|
|
15
|
+
export const HLSNotifications = /*#__PURE__*/React.memo(_HLSNotifications);
|
|
16
|
+
const styles = StyleSheet.create({
|
|
17
|
+
container: {
|
|
18
|
+
position: 'absolute',
|
|
19
|
+
width: '100%',
|
|
20
|
+
bottom: 0,
|
|
21
|
+
zIndex: 1
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
//# sourceMappingURL=HLSNotifications.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","useSafeAreaInsets","HMSNotifications","_HLSNotifications","bottom","bottomInset","createElement","style","styles","container","HLSNotifications","memo","create","position","width","zIndex"],"sourceRoot":"../../../src","sources":["components/HLSNotifications.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC,MAAM,EAAEC;EAAY,CAAC,GAAGJ,iBAAiB,CAAC,CAAC;EAEnD,oBACEH,KAAA,CAAAQ,aAAA,CAACN,IAAI;IACHO,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEL,MAAM,EAAEC,WAAW,GAAG;IACxB,CAAC;EACD,gBAEFP,KAAA,CAAAQ,aAAA,CAACJ,gBAAgB,MAAE,CACf,CAAC;AAEX,CAAC;AAED,OAAO,MAAMQ,gBAAgB,gBAAGZ,KAAK,CAACa,IAAI,CAACR,iBAAiB,CAAC;AAE7D,MAAMK,MAAM,GAAGT,UAAU,CAACa,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbV,MAAM,EAAE,CAAC;IACTW,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { HMSHLSPlaylistType } from '@100mslive/react-native-hms';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
4
|
+
import { useSelector } from 'react-redux';
|
|
5
|
+
import { GestureDetector, Gesture } from 'react-native-gesture-handler';
|
|
6
|
+
import { useIsHLSStreamingOn } from '../hooks-sdk';
|
|
7
|
+
import { PauseIcon, PlayIcon } from '../Icons';
|
|
8
|
+
import { useHLSStreamResumePause } from '../hooks-util';
|
|
9
|
+
const _HLSPlayPauseControl = ({
|
|
10
|
+
playerRef,
|
|
11
|
+
onPress
|
|
12
|
+
}) => {
|
|
13
|
+
const isHLSStreamingOn = useIsHLSStreamingOn();
|
|
14
|
+
const isDVRStream = useSelector(state => {
|
|
15
|
+
var _state$hmsStates$room;
|
|
16
|
+
return ((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState.variants) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room[0]) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.playlistType) === HMSHLSPlaylistType.DVR;
|
|
17
|
+
});
|
|
18
|
+
const {
|
|
19
|
+
isPaused,
|
|
20
|
+
pauseStream,
|
|
21
|
+
resumeStream
|
|
22
|
+
} = useHLSStreamResumePause(playerRef);
|
|
23
|
+
const togglePlayPause = () => {
|
|
24
|
+
onPress === null || onPress === void 0 || onPress();
|
|
25
|
+
if (isPaused) {
|
|
26
|
+
resumeStream();
|
|
27
|
+
} else {
|
|
28
|
+
pauseStream();
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
if (!isHLSStreamingOn || !isDVRStream) return null;
|
|
32
|
+
return /*#__PURE__*/React.createElement(GestureDetector, {
|
|
33
|
+
gesture: Gesture.Tap()
|
|
34
|
+
}, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
35
|
+
onPress: togglePlayPause,
|
|
36
|
+
style: {
|
|
37
|
+
alignSelf: 'center'
|
|
38
|
+
}
|
|
39
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
40
|
+
style: styles.container
|
|
41
|
+
}, isPaused ? /*#__PURE__*/React.createElement(PlayIcon, null) : /*#__PURE__*/React.createElement(PauseIcon, null))));
|
|
42
|
+
};
|
|
43
|
+
export const HLSPlayPauseControl = /*#__PURE__*/React.memo(_HLSPlayPauseControl);
|
|
44
|
+
const styles = StyleSheet.create({
|
|
45
|
+
container: {
|
|
46
|
+
width: 64,
|
|
47
|
+
height: 64,
|
|
48
|
+
borderRadius: 32,
|
|
49
|
+
alignItems: 'center',
|
|
50
|
+
justifyContent: 'center',
|
|
51
|
+
backgroundColor: 'rgba(0, 0, 0, 0.6)'
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
//# sourceMappingURL=HLSPlayPauseControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["HMSHLSPlaylistType","React","StyleSheet","TouchableOpacity","View","useSelector","GestureDetector","Gesture","useIsHLSStreamingOn","PauseIcon","PlayIcon","useHLSStreamResumePause","_HLSPlayPauseControl","playerRef","onPress","isHLSStreamingOn","isDVRStream","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","playlistType","DVR","isPaused","pauseStream","resumeStream","togglePlayPause","createElement","gesture","Tap","style","alignSelf","styles","container","HLSPlayPauseControl","memo","create","width","height","borderRadius","alignItems","justifyContent","backgroundColor"],"sourceRoot":"../../../src","sources":["components/HLSPlayPauseControl.tsx"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,6BAA6B;AAEhE,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACjE,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,eAAe,EAAEC,OAAO,QAAQ,8BAA8B;AAEvE,SAASC,mBAAmB,QAAQ,cAAc;AAElD,SAASC,SAAS,EAAEC,QAAQ,QAAQ,UAAU;AAC9C,SAASC,uBAAuB,QAAQ,eAAe;AAOvD,MAAMC,oBAAwD,GAAGA,CAAC;EAChEC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAGP,mBAAmB,CAAC,CAAC;EAC9C,MAAMQ,WAAW,GAAGX,WAAW,CAAEY,KAAgB,IAAK;IAAA,IAAAC,qBAAA;IACpD,OACE,EAAAA,qBAAA,GAAAD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,iBAAiB,CAACC,QAAQ,cAAAJ,qBAAA,gBAAAA,qBAAA,GAAhDA,qBAAA,CAAmD,CAAC,CAAC,cAAAA,qBAAA,uBAArDA,qBAAA,CAAuDK,YAAY,MACnEvB,kBAAkB,CAACwB,GAAG;EAE1B,CAAC,CAAC;EAEF,MAAM;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAa,CAAC,GAC3ChB,uBAAuB,CAACE,SAAS,CAAC;EAEpC,MAAMe,eAAe,GAAGA,CAAA,KAAM;IAC5Bd,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAG,CAAC;IACX,IAAIW,QAAQ,EAAE;MACZE,YAAY,CAAC,CAAC;IAChB,CAAC,MAAM;MACLD,WAAW,CAAC,CAAC;IACf;EACF,CAAC;EAED,IAAI,CAACX,gBAAgB,IAAI,CAACC,WAAW,EAAE,OAAO,IAAI;EAElD,oBACEf,KAAA,CAAA4B,aAAA,CAACvB,eAAe;IAACwB,OAAO,EAAEvB,OAAO,CAACwB,GAAG,CAAC;EAAE,gBACtC9B,KAAA,CAAA4B,aAAA,CAAC1B,gBAAgB;IACfW,OAAO,EAAEc,eAAgB;IACzBI,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAS;EAAE,gBAE/BhC,KAAA,CAAA4B,aAAA,CAACzB,IAAI;IAAC4B,KAAK,EAAEE,MAAM,CAACC;EAAU,GAC3BV,QAAQ,gBAAGxB,KAAA,CAAA4B,aAAA,CAACnB,QAAQ,MAAE,CAAC,gBAAGT,KAAA,CAAA4B,aAAA,CAACpB,SAAS,MAAE,CACnC,CACU,CACH,CAAC;AAEtB,CAAC;AAED,OAAO,MAAM2B,mBAAmB,gBAAGnC,KAAK,CAACoC,IAAI,CAACzB,oBAAoB,CAAC;AAEnE,MAAMsB,MAAM,GAAGhC,UAAU,CAACoC,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,185 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useSelector } from 'react-redux';
|
|
3
|
+
import { View, Text, StyleSheet, Platform, ActivityIndicator } from 'react-native';
|
|
4
|
+
import { HMSHLSPlayer, HMSHLSPlayerPlaybackState, useHMSHLSPlayerPlaybackState, useHMSHLSPlayerSubtitles } from '@100mslive/react-native-hms';
|
|
5
|
+
// import { changeShowHLSStats } from '../redux/actions';
|
|
6
|
+
// import { HLSPlayerStatsView } from './HLSPlayerStatsView';
|
|
7
|
+
import { HLSPlayerEmoticons } from './HLSPlayerEmoticons';
|
|
8
|
+
import { COLORS, hexToRgbA } from '../utils/theme';
|
|
9
|
+
import { HMSHLSNotStarted } from './HMSHLSNotStarted';
|
|
10
|
+
import { CrossCircleIcon } from '../Icons';
|
|
11
|
+
import { useHLSPlayerConstraints, useHLSViewsConstraints, useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../hooks-util';
|
|
12
|
+
import { useIsHLSStreamingOn } from '../hooks-sdk';
|
|
13
|
+
import { HMSPinchGesture } from './PeerVideoTile/HMSPinchGesture';
|
|
14
|
+
export const _HLSPlayer = /*#__PURE__*/React.forwardRef((_props, hlsPlayerRef) => {
|
|
15
|
+
// const dispatch = useDispatch();
|
|
16
|
+
const isHLSStreaming = useIsHLSStreamingOn();
|
|
17
|
+
const isStreamUrlPresent = useSelector(state => {
|
|
18
|
+
var _state$hmsStates$room;
|
|
19
|
+
return !!((_state$hmsStates$room = state.hmsStates.room) !== null && _state$hmsStates$room !== void 0 && (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState.variants) !== null && _state$hmsStates$room !== void 0 && (_state$hmsStates$room = _state$hmsStates$room[0]) !== null && _state$hmsStates$room !== void 0 && _state$hmsStates$room.hlsStreamUrl);
|
|
20
|
+
});
|
|
21
|
+
// const showHLSStats = useSelector(
|
|
22
|
+
// (state: RootState) => state.app.joinConfig.showHLSStats
|
|
23
|
+
// );
|
|
24
|
+
// const showCustomHLSPlayerControls = useSelector(
|
|
25
|
+
// (state: RootState) => state.app.joinConfig.showCustomHLSPlayerControls
|
|
26
|
+
// );
|
|
27
|
+
const enableHLSPlayerControls = useSelector(state => state.app.joinConfig.enableHLSPlayerControls);
|
|
28
|
+
|
|
29
|
+
// const handleClosePress = () => {
|
|
30
|
+
// dispatch(changeShowHLSStats(false));
|
|
31
|
+
// };
|
|
32
|
+
|
|
33
|
+
const hlsPlayerConstraints = useHLSPlayerConstraints();
|
|
34
|
+
const {
|
|
35
|
+
playerWrapperConstraints
|
|
36
|
+
} = useHLSViewsConstraints();
|
|
37
|
+
const [playerKey, setPlayerKey] = React.useState(1);
|
|
38
|
+
const prevReconnectingRef = React.useRef(null);
|
|
39
|
+
const reconnecting = useSelector(state => state.hmsStates.reconnecting);
|
|
40
|
+
const hlsPlayerPlaybackState = useHMSHLSPlayerPlaybackState();
|
|
41
|
+
const subtitles = useHMSHLSPlayerSubtitles();
|
|
42
|
+
const isPlaybackFailed = hlsPlayerPlaybackState === HMSHLSPlayerPlaybackState.FAILED;
|
|
43
|
+
const isPlayerBuffering = hlsPlayerPlaybackState === HMSHLSPlayerPlaybackState.BUFFERING;
|
|
44
|
+
React.useEffect(() => {
|
|
45
|
+
const prevReconnecting = prevReconnectingRef.current;
|
|
46
|
+
if (Platform.OS === 'android' && prevReconnecting &&
|
|
47
|
+
// previously were in reconnection state
|
|
48
|
+
reconnecting === false &&
|
|
49
|
+
// now in reconnected state
|
|
50
|
+
isPlaybackFailed // and player playback is in failed state
|
|
51
|
+
) {
|
|
52
|
+
// Recreate the HLS PLayer instance
|
|
53
|
+
setPlayerKey(prevKey => prevKey += 1);
|
|
54
|
+
}
|
|
55
|
+
prevReconnectingRef.current = reconnecting;
|
|
56
|
+
}, [reconnecting, isPlaybackFailed]);
|
|
57
|
+
const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
|
|
58
|
+
failedContainer: {
|
|
59
|
+
backgroundColor: theme.palette.background_dim ? hexToRgbA(theme.palette.background_dim, 0.7) : COLORS.LOADING_BACKDROP
|
|
60
|
+
},
|
|
61
|
+
failedText: {
|
|
62
|
+
color: theme.palette.on_surface_high,
|
|
63
|
+
fontFamily: `${typography.font_family}-Regular`
|
|
64
|
+
},
|
|
65
|
+
warningText: {
|
|
66
|
+
color: theme.palette.alert_warning,
|
|
67
|
+
fontFamily: `${typography.font_family}-SemiBold`
|
|
68
|
+
},
|
|
69
|
+
semiboldWhite: {
|
|
70
|
+
fontFamily: `${typography.font_family}-SemiBold`,
|
|
71
|
+
color: '#ffffff'
|
|
72
|
+
}
|
|
73
|
+
}));
|
|
74
|
+
const {
|
|
75
|
+
primary_bright: PrimaryBrightColor
|
|
76
|
+
} = useHMSRoomColorPalette();
|
|
77
|
+
if (!isHLSStreaming) return /*#__PURE__*/React.createElement(HMSHLSNotStarted, null);
|
|
78
|
+
if (!isStreamUrlPresent) return /*#__PURE__*/React.createElement(View, {
|
|
79
|
+
style: styles.textContainer
|
|
80
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
81
|
+
style: [styles.warningSubtitle, hmsRoomStyles.warningText]
|
|
82
|
+
}, "Stream URL not found!"));
|
|
83
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
|
|
84
|
+
style: styles.container
|
|
85
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
86
|
+
style: [styles.playerAndCaptionWrapper, {
|
|
87
|
+
width: playerWrapperConstraints.width,
|
|
88
|
+
height: hlsPlayerConstraints.height
|
|
89
|
+
}]
|
|
90
|
+
}, /*#__PURE__*/React.createElement(HMSPinchGesture, null, /*#__PURE__*/React.createElement(View, {
|
|
91
|
+
pointerEvents: "none",
|
|
92
|
+
style: styles.playerContainer
|
|
93
|
+
}, /*#__PURE__*/React.createElement(HMSHLSPlayer, {
|
|
94
|
+
key: playerKey,
|
|
95
|
+
ref: hlsPlayerRef,
|
|
96
|
+
enableStats: true,
|
|
97
|
+
enableControls: enableHLSPlayerControls,
|
|
98
|
+
containerStyle: styles.playerContainer,
|
|
99
|
+
style: {
|
|
100
|
+
width: hlsPlayerConstraints.width,
|
|
101
|
+
height: hlsPlayerConstraints.height
|
|
102
|
+
}
|
|
103
|
+
}))), /*#__PURE__*/React.createElement(View, {
|
|
104
|
+
style: [{
|
|
105
|
+
width: playerWrapperConstraints.width - 48,
|
|
106
|
+
left: 24
|
|
107
|
+
}, styles.closedCaptionsContainer]
|
|
108
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
109
|
+
style: [styles.closedCaptions, hmsRoomStyles.semiboldWhite]
|
|
110
|
+
}, subtitles)))), /*#__PURE__*/React.createElement(HLSPlayerEmoticons, null), isPlayerBuffering ? /*#__PURE__*/React.createElement(View, {
|
|
111
|
+
style: [styles.playbackFailedContainer, hmsRoomStyles.failedContainer]
|
|
112
|
+
}, /*#__PURE__*/React.createElement(ActivityIndicator, {
|
|
113
|
+
size: 'large',
|
|
114
|
+
color: PrimaryBrightColor
|
|
115
|
+
})) : null, isPlaybackFailed ? /*#__PURE__*/React.createElement(View, {
|
|
116
|
+
style: [styles.playbackFailedContainer, hmsRoomStyles.failedContainer]
|
|
117
|
+
}, /*#__PURE__*/React.createElement(CrossCircleIcon, null), /*#__PURE__*/React.createElement(Text, {
|
|
118
|
+
style: [styles.playbackFailed, hmsRoomStyles.failedText]
|
|
119
|
+
}, "Playback Failed")) : null);
|
|
120
|
+
});
|
|
121
|
+
export const HLSPlayer = /*#__PURE__*/React.memo(_HLSPlayer);
|
|
122
|
+
const styles = StyleSheet.create({
|
|
123
|
+
container: {
|
|
124
|
+
flex: 1,
|
|
125
|
+
alignItems: 'center',
|
|
126
|
+
justifyContent: 'center'
|
|
127
|
+
},
|
|
128
|
+
playerAndCaptionWrapper: {
|
|
129
|
+
position: 'relative',
|
|
130
|
+
alignItems: 'center',
|
|
131
|
+
justifyContent: 'center'
|
|
132
|
+
},
|
|
133
|
+
playerContainer: {
|
|
134
|
+
flex: undefined,
|
|
135
|
+
alignItems: 'flex-start',
|
|
136
|
+
justifyContent: 'flex-start'
|
|
137
|
+
},
|
|
138
|
+
textContainer: {
|
|
139
|
+
flex: 1,
|
|
140
|
+
paddingHorizontal: 24,
|
|
141
|
+
alignItems: 'center',
|
|
142
|
+
justifyContent: 'center'
|
|
143
|
+
},
|
|
144
|
+
warningSubtitle: {
|
|
145
|
+
fontSize: 16,
|
|
146
|
+
lineHeight: 20,
|
|
147
|
+
letterSpacing: 0.25,
|
|
148
|
+
textAlign: 'center'
|
|
149
|
+
},
|
|
150
|
+
closedCaptionsContainer: {
|
|
151
|
+
position: 'absolute',
|
|
152
|
+
bottom: 4,
|
|
153
|
+
paddingHorizontal: 8,
|
|
154
|
+
paddingVertical: 4,
|
|
155
|
+
alignItems: 'center',
|
|
156
|
+
justifyContent: 'center'
|
|
157
|
+
},
|
|
158
|
+
closedCaptions: {
|
|
159
|
+
fontSize: 14,
|
|
160
|
+
lineHeight: 16,
|
|
161
|
+
textAlign: 'center',
|
|
162
|
+
textShadowColor: 'rgba(0, 0, 0, 0.8)',
|
|
163
|
+
textShadowRadius: 3,
|
|
164
|
+
textShadowOffset: {
|
|
165
|
+
width: 1,
|
|
166
|
+
height: 1
|
|
167
|
+
}
|
|
168
|
+
},
|
|
169
|
+
playbackFailedContainer: {
|
|
170
|
+
flex: 1,
|
|
171
|
+
width: '100%',
|
|
172
|
+
height: '100%',
|
|
173
|
+
alignItems: 'center',
|
|
174
|
+
justifyContent: 'center',
|
|
175
|
+
position: 'absolute'
|
|
176
|
+
},
|
|
177
|
+
playbackFailed: {
|
|
178
|
+
fontSize: 24,
|
|
179
|
+
lineHeight: 32,
|
|
180
|
+
letterSpacing: 0.5,
|
|
181
|
+
textAlign: 'center',
|
|
182
|
+
marginTop: 8
|
|
183
|
+
}
|
|
184
|
+
});
|
|
185
|
+
//# sourceMappingURL=HLSPlayer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useSelector","View","Text","StyleSheet","Platform","ActivityIndicator","HMSHLSPlayer","HMSHLSPlayerPlaybackState","useHMSHLSPlayerPlaybackState","useHMSHLSPlayerSubtitles","HLSPlayerEmoticons","COLORS","hexToRgbA","HMSHLSNotStarted","CrossCircleIcon","useHLSPlayerConstraints","useHLSViewsConstraints","useHMSRoomColorPalette","useHMSRoomStyleSheet","useIsHLSStreamingOn","HMSPinchGesture","_HLSPlayer","forwardRef","_props","hlsPlayerRef","isHLSStreaming","isStreamUrlPresent","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","hlsStreamUrl","enableHLSPlayerControls","app","joinConfig","hlsPlayerConstraints","playerWrapperConstraints","playerKey","setPlayerKey","useState","prevReconnectingRef","useRef","reconnecting","hlsPlayerPlaybackState","subtitles","isPlaybackFailed","FAILED","isPlayerBuffering","BUFFERING","useEffect","prevReconnecting","current","OS","prevKey","hmsRoomStyles","theme","typography","failedContainer","backgroundColor","palette","background_dim","LOADING_BACKDROP","failedText","color","on_surface_high","fontFamily","font_family","warningText","alert_warning","semiboldWhite","primary_bright","PrimaryBrightColor","createElement","style","styles","textContainer","warningSubtitle","Fragment","container","playerAndCaptionWrapper","width","height","pointerEvents","playerContainer","key","ref","enableStats","enableControls","containerStyle","left","closedCaptionsContainer","closedCaptions","playbackFailedContainer","size","playbackFailed","HLSPlayer","memo","create","flex","alignItems","justifyContent","position","undefined","paddingHorizontal","fontSize","lineHeight","letterSpacing","textAlign","bottom","paddingVertical","textShadowColor","textShadowRadius","textShadowOffset","marginTop"],"sourceRoot":"../../../src","sources":["components/HLSPlayer.tsx"],"mappings":"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","ignoreList":[]}
|