@100mslive/react-native-room-kit 1.1.5 → 1.1.7

package/src/components/Participants/ParticipantsList.tsx

@@ -31,7 +31,7 @@ export const ParticipantsList: React.FC<ParticipantsListProps> = ({
   const fetchedInitialDataRef = React.useRef(false);
   const hmsInstance = useHMSInstance();
 
-  // Currect is current selected group and off-stage gorup
+  // Current is current selected group and off-stage group
   const isOffStageGroup = useHMSLayoutConfig((layoutConfig) => {
     const offStageRoles =
       layoutConfig?.screens?.conferencing?.default?.elements?.on_stage_exp
@@ -39,12 +39,12 @@ export const ParticipantsList: React.FC<ParticipantsListProps> = ({
     return offStageRoles ? offStageRoles.includes(selectedGroupId) : false;
   });
 
-  // Getting initial data for the selected group Id
-  const dataForGroupId = useSelector(
-    (state: RootState) => {
-      return selectedGroupId === 'hand-raised' ? state.hmsStates.groupedParticipants : state.hmsStates.groupedParticipants[selectedGroupId]
-    }
-  );
+  // Getting initial data for the selected group ID
+  const dataForGroupId = useSelector((state: RootState) => {
+    return selectedGroupId === 'hand-raised'
+      ? state.hmsStates.groupedParticipants
+      : state.hmsStates.groupedParticipants[selectedGroupId];
+  });
 
   const finalDataForGroupId = React.useMemo(() => {
     if (Array.isArray(dataForGroupId)) {
@@ -52,7 +52,9 @@ export const ParticipantsList: React.FC<ParticipantsListProps> = ({
     }
 
     if (dataForGroupId && selectedGroupId === 'hand-raised') {
-      return Object.values(dataForGroupId).flat().filter(peer  => peer.isHandRaised);
+      return Object.values(dataForGroupId)
+        .flat()
+        .filter((peer) => peer.isHandRaised);
     }
 
     return null;
@@ -119,7 +121,7 @@ export const ParticipantsList: React.FC<ParticipantsListProps> = ({
 
   const filteredSearchText = searchText.trim().toLowerCase();
 
-  //#region Flaslist props
+  //#region FlashList props
   const data = React.useMemo(() => {
     return (isOffStageGroup ? offStageData : dataWithHeader).filter((item) =>
       'id' in item ? true : item.name.toLowerCase().includes(filteredSearchText)
@@ -186,7 +188,7 @@ export const ParticipantsList: React.FC<ParticipantsListProps> = ({
         });
     }
   }, [loading, peerListIterator]);
-  //#endregion Flaslist props
+  //#endregion FlashList props
 
   const searchTextExists = searchText.length > 0;
 

package/src/components/PressableIcon.tsx

@@ -4,7 +4,6 @@ import type { TouchableOpacityProps } from 'react-native';
 import { GestureDetector, Gesture } from 'react-native-gesture-handler';
 
 import { useHMSRoomStyleSheet, useIsHLSViewer } from '../hooks-util';
-import { hexToRgbA } from '../utils/theme';
 
 interface PressableIconProps extends Omit<TouchableOpacityProps, 'children'> {
   children: Pick<TouchableOpacityProps, 'children'>;
@@ -27,8 +26,7 @@ export const PressableIcon: React.FC<PressableIconProps> = ({
     (theme) => ({
       pressable: {
         backgroundColor: isHLSViewer
-          ? theme.palette.background_dim &&
-            hexToRgbA(theme.palette.background_dim, 0.64)
+          ? theme.palette.surface_default
           : undefined,
       },
       border: {

package/src/hooks-util.ts

@@ -24,10 +24,13 @@ import {
   WindowController,
   useHMSHLSPlayerCue,
   HMSPollUpdateType,
+  useHMSHLSPlayerPlaybackState,
+  HMSHLSPlayerPlaybackState,
 } from '@100mslive/react-native-hms';
 import type { Chat as ChatConfig } from '@100mslive/types-prebuilt/elements/chat';
 import { SoftInputModes } from '@100mslive/react-native-hms';
 import type {
+  HMSHLSPlayer,
   HMSPIPConfig,
   HMSRole,
   HMSSessionStore,
@@ -93,6 +96,7 @@ import {
   saveUserData,
   setActiveChatBottomSheetTab,
   setActiveSpeakers,
+  setAndroidHLSStreamPaused,
   setAutoEnterPipMode,
   setChatPeerBlacklist,
   setChatState,
@@ -155,7 +159,16 @@ import { getRoomLayout } from './modules/HMSManager';
 import { DEFAULT_THEME, DEFAULT_TYPOGRAPHY } from './utils/theme';
 import { NotificationTypes } from './types';
 import { KeyboardState, useSharedValue } from 'react-native-reanimated';
-import { useHMSActions } from './hooks-sdk';
+import {
+  useCanPublishAudio,
+  useCanPublishScreen,
+  useCanPublishVideo,
+  useHMSActions,
+} from './hooks-sdk';
+import {
+  useSafeAreaFrame,
+  useSafeAreaInsets,
+} from 'react-native-safe-area-context';
 
 export const useHMSListeners = (
   setPeerTrackNodes: React.Dispatch<React.SetStateAction<PeerTrackNode[]>>
@@ -1033,7 +1046,7 @@ export const useHMSRoleChangeRequest = (
 type SessionStoreListeners = Array<{ remove: () => void }>;
 
 export const useHMSSessionStoreListeners = (
-  gridViewRef: React.MutableRefObject<GridViewRefAttrs | null>
+  gridViewRef?: React.MutableRefObject<GridViewRefAttrs | null>
 ) => {
   const store = useStore<RootState>();
   const dispatch = useDispatch();
@@ -1054,7 +1067,7 @@ export const useHMSSessionStoreListeners = (
             // set value to the state to rerender the component to reflect changes
             dispatch(saveUserData({ spotlightTrackId: id }));
             // Scroll to start of the list
-            gridViewRef.current
+            gridViewRef?.current
               ?.getRegularTilesFlatlistRef()
               .current?.scrollToOffset({ animated: true, offset: 0 });
           }
@@ -1831,6 +1844,7 @@ export const useHMSConfig = () => {
 };
 
 export const useShowChatAndParticipants = () => {
+  const isHLSViewer = useIsHLSViewer();
   const dispatch = useDispatch();
   const { modalVisibleType, handleModalVisibleType: setModalVisible } =
     useModalType();
@@ -1839,7 +1853,8 @@ export const useShowChatAndParticipants = () => {
     (chatConfig) => chatConfig?.is_overlay
   );
   const canShowChat = useHMSConferencingScreenConfig(
-    (conferencingScreenConfig) => !!conferencingScreenConfig?.elements?.chat
+    (conferencingScreenConfig) =>
+      !!conferencingScreenConfig?.elements?.chat && !isHLSViewer
   );
   const canShowParticipants = useHMSConferencingScreenConfig(
     (conferencingScreenConfig) =>
@@ -2551,15 +2566,16 @@ export const useBackButtonPress = () => {
 };
 
 export const useLandscapeImmersiveMode = () => {
+  const isHLSViewer = useIsHLSViewer();
   const isLandscapeOrientation = useIsLandscapeOrientation();
 
   useEffect(() => {
-    if (isLandscapeOrientation) {
+    if (!isHLSViewer && isLandscapeOrientation) {
       WindowController.hideSystemBars();
 
       return WindowController.showSystemBars;
     }
-  }, [isLandscapeOrientation]);
+  }, [isHLSViewer, isLandscapeOrientation]);
 };
 
 export const useHLSCuedPolls = () => {
@@ -3034,3 +3050,204 @@ export const useAllowBlockingPeerFromChat = () => {
     (config) => config?.real_time_controls?.can_block_user ?? false
   );
 };
+
+export const useCanShowRoomOptionsButton = () => {
+  const canPublishAudio = useCanPublishAudio();
+  const canPublishVideo = useCanPublishVideo();
+  const canPublishScreen = useCanPublishScreen();
+
+  const isViewer = !(canPublishAudio || canPublishVideo || canPublishScreen);
+
+  const editUsernameDisabled = useSelector(
+    (state: RootState) => state.app.editUsernameDisabled
+  );
+
+  const [isNoiseCancellationAvailable, setIsNoiseCancellationAvailable] =
+    useState(false);
+  const noiseCancellationPlugin = useSelector(
+    (state: RootState) => state.hmsStates.noiseCancellationPlugin
+  );
+  useEffect(() => {
+    if (noiseCancellationPlugin) {
+      let mounted = true;
+
+      noiseCancellationPlugin
+        .isNoiseCancellationAvailable()
+        .then((isAvailable) => {
+          if (mounted) {
+            setIsNoiseCancellationAvailable(isAvailable);
+          }
+        });
+
+      return () => {
+        mounted = false;
+      };
+    }
+  }, [noiseCancellationPlugin]);
+
+  const canShowBRB = useHMSLayoutConfig(
+    (layoutConfig) =>
+      !!layoutConfig?.screens?.conferencing?.default?.elements?.brb
+  );
+
+  const canStartRecording = useSelector(
+    (state: RootState) =>
+      !!state.hmsStates.localPeer?.role?.permissions?.browserRecording
+  );
+
+  const canReadOrWritePoll = useSelector((state: RootState) => {
+    const permissions = state.hmsStates.localPeer?.role?.permissions;
+    return permissions?.pollRead || permissions?.pollWrite;
+  });
+
+  const { canShowParticipants } = useShowChatAndParticipants();
+
+  const canEditUsernameFromRoomModal = isViewer && !editUsernameDisabled;
+
+  const canShowOptions =
+    canShowParticipants ||
+    canPublishScreen ||
+    canShowBRB ||
+    canStartRecording ||
+    canEditUsernameFromRoomModal ||
+    canReadOrWritePoll ||
+    isNoiseCancellationAvailable;
+
+  return canShowOptions;
+};
+
+export const useHLSViewsConstraints = () => {
+  const hlsFullScreen = useSelector(
+    (state: RootState) => state.app.hlsFullScreen
+  );
+  const isLandscapeOrientation = useIsLandscapeOrientation();
+  const { width: safeAreaWidthFrame, height: safeAreaHeightFrame } =
+    useSafeAreaFrame();
+  const {
+    top: topInset,
+    bottom: bottomInset,
+    left: leftInset,
+    right: rightInset,
+  } = useSafeAreaInsets();
+
+  const playerWrapperConstraints = hlsFullScreen
+    ? {
+        width: safeAreaWidthFrame - leftInset - rightInset,
+        height: isLandscapeOrientation
+          ? safeAreaHeightFrame
+          : safeAreaHeightFrame - topInset - bottomInset,
+      }
+    : {
+        width: isLandscapeOrientation
+          ? (safeAreaWidthFrame - leftInset - rightInset) * 0.6
+          : safeAreaWidthFrame,
+        height: isLandscapeOrientation
+          ? safeAreaHeightFrame
+          : (safeAreaWidthFrame * 9) / 16,
+      };
+
+  const chatWrapperConstraints = {
+    width: isLandscapeOrientation
+      ? safeAreaWidthFrame - playerWrapperConstraints.width - leftInset
+      : playerWrapperConstraints.width,
+    height: isLandscapeOrientation
+      ? playerWrapperConstraints.height
+      : safeAreaHeightFrame - playerWrapperConstraints.height - topInset,
+  };
+
+  const descriptionPaneConstraints = chatWrapperConstraints;
+
+  return {
+    playerWrapperConstraints,
+    chatWrapperConstraints,
+    descriptionPaneConstraints,
+  };
+};
+
+export const useHLSPlayerConstraints = () => {
+  const hlsFullScreen = useSelector(
+    (state: RootState) => state.app.hlsFullScreen
+  );
+  const isLandscapeOrientation = useIsLandscapeOrientation();
+
+  const resolution = useHMSHLSPlayerResolution();
+
+  const { playerWrapperConstraints } = useHLSViewsConstraints();
+
+  const wrapperWidth = playerWrapperConstraints.width;
+  const wrapperHeight = playerWrapperConstraints.height;
+
+  if (!resolution) {
+    return {
+      width: wrapperWidth,
+      height: wrapperHeight,
+    };
+  }
+
+  const sr = resolution.width / resolution.height; // stream width/height ratio
+  const wr = wrapperWidth / wrapperHeight; // Wrapper width/height ratio
+
+  /**
+   * Handling Landscape Orientation for both Full and Normal screen
+   */
+  if (isLandscapeOrientation) {
+    return sr > wr
+      ? {
+          width: wrapperWidth,
+          height: wrapperWidth / sr,
+        }
+      : {
+          width: sr * wrapperHeight,
+          height: wrapperHeight,
+        };
+  }
+
+  /**
+   * Handling Portrait Orientation
+   */
+  if (hlsFullScreen) {
+    return {
+      width: sr > wr ? wrapperWidth : wrapperHeight * sr,
+      height: sr > wr ? wrapperWidth / sr : wrapperHeight,
+    };
+  }
+
+  return {
+    width: wrapperHeight * sr,
+    height: wrapperHeight,
+  };
+};
+
+export const useHLSStreamResumePause = (
+  playerRef: React.RefObject<React.ComponentRef<typeof HMSHLSPlayer>>
+) => {
+  const dispatch = useDispatch();
+
+  const isPaused = Platform.select({
+    android: useSelector(
+      (state: RootState) => state.app.hlsStreamPaused_android
+    ),
+    ios: useHMSHLSPlayerPlaybackState() === HMSHLSPlayerPlaybackState.PAUSED,
+    default: false,
+  });
+
+  const resumeStream = useCallback(() => {
+    playerRef.current?.resume();
+    if (Platform.OS === 'android') {
+      dispatch(setAndroidHLSStreamPaused(false));
+    }
+  }, []);
+
+  const pauseStream = useCallback(() => {
+    playerRef.current?.pause();
+    if (Platform.OS === 'android') {
+      dispatch(setAndroidHLSStreamPaused(true));
+    }
+  }, []);
+
+  return {
+    isPaused,
+    resumeStream,
+    pauseStream,
+  };
+};

package/src/redux/actionTypes.ts

@@ -109,6 +109,12 @@ const SET_INITIAL_ROLE = 'SET_INITIAL_ROLE';
 
 const SET_CHAT_PEER_BLACKLIST = 'SET_CHAT_PEER_BLACKLIST';
 
+const SET_HLS_DESC_PANE_VISIBLE = 'SET_HLS_DESC_PANE_VISIBLE';
+
+const SET_HLS_FULL_SCREEN = 'SET_HLS_FULL_SCREEN';
+
+const SET_ANDROID_HLS_STREAM_PAUSED = 'SET_ANDROID_HLS_STREAM_PAUSED';
+
 const FILTER_OUT_BLOCKED_MSGS = 'FILTER_OUT_BLOCKED_MSGS';
 
 export default {
@@ -158,6 +164,9 @@ export default {
   SET_SELECTED_MESSAGE_FOR_ACTION,
   SET_INITIAL_ROLE,
   SET_CHAT_PEER_BLACKLIST,
+  SET_HLS_DESC_PANE_VISIBLE,
+  SET_HLS_FULL_SCREEN,
+  SET_ANDROID_HLS_STREAM_PAUSED,
   FILTER_OUT_BLOCKED_MSGS,
 };
 

package/src/redux/actions/index.ts

@@ -476,6 +476,21 @@ export const filterOutMsgsFromBlockedPeers = (chatPeerBlacklist: string[]) => ({
   payload: chatPeerBlacklist,
 });
 
+export const setHlsDescriptionPaneVisible = (visible: boolean) => ({
+  type: actionTypes.SET_HLS_DESC_PANE_VISIBLE,
+  payload: { visible },
+});
+
+export const setHlsFullScreen = (fullScreen: boolean) => ({
+  type: actionTypes.SET_HLS_FULL_SCREEN,
+  payload: { fullScreen },
+});
+
+export const setAndroidHLSStreamPaused = (paused: boolean) => ({
+  type: actionTypes.SET_ANDROID_HLS_STREAM_PAUSED,
+  payload: { hlsStreamPaused_android: paused },
+});
+
 /**
  * POLLS
  */

package/src/redux/reducers/appState.ts

@@ -62,6 +62,9 @@ type IntialStateType = {
   selectedMessageForAction: null | HMSMessage;
   initialRole: HMSRole | null;
   chatPeerBlacklist: string[]; // list of userIds
+  hlsDescriptionPaneVisible: boolean;
+  hlsFullScreen: boolean;
+  hlsStreamPaused_android: boolean;
 };
 
 const INITIAL_STATE: IntialStateType = {
@@ -99,6 +102,9 @@ const INITIAL_STATE: IntialStateType = {
   selectedMessageForAction: null,
   initialRole: null,
   chatPeerBlacklist: [],
+  hlsDescriptionPaneVisible: false,
+  hlsFullScreen: false,
+  hlsStreamPaused_android: false,
 };
 
 const appReducer = (
@@ -357,6 +363,24 @@ const appReducer = (
           action.payload.chatPeerBlacklist ?? INITIAL_STATE.chatPeerBlacklist,
       };
     }
+    case ActionTypes.SET_HLS_DESC_PANE_VISIBLE: {
+      return {
+        ...state,
+        hlsDescriptionPaneVisible: action.payload.visible,
+      };
+    }
+    case ActionTypes.SET_HLS_FULL_SCREEN: {
+      return {
+        ...state,
+        hlsFullScreen: action.payload.fullScreen,
+      };
+    }
+    case ActionTypes.SET_ANDROID_HLS_STREAM_PAUSED: {
+      return {
+        ...state,
+        hlsStreamPaused_android: action.payload.hlsStreamPaused_android,
+      };
+    }
     case HmsStateActionTypes.CLEAR_STATES:
       return INITIAL_STATE;
     default:

package/lib/commonjs/components/CustomHLSPlayerControls.js

@@ -1,80 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CustomControls = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _theme = require("../utils/theme");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const CustomControls = ({
-  handleControlPress
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.wrapper
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('play')
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.text
-  }, "Play")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('stop')
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.text
-  }, "Stop")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('pause')
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.text
-  }, "Pause")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('resume')
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.text
-  }, "Resume"))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.spacedWrapper
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('seekForward', 5)
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.text
-  }, "Forward 5 sec")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('seekBackward', 5)
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.text
-  }, "Backward 5 sec"))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.spacedWrapper
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('seekToLive')
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.text
-  }, "Go to Live")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('setVolume', 50)
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.text
-  }, "Low Volume to `50`"))));
-};
-exports.CustomControls = CustomControls;
-const styles = _reactNative.StyleSheet.create({
-  wrapper: {
-    flexDirection: 'row',
-    justifyContent: 'space-evenly'
-  },
-  spacedWrapper: {
-    flexDirection: 'row',
-    justifyContent: 'space-evenly',
-    marginVertical: 8
-  },
-  button: {
-    padding: 12
-  },
-  text: {
-    color: _theme.COLORS.PRIMARY.LIGHT
-  }
-});
-//# sourceMappingURL=CustomHLSPlayerControls.js.map

package/lib/commonjs/components/CustomHLSPlayerControls.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","obj","__esModule","default","CustomControls","handleControlPress","createElement","View","style","styles","wrapper","TouchableOpacity","button","onPress","Text","text","spacedWrapper","exports","StyleSheet","create","flexDirection","justifyContent","marginVertical","padding","color","COLORS","PRIMARY","LIGHT"],"sourceRoot":"../../../src","sources":["components/CustomHLSPlayerControls.tsx"],"mappings":"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","ignoreList":[]}