@100mslive/roomkit-react 0.4.3-alpha.2 → 0.4.3-alpha.4

package/src/Prebuilt/components/VirtualBackground/VBToggle.tsx

@@ -1,50 +0,0 @@
-import React, { useEffect } from 'react';
-// eslint-disable-next-line
-import { HMSVirtualBackgroundTypes } from '@100mslive/hms-virtual-background/hmsvbplugin';
-import {
-  selectAppData,
-  selectIsEffectsEnabled,
-  selectIsLocalVideoEnabled,
-  selectIsVBEnabled,
-  useAVToggle,
-  useHMSActions,
-  useHMSStore,
-} from '@100mslive/react-sdk';
-import { VirtualBackgroundIcon } from '@100mslive/react-icons';
-import { Loading } from '../../../Loading';
-import { Tooltip } from '../../../Tooltip';
-import IconButton from '../../IconButton';
-import { VBHandler } from './VBHandler';
-// @ts-ignore
-import { useIsSidepaneTypeOpen, useSidepaneToggle } from '../AppData/useSidepane';
-import { APP_DATA, isSafari, SIDE_PANE_OPTIONS } from '../../common/constants';
-
-export const VBToggle = () => {
-  const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
-  const isVBOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.VB);
-  const isVideoOn = useHMSStore(selectIsLocalVideoEnabled);
-  const isVBEnabled = useHMSStore(selectIsVBEnabled);
-  const isEffectsEnabled = useHMSStore(selectIsEffectsEnabled);
-  const loadingEffects = useHMSStore(selectAppData(APP_DATA.loadingEffects));
-  const hmsActions = useHMSActions();
-  const { toggleVideo } = useAVToggle();
-
-  useEffect(() => {
-    if (!toggleVideo) {
-      VBHandler?.reset();
-      hmsActions.setAppData(APP_DATA.background, HMSVirtualBackgroundTypes.NONE);
-    }
-  }, [hmsActions, toggleVideo]);
-
-  if (!isVideoOn || (!isEffectsEnabled && isSafari) || !isVBEnabled) {
-    return null;
-  }
-
-  return (
-    <Tooltip side="top" disabled={isVBOpen} title="Configure Virtual Background">
-      <IconButton active={!isVBOpen} onClick={toggleVB} data-testid="virtual_bg_btn">
-        {loadingEffects ? <Loading size={18} /> : <VirtualBackgroundIcon />}
-      </IconButton>
-    </Tooltip>
-  );
-};

package/src/Prebuilt/components/hooks/useAudioOutputTest.tsx

@@ -1,20 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-
-export const useAudioOutputTest = ({ deviceId }: { deviceId: string }) => {
-  const audioRef = useRef<HTMLAudioElement | null>(null);
-  const [playing, setPlaying] = useState(false);
-  useEffect(() => {
-    if (audioRef.current && deviceId) {
-      try {
-        // @ts-ignore
-        if (typeof audioRef.current.setSinkId !== 'undefined') {
-          // @ts-ignore
-          audioRef.current.setSinkId(deviceId);
-        }
-      } catch (error) {
-        console.log(error);
-      }
-    }
-  }, [deviceId]);
-  return { playing, setPlaying, audioRef };
-};

package/src/Prebuilt/components/hooks/useAutoStartStreaming.tsx

@@ -1,70 +0,0 @@
-import { useCallback, useEffect, useRef } from 'react';
-import {
-  selectIsConnectedToRoom,
-  selectPermissions,
-  useHMSActions,
-  useHMSStore,
-  useRecordingStreaming,
-} from '@100mslive/react-sdk';
-// @ts-ignore: No implicit Any
-import { useSetAppDataByKey } from '../AppData/useUISettings';
-// @ts-ignore: No implicit Any
-import { useShowStreamingUI } from '../../common/hooks';
-// @ts-ignore: No implicit Any
-import { APP_DATA } from '../../common/constants';
-
-export const useAutoStartStreaming = () => {
-  const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const permissions = useHMSStore(selectPermissions);
-  const showStreamingUI = useShowStreamingUI();
-  const hmsActions = useHMSActions();
-  const isConnected = useHMSStore(selectIsConnectedToRoom);
-  const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming();
-  const streamStartedRef = useRef(false);
-
-  const startHLS = useCallback(async () => {
-    try {
-      if (
-        isHLSStarted ||
-        !showStreamingUI ||
-        isHLSRunning ||
-        isRTMPRunning ||
-        isHLSRecordingOn ||
-        isBrowserRecordingOn
-      ) {
-        return;
-      }
-      setHLSStarted(true);
-      streamStartedRef.current = true;
-      await hmsActions.startHLSStreaming();
-    } catch (error) {
-      console.error(error);
-      streamStartedRef.current = false;
-      setHLSStarted(false);
-    }
-  }, [
-    hmsActions,
-    isHLSRunning,
-    isHLSStarted,
-    setHLSStarted,
-    showStreamingUI,
-    isRTMPRunning,
-    isHLSRecordingOn,
-    isBrowserRecordingOn,
-  ]);
-
-  useEffect(() => {
-    if (!isHLSStarted && !isHLSRunning) {
-      streamStartedRef.current = false;
-    }
-  }, [isHLSStarted, isHLSRunning]);
-
-  useEffect(() => {
-    if (!isConnected || streamStartedRef.current || !permissions?.hlsStreaming) {
-      return;
-    }
-    // Is a streaming kit and peer with streaming permissions joins
-    startHLS();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isConnected]);
-};

package/src/Prebuilt/components/hooks/useChatBlacklist.ts

@@ -1,29 +0,0 @@
-import { useCallback } from 'react';
-import { selectLocalPeer, selectSessionStore, useHMSActions, useHMSStore } from '@100mslive/react-sdk';
-// @ts-ignore
-import { ToastManager } from '../Toast/ToastManager';
-import { SESSION_STORE_KEY } from '../../common/constants';
-
-export const useChatBlacklist = (
-  sessionStoreKey: SESSION_STORE_KEY.CHAT_MESSAGE_BLACKLIST | SESSION_STORE_KEY.CHAT_PEER_BLACKLIST,
-) => {
-  const hmsActions = useHMSActions();
-  const blacklistedIDs = useHMSStore(selectSessionStore(sessionStoreKey));
-
-  const blacklistItem = useCallback(
-    async (blacklistID: string) => {
-      await hmsActions.sessionStore
-        .set(sessionStoreKey, [...(blacklistedIDs || []), blacklistID])
-        .catch(err => ToastManager.addToast({ title: err.description }));
-    },
-    [hmsActions, sessionStoreKey, blacklistedIDs],
-  );
-
-  return { blacklistItem, blacklistedIDs };
-};
-
-export const useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = '' }) => {
-  const localPeer = useHMSStore(selectLocalPeer);
-  const blacklistedPeerIDs = useHMSStore(selectSessionStore(SESSION_STORE_KEY.CHAT_PEER_BLACKLIST)) || [];
-  return blacklistedPeerIDs?.includes(local ? localPeer?.customerUserId : peerCustomerUserId);
-};

package/src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx

@@ -1,17 +0,0 @@
-import { useEffect } from 'react';
-import { selectPeerScreenSharing, useHMSStore, useWhiteboard } from '@100mslive/react-sdk';
-
-/**
- * close existing whiteboard when a screen is shared
- */
-export const useCloseScreenshareWhiteboard = () => {
-  const peerSharing = useHMSStore(selectPeerScreenSharing);
-  const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = useWhiteboard();
-
-  // if both screenshare and whiteboard are open, close the whiteboard
-  useEffect(() => {
-    if (isWhiteboardOwner && peerSharing) {
-      toggleWhiteboard?.();
-    }
-  }, [isWhiteboardOwner, toggleWhiteboard, peerSharing]);
-};

package/src/Prebuilt/components/hooks/useDropdownList.ts

@@ -1,24 +0,0 @@
-import { useEffect } from 'react';
-// @ts-ignore: No implicit Any
-import { useSetAppDataByKey } from '../AppData/useUISettings';
-import { APP_DATA } from '../../common/constants';
-
-export const useDropdownList = ({ name, open }: { name: string; open: boolean }) => {
-  const [dropdownList = [], setDropdownList] = useSetAppDataByKey(APP_DATA.dropdownList);
-
-  useEffect(() => {
-    if (open) {
-      if (!dropdownList.includes(name)) {
-        setDropdownList([...dropdownList, name]);
-      }
-    } else {
-      const index = dropdownList.indexOf(name);
-      if (index >= 0) {
-        const newDropdownList = [...dropdownList];
-        newDropdownList.splice(index, 1);
-        setDropdownList(newDropdownList);
-      }
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [open, name]);
-};

package/src/Prebuilt/components/hooks/useDropdownSelection.jsx

@@ -1,3 +0,0 @@
-export const useDropdownSelection = () => {
-  return '$surface_bright';
-};

package/src/Prebuilt/components/hooks/useFullscreen.ts

@@ -1,46 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-import screenfull from 'screenfull';
-// @ts-ignore: No implicit any
-import { ToastManager } from '../Toast/ToastManager';
-import { DEFAULT_PORTAL_CONTAINER } from '../../common/constants';
-
-export const useFullscreen = () => {
-  const [isFullScreenEnabled, setIsFullScreenEnabled] = useState(screenfull.isFullscreen);
-
-  const toggle = useCallback(async () => {
-    if (!screenfull.isEnabled) {
-      ToastManager.addToast({ title: 'Fullscreen feature not supported' });
-      return;
-    }
-    try {
-      const container = document.querySelector(DEFAULT_PORTAL_CONTAINER);
-      if (isFullScreenEnabled) {
-        await screenfull.exit();
-      } else if (container) {
-        await screenfull.request(container);
-      }
-    } catch (err) {
-      ToastManager.addToast({ title: (err as Error).message });
-    }
-  }, [isFullScreenEnabled]);
-
-  useEffect(() => {
-    const onChange = () => {
-      setIsFullScreenEnabled(screenfull.isFullscreen);
-    };
-    if (screenfull.isEnabled) {
-      screenfull.on('change', onChange);
-    }
-    return () => {
-      if (screenfull.isEnabled) {
-        screenfull.off('change', onChange);
-      }
-    };
-  }, []);
-
-  return {
-    allowed: screenfull.isEnabled,
-    isFullscreen: isFullScreenEnabled,
-    toggleFullscreen: toggle,
-  };
-};

package/src/Prebuilt/components/hooks/useGroupOnStageActions.tsx

@@ -1,54 +0,0 @@
-import { match, P } from 'ts-pattern';
-import { HMSPeer, selectPermissions, useHMSActions, useHMSStore } from '@100mslive/react-sdk';
-import { useRoomLayoutConferencingScreen } from '../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen';
-
-export const useGroupOnStageActions = ({ peers }: { peers: HMSPeer[] }) => {
-  const hmsActions = useHMSActions();
-  const { elements } = useRoomLayoutConferencingScreen();
-  const {
-    bring_to_stage_label,
-    remove_from_stage_label,
-    on_stage_role,
-    off_stage_roles = [],
-    skip_preview_for_role_change = false,
-  } = elements.on_stage_exp || {};
-  const canChangeRole = useHMSStore(selectPermissions)?.changeRole;
-
-  const offStageRolePeers = peers.filter(peer =>
-    match({ on_stage_role, bring_to_stage_label, roleName: peer.roleName })
-      .with(
-        {
-          on_stage_role: P.when(role => !!role),
-          bring_to_stage_label: P.when(label => !!label),
-          roleName: P.when(role => !!role && off_stage_roles.includes(role)),
-        },
-        () => true,
-      )
-      .otherwise(() => false),
-  );
-
-  const lowerAllHands = async () => {
-    return Promise.all(peers.map(peer => hmsActions.lowerRemotePeerHand(peer.id)));
-  };
-
-  const bringAllToStage = () => {
-    if (!canChangeRole || !on_stage_role) {
-      return;
-    }
-    return Promise.all(
-      offStageRolePeers.map(peer => {
-        return hmsActions.changeRoleOfPeer(peer.id, on_stage_role, skip_preview_for_role_change).then(() => {
-          return skip_preview_for_role_change ? hmsActions.lowerRemotePeerHand(peer.id) : null;
-        });
-      }),
-    );
-  };
-
-  return {
-    lowerAllHands,
-    bringAllToStage,
-    canBringToStage: canChangeRole && offStageRolePeers.length > 0,
-    bring_to_stage_label,
-    remove_from_stage_label,
-  };
-};

package/src/Prebuilt/components/hooks/useMetadata.tsx

@@ -1,56 +0,0 @@
-import { useCallback } from 'react';
-import {
-  selectHasPeerHandRaised,
-  selectLocalPeerID,
-  selectPeerMetadata,
-  useHMSActions,
-  useHMSStore,
-  useHMSVanillaStore,
-} from '@100mslive/react-sdk';
-
-export const useMyMetadata = () => {
-  const hmsActions = useHMSActions();
-  const localPeerId = useHMSStore(selectLocalPeerID);
-  const vanillaStore = useHMSVanillaStore();
-  const metaData = useHMSStore(selectPeerMetadata(localPeerId));
-  const isHandRaised = useHMSStore(selectHasPeerHandRaised(localPeerId));
-
-  const update = async (updatedFields: Record<string, any>) => {
-    try {
-      // get current state from store and merge updated fields
-      const currentMetadata = vanillaStore.getState(selectPeerMetadata(localPeerId));
-      await hmsActions.changeMetadata(Object.assign(currentMetadata, updatedFields));
-      return true;
-    } catch (error) {
-      console.error('failed to update metadata ', updatedFields);
-    }
-    return false;
-  };
-
-  const toggleHandRaise = useCallback(async () => {
-    if (isHandRaised) {
-      await hmsActions.lowerLocalPeerHand();
-      await update({ handRaisedAt: undefined });
-    } else {
-      await hmsActions.raiseLocalPeerHand();
-      await update({ isBRBOn: false, handRaisedAt: Date.now() });
-    }
-  }, [isHandRaised]); //eslint-disable-line
-
-  const toggleBRB = useCallback(async () => {
-    const newValue = !metaData?.isBRBOn;
-    await update({ isBRBOn: newValue });
-    if (newValue) {
-      await hmsActions.lowerLocalPeerHand();
-    }
-  }, [metaData?.isBRBOn]); //eslint-disable-line
-
-  return {
-    isHandRaised,
-    isBRBOn: !!metaData?.isBRBOn,
-    metaData,
-    updateMetaData: update,
-    toggleHandRaise,
-    toggleBRB,
-  };
-};

package/src/Prebuilt/components/hooks/usePeerOnStageActions.tsx

@@ -1,49 +0,0 @@
-import { useState } from 'react';
-import { selectPeerMetadata, selectPermissions, useHMSActions, useHMSStore } from '@100mslive/react-sdk';
-import { useRoomLayoutConferencingScreen } from '../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen';
-
-export const usePeerOnStageActions = ({ peerId, role }: { peerId: string; role: string }) => {
-  const hmsActions = useHMSActions();
-  const { elements } = useRoomLayoutConferencingScreen();
-  const {
-    bring_to_stage_label,
-    remove_from_stage_label,
-    on_stage_role,
-    off_stage_roles = [],
-    skip_preview_for_role_change = false,
-  } = elements.on_stage_exp || {};
-  const isInStage = role === on_stage_role;
-  const canChangeRole = useHMSStore(selectPermissions)?.changeRole;
-  const shouldShowStageRoleChange =
-    canChangeRole &&
-    ((isInStage && remove_from_stage_label) || (off_stage_roles?.includes(role) && bring_to_stage_label));
-  const prevRole = useHMSStore(selectPeerMetadata(peerId))?.prevRole;
-  const [open, setOpen] = useState(false);
-
-  const lowerPeerHand = async () => {
-    await hmsActions.lowerRemotePeerHand(peerId);
-  };
-
-  const handleStageAction = async () => {
-    if (isInStage) {
-      prevRole && hmsActions.changeRoleOfPeer(peerId, prevRole, true);
-    } else if (on_stage_role) {
-      await hmsActions.changeRoleOfPeer(peerId, on_stage_role, skip_preview_for_role_change);
-      if (skip_preview_for_role_change) {
-        await lowerPeerHand();
-      }
-    }
-    setOpen(false);
-  };
-
-  return {
-    open,
-    setOpen,
-    lowerPeerHand,
-    handleStageAction,
-    shouldShowStageRoleChange,
-    isInStage,
-    bring_to_stage_label,
-    remove_from_stage_label,
-  };
-};

package/src/Prebuilt/components/hooks/usePinnedBy.tsx

@@ -1,22 +0,0 @@
-import { useEffect, useState } from 'react';
-import { selectSessionStore, useHMSStore } from '@100mslive/react-sdk';
-import { PinnedMessage } from './usePinnedMessages';
-import { SESSION_STORE_KEY } from '../../common/constants';
-
-export const usePinnedBy = (messageId: string) => {
-  const pinnedMessages = useHMSStore(selectSessionStore(SESSION_STORE_KEY.PINNED_MESSAGES));
-  const [pinnedBy, setPinnedBy] = useState('');
-
-  useEffect(() => {
-    let match = '';
-    pinnedMessages?.forEach((pinnedMessage: PinnedMessage) => {
-      if (pinnedMessage.id === messageId) {
-        match = pinnedMessage.pinnedBy;
-      }
-    });
-
-    setPinnedBy(match);
-  }, [messageId, pinnedMessages]);
-
-  return pinnedBy;
-};

package/src/Prebuilt/components/hooks/usePinnedMessages.ts

@@ -1,78 +0,0 @@
-import { useCallback } from 'react';
-import {
-  HMSMessage,
-  selectPeerNameByID,
-  selectSessionStore,
-  useHMSActions,
-  useHMSVanillaStore,
-} from '@100mslive/react-sdk';
-// @ts-ignore
-import { ToastManager } from '../Toast/ToastManager';
-// @ts-ignore
-import { SESSION_STORE_KEY } from '../../common/constants';
-
-export type PinnedMessage = {
-  text: string;
-  id: string;
-  pinnedBy: string;
-};
-
-/**
- * set pinned chat message by updating the session store
- */
-export const usePinnedMessages = () => {
-  const hmsActions = useHMSActions();
-  const vanillaStore = useHMSVanillaStore();
-
-  const setPinnedMessages = useCallback(
-    async (message: HMSMessage, pinnedBy: string) => {
-      const peerName = vanillaStore.getState(selectPeerNameByID(message?.sender)) || message?.senderName;
-      const newPinnedMessage = { text: '', id: message.id, pinnedBy };
-
-      if (message && peerName) {
-        newPinnedMessage['text'] = `${peerName}: ${message.message}`;
-      } else if (message) {
-        newPinnedMessage['text'] = message.message;
-      }
-
-      const pinnedMessages = vanillaStore.getState(selectSessionStore(SESSION_STORE_KEY.PINNED_MESSAGES)) || [];
-      if (!pinnedMessages?.find((pinnedMessage: PinnedMessage) => pinnedMessage.id === newPinnedMessage.id)) {
-        await hmsActions.sessionStore
-          .set(SESSION_STORE_KEY.PINNED_MESSAGES, [...pinnedMessages, newPinnedMessage].slice(-3)) // Limiting to maximum of 3 messages - FIFO
-          .catch(err => ToastManager.addToast({ title: err.description }));
-      }
-    },
-    [hmsActions, vanillaStore],
-  );
-
-  const removePinnedMessage = useCallback(
-    async (indexToRemove: number) => {
-      const pinnedMessages = vanillaStore.getState(selectSessionStore(SESSION_STORE_KEY.PINNED_MESSAGES)) || [];
-      if (pinnedMessages[indexToRemove]) {
-        await hmsActions.sessionStore
-          .set(
-            SESSION_STORE_KEY.PINNED_MESSAGES,
-            pinnedMessages.filter((_: PinnedMessage, index: number) => index !== indexToRemove),
-          )
-          .catch(err => ToastManager.addToast({ title: err.description }));
-      }
-    },
-    [hmsActions, vanillaStore],
-  );
-
-  const unpinBlacklistedMessages = useCallback(
-    async (blacklistedMessageIDSet: Set<string>) => {
-      const pinnedMessages = vanillaStore.getState(selectSessionStore(SESSION_STORE_KEY.PINNED_MESSAGES)) || [];
-      const filteredPinnedMessages = pinnedMessages?.filter(
-        (pinnedMessage: PinnedMessage) => !blacklistedMessageIDSet?.has(pinnedMessage.id),
-      );
-
-      await hmsActions.sessionStore
-        .set(SESSION_STORE_KEY.PINNED_MESSAGES, filteredPinnedMessages)
-        .catch(err => ToastManager.addToast({ title: err.description }));
-    },
-    [hmsActions, vanillaStore],
-  );
-
-  return { setPinnedMessages, removePinnedMessage, unpinBlacklistedMessages };
-};

package/src/Prebuilt/components/hooks/usePlaylist.js

@@ -1,25 +0,0 @@
-import {
-  HMSPlaylistType,
-  selectAudioPlaylist,
-  selectVideoPlaylist,
-  useHMSActions,
-  useHMSStore,
-} from '@100mslive/react-sdk';
-
-export const usePlaylist = type => {
-  const isAudioPlaylist = type === HMSPlaylistType.audio;
-  const selector = isAudioPlaylist ? selectAudioPlaylist : selectVideoPlaylist;
-  const active = useHMSStore(selector.selectedItem);
-  const selection = useHMSStore(selector.selection);
-  const playlist = useHMSStore(selector.list);
-  const hmsActions = useHMSActions();
-  const playlistAction = isAudioPlaylist ? hmsActions.audioPlaylist : hmsActions.videoPlaylist;
-
-  return {
-    active,
-    hasNext: selection.hasNext,
-    hasPrevious: selection.hasPrevious,
-    actions: playlistAction,
-    list: playlist,
-  };
-};

package/src/Prebuilt/components/hooks/usePlaylistMusic.js

@@ -1,35 +0,0 @@
-import { useCallback } from 'react';
-import {
-  selectAudioPlaylist,
-  selectAudioPlaylistTrackByPeerID,
-  selectPeerSharingAudioPlaylist,
-  useHMSActions,
-  useHMSStore,
-} from '@100mslive/react-sdk';
-
-export const usePlaylistMusic = () => {
-  const peer = useHMSStore(selectPeerSharingAudioPlaylist);
-  const track = useHMSStore(selectAudioPlaylistTrackByPeerID(peer?.id));
-  const selection = useHMSStore(selectAudioPlaylist.selectedItem);
-  const hmsActions = useHMSActions();
-
-  const play = useCallback(
-    async selectedId => {
-      await hmsActions.audioPlaylist.play(selectedId);
-    },
-    [hmsActions],
-  );
-
-  const pause = useCallback(() => {
-    hmsActions.audioPlaylist.pause();
-  }, [hmsActions]);
-
-  const setVolume = useCallback(
-    value => {
-      hmsActions.setVolume(value, track?.id);
-    },
-    [hmsActions, track],
-  );
-
-  return { selection, peer, track, play, pause, setVolume };
-};

package/src/Prebuilt/components/hooks/useRedirectToLeave.tsx

@@ -1,23 +0,0 @@
-import { useCallback } from 'react';
-import { useHMSPrebuiltContext } from '../../AppContext';
-// @ts-ignore: No implicit Any
-import { PictureInPicture } from '../PIP/PIPManager';
-// @ts-ignore: No implicit Any
-import { ToastManager } from '../Toast/ToastManager';
-
-export const useRedirectToLeave = () => {
-  const { onLeave } = useHMSPrebuiltContext();
-
-  const redirect = useCallback(
-    (timeout = 0) => {
-      setTimeout(() => {
-        PictureInPicture.stop().catch(() => console.error('stopping pip'));
-        ToastManager.clearAllToast();
-        onLeave?.();
-      }, timeout);
-    },
-    [onLeave],
-  );
-
-  return { redirectToLeave: redirect };
-};

package/src/Prebuilt/components/hooks/useRoleProminencePeers.tsx

@@ -1,39 +0,0 @@
-import { useMemo } from 'react';
-import { HMSPeer } from '@100mslive/react-sdk';
-// @ts-ignore: No implicit Any
-import { usePinnedTrack } from '../AppData/useUISettings';
-
-export const useRoleProminencePeers = (prominentRoles: string[], peers: HMSPeer[], isInsetEnabled: boolean) => {
-  const pinnedTrack = usePinnedTrack();
-
-  const [prominentPeers, secondaryPeers] = useMemo(() => {
-    return peers.reduce<[HMSPeer[], HMSPeer[]]>(
-      (acc, peer) => {
-        if (pinnedTrack) {
-          if (pinnedTrack.peerId === peer.id) {
-            acc[0].push(peer);
-          } else if (!(isInsetEnabled && peer.isLocal)) {
-            acc[1].push(peer);
-          }
-          return acc;
-        }
-        if (peer.isLocal && isInsetEnabled && !prominentRoles?.includes(peer.roleName || '')) {
-          return acc;
-        }
-        if (prominentRoles?.includes(peer.roleName || '')) {
-          acc[0].push(peer);
-        } else {
-          acc[1].push(peer);
-        }
-
-        return acc;
-      },
-      [[], []],
-    );
-  }, [peers, isInsetEnabled, prominentRoles, pinnedTrack]);
-
-  return {
-    prominentPeers,
-    secondaryPeers,
-  };
-};