@100mslive/react-native-room-kit 1.0.0 → 1.0.2-beta.0

package/lib/module/components/Participants/ParticipantsList.js

@@ -1,37 +1,157 @@
 import * as React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { FlashList } from '@shopify/flash-list';
-import { useHMSRoomStyle } from '../../hooks-util';
+import { useHMSInstance, useHMSLayoutConfig, useHMSRoomStyleSheet } from '../../hooks-util';
 import { ParticipantsItem } from './ParticipantsItem';
 import { ParticipantsGroupHeader } from './ParticipantsGroupHeader';
+import { useSelector } from 'react-redux';
+import { ParticipantsListFooter } from './ParticipantsListFooter';
+const stickyIndices = [0];
 export const ParticipantsList = _ref => {
   let {
-    data,
-    searchTextExists,
-    setExpandedGroups
+    searchText,
+    selectedGroupId,
+    onBackPress
   } = _ref;
-  const emptyTextStyles = useHMSRoomStyle((theme, typography) => ({
-    color: theme.palette.on_surface_medium,
-    fontFamily: `${typography.font_family}-SemiBold`
-  }));
-  const _keyExtractor = React.useCallback(item => item.key, []);
-  const _renderItem = React.useCallback(data => {
-    if ('label' in data.item.data) {
-      return /*#__PURE__*/React.createElement(ParticipantsGroupHeader, {
-        data: data.item,
-        setExpandedGroups: setExpandedGroups
+  const mountedRef = React.useRef(true);
+  const fetchedInitialDataRef = React.useRef(false);
+  const hmsInstance = useHMSInstance();
+
+  // Currect is current selected group and off-stage gorup
+  const isOffStageGroup = useHMSLayoutConfig(layoutConfig => {
+    var _layoutConfig$screens;
+    const offStageRoles = (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 = _layoutConfig$screens.on_stage_exp) === null || _layoutConfig$screens === void 0 ? void 0 : _layoutConfig$screens.off_stage_roles) || null;
+    return offStageRoles ? offStageRoles.includes(selectedGroupId) : false;
+  });
+
+  // Getting initial data for the selected group Id
+  const dataForGroupId = useSelector(state => {
+    return selectedGroupId === 'hand-raised' ? state.hmsStates.groupedParticipants : state.hmsStates.groupedParticipants[selectedGroupId];
+  });
+  const finalDataForGroupId = React.useMemo(() => {
+    if (Array.isArray(dataForGroupId)) {
+      return dataForGroupId;
+    }
+    if (dataForGroupId && selectedGroupId === 'hand-raised') {
+      return Object.values(dataForGroupId).flat().filter(peer => peer.isHandRaised);
+    }
+    return null;
+  }, [dataForGroupId, selectedGroupId]);
+
+  // Creating Header Data
+  const headerData = React.useMemo(() => {
+    return {
+      id: selectedGroupId,
+      label: selectedGroupId === 'hand-raised' ? 'Hand Raised' : selectedGroupId
+    };
+  }, [selectedGroupId]);
+
+  // Created List with Header Data as first item in list
+  const dataWithHeader = React.useMemo(() => [headerData, ...(finalDataForGroupId ?? [])], [finalDataForGroupId, headerData]);
+  const [offStageData, setOffStageData] = React.useState(dataWithHeader);
+  const [loading, setLoading] = React.useState(false);
+
+  // Created Peer List Iterator for current selected group if it is an 'off-stage' group
+  const peerListIterator = React.useMemo(() => {
+    if (!isOffStageGroup) {
+      return null;
+    }
+    return hmsInstance.getPeerListIterator({
+      limit: 20,
+      byRoleName: selectedGroupId
+    });
+  }, [selectedGroupId, isOffStageGroup, hmsInstance]);
+
+  // #Effect: Fetching first page from Peer List Iterator
+  React.useEffect(() => {
+    let mounted = true;
+    mountedRef.current = true;
+    if (peerListIterator) {
+      setLoading(true);
+      peerListIterator.next().then(peers => {
+        if (mounted) {
+          setLoading(false);
+          setOffStageData([headerData, ...peers]);
+          fetchedInitialDataRef.current = true;
+        }
+      }).catch(() => {
+        if (mounted) {
+          setLoading(false);
+        }
       });
     }
-    return /*#__PURE__*/React.createElement(ParticipantsItem, {
+    return () => {
+      mounted = false;
+      mountedRef.current = false;
+    };
+  }, [headerData, peerListIterator]);
+  const filteredSearchText = searchText.trim().toLowerCase();
+
+  //#region Flaslist props
+  const data = React.useMemo(() => {
+    return (isOffStageGroup ? offStageData : dataWithHeader).filter(item => 'id' in item ? true : item.name.toLowerCase().includes(filteredSearchText));
+  }, [filteredSearchText, offStageData, dataWithHeader, isOffStageGroup]);
+  const _keyExtractor = React.useCallback(item => 'id' in item ? item.id : item.peerID, []);
+  const _renderItem = React.useCallback(data => {
+    if ('id' in data.item) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: hmsRoomStyles.stickyHeader
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [styles.headerWrapper, hmsRoomStyles.stickyHeader]
+      }, /*#__PURE__*/React.createElement(ParticipantsGroupHeader, {
+        id: data.item.id,
+        label: data.item.label,
+        expanded: true,
+        onBackPress: onBackPress
+      })));
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.itemWrapper, hmsRoomStyles.item]
+    }, /*#__PURE__*/React.createElement(ParticipantsItem, {
+      groupId: selectedGroupId,
       data: data.item
-    });
-  }, [setExpandedGroups]);
-  const _getItemType = React.useCallback(item => item.type, []);
-  if (searchTextExists && data.length <= 0) {
+    }));
+  }, [selectedGroupId]);
+  const _getItemType = React.useCallback(item => 'id' in item ? 'header' : 'item', []);
+  const _onEndReached = React.useCallback(() => {
+    if (loading || !fetchedInitialDataRef.current || !mountedRef.current) {
+      return;
+    }
+    if (peerListIterator) {
+      setLoading(true);
+      peerListIterator.next().then(peers => {
+        if (mountedRef.current) {
+          setLoading(false);
+          setOffStageData(prev => [...prev, ...peers]);
+        }
+      }).catch(() => {
+        if (mountedRef.current) {
+          setLoading(false);
+        }
+      });
+    }
+  }, [loading, peerListIterator]);
+  //#endregion Flaslist props
+
+  const searchTextExists = searchText.length > 0;
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    emptyText: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    stickyHeader: {
+      backgroundColor: theme.palette.surface_dim,
+      borderColor: theme.palette.border_bright
+    },
+    item: {
+      borderColor: theme.palette.border_bright
+    }
+  }));
+  if (!data || searchTextExists && data.length <= 1) {
     return /*#__PURE__*/React.createElement(View, {
       style: styles.emptyContainer
     }, /*#__PURE__*/React.createElement(Text, {
-      style: [styles.emptyText, emptyTextStyles]
+      style: [styles.emptyText, hmsRoomStyles.emptyText]
     }, "No results found..."));
   }
   return /*#__PURE__*/React.createElement(FlashList, {
@@ -39,9 +159,15 @@ export const ParticipantsList = _ref => {
     estimatedItemSize: 56,
     contentContainerStyle: styles.list,
     keyboardShouldPersistTaps: "always",
+    ListFooterComponent: /*#__PURE__*/React.createElement(ParticipantsListFooter, {
+      loading: loading
+    }),
+    stickyHeaderIndices: stickyIndices,
     keyExtractor: _keyExtractor,
     renderItem: _renderItem,
-    getItemType: _getItemType
+    getItemType: _getItemType,
+    onEndReached: searchTextExists || !peerListIterator ? null : _onEndReached,
+    onEndReachedThreshold: 0.8
   });
 };
 const styles = StyleSheet.create({
@@ -57,6 +183,15 @@ const styles = StyleSheet.create({
     fontSize: 14,
     lineHeight: 20,
     letterSpacing: 0.25
+  },
+  headerWrapper: {
+    borderWidth: 1,
+    borderTopLeftRadius: 8,
+    borderTopRightRadius: 8
+  },
+  itemWrapper: {
+    borderRightWidth: 1,
+    borderLeftWidth: 1
   }
 });
 //# sourceMappingURL=ParticipantsList.js.map

package/lib/module/components/Participants/ParticipantsList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","View","FlashList","useHMSRoomStyle","ParticipantsItem","ParticipantsGroupHeader","ParticipantsList","_ref","data","searchTextExists","setExpandedGroups","emptyTextStyles","theme","typography","color","palette","on_surface_medium","fontFamily","font_family","_keyExtractor","useCallback","item","key","_renderItem","createElement","_getItemType","type","length","style","styles","emptyContainer","emptyText","estimatedItemSize","contentContainerStyle","list","keyboardShouldPersistTaps","keyExtractor","renderItem","getItemType","create","paddingBottom","flex","alignItems","justifyContent","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsList.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,SAAS,QAAQ,qBAAqB;AAG/C,SAASC,eAAe,QAAQ,kBAAkB;AAMlD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,uBAAuB,QAAQ,2BAA2B;AAQnE,OAAO,MAAMC,gBAAiD,GAAGC,IAAA,IAI3D;EAAA,IAJ4D;IAChEC,IAAI;IACJC,gBAAgB;IAChBC;EACF,CAAC,GAAAH,IAAA;EACC,MAAMI,eAAe,GAAGR,eAAe,CAAC,CAACS,KAAK,EAAEC,UAAU,MAAM;IAC9DC,KAAK,EAAEF,KAAK,CAACG,OAAO,CAACC,iBAAiB;IACtCC,UAAU,EAAG,GAAEJ,UAAU,CAACK,WAAY;EACxC,CAAC,CAAC,CAAC;EAEH,MAAMC,aAAa,GAAGrB,KAAK,CAACsB,WAAW,CAAEC,IAAgB,IAAKA,IAAI,CAACC,GAAG,EAAE,EAAE,CAAC;EAE3E,MAAMC,WAAW,GAAGzB,KAAK,CAACsB,WAAW,CAClCZ,IAA0B,IAAK;IAC9B,IAAI,OAAO,IAAIA,IAAI,CAACa,IAAI,CAACb,IAAI,EAAE;MAC7B,oBACEV,KAAA,CAAA0B,aAAA,CAACnB,uBAAuB;QACtBG,IAAI,EACFA,IAAI,CAACa,IAGN;QACDX,iBAAiB,EAAEA;MAAkB,CACtC,CAAC;IAEN;IAEA,oBACEZ,KAAA,CAAA0B,aAAA,CAACpB,gBAAgB;MACfI,IAAI,EAAEA,IAAI,CAACa;IAAiD,CAC7D,CAAC;EAEN,CAAC,EACD,CAACX,iBAAiB,CACpB,CAAC;EAED,MAAMe,YAAY,GAAG3B,KAAK,CAACsB,WAAW,CAAEC,IAAgB,IAAKA,IAAI,CAACK,IAAI,EAAE,EAAE,CAAC;EAE3E,IAAIjB,gBAAgB,IAAID,IAAI,CAACmB,MAAM,IAAI,CAAC,EAAE;IACxC,oBACE7B,KAAA,CAAA0B,aAAA,CAACvB,IAAI;MAAC2B,KAAK,EAAEC,MAAM,CAACC;IAAe,gBACjChC,KAAA,CAAA0B,aAAA,CAACxB,IAAI;MAAC4B,KAAK,EAAE,CAACC,MAAM,CAACE,SAAS,EAAEpB,eAAe;IAAE,GAAC,qBAE5C,CACF,CAAC;EAEX;EAEA,oBACEb,KAAA,CAAA0B,aAAA,CAACtB,SAAS;IACRM,IAAI,EAAEA,IAAK;IACXwB,iBAAiB,EAAE,EAAG;IACtBC,qBAAqB,EAAEJ,MAAM,CAACK,IAAK;IACnCC,yBAAyB,EAAC,QAAQ;IAClCC,YAAY,EAAEjB,aAAc;IAC5BkB,UAAU,EAAEd,WAAY;IACxBe,WAAW,EAAEb;EAAa,CAC3B,CAAC;AAEN,CAAC;AAED,MAAMI,MAAM,GAAG9B,UAAU,CAACwC,MAAM,CAAC;EAC/BL,IAAI,EAAE;IACJM,aAAa,EAAE;EACjB,CAAC;EACDV,cAAc,EAAE;IACdW,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDZ,SAAS,EAAE;IACTa,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","Text","View","FlashList","useHMSInstance","useHMSLayoutConfig","useHMSRoomStyleSheet","ParticipantsItem","ParticipantsGroupHeader","useSelector","ParticipantsListFooter","stickyIndices","ParticipantsList","_ref","searchText","selectedGroupId","onBackPress","mountedRef","useRef","fetchedInitialDataRef","hmsInstance","isOffStageGroup","layoutConfig","_layoutConfig$screens","offStageRoles","screens","conferencing","default","elements","on_stage_exp","off_stage_roles","includes","dataForGroupId","state","hmsStates","groupedParticipants","finalDataForGroupId","useMemo","Array","isArray","Object","values","flat","filter","peer","isHandRaised","headerData","id","label","dataWithHeader","offStageData","setOffStageData","useState","loading","setLoading","peerListIterator","getPeerListIterator","limit","byRoleName","useEffect","mounted","current","next","then","peers","catch","filteredSearchText","trim","toLowerCase","data","item","name","_keyExtractor","useCallback","peerID","_renderItem","createElement","style","hmsRoomStyles","stickyHeader","styles","headerWrapper","expanded","itemWrapper","groupId","_getItemType","_onEndReached","prev","searchTextExists","length","theme","typography","emptyText","color","palette","on_surface_medium","fontFamily","font_family","backgroundColor","surface_dim","borderColor","border_bright","emptyContainer","estimatedItemSize","contentContainerStyle","list","keyboardShouldPersistTaps","ListFooterComponent","stickyHeaderIndices","keyExtractor","renderItem","getItemType","onEndReached","onEndReachedThreshold","create","paddingBottom","flex","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","borderWidth","borderTopLeftRadius","borderTopRightRadius","borderRightWidth","borderLeftWidth"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsList.tsx"],"mappings":"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"}

package/lib/module/components/Participants/ParticipantsListFooter.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { ActivityIndicator, StyleSheet, View } from 'react-native';
+import { useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../../hooks-util';
+const _ParticipantsListFooter = _ref => {
+  let {
+    loading
+  } = _ref;
+  const {
+    on_surface_high: onSurfaceHigh
+  } = useHMSRoomColorPalette();
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    footer: {
+      borderColor: theme.palette.border_bright
+    }
+  }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.footer, hmsRoomStyles.footer]
+  }, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: 'small',
+    color: onSurfaceHigh
+  }) : null);
+};
+export const ParticipantsListFooter = /*#__PURE__*/React.memo(_ParticipantsListFooter);
+const styles = StyleSheet.create({
+  footer: {
+    width: '100%',
+    paddingBottom: 16,
+    borderBottomWidth: 1,
+    borderRightWidth: 1,
+    borderLeftWidth: 1,
+    borderBottomRightRadius: 8,
+    borderBottomLeftRadius: 8
+  }
+});
+//# sourceMappingURL=ParticipantsListFooter.js.map

package/lib/module/components/Participants/ParticipantsListFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","StyleSheet","View","useHMSRoomColorPalette","useHMSRoomStyleSheet","_ParticipantsListFooter","_ref","loading","on_surface_high","onSurfaceHigh","hmsRoomStyles","theme","footer","borderColor","palette","border_bright","createElement","style","styles","size","color","ParticipantsListFooter","memo","create","width","paddingBottom","borderBottomWidth","borderRightWidth","borderLeftWidth","borderBottomRightRadius","borderBottomLeftRadius"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsListFooter.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAElE,SACEC,sBAAsB,EACtBC,oBAAoB,QACf,kBAAkB;AAMzB,MAAMC,uBAA8D,GAAGC,IAAA,IAEjE;EAAA,IAFkE;IACtEC;EACF,CAAC,GAAAD,IAAA;EACC,MAAM;IAAEE,eAAe,EAAEC;EAAc,CAAC,GAAGN,sBAAsB,CAAC,CAAC;EAEnE,MAAMO,aAAa,GAAGN,oBAAoB,CAAEO,KAAK,KAAM;IACrDC,MAAM,EAAE;MACNC,WAAW,EAAEF,KAAK,CAACG,OAAO,CAACC;IAC7B;EACF,CAAC,CAAC,CAAC;EAEH,oBACEhB,KAAA,CAAAiB,aAAA,CAACd,IAAI;IAACe,KAAK,EAAE,CAACC,MAAM,CAACN,MAAM,EAAEF,aAAa,CAACE,MAAM;EAAE,GAChDL,OAAO,gBACNR,KAAA,CAAAiB,aAAA,CAAChB,iBAAiB;IAACmB,IAAI,EAAE,OAAQ;IAACC,KAAK,EAAEX;EAAc,CAAE,CAAC,GACxD,IACA,CAAC;AAEX,CAAC;AAED,OAAO,MAAMY,sBAAsB,gBAAGtB,KAAK,CAACuB,IAAI,CAACjB,uBAAuB,CAAC;AAEzE,MAAMa,MAAM,GAAGjB,UAAU,CAACsB,MAAM,CAAC;EAC/BX,MAAM,EAAE;IACNY,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,EAAE;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,gBAAgB,EAAE,CAAC;IACnBC,eAAe,EAAE,CAAC;IAClBC,uBAAuB,EAAE,CAAC;IAC1BC,sBAAsB,EAAE;EAC1B;AACF,CAAC,CAAC"}

package/lib/module/components/Participants/ParticipantsSeachInput.js

@@ -9,7 +9,7 @@ export const ParticipantsSearchInput = _ref => {
     setSearchText
   } = _ref;
   const {
-    on_surface_low: onSurfaceLowColor
+    on_surface_medium: onSurfaceMediumColor
   } = useHMSRoomColorPalette();
   const textInputStyle = useHMSRoomStyle(theme => ({
     backgroundColor: theme.palette.surface_default,
@@ -22,7 +22,7 @@ export const ParticipantsSearchInput = _ref => {
     style: styles.input,
     containerStyle: [styles.textInputContainer, textInputStyle],
     focusedContainerStyle: [styles.focusedTextInputContainer, textInputStyle],
-    placeholderTextColor: onSurfaceLowColor,
+    placeholderTextColor: onSurfaceMediumColor,
     leftIcon: /*#__PURE__*/React.createElement(SearchIcon, {
       style: styles.searchIcon
     })

package/lib/module/components/Participants/ParticipantsSeachInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Platform","useHMSRoomColorPalette","useHMSRoomStyle","SearchIcon","HMSTextInput","ParticipantsSearchInput","_ref","searchText","setSearchText","on_surface_low","onSurfaceLowColor","textInputStyle","theme","backgroundColor","palette","surface_default","borderColor","createElement","value","onChangeText","placeholder","style","styles","input","containerStyle","textInputContainer","focusedContainerStyle","focusedTextInputContainer","placeholderTextColor","leftIcon","searchIcon","create","borderWidth","flex","height","paddingLeft","paddingRight","fontSize","lineHeight","OS","undefined","letterSpacing","marginRight","alignSelf"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsSeachInput.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAEnD,SAASC,sBAAsB,EAAEC,eAAe,QAAQ,kBAAkB;AAC1E,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,YAAY,QAAQ,iBAAiB;AAO9C,OAAO,MAAMC,uBAEZ,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAAF,IAAA;EAChC,MAAM;IAAEG,cAAc,EAAEC;EAAkB,CAAC,GAAGT,sBAAsB,CAAC,CAAC;EAEtE,MAAMU,cAAc,GAAGT,eAAe,CAAEU,KAAK,KAAM;IACjDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC,eAAe;IAC9CC,WAAW,EAAEJ,KAAK,CAACE,OAAO,CAACC;EAC7B,CAAC,CAAC,CAAC;EAEH,oBACEjB,KAAA,CAAAmB,aAAA,CAACb,YAAY;IACXc,KAAK,EAAEX,UAAW;IAClBY,YAAY,EAAEX,aAAc;IAC5BY,WAAW,EAAC,yBAAyB;IACrCC,KAAK,EAAEC,MAAM,CAACC,KAAM;IACpBC,cAAc,EAAE,CAACF,MAAM,CAACG,kBAAkB,EAAEd,cAAc,CAAE;IAC5De,qBAAqB,EAAE,CAACJ,MAAM,CAACK,yBAAyB,EAAEhB,cAAc,CAAE;IAC1EiB,oBAAoB,EAAElB,iBAAkB;IACxCmB,QAAQ,eAAE/B,KAAA,CAAAmB,aAAA,CAACd,UAAU;MAACkB,KAAK,EAAEC,MAAM,CAACQ;IAAW,CAAE;EAAE,CACpD,CAAC;AAEN,CAAC;AAED,MAAMR,MAAM,GAAGvB,UAAU,CAACgC,MAAM,CAAC;EAC/BJ,yBAAyB,EAAE;IACzBK,WAAW,EAAE;EACf,CAAC;EACDP,kBAAkB,EAAE;IAClBO,WAAW,EAAE,CAAC;IACdC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE;EAChB,CAAC;EACDb,KAAK,EAAE;IACLc,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEtC,QAAQ,CAACuC,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;IACtDC,aAAa,EAAE;EACjB,CAAC;EACDX,UAAU,EAAE;IACVY,WAAW,EAAE,CAAC;IACdC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","Platform","useHMSRoomColorPalette","useHMSRoomStyle","SearchIcon","HMSTextInput","ParticipantsSearchInput","_ref","searchText","setSearchText","on_surface_medium","onSurfaceMediumColor","textInputStyle","theme","backgroundColor","palette","surface_default","borderColor","createElement","value","onChangeText","placeholder","style","styles","input","containerStyle","textInputContainer","focusedContainerStyle","focusedTextInputContainer","placeholderTextColor","leftIcon","searchIcon","create","borderWidth","flex","height","paddingLeft","paddingRight","fontSize","lineHeight","OS","undefined","letterSpacing","marginRight","alignSelf"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsSeachInput.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAEnD,SAASC,sBAAsB,EAAEC,eAAe,QAAQ,kBAAkB;AAC1E,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,YAAY,QAAQ,iBAAiB;AAO9C,OAAO,MAAMC,uBAEZ,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAAF,IAAA;EAChC,MAAM;IAAEG,iBAAiB,EAAEC;EAAqB,CAAC,GAAGT,sBAAsB,CAAC,CAAC;EAE5E,MAAMU,cAAc,GAAGT,eAAe,CAAEU,KAAK,KAAM;IACjDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC,eAAe;IAC9CC,WAAW,EAAEJ,KAAK,CAACE,OAAO,CAACC;EAC7B,CAAC,CAAC,CAAC;EAEH,oBACEjB,KAAA,CAAAmB,aAAA,CAACb,YAAY;IACXc,KAAK,EAAEX,UAAW;IAClBY,YAAY,EAAEX,aAAc;IAC5BY,WAAW,EAAC,yBAAyB;IACrCC,KAAK,EAAEC,MAAM,CAACC,KAAM;IACpBC,cAAc,EAAE,CAACF,MAAM,CAACG,kBAAkB,EAAEd,cAAc,CAAE;IAC5De,qBAAqB,EAAE,CAACJ,MAAM,CAACK,yBAAyB,EAAEhB,cAAc,CAAE;IAC1EiB,oBAAoB,EAAElB,oBAAqB;IAC3CmB,QAAQ,eAAE/B,KAAA,CAAAmB,aAAA,CAACd,UAAU;MAACkB,KAAK,EAAEC,MAAM,CAACQ;IAAW,CAAE;EAAE,CACpD,CAAC;AAEN,CAAC;AAED,MAAMR,MAAM,GAAGvB,UAAU,CAACgC,MAAM,CAAC;EAC/BJ,yBAAyB,EAAE;IACzBK,WAAW,EAAE;EACf,CAAC;EACDP,kBAAkB,EAAE;IAClBO,WAAW,EAAE,CAAC;IACdC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE;EAChB,CAAC;EACDb,KAAK,EAAE;IACLc,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEtC,QAAQ,CAACuC,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;IACtDC,aAAa,EAAE;EACjB,CAAC;EACDX,UAAU,EAAE;IACVY,WAAW,EAAE,CAAC;IACdC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/lib/module/components/Participants/index.js

@@ -1,3 +1,4 @@
 export * from './ParticipantsList';
 export * from './ParticipantsSeachInput';
+export * from './MultiRoleParticipantsList';
 //# sourceMappingURL=index.js.map

package/lib/module/components/Participants/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Participants/index.ts"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,0BAA0B"}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Participants/index.ts"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,0BAA0B;AACxC,cAAc,6BAA6B"}

package/lib/module/components/PeerVideoTile/AvatarView.js

@@ -21,7 +21,7 @@ export const _AvatarView = _ref => {
       backgroundColor: COLORS.EXTENDED.PURPLE
     },
     avatarText: {
-      color: theme.palette.on_surface_high,
+      color: COLORS.WHITE,
       fontFamily: `${typography.font_family}-SemiBold`
     }
   }));
@@ -56,9 +56,9 @@ const styles = StyleSheet.create({
     alignItems: 'center'
   },
   insetAvatar: {
-    width: 64,
+    width: 44,
     aspectRatio: 1,
-    borderRadius: 44,
+    borderRadius: 22,
     justifyContent: 'center',
     alignItems: 'center'
   },
@@ -72,8 +72,8 @@ const styles = StyleSheet.create({
     letterSpacing: 0.25
   },
   insetText: {
-    fontSize: 24,
-    lineHeight: 32
+    fontSize: 18,
+    lineHeight: 24
   }
 });
 export const AvatarView = /*#__PURE__*/React.memo(_AvatarView);

package/lib/module/components/PeerVideoTile/AvatarView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","View","PersonIcon","getInitials","COLORS","useHMSRoomStyleSheet","_AvatarView","_ref","name","videoView","avatarStyles","avatarContainerStyles","isInset","showInitials","length","hmsRoomStyles","theme","typography","avatarContainer","backgroundColor","palette","background_default","avatar","EXTENDED","PURPLE","avatarText","color","on_surface_high","fontFamily","font_family","createElement","style","styles","container","insetAvatar","insetText","avatarIcon","create","flex","position","overflow","alignItems","justifyContent","width","aspectRatio","borderRadius","height","fontSize","lineHeight","letterSpacing","AvatarView","memo"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/AvatarView.tsx"],"mappings":"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"}
+{"version":3,"names":["React","StyleSheet","Text","View","PersonIcon","getInitials","COLORS","useHMSRoomStyleSheet","_AvatarView","_ref","name","videoView","avatarStyles","avatarContainerStyles","isInset","showInitials","length","hmsRoomStyles","theme","typography","avatarContainer","backgroundColor","palette","background_default","avatar","EXTENDED","PURPLE","avatarText","color","WHITE","fontFamily","font_family","createElement","style","styles","container","insetAvatar","insetText","avatarIcon","create","flex","position","overflow","alignItems","justifyContent","width","aspectRatio","borderRadius","height","fontSize","lineHeight","letterSpacing","AvatarView","memo"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/AvatarView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAGrD,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,WAAW,QAAQ,uBAAuB;AACnD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,SAASC,oBAAoB,QAAQ,kBAAkB;AAUvD,OAAO,MAAMC,WAAsC,GAAGC,IAAA,IAMhD;EAAA,IANiD;IACrDC,IAAI;IACJC,SAAS;IACTC,YAAY;IACZC,qBAAqB;IACrBC,OAAO,GAAG;EACZ,CAAC,GAAAL,IAAA;EACC,MAAMM,YAAY,GAAG,CAAC,CAACL,IAAI,IAAIA,IAAI,CAACM,MAAM,GAAG,CAAC;EAE9C,MAAMC,aAAa,GAAGV,oBAAoB,CAAC,CAACW,KAAK,EAAEC,UAAU,MAAM;IACjEC,eAAe,EAAE;MACfC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;IACjC,CAAC;IACDC,MAAM,EAAE;MACNH,eAAe,EAAEf,MAAM,CAACmB,QAAQ,CAACC;IACnC,CAAC;IACDC,UAAU,EAAE;MACVC,KAAK,EAAEtB,MAAM,CAACuB,KAAK;MACnBC,UAAU,EAAG,GAAEX,UAAU,CAACY,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACE/B,KAAA,CAAAgC,aAAA,CAAC7B,IAAI;IAAC8B,KAAK,EAAEC,MAAM,CAACC;EAAU,GAC3BxB,SAAS,iBACRX,KAAA,CAAAgC,aAAA,CAAC7B,IAAI;IACH8B,KAAK,EAAE,CACLC,MAAM,CAACd,eAAe,EACtBH,aAAa,CAACG,eAAe,EAC7BP,qBAAqB;EACrB,gBAEFb,KAAA,CAAAgC,aAAA,CAAC7B,IAAI;IACH8B,KAAK,EAAE,CACLnB,OAAO,GAAGoB,MAAM,CAACE,WAAW,GAAGF,MAAM,CAACV,MAAM,EAC5CP,aAAa,CAACO,MAAM,EACpBZ,YAAY;EACZ,GAEDG,YAAY,gBACXf,KAAA,CAAAgC,aAAA,CAAC9B,IAAI;IACH+B,KAAK,EAAE,CACLnB,OAAO,GAAGoB,MAAM,CAACG,SAAS,GAAGH,MAAM,CAACP,UAAU,EAC9CV,aAAa,CAACU,UAAU;EACxB,GAEDtB,WAAW,CAACK,IAAI,CACb,CAAC,gBAEPV,KAAA,CAAAgC,aAAA,CAAC5B,UAAU;IAAC6B,KAAK,EAAEC,MAAM,CAACI;EAAW,CAAE,CAErC,CACF,CAEJ,CAAC;AAEX,CAAC;AAED,MAAMJ,MAAM,GAAGjC,UAAU,CAACsC,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDtB,eAAe,EAAE;IACfoB,IAAI,EAAE,CAAC;IACPG,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDpB,MAAM,EAAE;IACNqB,KAAK,EAAE,EAAE;IACTC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBH,cAAc,EAAE,QAAQ;IACxBD,UAAU,EAAE;EACd,CAAC;EACDP,WAAW,EAAE;IACXS,KAAK,EAAE,EAAE;IACTC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBH,cAAc,EAAE,QAAQ;IACxBD,UAAU,EAAE;EACd,CAAC;EACDL,UAAU,EAAE;IACVO,KAAK,EAAE,EAAE;IACTG,MAAM,EAAE;EACV,CAAC;EACDrB,UAAU,EAAE;IACVsB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACDd,SAAS,EAAE;IACTY,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,OAAO,MAAME,UAAU,gBAAGpD,KAAK,CAACqD,IAAI,CAAC7C,WAAW,CAAC"}

package/lib/module/components/PeerVideoTile/PeerAudioIndicator.js

@@ -3,27 +3,34 @@ import { StyleSheet, View } from 'react-native';
 import { useSelector } from 'react-redux';
 import LottieView from 'lottie-react-native';
 import { MicIcon } from '../../Icons';
-import { useHMSRoomStyle } from '../../hooks-util';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
+import { PipModes } from '../../utils/types';
 export const PeerAudioIndicator = _ref => {
   let {
     peer,
     isMuted
   } = _ref;
   const activeSpeaker = useSelector(state => state.hmsStates.activeSpeakers.findIndex(activeSpeaker => activeSpeaker.peer.peerID === peer.peerID) >= 0);
-  const iconWrapperStyles = useHMSRoomStyle(theme => ({
-    backgroundColor: theme.palette.secondary_dim
+  const isPipModeActive = useSelector(state => state.app.pipModeStatus === PipModes.ACTIVE);
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    iconWrapper: {
+      backgroundColor: theme.palette.secondary_dim
+    },
+    icon: {
+      tintColor: theme.palette.on_secondary_high
+    }
   }));
   if (isMuted) {
     return /*#__PURE__*/React.createElement(View, {
-      style: [styles.iconWrapper, iconWrapperStyles]
+      style: [styles.iconWrapper, hmsRoomStyles.iconWrapper]
     }, /*#__PURE__*/React.createElement(MicIcon, {
       muted: true,
-      style: styles.icon
+      style: [styles.icon, hmsRoomStyles.icon]
     }));
   }
-  if (activeSpeaker) {
+  if (activeSpeaker && !isPipModeActive) {
     return /*#__PURE__*/React.createElement(View, {
-      style: [styles.speakerIconWrapper, iconWrapperStyles]
+      style: [styles.speakerIconWrapper, hmsRoomStyles.iconWrapper]
     }, /*#__PURE__*/React.createElement(LottieView, {
       style: styles.speakerIcon,
       source: require('../../assets/audio-level-white.json'),

package/lib/module/components/PeerVideoTile/PeerAudioIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","useSelector","LottieView","MicIcon","useHMSRoomStyle","PeerAudioIndicator","_ref","peer","isMuted","activeSpeaker","state","hmsStates","activeSpeakers","findIndex","peerID","iconWrapperStyles","theme","backgroundColor","palette","secondary_dim","createElement","style","styles","iconWrapper","muted","icon","speakerIconWrapper","speakerIcon","source","require","autoPlay","loop","create","position","top","right","padding","borderRadius","width","height"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerAudioIndicator.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,WAAW,QAAQ,aAAa;AACzC,OAAOC,UAAU,MAAM,qBAAqB;AAE5C,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,eAAe,QAAQ,kBAAkB;AAQlD,OAAO,MAAMC,kBAAqD,GAAGC,IAAA,IAG/D;EAAA,IAHgE;IACpEC,IAAI;IACJC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,aAAa,GAAGR,WAAW,CAC9BS,KAAgB,IACfA,KAAK,CAACC,SAAS,CAACC,cAAc,CAACC,SAAS,CACrCJ,aAAa,IAAKA,aAAa,CAACF,IAAI,CAACO,MAAM,KAAKP,IAAI,CAACO,MACxD,CAAC,IAAI,CACT,CAAC;EAED,MAAMC,iBAAiB,GAAGX,eAAe,CAAEY,KAAK,KAAM;IACpDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,IAAIX,OAAO,EAAE;IACX,oBACEV,KAAA,CAAAsB,aAAA,CAACpB,IAAI;MAACqB,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAER,iBAAiB;IAAE,gBACnDjB,KAAA,CAAAsB,aAAA,CAACjB,OAAO;MAACqB,KAAK,EAAE,IAAK;MAACH,KAAK,EAAEC,MAAM,CAACG;IAAK,CAAE,CACvC,CAAC;EAEX;EAEA,IAAIhB,aAAa,EAAE;IACjB,oBACEX,KAAA,CAAAsB,aAAA,CAACpB,IAAI;MAACqB,KAAK,EAAE,CAACC,MAAM,CAACI,kBAAkB,EAAEX,iBAAiB;IAAE,gBAC1DjB,KAAA,CAAAsB,aAAA,CAAClB,UAAU;MACTmB,KAAK,EAAEC,MAAM,CAACK,WAAY;MAC1BC,MAAM,EAAEC,OAAO,CAAC,qCAAqC,CAAE;MACvDC,QAAQ;MACRC,IAAI;IAAA,CACL,CACG,CAAC;EAEX;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMT,MAAM,GAAGvB,UAAU,CAACiC,MAAM,CAAC;EAC/BT,WAAW,EAAE;IACXU,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE;EAChB,CAAC;EACDZ,IAAI,EAAE;IACJa,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDb,kBAAkB,EAAE;IAClBO,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE;EAChB,CAAC;EACDV,WAAW,EAAE;IACXW,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","View","useSelector","LottieView","MicIcon","useHMSRoomStyleSheet","PipModes","PeerAudioIndicator","_ref","peer","isMuted","activeSpeaker","state","hmsStates","activeSpeakers","findIndex","peerID","isPipModeActive","app","pipModeStatus","ACTIVE","hmsRoomStyles","theme","iconWrapper","backgroundColor","palette","secondary_dim","icon","tintColor","on_secondary_high","createElement","style","styles","muted","speakerIconWrapper","speakerIcon","source","require","autoPlay","loop","create","position","top","right","padding","borderRadius","width","height"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerAudioIndicator.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,WAAW,QAAQ,aAAa;AACzC,OAAOC,UAAU,MAAM,qBAAqB;AAE5C,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,oBAAoB,QAAQ,kBAAkB;AAEvD,SAASC,QAAQ,QAAQ,mBAAmB;AAO5C,OAAO,MAAMC,kBAAqD,GAAGC,IAAA,IAG/D;EAAA,IAHgE;IACpEC,IAAI;IACJC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,aAAa,GAAGT,WAAW,CAC9BU,KAAgB,IACfA,KAAK,CAACC,SAAS,CAACC,cAAc,CAACC,SAAS,CACrCJ,aAAa,IAAKA,aAAa,CAACF,IAAI,CAACO,MAAM,KAAKP,IAAI,CAACO,MACxD,CAAC,IAAI,CACT,CAAC;EAED,MAAMC,eAAe,GAAGf,WAAW,CAChCU,KAAgB,IAAKA,KAAK,CAACM,GAAG,CAACC,aAAa,KAAKb,QAAQ,CAACc,MAC7D,CAAC;EAED,MAAMC,aAAa,GAAGhB,oBAAoB,CAAEiB,KAAK,KAAM;IACrDC,WAAW,EAAE;MACXC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC,CAAC;IACDC,IAAI,EAAE;MACJC,SAAS,EAAEN,KAAK,CAACG,OAAO,CAACI;IAC3B;EACF,CAAC,CAAC,CAAC;EAEH,IAAInB,OAAO,EAAE;IACX,oBACEX,KAAA,CAAA+B,aAAA,CAAC7B,IAAI;MAAC8B,KAAK,EAAE,CAACC,MAAM,CAACT,WAAW,EAAEF,aAAa,CAACE,WAAW;IAAE,gBAC3DxB,KAAA,CAAA+B,aAAA,CAAC1B,OAAO;MAAC6B,KAAK,EAAE,IAAK;MAACF,KAAK,EAAE,CAACC,MAAM,CAACL,IAAI,EAAEN,aAAa,CAACM,IAAI;IAAE,CAAE,CAC7D,CAAC;EAEX;EAEA,IAAIhB,aAAa,IAAI,CAACM,eAAe,EAAE;IACrC,oBACElB,KAAA,CAAA+B,aAAA,CAAC7B,IAAI;MAAC8B,KAAK,EAAE,CAACC,MAAM,CAACE,kBAAkB,EAAEb,aAAa,CAACE,WAAW;IAAE,gBAClExB,KAAA,CAAA+B,aAAA,CAAC3B,UAAU;MACT4B,KAAK,EAAEC,MAAM,CAACG,WAAY;MAC1BC,MAAM,EAAEC,OAAO,CAAC,qCAAqC,CAAE;MACvDC,QAAQ;MACRC,IAAI;IAAA,CACL,CACG,CAAC;EAEX;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMP,MAAM,GAAGhC,UAAU,CAACwC,MAAM,CAAC;EAC/BjB,WAAW,EAAE;IACXkB,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE;EAChB,CAAC;EACDlB,IAAI,EAAE;IACJmB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDb,kBAAkB,EAAE;IAClBO,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE;EAChB,CAAC;EACDV,WAAW,EAAE;IACXW,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}

package/lib/module/components/PeerVideoTile/PeerMetadata.js

@@ -2,24 +2,34 @@ import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { parseMetadata } from '../../utils/functions';
 import { BRBIcon, HandIcon } from '../../Icons';
-import { useHMSRoomStyle } from '../../hooks-util';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
 export const PeerMetadata = _ref => {
   let {
-    metadata
+    metadata,
+    isHandRaised
   } = _ref;
-  const parsedMetadata = parseMetadata(metadata);
-  const iconWrapperStyles = useHMSRoomStyle(theme => ({
-    backgroundColor: theme.palette.secondary_dim
+  const isBRBOn = !!parseMetadata(metadata).isBRBOn;
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    iconWrapper: {
+      backgroundColor: theme.palette.secondary_dim
+    },
+    icon: {
+      tintColor: theme.palette.on_secondary_high
+    }
   }));
-  if (parsedMetadata.isBRBOn) {
+  if (isBRBOn) {
     return /*#__PURE__*/React.createElement(View, {
-      style: [styles.iconWrapper, iconWrapperStyles]
-    }, /*#__PURE__*/React.createElement(BRBIcon, null));
+      style: [styles.iconWrapper, hmsRoomStyles.iconWrapper]
+    }, /*#__PURE__*/React.createElement(BRBIcon, {
+      style: hmsRoomStyles.icon
+    }));
   }
-  if (parsedMetadata.isHandRaised) {
+  if (isHandRaised) {
     return /*#__PURE__*/React.createElement(View, {
-      style: [styles.iconWrapper, iconWrapperStyles]
-    }, /*#__PURE__*/React.createElement(HandIcon, null));
+      style: [styles.iconWrapper, hmsRoomStyles.iconWrapper]
+    }, /*#__PURE__*/React.createElement(HandIcon, {
+      style: hmsRoomStyles.icon
+    }));
   }
   return null;
 };

package/lib/module/components/PeerVideoTile/PeerMetadata.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","parseMetadata","BRBIcon","HandIcon","useHMSRoomStyle","PeerMetadata","_ref","metadata","parsedMetadata","iconWrapperStyles","theme","backgroundColor","palette","secondary_dim","isBRBOn","createElement","style","styles","iconWrapper","isHandRaised","create","position","top","left","padding","borderRadius"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerMetadata.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,OAAO,EAAEC,QAAQ,QAAQ,aAAa;AAC/C,SAASC,eAAe,QAAQ,kBAAkB;AAMlD,OAAO,MAAMC,YAAyC,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC,GAAAD,IAAA;EACpE,MAAME,cAAc,GAAGP,aAAa,CAACM,QAAQ,CAAC;EAE9C,MAAME,iBAAiB,GAAGL,eAAe,CAAEM,KAAK,KAAM;IACpDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,IAAIL,cAAc,CAACM,OAAO,EAAE;IAC1B,oBACEhB,KAAA,CAAAiB,aAAA,CAACf,IAAI;MAACgB,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAET,iBAAiB;IAAE,gBACnDX,KAAA,CAAAiB,aAAA,CAACb,OAAO,MAAE,CACN,CAAC;EAEX;EAEA,IAAIM,cAAc,CAACW,YAAY,EAAE;IAC/B,oBACErB,KAAA,CAAAiB,aAAA,CAACf,IAAI;MAACgB,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAET,iBAAiB;IAAE,gBACnDX,KAAA,CAAAiB,aAAA,CAACZ,QAAQ,MAAE,CACP,CAAC;EAEX;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMc,MAAM,GAAGlB,UAAU,CAACqB,MAAM,CAAC;EAC/BF,WAAW,EAAE;IACXG,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","View","parseMetadata","BRBIcon","HandIcon","useHMSRoomStyleSheet","PeerMetadata","_ref","metadata","isHandRaised","isBRBOn","hmsRoomStyles","theme","iconWrapper","backgroundColor","palette","secondary_dim","icon","tintColor","on_secondary_high","createElement","style","styles","create","position","top","left","padding","borderRadius"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerMetadata.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,OAAO,EAAEC,QAAQ,QAAQ,aAAa;AAC/C,SAASC,oBAAoB,QAAQ,kBAAkB;AAOvD,OAAO,MAAMC,YAAyC,GAAGC,IAAA,IAGnD;EAAA,IAHoD;IACxDC,QAAQ;IACRC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,OAAO,GAAG,CAAC,CAACR,aAAa,CAACM,QAAQ,CAAC,CAACE,OAAO;EAEjD,MAAMC,aAAa,GAAGN,oBAAoB,CAAEO,KAAK,KAAM;IACrDC,WAAW,EAAE;MACXC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC,CAAC;IACDC,IAAI,EAAE;MACJC,SAAS,EAAEN,KAAK,CAACG,OAAO,CAACI;IAC3B;EACF,CAAC,CAAC,CAAC;EAEH,IAAIT,OAAO,EAAE;IACX,oBACEX,KAAA,CAAAqB,aAAA,CAACnB,IAAI;MAACoB,KAAK,EAAE,CAACC,MAAM,CAACT,WAAW,EAAEF,aAAa,CAACE,WAAW;IAAE,gBAC3Dd,KAAA,CAAAqB,aAAA,CAACjB,OAAO;MAACkB,KAAK,EAAEV,aAAa,CAACM;IAAK,CAAE,CACjC,CAAC;EAEX;EAEA,IAAIR,YAAY,EAAE;IAChB,oBACEV,KAAA,CAAAqB,aAAA,CAACnB,IAAI;MAACoB,KAAK,EAAE,CAACC,MAAM,CAACT,WAAW,EAAEF,aAAa,CAACE,WAAW;IAAE,gBAC3Dd,KAAA,CAAAqB,aAAA,CAAChB,QAAQ;MAACiB,KAAK,EAAEV,aAAa,CAACM;IAAK,CAAE,CAClC,CAAC;EAEX;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMK,MAAM,GAAGtB,UAAU,CAACuB,MAAM,CAAC;EAC/BV,WAAW,EAAE;IACXW,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC"}

package/lib/module/components/PeerVideoTile/PeerVideoTileView.js

@@ -11,6 +11,7 @@ import { ThreeDotsIcon } from '../../Icons';
 import { hexToRgbA } from '../../utils/theme';
 import { PeerNameAndNetwork } from './PeerNameAndNetwork';
 import { UnmountAfterDelay } from '../UnmountAfterDelay';
+import { PipModes } from '../../utils/types';
 import { isTileOnSpotlight } from '../../utils/functions';
 import { selectAllowedTracksToPublish, selectCanPublishTrackForRole } from '../../hooks-sdk-selectors';
 import { useHMSRoomStyleSheet } from '../../hooks-util';
@@ -25,6 +26,7 @@ export const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRe
   } = _ref;
   const unmountAfterDelayRef = React.useRef(null);
   const [mounted, setMounted] = React.useState(true);
+  const isPipModeActive = useSelector(state => state.app.pipModeStatus === PipModes.ACTIVE);
   const onSpotlight = useSelector(state => {
     const {
       onSpotlight
@@ -63,8 +65,11 @@ export const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRe
     const allowed = selectAllowedTracksToPublish(state);
     return (allowed && allowed.length > 0) ?? false;
   });
-  const localPeerPermissions = useSelector(state => {
+  const canTakeActionOnPeer = useSelector(state => {
     var _state$hmsStates$loca;
+    if (peer.isLocal) {
+      return true;
+    }
     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;
     return permissions && (permissions.changeRole || permissions.mute || permissions.unmute || permissions.removeOthers);
   });
@@ -79,12 +84,22 @@ export const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRe
   const trackSource = track === null || track === void 0 ? void 0 : track.source;
   const screenShareTile = !!trackSource && trackSource === HMSTrackSource.SCREEN;
   const showingVideoTrack = peerCanPublishVideo && track && track.trackId && track.type === HMSTrackType.VIDEO && track.isMute() === false;
+  const hide3DotsButton = !onMoreOptionsPress ||
+  // If button press handler is not available, Or
+  isPipModeActive ||
+  // If Pip Window is active, Or
+  track && (track === null || track === void 0 ? void 0 : track.source) !== HMSTrackSource.REGULAR ||
+  // If track is non-regular, like screen share, Or
+  !canTakeActionOnPeer ||
+  // If local peer can't take action on peer, Or
+  !allowedToPublish; // If local peer can't publish tracks
+
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
   }, /*#__PURE__*/React.createElement(AvatarView, {
     name: peer.name,
     avatarContainerStyles: insetMode ? hmsRoomStyles.avatarContainer : null,
-    isInset: insetMode,
+    isInset: insetMode || isPipModeActive,
     videoView: showingVideoTrack ? /*#__PURE__*/React.createElement(VideoView, {
       ref: hmsViewRef,
       peer: peer,
@@ -95,13 +110,14 @@ export const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRe
       scaleType: onSpotlight || track.source !== HMSTrackSource.REGULAR ? HMSVideoViewMode.ASPECT_FIT : HMSVideoViewMode.ASPECT_FILL
     }) : null
   }), /*#__PURE__*/React.createElement(PeerMetadata, {
-    metadata: peer.metadata
-  }), screenShareTile && showingVideoTrack ? /*#__PURE__*/React.createElement(HMSFullScreenButton, {
+    metadata: peer.metadata,
+    isHandRaised: peer.isHandRaised
+  }), screenShareTile && showingVideoTrack ? isPipModeActive ? null : /*#__PURE__*/React.createElement(HMSFullScreenButton, {
     peerTrackNode: peerTrackNode
   }) : peerCanPublishAudio ? /*#__PURE__*/React.createElement(PeerAudioIndicator, {
     isMuted: (_peer$audioTrack = peer.audioTrack) === null || _peer$audioTrack === void 0 ? void 0 : _peer$audioTrack.isMute(),
     peer: peer
-  }) : null, insetMode ? null : /*#__PURE__*/React.createElement(PeerNameAndNetwork, {
+  }) : null, insetMode || isPipModeActive ? null : /*#__PURE__*/React.createElement(PeerNameAndNetwork, {
     name: peer.name,
     isLocal: peer.isLocal,
     trackSource: trackSource,
@@ -109,7 +125,7 @@ export const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRe
   }), insetMode ? /*#__PURE__*/React.createElement(Pressable, {
     style: styles.pressable,
     onPress: handleTilePress
-  }) : null, !onMoreOptionsPress || track && (track === null || track === void 0 ? void 0 : track.source) !== HMSTrackSource.REGULAR ? null : insetMode ? /*#__PURE__*/React.createElement(UnmountAfterDelay, {
+  }) : null, hide3DotsButton ? null : insetMode ? /*#__PURE__*/React.createElement(UnmountAfterDelay, {
     ref: unmountAfterDelayRef,
     visible: mounted,
     onUnmount: hide
@@ -121,7 +137,7 @@ export const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRe
   }, /*#__PURE__*/React.createElement(ThreeDotsIcon, {
     stack: "vertical",
     style: styles.icon
-  }))) : !allowedToPublish || !localPeerPermissions ? null : /*#__PURE__*/React.createElement(PressableIcon, {
+  }))) : /*#__PURE__*/React.createElement(PressableIcon, {
     activeOpacity: 0.7,
     style: [styles.iconWrapper, hmsRoomStyles.iconWrapperStyles],
     border: false,