@100mslive/react-native-room-kit 1.0.7 → 1.0.9

package/lib/module/components/Chat/ChatFilterView.js

@@ -2,21 +2,27 @@ import * as React from 'react';
 import { FlashList } from '@shopify/flash-list';
 import { StyleSheet, Text, View } from 'react-native';
 import { useDispatch, useSelector } from 'react-redux';
-import { useHMSInstance, useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../../hooks-util';
+import { useHMSChatRecipientSelector, useHMSInstance, useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../../hooks-util';
 import { BottomSheet } from '../BottomSheet';
 import { HMSTextInput } from '../HMSTextInput';
 import { ParticipantsIcon, SearchIcon } from '../../Icons';
 import { ChatFilterItem } from './ChatFilterItem';
 import { setChatFilterSheetVisible } from '../../redux/actions';
 import { ChatBroadcastFilter } from '../../utils/types';
-const _ChatFilterView = () => {
+const _ChatFilterView = ({
+  onDismiss
+}) => {
   const hmsInstance = useHMSInstance();
   const dispatch = useDispatch();
   const filter = useSelector(state => state.chatWindow.sendTo);
-  const roles = useSelector(state => state.hmsStates.roles);
   const [loadingPeersList, setLoadingPeersList] = React.useState(false);
   const [remotePeers, setRemotePeers] = React.useState([]);
   const [filterText, setFilterText] = React.useState('');
+  const {
+    privateChat,
+    publicChat,
+    roles: rolesSpecificChat
+  } = useHMSChatRecipientSelector();
   const {
     on_surface_medium: onSurfaceMediumColor
   } = useHMSRoomColorPalette();
@@ -35,31 +41,38 @@ const _ChatFilterView = () => {
     }
   }));
   React.useEffect(() => {
-    let mounted = true;
-    const fetchRemotePeers = async () => {
-      setLoadingPeersList(true);
-      const fetchedRemotePeers = await hmsInstance.getRemotePeers();
-      if (mounted) {
-        setLoadingPeersList(false);
-        setRemotePeers(fetchedRemotePeers);
-      }
-    };
-    fetchRemotePeers();
-    return () => {
-      mounted = false;
-    };
-  }, [hmsInstance]);
+    if (privateChat) {
+      let mounted = true;
+      const fetchRemotePeers = async () => {
+        setLoadingPeersList(true);
+        const fetchedRemotePeers = await hmsInstance.getRemotePeers();
+        if (mounted) {
+          setLoadingPeersList(false);
+          setRemotePeers(fetchedRemotePeers);
+        }
+      };
+      fetchRemotePeers();
+      return () => {
+        mounted = false;
+      };
+    }
+  }, [privateChat, hmsInstance]);
   const _keyExtractor = React.useCallback(item => item.peerID, []);
   const _renderItem = React.useCallback(({
     item,
     extraData
   }) => /*#__PURE__*/React.createElement(ChatFilterItem, {
     item: item,
-    active: extraData.name === item.name,
-    disabled: extraData.name === item.name
-  }), []);
+    active: extraData && extraData.name === item.name,
+    disabled: extraData && extraData.name === item.name,
+    onDismiss: onDismiss
+  }), [onDismiss]);
   const closeFiltersBottomSheet = () => {
-    dispatch(setChatFilterSheetVisible(false));
+    if (onDismiss) {
+      onDismiss();
+    } else {
+      dispatch(setChatFilterSheetVisible(false));
+    }
   };
   const formattedFilterText = filterText.trim().toLowerCase();
 
@@ -72,16 +85,8 @@ const _ChatFilterView = () => {
   }, [formattedFilterText, remotePeers]);
 
   // Filtering Broadcast option
-  const showBroadcastOption = formattedFilterText.length > 0 ? ChatBroadcastFilter.name.includes(formattedFilterText) : true;
-
-  // Filtering Roles
-  const foundRoles = roles.filter(role => {
-    if (!role.name || role.name.startsWith('_')) {
-      return false;
-    }
-    return formattedFilterText.length > 0 ? role.name.toLowerCase().includes(formattedFilterText) : true;
-  });
-  const isBroadcastFilterSelected = !('publishSettings' in filter || 'peerId' in filter) &&
+  const showBroadcastOption = publicChat ? formattedFilterText.length > 0 ? ChatBroadcastFilter.name.includes(formattedFilterText) : true : false;
+  const isBroadcastFilterSelected = filter !== null && !('publishSettings' in filter || 'peerId' in filter) &&
   // filter is not HMSRole and HMSRemotePeer
   filter.name === ChatBroadcastFilter.name;
   return /*#__PURE__*/React.createElement(View, {
@@ -93,7 +98,7 @@ const _ChatFilterView = () => {
     dismissModal: closeFiltersBottomSheet
   }), /*#__PURE__*/React.createElement(BottomSheet.Divider, {
     style: styles.headerDivider
-  }), /*#__PURE__*/React.createElement(HMSTextInput, {
+  }), privateChat ? /*#__PURE__*/React.createElement(HMSTextInput, {
     value: filterText,
     onChangeText: setFilterText,
     placeholder: "Search for participants",
@@ -103,7 +108,7 @@ const _ChatFilterView = () => {
     leftIcon: /*#__PURE__*/React.createElement(SearchIcon, {
       style: styles.textInputSearchIcon
     })
-  }), /*#__PURE__*/React.createElement(FlashList, {
+  }) : null, /*#__PURE__*/React.createElement(FlashList, {
     data: filteredRemotePeers,
     extraData: filter,
     estimatedItemSize: 104,
@@ -111,34 +116,38 @@ const _ChatFilterView = () => {
     keyboardShouldPersistTaps: "always",
     keyExtractor: _keyExtractor,
     renderItem: _renderItem,
-    ListEmptyComponent: /*#__PURE__*/React.createElement(View, {
+    ListEmptyComponent: privateChat ? /*#__PURE__*/React.createElement(View, {
       style: styles.placeholderContainer
     }, /*#__PURE__*/React.createElement(Text, {
       style: [styles.placeholderText, hmsRoomStyles.placeholderText]
-    }, loadingPeersList ? 'Loading Participants...' : formattedFilterText.length > 0 ? 'No participants found!' : 'There is no one in the session!')),
-    ListHeaderComponent: /*#__PURE__*/React.createElement(View, null, showBroadcastOption ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ChatFilterItem, {
+    }, loadingPeersList ? 'Loading Participants...' : formattedFilterText.length > 0 ? 'No participants found!' : 'There is no one in the session!')) : null,
+    ListHeaderComponent: /*#__PURE__*/React.createElement(View, null, showBroadcastOption ? /*#__PURE__*/React.createElement(ChatFilterItem, {
       item: ChatBroadcastFilter,
       active: isBroadcastFilterSelected,
       disabled: isBroadcastFilterSelected,
-      icon: /*#__PURE__*/React.createElement(ParticipantsIcon, null)
-    }), /*#__PURE__*/React.createElement(BottomSheet.Divider, {
+      icon: /*#__PURE__*/React.createElement(ParticipantsIcon, null),
+      onDismiss: onDismiss
+    }) : null, showBroadcastOption && rolesSpecificChat.length > 0 ? /*#__PURE__*/React.createElement(BottomSheet.Divider, {
       style: styles.divider
-    })) : null, foundRoles.length > 0 ? /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
+    }) : null, rolesSpecificChat.length > 0 ? /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
       style: [styles.label, hmsRoomStyles.label]
-    }, "ROLES"), foundRoles.map(role => {
-      const isRoleSelected = ('publishSettings' in filter);
-      const isActive = isRoleSelected && filter.name === role.name;
+    }, "ROLES"), rolesSpecificChat.map(role => {
+      const isRoleSelected = filter !== null && 'publishSettings' in filter;
+      const isActive = filter !== null && isRoleSelected && filter.name === role.name;
       return /*#__PURE__*/React.createElement(ChatFilterItem, {
         key: role.name,
         item: role,
         active: isActive,
-        disabled: isActive
+        disabled: isActive,
+        onDismiss: onDismiss
       });
-    }), /*#__PURE__*/React.createElement(BottomSheet.Divider, {
+    })) : null, rolesSpecificChat.length > 0 && privateChat ? /*#__PURE__*/React.createElement(BottomSheet.Divider, {
+      style: styles.divider
+    }) : null, rolesSpecificChat.length <= 0 && privateChat && showBroadcastOption ? /*#__PURE__*/React.createElement(BottomSheet.Divider, {
       style: styles.divider
-    })) : null, /*#__PURE__*/React.createElement(Text, {
+    }) : null, privateChat ? /*#__PURE__*/React.createElement(Text, {
       style: [styles.label, hmsRoomStyles.label]
-    }, "PARTICIPANTS"))
+    }, "PARTICIPANTS") : null)
   }));
 };
 const styles = StyleSheet.create({

package/lib/module/components/Chat/ChatFilterView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FlashList","StyleSheet","Text","View","useDispatch","useSelector","useHMSInstance","useHMSRoomColorPalette","useHMSRoomStyleSheet","BottomSheet","HMSTextInput","ParticipantsIcon","SearchIcon","ChatFilterItem","setChatFilterSheetVisible","ChatBroadcastFilter","_ChatFilterView","hmsInstance","dispatch","filter","state","chatWindow","sendTo","roles","hmsStates","loadingPeersList","setLoadingPeersList","useState","remotePeers","setRemotePeers","filterText","setFilterText","on_surface_medium","onSurfaceMediumColor","hmsRoomStyles","theme","typography","textInputContainer","backgroundColor","palette","surface_dim","borderColor","border_bright","placeholderText","color","on_surface_high","fontFamily","font_family","label","useEffect","mounted","fetchRemotePeers","fetchedRemotePeers","getRemotePeers","_keyExtractor","useCallback","item","peerID","_renderItem","extraData","createElement","active","name","disabled","closeFiltersBottomSheet","formattedFilterText","trim","toLowerCase","filteredRemotePeers","useMemo","length","remotePeer","includes","showBroadcastOption","foundRoles","role","startsWith","isBroadcastFilterSelected","style","flex","Header","heading","dismissModal","Divider","styles","headerDivider","value","onChangeText","placeholder","containerStyle","focusedContainerStyle","textInputFocusedContainer","placeholderTextColor","leftIcon","textInputSearchIcon","data","estimatedItemSize","contentContainerStyle","list","keyboardShouldPersistTaps","keyExtractor","renderItem","ListEmptyComponent","placeholderContainer","ListHeaderComponent","Fragment","icon","divider","map","isRoleSelected","isActive","key","create","marginVertical","borderWidth","marginHorizontal","height","paddingHorizontal","marginRight","alignSelf","paddingBottom","marginTop","fontSize","lineHeight","letterSpacing","textAlign","ChatFilterView","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatFilterView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,SAAS,QAA6B,qBAAqB;AACpE,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AAEtD,SACEC,cAAc,EACdC,sBAAsB,EACtBC,oBAAoB,QACf,kBAAkB;AAEzB,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,aAAa;AAC1D,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,mBAAmB,QAAQ,mBAAmB;AAIvD,MAAMC,eAA8C,GAAGA,CAAA,KAAM;EAC3D,MAAMC,WAAW,GAAGX,cAAc,CAAC,CAAC;EACpC,MAAMY,QAAQ,GAAGd,WAAW,CAAC,CAAC;EAC9B,MAAMe,MAAM,GAAGd,WAAW,CAAEe,KAAgB,IAAKA,KAAK,CAACC,UAAU,CAACC,MAAM,CAAC;EACzE,MAAMC,KAAK,GAAGlB,WAAW,CAAEe,KAAgB,IAAKA,KAAK,CAACI,SAAS,CAACD,KAAK,CAAC;EACtE,MAAM,CAACE,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG3B,KAAK,CAAC4B,QAAQ,CAAC,KAAK,CAAC;EACrE,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG9B,KAAK,CAAC4B,QAAQ,CAAkB,EAAE,CAAC;EACzE,MAAM,CAACG,UAAU,EAAEC,aAAa,CAAC,GAAGhC,KAAK,CAAC4B,QAAQ,CAAC,EAAE,CAAC;EAEtD,MAAM;IAAEK,iBAAiB,EAAEC;EAAqB,CAAC,GAAG1B,sBAAsB,CAAC,CAAC;EAE5E,MAAM2B,aAAa,GAAG1B,oBAAoB,CAAC,CAAC2B,KAAK,EAAEC,UAAU,MAAM;IACjEC,kBAAkB,EAAE;MAClBC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC,WAAW;MAC1CC,WAAW,EAAEN,KAAK,CAACI,OAAO,CAACG;IAC7B,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAET,KAAK,CAACI,OAAO,CAACM,eAAe;MACpCC,UAAU,EAAG,GAAEV,UAAU,CAACW,WAAY;IACxC,CAAC;IACDC,KAAK,EAAE;MACLJ,KAAK,EAAET,KAAK,CAACI,OAAO,CAACP,iBAAiB;MACtCc,UAAU,EAAG,GAAEV,UAAU,CAACW,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEHhD,KAAK,CAACkD,SAAS,CAAC,MAAM;IACpB,IAAIC,OAAO,GAAG,IAAI;IAElB,MAAMC,gBAAgB,GAAG,MAAAA,CAAA,KAAY;MACnCzB,mBAAmB,CAAC,IAAI,CAAC;MACzB,MAAM0B,kBAAkB,GAAG,MAAMnC,WAAW,CAACoC,cAAc,CAAC,CAAC;MAC7D,IAAIH,OAAO,EAAE;QACXxB,mBAAmB,CAAC,KAAK,CAAC;QAC1BG,cAAc,CAACuB,kBAAkB,CAAC;MACpC;IACF,CAAC;IAEDD,gBAAgB,CAAC,CAAC;IAElB,OAAO,MAAM;MACXD,OAAO,GAAG,KAAK;IACjB,CAAC;EACH,CAAC,EAAE,CAACjC,WAAW,CAAC,CAAC;EAEjB,MAAMqC,aAAa,GAAGvD,KAAK,CAACwD,WAAW,CACpCC,IAAmB,IAAKA,IAAI,CAACC,MAAM,EACpC,EACF,CAAC;EAED,MAAMC,WAA0C,GAAG3D,KAAK,CAACwD,WAAW,CAClE,CAAC;IAAEC,IAAI;IAAEG;EAAU,CAAC,kBAClB5D,KAAA,CAAA6D,aAAA,CAAC/C,cAAc;IACb2C,IAAI,EAAEA,IAAK;IACXK,MAAM,EAAEF,SAAS,CAACG,IAAI,KAAKN,IAAI,CAACM,IAAK;IACrCC,QAAQ,EAAEJ,SAAS,CAACG,IAAI,KAAKN,IAAI,CAACM;EAAK,CACxC,CACF,EACD,EACF,CAAC;EAED,MAAME,uBAAuB,GAAGA,CAAA,KAAM;IACpC9C,QAAQ,CAACJ,yBAAyB,CAAC,KAAK,CAAC,CAAC;EAC5C,CAAC;EAED,MAAMmD,mBAAmB,GAAGnC,UAAU,CAACoC,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;;EAE3D;EACA,MAAMC,mBAAmB,GAAGrE,KAAK,CAACsE,OAAO,CAAC,MAAM;IAC9C,IAAIJ,mBAAmB,CAACK,MAAM,IAAI,CAAC,EAAE;MACnC,OAAO1C,WAAW;IACpB;IAEA,OAAOA,WAAW,CAACT,MAAM,CAAEoD,UAAU,IACnCA,UAAU,CAACT,IAAI,CAACK,WAAW,CAAC,CAAC,CAACK,QAAQ,CAACP,mBAAmB,CAC5D,CAAC;EACH,CAAC,EAAE,CAACA,mBAAmB,EAAErC,WAAW,CAAC,CAAC;;EAEtC;EACA,MAAM6C,mBAAmB,GACvBR,mBAAmB,CAACK,MAAM,GAAG,CAAC,GAC1BvD,mBAAmB,CAAC+C,IAAI,CAACU,QAAQ,CAACP,mBAAmB,CAAC,GACtD,IAAI;;EAEV;EACA,MAAMS,UAAU,GAAGnD,KAAK,CAACJ,MAAM,CAAEwD,IAAI,IAAK;IACxC,IAAI,CAACA,IAAI,CAACb,IAAI,IAAIa,IAAI,CAACb,IAAI,CAACc,UAAU,CAAC,GAAG,CAAC,EAAE;MAC3C,OAAO,KAAK;IACd;IAEA,OAAOX,mBAAmB,CAACK,MAAM,GAAG,CAAC,GACjCK,IAAI,CAACb,IAAI,CAACK,WAAW,CAAC,CAAC,CAACK,QAAQ,CAACP,mBAAmB,CAAC,GACrD,IAAI;EACV,CAAC,CAAC;EAEF,MAAMY,yBAAyB,GAC7B,EAAE,iBAAiB,IAAI1D,MAAM,IAAI,QAAQ,IAAIA,MAAM,CAAC;EAAI;EACxDA,MAAM,CAAC2C,IAAI,KAAK/C,mBAAmB,CAAC+C,IAAI;EAE1C,oBACE/D,KAAA,CAAA6D,aAAA,CAACzD,IAAI;IAAC2E,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAE;EAAE,gBACvBhF,KAAA,CAAA6D,aAAA,CAACnD,WAAW,CAACuE,MAAM;IACjBC,OAAO,EAAC,iBAAiB;IACzBC,YAAY,EAAElB;EAAwB,CACvC,CAAC,eAEFjE,KAAA,CAAA6D,aAAA,CAACnD,WAAW,CAAC0E,OAAO;IAACL,KAAK,EAAEM,MAAM,CAACC;EAAc,CAAE,CAAC,eAEpDtF,KAAA,CAAA6D,aAAA,CAAClD,YAAY;IACX4E,KAAK,EAAExD,UAAW;IAClByD,YAAY,EAAExD,aAAc;IAC5ByD,WAAW,EAAC,yBAAyB;IACrCC,cAAc,EAAE,CACdL,MAAM,CAAC/C,kBAAkB,EACzBH,aAAa,CAACG,kBAAkB,CAChC;IACFqD,qBAAqB,EAAEN,MAAM,CAACO,yBAA0B;IACxDC,oBAAoB,EAAE3D,oBAAqB;IAC3C4D,QAAQ,eAAE9F,KAAA,CAAA6D,aAAA,CAAChD,UAAU;MAACkE,KAAK,EAAEM,MAAM,CAACU;IAAoB,CAAE;EAAE,CAC7D,CAAC,eAEF/F,KAAA,CAAA6D,aAAA,CAAC5D,SAAS;IACR+F,IAAI,EAAE3B,mBAAoB;IAC1BT,SAAS,EAAExC,MAAO;IAClB6E,iBAAiB,EAAE,GAAI;IACvBC,qBAAqB,EAAEb,MAAM,CAACc,IAAK;IACnCC,yBAAyB,EAAC,QAAQ;IAClCC,YAAY,EAAE9C,aAAc;IAC5B+C,UAAU,EAAE3C,WAAY;IACxB4C,kBAAkB,eAChBvG,KAAA,CAAA6D,aAAA,CAACzD,IAAI;MAAC2E,KAAK,EAAEM,MAAM,CAACmB;IAAqB,gBACvCxG,KAAA,CAAA6D,aAAA,CAAC1D,IAAI;MACH4E,KAAK,EAAE,CAACM,MAAM,CAACzC,eAAe,EAAET,aAAa,CAACS,eAAe;IAAE,GAE9DlB,gBAAgB,GACb,yBAAyB,GACzBwC,mBAAmB,CAACK,MAAM,GAAG,CAAC,GAC9B,wBAAwB,GACxB,iCACA,CACF,CACP;IACDkC,mBAAmB,eACjBzG,KAAA,CAAA6D,aAAA,CAACzD,IAAI,QACFsE,mBAAmB,gBAClB1E,KAAA,CAAA6D,aAAA,CAAA7D,KAAA,CAAA0G,QAAA,qBACE1G,KAAA,CAAA6D,aAAA,CAAC/C,cAAc;MACb2C,IAAI,EAAEzC,mBAAoB;MAC1B8C,MAAM,EAAEgB,yBAA0B;MAClCd,QAAQ,EAAEc,yBAA0B;MACpC6B,IAAI,eAAE3G,KAAA,CAAA6D,aAAA,CAACjD,gBAAgB,MAAE;IAAE,CAC5B,CAAC,eACFZ,KAAA,CAAA6D,aAAA,CAACnD,WAAW,CAAC0E,OAAO;MAACL,KAAK,EAAEM,MAAM,CAACuB;IAAQ,CAAE,CAC7C,CAAC,GACD,IAAI,EAEPjC,UAAU,CAACJ,MAAM,GAAG,CAAC,gBACpBvE,KAAA,CAAA6D,aAAA,CAACzD,IAAI,qBACHJ,KAAA,CAAA6D,aAAA,CAAC1D,IAAI;MAAC4E,KAAK,EAAE,CAACM,MAAM,CAACpC,KAAK,EAAEd,aAAa,CAACc,KAAK;IAAE,GAAC,OAAW,CAAC,EAC7D0B,UAAU,CAACkC,GAAG,CAAEjC,IAAI,IAAK;MACxB,MAAMkC,cAAc,IAAG,iBAAiB,IAAI1F,MAAM;MAClD,MAAM2F,QAAQ,GAAGD,cAAc,IAAI1F,MAAM,CAAC2C,IAAI,KAAKa,IAAI,CAACb,IAAI;MAE5D,oBACE/D,KAAA,CAAA6D,aAAA,CAAC/C,cAAc;QACbkG,GAAG,EAAEpC,IAAI,CAACb,IAAK;QACfN,IAAI,EAAEmB,IAAK;QACXd,MAAM,EAAEiD,QAAS;QACjB/C,QAAQ,EAAE+C;MAAS,CACpB,CAAC;IAEN,CAAC,CAAC,eACF/G,KAAA,CAAA6D,aAAA,CAACnD,WAAW,CAAC0E,OAAO;MAACL,KAAK,EAAEM,MAAM,CAACuB;IAAQ,CAAE,CACzC,CAAC,GACL,IAAI,eAER5G,KAAA,CAAA6D,aAAA,CAAC1D,IAAI;MAAC4E,KAAK,EAAE,CAACM,MAAM,CAACpC,KAAK,EAAEd,aAAa,CAACc,KAAK;IAAE,GAAC,cAE5C,CACF;EACP,CACF,CACG,CAAC;AAEX,CAAC;AAED,MAAMoC,MAAM,GAAGnF,UAAU,CAAC+G,MAAM,CAAC;EAC/B3B,aAAa,EAAE;IACb4B,cAAc,EAAE;EAClB,CAAC;EACD5E,kBAAkB,EAAE;IAClB6E,WAAW,EAAE,CAAC;IACdnC,IAAI,EAAE,CAAC;IACPoC,gBAAgB,EAAE,EAAE;IACpBC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE;EACrB,CAAC;EACD1B,yBAAyB,EAAE;IACzBuB,WAAW,EAAE;EACf,CAAC;EACDpB,mBAAmB,EAAE;IACnBwB,WAAW,EAAE,CAAC;IACdC,SAAS,EAAE;EACb,CAAC;EACDrB,IAAI,EAAE;IACJsB,aAAa,EAAE;EACjB,CAAC;EACDjB,oBAAoB,EAAE;IACpBkB,SAAS,EAAE;EACb,CAAC;EACD9E,eAAe,EAAE;IACf+E,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,SAAS,EAAE;EACb,CAAC;EACDlB,OAAO,EAAE;IACPM,cAAc,EAAE;EAClB,CAAC;EACDjE,KAAK,EAAE;IACL0E,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBT,gBAAgB,EAAE,EAAE;IACpBM,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,OAAO,MAAMK,cAAc,gBAAG/H,KAAK,CAACgI,IAAI,CAAC/G,eAAe,CAAC"}
+{"version":3,"names":["React","FlashList","StyleSheet","Text","View","useDispatch","useSelector","useHMSChatRecipientSelector","useHMSInstance","useHMSRoomColorPalette","useHMSRoomStyleSheet","BottomSheet","HMSTextInput","ParticipantsIcon","SearchIcon","ChatFilterItem","setChatFilterSheetVisible","ChatBroadcastFilter","_ChatFilterView","onDismiss","hmsInstance","dispatch","filter","state","chatWindow","sendTo","loadingPeersList","setLoadingPeersList","useState","remotePeers","setRemotePeers","filterText","setFilterText","privateChat","publicChat","roles","rolesSpecificChat","on_surface_medium","onSurfaceMediumColor","hmsRoomStyles","theme","typography","textInputContainer","backgroundColor","palette","surface_dim","borderColor","border_bright","placeholderText","color","on_surface_high","fontFamily","font_family","label","useEffect","mounted","fetchRemotePeers","fetchedRemotePeers","getRemotePeers","_keyExtractor","useCallback","item","peerID","_renderItem","extraData","createElement","active","name","disabled","closeFiltersBottomSheet","formattedFilterText","trim","toLowerCase","filteredRemotePeers","useMemo","length","remotePeer","includes","showBroadcastOption","isBroadcastFilterSelected","style","flex","Header","heading","dismissModal","Divider","styles","headerDivider","value","onChangeText","placeholder","containerStyle","focusedContainerStyle","textInputFocusedContainer","placeholderTextColor","leftIcon","textInputSearchIcon","data","estimatedItemSize","contentContainerStyle","list","keyboardShouldPersistTaps","keyExtractor","renderItem","ListEmptyComponent","placeholderContainer","ListHeaderComponent","icon","divider","map","role","isRoleSelected","isActive","key","create","marginVertical","borderWidth","marginHorizontal","height","paddingHorizontal","marginRight","alignSelf","paddingBottom","marginTop","fontSize","lineHeight","letterSpacing","textAlign","ChatFilterView","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatFilterView.tsx"],"mappings":"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"}

package/lib/module/components/Chat/ChatList.js

@@ -2,12 +2,15 @@ import * as React from 'react';
 import { FlashList
 // FlashListProps
 } from '@shopify/flash-list';
-import { StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet, View } from 'react-native';
 import { useSelector } from 'react-redux';
 import { ChatMessage } from './ChatMessage';
 import { ChatBanner } from './ChatBanner';
-import { PinnedMessage } from './PinnedMessage';
+import { PinnedMessages } from './PinnedMessages';
+import { useIsAllowedToSendMessage } from '../../hooks-util';
 const _ChatList = () => {
+  const flashlistRef = React.useRef(null);
+  const isAllowedToSendMessage = useIsAllowedToSendMessage();
   const messages = useSelector(state => state.messages.messages);
   const _keyExtractor = React.useCallback(item => item.messageId, []);
   const _renderItem = React.useCallback(data => {
@@ -16,12 +19,14 @@ const _ChatList = () => {
     });
   }, []);
   return /*#__PURE__*/React.createElement(View, {
-    style: chatListStyle.list
-  }, /*#__PURE__*/React.createElement(PinnedMessage, null), messages.length > 0 ? /*#__PURE__*/React.createElement(FlashList, {
+    style: [chatListStyle.list, isAllowedToSendMessage ? chatListStyle.bottomSpace : null]
+  }, /*#__PURE__*/React.createElement(PinnedMessages, null), messages.length > 0 ? /*#__PURE__*/React.createElement(FlashList, {
+    ref: flashlistRef,
     data: messages,
     inverted: true,
     estimatedItemSize: 75,
-    contentContainerStyle: chatListStyle.listContentContainer // Bug: Android inverted flashlist will apply padding on left when `paddingRight: 12` is applied
+    showsVerticalScrollIndicator: Platform.OS !== 'android'
+    // contentContainerStyle={chatListStyle.listContentContainer} // Bug: Android inverted flashlist will apply padding on left when `paddingRight: 12` is applied
     ,
     keyboardShouldPersistTaps: "always"
     // ItemSeparatorComponent={() => <View style={{ height: 16 }} />} // TODO: There is a bug related to this: https://github.com/Shopify/flash-list/issues/638
@@ -33,11 +38,13 @@ const _ChatList = () => {
 const chatListStyle = StyleSheet.create({
   list: {
     flex: 1,
-    marginTop: 8,
+    marginTop: 8
+  },
+  bottomSpace: {
     marginBottom: 16
   },
   listContentContainer: {
-    paddingRight: 12
+    paddingRight: 8
   }
 });
 export const ChatList = /*#__PURE__*/React.memo(_ChatList);

package/lib/module/components/Chat/ChatList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FlashList","StyleSheet","View","useSelector","ChatMessage","ChatBanner","PinnedMessage","_ChatList","messages","state","_keyExtractor","useCallback","item","messageId","_renderItem","data","createElement","message","style","chatListStyle","list","length","inverted","estimatedItemSize","contentContainerStyle","listContentContainer","keyboardShouldPersistTaps","renderItem","keyExtractor","create","flex","marginTop","marginBottom","paddingRight","ChatList","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatList.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SACEC;AACA;AAAA,OACK,qBAAqB;AAC5B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,iBAAiB;AAM/C,MAAMC,SAAkC,GAAGA,CAAA,KAAM;EAC/C,MAAMC,QAAQ,GAAGL,WAAW,CAAEM,KAAgB,IAAKA,KAAK,CAACD,QAAQ,CAACA,QAAQ,CAAC;EAE3E,MAAME,aAAa,GAAGX,KAAK,CAACY,WAAW,CACpCC,IAAgB,IAAKA,IAAI,CAACC,SAAS,EACpC,EACF,CAAC;EAED,MAAMC,WAAW,GAAGf,KAAK,CAACY,WAAW,CAAEI,IAA0B,IAAK;IACpE,oBAAOhB,KAAA,CAAAiB,aAAA,CAACZ,WAAW;MAACa,OAAO,EAAEF,IAAI,CAACH;IAAK,CAAE,CAAC;EAC5C,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEb,KAAA,CAAAiB,aAAA,CAACd,IAAI;IAACgB,KAAK,EAAEC,aAAa,CAACC;EAAK,gBAC9BrB,KAAA,CAAAiB,aAAA,CAACV,aAAa,MAAE,CAAC,EAEhBE,QAAQ,CAACa,MAAM,GAAG,CAAC,gBAClBtB,KAAA,CAAAiB,aAAA,CAAChB,SAAS;IACRe,IAAI,EAAEP,QAAS;IACfc,QAAQ,EAAE,IAAK;IACfC,iBAAiB,EAAE,EAAG;IACtBC,qBAAqB,EAAEL,aAAa,CAACM,oBAAqB,CAAC;IAAA;IAC3DC,yBAAyB,EAAC;IAC1B;IAAA;IACAC,UAAU,EAAEb,WAAY;IACxBc,YAAY,EAAElB;EAAc,CAC7B,CAAC,gBAEFX,KAAA,CAAAiB,aAAA,CAACX,UAAU,MAAE,CAEX,CAAC;AAEX,CAAC;AAED,MAAMc,aAAa,GAAGlB,UAAU,CAAC4B,MAAM,CAAC;EACtCT,IAAI,EAAE;IACJU,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE;EAChB,CAAC;EACDP,oBAAoB,EAAE;IACpBQ,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,QAAQ,gBAAGnC,KAAK,CAACoC,IAAI,CAAC5B,SAAS,CAAC"}
+{"version":3,"names":["React","FlashList","Platform","StyleSheet","View","useSelector","ChatMessage","ChatBanner","PinnedMessages","useIsAllowedToSendMessage","_ChatList","flashlistRef","useRef","isAllowedToSendMessage","messages","state","_keyExtractor","useCallback","item","messageId","_renderItem","data","createElement","message","style","chatListStyle","list","bottomSpace","length","ref","inverted","estimatedItemSize","showsVerticalScrollIndicator","OS","keyboardShouldPersistTaps","renderItem","keyExtractor","create","flex","marginTop","marginBottom","listContentContainer","paddingRight","ChatList","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatList.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SACEC;AACA;AAAA,OACK,qBAAqB;AAC5B,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzD,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,yBAAyB,QAAQ,kBAAkB;AAM5D,MAAMC,SAAkC,GAAGA,CAAA,KAAM;EAC/C,MAAMC,YAAY,GAAGX,KAAK,CAACY,MAAM,CAA+B,IAAI,CAAC;EACrE,MAAMC,sBAAsB,GAAGJ,yBAAyB,CAAC,CAAC;EAC1D,MAAMK,QAAQ,GAAGT,WAAW,CAAEU,KAAgB,IAAKA,KAAK,CAACD,QAAQ,CAACA,QAAQ,CAAC;EAE3E,MAAME,aAAa,GAAGhB,KAAK,CAACiB,WAAW,CACpCC,IAAgB,IAAKA,IAAI,CAACC,SAAS,EACpC,EACF,CAAC;EAED,MAAMC,WAAW,GAAGpB,KAAK,CAACiB,WAAW,CAAEI,IAA0B,IAAK;IACpE,oBAAOrB,KAAA,CAAAsB,aAAA,CAAChB,WAAW;MAACiB,OAAO,EAAEF,IAAI,CAACH;IAAK,CAAE,CAAC;EAC5C,CAAC,EAAE,EAAE,CAAC;EAEN,oBACElB,KAAA,CAAAsB,aAAA,CAAClB,IAAI;IACHoB,KAAK,EAAE,CACLC,aAAa,CAACC,IAAI,EAClBb,sBAAsB,GAAGY,aAAa,CAACE,WAAW,GAAG,IAAI;EACzD,gBAEF3B,KAAA,CAAAsB,aAAA,CAACd,cAAc,MAAE,CAAC,EAEjBM,QAAQ,CAACc,MAAM,GAAG,CAAC,gBAClB5B,KAAA,CAAAsB,aAAA,CAACrB,SAAS;IACR4B,GAAG,EAAElB,YAAa;IAClBU,IAAI,EAAEP,QAAS;IACfgB,QAAQ,EAAE,IAAK;IACfC,iBAAiB,EAAE,EAAG;IACtBC,4BAA4B,EAAE9B,QAAQ,CAAC+B,EAAE,KAAK;IAC9C;IAAA;IACAC,yBAAyB,EAAC;IAC1B;IAAA;IACAC,UAAU,EAAEf,WAAY;IACxBgB,YAAY,EAAEpB;EAAc,CAC7B,CAAC,gBAEFhB,KAAA,CAAAsB,aAAA,CAACf,UAAU,MAAE,CAEX,CAAC;AAEX,CAAC;AAED,MAAMkB,aAAa,GAAGtB,UAAU,CAACkC,MAAM,CAAC;EACtCX,IAAI,EAAE;IACJY,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE;EACb,CAAC;EACDZ,WAAW,EAAE;IACXa,YAAY,EAAE;EAChB,CAAC;EACDC,oBAAoB,EAAE;IACpBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,QAAQ,gBAAG3C,KAAK,CAAC4C,IAAI,CAAClC,SAAS,CAAC"}

package/lib/module/components/Chat/ChatMessage.js

@@ -1,11 +1,25 @@
 import * as React from 'react';
-import { View, Text, StyleSheet, Platform } from 'react-native';
-import { useHMSRoomStyleSheet } from '../../hooks-util';
+import { View, Text, StyleSheet, Platform, TouchableOpacity } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import { useAllowBlockingPeerFromChat, useAllowPinningMessage, useHMSRoomStyleSheet } from '../../hooks-util';
 import { getTimeStringin12HourFormat } from '../../utils/functions';
+import { PinIcon, ThreeDotsIcon } from '../../Icons';
+import { setSelectedMessageForAction } from '../../redux/actions';
 const _ChatMessage = ({
   message
 }) => {
-  const messageSender = message.sender;
+  const dispatch = useDispatch();
+  const isPinned = useSelector(state => state.messages.pinnedMessages.findIndex(pinnedMessage => pinnedMessage.id === message.messageId) >= 0);
+  const localPeerId = useSelector(state => {
+    var _state$hmsStates$loca;
+    return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.peerID;
+  });
+  const allowPinningMessage = useAllowPinningMessage();
+  const allowPeerBlocking = useAllowBlockingPeerFromChat();
+  const canRemoveOthers = useSelector(state => {
+    var _state$hmsStates$loca2;
+    return !!((_state$hmsStates$loca2 = state.hmsStates.localPeer) !== null && _state$hmsStates$loca2 !== void 0 && (_state$hmsStates$loca2 = _state$hmsStates$loca2.role) !== null && _state$hmsStates$loca2 !== void 0 && (_state$hmsStates$loca2 = _state$hmsStates$loca2.permissions) !== null && _state$hmsStates$loca2 !== void 0 && _state$hmsStates$loca2.removeOthers);
+  });
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
     senderName: {
       color: theme.palette.on_surface_high,
@@ -16,35 +30,66 @@ const _ChatMessage = ({
       fontFamily: `${typography.font_family}-Regular`
     },
     time: {
-      color: theme.palette.on_surface_medium,
+      color: theme.palette.on_surface_low,
       fontFamily: `${typography.font_family}-Regular`
+    },
+    threeDots: {
+      tintColor: theme.palette.on_surface_low
+    },
+    pinnedLabel: {
+      color: theme.palette.on_surface_low,
+      fontFamily: `${typography.font_family}-SemiBold`
     }
   }), []);
+  const onThreeDotsPress = () => {
+    dispatch(setSelectedMessageForAction(message));
+  };
+  const messageSender = message.sender;
+  const canTakeAction = allowPinningMessage ||
+  // can pin message, OR
+  allowPeerBlocking && message.sender && message.sender.peerID !== localPeerId ||
+  // can block peers, OR
+  canRemoveOthers && message.sender && message.sender.peerID !== localPeerId; // can remove participants
+
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
-  }, /*#__PURE__*/React.createElement(View, {
+  }, isPinned ? /*#__PURE__*/React.createElement(View, {
+    style: styles.pinLabelContainer
+  }, /*#__PURE__*/React.createElement(PinIcon, {
+    type: "pin",
+    style: [styles.pinIcon, hmsRoomStyles.threeDots]
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.pinnedLabel, hmsRoomStyles.pinnedLabel]
+  }, "PINNED")) : null, /*#__PURE__*/React.createElement(View, {
     style: [styles.nameWrapper]
   }, /*#__PURE__*/React.createElement(Text, {
     style: [styles.senderName, hmsRoomStyles.senderName],
     numberOfLines: 1
   }, messageSender ? messageSender.isLocal ? 'You' : messageSender.name : 'Anonymous'), /*#__PURE__*/React.createElement(Text, {
     style: [styles.time, hmsRoomStyles.time]
-  }, getTimeStringin12HourFormat(message.time))), /*#__PURE__*/React.createElement(Text, {
+  }, getTimeStringin12HourFormat(message.time)), canTakeAction ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    hitSlop: styles.threeDotsHitSlop,
+    onPress: onThreeDotsPress
+  }, /*#__PURE__*/React.createElement(ThreeDotsIcon, {
+    stack: "vertical",
+    style: [styles.threeDots, hmsRoomStyles.threeDots]
+  })) : null), /*#__PURE__*/React.createElement(Text, {
     style: [styles.message, hmsRoomStyles.message]
   }, message.message));
 };
 export const ChatMessage = /*#__PURE__*/React.memo(_ChatMessage);
 const styles = StyleSheet.create({
   container: {
-    marginTop: 16,
+    marginTop: 4,
     padding: 8,
     width: '100%'
   },
   nameWrapper: {
     flexDirection: 'row',
-    alignItems: 'flex-end'
+    alignItems: 'center'
   },
   senderName: {
+    flexGrow: 1,
     fontSize: 14,
     lineHeight: Platform.OS === 'android' ? 20 : undefined,
     letterSpacing: 0.1
@@ -59,7 +104,34 @@ const styles = StyleSheet.create({
     fontSize: 14,
     lineHeight: Platform.OS === 'android' ? 20 : undefined,
     letterSpacing: 0.25,
-    marginTop: 8
+    marginTop: 4
+  },
+  threeDots: {
+    width: 20,
+    height: 20,
+    marginLeft: 4
+  },
+  threeDotsHitSlop: {
+    left: 12,
+    right: 12,
+    top: 12,
+    bottom: 12
+  },
+  pinLabelContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 4
+  },
+  pinIcon: {
+    width: 12,
+    height: 12,
+    marginRight: 4
+  },
+  pinnedLabel: {
+    fontSize: 10,
+    textTransform: 'uppercase',
+    lineHeight: 16,
+    letterSpacing: 1.5
   }
 });
 //# sourceMappingURL=ChatMessage.js.map

package/lib/module/components/Chat/ChatMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","Platform","useHMSRoomStyleSheet","getTimeStringin12HourFormat","_ChatMessage","message","messageSender","sender","hmsRoomStyles","theme","typography","senderName","color","palette","on_surface_high","fontFamily","font_family","time","on_surface_medium","createElement","style","styles","container","nameWrapper","numberOfLines","isLocal","name","ChatMessage","memo","create","marginTop","padding","width","flexDirection","alignItems","fontSize","lineHeight","OS","undefined","letterSpacing","marginLeft"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatMessage.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAG/D,SAASC,oBAAoB,QAAQ,kBAAkB;AACvD,SAASC,2BAA2B,QAAQ,uBAAuB;AAMnE,MAAMC,YAA0C,GAAGA,CAAC;EAAEC;AAAQ,CAAC,KAAK;EAClE,MAAMC,aAAa,GAAGD,OAAO,CAACE,MAAM;EAEpC,MAAMC,aAAa,GAAGN,oBAAoB,CACxC,CAACO,KAAK,EAAEC,UAAU,MAAM;IACtBC,UAAU,EAAE;MACVC,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MACpCC,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC,CAAC;IACDX,OAAO,EAAE;MACPO,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MACpCC,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC,CAAC;IACDC,IAAI,EAAE;MACJL,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACK,iBAAiB;MACtCH,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,oBACEnB,KAAA,CAAAsB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BzB,KAAA,CAAAsB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAE,CAACC,MAAM,CAACE,WAAW;EAAE,gBAChC1B,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IACHqB,KAAK,EAAE,CAACC,MAAM,CAACV,UAAU,EAAEH,aAAa,CAACG,UAAU,CAAE;IACrDa,aAAa,EAAE;EAAE,GAEhBlB,aAAa,GACVA,aAAa,CAACmB,OAAO,GACnB,KAAK,GACLnB,aAAa,CAACoB,IAAI,GACpB,WACA,CAAC,eAEP7B,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAE,CAACC,MAAM,CAACJ,IAAI,EAAET,aAAa,CAACS,IAAI;EAAE,GAC5Cd,2BAA2B,CAACE,OAAO,CAACY,IAAI,CACrC,CACF,CAAC,eAEPpB,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAE,CAACC,MAAM,CAAChB,OAAO,EAAEG,aAAa,CAACH,OAAO;EAAE,GAClDA,OAAO,CAACA,OACL,CACF,CAAC;AAEX,CAAC;AAED,OAAO,MAAMsB,WAAW,gBAAG9B,KAAK,CAAC+B,IAAI,CAACxB,YAAY,CAAC;AAEnD,MAAMiB,MAAM,GAAGrB,UAAU,CAAC6B,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,SAAS,EAAE,EAAE;IACbC,OAAO,EAAE,CAAC;IACVC,KAAK,EAAE;EACT,CAAC;EACDT,WAAW,EAAE;IACXU,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDvB,UAAU,EAAE;IACVwB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEnC,QAAQ,CAACoC,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;IACtDC,aAAa,EAAE;EACjB,CAAC;EACDtB,IAAI,EAAE;IACJkB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdG,aAAa,EAAE,GAAG;IAClBC,UAAU,EAAE;EACd,CAAC;EACDnC,OAAO,EAAE;IACP8B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEnC,QAAQ,CAACoC,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;IACtDC,aAAa,EAAE,IAAI;IACnBT,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","View","Text","StyleSheet","Platform","TouchableOpacity","useDispatch","useSelector","useAllowBlockingPeerFromChat","useAllowPinningMessage","useHMSRoomStyleSheet","getTimeStringin12HourFormat","PinIcon","ThreeDotsIcon","setSelectedMessageForAction","_ChatMessage","message","dispatch","isPinned","state","messages","pinnedMessages","findIndex","pinnedMessage","id","messageId","localPeerId","_state$hmsStates$loca","hmsStates","localPeer","peerID","allowPinningMessage","allowPeerBlocking","canRemoveOthers","_state$hmsStates$loca2","role","permissions","removeOthers","hmsRoomStyles","theme","typography","senderName","color","palette","on_surface_high","fontFamily","font_family","time","on_surface_low","threeDots","tintColor","pinnedLabel","onThreeDotsPress","messageSender","sender","canTakeAction","createElement","style","styles","container","pinLabelContainer","type","pinIcon","nameWrapper","numberOfLines","isLocal","name","hitSlop","threeDotsHitSlop","onPress","stack","ChatMessage","memo","create","marginTop","padding","width","flexDirection","alignItems","flexGrow","fontSize","lineHeight","OS","undefined","letterSpacing","marginLeft","height","left","right","top","bottom","marginBottom","marginRight","textTransform"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatMessage.tsx"],"mappings":"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"}

package/lib/module/components/Chat/ChatMoreActionsModal.js

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { useSelector } from 'react-redux';
+import { interpolate } from 'react-native-reanimated';
+import { BottomSheet } from '../BottomSheet';
+import { useIsAllowedToSendMessage, useModalType } from '../../hooks-util';
+import { ModalTypes } from '../../utils/types';
+import { ChatMoreActionsView } from './ChatMoreActionsView';
+import { useFooterHeight } from '../Footer';
+import { useHMSNotificationsHeight } from '../HMSNotifications';
+const _ChatMoreActionsModal = ({
+  offset
+}) => {
+  const {
+    modalVisibleType,
+    handleModalVisibleType
+  } = useModalType();
+  const footerHeight = useFooterHeight();
+  const notificationsHeight = useHMSNotificationsHeight();
+  const isAllowedToSendMessage = useIsAllowedToSendMessage();
+  const isMessageInputVisible = useSelector(state => state.chatWindow.sendTo !== null && isAllowedToSendMessage);
+  const dismissModal = () => handleModalVisibleType(ModalTypes.DEFAULT);
+  return /*#__PURE__*/React.createElement(BottomSheet, {
+    dismissModal: dismissModal,
+    isVisible: modalVisibleType === ModalTypes.CHAT_MORE_ACTIONS,
+    backdropOpacity: 0.1,
+    animationIn: 'fadeIn',
+    animationOut: 'fadeOut',
+    style: styles.modal,
+    containerStyle: [styles.contentContainer, {
+      bottom: (offset ? interpolate(offset.value, [0, 1], [0, footerHeight]) : footerHeight) + notificationsHeight + (isMessageInputVisible ? 58 : 8)
+    }]
+  }, /*#__PURE__*/React.createElement(ChatMoreActionsView, {
+    onDismiss: dismissModal
+  }));
+};
+const styles = StyleSheet.create({
+  modal: {
+    justifyContent: undefined,
+    position: 'relative'
+  },
+  contentContainer: {
+    width: undefined,
+    paddingBottom: 0,
+    borderTopRightRadius: 0,
+    borderTopLeftRadius: 0,
+    backgroundColor: 'transparent',
+    position: 'absolute',
+    right: 8
+  }
+});
+export const ChatMoreActionsModal = /*#__PURE__*/React.memo(_ChatMoreActionsModal);
+//# sourceMappingURL=ChatMoreActionsModal.js.map

package/lib/module/components/Chat/ChatMoreActionsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","useSelector","interpolate","BottomSheet","useIsAllowedToSendMessage","useModalType","ModalTypes","ChatMoreActionsView","useFooterHeight","useHMSNotificationsHeight","_ChatMoreActionsModal","offset","modalVisibleType","handleModalVisibleType","footerHeight","notificationsHeight","isAllowedToSendMessage","isMessageInputVisible","state","chatWindow","sendTo","dismissModal","DEFAULT","createElement","isVisible","CHAT_MORE_ACTIONS","backdropOpacity","animationIn","animationOut","style","styles","modal","containerStyle","contentContainer","bottom","value","onDismiss","create","justifyContent","undefined","position","width","paddingBottom","borderTopRightRadius","borderTopLeftRadius","backgroundColor","right","ChatMoreActionsModal","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatMoreActionsModal.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,WAAW,QAAQ,yBAAyB;AAGrD,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,yBAAyB,EAAEC,YAAY,QAAQ,kBAAkB;AAC1E,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,eAAe,QAAQ,WAAW;AAC3C,SAASC,yBAAyB,QAAQ,qBAAqB;AAO/D,MAAMC,qBAA0D,GAAGA,CAAC;EAClEC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC,gBAAgB;IAAEC;EAAuB,CAAC,GAAGR,YAAY,CAAC,CAAC;EAEnE,MAAMS,YAAY,GAAGN,eAAe,CAAC,CAAC;EACtC,MAAMO,mBAAmB,GAAGN,yBAAyB,CAAC,CAAC;EACvD,MAAMO,sBAAsB,GAAGZ,yBAAyB,CAAC,CAAC;EAC1D,MAAMa,qBAAqB,GAAGhB,WAAW,CACtCiB,KAAgB,IACfA,KAAK,CAACC,UAAU,CAACC,MAAM,KAAK,IAAI,IAAIJ,sBACxC,CAAC;EAED,MAAMK,YAAY,GAAGA,CAAA,KAAMR,sBAAsB,CAACP,UAAU,CAACgB,OAAO,CAAC;EAErE,oBACEvB,KAAA,CAAAwB,aAAA,CAACpB,WAAW;IACVkB,YAAY,EAAEA,YAAa;IAC3BG,SAAS,EAAEZ,gBAAgB,KAAKN,UAAU,CAACmB,iBAAkB;IAC7DC,eAAe,EAAE,GAAI;IACrBC,WAAW,EAAE,QAAS;IACtBC,YAAY,EAAE,SAAU;IACxBC,KAAK,EAAEC,MAAM,CAACC,KAAM;IACpBC,cAAc,EAAE,CACdF,MAAM,CAACG,gBAAgB,EACvB;MACEC,MAAM,EACJ,CAACvB,MAAM,GACHT,WAAW,CAACS,MAAM,CAACwB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAErB,YAAY,CAAC,CAAC,GACpDA,YAAY,IAChBC,mBAAmB,IAClBE,qBAAqB,GAAG,EAAE,GAAG,CAAC;IACnC,CAAC;EACD,gBAEFlB,KAAA,CAAAwB,aAAA,CAAChB,mBAAmB;IAAC6B,SAAS,EAAEf;EAAa,CAAE,CACpC,CAAC;AAElB,CAAC;AAED,MAAMS,MAAM,GAAG9B,UAAU,CAACqC,MAAM,CAAC;EAC/BN,KAAK,EAAE;IACLO,cAAc,EAAEC,SAAS;IACzBC,QAAQ,EAAE;EACZ,CAAC;EACDP,gBAAgB,EAAE;IAChBQ,KAAK,EAAEF,SAAS;IAChBG,aAAa,EAAE,CAAC;IAChBC,oBAAoB,EAAE,CAAC;IACvBC,mBAAmB,EAAE,CAAC;IACtBC,eAAe,EAAE,aAAa;IAC9BL,QAAQ,EAAE,UAAU;IACpBM,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,oBAAoB,gBAAGhD,KAAK,CAACiD,IAAI,CAACtC,qBAAqB,CAAC"}

package/lib/module/components/Chat/ChatMoreActionsSheetView.js

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
+import { hexToRgbA } from '../../utils/theme';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
+import { setChatMoreActionsSheetVisible } from '../../redux/actions';
+import { ChatMoreActionsView } from './ChatMoreActionsView';
+const _ChatMoreActionsSheetView = ({}) => {
+  const dispatch = useDispatch();
+  const chatMoreActionsSheetVisible = useSelector(state => state.app.chatMoreActionsSheetVisible);
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    backdrop: {
+      backgroundColor: theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.05)
+    }
+  }));
+  const closeFiltersBottomSheet = () => {
+    dispatch(setChatMoreActionsSheetVisible(false));
+  };
+  if (!chatMoreActionsSheetVisible) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    onPress: closeFiltersBottomSheet,
+    style: [styles.backdrop, hmsRoomStyles.backdrop]
+  }), /*#__PURE__*/React.createElement(Animated.View, {
+    entering: FadeIn.duration(150),
+    exiting: FadeOut.duration(150),
+    style: styles.contentContainer
+  }, /*#__PURE__*/React.createElement(ChatMoreActionsView, null)));
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%',
+    zIndex: 1,
+    justifyContent: 'flex-end'
+  },
+  backdrop: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%'
+  },
+  contentContainer: {
+    position: 'absolute',
+    top: 60,
+    right: 48,
+    overflow: 'hidden'
+  }
+});
+export const ChatMoreActionsSheetView = /*#__PURE__*/React.memo(_ChatMoreActionsSheetView);
+//# sourceMappingURL=ChatMoreActionsSheetView.js.map

package/lib/module/components/Chat/ChatMoreActionsSheetView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","View","useDispatch","useSelector","Animated","FadeIn","FadeOut","hexToRgbA","useHMSRoomStyleSheet","setChatMoreActionsSheetVisible","ChatMoreActionsView","_ChatMoreActionsSheetView","dispatch","chatMoreActionsSheetVisible","state","app","hmsRoomStyles","theme","backdrop","backgroundColor","palette","background_dim","closeFiltersBottomSheet","createElement","style","styles","container","onPress","entering","duration","exiting","contentContainer","create","position","width","height","zIndex","justifyContent","top","right","overflow","ChatMoreActionsSheetView","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatMoreActionsSheetView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC1D,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AACtD,OAAOC,QAAQ,IAAIC,MAAM,EAAEC,OAAO,QAAQ,yBAAyB;AAEnE,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,oBAAoB,QAAQ,kBAAkB;AAEvD,SAASC,8BAA8B,QAAQ,qBAAqB;AACpE,SAASC,mBAAmB,QAAQ,uBAAuB;AAI3D,MAAMC,yBAEL,GAAGA,CAAC,CAAC,CAAC,KAAK;EACV,MAAMC,QAAQ,GAAGV,WAAW,CAAC,CAAC;EAC9B,MAAMW,2BAA2B,GAAGV,WAAW,CAC5CW,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,2BAClC,CAAC;EAED,MAAMG,aAAa,GAAGR,oBAAoB,CAAES,KAAK,KAAM;IACrDC,QAAQ,EAAE;MACRC,eAAe,EACbF,KAAK,CAACG,OAAO,CAACC,cAAc,IAC5Bd,SAAS,CAACU,KAAK,CAACG,OAAO,CAACC,cAAc,EAAE,IAAI;IAChD;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;IACpCV,QAAQ,CAACH,8BAA8B,CAAC,KAAK,CAAC,CAAC;EACjD,CAAC;EAED,IAAI,CAACI,2BAA2B,EAAE;IAChC,OAAO,IAAI;EACb;EAEA,oBACEf,KAAA,CAAAyB,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B5B,KAAA,CAAAyB,aAAA,CAACxB,SAAS;IACR4B,OAAO,EAAEL,uBAAwB;IACjCE,KAAK,EAAE,CAACC,MAAM,CAACP,QAAQ,EAAEF,aAAa,CAACE,QAAQ;EAAE,CAClD,CAAC,eAEFpB,KAAA,CAAAyB,aAAA,CAACnB,QAAQ,CAACH,IAAI;IACZ2B,QAAQ,EAAEvB,MAAM,CAACwB,QAAQ,CAAC,GAAG,CAAE;IAC/BC,OAAO,EAAExB,OAAO,CAACuB,QAAQ,CAAC,GAAG,CAAE;IAC/BL,KAAK,EAAEC,MAAM,CAACM;EAAiB,gBAE/BjC,KAAA,CAAAyB,aAAA,CAACb,mBAAmB,MAAE,CACT,CACX,CAAC;AAEX,CAAC;AAED,MAAMe,MAAM,GAAGzB,UAAU,CAACgC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE;EAClB,CAAC;EACDnB,QAAQ,EAAE;IACRe,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDJ,gBAAgB,EAAE;IAChBE,QAAQ,EAAE,UAAU;IACpBK,GAAG,EAAE,EAAE;IACPC,KAAK,EAAE,EAAE;IACTC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,wBAAwB,gBAAG3C,KAAK,CAAC4C,IAAI,CAAC/B,yBAAyB,CAAC"}