@100mslive/react-native-room-kit 1.1.7 → 1.1.9-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/HMSInstanceSetup.js +11 -5
- package/lib/commonjs/HMSInstanceSetup.js.map +1 -1
- package/lib/commonjs/HMSRoomSetup.js +8 -0
- package/lib/commonjs/HMSRoomSetup.js.map +1 -1
- package/lib/commonjs/Icons/AddImage/assets/add-image.png +0 -0
- package/lib/commonjs/Icons/AddImage/assets/add-image@2x.png +0 -0
- package/lib/commonjs/Icons/AddImage/assets/add-image@3x.png +0 -0
- package/lib/commonjs/Icons/AddImage/index.js +33 -0
- package/lib/commonjs/Icons/AddImage/index.js.map +1 -0
- package/lib/commonjs/Icons/BlurPeople/assets/blur-people.png +0 -0
- package/lib/commonjs/Icons/BlurPeople/assets/blur-people@2x.png +0 -0
- package/lib/commonjs/Icons/BlurPeople/assets/blur-people@3x.png +0 -0
- package/lib/commonjs/Icons/BlurPeople/index.js +33 -0
- package/lib/commonjs/Icons/BlurPeople/index.js.map +1 -0
- package/lib/commonjs/Icons/CrossCircle/assets/cross-circle-large.png +0 -0
- package/lib/commonjs/Icons/CrossCircle/assets/cross-circle-large@2x.png +0 -0
- package/lib/commonjs/Icons/CrossCircle/assets/cross-circle-large@3x.png +0 -0
- package/lib/commonjs/Icons/CrossCircle/index.js +7 -2
- package/lib/commonjs/Icons/CrossCircle/index.js.map +1 -1
- package/lib/commonjs/Icons/Pencil/assets/pencil-board.png +0 -0
- package/lib/commonjs/Icons/Pencil/assets/pencil-board@2x.png +0 -0
- package/lib/commonjs/Icons/Pencil/assets/pencil-board@3x.png +0 -0
- package/lib/commonjs/Icons/Pencil/index.js +2 -1
- package/lib/commonjs/Icons/Pencil/index.js.map +1 -1
- package/lib/commonjs/Icons/VirtualBackground/assets/virtual-background.png +0 -0
- package/lib/commonjs/Icons/VirtualBackground/assets/virtual-background@2x.png +0 -0
- package/lib/commonjs/Icons/VirtualBackground/assets/virtual-background@3x.png +0 -0
- package/lib/commonjs/Icons/VirtualBackground/index.js +33 -0
- package/lib/commonjs/Icons/VirtualBackground/index.js.map +1 -0
- package/lib/commonjs/Icons/index.js +33 -0
- package/lib/commonjs/Icons/index.js.map +1 -1
- package/lib/commonjs/components/Chat/ChatMessage.js +13 -1
- package/lib/commonjs/components/Chat/ChatMessage.js.map +1 -1
- package/lib/commonjs/components/DisplayView.js +2 -1
- package/lib/commonjs/components/DisplayView.js.map +1 -1
- package/lib/commonjs/components/Footer.js +1 -1
- package/lib/commonjs/components/Footer.js.map +1 -1
- package/lib/commonjs/components/FullScreenWhiteboard.js +58 -0
- package/lib/commonjs/components/FullScreenWhiteboard.js.map +1 -0
- package/lib/commonjs/components/GridView.js +6 -4
- package/lib/commonjs/components/GridView.js.map +1 -1
- package/lib/commonjs/components/HLSChatView.js +7 -2
- package/lib/commonjs/components/HLSChatView.js.map +1 -1
- package/lib/commonjs/components/HLSDescriptionPane.js +3 -29
- package/lib/commonjs/components/HLSDescriptionPane.js.map +1 -1
- package/lib/commonjs/components/HLSPlayerContainer.js +4 -1
- package/lib/commonjs/components/HLSPlayerContainer.js.map +1 -1
- package/lib/commonjs/components/HMSHLSMessage.js +14 -1
- package/lib/commonjs/components/HMSHLSMessage.js.map +1 -1
- package/lib/commonjs/components/HMSManageCameraRotation.js +11 -4
- package/lib/commonjs/components/HMSManageCameraRotation.js.map +1 -1
- package/lib/commonjs/components/HMSManageLocalVideo.js +11 -4
- package/lib/commonjs/components/HMSManageLocalVideo.js.map +1 -1
- package/lib/commonjs/components/HMSManageVirtualBackground.js +55 -0
- package/lib/commonjs/components/HMSManageVirtualBackground.js.map +1 -0
- package/lib/commonjs/components/HMSOverlayMessageView.js +14 -1
- package/lib/commonjs/components/HMSOverlayMessageView.js.map +1 -1
- package/lib/commonjs/components/HMSRoomOptions.js +2 -1
- package/lib/commonjs/components/HMSRoomOptions.js.map +1 -1
- package/lib/commonjs/components/MeetingScreenContent.js +22 -2
- package/lib/commonjs/components/MeetingScreenContent.js.map +1 -1
- package/lib/commonjs/components/Preview.js +8 -3
- package/lib/commonjs/components/Preview.js.map +1 -1
- package/lib/commonjs/components/RoomSettingsModalContent.js +91 -6
- package/lib/commonjs/components/RoomSettingsModalContent.js.map +1 -1
- package/lib/commonjs/components/TilesContainer.js +4 -4
- package/lib/commonjs/components/TilesContainer.js.map +1 -1
- package/lib/commonjs/components/VirtualBackgroundBottomSheet.js +52 -0
- package/lib/commonjs/components/VirtualBackgroundBottomSheet.js.map +1 -0
- package/lib/commonjs/components/VirtualBackgroundModalContent.js +364 -0
- package/lib/commonjs/components/VirtualBackgroundModalContent.js.map +1 -0
- package/lib/commonjs/components/WebrtcView.js +2 -2
- package/lib/commonjs/components/WebrtcView.js.map +1 -1
- package/lib/commonjs/components/Whiteboard.js +72 -0
- package/lib/commonjs/components/Whiteboard.js.map +1 -0
- package/lib/commonjs/components/WhiteboardContainer.js +35 -0
- package/lib/commonjs/components/WhiteboardContainer.js.map +1 -0
- package/lib/commonjs/components/WhiteboardFullScreenButton.js +42 -0
- package/lib/commonjs/components/WhiteboardFullScreenButton.js.map +1 -0
- package/lib/commonjs/hooks-util.js +36 -6
- package/lib/commonjs/hooks-util.js.map +1 -1
- package/lib/commonjs/modules/imagePickerWrapper.js +19 -0
- package/lib/commonjs/modules/imagePickerWrapper.js.map +1 -0
- package/lib/commonjs/modules/videoPluginWrapper.js +13 -0
- package/lib/commonjs/modules/videoPluginWrapper.js.map +1 -0
- package/lib/commonjs/redux/actionTypes.js +6 -0
- package/lib/commonjs/redux/actionTypes.js.map +1 -1
- package/lib/commonjs/redux/actions/index.js +27 -3
- package/lib/commonjs/redux/actions/index.js.map +1 -1
- package/lib/commonjs/redux/reducers/appState.js +17 -1
- package/lib/commonjs/redux/reducers/appState.js.map +1 -1
- package/lib/commonjs/redux/reducers/hmsStates.js +13 -1
- package/lib/commonjs/redux/reducers/hmsStates.js.map +1 -1
- package/lib/commonjs/utils/functions.js +33 -1
- package/lib/commonjs/utils/functions.js.map +1 -1
- package/lib/commonjs/utils/types.js +1 -0
- package/lib/commonjs/utils/types.js.map +1 -1
- package/lib/module/HMSInstanceSetup.js +12 -6
- package/lib/module/HMSInstanceSetup.js.map +1 -1
- package/lib/module/HMSRoomSetup.js +10 -2
- package/lib/module/HMSRoomSetup.js.map +1 -1
- package/lib/module/Icons/AddImage/assets/add-image.png +0 -0
- package/lib/module/Icons/AddImage/assets/add-image@2x.png +0 -0
- package/lib/module/Icons/AddImage/assets/add-image@3x.png +0 -0
- package/lib/module/Icons/AddImage/index.js +25 -0
- package/lib/module/Icons/AddImage/index.js.map +1 -0
- package/lib/module/Icons/BlurPeople/assets/blur-people.png +0 -0
- package/lib/module/Icons/BlurPeople/assets/blur-people@2x.png +0 -0
- package/lib/module/Icons/BlurPeople/assets/blur-people@3x.png +0 -0
- package/lib/module/Icons/BlurPeople/index.js +25 -0
- package/lib/module/Icons/BlurPeople/index.js.map +1 -0
- package/lib/module/Icons/CrossCircle/assets/cross-circle-large.png +0 -0
- package/lib/module/Icons/CrossCircle/assets/cross-circle-large@2x.png +0 -0
- package/lib/module/Icons/CrossCircle/assets/cross-circle-large@3x.png +0 -0
- package/lib/module/Icons/CrossCircle/index.js +7 -2
- package/lib/module/Icons/CrossCircle/index.js.map +1 -1
- package/lib/module/Icons/Pencil/assets/pencil-board.png +0 -0
- package/lib/module/Icons/Pencil/assets/pencil-board@2x.png +0 -0
- package/lib/module/Icons/Pencil/assets/pencil-board@3x.png +0 -0
- package/lib/module/Icons/Pencil/index.js +2 -1
- package/lib/module/Icons/Pencil/index.js.map +1 -1
- package/lib/module/Icons/VirtualBackground/assets/virtual-background.png +0 -0
- package/lib/module/Icons/VirtualBackground/assets/virtual-background@2x.png +0 -0
- package/lib/module/Icons/VirtualBackground/assets/virtual-background@3x.png +0 -0
- package/lib/module/Icons/VirtualBackground/index.js +25 -0
- package/lib/module/Icons/VirtualBackground/index.js.map +1 -0
- package/lib/module/Icons/index.js +3 -0
- package/lib/module/Icons/index.js.map +1 -1
- package/lib/module/components/Chat/ChatMessage.js +15 -3
- package/lib/module/components/Chat/ChatMessage.js.map +1 -1
- package/lib/module/components/DisplayView.js +2 -1
- package/lib/module/components/DisplayView.js.map +1 -1
- package/lib/module/components/Footer.js +1 -1
- package/lib/module/components/Footer.js.map +1 -1
- package/lib/module/components/FullScreenWhiteboard.js +48 -0
- package/lib/module/components/FullScreenWhiteboard.js.map +1 -0
- package/lib/module/components/GridView.js +6 -4
- package/lib/module/components/GridView.js.map +1 -1
- package/lib/module/components/HLSChatView.js +7 -2
- package/lib/module/components/HLSChatView.js.map +1 -1
- package/lib/module/components/HLSDescriptionPane.js +2 -28
- package/lib/module/components/HLSDescriptionPane.js.map +1 -1
- package/lib/module/components/HLSPlayerContainer.js +4 -1
- package/lib/module/components/HLSPlayerContainer.js.map +1 -1
- package/lib/module/components/HMSHLSMessage.js +15 -2
- package/lib/module/components/HMSHLSMessage.js.map +1 -1
- package/lib/module/components/HMSManageCameraRotation.js +11 -4
- package/lib/module/components/HMSManageCameraRotation.js.map +1 -1
- package/lib/module/components/HMSManageLocalVideo.js +11 -4
- package/lib/module/components/HMSManageLocalVideo.js.map +1 -1
- package/lib/module/components/HMSManageVirtualBackground.js +46 -0
- package/lib/module/components/HMSManageVirtualBackground.js.map +1 -0
- package/lib/module/components/HMSOverlayMessageView.js +15 -2
- package/lib/module/components/HMSOverlayMessageView.js.map +1 -1
- package/lib/module/components/HMSRoomOptions.js +2 -1
- package/lib/module/components/HMSRoomOptions.js.map +1 -1
- package/lib/module/components/MeetingScreenContent.js +23 -3
- package/lib/module/components/MeetingScreenContent.js.map +1 -1
- package/lib/module/components/Preview.js +8 -3
- package/lib/module/components/Preview.js.map +1 -1
- package/lib/module/components/RoomSettingsModalContent.js +94 -9
- package/lib/module/components/RoomSettingsModalContent.js.map +1 -1
- package/lib/module/components/TilesContainer.js +4 -4
- package/lib/module/components/TilesContainer.js.map +1 -1
- package/lib/module/components/VirtualBackgroundBottomSheet.js +43 -0
- package/lib/module/components/VirtualBackgroundBottomSheet.js.map +1 -0
- package/lib/module/components/VirtualBackgroundModalContent.js +355 -0
- package/lib/module/components/VirtualBackgroundModalContent.js.map +1 -0
- package/lib/module/components/WebrtcView.js +2 -2
- package/lib/module/components/WebrtcView.js.map +1 -1
- package/lib/module/components/Whiteboard.js +64 -0
- package/lib/module/components/Whiteboard.js.map +1 -0
- package/lib/module/components/WhiteboardContainer.js +27 -0
- package/lib/module/components/WhiteboardContainer.js.map +1 -0
- package/lib/module/components/WhiteboardFullScreenButton.js +33 -0
- package/lib/module/components/WhiteboardFullScreenButton.js.map +1 -0
- package/lib/module/hooks-util.js +36 -6
- package/lib/module/hooks-util.js.map +1 -1
- package/lib/module/modules/imagePickerWrapper.js +14 -0
- package/lib/module/modules/imagePickerWrapper.js.map +1 -0
- package/lib/module/modules/videoPluginWrapper.js +8 -0
- package/lib/module/modules/videoPluginWrapper.js.map +1 -0
- package/lib/module/redux/actionTypes.js +6 -0
- package/lib/module/redux/actionTypes.js.map +1 -1
- package/lib/module/redux/actions/index.js +20 -0
- package/lib/module/redux/actions/index.js.map +1 -1
- package/lib/module/redux/reducers/appState.js +17 -1
- package/lib/module/redux/reducers/appState.js.map +1 -1
- package/lib/module/redux/reducers/hmsStates.js +13 -1
- package/lib/module/redux/reducers/hmsStates.js.map +1 -1
- package/lib/module/utils/functions.js +29 -1
- package/lib/module/utils/functions.js.map +1 -1
- package/lib/module/utils/types.js +1 -0
- package/lib/module/utils/types.js.map +1 -1
- package/lib/typescript/HMSInstanceSetup.d.ts.map +1 -1
- package/lib/typescript/HMSRoomSetup.d.ts.map +1 -1
- package/lib/typescript/Icons/AddImage/index.d.ts +7 -0
- package/lib/typescript/Icons/AddImage/index.d.ts.map +1 -0
- package/lib/typescript/Icons/BlurPeople/index.d.ts +7 -0
- package/lib/typescript/Icons/BlurPeople/index.d.ts.map +1 -0
- package/lib/typescript/Icons/CrossCircle/index.d.ts +1 -0
- package/lib/typescript/Icons/CrossCircle/index.d.ts.map +1 -1
- package/lib/typescript/Icons/Pencil/index.d.ts +1 -0
- package/lib/typescript/Icons/Pencil/index.d.ts.map +1 -1
- package/lib/typescript/Icons/VirtualBackground/index.d.ts +7 -0
- package/lib/typescript/Icons/VirtualBackground/index.d.ts.map +1 -0
- package/lib/typescript/Icons/index.d.ts +3 -0
- package/lib/typescript/Icons/index.d.ts.map +1 -1
- package/lib/typescript/components/Chat/ChatMessage.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/FullScreenWhiteboard.d.ts +3 -0
- package/lib/typescript/components/FullScreenWhiteboard.d.ts.map +1 -0
- package/lib/typescript/components/GridView.d.ts.map +1 -1
- package/lib/typescript/components/HLSChatView.d.ts.map +1 -1
- package/lib/typescript/components/HLSDescriptionPane.d.ts.map +1 -1
- package/lib/typescript/components/HLSPlayerContainer.d.ts.map +1 -1
- package/lib/typescript/components/HMSHLSMessage.d.ts.map +1 -1
- package/lib/typescript/components/HMSManageCameraRotation.d.ts +8 -1
- package/lib/typescript/components/HMSManageCameraRotation.d.ts.map +1 -1
- package/lib/typescript/components/HMSManageLocalVideo.d.ts +8 -1
- package/lib/typescript/components/HMSManageLocalVideo.d.ts.map +1 -1
- package/lib/typescript/components/HMSManageVirtualBackground.d.ts +8 -0
- package/lib/typescript/components/HMSManageVirtualBackground.d.ts.map +1 -0
- package/lib/typescript/components/HMSOverlayMessageView.d.ts.map +1 -1
- package/lib/typescript/components/HMSRoomOptions.d.ts.map +1 -1
- package/lib/typescript/components/MeetingScreenContent.d.ts.map +1 -1
- package/lib/typescript/components/Preview.d.ts.map +1 -1
- package/lib/typescript/components/RoomSettingsModalContent.d.ts.map +1 -1
- package/lib/typescript/components/TilesContainer.d.ts.map +1 -1
- package/lib/typescript/components/VirtualBackgroundBottomSheet.d.ts +3 -0
- package/lib/typescript/components/VirtualBackgroundBottomSheet.d.ts.map +1 -0
- package/lib/typescript/components/VirtualBackgroundModalContent.d.ts +6 -0
- package/lib/typescript/components/VirtualBackgroundModalContent.d.ts.map +1 -0
- package/lib/typescript/components/WebrtcView.d.ts.map +1 -1
- package/lib/typescript/components/Whiteboard.d.ts +6 -0
- package/lib/typescript/components/Whiteboard.d.ts.map +1 -0
- package/lib/typescript/components/WhiteboardContainer.d.ts +6 -0
- package/lib/typescript/components/WhiteboardContainer.d.ts.map +1 -0
- package/lib/typescript/components/WhiteboardFullScreenButton.d.ts +5 -0
- package/lib/typescript/components/WhiteboardFullScreenButton.d.ts.map +1 -0
- package/lib/typescript/hooks-util.d.ts.map +1 -1
- package/lib/typescript/modules/imagePickerWrapper.d.ts +6 -0
- package/lib/typescript/modules/imagePickerWrapper.d.ts.map +1 -0
- package/lib/typescript/modules/videoPluginWrapper.d.ts +19 -0
- package/lib/typescript/modules/videoPluginWrapper.d.ts.map +1 -0
- package/lib/typescript/redux/actionTypes.d.ts +4 -0
- package/lib/typescript/redux/actionTypes.d.ts.map +1 -1
- package/lib/typescript/redux/actions/index.d.ts +22 -1
- package/lib/typescript/redux/actions/index.d.ts.map +1 -1
- package/lib/typescript/redux/index.d.ts +4 -0
- package/lib/typescript/redux/index.d.ts.map +1 -1
- package/lib/typescript/redux/reducers/appState.d.ts +2 -0
- package/lib/typescript/redux/reducers/appState.d.ts.map +1 -1
- package/lib/typescript/redux/reducers/hmsStates.d.ts +13 -2
- package/lib/typescript/redux/reducers/hmsStates.d.ts.map +1 -1
- package/lib/typescript/redux/reducers/index.d.ts +4 -0
- package/lib/typescript/redux/reducers/index.d.ts.map +1 -1
- package/lib/typescript/utils/functions.d.ts +2 -0
- package/lib/typescript/utils/functions.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 +10 -3
- package/src/HMSInstanceSetup.tsx +17 -4
- package/src/HMSRoomSetup.tsx +21 -0
- package/src/Icons/AddImage/assets/add-image.png +0 -0
- package/src/Icons/AddImage/assets/add-image@2x.png +0 -0
- package/src/Icons/AddImage/assets/add-image@3x.png +0 -0
- package/src/Icons/AddImage/index.tsx +33 -0
- package/src/Icons/BlurPeople/assets/blur-people.png +0 -0
- package/src/Icons/BlurPeople/assets/blur-people@2x.png +0 -0
- package/src/Icons/BlurPeople/assets/blur-people@3x.png +0 -0
- package/src/Icons/BlurPeople/index.tsx +33 -0
- package/src/Icons/CrossCircle/assets/cross-circle-large.png +0 -0
- package/src/Icons/CrossCircle/assets/cross-circle-large@2x.png +0 -0
- package/src/Icons/CrossCircle/assets/cross-circle-large@3x.png +0 -0
- package/src/Icons/CrossCircle/index.tsx +19 -3
- package/src/Icons/Pencil/assets/pencil-board.png +0 -0
- package/src/Icons/Pencil/assets/pencil-board@2x.png +0 -0
- package/src/Icons/Pencil/assets/pencil-board@3x.png +0 -0
- package/src/Icons/Pencil/index.tsx +9 -2
- package/src/Icons/VirtualBackground/assets/virtual-background.png +0 -0
- package/src/Icons/VirtualBackground/assets/virtual-background@2x.png +0 -0
- package/src/Icons/VirtualBackground/assets/virtual-background@3x.png +0 -0
- package/src/Icons/VirtualBackground/index.tsx +33 -0
- package/src/Icons/index.ts +3 -0
- package/src/components/Chat/ChatMessage.tsx +19 -2
- package/src/components/DisplayView.tsx +3 -0
- package/src/components/Footer.tsx +5 -2
- package/src/components/FullScreenWhiteboard.tsx +59 -0
- package/src/components/GridView.tsx +14 -5
- package/src/components/HLSChatView.tsx +7 -4
- package/src/components/HLSDescriptionPane.tsx +2 -33
- package/src/components/HLSPlayerContainer.tsx +15 -7
- package/src/components/HMSHLSMessage.tsx +16 -1
- package/src/components/HMSManageCameraRotation.tsx +18 -4
- package/src/components/HMSManageLocalVideo.tsx +20 -4
- package/src/components/HMSManageVirtualBackground.tsx +76 -0
- package/src/components/HMSOverlayMessageView.tsx +16 -1
- package/src/components/HMSRoomOptions.tsx +3 -0
- package/src/components/MeetingScreenContent.tsx +28 -2
- package/src/components/Preview.tsx +12 -5
- package/src/components/RoomSettingsModalContent.tsx +108 -2
- package/src/components/TilesContainer.tsx +7 -5
- package/src/components/VirtualBackgroundBottomSheet.tsx +62 -0
- package/src/components/VirtualBackgroundModalContent.tsx +500 -0
- package/src/components/WebrtcView.tsx +11 -4
- package/src/components/Whiteboard.tsx +101 -0
- package/src/components/WhiteboardContainer.tsx +35 -0
- package/src/components/WhiteboardFullScreenButton.tsx +52 -0
- package/src/hooks-util.ts +41 -9
- package/src/modules/imagePickerWrapper.ts +20 -0
- package/src/modules/videoPluginWrapper.ts +32 -0
- package/src/redux/actionTypes.ts +8 -0
- package/src/redux/actions/index.ts +22 -0
- package/src/redux/reducers/appState.ts +16 -0
- package/src/redux/reducers/hmsStates.ts +29 -1
- package/src/utils/{functions.ts → functions.tsx} +34 -0
- package/src/utils/types.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useSelector","RotateCameraIcon","useCanPublishVideo","useHMSActions","PressableIcon","useHMSRoomStyle","TestIds","HMSManageCameraRotation","canPublishVideo","createElement","RotateCameraButton","hmsActions","isLocalVideoMuted","state","hmsStates","handleVideoMuteTogglePress","switchCamera","cameraIconStyles","theme","tintColor","palette","on_surface_low","on_surface_high","testID","switch_camera_disabled","switch_camera","onPress","disabled"
|
|
1
|
+
{"version":3,"names":["React","useSelector","RotateCameraIcon","useCanPublishVideo","useHMSActions","PressableIcon","useHMSRoomStyle","TestIds","HMSManageCameraRotation","style","canPublishVideo","createElement","RotateCameraButton","hmsActions","isLocalVideoMuted","state","hmsStates","handleVideoMuteTogglePress","switchCamera","cameraIconStyles","theme","tintColor","palette","on_surface_low","on_surface_high","testID","switch_camera_disabled","switch_camera","onPress","disabled"],"sourceRoot":"../../../src","sources":["components/HMSManageCameraRotation.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;AAEhE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,eAAe,QAAQ,eAAe;AAC/C,SAASC,OAAO,QAAQ,oBAAoB;AAI5C,OAAO,MAAMC,uBAEZ,GAAGA,CAAC;EAAEC;AAAM,CAAC,KAAK;EACjB,MAAMC,eAAe,GAAGP,kBAAkB,CAAC,CAAC;EAE5C,IAAI,CAACO,eAAe,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,oBAAOV,KAAA,CAAAW,aAAA,CAACC,kBAAkB;IAACH,KAAK,EAAEA;EAAM,CAAE,CAAC;AAC7C,CAAC;AAMD,MAAMG,kBAAqD,GAAGA,CAAC;EAAEH;AAAM,CAAC,KAAK;EAC3E,MAAMI,UAAU,GAAGT,aAAa,CAAC,CAAC;EAClC;EACA,MAAMU,iBAAiB,GAAGb,WAAW,CAClCc,KAAgB,IAAKA,KAAK,CAACC,SAAS,CAACF,iBACxC,CAAC;EAED,MAAMG,0BAA0B,GAAG,MAAAA,CAAA,KAAY;IAC7C,IAAIH,iBAAiB,EAAE;MACrB;IACF;IACA,MAAMD,UAAU,CAACK,YAAY,CAAC,CAAC;EACjC,CAAC;EAED,MAAMC,gBAAgB,GAAGb,eAAe,CACrCc,KAAK,KAAM;IACVC,SAAS,EAAEP,iBAAiB,GACxBM,KAAK,CAACE,OAAO,CAACC,cAAc,GAC5BH,KAAK,CAACE,OAAO,CAACE;EACpB,CAAC,CAAC,EACF,CAACV,iBAAiB,CACpB,CAAC;EAED,oBACEd,KAAA,CAAAW,aAAA,CAACN,aAAa;IACZoB,MAAM,EACJX,iBAAiB,GACbP,OAAO,CAACmB,sBAAsB,GAC9BnB,OAAO,CAACoB,aACb;IACDC,OAAO,EAAEX,0BAA2B;IACpCY,QAAQ,EAAEf,iBAAkB;IAC5BL,KAAK,EAAEA;EAAM,gBAEbT,KAAA,CAAAW,aAAA,CAACT,gBAAgB;IAACO,KAAK,EAAEU;EAAiB,CAAE,CAC/B,CAAC;AAEpB,CAAC","ignoreList":[]}
|
|
@@ -4,14 +4,20 @@ import { useCanPublishVideo, useHMSActions } from '../hooks-sdk';
|
|
|
4
4
|
import { PressableIcon } from './PressableIcon';
|
|
5
5
|
import { CameraIcon } from '../Icons';
|
|
6
6
|
import { TestIds } from '../utils/constants';
|
|
7
|
-
export const HMSManageLocalVideo = (
|
|
7
|
+
export const HMSManageLocalVideo = ({
|
|
8
|
+
style
|
|
9
|
+
}) => {
|
|
8
10
|
const canPublishVideo = useCanPublishVideo();
|
|
9
11
|
if (!canPublishVideo) {
|
|
10
12
|
return null;
|
|
11
13
|
}
|
|
12
|
-
return /*#__PURE__*/React.createElement(ToggleVideoMuteButton,
|
|
14
|
+
return /*#__PURE__*/React.createElement(ToggleVideoMuteButton, {
|
|
15
|
+
style: style
|
|
16
|
+
});
|
|
13
17
|
};
|
|
14
|
-
const ToggleVideoMuteButton = (
|
|
18
|
+
const ToggleVideoMuteButton = ({
|
|
19
|
+
style
|
|
20
|
+
}) => {
|
|
15
21
|
const hmsActions = useHMSActions();
|
|
16
22
|
// TODO: set initial `isLocalVideoMuted` state value as per initial track setting
|
|
17
23
|
const isLocalVideoMuted = useSelector(state => state.hmsStates.isLocalVideoMuted);
|
|
@@ -23,7 +29,8 @@ const ToggleVideoMuteButton = () => {
|
|
|
23
29
|
return /*#__PURE__*/React.createElement(PressableIcon, {
|
|
24
30
|
testID: !!isLocalVideoMuted ? TestIds.camera_muted_btn : TestIds.camera_unmuted_btn,
|
|
25
31
|
onPress: handleVideoMuteTogglePress,
|
|
26
|
-
active: isLocalVideoMuted
|
|
32
|
+
active: isLocalVideoMuted,
|
|
33
|
+
style: style
|
|
27
34
|
}, /*#__PURE__*/React.createElement(CameraIcon, {
|
|
28
35
|
muted: !!isLocalVideoMuted
|
|
29
36
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useSelector","useCanPublishVideo","useHMSActions","PressableIcon","CameraIcon","TestIds","HMSManageLocalVideo","canPublishVideo","createElement","ToggleVideoMuteButton","hmsActions","isLocalVideoMuted","state","hmsStates","handleVideoMuteTogglePress","setLocalVideoEnabled","testID","camera_muted_btn","camera_unmuted_btn","onPress","active","muted"],"sourceRoot":"../../../src","sources":["components/HMSManageLocalVideo.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;
|
|
1
|
+
{"version":3,"names":["React","useSelector","useCanPublishVideo","useHMSActions","PressableIcon","CameraIcon","TestIds","HMSManageLocalVideo","style","canPublishVideo","createElement","ToggleVideoMuteButton","hmsActions","isLocalVideoMuted","state","hmsStates","handleVideoMuteTogglePress","setLocalVideoEnabled","testID","camera_muted_btn","camera_unmuted_btn","onPress","active","muted"],"sourceRoot":"../../../src","sources":["components/HMSManageLocalVideo.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AAIzC,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;AAChE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,UAAU;AACrC,SAASC,OAAO,QAAQ,oBAAoB;AAI5C,OAAO,MAAMC,mBAAuD,GAAGA,CAAC;EACtEC;AACF,CAAC,KAAK;EACJ,MAAMC,eAAe,GAAGP,kBAAkB,CAAC,CAAC;EAE5C,IAAI,CAACO,eAAe,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,oBAAOT,KAAA,CAAAU,aAAA,CAACC,qBAAqB;IAACH,KAAK,EAAEA;EAAM,CAAE,CAAC;AAChD,CAAC;AAMD,MAAMG,qBAA2D,GAAGA,CAAC;EACnEH;AACF,CAAC,KAAK;EACJ,MAAMI,UAAU,GAAGT,aAAa,CAAC,CAAC;EAClC;EACA,MAAMU,iBAAiB,GAAGZ,WAAW,CAClCa,KAAgB,IAAKA,KAAK,CAACC,SAAS,CAACF,iBACxC,CAAC;EAED,MAAMG,0BAA0B,GAAG,MAAAA,CAAA,KAAY;IAC7C;IACA;IACA,MAAMJ,UAAU,CAACK,oBAAoB,CAAC,CAACJ,iBAAiB,CAAC;EAC3D,CAAC;EAED,oBACEb,KAAA,CAAAU,aAAA,CAACN,aAAa;IACZc,MAAM,EACJ,CAAC,CAACL,iBAAiB,GACfP,OAAO,CAACa,gBAAgB,GACxBb,OAAO,CAACc,kBACb;IACDC,OAAO,EAAEL,0BAA2B;IACpCM,MAAM,EAAET,iBAAkB;IAC1BL,KAAK,EAAEA;EAAM,gBAEbR,KAAA,CAAAU,aAAA,CAACL,UAAU;IAACkB,KAAK,EAAE,CAAC,CAACV;EAAkB,CAAE,CAC5B,CAAC;AAEpB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { useSelector } from 'react-redux';
|
|
3
|
+
import { VirtualBackgroundIcon } from '../Icons';
|
|
4
|
+
import { useCanPublishVideo } from '../hooks-sdk';
|
|
5
|
+
import { PressableIcon } from './PressableIcon';
|
|
6
|
+
import { useHMSRoomStyle, useModalType } from '../hooks-util';
|
|
7
|
+
import { VirtualBackgroundBottomSheet } from './VirtualBackgroundBottomSheet';
|
|
8
|
+
import { ModalTypes } from '../utils/types';
|
|
9
|
+
export const HMSManageVirtualBackground = ({
|
|
10
|
+
style
|
|
11
|
+
}) => {
|
|
12
|
+
const canPublishVideo = useCanPublishVideo();
|
|
13
|
+
const videoPluginExists = useSelector(state => !!state.hmsStates.videoPlugin);
|
|
14
|
+
if (!canPublishVideo || !videoPluginExists) {
|
|
15
|
+
return null;
|
|
16
|
+
}
|
|
17
|
+
return /*#__PURE__*/React.createElement(VirtualBackgroundButton, {
|
|
18
|
+
style: style
|
|
19
|
+
});
|
|
20
|
+
};
|
|
21
|
+
const VirtualBackgroundButton = ({
|
|
22
|
+
style
|
|
23
|
+
}) => {
|
|
24
|
+
const {
|
|
25
|
+
handleModalVisibleType
|
|
26
|
+
} = useModalType();
|
|
27
|
+
const isLocalVideoMuted = useSelector(state => state.hmsStates.isLocalVideoMuted);
|
|
28
|
+
const videoPluginExists = useSelector(state => !!state.hmsStates.videoPlugin);
|
|
29
|
+
const handleVideoMuteTogglePress = async () => {
|
|
30
|
+
if (isLocalVideoMuted || !videoPluginExists) {
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
handleModalVisibleType(ModalTypes.VIRTUAL_BACKGROUND);
|
|
34
|
+
};
|
|
35
|
+
const cameraIconStyles = useHMSRoomStyle(theme => ({
|
|
36
|
+
tintColor: isLocalVideoMuted ? theme.palette.on_surface_low : theme.palette.on_surface_high
|
|
37
|
+
}), [isLocalVideoMuted]);
|
|
38
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PressableIcon, {
|
|
39
|
+
onPress: handleVideoMuteTogglePress,
|
|
40
|
+
disabled: isLocalVideoMuted,
|
|
41
|
+
style: style
|
|
42
|
+
}, /*#__PURE__*/React.createElement(VirtualBackgroundIcon, {
|
|
43
|
+
style: cameraIconStyles
|
|
44
|
+
})), /*#__PURE__*/React.createElement(VirtualBackgroundBottomSheet, null));
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=HMSManageVirtualBackground.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useSelector","VirtualBackgroundIcon","useCanPublishVideo","PressableIcon","useHMSRoomStyle","useModalType","VirtualBackgroundBottomSheet","ModalTypes","HMSManageVirtualBackground","style","canPublishVideo","videoPluginExists","state","hmsStates","videoPlugin","createElement","VirtualBackgroundButton","handleModalVisibleType","isLocalVideoMuted","handleVideoMuteTogglePress","VIRTUAL_BACKGROUND","cameraIconStyles","theme","tintColor","palette","on_surface_low","on_surface_high","Fragment","onPress","disabled"],"sourceRoot":"../../../src","sources":["components/HMSManageVirtualBackground.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,qBAAqB,QAAQ,UAAU;AAChD,SAASC,kBAAkB,QAAQ,cAAc;AAEjD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,eAAe,EAAEC,YAAY,QAAQ,eAAe;AAC7D,SAASC,4BAA4B,QAAQ,gCAAgC;AAC7E,SAASC,UAAU,QAAQ,gBAAgB;AAM3C,OAAO,MAAMC,0BAEZ,GAAGA,CAAC;EAAEC;AAAM,CAAC,KAAK;EACjB,MAAMC,eAAe,GAAGR,kBAAkB,CAAC,CAAC;EAC5C,MAAMS,iBAAiB,GAAGX,WAAW,CAClCY,KAAgB,IAAK,CAAC,CAACA,KAAK,CAACC,SAAS,CAACC,WAC1C,CAAC;EAED,IAAI,CAACJ,eAAe,IAAI,CAACC,iBAAiB,EAAE;IAC1C,OAAO,IAAI;EACb;EAEA,oBAAOZ,KAAA,CAAAgB,aAAA,CAACC,uBAAuB;IAACP,KAAK,EAAEA;EAAM,CAAE,CAAC;AAClD,CAAC;AAMD,MAAMO,uBAA+D,GAAGA,CAAC;EACvEP;AACF,CAAC,KAAK;EACJ,MAAM;IAAEQ;EAAuB,CAAC,GAAGZ,YAAY,CAAC,CAAC;EACjD,MAAMa,iBAAiB,GAAGlB,WAAW,CAClCY,KAAgB,IAAKA,KAAK,CAACC,SAAS,CAACK,iBACxC,CAAC;EACD,MAAMP,iBAAiB,GAAGX,WAAW,CAClCY,KAAgB,IAAK,CAAC,CAACA,KAAK,CAACC,SAAS,CAACC,WAC1C,CAAC;EAED,MAAMK,0BAA0B,GAAG,MAAAA,CAAA,KAAY;IAC7C,IAAID,iBAAiB,IAAI,CAACP,iBAAiB,EAAE;MAC3C;IACF;IACAM,sBAAsB,CAACV,UAAU,CAACa,kBAAkB,CAAC;EACvD,CAAC;EAED,MAAMC,gBAAgB,GAAGjB,eAAe,CACrCkB,KAAK,KAAM;IACVC,SAAS,EAAEL,iBAAiB,GACxBI,KAAK,CAACE,OAAO,CAACC,cAAc,GAC5BH,KAAK,CAACE,OAAO,CAACE;EACpB,CAAC,CAAC,EACF,CAACR,iBAAiB,CACpB,CAAC;EAED,oBACEnB,KAAA,CAAAgB,aAAA,CAAChB,KAAK,CAAC4B,QAAQ,qBACb5B,KAAA,CAAAgB,aAAA,CAACZ,aAAa;IACZyB,OAAO,EAAET,0BAA2B;IACpCU,QAAQ,EAAEX,iBAAkB;IAC5BT,KAAK,EAAEA;EAAM,gBAEbV,KAAA,CAAAgB,aAAA,CAACd,qBAAqB;IAACQ,KAAK,EAAEY;EAAiB,CAAE,CACpC,CAAC,eAEhBtB,KAAA,CAAAgB,aAAA,CAACT,4BAA4B,MAAE,CACjB,CAAC;AAErB,CAAC","ignoreList":[]}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { useDispatch, useSelector } from 'react-redux';
|
|
3
|
-
import { View, Text, StyleSheet, Platform, TouchableOpacity } from 'react-native';
|
|
3
|
+
import { View, Text, StyleSheet, Platform, TouchableOpacity, Linking } from 'react-native';
|
|
4
4
|
import { Gesture, GestureDetector } from 'react-native-gesture-handler';
|
|
5
5
|
import { useAllowBlockingPeerFromChat, useAllowPinningMessage, useHMSRoomStyleSheet, useModalType } from '../hooks-util';
|
|
6
6
|
import { PinIcon, ThreeDotsIcon } from '../Icons';
|
|
7
7
|
import { setSelectedMessageForAction } from '../redux/actions';
|
|
8
8
|
import { ModalTypes } from '../utils/types';
|
|
9
|
+
import { splitLinksAndContent } from '../utils/functions';
|
|
9
10
|
const _HMSOverlayMessageView = ({
|
|
10
11
|
message
|
|
11
12
|
}) => {
|
|
@@ -41,6 +42,9 @@ const _HMSOverlayMessageView = ({
|
|
|
41
42
|
},
|
|
42
43
|
pinnedLabel: {
|
|
43
44
|
color: '#ffffff'
|
|
45
|
+
},
|
|
46
|
+
link: {
|
|
47
|
+
color: _theme.palette.primary_bright
|
|
44
48
|
}
|
|
45
49
|
}), []);
|
|
46
50
|
const onThreeDotsPress = () => {
|
|
@@ -53,6 +57,12 @@ const _HMSOverlayMessageView = ({
|
|
|
53
57
|
// can block peers, OR
|
|
54
58
|
canRemoveOthers && message.sender && message.sender.peerID !== localPeerId; // can remove participants
|
|
55
59
|
|
|
60
|
+
const handleLinkPress = async url => {
|
|
61
|
+
const canOpen = await Linking.canOpenURL(url);
|
|
62
|
+
if (canOpen) {
|
|
63
|
+
await Linking.openURL(url);
|
|
64
|
+
}
|
|
65
|
+
};
|
|
56
66
|
return /*#__PURE__*/React.createElement(View, {
|
|
57
67
|
style: styles.container
|
|
58
68
|
}, isPinned ? /*#__PURE__*/React.createElement(View, {
|
|
@@ -77,7 +87,10 @@ const _HMSOverlayMessageView = ({
|
|
|
77
87
|
style: [styles.threeDots, hmsRoomStyles.threeDots]
|
|
78
88
|
}))) : null), /*#__PURE__*/React.createElement(Text, {
|
|
79
89
|
style: [styles.message, hmsRoomStyles.message]
|
|
80
|
-
}, message.message
|
|
90
|
+
}, splitLinksAndContent(message.message, {
|
|
91
|
+
pressHandler: handleLinkPress,
|
|
92
|
+
style: hmsRoomStyles.link
|
|
93
|
+
})));
|
|
81
94
|
};
|
|
82
95
|
export const HMSOverlayMessageView = /*#__PURE__*/React.memo(_HMSOverlayMessageView);
|
|
83
96
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useDispatch","useSelector","View","Text","StyleSheet","Platform","TouchableOpacity","Gesture","GestureDetector","useAllowBlockingPeerFromChat","useAllowPinningMessage","useHMSRoomStyleSheet","useModalType","PinIcon","ThreeDotsIcon","setSelectedMessageForAction","ModalTypes","_HMSOverlayMessageView","message","dispatch","handleModalVisibleType","localPeerId","state","_state$hmsStates$loca","hmsStates","localPeer","peerID","allowPinningMessage","allowPeerBlocking","canRemoveOthers","_state$hmsStates$loca2","role","permissions","removeOthers","isPinned","messages","pinnedMessages","findIndex","pinnedMessage","id","messageId","messageSender","sender","hmsRoomStyles","_theme","typography","senderName","color","fontFamily","font_family","textShadowColor","threeDots","tintColor","pinnedLabel","onThreeDotsPress","MESSAGE_OPTIONS","canTakeAction","createElement","style","styles","container","pinLabelContainer","type","pinIcon","nameWrapper","numberOfLines","isLocal","name","gesture","Tap","hitSlop","threeDotsHitSlop","onPress","stack","HMSOverlayMessageView","memo","create","marginTop","width","flexDirection","alignItems","flexGrow","fontSize","lineHeight","OS","undefined","letterSpacing","textShadowOffset","height","textShadowRadius","marginLeft","left","right","top","bottom","marginBottom","marginRight","textTransform"],"sourceRoot":"../../../src","sources":["components/HMSOverlayMessageView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AACtD,SACEC,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,QAAQ,EACRC,gBAAgB,
|
|
1
|
+
{"version":3,"names":["React","useDispatch","useSelector","View","Text","StyleSheet","Platform","TouchableOpacity","Linking","Gesture","GestureDetector","useAllowBlockingPeerFromChat","useAllowPinningMessage","useHMSRoomStyleSheet","useModalType","PinIcon","ThreeDotsIcon","setSelectedMessageForAction","ModalTypes","splitLinksAndContent","_HMSOverlayMessageView","message","dispatch","handleModalVisibleType","localPeerId","state","_state$hmsStates$loca","hmsStates","localPeer","peerID","allowPinningMessage","allowPeerBlocking","canRemoveOthers","_state$hmsStates$loca2","role","permissions","removeOthers","isPinned","messages","pinnedMessages","findIndex","pinnedMessage","id","messageId","messageSender","sender","hmsRoomStyles","_theme","typography","senderName","color","fontFamily","font_family","textShadowColor","threeDots","tintColor","pinnedLabel","link","palette","primary_bright","onThreeDotsPress","MESSAGE_OPTIONS","canTakeAction","handleLinkPress","url","canOpen","canOpenURL","openURL","createElement","style","styles","container","pinLabelContainer","type","pinIcon","nameWrapper","numberOfLines","isLocal","name","gesture","Tap","hitSlop","threeDotsHitSlop","onPress","stack","pressHandler","HMSOverlayMessageView","memo","create","marginTop","width","flexDirection","alignItems","flexGrow","fontSize","lineHeight","OS","undefined","letterSpacing","textShadowOffset","height","textShadowRadius","marginLeft","left","right","top","bottom","marginBottom","marginRight","textTransform"],"sourceRoot":"../../../src","sources":["components/HMSOverlayMessageView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -13,6 +13,7 @@ import { ChangeNameModalContent } from './ChangeNameModalContent';
|
|
|
13
13
|
import { StopRecordingModalContent } from './StopRecordingModalContent';
|
|
14
14
|
import { TestIds } from '../utils/constants';
|
|
15
15
|
import { PollsAndQuizBottomSheet } from './PollsAndQuizBottomSheet';
|
|
16
|
+
import { VirtualBackgroundBottomSheet } from './VirtualBackgroundBottomSheet';
|
|
16
17
|
export const HMSRoomOptions = () => {
|
|
17
18
|
const {
|
|
18
19
|
modalVisibleType: modalVisible,
|
|
@@ -41,7 +42,7 @@ export const HMSRoomOptions = () => {
|
|
|
41
42
|
setAudioDeviceListenerAdded: setAudioDeviceChangeListener,
|
|
42
43
|
setIsAudioShared: setIsAudioShared,
|
|
43
44
|
setMuteAllTracksAudio: setMuteAllTracksAudio
|
|
44
|
-
})), /*#__PURE__*/React.createElement(PollsAndQuizBottomSheet, null), /*#__PURE__*/React.createElement(BottomSheet, {
|
|
45
|
+
})), /*#__PURE__*/React.createElement(PollsAndQuizBottomSheet, null), /*#__PURE__*/React.createElement(VirtualBackgroundBottomSheet, null), /*#__PURE__*/React.createElement(BottomSheet, {
|
|
45
46
|
isVisible: modalVisible === ModalTypes.CHANGE_NAME,
|
|
46
47
|
dismissModal: dismissModal,
|
|
47
48
|
avoidKeyboard: true
|
|
@@ -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","PollsAndQuizBottomSheet","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":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,kBAAkB,EAAEC,YAAY,QAAQ,6BAA6B;AAE9E,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SACEC,0BAA0B,EAC1BC,oBAAoB,EACpBC,sBAAsB,EACtBC,mBAAmB,EACnBC,4BAA4B,EAC5BC,iBAAiB,EACjBC,cAAc,EACdC,aAAa,QACR,UAAU;AACjB,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,YAAY,QAAQ,eAAe;AAC5C,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,sBAAsB,QAAQ,0BAA0B;AACjE,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,uBAAuB,QAAQ,2BAA2B;
|
|
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","PollsAndQuizBottomSheet","VirtualBackgroundBottomSheet","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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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useCallback, useRef, useState, useEffect } from 'react';
|
|
2
|
-
import { StyleSheet, View, Keyboard } from 'react-native';
|
|
2
|
+
import { StyleSheet, View, Keyboard, Platform } from 'react-native';
|
|
3
3
|
import { useSelector } from 'react-redux';
|
|
4
4
|
import { Easing, KeyboardState, cancelAnimation, runOnJS, useSharedValue, withTiming } from 'react-native-reanimated';
|
|
5
5
|
import { Gesture, GestureDetector } from 'react-native-gesture-handler';
|
|
@@ -11,6 +11,7 @@ import { useKeyboardState } from '../hooks-util';
|
|
|
11
11
|
import { HMSStatusBar } from './StatusBar';
|
|
12
12
|
import { AnimatedFooter } from './AnimatedFooter';
|
|
13
13
|
import { AnimatedHeader } from './AnimatedHeader';
|
|
14
|
+
import { useIsLandscapeOrientation } from '../utils/dimension';
|
|
14
15
|
// import { ReconnectionView } from './ReconnectionView';
|
|
15
16
|
|
|
16
17
|
export const MeetingScreenContent = ({
|
|
@@ -19,7 +20,9 @@ export const MeetingScreenContent = ({
|
|
|
19
20
|
const offset = useSharedValue(1);
|
|
20
21
|
const timerIdRef = useRef(null);
|
|
21
22
|
const [controlsHidden, setControlsHidden] = useState(false);
|
|
23
|
+
const isLandscapeOrientation = useIsLandscapeOrientation();
|
|
22
24
|
const isPipModeActive = useSelector(state => state.app.pipModeStatus === PipModes.ACTIVE);
|
|
25
|
+
const whiteboardActive = Platform.OS === 'android' ? useSelector(state => !!state.hmsStates.whiteboard) : null;
|
|
23
26
|
const {
|
|
24
27
|
keyboardState
|
|
25
28
|
} = useKeyboardState();
|
|
@@ -50,18 +53,35 @@ export const MeetingScreenContent = ({
|
|
|
50
53
|
});
|
|
51
54
|
}
|
|
52
55
|
}, [dismissKeyboard, clearTimer]);
|
|
56
|
+
if (!!whiteboardActive && (isLandscapeOrientation ? offset.value === 1 : offset.value < 1)) {
|
|
57
|
+
cancelAnimation(offset);
|
|
58
|
+
offset.value = withTiming(isLandscapeOrientation ? 0 : 1, {
|
|
59
|
+
duration: 200,
|
|
60
|
+
easing: Easing.ease
|
|
61
|
+
}, finished => {
|
|
62
|
+
if (finished) {
|
|
63
|
+
runOnJS(setControlsHidden)(offset.value === 0);
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
}
|
|
53
67
|
|
|
54
68
|
// Handles Auto hiding the controls for the first time
|
|
55
69
|
// to make this feature discoverable
|
|
56
70
|
useEffect(() => {
|
|
71
|
+
if (!!whiteboardActive) {
|
|
72
|
+
return;
|
|
73
|
+
}
|
|
57
74
|
clearTimer();
|
|
58
75
|
timerIdRef.current = setTimeout(() => {
|
|
59
76
|
timerIdRef.current = null;
|
|
60
77
|
toggleControls(true);
|
|
61
78
|
}, HeaderFooterHideDelayMs);
|
|
62
79
|
return clearTimer;
|
|
63
|
-
}, [clearTimer, toggleControls]);
|
|
64
|
-
const tapGesture = Gesture.Tap().
|
|
80
|
+
}, [clearTimer, toggleControls, !!whiteboardActive]);
|
|
81
|
+
const tapGesture = Gesture.Tap().enabled(Platform.select({
|
|
82
|
+
android: !whiteboardActive,
|
|
83
|
+
default: true
|
|
84
|
+
})).onEnd(() => toggleControls()).requireExternalGestureToFail();
|
|
65
85
|
return /*#__PURE__*/React.createElement(View, {
|
|
66
86
|
style: styles.container
|
|
67
87
|
}, /*#__PURE__*/React.createElement(HMSStatusBar, {
|
|
@@ -1 +1 @@
|
|
|
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","useKeyboardState","HMSStatusBar","AnimatedFooter","AnimatedHeader","MeetingScreenContent","peerTrackNodes","offset","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","create","flex","position","takeLessSpaceAsItCan","reconnectionWrapper"],"sourceRoot":"../../../src","sources":["components/MeetingScreenContent.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AACvE,SAASC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;
|
|
1
|
+
{"version":3,"names":["React","useCallback","useRef","useState","useEffect","StyleSheet","View","Keyboard","Platform","useSelector","Easing","KeyboardState","cancelAnimation","runOnJS","useSharedValue","withTiming","Gesture","GestureDetector","HeaderFooterHideDelayMs","PipModes","Footer","DisplayView","Header","useKeyboardState","HMSStatusBar","AnimatedFooter","AnimatedHeader","useIsLandscapeOrientation","MeetingScreenContent","peerTrackNodes","offset","timerIdRef","controlsHidden","setControlsHidden","isLandscapeOrientation","isPipModeActive","state","app","pipModeStatus","ACTIVE","whiteboardActive","OS","hmsStates","whiteboard","keyboardState","dismissKeyboard","dismiss","clearTimer","current","clearTimeout","toggleControls","fromTimeout","value","OPEN","OPENING","duration","easing","ease","finished","setTimeout","tapGesture","Tap","enabled","select","android","default","onEnd","requireExternalGestureToFail","createElement","style","styles","container","hidden","barStyle","gesture","collapsable","create","flex","position","takeLessSpaceAsItCan","reconnectionWrapper"],"sourceRoot":"../../../src","sources":["components/MeetingScreenContent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -22,6 +22,7 @@ import { HMSKeyboardAvoidingView } from './HMSKeyboardAvoidingView';
|
|
|
22
22
|
import { hexToRgbA } from '../utils/theme';
|
|
23
23
|
import { HMSManageNoiseCancellation } from './HMSManageNoiseCancellation';
|
|
24
24
|
import { useSelector } from 'react-redux';
|
|
25
|
+
import { HMSManageVirtualBackground } from './HMSManageVirtualBackground';
|
|
25
26
|
const backButtonEdges = ['top'];
|
|
26
27
|
const headerEdges = ['top', 'left', 'right'];
|
|
27
28
|
const gradientColorShadeLocations = [0.45, 0.55, 0.7, 0.9, 0.95, 1];
|
|
@@ -101,9 +102,13 @@ export const Preview = ({
|
|
|
101
102
|
style: styles.controlsContainer
|
|
102
103
|
}, /*#__PURE__*/React.createElement(View, {
|
|
103
104
|
style: styles.micAndCameraControls
|
|
104
|
-
}, /*#__PURE__*/React.createElement(HMSManageLocalAudio, null), /*#__PURE__*/React.createElement(
|
|
105
|
+
}, /*#__PURE__*/React.createElement(HMSManageLocalAudio, null), /*#__PURE__*/React.createElement(HMSManageLocalVideo, {
|
|
105
106
|
style: styles.manageLocalButtonWrapper
|
|
106
|
-
}
|
|
107
|
+
}), /*#__PURE__*/React.createElement(HMSManageCameraRotation, {
|
|
108
|
+
style: styles.manageLocalButtonWrapper
|
|
109
|
+
}), /*#__PURE__*/React.createElement(HMSManageVirtualBackground, {
|
|
110
|
+
style: styles.manageLocalButtonWrapper
|
|
111
|
+
})), showNoiseCancellationButton && /*#__PURE__*/React.createElement(HMSManageNoiseCancellation, null), /*#__PURE__*/React.createElement(HMSManageAudioOutput, null)), /*#__PURE__*/React.createElement(View, {
|
|
107
112
|
style: styles.joinButtonRow
|
|
108
113
|
}, /*#__PURE__*/React.createElement(HMSPreviewEditName, null), /*#__PURE__*/React.createElement(HMSPreviewJoinButton, {
|
|
109
114
|
onJoin: join,
|
|
@@ -150,7 +155,7 @@ const styles = StyleSheet.create({
|
|
|
150
155
|
alignItems: 'center'
|
|
151
156
|
},
|
|
152
157
|
manageLocalButtonWrapper: {
|
|
153
|
-
|
|
158
|
+
marginLeft: 16
|
|
154
159
|
},
|
|
155
160
|
joinButtonRow: {
|
|
156
161
|
marginVertical: 16,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","Keyboard","StyleSheet","TouchableWithoutFeedback","View","SafeAreaView","LinearGradient","BackButton","HMSManageCameraRotation","HMSManageLocalAudio","HMSManageLocalVideo","HMSPreviewEditName","HMSPreviewJoinButton","HMSPreviewPeersList","HMSPreviewSubtitle","HMSPreviewTile","HMSPreviewTitle","HMSManageAudioOutput","HMSPreviewNetworkQuality","useCanPublishAudio","useCanPublishVideo","useHMSActions","HMSPreviewHLSLiveIndicator","CompanyLogo","useHMSRoomColorPalette","useHMSRoomStyleSheet","useIsHLSViewer","HMSKeyboardAvoidingView","hexToRgbA","HMSManageNoiseCancellation","useSelector","backButtonEdges","headerEdges","gradientColorShadeLocations","Preview","join","loadingButtonState","canPublishVideo","isHLSViewer","background_dim","gradientColorShades","useMemo","hmsRoomStyles","theme","container","backgroundColor","palette","footer","background_default","hmsActions","setupAudioVideoOnPreview","setLocalAudioEnabled","setLocalVideoEnabled","then","r","console","log","canPublishAudio","isLocalAudioMuted","state","hmsStates","isNCAvailable","setIsNCAvailable","useState","noiseCancellationPlugin","isMounted","isNoiseCancellationAvailable","showNoiseCancellationButton","createElement","onPress","dismiss","style","styles","colors","locations","headerGradient","header","edges","mode","logo","peerListWrapper","backButtonContainer","footerWrapper","controlsContainer","micAndCameraControls","manageLocalButtonWrapper","joinButtonRow","onJoin","loading","create","flex","position","justifyContent","top","width","marginTop","zIndex","alignItems","height","alignSelf","marginBottom","flexDirection","
|
|
1
|
+
{"version":3,"names":["React","useEffect","Keyboard","StyleSheet","TouchableWithoutFeedback","View","SafeAreaView","LinearGradient","BackButton","HMSManageCameraRotation","HMSManageLocalAudio","HMSManageLocalVideo","HMSPreviewEditName","HMSPreviewJoinButton","HMSPreviewPeersList","HMSPreviewSubtitle","HMSPreviewTile","HMSPreviewTitle","HMSManageAudioOutput","HMSPreviewNetworkQuality","useCanPublishAudio","useCanPublishVideo","useHMSActions","HMSPreviewHLSLiveIndicator","CompanyLogo","useHMSRoomColorPalette","useHMSRoomStyleSheet","useIsHLSViewer","HMSKeyboardAvoidingView","hexToRgbA","HMSManageNoiseCancellation","useSelector","HMSManageVirtualBackground","backButtonEdges","headerEdges","gradientColorShadeLocations","Preview","join","loadingButtonState","canPublishVideo","isHLSViewer","background_dim","gradientColorShades","useMemo","hmsRoomStyles","theme","container","backgroundColor","palette","footer","background_default","hmsActions","setupAudioVideoOnPreview","setLocalAudioEnabled","setLocalVideoEnabled","then","r","console","log","canPublishAudio","isLocalAudioMuted","state","hmsStates","isNCAvailable","setIsNCAvailable","useState","noiseCancellationPlugin","isMounted","isNoiseCancellationAvailable","showNoiseCancellationButton","createElement","onPress","dismiss","style","styles","colors","locations","headerGradient","header","edges","mode","logo","peerListWrapper","backButtonContainer","footerWrapper","controlsContainer","micAndCameraControls","manageLocalButtonWrapper","joinButtonRow","onJoin","loading","create","flex","position","justifyContent","top","width","marginTop","zIndex","alignItems","height","alignSelf","marginBottom","flexDirection","marginLeft","marginVertical","bottom","borderTopLeftRadius","borderTopRightRadius","padding"],"sourceRoot":"../../../src","sources":["components/Preview.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,22 +1,26 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { View, StyleSheet, Text, TouchableOpacity } from 'react-native';
|
|
3
3
|
import { HMSRecordingState } from '@100mslive/react-native-hms';
|
|
4
|
-
import { useSelector } from 'react-redux';
|
|
4
|
+
import { useDispatch, useSelector } from 'react-redux';
|
|
5
5
|
import { ModalTypes } from '../utils/types';
|
|
6
6
|
import { groupIntoTriplets, parseMetadata } from '../utils/functions';
|
|
7
|
-
import { BRBIcon, HandIcon, ParticipantsIcon, PencilIcon, PollVoteIcon, RecordingIcon, ScreenShareIcon, WaveIcon } from '../Icons';
|
|
7
|
+
import { BRBIcon, HandIcon, ParticipantsIcon, PencilIcon, PollVoteIcon, RecordingIcon, ScreenShareIcon, VirtualBackgroundIcon, WaveIcon } from '../Icons';
|
|
8
8
|
import { BottomSheet, useBottomSheetActions } from './BottomSheet';
|
|
9
|
-
import { isPublishingAllowed, useHMSConferencingScreenConfig, useHMSLayoutConfig, useHMSRoomColorPalette, useHMSRoomStyleSheet, useShowChatAndParticipants, useStartRecording } from '../hooks-util';
|
|
9
|
+
import { isPublishingAllowed, useHMSConferencingScreenConfig, useHMSInstance, useHMSLayoutConfig, useHMSRoomColorPalette, useHMSRoomStyleSheet, useShowChatAndParticipants, useStartRecording } from '../hooks-util';
|
|
10
10
|
import { useCanPublishAudio, useCanPublishScreen, useHMSActions, useIsAnyStreamingOn } from '../hooks-sdk';
|
|
11
11
|
import { RoomSettingsModalDebugModeContent } from './RoomSettingsModalDebugModeContent';
|
|
12
12
|
import { ParticipantsCount } from './ParticipantsCount';
|
|
13
13
|
import { selectAllowedTracksToPublish } from '../hooks-sdk-selectors';
|
|
14
14
|
import { TestIds } from '../utils/constants';
|
|
15
|
+
import { addNotification } from '../redux/actions';
|
|
16
|
+
import { NotificationTypes } from '../types';
|
|
15
17
|
export const RoomSettingsModalContent = props => {
|
|
16
18
|
const {
|
|
17
19
|
closeRoomSettingsModal,
|
|
18
20
|
setModalVisible
|
|
19
21
|
} = props;
|
|
22
|
+
const hmsInstance = useHMSInstance();
|
|
23
|
+
const dispatch = useDispatch();
|
|
20
24
|
const debugMode = useSelector(state => state.user.debugMode);
|
|
21
25
|
const hmsActions = useHMSActions();
|
|
22
26
|
const {
|
|
@@ -32,6 +36,10 @@ export const RoomSettingsModalContent = props => {
|
|
|
32
36
|
const permissions = (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.role) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.permissions;
|
|
33
37
|
return (permissions === null || permissions === void 0 ? void 0 : permissions.pollRead) || (permissions === null || permissions === void 0 ? void 0 : permissions.pollWrite);
|
|
34
38
|
});
|
|
39
|
+
const whiteboardAdminPermission = useSelector(state => {
|
|
40
|
+
var _state$hmsStates$loca2;
|
|
41
|
+
return !!((_state$hmsStates$loca2 = state.hmsStates.localPeer) !== null && _state$hmsStates$loca2 !== void 0 && (_state$hmsStates$loca2 = _state$hmsStates$loca2.role) !== null && _state$hmsStates$loca2 !== void 0 && (_state$hmsStates$loca2 = _state$hmsStates$loca2.permissions) !== null && _state$hmsStates$loca2 !== void 0 && (_state$hmsStates$loca2 = _state$hmsStates$loca2.whiteboard) !== null && _state$hmsStates$loca2 !== void 0 && _state$hmsStates$loca2.admin);
|
|
42
|
+
});
|
|
35
43
|
const {
|
|
36
44
|
registerOnModalHideAction
|
|
37
45
|
} = useBottomSheetActions();
|
|
@@ -61,14 +69,14 @@ export const RoomSettingsModalContent = props => {
|
|
|
61
69
|
|
|
62
70
|
// #region "BRB" and "Hand Raise" related states and functions
|
|
63
71
|
const localPeerMetadata = useSelector(state => {
|
|
64
|
-
var _state$hmsStates$
|
|
65
|
-
return (_state$hmsStates$
|
|
72
|
+
var _state$hmsStates$loca3;
|
|
73
|
+
return (_state$hmsStates$loca3 = state.hmsStates.localPeer) === null || _state$hmsStates$loca3 === void 0 ? void 0 : _state$hmsStates$loca3.metadata;
|
|
66
74
|
});
|
|
67
75
|
const parsedMetadata = parseMetadata(localPeerMetadata);
|
|
68
76
|
const isBRBOn = !!parsedMetadata.isBRBOn;
|
|
69
77
|
const isHandRaised = useSelector(state => {
|
|
70
|
-
var _state$hmsStates$
|
|
71
|
-
return !!((_state$hmsStates$
|
|
78
|
+
var _state$hmsStates$loca4;
|
|
79
|
+
return !!((_state$hmsStates$loca4 = state.hmsStates.localPeer) !== null && _state$hmsStates$loca4 !== void 0 && _state$hmsStates$loca4.isHandRaised);
|
|
72
80
|
});
|
|
73
81
|
const toggleRaiseHand = async () => {
|
|
74
82
|
closeRoomSettingsModal();
|
|
@@ -100,8 +108,8 @@ export const RoomSettingsModalContent = props => {
|
|
|
100
108
|
|
|
101
109
|
// #region Recording related states and functions
|
|
102
110
|
const canStartRecording = useSelector(state => {
|
|
103
|
-
var _state$hmsStates$
|
|
104
|
-
return !!((_state$hmsStates$
|
|
111
|
+
var _state$hmsStates$loca5;
|
|
112
|
+
return !!((_state$hmsStates$loca5 = state.hmsStates.localPeer) !== null && _state$hmsStates$loca5 !== void 0 && (_state$hmsStates$loca5 = _state$hmsStates$loca5.role) !== null && _state$hmsStates$loca5 !== void 0 && (_state$hmsStates$loca5 = _state$hmsStates$loca5.permissions) !== null && _state$hmsStates$loca5 !== void 0 && _state$hmsStates$loca5.browserRecording);
|
|
105
113
|
});
|
|
106
114
|
const isAnyStreamingOn = useIsAnyStreamingOn();
|
|
107
115
|
const isRecordingOn = useSelector(state => {
|
|
@@ -182,6 +190,21 @@ export const RoomSettingsModalContent = props => {
|
|
|
182
190
|
};
|
|
183
191
|
// #endregion
|
|
184
192
|
|
|
193
|
+
// #region Virtual Background
|
|
194
|
+
const videoPlugin = useSelector(state => state.hmsStates.videoPlugin);
|
|
195
|
+
const isLocalVideoMuted = useSelector(state => state.hmsStates.isLocalVideoMuted);
|
|
196
|
+
const virtualBackgroundApplied = useSelector(state => state.app.selectedVirtualBackground !== null);
|
|
197
|
+
const handleVirtualBackground = () => {
|
|
198
|
+
// Register callback to be called when bottom sheet is hiddden
|
|
199
|
+
registerOnModalHideAction(() => {
|
|
200
|
+
if (!videoPlugin || isLocalVideoMuted) return;
|
|
201
|
+
setModalVisible(ModalTypes.VIRTUAL_BACKGROUND);
|
|
202
|
+
});
|
|
203
|
+
// Close the current bottom sheet
|
|
204
|
+
closeRoomSettingsModal();
|
|
205
|
+
};
|
|
206
|
+
// #endregion
|
|
207
|
+
|
|
185
208
|
const changeName = () => {
|
|
186
209
|
// Register callback to be called when bottom sheet is hiddden
|
|
187
210
|
registerOnModalHideAction(() => {
|
|
@@ -199,6 +222,41 @@ export const RoomSettingsModalContent = props => {
|
|
|
199
222
|
// Close the current bottom sheet
|
|
200
223
|
closeRoomSettingsModal();
|
|
201
224
|
};
|
|
225
|
+
const whiteboard = useSelector(state => state.hmsStates.whiteboard);
|
|
226
|
+
const screenShareNodesAvailable = useSelector(state => state.app.screensharePeerTrackNodes.length > 0);
|
|
227
|
+
const toggleWhiteboard = async () => {
|
|
228
|
+
if (!whiteboardAdminPermission) return;
|
|
229
|
+
if (whiteboard && whiteboard.isOwner) {
|
|
230
|
+
hmsInstance.interactivityCenter.stopWhiteboard().then(success => {
|
|
231
|
+
console.log('#stopWhiteboard stopped whiteboard ', success);
|
|
232
|
+
}).catch(error => {
|
|
233
|
+
console.log('#stopWhiteboard error ', error);
|
|
234
|
+
});
|
|
235
|
+
} else if (whiteboard && !whiteboard.isOwner) {
|
|
236
|
+
const uid = Math.random().toString(16).slice(2);
|
|
237
|
+
dispatch(addNotification({
|
|
238
|
+
id: uid,
|
|
239
|
+
type: NotificationTypes.ERROR,
|
|
240
|
+
title: 'Only the peer who started the whiteboard has the ability to close it!'
|
|
241
|
+
}));
|
|
242
|
+
} else if (isLocalScreenShared || screenShareNodesAvailable) {
|
|
243
|
+
const uid = Math.random().toString(16).slice(2);
|
|
244
|
+
dispatch(addNotification({
|
|
245
|
+
id: uid,
|
|
246
|
+
type: NotificationTypes.ERROR,
|
|
247
|
+
title: isLocalScreenShared ? 'Discontinue screenshare to open the whiteboard!' : "Can't open whiteboard while screenshare is happening!"
|
|
248
|
+
}));
|
|
249
|
+
} else {
|
|
250
|
+
hmsInstance.interactivityCenter.startWhiteboard('Interactive Session').then(success => {
|
|
251
|
+
console.log('#startWhiteboard started whiteboard ', success);
|
|
252
|
+
}).catch(error => {
|
|
253
|
+
console.log('#startWhiteboard error ', error);
|
|
254
|
+
});
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
// Close the current bottom sheet
|
|
258
|
+
closeRoomSettingsModal();
|
|
259
|
+
};
|
|
202
260
|
const canShowBRB = useHMSLayoutConfig(layoutConfig => {
|
|
203
261
|
var _layoutConfig$screens;
|
|
204
262
|
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.brb);
|
|
@@ -323,6 +381,20 @@ export const RoomSettingsModalContent = props => {
|
|
|
323
381
|
pressHandler: openPollsQuizzesModal,
|
|
324
382
|
isActive: false,
|
|
325
383
|
hide: !canReadOrWritePoll
|
|
384
|
+
}, {
|
|
385
|
+
id: 'whiteboard',
|
|
386
|
+
icon: /*#__PURE__*/React.createElement(PencilIcon, {
|
|
387
|
+
type: "board",
|
|
388
|
+
style: {
|
|
389
|
+
width: 20,
|
|
390
|
+
height: 20
|
|
391
|
+
}
|
|
392
|
+
}),
|
|
393
|
+
label: whiteboard ? 'Close Whiteboard' : 'Open Whiteboard',
|
|
394
|
+
pressHandler: toggleWhiteboard,
|
|
395
|
+
isActive: !!whiteboard && whiteboard.isOwner,
|
|
396
|
+
disabled: !!whiteboard && !whiteboard.isOwner,
|
|
397
|
+
hide: !whiteboardAdminPermission
|
|
326
398
|
}, {
|
|
327
399
|
id: 'noise-cancellation',
|
|
328
400
|
icon: /*#__PURE__*/React.createElement(WaveIcon, {
|
|
@@ -336,6 +408,19 @@ export const RoomSettingsModalContent = props => {
|
|
|
336
408
|
isActive: isNoiseCancellationEnabled,
|
|
337
409
|
hide: !showNoiseCancellationButton,
|
|
338
410
|
disabled: isLocalAudioMuted
|
|
411
|
+
}, {
|
|
412
|
+
id: 'virtual-background',
|
|
413
|
+
icon: /*#__PURE__*/React.createElement(VirtualBackgroundIcon, {
|
|
414
|
+
style: {
|
|
415
|
+
width: 20,
|
|
416
|
+
height: 20
|
|
417
|
+
}
|
|
418
|
+
}),
|
|
419
|
+
label: 'Virtual Background',
|
|
420
|
+
pressHandler: handleVirtualBackground,
|
|
421
|
+
isActive: virtualBackgroundApplied,
|
|
422
|
+
hide: !videoPlugin,
|
|
423
|
+
disabled: isLocalVideoMuted
|
|
339
424
|
}].filter(itm => !itm.hide), true).map((itm, idx) => {
|
|
340
425
|
const isFirst = idx === 0;
|
|
341
426
|
return /*#__PURE__*/React.createElement(React.Fragment, {
|