@100mslive/react-native-room-kit 1.0.6 → 1.0.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/Recording/assets/recording-pause.png +0 -0
- package/lib/commonjs/Icons/Recording/assets/recording-pause@2x.png +0 -0
- package/lib/commonjs/Icons/Recording/assets/recording-pause@3x.png +0 -0
- package/lib/commonjs/Icons/Recording/index.js +1 -1
- package/lib/commonjs/Icons/Recording/index.js.map +1 -1
- package/lib/commonjs/components/AnimatedFooter.js +5 -3
- package/lib/commonjs/components/AnimatedFooter.js.map +1 -1
- package/lib/commonjs/components/AnimatedHLSFooter.js +4 -9
- package/lib/commonjs/components/AnimatedHLSFooter.js.map +1 -1
- package/lib/commonjs/components/AnimatedHeader.js +17 -5
- package/lib/commonjs/components/AnimatedHeader.js.map +1 -1
- package/lib/commonjs/components/BottomSheet.js +11 -5
- package/lib/commonjs/components/BottomSheet.js.map +1 -1
- package/lib/commonjs/components/Chat/ChatFilterBottomSheetView.js +2 -1
- package/lib/commonjs/components/Chat/ChatFilterBottomSheetView.js.map +1 -1
- package/lib/commonjs/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.js +11 -10
- package/lib/commonjs/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.js.map +1 -1
- package/lib/commonjs/components/ChatAndParticipants/ChatAndParticipantsView.js +5 -3
- package/lib/commonjs/components/ChatAndParticipants/ChatAndParticipantsView.js.map +1 -1
- package/lib/commonjs/components/DisplayView.js +4 -11
- package/lib/commonjs/components/DisplayView.js.map +1 -1
- package/lib/commonjs/components/EndRoomModal.js +1 -2
- package/lib/commonjs/components/EndRoomModal.js.map +1 -1
- package/lib/commonjs/components/EndRoomModalContent.js +2 -1
- package/lib/commonjs/components/EndRoomModalContent.js.map +1 -1
- package/lib/commonjs/components/Footer.js +12 -18
- package/lib/commonjs/components/Footer.js.map +1 -1
- package/lib/commonjs/components/GridView.js +31 -1
- package/lib/commonjs/components/GridView.js.map +1 -1
- package/lib/commonjs/components/HLSFooter.js +3 -1
- package/lib/commonjs/components/HLSFooter.js.map +1 -1
- package/lib/commonjs/components/HLSView.js +1 -1
- package/lib/commonjs/components/HLSView.js.map +1 -1
- package/lib/commonjs/components/HMSKeyboardAvoidingView.android.js +2 -0
- package/lib/commonjs/components/HMSKeyboardAvoidingView.android.js.map +1 -1
- package/lib/commonjs/components/HMSKeyboardAvoidingView.js +3 -1
- package/lib/commonjs/components/HMSKeyboardAvoidingView.js.map +1 -1
- package/lib/commonjs/components/HMSLiveIndicator.js +6 -57
- package/lib/commonjs/components/HMSLiveIndicator.js.map +1 -1
- package/lib/commonjs/components/HMSLiveViewerCount.js +78 -0
- package/lib/commonjs/components/HMSLiveViewerCount.js.map +1 -0
- package/lib/commonjs/components/HMSOverlayChatView.js +11 -2
- package/lib/commonjs/components/HMSOverlayChatView.js.map +1 -1
- package/lib/commonjs/components/HMSPreviewEditName.js +6 -1
- package/lib/commonjs/components/HMSPreviewEditName.js.map +1 -1
- package/lib/commonjs/components/HMSPreviewHLSLiveIndicator.js +2 -1
- package/lib/commonjs/components/HMSPreviewHLSLiveIndicator.js.map +1 -1
- package/lib/commonjs/components/HMSRecordingIndicator.js +14 -4
- package/lib/commonjs/components/HMSRecordingIndicator.js.map +1 -1
- package/lib/commonjs/components/HMSRoomOptions.js +3 -6
- package/lib/commonjs/components/HMSRoomOptions.js.map +1 -1
- package/lib/commonjs/components/Header.js +11 -3
- package/lib/commonjs/components/Header.js.map +1 -1
- package/lib/commonjs/components/LeaveRoomBottomSheet.js +4 -7
- package/lib/commonjs/components/LeaveRoomBottomSheet.js.map +1 -1
- package/lib/commonjs/components/Meeting.js +2 -13
- package/lib/commonjs/components/Meeting.js.map +1 -1
- package/lib/commonjs/components/MeetingScreenContent.js +46 -48
- package/lib/commonjs/components/MeetingScreenContent.js.map +1 -1
- package/lib/commonjs/components/MiniView.js.map +1 -1
- package/lib/commonjs/components/OverlayedViews.js +6 -2
- package/lib/commonjs/components/OverlayedViews.js.map +1 -1
- package/lib/commonjs/components/PeerSettingsModalContent.js +2 -1
- package/lib/commonjs/components/PeerSettingsModalContent.js.map +1 -1
- package/lib/commonjs/components/PeerVideoTile/PeerVideoTileView.js +2 -1
- package/lib/commonjs/components/PeerVideoTile/PeerVideoTileView.js.map +1 -1
- package/lib/commonjs/components/PressableIcon.js +6 -2
- package/lib/commonjs/components/PressableIcon.js.map +1 -1
- package/lib/commonjs/components/RoomSettingsModalContent.js +25 -9
- package/lib/commonjs/components/RoomSettingsModalContent.js.map +1 -1
- package/lib/commonjs/components/RoomSettingsModalDebugModeContent.js +1 -1
- package/lib/commonjs/components/RoomSettingsModalDebugModeContent.js.map +1 -1
- package/lib/commonjs/components/WebrtcView.js +37 -2
- package/lib/commonjs/components/WebrtcView.js.map +1 -1
- package/lib/commonjs/hooks-util-selectors.js +2 -1
- package/lib/commonjs/hooks-util-selectors.js.map +1 -1
- package/lib/commonjs/hooks-util.js +59 -29
- package/lib/commonjs/hooks-util.js.map +1 -1
- package/lib/commonjs/redux/actionTypes.js +3 -1
- package/lib/commonjs/redux/actionTypes.js.map +1 -1
- package/lib/commonjs/redux/actions/index.js +8 -1
- package/lib/commonjs/redux/actions/index.js.map +1 -1
- package/lib/commonjs/redux/reducers/appState.js +9 -1
- package/lib/commonjs/redux/reducers/appState.js.map +1 -1
- package/lib/commonjs/utils/types.js +3 -3
- package/lib/commonjs/utils/types.js.map +1 -1
- package/lib/module/Icons/Recording/assets/recording-pause.png +0 -0
- package/lib/module/Icons/Recording/assets/recording-pause@2x.png +0 -0
- package/lib/module/Icons/Recording/assets/recording-pause@3x.png +0 -0
- package/lib/module/Icons/Recording/index.js +1 -1
- package/lib/module/Icons/Recording/index.js.map +1 -1
- package/lib/module/components/AnimatedFooter.js +5 -3
- package/lib/module/components/AnimatedFooter.js.map +1 -1
- package/lib/module/components/AnimatedHLSFooter.js +5 -10
- package/lib/module/components/AnimatedHLSFooter.js.map +1 -1
- package/lib/module/components/AnimatedHeader.js +18 -6
- package/lib/module/components/AnimatedHeader.js.map +1 -1
- package/lib/module/components/BottomSheet.js +12 -6
- package/lib/module/components/BottomSheet.js.map +1 -1
- package/lib/module/components/Chat/ChatFilterBottomSheetView.js +2 -1
- package/lib/module/components/Chat/ChatFilterBottomSheetView.js.map +1 -1
- package/lib/module/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.js +13 -12
- package/lib/module/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.js.map +1 -1
- package/lib/module/components/ChatAndParticipants/ChatAndParticipantsView.js +6 -4
- package/lib/module/components/ChatAndParticipants/ChatAndParticipantsView.js.map +1 -1
- package/lib/module/components/DisplayView.js +5 -12
- package/lib/module/components/DisplayView.js.map +1 -1
- package/lib/module/components/EndRoomModal.js +1 -2
- package/lib/module/components/EndRoomModal.js.map +1 -1
- package/lib/module/components/EndRoomModalContent.js +2 -1
- package/lib/module/components/EndRoomModalContent.js.map +1 -1
- package/lib/module/components/Footer.js +12 -18
- package/lib/module/components/Footer.js.map +1 -1
- package/lib/module/components/GridView.js +32 -2
- package/lib/module/components/GridView.js.map +1 -1
- package/lib/module/components/HLSFooter.js +3 -1
- package/lib/module/components/HLSFooter.js.map +1 -1
- package/lib/module/components/HLSView.js +2 -2
- package/lib/module/components/HLSView.js.map +1 -1
- package/lib/module/components/HMSKeyboardAvoidingView.android.js +2 -3
- package/lib/module/components/HMSKeyboardAvoidingView.android.js.map +1 -1
- package/lib/module/components/HMSKeyboardAvoidingView.js +3 -1
- package/lib/module/components/HMSKeyboardAvoidingView.js.map +1 -1
- package/lib/module/components/HMSLiveIndicator.js +9 -60
- package/lib/module/components/HMSLiveIndicator.js.map +1 -1
- package/lib/module/components/HMSLiveViewerCount.js +70 -0
- package/lib/module/components/HMSLiveViewerCount.js.map +1 -0
- package/lib/module/components/HMSOverlayChatView.js +11 -2
- package/lib/module/components/HMSOverlayChatView.js.map +1 -1
- package/lib/module/components/HMSPreviewEditName.js +6 -1
- package/lib/module/components/HMSPreviewEditName.js.map +1 -1
- package/lib/module/components/HMSPreviewHLSLiveIndicator.js +2 -1
- package/lib/module/components/HMSPreviewHLSLiveIndicator.js.map +1 -1
- package/lib/module/components/HMSRecordingIndicator.js +14 -4
- package/lib/module/components/HMSRecordingIndicator.js.map +1 -1
- package/lib/module/components/HMSRoomOptions.js +3 -6
- package/lib/module/components/HMSRoomOptions.js.map +1 -1
- package/lib/module/components/Header.js +10 -3
- package/lib/module/components/Header.js.map +1 -1
- package/lib/module/components/LeaveRoomBottomSheet.js +4 -7
- package/lib/module/components/LeaveRoomBottomSheet.js.map +1 -1
- package/lib/module/components/Meeting.js +3 -14
- package/lib/module/components/Meeting.js.map +1 -1
- package/lib/module/components/MeetingScreenContent.js +51 -53
- package/lib/module/components/MeetingScreenContent.js.map +1 -1
- package/lib/module/components/MiniView.js.map +1 -1
- package/lib/module/components/OverlayedViews.js +6 -2
- package/lib/module/components/OverlayedViews.js.map +1 -1
- package/lib/module/components/PeerSettingsModalContent.js +2 -1
- package/lib/module/components/PeerSettingsModalContent.js.map +1 -1
- package/lib/module/components/PeerVideoTile/PeerVideoTileView.js +2 -1
- package/lib/module/components/PeerVideoTile/PeerVideoTileView.js.map +1 -1
- package/lib/module/components/PressableIcon.js +6 -2
- package/lib/module/components/PressableIcon.js.map +1 -1
- package/lib/module/components/RoomSettingsModalContent.js +26 -10
- package/lib/module/components/RoomSettingsModalContent.js.map +1 -1
- package/lib/module/components/RoomSettingsModalDebugModeContent.js +2 -2
- package/lib/module/components/RoomSettingsModalDebugModeContent.js.map +1 -1
- package/lib/module/components/WebrtcView.js +37 -2
- package/lib/module/components/WebrtcView.js.map +1 -1
- package/lib/module/hooks-util-selectors.js +2 -1
- package/lib/module/hooks-util-selectors.js.map +1 -1
- package/lib/module/hooks-util.js +58 -29
- package/lib/module/hooks-util.js.map +1 -1
- package/lib/module/redux/actionTypes.js +3 -1
- package/lib/module/redux/actionTypes.js.map +1 -1
- package/lib/module/redux/actions/index.js +6 -0
- package/lib/module/redux/actions/index.js.map +1 -1
- package/lib/module/redux/reducers/appState.js +9 -1
- package/lib/module/redux/reducers/appState.js.map +1 -1
- package/lib/module/utils/types.js +2 -2
- package/lib/module/utils/types.js.map +1 -1
- package/lib/typescript/Icons/Recording/index.d.ts +1 -1
- package/lib/typescript/Icons/Recording/index.d.ts.map +1 -1
- package/lib/typescript/components/AnimatedFooter.d.ts.map +1 -1
- package/lib/typescript/components/AnimatedHLSFooter.d.ts.map +1 -1
- package/lib/typescript/components/AnimatedHeader.d.ts.map +1 -1
- package/lib/typescript/components/BottomSheet.d.ts +1 -0
- package/lib/typescript/components/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/components/Chat/ChatFilterBottomSheetView.d.ts.map +1 -1
- package/lib/typescript/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.d.ts.map +1 -1
- package/lib/typescript/components/ChatAndParticipants/ChatAndParticipantsView.d.ts.map +1 -1
- package/lib/typescript/components/DisplayView.d.ts.map +1 -1
- package/lib/typescript/components/EndRoomModal.d.ts.map +1 -1
- package/lib/typescript/components/EndRoomModalContent.d.ts.map +1 -1
- package/lib/typescript/components/Footer.d.ts +1 -1
- package/lib/typescript/components/Footer.d.ts.map +1 -1
- package/lib/typescript/components/GridView.d.ts.map +1 -1
- package/lib/typescript/components/HLSView.d.ts.map +1 -1
- package/lib/typescript/components/HMSKeyboardAvoidingView.android.d.ts.map +1 -1
- package/lib/typescript/components/HMSKeyboardAvoidingView.d.ts +2 -1
- package/lib/typescript/components/HMSKeyboardAvoidingView.d.ts.map +1 -1
- package/lib/typescript/components/HMSLiveIndicator.d.ts.map +1 -1
- package/lib/typescript/components/HMSLiveViewerCount.d.ts +3 -0
- package/lib/typescript/components/HMSLiveViewerCount.d.ts.map +1 -0
- package/lib/typescript/components/HMSOverlayChatView.d.ts +5 -1
- package/lib/typescript/components/HMSOverlayChatView.d.ts.map +1 -1
- package/lib/typescript/components/HMSPreviewEditName.d.ts.map +1 -1
- package/lib/typescript/components/HMSPreviewHLSLiveIndicator.d.ts.map +1 -1
- package/lib/typescript/components/HMSRecordingIndicator.d.ts.map +1 -1
- package/lib/typescript/components/HMSRoomOptions.d.ts.map +1 -1
- package/lib/typescript/components/Header.d.ts +1 -0
- package/lib/typescript/components/Header.d.ts.map +1 -1
- package/lib/typescript/components/LeaveRoomBottomSheet.d.ts.map +1 -1
- package/lib/typescript/components/Meeting.d.ts.map +1 -1
- package/lib/typescript/components/MeetingScreenContent.d.ts.map +1 -1
- package/lib/typescript/components/OverlayedViews.d.ts +4 -1
- package/lib/typescript/components/OverlayedViews.d.ts.map +1 -1
- package/lib/typescript/components/PeerSettingsModalContent.d.ts.map +1 -1
- package/lib/typescript/components/PeerVideoTile/PeerVideoTileView.d.ts.map +1 -1
- package/lib/typescript/components/PressableIcon.d.ts.map +1 -1
- package/lib/typescript/components/RoomSettingsModalContent.d.ts.map +1 -1
- package/lib/typescript/components/RoomSettingsModalDebugModeContent.d.ts.map +1 -1
- package/lib/typescript/components/WebrtcView.d.ts +2 -0
- package/lib/typescript/components/WebrtcView.d.ts.map +1 -1
- package/lib/typescript/hooks-util-selectors.d.ts.map +1 -1
- package/lib/typescript/hooks-util.d.ts +4 -0
- package/lib/typescript/hooks-util.d.ts.map +1 -1
- package/lib/typescript/redux/actionTypes.d.ts +1 -0
- package/lib/typescript/redux/actionTypes.d.ts.map +1 -1
- package/lib/typescript/redux/actions/index.d.ts +6 -0
- package/lib/typescript/redux/actions/index.d.ts.map +1 -1
- package/lib/typescript/redux/index.d.ts +1 -0
- package/lib/typescript/redux/index.d.ts.map +1 -1
- package/lib/typescript/redux/reducers/appState.d.ts +1 -0
- package/lib/typescript/redux/reducers/appState.d.ts.map +1 -1
- package/lib/typescript/redux/reducers/index.d.ts +1 -0
- package/lib/typescript/redux/reducers/index.d.ts.map +1 -1
- package/lib/typescript/utils/types.d.ts +1 -0
- package/lib/typescript/utils/types.d.ts.map +1 -1
- package/package.json +179 -179
- package/src/HMSRoomSetup.tsx +1 -1
- package/src/Icons/Recording/assets/recording-pause.png +0 -0
- package/src/Icons/Recording/assets/recording-pause@2x.png +0 -0
- package/src/Icons/Recording/assets/recording-pause@3x.png +0 -0
- package/src/Icons/Recording/index.tsx +3 -1
- package/src/components/AnimatedFooter.tsx +9 -3
- package/src/components/AnimatedHLSFooter.tsx +8 -17
- package/src/components/AnimatedHeader.tsx +16 -5
- package/src/components/BottomSheet.tsx +11 -5
- package/src/components/Chat/ChatFilterBottomSheetView.tsx +1 -0
- package/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx +12 -7
- package/src/components/ChatAndParticipants/ChatAndParticipantsView.tsx +5 -4
- package/src/components/DisplayView.tsx +4 -13
- package/src/components/EndRoomModal.tsx +0 -1
- package/src/components/EndRoomModalContent.tsx +2 -1
- package/src/components/Footer.tsx +18 -23
- package/src/components/GridView.tsx +31 -4
- package/src/components/HLSFooter.tsx +1 -1
- package/src/components/HLSView.tsx +2 -1
- package/src/components/HMSKeyboardAvoidingView.android.tsx +1 -5
- package/src/components/HMSKeyboardAvoidingView.tsx +6 -3
- package/src/components/HMSLiveIndicator.tsx +8 -73
- package/src/components/HMSLiveViewerCount.tsx +90 -0
- package/src/components/HMSOverlayChatView.tsx +18 -2
- package/src/components/HMSPreviewEditName.tsx +10 -1
- package/src/components/HMSPreviewHLSLiveIndicator.tsx +2 -1
- package/src/components/HMSRecordingIndicator.tsx +20 -3
- package/src/components/HMSRoomOptions.tsx +0 -3
- package/src/components/Header.tsx +14 -3
- package/src/components/LeaveRoomBottomSheet.tsx +3 -6
- package/src/components/Meeting.tsx +2 -19
- package/src/components/MeetingScreenContent.tsx +67 -64
- package/src/components/MiniView.tsx +4 -4
- package/src/components/OverlayedViews.tsx +6 -3
- package/src/components/PeerSettingsModalContent.tsx +2 -1
- package/src/components/PeerVideoTile/PeerVideoTileView.tsx +2 -1
- package/src/components/PressableIcon.tsx +22 -17
- package/src/components/RoomSettingsModalContent.tsx +22 -6
- package/src/components/RoomSettingsModalDebugModeContent.tsx +2 -1
- package/src/components/WebrtcView.tsx +59 -22
- package/src/hooks-util-selectors.tsx +2 -1
- package/src/hooks-util.ts +61 -44
- package/src/redux/actionTypes.ts +3 -0
- package/src/redux/actions/index.ts +5 -0
- package/src/redux/reducers/appState.ts +8 -0
- package/src/utils/types.ts +12 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","LinearGradient","MaskedView","HMSKeyboardAvoidingView","HMSSendMessageInput","HMSHLSMessageList","useFooterHeight","useHMSNotificationsHeight","colors","colorLocations","HLSChatView","footerHeight","hmsNotificationsHeight","createElement","bottomOffset","maskElement","pointerEvents","style","absoluteFill","locations"],"sourceRoot":"../../../src","sources":["components/HMSOverlayChatView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,UAAU,MAAM,uCAAuC;
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","LinearGradient","MaskedView","useDerivedValue","interpolate","HMSKeyboardAvoidingView","HMSSendMessageInput","HMSHLSMessageList","useFooterHeight","useHMSNotificationsHeight","colors","colorLocations","HLSChatView","offset","footerHeight","hmsNotificationsHeight","chatBottomOffset","value","createElement","bottomOffset","maskElement","pointerEvents","style","absoluteFill","locations"],"sourceRoot":"../../../src","sources":["components/HMSOverlayChatView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,UAAU,MAAM,uCAAuC;AAC9D,SAASC,eAAe,EAAEC,WAAW,QAAQ,yBAAyB;AAGtE,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,eAAe,QAAQ,UAAU;AAC1C,SAASC,yBAAyB,QAAQ,oBAAoB;AAE9D,MAAMC,MAAM,GAAG,CACb,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,CACzB;AACD,MAAMC,cAAc,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;AAMlC,OAAO,MAAMC,WAAuC,GAAGA,CAAC;EAAEC;AAAO,CAAC,KAAK;EACrE,MAAMC,YAAY,GAAGN,eAAe,CAAC,CAAC;EACtC,MAAMO,sBAAsB,GAAGN,yBAAyB,CAAC,CAAC;EAE1D,MAAMO,gBAAgB,GAAGb,eAAe,CAAC,MAAM;IAC7C,IAAIU,MAAM,EAAE;MACV,OACET,WAAW,CAACS,MAAM,CAACI,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAEH,YAAY,CAAC,CAAC,GACpDC,sBAAsB;IAE1B;IACA,OAAOD,YAAY,GAAGC,sBAAsB;EAC9C,CAAC,EAAE,CAACF,MAAM,EAAEC,YAAY,EAAEC,sBAAsB,CAAC,CAAC;EAElD,oBACEhB,KAAA,CAAAmB,aAAA,CAACb,uBAAuB;IAACc,YAAY,EAAEH;EAAiB,gBACtDjB,KAAA,CAAAmB,aAAA,CAAChB,UAAU;IACTkB,WAAW,eACTrB,KAAA,CAAAmB,aAAA,CAACjB,cAAc;MACboB,aAAa,EAAC,UAAU;MACxBC,KAAK,EAAEtB,UAAU,CAACuB,YAAa;MAC/Bb,MAAM,EAAEA,MAAO;MACfc,SAAS,EAAEb;IAAe,CAC3B;EACF,gBAEDZ,KAAA,CAAAmB,aAAA,CAACX,iBAAiB,MAAE,CACV,CAAC,eAEbR,KAAA,CAAAmB,aAAA,CAACZ,mBAAmB,MAAE,CACC,CAAC;AAE9B,CAAC"}
|
|
@@ -10,6 +10,7 @@ export const HMSPreviewEditName = () => {
|
|
|
10
10
|
updateConfig
|
|
11
11
|
} = useHMSConfig();
|
|
12
12
|
const userName = useSelector(state => state.user.userName);
|
|
13
|
+
const editUsernameDisabled = useSelector(state => state.app.editUsernameDisabled);
|
|
13
14
|
const handleNameChange = name => {
|
|
14
15
|
dispatch(changeUsername(name));
|
|
15
16
|
updateConfig({
|
|
@@ -17,9 +18,13 @@ export const HMSPreviewEditName = () => {
|
|
|
17
18
|
});
|
|
18
19
|
};
|
|
19
20
|
return /*#__PURE__*/React.createElement(HMSTextInput, {
|
|
21
|
+
editable: !editUsernameDisabled,
|
|
20
22
|
testID: TestIds.enter_name,
|
|
21
23
|
value: userName,
|
|
22
|
-
onChangeText: handleNameChange
|
|
24
|
+
onChangeText: handleNameChange,
|
|
25
|
+
style: editUsernameDisabled ? {
|
|
26
|
+
opacity: 0.5
|
|
27
|
+
} : null
|
|
23
28
|
});
|
|
24
29
|
};
|
|
25
30
|
//# sourceMappingURL=HMSPreviewEditName.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useDispatch","useSelector","changeUsername","useHMSConfig","HMSTextInput","TestIds","HMSPreviewEditName","dispatch","updateConfig","userName","state","user","handleNameChange","name","username","createElement","testID","enter_name","value","onChangeText"],"sourceRoot":"../../../src","sources":["components/HMSPreviewEditName.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AAGtD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,YAAY,QAAQ,eAAe;AAC5C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,OAAO,QAAQ,oBAAoB;AAI5C,OAAO,MAAMC,kBAAqD,GAAGA,CAAA,KAAM;EACzE,MAAMC,QAAQ,GAAGP,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEQ;EAAa,CAAC,GAAGL,YAAY,CAAC,CAAC;EACvC,MAAMM,QAAQ,GAAGR,WAAW,CAAES,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACF,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"names":["React","useDispatch","useSelector","changeUsername","useHMSConfig","HMSTextInput","TestIds","HMSPreviewEditName","dispatch","updateConfig","userName","state","user","editUsernameDisabled","app","handleNameChange","name","username","createElement","editable","testID","enter_name","value","onChangeText","style","opacity"],"sourceRoot":"../../../src","sources":["components/HMSPreviewEditName.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AAGtD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,YAAY,QAAQ,eAAe;AAC5C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,OAAO,QAAQ,oBAAoB;AAI5C,OAAO,MAAMC,kBAAqD,GAAGA,CAAA,KAAM;EACzE,MAAMC,QAAQ,GAAGP,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEQ;EAAa,CAAC,GAAGL,YAAY,CAAC,CAAC;EACvC,MAAMM,QAAQ,GAAGR,WAAW,CAAES,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACF,QAAQ,CAAC;EACvE,MAAMG,oBAAoB,GAAGX,WAAW,CAAES,KAAgB,IAAKA,KAAK,CAACG,GAAG,CAACD,oBAAoB,CAAC;EAE9F,MAAME,gBAAgB,GAAIC,IAAY,IAAK;IACzCR,QAAQ,CAACL,cAAc,CAACa,IAAI,CAAC,CAAC;IAC9BP,YAAY,CAAC;MAAEQ,QAAQ,EAAED;IAAK,CAAC,CAAC;EAClC,CAAC;EAED,oBACEhB,KAAA,CAAAkB,aAAA,CAACb,YAAY;IACXc,QAAQ,EAAE,CAACN,oBAAqB;IAChCO,MAAM,EAAEd,OAAO,CAACe,UAAW;IAC3BC,KAAK,EAAEZ,QAAS;IAChBa,YAAY,EAAER,gBAAiB;IAC/BS,KAAK,EAAEX,oBAAoB,GAAG;MAAEY,OAAO,EAAE;IAAI,CAAC,GAAG;EAAK,CACvD,CAAC;AAEN,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { View, Text, StyleSheet } from 'react-native';
|
|
3
3
|
import { useSelector } from 'react-redux';
|
|
4
|
+
import { HMSStreamingState } from '@100mslive/react-native-hms';
|
|
4
5
|
import { useHMSRoomStyleSheet } from '../hooks-util';
|
|
5
6
|
import { COLORS } from '../utils/theme';
|
|
6
7
|
export const HMSPreviewHLSLiveIndicator = () => {
|
|
7
8
|
const isHLSStreaming = useSelector(state => {
|
|
8
9
|
var _state$hmsStates$room;
|
|
9
|
-
return (_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.
|
|
10
|
+
return ((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.state) === HMSStreamingState.STARTED;
|
|
10
11
|
});
|
|
11
12
|
const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
|
|
12
13
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","StyleSheet","useSelector","useHMSRoomStyleSheet","COLORS","HMSPreviewHLSLiveIndicator","isHLSStreaming","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","
|
|
1
|
+
{"version":3,"names":["React","View","Text","StyleSheet","useSelector","HMSStreamingState","useHMSRoomStyleSheet","COLORS","HMSPreviewHLSLiveIndicator","isHLSStreaming","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","STARTED","hmsRoomStyles","theme","typography","container","backgroundColor","palette","alert_error_default","circle","WHITE","text","color","fontFamily","font_family","createElement","style","styles","circleContainer","create","flexDirection","alignItems","borderRadius","paddingLeft","paddingRight","marginRight","width","height","justifyContent","marginLeft","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSPreviewHLSLiveIndicator.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,iBAAiB,QAAQ,6BAA6B;AAG/D,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;EAC9C,MAAMC,cAAc,GAAGL,WAAW,CAC/BM,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OAAK,EAAAA,qBAAA,GAAAD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,iBAAiB,cAAAH,qBAAA,uBAAvCA,qBAAA,CAAyCD,KAAK,MAAKL,iBAAiB,CAACU,OAAO;EAAA,CACpG,CAAC;EAED,MAAMC,aAAa,GAAGV,oBAAoB,CAAC,CAACW,KAAK,EAAEC,UAAU,MAAM;IACjEC,SAAS,EAAE;MACTC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;IACjC,CAAC;IACDC,MAAM,EAAE;MACNH,eAAe,EAAEb,MAAM,CAACiB;IAC1B,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAEnB,MAAM,CAACiB,KAAK;MACnBG,UAAU,EAAG,GAAET,UAAU,CAACU,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,IAAI,CAACnB,cAAc,EAAE;IACnB,OAAO,IAAI;EACb;EAEA,oBACET,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;IAAC6B,KAAK,EAAE,CAACC,MAAM,CAACZ,SAAS,EAAEH,aAAa,CAACG,SAAS;EAAE,gBACvDnB,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;IAAC6B,KAAK,EAAEC,MAAM,CAACC;EAAgB,gBAClChC,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;IAAC6B,KAAK,EAAE,CAACC,MAAM,CAACR,MAAM,EAAEP,aAAa,CAACO,MAAM;EAAE,CAAE,CACjD,CAAC,eACPvB,KAAA,CAAA6B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE,CAACC,MAAM,CAACN,IAAI,EAAET,aAAa,CAACS,IAAI;EAAE,GAAC,MAAU,CACtD,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAG5B,UAAU,CAAC8B,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE;EACf,CAAC;EACDP,eAAe,EAAE;IACfQ,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVN,UAAU,EAAE,QAAQ;IACpBO,cAAc,EAAE;EAClB,CAAC;EACDnB,MAAM,EAAE;IACNiB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVL,YAAY,EAAE;EAChB,CAAC;EACDX,IAAI,EAAE;IACJkB,UAAU,EAAE,CAAC;IACbC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
|
|
@@ -6,12 +6,16 @@ import { useHMSRoomColorPalette, useHMSRoomStyle } from '../hooks-util';
|
|
|
6
6
|
import { HMSRecordingState } from '@100mslive/react-native-hms';
|
|
7
7
|
export const HMSRecordingIndicator = () => {
|
|
8
8
|
const isRecordingOn = useSelector(state => {
|
|
9
|
-
var _state$hmsStates$room, _state$hmsStates$room2, _state$hmsStates$room3;
|
|
10
|
-
return
|
|
9
|
+
var _state$hmsStates$room, _state$hmsStates$room2, _state$hmsStates$room3, _state$hmsStates$room4, _state$hmsStates$room5, _state$hmsStates$room6;
|
|
10
|
+
return ((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room.browserRecordingState) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.state) === HMSRecordingState.STARTED || ((_state$hmsStates$room2 = state.hmsStates.room) === null || _state$hmsStates$room2 === void 0 || (_state$hmsStates$room2 = _state$hmsStates$room2.browserRecordingState) === null || _state$hmsStates$room2 === void 0 ? void 0 : _state$hmsStates$room2.state) === HMSRecordingState.RESUMED || ((_state$hmsStates$room3 = state.hmsStates.room) === null || _state$hmsStates$room3 === void 0 || (_state$hmsStates$room3 = _state$hmsStates$room3.serverRecordingState) === null || _state$hmsStates$room3 === void 0 ? void 0 : _state$hmsStates$room3.state) === HMSRecordingState.STARTED || ((_state$hmsStates$room4 = state.hmsStates.room) === null || _state$hmsStates$room4 === void 0 || (_state$hmsStates$room4 = _state$hmsStates$room4.serverRecordingState) === null || _state$hmsStates$room4 === void 0 ? void 0 : _state$hmsStates$room4.state) === HMSRecordingState.RESUMED || ((_state$hmsStates$room5 = state.hmsStates.room) === null || _state$hmsStates$room5 === void 0 || (_state$hmsStates$room5 = _state$hmsStates$room5.hlsRecordingState) === null || _state$hmsStates$room5 === void 0 ? void 0 : _state$hmsStates$room5.state) === HMSRecordingState.STARTED || ((_state$hmsStates$room6 = state.hmsStates.room) === null || _state$hmsStates$room6 === void 0 || (_state$hmsStates$room6 = _state$hmsStates$room6.hlsRecordingState) === null || _state$hmsStates$room6 === void 0 ? void 0 : _state$hmsStates$room6.state) === HMSRecordingState.RESUMED;
|
|
11
|
+
});
|
|
12
|
+
const isRecordingPaused = useSelector(state => {
|
|
13
|
+
var _state$hmsStates$room7, _state$hmsStates$room8, _state$hmsStates$room9;
|
|
14
|
+
return ((_state$hmsStates$room7 = state.hmsStates.room) === null || _state$hmsStates$room7 === void 0 || (_state$hmsStates$room7 = _state$hmsStates$room7.browserRecordingState) === null || _state$hmsStates$room7 === void 0 ? void 0 : _state$hmsStates$room7.state) === HMSRecordingState.PAUSED || ((_state$hmsStates$room8 = state.hmsStates.room) === null || _state$hmsStates$room8 === void 0 || (_state$hmsStates$room8 = _state$hmsStates$room8.serverRecordingState) === null || _state$hmsStates$room8 === void 0 ? void 0 : _state$hmsStates$room8.state) === HMSRecordingState.PAUSED || ((_state$hmsStates$room9 = state.hmsStates.room) === null || _state$hmsStates$room9 === void 0 || (_state$hmsStates$room9 = _state$hmsStates$room9.hlsRecordingState) === null || _state$hmsStates$room9 === void 0 ? void 0 : _state$hmsStates$room9.state) === HMSRecordingState.PAUSED;
|
|
11
15
|
});
|
|
12
16
|
const startingOrStoppingRecording = useSelector(state => {
|
|
13
|
-
var _state$hmsStates$
|
|
14
|
-
return state.app.startingOrStoppingRecording || ((_state$hmsStates$
|
|
17
|
+
var _state$hmsStates$room10, _state$hmsStates$room11, _state$hmsStates$room12;
|
|
18
|
+
return state.app.startingOrStoppingRecording || ((_state$hmsStates$room10 = state.hmsStates.room) === null || _state$hmsStates$room10 === void 0 ? void 0 : _state$hmsStates$room10.browserRecordingState.state) === HMSRecordingState.STARTING || ((_state$hmsStates$room11 = state.hmsStates.room) === null || _state$hmsStates$room11 === void 0 ? void 0 : _state$hmsStates$room11.serverRecordingState.state) === HMSRecordingState.STARTING || ((_state$hmsStates$room12 = state.hmsStates.room) === null || _state$hmsStates$room12 === void 0 || (_state$hmsStates$room12 = _state$hmsStates$room12.hlsRecordingState) === null || _state$hmsStates$room12 === void 0 ? void 0 : _state$hmsStates$room12.state) === HMSRecordingState.STARTING;
|
|
15
19
|
});
|
|
16
20
|
const {
|
|
17
21
|
on_surface_high: onSurfaceHighColor
|
|
@@ -31,6 +35,12 @@ export const HMSRecordingIndicator = () => {
|
|
|
31
35
|
style: [styles.icon, styles.rightSpace, iconStyles]
|
|
32
36
|
});
|
|
33
37
|
}
|
|
38
|
+
if (isRecordingPaused) {
|
|
39
|
+
return /*#__PURE__*/React.createElement(RecordingIcon, {
|
|
40
|
+
type: "pause",
|
|
41
|
+
style: [styles.icon, styles.rightSpace]
|
|
42
|
+
});
|
|
43
|
+
}
|
|
34
44
|
return null;
|
|
35
45
|
};
|
|
36
46
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useSelector","ActivityIndicator","StyleSheet","RecordingIcon","useHMSRoomColorPalette","useHMSRoomStyle","HMSRecordingState","HMSRecordingIndicator","isRecordingOn","state","_state$hmsStates$room","_state$hmsStates$room2","_state$hmsStates$room3","hmsStates","room","browserRecordingState","
|
|
1
|
+
{"version":3,"names":["React","useSelector","ActivityIndicator","StyleSheet","RecordingIcon","useHMSRoomColorPalette","useHMSRoomStyle","HMSRecordingState","HMSRecordingIndicator","isRecordingOn","state","_state$hmsStates$room","_state$hmsStates$room2","_state$hmsStates$room3","_state$hmsStates$room4","_state$hmsStates$room5","_state$hmsStates$room6","hmsStates","room","browserRecordingState","STARTED","RESUMED","serverRecordingState","hlsRecordingState","isRecordingPaused","_state$hmsStates$room7","_state$hmsStates$room8","_state$hmsStates$room9","PAUSED","startingOrStoppingRecording","_state$hmsStates$room10","_state$hmsStates$room11","_state$hmsStates$room12","app","STARTING","on_surface_high","onSurfaceHighColor","iconStyles","theme","tintColor","palette","alert_error_default","createElement","size","color","style","styles","rightSpace","icon","type","create","width","height","marginRight"],"sourceRoot":"../../../src","sources":["components/HMSRecordingIndicator.tsx"],"mappings":"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"}
|
|
@@ -29,8 +29,7 @@ export const HMSRoomOptions = () => {
|
|
|
29
29
|
onPress: onSettingsPress
|
|
30
30
|
}, /*#__PURE__*/React.createElement(HamburgerIcon, null)), /*#__PURE__*/React.createElement(BottomSheet, {
|
|
31
31
|
isVisible: modalVisible === ModalTypes.SETTINGS,
|
|
32
|
-
dismissModal: dismissModal
|
|
33
|
-
animationOutTiming: 700
|
|
32
|
+
dismissModal: dismissModal
|
|
34
33
|
}, /*#__PURE__*/React.createElement(RoomSettingsModalContent, {
|
|
35
34
|
newAudioMixingMode: newAudioMixingMode,
|
|
36
35
|
audioDeviceListenerAdded: audioDeviceChangeListener,
|
|
@@ -44,14 +43,12 @@ export const HMSRoomOptions = () => {
|
|
|
44
43
|
})), /*#__PURE__*/React.createElement(BottomSheet, {
|
|
45
44
|
isVisible: modalVisible === ModalTypes.CHANGE_NAME,
|
|
46
45
|
dismissModal: dismissModal,
|
|
47
|
-
avoidKeyboard: true
|
|
48
|
-
animationOutTiming: 700
|
|
46
|
+
avoidKeyboard: true
|
|
49
47
|
}, /*#__PURE__*/React.createElement(ChangeNameModalContent, {
|
|
50
48
|
dismissModal: dismissModal
|
|
51
49
|
})), /*#__PURE__*/React.createElement(BottomSheet, {
|
|
52
50
|
isVisible: modalVisible === ModalTypes.STOP_RECORDING,
|
|
53
|
-
dismissModal: dismissModal
|
|
54
|
-
animationOutTiming: 800
|
|
51
|
+
dismissModal: dismissModal
|
|
55
52
|
}, /*#__PURE__*/React.createElement(StopRecordingModalContent, {
|
|
56
53
|
dismissModal: dismissModal
|
|
57
54
|
})), /*#__PURE__*/React.createElement(DefaultModal, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","HMSAudioMixingMode","HMSAudioMode","PressableIcon","HamburgerIcon","DefaultModal","RoomSettingsModalContent","ChangeAudioMixingModeModal","ChangeAudioModeModal","ChangeAudioOutputModal","ChangeBulkRoleModal","ChangeTrackStateForRoleModal","HlsStreamingModal","RecordingModal","RtcStatsModal","ModalTypes","useModalType","BottomSheet","ChangeNameModalContent","StopRecordingModalContent","TestIds","HMSRoomOptions","modalVisibleType","modalVisible","handleModalVisibleType","setModalVisible","isAudioShared","setIsAudioShared","useState","audioMode","setAudioMode","MODE_NORMAL","muteAllTracksAudio","setMuteAllTracksAudio","audioDeviceChangeListener","setAudioDeviceChangeListener","newAudioMixingMode","setNewAudioMixingMode","TALK_AND_MUSIC","onSettingsPress","SETTINGS","dismissModal","DEFAULT","createElement","testID","room_options_btn","onPress","isVisible","
|
|
1
|
+
{"version":3,"names":["React","View","HMSAudioMixingMode","HMSAudioMode","PressableIcon","HamburgerIcon","DefaultModal","RoomSettingsModalContent","ChangeAudioMixingModeModal","ChangeAudioModeModal","ChangeAudioOutputModal","ChangeBulkRoleModal","ChangeTrackStateForRoleModal","HlsStreamingModal","RecordingModal","RtcStatsModal","ModalTypes","useModalType","BottomSheet","ChangeNameModalContent","StopRecordingModalContent","TestIds","HMSRoomOptions","modalVisibleType","modalVisible","handleModalVisibleType","setModalVisible","isAudioShared","setIsAudioShared","useState","audioMode","setAudioMode","MODE_NORMAL","muteAllTracksAudio","setMuteAllTracksAudio","audioDeviceChangeListener","setAudioDeviceChangeListener","newAudioMixingMode","setNewAudioMixingMode","TALK_AND_MUSIC","onSettingsPress","SETTINGS","dismissModal","DEFAULT","createElement","testID","room_options_btn","onPress","isVisible","audioDeviceListenerAdded","closeRoomSettingsModal","setAudioDeviceListenerAdded","CHANGE_NAME","avoidKeyboard","STOP_RECORDING","animationIn","animationOut","RTC_STATS","modalPosiion","RECORDING","HLS_STREAMING","cancelModal","CHANGE_TRACK_ROLE","SWITCH_AUDIO_OUTPUT","CHANGE_AUDIO_MODE","AUDIO_MIXING_MODE","BULK_ROLE_CHANGE"],"sourceRoot":"../../../src","sources":["components/HMSRoomOptions.tsx"],"mappings":"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"}
|
|
@@ -1,16 +1,23 @@
|
|
|
1
1
|
import React, { memo } from 'react';
|
|
2
2
|
import { View, StyleSheet } from 'react-native';
|
|
3
|
-
import { SafeAreaView } from 'react-native-safe-area-context';
|
|
3
|
+
import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
4
4
|
import { HMSManageCameraRotation } from './HMSManageCameraRotation';
|
|
5
5
|
import { useHMSRoomStyle } from '../hooks-util';
|
|
6
6
|
import { HMSManageAudioOutput } from './HMSManageAudioOutput';
|
|
7
7
|
import { HMSRecordingIndicator } from './HMSRecordingIndicator';
|
|
8
8
|
import { CompanyLogo } from './CompanyLogo';
|
|
9
9
|
import { HMSLiveIndicator } from './HMSLiveIndicator';
|
|
10
|
+
import { HMSLiveViewerCount } from './HMSLiveViewerCount';
|
|
10
11
|
const TOP_PADDING = 8;
|
|
11
12
|
const BOTTOM_PADDING = 16;
|
|
12
13
|
const CONTENT_HEIGHT = 42;
|
|
13
14
|
export const HEADER_HEIGHT = TOP_PADDING + CONTENT_HEIGHT + BOTTOM_PADDING;
|
|
15
|
+
export const useHeaderHeight = (excludeSafeArea = false) => {
|
|
16
|
+
const {
|
|
17
|
+
top
|
|
18
|
+
} = useSafeAreaInsets();
|
|
19
|
+
return (excludeSafeArea ? 0 : top) + HEADER_HEIGHT;
|
|
20
|
+
};
|
|
14
21
|
export const _Header = ({
|
|
15
22
|
transparent = false,
|
|
16
23
|
showControls = true
|
|
@@ -20,14 +27,14 @@ export const _Header = ({
|
|
|
20
27
|
}));
|
|
21
28
|
return /*#__PURE__*/React.createElement(SafeAreaView, {
|
|
22
29
|
style: transparent ? null : containerStyles,
|
|
23
|
-
edges: ['top']
|
|
30
|
+
edges: ['top', 'left', 'right']
|
|
24
31
|
}, /*#__PURE__*/React.createElement(View, {
|
|
25
32
|
style: [styles.container, transparent ? null : containerStyles]
|
|
26
33
|
}, /*#__PURE__*/React.createElement(View, {
|
|
27
34
|
style: styles.logoContainer
|
|
28
35
|
}, /*#__PURE__*/React.createElement(CompanyLogo, {
|
|
29
36
|
style: styles.logo
|
|
30
|
-
}), /*#__PURE__*/React.createElement(HMSRecordingIndicator, null), /*#__PURE__*/React.createElement(
|
|
37
|
+
}), /*#__PURE__*/React.createElement(HMSLiveIndicator, null), /*#__PURE__*/React.createElement(HMSRecordingIndicator, null), /*#__PURE__*/React.createElement(HMSLiveViewerCount, null)), showControls ? /*#__PURE__*/React.createElement(View, {
|
|
31
38
|
style: styles.controls
|
|
32
39
|
}, /*#__PURE__*/React.createElement(View, {
|
|
33
40
|
style: styles.cameraRotationWrapper
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","View","StyleSheet","SafeAreaView","HMSManageCameraRotation","useHMSRoomStyle","HMSManageAudioOutput","HMSRecordingIndicator","CompanyLogo","HMSLiveIndicator","TOP_PADDING","BOTTOM_PADDING","CONTENT_HEIGHT","HEADER_HEIGHT","_Header","transparent","showControls","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","edges","styles","container","logoContainer","logo","controls","cameraRotationWrapper","create","paddingTop","paddingBottom","paddingHorizontal","flexDirection","alignItems","justifyContent","marginRight","marginLeft","Header"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,
|
|
1
|
+
{"version":3,"names":["React","memo","View","StyleSheet","SafeAreaView","useSafeAreaInsets","HMSManageCameraRotation","useHMSRoomStyle","HMSManageAudioOutput","HMSRecordingIndicator","CompanyLogo","HMSLiveIndicator","HMSLiveViewerCount","TOP_PADDING","BOTTOM_PADDING","CONTENT_HEIGHT","HEADER_HEIGHT","useHeaderHeight","excludeSafeArea","top","_Header","transparent","showControls","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","edges","styles","container","logoContainer","logo","controls","cameraRotationWrapper","create","paddingTop","paddingBottom","paddingHorizontal","flexDirection","alignItems","justifyContent","marginRight","marginLeft","Header"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
|
|
3
3
|
import { useSelector } from 'react-redux';
|
|
4
|
+
import { HMSStreamingState } from '@100mslive/react-native-hms';
|
|
4
5
|
import { LeaveIcon } from '../Icons';
|
|
5
6
|
import { useHMSRoomStyleSheet, useLeaveMethods, useModalType } from '../hooks-util';
|
|
6
7
|
import { BottomSheet } from './BottomSheet';
|
|
@@ -22,7 +23,7 @@ export const LeaveRoomBottomSheet = () => {
|
|
|
22
23
|
});
|
|
23
24
|
const isStreaming = useSelector(state => {
|
|
24
25
|
var _state$hmsStates$room;
|
|
25
|
-
return ((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.
|
|
26
|
+
return ((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.state) === HMSStreamingState.STARTED ?? false;
|
|
26
27
|
});
|
|
27
28
|
const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
|
|
28
29
|
text: {
|
|
@@ -99,10 +100,9 @@ export const LeaveRoomBottomSheet = () => {
|
|
|
99
100
|
};
|
|
100
101
|
return /*#__PURE__*/React.createElement(BottomSheet, {
|
|
101
102
|
isVisible: modalVisibleType === ModalTypes.LEAVE_ROOM,
|
|
102
|
-
|
|
103
|
+
bottomOffsetSpace: 0,
|
|
103
104
|
dismissModal: onPopupDismiss,
|
|
104
|
-
onModalHide: handlePopupHide
|
|
105
|
-
animationOutTiming: 700
|
|
105
|
+
onModalHide: handlePopupHide
|
|
106
106
|
}, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
107
107
|
testID: TestIds.leave_cta,
|
|
108
108
|
style: styles.button,
|
|
@@ -145,9 +145,6 @@ export const LeaveRoomBottomSheet = () => {
|
|
|
145
145
|
}, "The session will end for everyone in the room immediately."))) : null));
|
|
146
146
|
};
|
|
147
147
|
const styles = StyleSheet.create({
|
|
148
|
-
container: {
|
|
149
|
-
paddingBottom: 0
|
|
150
|
-
},
|
|
151
148
|
button: {
|
|
152
149
|
flexDirection: 'row',
|
|
153
150
|
padding: 24
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","Text","TouchableOpacity","View","useSelector","LeaveIcon","useHMSRoomStyleSheet","useLeaveMethods","useModalType","BottomSheet","StopIcon","ModalTypes","OnLeaveReason","TestIds","LeaveRoomBottomSheet","canEndRoom","state","_state$hmsStates$loca","hmsStates","localPeer","role","permissions","endRoom","canStream","_state$hmsStates$loca2","hlsStreaming","isStreaming","_state$hmsStates$room","room","hlsStreamingState","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Text","TouchableOpacity","View","useSelector","HMSStreamingState","LeaveIcon","useHMSRoomStyleSheet","useLeaveMethods","useModalType","BottomSheet","StopIcon","ModalTypes","OnLeaveReason","TestIds","LeaveRoomBottomSheet","canEndRoom","state","_state$hmsStates$loca","hmsStates","localPeer","role","permissions","endRoom","canStream","_state$hmsStates$loca2","hlsStreaming","isStreaming","_state$hmsStates$room","room","hlsStreamingState","STARTED","hmsRoomStyles","theme","typography","text","color","palette","on_surface_high","fontFamily","font_family","subtext","on_surface_low","endButton","backgroundColor","alert_error_dim","endText","alert_error_brighter","endSubtext","alert_error_bright","endIcon","tintColor","leavePopCloseAction","useRef","DEFAULT","modalVisibleType","handleModalVisibleType","leave","onPopupDismiss","current","onLeavePress","LEAVE","onEndSessionPress","END_ROOM","onEndStreamPress","handlePopupHide","createElement","isVisible","LEAVE_ROOM","bottomOffsetSpace","dismissModal","onModalHide","testID","leave_cta","style","styles","button","onPress","icon","textContainer","leave_description","end_stream_cta","end_stream_description","end_session_cta","end_session_description","create","flexDirection","padding","width","height","marginRight","flex","fontSize","lineHeight","letterSpacing","marginTop"],"sourceRoot":"../../../src","sources":["components/LeaveRoomBottomSheet.tsx"],"mappings":"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"}
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { StyleSheet, View } from 'react-native';
|
|
3
3
|
import { useSelector } from 'react-redux';
|
|
4
|
-
import { SafeAreaView } from 'react-native-safe-area-context';
|
|
5
4
|
import { useRTCStatsListeners } from '../utils/hooks';
|
|
6
|
-
import { clearPendingModalTasks, useAutoPip, useBackButtonPress, useFetchHMSRoles, useHMSMessages, useHMSNetworkQualityUpdate, useHMSPIPRoomLeave, useHMSReconnection, useHMSRemovedFromRoomUpdate, useHMSRoomStyle,
|
|
5
|
+
import { clearPendingModalTasks, useAutoPip, useBackButtonPress, useFetchHMSRoles, useHMSMessages, useHMSNetworkQualityUpdate, useHMSPIPRoomLeave, useHMSReconnection, useHMSRemovedFromRoomUpdate, useHMSRoomStyle, usePIPListener } from '../hooks-util';
|
|
7
6
|
import { MeetingScreenContent } from './MeetingScreenContent';
|
|
8
7
|
import { HMSHLSStreamLoading } from './HMSHLSStreamLoading';
|
|
9
8
|
export const Meeting = ({
|
|
10
9
|
peerTrackNodes
|
|
11
10
|
}) => {
|
|
12
11
|
const startingHLSStream = useSelector(state => state.app.startingHLSStream);
|
|
13
|
-
const isHLSViewer = useIsHLSViewer();
|
|
14
12
|
|
|
15
13
|
// TODO: Fetch latest Room and localPeer on mount of this component?
|
|
16
14
|
|
|
@@ -47,17 +45,8 @@ export const Meeting = ({
|
|
|
47
45
|
if (startingHLSStream) {
|
|
48
46
|
return /*#__PURE__*/React.createElement(HMSHLSStreamLoading, null);
|
|
49
47
|
}
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
/**
|
|
53
|
-
* TODO: disbaled Expended View animation in Webrtc flow
|
|
54
|
-
*
|
|
55
|
-
* Problem: Tiles Flatlist was not scrollable because Root Pressable was registering screen taps.
|
|
56
|
-
* Solution: Try using Tab Gesture detector instead on Pressable component
|
|
57
|
-
*/
|
|
58
|
-
return /*#__PURE__*/React.createElement(Container, {
|
|
59
|
-
style: [styles.container, containerStyles],
|
|
60
|
-
edges: ['left', 'right']
|
|
48
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
49
|
+
style: [styles.container, containerStyles]
|
|
61
50
|
}, /*#__PURE__*/React.createElement(MeetingScreenContent, {
|
|
62
51
|
peerTrackNodes: peerTrackNodes
|
|
63
52
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","useSelector","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","useSelector","useRTCStatsListeners","clearPendingModalTasks","useAutoPip","useBackButtonPress","useFetchHMSRoles","useHMSMessages","useHMSNetworkQualityUpdate","useHMSPIPRoomLeave","useHMSReconnection","useHMSRemovedFromRoomUpdate","useHMSRoomStyle","usePIPListener","MeetingScreenContent","HMSHLSStreamLoading","Meeting","peerTrackNodes","startingHLSStream","state","app","length","useEffect","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","styles","container","create","flex","flexDirection"],"sourceRoot":"../../../src","sources":["components/Meeting.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SACEC,sBAAsB,EACtBC,UAAU,EACVC,kBAAkB,EAClBC,gBAAgB,EAChBC,cAAc,EACdC,0BAA0B,EAC1BC,kBAAkB,EAClBC,kBAAkB,EAClBC,2BAA2B,EAC3BC,eAAe,EACfC,cAAc,QACT,eAAe;AACtB,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,mBAAmB,QAAQ,uBAAuB;AAO3D,OAAO,MAAMC,OAA+B,GAAGA,CAAC;EAAEC;AAAe,CAAC,KAAK;EACrE,MAAMC,iBAAiB,GAAGjB,WAAW,CAClCkB,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,iBAClC,CAAC;;EAED;;EAEAZ,gBAAgB,CAAC,CAAC;EAElBC,cAAc,CAAC,CAAC;EAEhBG,kBAAkB,CAAC,CAAC;EAEpBC,2BAA2B,CAAC,CAAC;;EAE7B;EACAF,kBAAkB,CAAC,CAAC;;EAEpB;EACAI,cAAc,CAAC,CAAC;;EAEhB;EACAX,oBAAoB,CAAC,CAAC;;EAEtB;EACAM,0BAA0B,CAAC,CAAC;EAE5BJ,UAAU,CAACa,cAAc,CAACI,MAAM,KAAK,CAAC,CAAC;;EAEvC;EACAhB,kBAAkB,CAAC,CAAC;;EAEpB;EACAP,KAAK,CAACwB,SAAS,CAAC,MAAM;IACpB,OAAO,MAAM;MACXnB,sBAAsB,CAAC,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMoB,eAAe,GAAGX,eAAe,CAAEY,KAAK,KAAM;IAClDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,IAAIT,iBAAiB,EAAE;IACrB,oBAAOpB,KAAA,CAAA8B,aAAA,CAACb,mBAAmB,MAAE,CAAC;EAChC;EAEA,oBACEjB,KAAA,CAAA8B,aAAA,CAAC5B,IAAI;IAAC6B,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAER,eAAe;EAAE,gBAC/CzB,KAAA,CAAA8B,aAAA,CAACd,oBAAoB;IAACG,cAAc,EAAEA;EAAe,CAAE,CACnD,CAAC;AAEX,CAAC;AAED,MAAMa,MAAM,GAAG/B,UAAU,CAACiC,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import React, { useCallback, useRef, useState } from 'react';
|
|
2
|
-
import { StyleSheet,
|
|
1
|
+
import React, { useCallback, useRef, useState, useEffect } from 'react';
|
|
2
|
+
import { StyleSheet, View, Keyboard } from 'react-native';
|
|
3
3
|
import { useSelector } from 'react-redux';
|
|
4
|
-
import { Easing, cancelAnimation, runOnJS, useSharedValue, withTiming } from 'react-native-reanimated';
|
|
5
|
-
import {
|
|
4
|
+
import { Easing, KeyboardState, cancelAnimation, runOnJS, useSharedValue, withTiming } from 'react-native-reanimated';
|
|
5
|
+
import { Gesture, GestureDetector } from 'react-native-gesture-handler';
|
|
6
|
+
import { HeaderFooterHideDelayMs, PipModes } from '../utils/types';
|
|
6
7
|
import { Footer } from './Footer';
|
|
7
8
|
import { DisplayView } from './DisplayView';
|
|
8
9
|
import { Header } from './Header';
|
|
9
|
-
import { useIsHLSViewer } from '../hooks-util';
|
|
10
|
+
import { useIsHLSViewer, useKeyboardState } from '../hooks-util';
|
|
10
11
|
import { HMSStatusBar } from './StatusBar';
|
|
11
12
|
import { AnimatedFooter } from './AnimatedFooter';
|
|
12
13
|
import { HLSFooter } from './HLSFooter';
|
|
13
14
|
import { AnimatedHeader } from './AnimatedHeader';
|
|
14
|
-
import { useIsLandscapeOrientation } from '../utils/dimension';
|
|
15
15
|
// import { ReconnectionView } from './ReconnectionView';
|
|
16
16
|
|
|
17
17
|
export const MeetingScreenContent = ({
|
|
@@ -22,61 +22,59 @@ export const MeetingScreenContent = ({
|
|
|
22
22
|
const timerIdRef = useRef(null);
|
|
23
23
|
const [controlsHidden, setControlsHidden] = useState(false);
|
|
24
24
|
const isPipModeActive = useSelector(state => state.app.pipModeStatus === PipModes.ACTIVE);
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
const {
|
|
26
|
+
keyboardState
|
|
27
|
+
} = useKeyboardState();
|
|
28
|
+
const dismissKeyboard = useCallback(() => {
|
|
29
|
+
Keyboard.dismiss();
|
|
30
|
+
}, []);
|
|
31
|
+
const clearTimer = useCallback(() => {
|
|
32
|
+
if (timerIdRef.current !== null) {
|
|
30
33
|
clearTimeout(timerIdRef.current);
|
|
31
34
|
timerIdRef.current = null;
|
|
32
35
|
}
|
|
33
|
-
cancelAnimation(offset);
|
|
34
|
-
offset.value = withTiming(offset.value === 1 ? 0 : 1, {
|
|
35
|
-
duration: 200,
|
|
36
|
-
easing: Easing.ease
|
|
37
|
-
}, finished => {
|
|
38
|
-
if (finished) {
|
|
39
|
-
runOnJS(setControlsHidden)(offset.value === 0);
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
36
|
}, []);
|
|
37
|
+
const toggleControls = useCallback((fromTimeout = false) => {
|
|
38
|
+
'worklet';
|
|
39
|
+
|
|
40
|
+
if (fromTimeout !== true && (keyboardState.value === KeyboardState.OPEN || keyboardState.value === KeyboardState.OPENING)) {
|
|
41
|
+
runOnJS(dismissKeyboard)();
|
|
42
|
+
} else {
|
|
43
|
+
runOnJS(clearTimer)();
|
|
44
|
+
cancelAnimation(offset);
|
|
45
|
+
offset.value = withTiming(offset.value === 1 ? 0 : 1, {
|
|
46
|
+
duration: 200,
|
|
47
|
+
easing: Easing.ease
|
|
48
|
+
}, finished => {
|
|
49
|
+
if (finished) {
|
|
50
|
+
runOnJS(setControlsHidden)(offset.value === 0);
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
}, [dismissKeyboard, clearTimer]);
|
|
43
55
|
|
|
44
56
|
// Handles Auto hiding the controls for the first time
|
|
45
57
|
// to make this feature discoverable
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
// if (timerIdRef.current) {
|
|
58
|
-
// clearTimeout(timerIdRef.current);
|
|
59
|
-
// }
|
|
60
|
-
// };
|
|
61
|
-
// }
|
|
62
|
-
// }, [isHLSViewer]);
|
|
63
|
-
|
|
64
|
-
/**
|
|
65
|
-
* TODO: disbaled Expended View animation in Webrtc flow
|
|
66
|
-
*
|
|
67
|
-
* Problem: Tiles Flatlist was not scrollable because Root Pressable was registering screen taps.
|
|
68
|
-
* Solution: Try using Tab Gesture detector instead on Pressable component
|
|
69
|
-
*/
|
|
70
|
-
return /*#__PURE__*/React.createElement(Pressable, {
|
|
71
|
-
onPress: toggleControls,
|
|
72
|
-
style: styles.container,
|
|
73
|
-
disabled: isHLSViewer || true
|
|
58
|
+
useEffect(() => {
|
|
59
|
+
clearTimer();
|
|
60
|
+
timerIdRef.current = setTimeout(() => {
|
|
61
|
+
timerIdRef.current = null;
|
|
62
|
+
toggleControls(true);
|
|
63
|
+
}, HeaderFooterHideDelayMs);
|
|
64
|
+
return clearTimer;
|
|
65
|
+
}, [clearTimer, toggleControls]);
|
|
66
|
+
const tapGesture = Gesture.Tap().onEnd(() => toggleControls()).requireExternalGestureToFail();
|
|
67
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
68
|
+
style: styles.container
|
|
74
69
|
}, /*#__PURE__*/React.createElement(HMSStatusBar, {
|
|
75
70
|
hidden: controlsHidden,
|
|
76
71
|
barStyle: 'light-content'
|
|
77
|
-
}), /*#__PURE__*/React.createElement(
|
|
78
|
-
|
|
79
|
-
},
|
|
72
|
+
}), /*#__PURE__*/React.createElement(GestureDetector, {
|
|
73
|
+
gesture: tapGesture
|
|
74
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
75
|
+
collapsable: false,
|
|
76
|
+
style: styles.container
|
|
77
|
+
}, isPipModeActive ? null : /*#__PURE__*/React.createElement(AnimatedHeader, {
|
|
80
78
|
offset: offset
|
|
81
79
|
}, /*#__PURE__*/React.createElement(Header, {
|
|
82
80
|
transparent: isHLSViewer,
|
|
@@ -84,11 +82,11 @@ export const MeetingScreenContent = ({
|
|
|
84
82
|
})), /*#__PURE__*/React.createElement(DisplayView, {
|
|
85
83
|
offset: offset,
|
|
86
84
|
peerTrackNodes: peerTrackNodes
|
|
87
|
-
})
|
|
85
|
+
}), isPipModeActive ? null : isHLSViewer ? /*#__PURE__*/React.createElement(HLSFooter, {
|
|
88
86
|
offset: offset
|
|
89
87
|
}) : /*#__PURE__*/React.createElement(AnimatedFooter, {
|
|
90
88
|
offset: offset
|
|
91
|
-
}, /*#__PURE__*/React.createElement(Footer, null)));
|
|
89
|
+
}, /*#__PURE__*/React.createElement(Footer, null)))));
|
|
92
90
|
};
|
|
93
91
|
const styles = StyleSheet.create({
|
|
94
92
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useRef","useState","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useRef","useState","useEffect","StyleSheet","View","Keyboard","useSelector","Easing","KeyboardState","cancelAnimation","runOnJS","useSharedValue","withTiming","Gesture","GestureDetector","HeaderFooterHideDelayMs","PipModes","Footer","DisplayView","Header","useIsHLSViewer","useKeyboardState","HMSStatusBar","AnimatedFooter","HLSFooter","AnimatedHeader","MeetingScreenContent","peerTrackNodes","offset","isHLSViewer","timerIdRef","controlsHidden","setControlsHidden","isPipModeActive","state","app","pipModeStatus","ACTIVE","keyboardState","dismissKeyboard","dismiss","clearTimer","current","clearTimeout","toggleControls","fromTimeout","value","OPEN","OPENING","duration","easing","ease","finished","setTimeout","tapGesture","Tap","onEnd","requireExternalGestureToFail","createElement","style","styles","container","hidden","barStyle","gesture","collapsable","transparent","showControls","create","flex","position","takeLessSpaceAsItCan","reconnectionWrapper"],"sourceRoot":"../../../src","sources":["components/MeetingScreenContent.tsx"],"mappings":"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"}
|