@100mslive/react-native-room-kit 0.0.3 → 0.1.0

package/src/modules/HMSManager.ts

@@ -0,0 +1,25 @@
+import { HMSManagerModule, getLogger } from '@100mslive/react-native-hms';
+import type { HMSSDK } from '@100mslive/react-native-hms';
+import type { Layout } from '@100mslive/types-prebuilt';
+
+import { parseRoomLayout } from './parser';
+
+export async function getRoomLayout(
+  hmsInstance: HMSSDK,
+  authToken: string,
+  endpoint?: string
+): Promise<Layout> {
+  getLogger()?.verbose('#Function getRoomLayout', {
+    id: hmsInstance.id,
+    authToken,
+    endpoint,
+  });
+
+  const layputAPIResponse: string = await HMSManagerModule.getRoomLayout({
+    id: hmsInstance.id,
+    authToken,
+    endpoint,
+  });
+
+  return parseRoomLayout(layputAPIResponse);
+}

package/src/modules/parser.ts

@@ -0,0 +1,22 @@
+import type {
+  GetResponse as LayoutAPIResponse,
+  Layout,
+} from '@100mslive/types-prebuilt';
+
+export async function parseRoomLayout(response: string): Promise<Layout> {
+  try {
+    const parsedResponse: LayoutAPIResponse = JSON.parse(response);
+    if (!parsedResponse.data) {
+      return Promise.reject('Layout API response is corrupted!');
+    }
+
+    const firstLayout = parsedResponse.data[0];
+    if (!firstLayout) {
+      return Promise.reject('No Layout found for the Room!');
+    }
+
+    return firstLayout;
+  } catch (error) {
+    return Promise.reject(error);
+  }
+}

package/src/peerTrackNodeUtils.tsx

@@ -13,11 +13,7 @@ export const degradeOrRestorePeerTrackNodes = (
   track: HMSTrack,
   isDegraded: boolean
 ): PeerTrackNode[] => {
-  const uniqueId =
-    peer.peerID +
-    (track.type === HMSTrackType.VIDEO
-      ? track?.source || HMSTrackSource.REGULAR
-      : HMSTrackSource.REGULAR);
+  const uniqueId = createPeerTrackNodeUniqueId(peer, track);
 
   return peerTrackNodes.map((peerTrackNode) => {
     if (peerTrackNode.id !== uniqueId) {
@@ -101,14 +97,21 @@ export const peerTrackNodeExistForPeerAndTrack = (
   peer: HMSPeer,
   track: HMSTrack
 ): boolean => {
-  const uniqueId =
-    peer.peerID +
-    (track.type === HMSTrackType.VIDEO
-      ? track?.source || HMSTrackSource.REGULAR
-      : HMSTrackSource.REGULAR);
+  const uniqueId = createPeerTrackNodeUniqueId(peer, track);
+
   return (
     peerTrackNodes.findIndex(
       (peerTrackNode) => peerTrackNode.id === uniqueId
     ) >= 0
   );
 };
+
+export const createPeerTrackNodeUniqueId = (peer: HMSPeer, track: HMSTrack) => {
+  const uniqueId =
+    peer.peerID +
+    (track.type === HMSTrackType.VIDEO
+      ? track?.source || HMSTrackSource.REGULAR
+      : HMSTrackSource.REGULAR);
+
+  return uniqueId;
+};

package/src/redux/actionTypes.ts

@@ -48,6 +48,24 @@ const SET_MODAL_TYPE = 'SET_MODAL_TYPE';
 
 const SET_PEER_TO_UPDATE = 'SET_PEER_TO_UPDATE';
 
+const SET_MEETING_STATE = 'SET_MEETING_STATE';
+
+const SET_INSET_VIEW_MINIMIZED = 'SET_INSET_VIEW_MINIMIZED';
+
+const SET_MINI_VIEW_PEERTRACKNODE = 'SET_MINI_VIEW_PEERTRACKNODE';
+
+const UPDATE_MINI_VIEW_PEERTRACKNODE = 'UPDATE_MINI_VIEW_PEERTRACKNODE';
+
+const SET_LOCAL_PEERTRACKNODE = 'SET_LOCAL_PEERTRACKNODE';
+
+const UPDATE_LOCAL_PEERTRACKNODE = 'UPDATE_LOCAL_PEERTRACKNODE';
+
+const SET_STARTING_HLS_STREAM = 'SET_STARTING_HLS_STREAM';
+
+const SET_GRID_VIEW_ACTIVE_PAGE = 'SET_GRID_VIEW_ACTIVE_PAGE';
+
+const SET_STARTING_OR_STOPPING_RECORDING = 'SET_STARTING_OR_STOPPING_RECORDING';
+
 export default {
   ADD_PINNED_MESSAGE,
   ADD_MESSAGE,
@@ -69,6 +87,15 @@ export default {
   SET_RTC_STATS,
   SET_MODAL_TYPE,
   SET_PEER_TO_UPDATE,
+  SET_MEETING_STATE,
+  SET_INSET_VIEW_MINIMIZED,
+  SET_MINI_VIEW_PEERTRACKNODE,
+  UPDATE_MINI_VIEW_PEERTRACKNODE,
+  SET_LOCAL_PEERTRACKNODE,
+  UPDATE_LOCAL_PEERTRACKNODE,
+  SET_STARTING_HLS_STREAM,
+  SET_GRID_VIEW_ACTIVE_PAGE,
+  SET_STARTING_OR_STOPPING_RECORDING,
 };
 
 export enum HmsStateActionTypes {
@@ -84,4 +111,5 @@ export enum HmsStateActionTypes {
   SET_USER_NAME = 'SET_USER_NAME',
   ADD_TO_PREVIEW_PEERS_LIST = 'ADD_TO_PREVIEW_PEERS_LIST',
   REMOVE_FROM_PREVIEW_PEERS_LIST = 'REMOVE_FROM_PREVIEW_PEERS_LIST',
+  SET_LAYOUT_CONFIG = 'SET_LAYOUT_CONFIG',
 }

package/src/redux/actions/index.ts

@@ -10,13 +10,16 @@ import type {
   HMSSDK,
   HMSSessionStore,
 } from '@100mslive/react-native-hms';
+import type { Layout } from '@100mslive/types-prebuilt';
+
 import type {
-  IOSBuildConfig,
+  HMSIOSScreenShareConfig,
   ModalTypes,
   PeerTrackNode,
   PipModes,
 } from '../../utils/types';
 import actionTypes, { HmsStateActionTypes } from '../actionTypes';
+import { MeetingState } from '../../types';
 
 export const setPrebuiltData = (data: {
   roomCode: string;
@@ -28,8 +31,9 @@ export const setPrebuiltData = (data: {
       init: string;
       token: string;
     };
-    ios?: IOSBuildConfig;
+    ios?: HMSIOSScreenShareConfig;
   };
+  onLeave?: () => void;
 }) => ({
   type: HmsStateActionTypes.SET_PREBUILT_DATA,
   payload: data,
@@ -204,3 +208,61 @@ export const removeFromPreviewPeersList = (peer: HMSPeer) => ({
   type: HmsStateActionTypes.REMOVE_FROM_PREVIEW_PEERS_LIST,
   peerId: peer.peerID,
 });
+
+export const changeMeetingState = (meetingState: MeetingState) => ({
+  type: actionTypes.SET_MEETING_STATE,
+  payload: { meetingState },
+});
+
+export const setInsetViewMinimized = (insetViewMinimized: boolean) => ({
+  type: actionTypes.SET_INSET_VIEW_MINIMIZED,
+  payload: { insetViewMinimized },
+});
+
+export const setMiniViewPeerTrackNode = (
+  miniviewPeerTrackNode: PeerTrackNode | null
+) => ({
+  type: actionTypes.SET_MINI_VIEW_PEERTRACKNODE,
+  payload: { miniviewPeerTrackNode },
+});
+
+export const updateMiniViewPeerTrackNode = (
+  data: Partial<Omit<PeerTrackNode, 'id'>>
+) => ({
+  type: actionTypes.UPDATE_MINI_VIEW_PEERTRACKNODE,
+  payload: data,
+});
+
+export const setLocalPeerTrackNode = (
+  localPeerTrackNode: PeerTrackNode | null
+) => ({
+  type: actionTypes.SET_LOCAL_PEERTRACKNODE,
+  payload: { localPeerTrackNode },
+});
+
+export const updateLocalPeerTrackNode = (
+  data: Partial<Omit<PeerTrackNode, 'id' | 'isDegraded'>>
+) => ({
+  type: actionTypes.UPDATE_LOCAL_PEERTRACKNODE,
+  payload: data,
+});
+
+export const changeStartingHLSStream = (startingHLSStream: boolean) => ({
+  type: actionTypes.SET_STARTING_HLS_STREAM,
+  payload: { startingHLSStream },
+});
+
+export const setLayoutConfig = (layoutConfig: Layout) => ({
+  type: HmsStateActionTypes.SET_LAYOUT_CONFIG,
+  layoutConfig,
+});
+
+export const setGridViewActivePage = (pageNumber: number) => ({
+  type: actionTypes.SET_GRID_VIEW_ACTIVE_PAGE,
+  payload: { gridViewActivePage: pageNumber },
+});
+
+export const setStartingOrStoppingRecording = (startingOrStoppingRecording: boolean) => ({
+  type: actionTypes.SET_STARTING_OR_STOPPING_RECORDING,
+  payload: { startingOrStoppingRecording },
+});

package/src/redux/reducers/appState.ts

@@ -9,6 +9,7 @@ import {
   HMSRemoteAudioStats,
   HMSRemoteVideoStats,
 } from '@100mslive/react-native-hms';
+import { MeetingState } from '../../types';
 
 type ActionType = {
   payload: { [key: string]: any };
@@ -37,6 +38,13 @@ type IntialStateType = {
   };
   modalType: ModalTypes;
   peerToUpdate: HMSPeer | null;
+  meetingState: MeetingState;
+  startingHLSStream: boolean;
+  insetViewMinimized: boolean;
+  miniviewPeerTrackNode: null | PeerTrackNode;
+  localPeerTrackNode: null | PeerTrackNode;
+  gridViewActivePage: number;
+  startingOrStoppingRecording: boolean;
 };
 
 const INITIAL_STATE: IntialStateType = {
@@ -54,6 +62,13 @@ const INITIAL_STATE: IntialStateType = {
   },
   modalType: ModalTypes.DEFAULT,
   peerToUpdate: null,
+  meetingState: MeetingState.NOT_JOINED,
+  startingHLSStream: false,
+  insetViewMinimized: false,
+  miniviewPeerTrackNode: null,
+  localPeerTrackNode: null,
+  gridViewActivePage: 0,
+  startingOrStoppingRecording: false,
 };
 
 const appReducer = (
@@ -133,6 +148,56 @@ const appReducer = (
           [action.payload.trackId]: action.payload.stats,
         },
       };
+    case ActionTypes.SET_MEETING_STATE:
+      return { ...state, meetingState: action.payload.meetingState };
+    case ActionTypes.SET_INSET_VIEW_MINIMIZED:
+      return {
+        ...state,
+        insetViewMinimized: action.payload.insetViewMinimized,
+      };
+    case ActionTypes.SET_MINI_VIEW_PEERTRACKNODE:
+      return {
+        ...state,
+        miniviewPeerTrackNode: action.payload.miniviewPeerTrackNode,
+      };
+    case ActionTypes.UPDATE_MINI_VIEW_PEERTRACKNODE: {
+      if (!state.miniviewPeerTrackNode) {
+        return state;
+      }
+      return {
+        ...state,
+        miniviewPeerTrackNode: {
+          ...state.miniviewPeerTrackNode,
+          ...action.payload,
+        },
+      };
+    }
+    case ActionTypes.SET_LOCAL_PEERTRACKNODE:
+      return {
+        ...state,
+        localPeerTrackNode: action.payload.localPeerTrackNode,
+      };
+    case ActionTypes.UPDATE_LOCAL_PEERTRACKNODE: {
+      if (!state.localPeerTrackNode) {
+        return state;
+      }
+      return {
+        ...state,
+        localPeerTrackNode: {
+          ...state.localPeerTrackNode,
+          ...action.payload,
+        },
+      };
+    }
+    case ActionTypes.SET_STARTING_HLS_STREAM:
+      return { ...state, startingHLSStream: action.payload.startingHLSStream };
+    case ActionTypes.SET_GRID_VIEW_ACTIVE_PAGE:
+      return {
+        ...state,
+        gridViewActivePage: action.payload.gridViewActivePage,
+      };
+    case ActionTypes.SET_STARTING_OR_STOPPING_RECORDING:
+      return { ...state, startingOrStoppingRecording: action.payload.startingOrStoppingRecording };
     case HmsStateActionTypes.CLEAR_STATES:
       return INITIAL_STATE;
     default:

package/src/redux/reducers/hmsStates.ts

@@ -4,6 +4,7 @@ import type {
   HMSRole,
   HMSRoom,
 } from '@100mslive/react-native-hms';
+import type { Layout } from '@100mslive/types-prebuilt';
 import { HmsStateActionTypes } from '../actionTypes';
 
 type ActionType =
@@ -16,7 +17,8 @@ type ActionType =
   | SetRoomLocallyMutedAction
   | ResetAction
   | AddToPreviewPeersList
-  | RemoveFromPreviewPeersList;
+  | RemoveFromPreviewPeersList
+  | SetLayoutConfig;
 
 type SetRoomAction = {
   type: HmsStateActionTypes.SET_ROOM_STATE;
@@ -67,6 +69,11 @@ type RemoveFromPreviewPeersList = {
   peerId: string;
 };
 
+type SetLayoutConfig = {
+  type: HmsStateActionTypes.SET_LAYOUT_CONFIG;
+  layoutConfig: Layout;
+};
+
 type IntialStateType = {
   isLocalAudioMuted: boolean | undefined;
   isLocalVideoMuted: boolean | undefined;
@@ -76,6 +83,7 @@ type IntialStateType = {
   localPeer: HMSLocalPeer | null;
   roles: HMSRole[];
   previewPeersList: HMSPeer[];
+  layoutConfig: Layout | null;
 };
 
 const INITIAL_STATE: IntialStateType = {
@@ -87,6 +95,7 @@ const INITIAL_STATE: IntialStateType = {
   localPeer: null,
   roles: [],
   previewPeersList: [],
+  layoutConfig: null,
 };
 
 const hmsStatesReducer = (
@@ -143,6 +152,11 @@ const hmsStatesReducer = (
           (prevPeer) => prevPeer.peerID !== action.peerId
         ),
       };
+    case HmsStateActionTypes.SET_LAYOUT_CONFIG:
+      return {
+        ...state,
+        layoutConfig: action.layoutConfig,
+      };
     case HmsStateActionTypes.CLEAR_STATES:
       return INITIAL_STATE;
     default:

package/src/redux/reducers/userState.ts

@@ -5,7 +5,7 @@ import type {
 } from '@100mslive/react-native-hms';
 import { getMeetingCode, getMeetingUrl } from '../../utils/functions';
 import ActionTypes, { HmsStateActionTypes } from '../actionTypes';
-import type { IOSBuildConfig } from '../../utils/types';
+import type { HMSIOSScreenShareConfig } from '../../utils/types';
 
 type ActionType = {
   payload: any;
@@ -24,7 +24,8 @@ type IntialStateType = {
   roomCode: string;
   isHLSFlow: boolean;
   roles: HMSRole[];
-  iosBuildConfig: IOSBuildConfig | null;
+  iosBuildConfig: HMSIOSScreenShareConfig | null;
+  onLeave: (() => void) | undefined;
 };
 
 const INITIAL_STATE: IntialStateType = {
@@ -40,6 +41,7 @@ const INITIAL_STATE: IntialStateType = {
   hmsSessionStore: null,
   spotlightTrackId: null,
   iosBuildConfig: null,
+  onLeave: undefined,
 };
 
 const userReducer = (
@@ -76,6 +78,7 @@ const userReducer = (
       state.endPoints = action.payload.options.endPoints;
       state.debugMode = action.payload.options.debugMode ?? false;
       state.iosBuildConfig = action.payload.options.ios ?? null;
+      state.onLeave = action.payload.onLeave;
 
       return state;
     case HmsStateActionTypes.CLEAR_STATES:

package/src/utils/functions.ts

@@ -520,3 +520,51 @@ export const getTimeStringin12HourFormat = (time: Date) => {
     notation
   );
 };
+
+/**
+ * @param totalNumber total number of tiles
+ * @returns list of pairs that can be made from total number of tiles
+ *
+ * Example: If totalNumber is `5`, then output will be = `[ [0, 1], [2, 3], [4] ]`;
+ */
+export function groupIntoPairs(totalNumber: number) {
+  const pairs = [];
+  for (let i = 0; i < totalNumber; i += 2) {
+    if (i + 1 < totalNumber) {
+      pairs.push([i, i + 1]);
+    } else {
+      pairs.push([i]);
+    }
+  }
+  return pairs;
+}
+
+/**
+ * @param list array of items
+ * @returns list of triplets
+ *
+ * Example: If list is `[a, b, c, d]`, then output will be `[ [a, b, c], [d] ]`
+ */
+export function groupIntoTriplets<T>(list: T[], fill?: boolean) {
+  const pairs = [];
+  const listLength = list.length;
+
+  for (let i = 0; i < listLength; i += 3) {
+    if (i + 2 < listLength) {
+      pairs.push([list[i], list[i + 1], list[i + 2]]);
+    } else if (i + 1 < listLength) {
+      const t = [list[i], list[i + 1]];
+      if (fill) {
+        t.push(undefined);
+      }
+      pairs.push(t);
+    } else {
+      const t = [list[i]];
+      if (fill) {
+        t.splice(0, 0, undefined, undefined);
+      }
+      pairs.push(t);
+    }
+  }
+  return pairs;
+}

package/src/utils/theme.ts

@@ -1,5 +1,9 @@
 import { StyleSheet } from 'react-native';
-import { Theme } from './types';
+import type {
+  ColorPalette,
+  Theme,
+  Typography,
+} from '@100mslive/types-prebuilt';
 
 export const FONTS = StyleSheet.create({
   H1: {
@@ -45,9 +49,48 @@ export const FONTS = StyleSheet.create({
   },
 });
 
-var APP_THEME: Theme = Theme.LIGHT;
-export const getAppTheme = () => APP_THEME;
-export const setAppTheme = (theme: Theme) => (APP_THEME = theme);
+export const STATIC_COLOR_PALETTE: ColorPalette = {
+  primary_default: '#2572ED',
+  primary_bright: '#538DFF',
+  primary_dim: '#002D6D',
+  primary_disabled: '#004299',
+
+  on_primary_high: '#FFFFFF',
+  on_primary_medium: '#CCDAFF',
+  on_primary_low: '#84AAFF',
+
+  secondary_default: '#444954',
+  secondary_bright: '#70778B',
+  secondary_dim: '#293042',
+  secondary_disabled: '#404759',
+
+  on_secondary_high: '#ffffff',
+  on_secondary_medium: '#D3D9F0',
+  on_secondary_low: '#A4ABC0',
+
+  background_default: '#0B0E15',
+  background_dim: '#000000',
+
+  surface_default: '#191B23',
+  surface_bright: '#272A31',
+  surface_brighter: '#2E3038',
+  surface_dim: '#11131A',
+
+  on_surface_high: '#EFF0FA',
+  on_surface_medium: '#C5C6D0',
+  on_surface_low: '#8F9099',
+
+  border_default: '#1D1F27',
+  border_bright: '#272A31',
+  // border_primary: '#2471ED',
+
+  alert_success: '#36B37E',
+  alert_warning: '#FFAB00',
+  alert_error_default: '#C74E5B',
+  alert_error_bright: '#FFB2B6',
+  alert_error_brighter: '#FFEDEC',
+  alert_error_dim: '#270005',
+};
 
 export const COLORS = {
   PRIMARY: {
@@ -75,6 +118,7 @@ export const COLORS = {
   BLACK: '#000000',
   WHITE: '#FFFFFF',
   OVERLAY: 'rgba(34, 34, 34, 0.3)',
+  LOADING_BACKDROP: 'rgba(0, 0, 0, 0.7)',
   TEXT: {
     HIGH_EMPHASIS: 'rgba(245, 249, 255, 0.95)', // '#F5F9FF'
     MEDIUM_EMPHASIS: 'rgba(224, 236, 255, 0.80)', // '#E0ECFF'
@@ -97,7 +141,8 @@ export const COLORS = {
   },
   BACKGROUND: {
     DIM: '#000000',
-    DIM_80: 'rgba(0, 0, 0, 0.8)',
+    DIM_80: 'rgba(0, 0, 0, 0.80)',
+    DIM_64: 'rgba(0, 0, 0, 0.64)',
     DEFAULT: '#0B0E15',
     DARK: '#090B0D',
     DARKER: '#040405',
@@ -132,3 +177,28 @@ export const COLORS = {
     },
   },
 };
+
+export function hexToRgbA(hex: string, alpha: number = 1) {
+  if (!/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
+    return `rgba(0, 0, 0, ${alpha})`;
+  }
+  let c: any = hex.substring(1).split('');
+  if (c.length == 3) {
+    c = [c[0], c[0], c[1], c[1], c[2], c[2]];
+  }
+  c = '0x' + c.join('');
+
+  return `rgba(${[(c >> 16) & 255, (c >> 8) & 255, c & 255].join(
+    ', '
+  )}, ${alpha})`;
+}
+
+export const DEFAULT_TYPOGRAPHY: Typography = {
+  font_family: 'Inter',
+};
+
+export const DEFAULT_THEME: Required<Theme> = {
+  default: true,
+  name: 'static',
+  palette: STATIC_COLOR_PALETTE,
+};

package/src/utils/types.ts

@@ -48,7 +48,6 @@ export enum ModalTypes {
   ZOOM = 'zoom',
   PREVIEW = 'preview',
   PARTICIPANTS = 'participants',
-  VOLUME = 'volume',
   AUDIO_MIXING_MODE = 'audioMixingMode',
   SET_AUDIO_SHARE_VOLUME = 'setAudioShareVolume',
   WELCOME_SETTINGS = 'welcomeSettings',
@@ -56,6 +55,7 @@ export enum ModalTypes {
   PEER_SETTINGS = 'peerSettings',
   STREAMING_QUALITY_SETTING = 'streamingQualitySetting',
   HLS_PLAYER_ASPECT_RATIO = 'hlsPlayerAspectRatio',
+  STOP_RECORDING = 'stopRecording',
   DEFAULT = '',
 }
 
@@ -81,9 +81,9 @@ export enum Constants {
   MEET_URL = 'MEET_URL',
 }
 
-export type IOSBuildConfig = {
-  appGroup?: string;
-  preferredExtension?: string;
+export type HMSIOSScreenShareConfig = {
+  appGroup: string;
+  preferredExtension: string;
 };
 
 export const SUPPORTED_ASPECT_RATIOS = [
@@ -93,3 +93,8 @@ export const SUPPORTED_ASPECT_RATIOS = [
   { value: 4 / 3, id: '4:3' },
   { value: 3 / 4, id: '3:4' },
 ];
+
+export enum MaxTilesInOnePage {
+  IN_PORTRAIT = 6,
+  IN_LANDSCAPE = 2,
+}

package/src/utils.ts

@@ -1,8 +1,8 @@
 // @ts-nocheck
 
 const DEFAULT_JOINING_CONFIG = {
-  mutedAudio: true,
-  mutedVideo: true,
+  mutedAudio: false,
+  mutedVideo: false,
   skipPreview: false,
   audioMixer: false, // IOS only
   musicMode: false, // IOS only

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeModal","_interopRequireDefault","_reactNative","_reactNativeSimpleToast","_reactRedux","_reactNativeHms","_Icons","_PressableIcon","_theme","_hooksUtil","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSSpeakerSettings","hmsInstance","useHMSInstance","settingsModalVisible","setSettingsModalVisible","useState","currentAudioOutputDevice","setCurrentAudioOutputDevice","availableAudioOutputDevices","setAvailableAudioOutputDevices","debugMode","useSelector","state","user","useEffect","Platform","OS","ignore","getCurrentAudioOutputDevice","device","getAudioOutputRouteType","getAvailableAudioOutputDevices","devices","getAudioDevicesList","dismissModal","handleSpeakerChange","switchAudioOutputUsingIOSUI","length","then","setAudioDeviceChangeListener","data","Toast","showWithGravity","LONG","TOP","removeEventListener","HMSUpdateListenerActions","ON_AUDIO_DEVICE_CHANGED","handleSelectAudioDevice","switchAudioOutput","createElement","View","PressableIcon","onPress","SpeakerIcon","muted","getIcon","HMSAudioDevice","AUTOMATIC","isVisible","animationIn","animationOut","backdropColor","COLORS","BACKGROUND","DIM","backdropOpacity","onBackButtonPress","onBackdropPress","useNativeDriver","useNativeDriverForBackdrop","hideModalContentWhileAnimating","style","styles","modal","container","header","Text","headerText","TouchableOpacity","hitSlop","closeIconHitSlop","CloseIcon","emptyView","itemText","ScrollView","showsVerticalScrollIndicator","sort","map","Fragment","divider","audioDeviceItem","exports","StyleSheet","create","margin","justifyContent","backgroundColor","SURFACE","borderTopLeftRadius","borderTopRightRadius","paddingTop","paddingHorizontal","paddingBottom","flexDirection","alignItems","marginBottom","color","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing","bottom","left","right","top","flex","marginHorizontal","height","paddingVertical","BORDER","DEFAULT","ofDevice","WaveIcon","BLUETOOTH","BluetoothIcon","EARPIECE","AnswerPhoneIcon","SPEAKER_PHONE","WIRED_HEADSET","HeadphonesIcon"],"sourceRoot":"../../../src","sources":["components/HMSSpeakerSettings.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAQA,IAAAI,uBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AAKA,IAAAO,MAAA,GAAAP,OAAA;AAOA,IAAAQ,cAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAEA,IAAAU,UAAA,GAAAV,OAAA;AAA+C,SAAAE,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAhB,wBAAAY,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAGxC,MAAMW,kBAA4B,GAAGA,CAAA,KAAM;EAChD,MAAMC,WAAW,GAAG,IAAAC,yBAAc,EAAC,CAAC;EACpC,MAAM,CAACC,oBAAoB,EAAEC,uBAAuB,CAAC,GAAGvC,KAAK,CAACwC,QAAQ,CAAC,KAAK,CAAC;EAE7E,MAAM,CAACC,wBAAwB,EAAEC,2BAA2B,CAAC,GAC3D1C,KAAK,CAACwC,QAAQ,CAAwB,IAAI,CAAC;EAC7C,MAAM,CAACG,2BAA2B,EAAEC,8BAA8B,CAAC,GACjE5C,KAAK,CAACwC,QAAQ,CAAmB,EAAE,CAAC;EAEtC,MAAMK,SAAS,GAAG,IAAAC,uBAAW,EAAEC,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACH,SAAS,CAAC;;EAEzE;EACA7C,KAAK,CAACiD,SAAS,CAAC,MAAM;IACpB,IAAIC,qBAAQ,CAACC,EAAE,KAAK,SAAS,EAAE;MAC7B,IAAIC,MAAM,GAAG,KAAK;MAElB,MAAMC,2BAA2B,GAAG,MAAAA,CAAA,KAAY;QAC9C,MAAMC,MAAM,GAAG,MAAMlB,WAAW,CAACmB,uBAAuB,CAAC,CAAC;QAC1D,IAAI,CAACH,MAAM,EAAE;UACXV,2BAA2B,CAACY,MAAM,CAAC;QACrC;MACF,CAAC;MAED,MAAME,8BAA8B,GAAG,MAAAA,CAAA,KAAY;QACjD,MAAMC,OAAO,GAAG,MAAMrB,WAAW,CAACsB,mBAAmB,CAAC,CAAC;QACvD,IAAI,CAACN,MAAM,EAAE;UACXR,8BAA8B,CAACa,OAAO,CAAC;QACzC;MACF,CAAC;MAEDJ,2BAA2B,CAAC,CAAC;MAC7BG,8BAA8B,CAAC,CAAC;MAEhC,OAAO,MAAM;QACXJ,MAAM,GAAG,IAAI;MACf,CAAC;IACH;EACF,CAAC,EAAE,CAAChB,WAAW,CAAC,CAAC;;EAEjB;EACA,MAAMuB,YAAY,GAAGA,CAAA,KAAM;IACzBpB,uBAAuB,CAAC,KAAK,CAAC;EAChC,CAAC;;EAED;EACA,MAAMqB,mBAAmB,GAAGA,CAAA,KAAM;IAChC,IAAIV,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MACzBf,WAAW,CAACyB,2BAA2B,CAAC,CAAC;IAC3C,CAAC,MAAM;MACL,IAAIlB,2BAA2B,CAACmB,MAAM,KAAK,CAAC,EAAE;QAC5C1B,WAAW,CACRsB,mBAAmB,CAAC,CAAC,CACrBK,IAAI,CAAEN,OAAO,IAAKb,8BAA8B,CAACa,OAAO,CAAC,CAAC,CAAC,CAAC;MACjE;;MACAlB,uBAAuB,CAAC,IAAI,CAAC;IAC/B;EACF,CAAC;;EAED;EACAvC,KAAK,CAACiD,SAAS,CAAC,MAAM;IACpB,IAAIC,qBAAQ,CAACC,EAAE,KAAK,SAAS,EAAE;MAC7B,IAAIC,MAAM,GAAG,KAAK;MAClBhB,WAAW,CAAC4B,4BAA4B,CAAEC,IAAS,IAAK;QACtD,IAAI,CAACb,MAAM,IAAIa,IAAI,EAAE;UACnBvB,2BAA2B,CAACuB,IAAI,CAACX,MAAM,CAAC;QAC1C;QAEA,IAAIT,SAAS,EAAE;UACbqB,+BAAK,CAACC,eAAe,CAClB,mCAAkCF,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEX,MAAO,EAAC,EACjDY,+BAAK,CAACE,IAAI,EACVF,+BAAK,CAACG,GACR,CAAC;QACH;MACF,CAAC,CAAC;MAEF,OAAO,MAAM;QACXjB,MAAM,GAAG,IAAI;QAEbhB,WAAW,CAACkC,mBAAmB,CAC7BC,wCAAwB,CAACC,uBAC3B,CAAC;MACH,CAAC;IACH;EACF,CAAC,EAAE,CAACpC,WAAW,EAAES,SAAS,CAAC,CAAC;;EAE5B;EACA,MAAM4B,uBAAuB,GAAInB,MAAsB,IAAK;IAC1DlB,WAAW,CAACsC,iBAAiB,CAACpB,MAAM,CAAC;IACrCf,uBAAuB,CAAC,KAAK,CAAC;EAChC,CAAC;EAED,oBACEvC,KAAA,CAAA2E,aAAA,CAACtE,YAAA,CAAAuE,IAAI,qBACH5E,KAAA,CAAA2E,aAAA,CAACjE,cAAA,CAAAmE,aAAa;IAACC,OAAO,EAAElB;EAAoB,GACzCV,qBAAQ,CAACC,EAAE,KAAK,KAAK,gBACpBnD,KAAA,CAAA2E,aAAA,CAAClE,MAAA,CAAAsE,WAAW;IAACC,KAAK,EAAE;EAAM,CAAE,CAAC,GAE7BC,OAAO,CAACxC,wBAAwB,IAAIyC,8BAAc,CAACC,SAAS,CAEjD,CAAC,eAEhBnF,KAAA,CAAA2E,aAAA,CAACxE,iBAAA,CAAAY,OAAK;IACJqE,SAAS,EAAE9C,oBAAqB;IAChC+C,WAAW,EAAE,WAAY;IACzBC,YAAY,EAAE,cAAe;IAC7BC,aAAa,EAAEC,aAAM,CAACC,UAAU,CAACC,GAAI;IACrCC,eAAe,EAAE,GAAI;IACrBC,iBAAiB,EAAEjC,YAAa;IAChCkC,eAAe,EAAElC,YAAa;IAC9BmC,eAAe,EAAE,IAAK;IACtBC,0BAA0B,EAAE,IAAK;IACjCC,8BAA8B,EAAE;IAChC;IACA;IAAA;IACAC,KAAK,EAAEC,MAAM,CAACC;EAAM,gBAEpBnG,KAAA,CAAA2E,aAAA,CAACtE,YAAA,CAAAuE,IAAI;IAACqB,KAAK,EAAEC,MAAM,CAACE;EAAU,gBAC5BpG,KAAA,CAAA2E,aAAA,CAACtE,YAAA,CAAAuE,IAAI;IAACqB,KAAK,EAAEC,MAAM,CAACG;EAAO,gBACzBrG,KAAA,CAAA2E,aAAA,CAACtE,YAAA,CAAAiG,IAAI;IAACL,KAAK,EAAEC,MAAM,CAACK;EAAW,GAAC,kBAAsB,CAAC,eAEvDvG,KAAA,CAAA2E,aAAA,CAACtE,YAAA,CAAAmG,gBAAgB;IACf1B,OAAO,EAAEnB,YAAa;IACtB8C,OAAO,EAAEP,MAAM,CAACQ;EAAiB,gBAEjC1G,KAAA,CAAA2E,aAAA,CAAClE,MAAA,CAAAkG,SAAS,MAAE,CACI,CACd,CAAC,EAENhE,2BAA2B,CAACmB,MAAM,KAAK,CAAC,gBACvC9D,KAAA,CAAA2E,aAAA,CAACtE,YAAA,CAAAuE,IAAI;IAACqB,KAAK,EAAEC,MAAM,CAACU;EAAU,gBAC5B5G,KAAA,CAAA2E,aAAA,CAACtE,YAAA,CAAAiG,IAAI;IAACL,KAAK,EAAEC,MAAM,CAACW;EAAS,GAAC,6BAAiC,CAC3D,CAAC,gBAEP7G,KAAA,CAAA2E,aAAA,CAACtE,YAAA,CAAAyG,UAAU;IAACC,4BAA4B,EAAE;EAAK,GAC5CpE,2BAA2B,CAACqE,IAAI,CAAC,CAAC,CAACC,GAAG,CAAE3D,MAAM,iBAC7CtD,KAAA,CAAA2E,aAAA,CAAC3E,KAAK,CAACkH,QAAQ;IAACrF,GAAG,EAAEyB;EAAO,GACzB,IAAI,gBAAGtD,KAAA,CAAA2E,aAAA,CAACtE,YAAA,CAAAuE,IAAI;IAACqB,KAAK,EAAEC,MAAM,CAACiB;EAAQ,CAAE,CAAC,GAAG,IAAI,eAE9CnH,KAAA,CAAA2E,aAAA,CAACtE,YAAA,CAAAmG,gBAAgB;IACfP,KAAK,EAAEC,MAAM,CAACkB,eAAgB;IAC9BtC,OAAO,EAAEA,CAAA,KAAML,uBAAuB,CAACnB,MAAM;EAAE,GAE9C2B,OAAO,CAAC3B,MAAM,CAAC,eAChBtD,KAAA,CAAA2E,aAAA,CAACtE,YAAA,CAAAiG,IAAI;IAACL,KAAK,EAAEC,MAAM,CAACW;EAAS,GAAEvD,MAAa,CAC5B,CACJ,CACjB,CACS,CAEV,CACD,CACH,CAAC;AAEX,CAAC;AAAC+D,OAAA,CAAAlF,kBAAA,GAAAA,kBAAA;AAEF,MAAM+D,MAAM,GAAGoB,uBAAU,CAACC,MAAM,CAAC;EAC/BpB,KAAK,EAAE;IACLqB,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE;EAClB,CAAC;EACDrB,SAAS,EAAE;IACTsB,eAAe,EAAElC,aAAM,CAACmC,OAAO,CAACjC,GAAG;IACnCkC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,UAAU,EAAE,EAAE;IACdC,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE;EACjB,CAAC;EACD3B,MAAM,EAAE;IACN4B,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBT,cAAc,EAAE,eAAe;IAC/BU,YAAY,EAAE;EAChB,CAAC;EACD5B,UAAU,EAAE;IACV6B,KAAK,EAAE5C,aAAM,CAACmC,OAAO,CAACU,UAAU,CAACC,IAAI;IACrCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACDjC,gBAAgB,EAAE;IAChBkC,MAAM,EAAE,EAAE;IACVC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTC,GAAG,EAAE;EACP,CAAC;EACDlC,QAAQ,EAAE;IACRmC,IAAI,EAAE,CAAC;IACPC,gBAAgB,EAAE,EAAE;IACpBb,KAAK,EAAE5C,aAAM,CAACmC,OAAO,CAACU,UAAU,CAACC,IAAI;IACrCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACD/B,SAAS,EAAE;IACTsC,MAAM,EAAE,GAAG;IACXhB,UAAU,EAAE,QAAQ;IACpBT,cAAc,EAAE;EAClB,CAAC;EACDL,eAAe,EAAE;IACfa,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBiB,eAAe,EAAE;EACnB,CAAC;EACDhC,OAAO,EAAE;IACP+B,MAAM,EAAE,CAAC;IACTxB,eAAe,EAAElC,aAAM,CAAC4D,MAAM,CAACC;EACjC;AACF,CAAC,CAAC;AAEF,MAAMpE,OAAO,GAAIqE,QAAwB,IAAK;EAC5C,QAAQA,QAAQ;IACd,KAAKpE,8BAAc,CAACC,SAAS;MAC3B,oBAAOnF,KAAA,CAAA2E,aAAA,CAAClE,MAAA,CAAA8I,QAAQ,MAAE,CAAC;IACrB,KAAKrE,8BAAc,CAACsE,SAAS;MAC3B,oBAAOxJ,KAAA,CAAA2E,aAAA,CAAClE,MAAA,CAAAgJ,aAAa,MAAE,CAAC;IAC1B,KAAKvE,8BAAc,CAACwE,QAAQ;MAC1B,oBAAO1J,KAAA,CAAA2E,aAAA,CAAClE,MAAA,CAAAkJ,eAAe,MAAE,CAAC;IAC5B,KAAKzE,8BAAc,CAAC0E,aAAa;MAC/B,oBAAO5J,KAAA,CAAA2E,aAAA,CAAClE,MAAA,CAAAsE,WAAW;QAACC,KAAK,EAAE;MAAM,CAAE,CAAC;IACtC,KAAKE,8BAAc,CAAC2E,aAAa;MAC/B,oBAAO7J,KAAA,CAAA2E,aAAA,CAAClE,MAAA,CAAAqJ,cAAc,MAAE,CAAC;EAC7B;AACF,CAAC"}