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

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

@@ -0,0 +1,189 @@
+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 { 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 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 {
+    on_surface_medium: onSurfaceMediumColor
+  } = useHMSRoomColorPalette();
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    textInputContainer: {
+      backgroundColor: theme.palette.surface_dim,
+      borderColor: theme.palette.border_bright
+    },
+    placeholderText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    label: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
+  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]);
+  const _keyExtractor = React.useCallback(item => item.peerID, []);
+  const _renderItem = React.useCallback(_ref => {
+    let {
+      item,
+      extraData
+    } = _ref;
+    return /*#__PURE__*/React.createElement(ChatFilterItem, {
+      item: item,
+      active: extraData.name === item.name,
+      disabled: extraData.name === item.name
+    });
+  }, []);
+  const closeFiltersBottomSheet = () => {
+    dispatch(setChatFilterSheetVisible(false));
+  };
+  const formattedFilterText = filterText.trim().toLowerCase();
+
+  // Filtering Peers
+  const filteredRemotePeers = React.useMemo(() => {
+    if (formattedFilterText.length <= 0) {
+      return remotePeers;
+    }
+    return remotePeers.filter(remotePeer => remotePeer.name.toLowerCase().includes(formattedFilterText));
+  }, [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) &&
+  // filter is not HMSRole and HMSRemotePeer
+  filter.name === ChatBroadcastFilter.name;
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(BottomSheet.Header, {
+    heading: "Send Message to",
+    dismissModal: closeFiltersBottomSheet
+  }), /*#__PURE__*/React.createElement(BottomSheet.Divider, {
+    style: styles.headerDivider
+  }), /*#__PURE__*/React.createElement(HMSTextInput, {
+    value: filterText,
+    onChangeText: setFilterText,
+    placeholder: "Search for participants",
+    containerStyle: [styles.textInputContainer, hmsRoomStyles.textInputContainer],
+    focusedContainerStyle: styles.textInputFocusedContainer,
+    placeholderTextColor: onSurfaceMediumColor,
+    leftIcon: /*#__PURE__*/React.createElement(SearchIcon, {
+      style: styles.textInputSearchIcon
+    })
+  }), /*#__PURE__*/React.createElement(FlashList, {
+    data: filteredRemotePeers,
+    extraData: filter,
+    estimatedItemSize: 104,
+    contentContainerStyle: styles.list,
+    keyboardShouldPersistTaps: "always",
+    keyExtractor: _keyExtractor,
+    renderItem: _renderItem,
+    ListEmptyComponent: /*#__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, {
+      item: ChatBroadcastFilter,
+      active: isBroadcastFilterSelected,
+      disabled: isBroadcastFilterSelected,
+      icon: /*#__PURE__*/React.createElement(ParticipantsIcon, null)
+    }), /*#__PURE__*/React.createElement(BottomSheet.Divider, {
+      style: styles.divider
+    })) : null, foundRoles.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;
+      return /*#__PURE__*/React.createElement(ChatFilterItem, {
+        key: role.name,
+        item: role,
+        active: isActive,
+        disabled: isActive
+      });
+    }), /*#__PURE__*/React.createElement(BottomSheet.Divider, {
+      style: styles.divider
+    })) : null, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.label, hmsRoomStyles.label]
+    }, "PARTICIPANTS"))
+  }));
+};
+const styles = StyleSheet.create({
+  headerDivider: {
+    marginVertical: 12
+  },
+  textInputContainer: {
+    borderWidth: 1,
+    flex: 0,
+    marginHorizontal: 24,
+    height: 48,
+    paddingHorizontal: 16
+  },
+  textInputFocusedContainer: {
+    borderWidth: 1
+  },
+  textInputSearchIcon: {
+    marginRight: 8,
+    alignSelf: 'center'
+  },
+  list: {
+    paddingBottom: 32
+  },
+  placeholderContainer: {
+    marginTop: 24
+  },
+  placeholderText: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.1,
+    textAlign: 'center'
+  },
+  divider: {
+    marginVertical: 0
+  },
+  label: {
+    fontSize: 10,
+    lineHeight: 16,
+    letterSpacing: 1.5,
+    marginHorizontal: 32,
+    marginTop: 16
+  }
+});
+export const ChatFilterView = /*#__PURE__*/React.memo(_ChatFilterView);
+//# sourceMappingURL=ChatFilterView.js.map

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

@@ -0,0 +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","_ref","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":"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"}

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

@@ -17,24 +17,24 @@ const _ChatList = () => {
   }, []);
   return /*#__PURE__*/React.createElement(View, {
     style: chatListStyle.list
-  }, /*#__PURE__*/React.createElement(PinnedMessage, null), /*#__PURE__*/React.createElement(FlashList, {
+  }, /*#__PURE__*/React.createElement(PinnedMessage, null), messages.length > 0 ? /*#__PURE__*/React.createElement(FlashList, {
     data: messages,
     inverted: true,
-    estimatedItemSize: 104,
+    estimatedItemSize: 75,
     contentContainerStyle: chatListStyle.listContentContainer // Bug: Android inverted flashlist will apply padding on left when `paddingRight: 12` is applied
     ,
-    keyboardShouldPersistTaps: "always",
-    ListEmptyComponent: ChatBanner
+    keyboardShouldPersistTaps: "always"
     // ItemSeparatorComponent={() => <View style={{ height: 16 }} />} // TODO: There is a bug related to this: https://github.com/Shopify/flash-list/issues/638
     ,
     renderItem: _renderItem,
     keyExtractor: _keyExtractor
-  }));
+  }) : /*#__PURE__*/React.createElement(ChatBanner, null));
 };
 const chatListStyle = StyleSheet.create({
   list: {
     flex: 1,
-    marginVertical: 8
+    marginTop: 8,
+    marginBottom: 16
   },
   listContentContainer: {
     paddingRight: 12

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","inverted","estimatedItemSize","contentContainerStyle","listContentContainer","keyboardShouldPersistTaps","ListEmptyComponent","renderItem","keyExtractor","create","flex","marginVertical","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,eAEjBP,KAAA,CAAAiB,aAAA,CAAChB,SAAS;IACRe,IAAI,EAAEP,QAAS;IACfa,QAAQ,EAAE,IAAK;IACfC,iBAAiB,EAAE,GAAI;IACvBC,qBAAqB,EAAEJ,aAAa,CAACK,oBAAqB,CAAC;IAAA;IAC3DC,yBAAyB,EAAC,QAAQ;IAClCC,kBAAkB,EAAErB;IACpB;IAAA;IACAsB,UAAU,EAAEb,WAAY;IACxBc,YAAY,EAAElB;EAAc,CAC7B,CACG,CAAC;AAEX,CAAC;AAED,MAAMS,aAAa,GAAGlB,UAAU,CAAC4B,MAAM,CAAC;EACtCT,IAAI,EAAE;IACJU,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDP,oBAAoB,EAAE;IACpBQ,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,QAAQ,gBAAGlC,KAAK,CAACmC,IAAI,CAAC3B,SAAS,CAAC"}
+{"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"}

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

@@ -1,165 +1,66 @@
 import * as React from 'react';
-import { View, Text, StyleSheet } from 'react-native';
-import { HMSMessageRecipientType } from '@100mslive/react-native-hms';
-import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
-import { useSelector } from 'react-redux';
-import { CustomButton } from '../CustomButton';
-import { AvatarView } from '../AvatarView';
-import { COLORS } from '../../utils/theme';
+import { View, Text, StyleSheet, Platform } from 'react-native';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
 import { getTimeStringin12HourFormat } from '../../utils/functions';
 const _ChatMessage = _ref => {
-  var _messageRecipient$rec;
   let {
     message
   } = _ref;
-  const hmsSessionStore = useSelector(state => state.user.hmsSessionStore);
-  const pinMessage = async () => {
-    // If instance of HMSSessionStore is available
-    if (hmsSessionStore) {
-      try {
-        var _message$sender;
-        const formattedMessage = `${((_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.name) || 'Anonymous'}: ${message.message}`;
-
-        // set `formattedMessage` on `session` with key 'pinnedMessage'
-        const response = await hmsSessionStore.set(formattedMessage, 'pinnedMessage');
-        console.log('setSessionMetaData Response -> ', response);
-      } catch (error) {
-        console.log('setSessionMetaData Error -> ', error);
-      }
-    }
-  };
   const messageSender = message.sender;
-  const isMessageSenderLocal = messageSender === null || messageSender === void 0 ? void 0 : messageSender.isLocal;
-  const messageRecipient = message.recipient;
-  const isBroadcastMessage = messageRecipient.recipientType === HMSMessageRecipientType.BROADCAST;
-  const isPrivatePeerMessage = messageRecipient.recipientType === HMSMessageRecipientType.PEER;
-  const isPrivateRoleMessage = messageRecipient.recipientType === HMSMessageRecipientType.ROLES;
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    senderName: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    message: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    time: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
+    }
+  }), []);
   return /*#__PURE__*/React.createElement(View, {
-    style: [styles.message, isBroadcastMessage ? null : styles.privateMessage]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.messageHeader, isMessageSenderLocal ? styles.localMessageHeader : null]
+    style: styles.container
   }, /*#__PURE__*/React.createElement(View, {
-    style: styles.headingLeftContainer
-  }, /*#__PURE__*/React.createElement(AvatarView, {
-    userName: (messageSender === null || messageSender === void 0 ? void 0 : messageSender.name) || '',
-    style: styles.messageAvatar,
-    initialsStyle: styles.messageAvatarText
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: styles.senderName,
-    numberOfLines: 1,
-    ellipsizeMode: "middle"
-  }, messageSender ? messageSender.isLocal ? 'You' : messageSender.name : 'Anonymous'), /*#__PURE__*/React.createElement(Text, {
-    style: styles.messageTime
-  }, getTimeStringin12HourFormat(message.time))), isBroadcastMessage ? /*#__PURE__*/React.createElement(CustomButton, {
-    onPress: pinMessage,
-    viewStyle: [styles.pinIconContainer, isMessageSenderLocal ? styles.localMsgPinIconContainer : null],
-    LeftIcon: /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
-      style: styles.pinIcon,
-      size: 24,
-      name: "pin-outline"
-    })
-  }) : /*#__PURE__*/React.createElement(View, {
-    style: styles.privateRecipientTypeContainer
+    style: [styles.nameWrapper]
   }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.private,
-    numberOfLines: 1,
-    ellipsizeMode: "middle"
-  }, isPrivatePeerMessage ? `${isMessageSenderLocal ? 'TO ' + ((_messageRecipient$rec = messageRecipient.recipientPeer) === null || _messageRecipient$rec === void 0 ? void 0 : _messageRecipient$rec.name) : 'TO YOU'} | PRIVATE` : null, isPrivateRoleMessage && messageRecipient.recipientRoles.length > 0 ? messageRecipient.recipientRoles[0].name : null))), /*#__PURE__*/React.createElement(Text, {
-    style: [styles.messageText, isMessageSenderLocal ? styles.messageTextRightAlign : null],
-    numberOfLines: 3
+    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, {
+    style: [styles.message, hmsRoomStyles.message]
   }, message.message));
 };
 export const ChatMessage = /*#__PURE__*/React.memo(_ChatMessage);
 const styles = StyleSheet.create({
-  message: {
-    padding: 8,
-    borderRadius: 8,
+  container: {
     marginTop: 16,
+    padding: 8,
     width: '100%'
   },
-  privateMessage: {
-    backgroundColor: COLORS.SURFACE.LIGHT
-  },
-  messageHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginBottom: 8,
-    justifyContent: 'space-between'
-  },
-  localMessageHeader: {
-    flexDirection: 'row-reverse'
-  },
-  headingLeftContainer: {
+  nameWrapper: {
     flexDirection: 'row',
-    alignItems: 'center'
-  },
-  messageAvatar: {
-    width: 24,
-    height: 24,
-    borderRadius: 12
-  },
-  messageAvatarText: {
-    fontSize: 10,
-    lineHeight: undefined
-  },
-  privateRecipientTypeContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    borderWidth: 1,
-    borderRadius: 4,
-    borderColor: COLORS.BORDER.LIGHT,
-    justifyContent: 'center',
-    padding: 4,
-    flexShrink: 1,
-    marginLeft: 8
-  },
-  private: {
-    fontFamily: 'Inter-Medium',
-    fontSize: 10,
-    lineHeight: 16,
-    letterSpacing: 1.5,
-    color: COLORS.TEXT.HIGH_EMPHASIS,
-    textTransform: 'uppercase'
+    alignItems: 'flex-end'
   },
   senderName: {
-    fontFamily: 'Inter',
-    fontWeight: '600',
     fontSize: 14,
-    lineHeight: 20,
-    letterSpacing: 0.1,
-    color: COLORS.SURFACE.ON_SURFACE.HIGH,
-    textTransform: 'capitalize',
-    marginHorizontal: 8
+    lineHeight: Platform.OS === 'android' ? 20 : undefined,
+    letterSpacing: 0.1
   },
-  messageTime: {
-    fontFamily: 'Inter',
-    fontWeight: '400',
+  time: {
     fontSize: 12,
     lineHeight: 16,
     letterSpacing: 0.4,
-    color: COLORS.SURFACE.ON_SURFACE.LOW
+    marginLeft: 4
   },
-  messageText: {
-    color: COLORS.SURFACE.ON_SURFACE.HIGH,
+  message: {
     fontSize: 14,
-    fontFamily: 'Inter',
-    fontWeight: '400',
-    lineHeight: 20,
-    letterSpacing: 0.25
-  },
-  messageTextRightAlign: {
-    textAlign: 'right'
-  },
-  pinIcon: {
-    color: COLORS.WHITE
-  },
-  pinIconContainer: {
-    flex: 1,
-    height: '100%',
-    justifyContent: 'flex-end'
-  },
-  localMsgPinIconContainer: {
-    justifyContent: 'flex-start'
+    lineHeight: Platform.OS === 'android' ? 20 : undefined,
+    letterSpacing: 0.25,
+    marginTop: 8
   }
 });
 //# sourceMappingURL=ChatMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","HMSMessageRecipientType","MaterialCommunityIcons","useSelector","CustomButton","AvatarView","COLORS","getTimeStringin12HourFormat","_ChatMessage","_ref","_messageRecipient$rec","message","hmsSessionStore","state","user","pinMessage","_message$sender","formattedMessage","sender","name","response","set","console","log","error","messageSender","isMessageSenderLocal","isLocal","messageRecipient","recipient","isBroadcastMessage","recipientType","BROADCAST","isPrivatePeerMessage","PEER","isPrivateRoleMessage","ROLES","createElement","style","styles","privateMessage","messageHeader","localMessageHeader","headingLeftContainer","userName","messageAvatar","initialsStyle","messageAvatarText","senderName","numberOfLines","ellipsizeMode","messageTime","time","onPress","viewStyle","pinIconContainer","localMsgPinIconContainer","LeftIcon","pinIcon","size","privateRecipientTypeContainer","private","recipientPeer","recipientRoles","length","messageText","messageTextRightAlign","ChatMessage","memo","create","padding","borderRadius","marginTop","width","backgroundColor","SURFACE","LIGHT","flexDirection","alignItems","marginBottom","justifyContent","height","fontSize","lineHeight","undefined","borderWidth","borderColor","BORDER","flexShrink","marginLeft","fontFamily","letterSpacing","color","TEXT","HIGH_EMPHASIS","textTransform","fontWeight","ON_SURFACE","HIGH","marginHorizontal","LOW","textAlign","WHITE","flex"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatMessage.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAEEC,uBAAuB,QAClB,6BAA6B;AACpC,OAAOC,sBAAsB,MAAM,kDAAkD;AACrF,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,2BAA2B,QAAQ,uBAAuB;AAMnE,MAAMC,YAAwC,GAAGC,IAAA,IAAiB;EAAA,IAAAC,qBAAA;EAAA,IAAhB;IAAEC;EAAQ,CAAC,GAAAF,IAAA;EAC3D,MAAMG,eAAe,GAAGT,WAAW,CAChCU,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACF,eACnC,CAAC;EAED,MAAMG,UAAU,GAAG,MAAAA,CAAA,KAAY;IAC7B;IACA,IAAIH,eAAe,EAAE;MACnB,IAAI;QAAA,IAAAI,eAAA;QACF,MAAMC,gBAAgB,GAAI,GAAE,EAAAD,eAAA,GAAAL,OAAO,CAACO,MAAM,cAAAF,eAAA,uBAAdA,eAAA,CAAgBG,IAAI,KAAI,WAAY,KAC9DR,OAAO,CAACA,OACT,EAAC;;QAEF;QACA,MAAMS,QAAQ,GAAG,MAAMR,eAAe,CAACS,GAAG,CACxCJ,gBAAgB,EAChB,eACF,CAAC;QACDK,OAAO,CAACC,GAAG,CAAC,iCAAiC,EAAEH,QAAQ,CAAC;MAC1D,CAAC,CAAC,OAAOI,KAAK,EAAE;QACdF,OAAO,CAACC,GAAG,CAAC,8BAA8B,EAAEC,KAAK,CAAC;MACpD;IACF;EACF,CAAC;EAED,MAAMC,aAAa,GAAGd,OAAO,CAACO,MAAM;EACpC,MAAMQ,oBAAoB,GAAGD,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEE,OAAO;EAEnD,MAAMC,gBAAgB,GAAGjB,OAAO,CAACkB,SAAS;EAC1C,MAAMC,kBAAkB,GACtBF,gBAAgB,CAACG,aAAa,KAAK9B,uBAAuB,CAAC+B,SAAS;EACtE,MAAMC,oBAAoB,GACxBL,gBAAgB,CAACG,aAAa,KAAK9B,uBAAuB,CAACiC,IAAI;EACjE,MAAMC,oBAAoB,GACxBP,gBAAgB,CAACG,aAAa,KAAK9B,uBAAuB,CAACmC,KAAK;EAElE,oBACEvC,KAAA,CAAAwC,aAAA,CAACvC,IAAI;IACHwC,KAAK,EAAE,CACLC,MAAM,CAAC5B,OAAO,EACdmB,kBAAkB,GAAG,IAAI,GAAGS,MAAM,CAACC,cAAc;EACjD,gBAEF3C,KAAA,CAAAwC,aAAA,CAACvC,IAAI;IACHwC,KAAK,EAAE,CACLC,MAAM,CAACE,aAAa,EACpBf,oBAAoB,GAAGa,MAAM,CAACG,kBAAkB,GAAG,IAAI;EACvD,gBAEF7C,KAAA,CAAAwC,aAAA,CAACvC,IAAI;IAACwC,KAAK,EAAEC,MAAM,CAACI;EAAqB,gBACvC9C,KAAA,CAAAwC,aAAA,CAAChC,UAAU;IACTuC,QAAQ,EAAE,CAAAnB,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEN,IAAI,KAAI,EAAG;IACpCmB,KAAK,EAAEC,MAAM,CAACM,aAAc;IAC5BC,aAAa,EAAEP,MAAM,CAACQ;EAAkB,CACzC,CAAC,eAEFlD,KAAA,CAAAwC,aAAA,CAACtC,IAAI;IACHuC,KAAK,EAAEC,MAAM,CAACS,UAAW;IACzBC,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC;EAAQ,GAErBzB,aAAa,GACVA,aAAa,CAACE,OAAO,GACnB,KAAK,GACLF,aAAa,CAACN,IAAI,GACpB,WACA,CAAC,eAEPtB,KAAA,CAAAwC,aAAA,CAACtC,IAAI;IAACuC,KAAK,EAAEC,MAAM,CAACY;EAAY,GAC7B5C,2BAA2B,CAACI,OAAO,CAACyC,IAAI,CACrC,CACF,CAAC,EAENtB,kBAAkB,gBACjBjC,KAAA,CAAAwC,aAAA,CAACjC,YAAY;IACXiD,OAAO,EAAEtC,UAAW;IACpBuC,SAAS,EAAE,CACTf,MAAM,CAACgB,gBAAgB,EACvB7B,oBAAoB,GAAGa,MAAM,CAACiB,wBAAwB,GAAG,IAAI,CAC7D;IACFC,QAAQ,eACN5D,KAAA,CAAAwC,aAAA,CAACnC,sBAAsB;MACrBoC,KAAK,EAAEC,MAAM,CAACmB,OAAQ;MACtBC,IAAI,EAAE,EAAG;MACTxC,IAAI,EAAC;IAAa,CACnB;EACF,CACF,CAAC,gBAEFtB,KAAA,CAAAwC,aAAA,CAACvC,IAAI;IAACwC,KAAK,EAAEC,MAAM,CAACqB;EAA8B,gBAChD/D,KAAA,CAAAwC,aAAA,CAACtC,IAAI;IACHuC,KAAK,EAAEC,MAAM,CAACsB,OAAQ;IACtBZ,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC;EAAQ,GAErBjB,oBAAoB,GAChB,GACCP,oBAAoB,GAChB,KAAK,KAAAhB,qBAAA,GAAGkB,gBAAgB,CAACkC,aAAa,cAAApD,qBAAA,uBAA9BA,qBAAA,CAAgCS,IAAI,IAC5C,QACL,YAAW,GACZ,IAAI,EACPgB,oBAAoB,IACrBP,gBAAgB,CAACmC,cAAc,CAACC,MAAM,GAAG,CAAC,GACtCpC,gBAAgB,CAACmC,cAAc,CAAC,CAAC,CAAC,CAAE5C,IAAI,GACxC,IACA,CACF,CAEJ,CAAC,eAEPtB,KAAA,CAAAwC,aAAA,CAACtC,IAAI;IACHuC,KAAK,EAAE,CACLC,MAAM,CAAC0B,WAAW,EAClBvC,oBAAoB,GAAGa,MAAM,CAAC2B,qBAAqB,GAAG,IAAI,CAC1D;IACFjB,aAAa,EAAE;EAAE,GAEhBtC,OAAO,CAACA,OACL,CACF,CAAC;AAEX,CAAC;AAED,OAAO,MAAMwD,WAAW,gBAAGtE,KAAK,CAACuE,IAAI,CAAC5D,YAAY,CAAC;AAEnD,MAAM+B,MAAM,GAAGvC,UAAU,CAACqE,MAAM,CAAC;EAC/B1D,OAAO,EAAE;IACP2D,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,EAAE;IACbC,KAAK,EAAE;EACT,CAAC;EACDjC,cAAc,EAAE;IACdkC,eAAe,EAAEpE,MAAM,CAACqE,OAAO,CAACC;EAClC,CAAC;EACDnC,aAAa,EAAE;IACboC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,CAAC;IACfC,cAAc,EAAE;EAClB,CAAC;EACDtC,kBAAkB,EAAE;IAClBmC,aAAa,EAAE;EACjB,CAAC;EACDlC,oBAAoB,EAAE;IACpBkC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDjC,aAAa,EAAE;IACb4B,KAAK,EAAE,EAAE;IACTQ,MAAM,EAAE,EAAE;IACVV,YAAY,EAAE;EAChB,CAAC;EACDxB,iBAAiB,EAAE;IACjBmC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEC;EACd,CAAC;EACDxB,6BAA6B,EAAE;IAC7BiB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBO,WAAW,EAAE,CAAC;IACdd,YAAY,EAAE,CAAC;IACfe,WAAW,EAAEhF,MAAM,CAACiF,MAAM,CAACX,KAAK;IAChCI,cAAc,EAAE,QAAQ;IACxBV,OAAO,EAAE,CAAC;IACVkB,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE;EACd,CAAC;EACD5B,OAAO,EAAE;IACP6B,UAAU,EAAE,cAAc;IAC1BR,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdQ,aAAa,EAAE,GAAG;IAClBC,KAAK,EAAEtF,MAAM,CAACuF,IAAI,CAACC,aAAa;IAChCC,aAAa,EAAE;EACjB,CAAC;EACD/C,UAAU,EAAE;IACV0C,UAAU,EAAE,OAAO;IACnBM,UAAU,EAAE,KAAK;IACjBd,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdQ,aAAa,EAAE,GAAG;IAClBC,KAAK,EAAEtF,MAAM,CAACqE,OAAO,CAACsB,UAAU,CAACC,IAAI;IACrCH,aAAa,EAAE,YAAY;IAC3BI,gBAAgB,EAAE;EACpB,CAAC;EACDhD,WAAW,EAAE;IACXuC,UAAU,EAAE,OAAO;IACnBM,UAAU,EAAE,KAAK;IACjBd,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdQ,aAAa,EAAE,GAAG;IAClBC,KAAK,EAAEtF,MAAM,CAACqE,OAAO,CAACsB,UAAU,CAACG;EACnC,CAAC;EACDnC,WAAW,EAAE;IACX2B,KAAK,EAAEtF,MAAM,CAACqE,OAAO,CAACsB,UAAU,CAACC,IAAI;IACrChB,QAAQ,EAAE,EAAE;IACZQ,UAAU,EAAE,OAAO;IACnBM,UAAU,EAAE,KAAK;IACjBb,UAAU,EAAE,EAAE;IACdQ,aAAa,EAAE;EACjB,CAAC;EACDzB,qBAAqB,EAAE;IACrBmC,SAAS,EAAE;EACb,CAAC;EACD3C,OAAO,EAAE;IACPkC,KAAK,EAAEtF,MAAM,CAACgG;EAChB,CAAC;EACD/C,gBAAgB,EAAE;IAChBgD,IAAI,EAAE,CAAC;IACPtB,MAAM,EAAE,MAAM;IACdD,cAAc,EAAE;EAClB,CAAC;EACDxB,wBAAwB,EAAE;IACxBwB,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","View","Text","StyleSheet","Platform","useHMSRoomStyleSheet","getTimeStringin12HourFormat","_ChatMessage","_ref","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":"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"}

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

@@ -1,12 +1,23 @@
 import * as React from 'react';
-import { View, StyleSheet, Text } from 'react-native';
+import { View, StyleSheet, Text, TouchableOpacity, ScrollView } from 'react-native';
 import { useSelector } from 'react-redux';
-import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
-import { COLORS } from '../../utils/theme';
-import { CustomButton } from '../CustomButton';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
+import { CloseIcon, PinIcon } from '../../Icons';
 export const PinnedMessage = () => {
   const pinnedMessage = useSelector(state => state.messages.pinnedMessage);
   const hmsSessionStore = useSelector(state => state.user.hmsSessionStore);
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.surface_default
+    },
+    closeIcon: {
+      tintColor: theme.palette.on_surface_medium
+    },
+    text: {
+      fontFamily: `${typography.font_family}-Regular`,
+      color: theme.palette.on_surface_high
+    }
+  }));
   const removePinnedMessage = React.useCallback(async () => {
     // If instance of HMSSessionStore is available
     if (hmsSessionStore) {
@@ -23,53 +34,39 @@ export const PinnedMessage = () => {
     return null;
   }
   return /*#__PURE__*/React.createElement(View, {
-    style: styles.pinnedMessage
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.bannerIconContainer
-  }, /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
-    style: styles.bannerIcon,
-    size: 16,
-    name: "pin-outline"
-  })), /*#__PURE__*/React.createElement(View, {
-    style: styles.bannerTextContainer
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(PinIcon, {
+    style: [styles.icon, hmsRoomStyles.closeIcon]
+  }), /*#__PURE__*/React.createElement(ScrollView, {
+    style: styles.textWrapper
   }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.bannerText
-  }, pinnedMessage)), /*#__PURE__*/React.createElement(CustomButton, {
-    onPress: removePinnedMessage,
-    viewStyle: styles.bannerIconContainer,
-    LeftIcon: /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
-      style: styles.bannerIcon,
-      size: 24,
-      name: "close"
-    })
-  }));
+    style: [styles.text, hmsRoomStyles.text]
+  }, pinnedMessage)), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: removePinnedMessage
+  }, /*#__PURE__*/React.createElement(CloseIcon, {
+    style: [styles.icon, hmsRoomStyles.closeIcon]
+  })));
 };
 const styles = StyleSheet.create({
-  pinnedMessage: {
-    height: 80,
+  container: {
     flexDirection: 'row',
     alignItems: 'center',
-    backgroundColor: COLORS.SURFACE.LIGHT,
-    borderRadius: 8
+    borderRadius: 8,
+    padding: 8,
+    marginTop: 8
   },
-  bannerIcon: {
-    color: COLORS.TEXT.DISABLED
-  },
-  bannerIconContainer: {
-    width: 52,
-    height: '100%',
-    alignItems: 'center',
-    justifyContent: 'center'
+  textWrapper: {
+    maxHeight: 50,
+    marginHorizontal: 8
   },
-  bannerTextContainer: {
-    flex: 1
+  icon: {
+    width: 20,
+    height: 20
   },
-  bannerText: {
-    fontFamily: 'Inter-Regular',
-    fontSize: 12,
-    lineHeight: 16,
-    letterSpacing: 0.4,
-    color: COLORS.TEXT.MEDIUM_EMPHASIS
+  text: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25
   }
 });
 //# sourceMappingURL=PinnedMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","Text","useSelector","MaterialCommunityIcons","COLORS","CustomButton","PinnedMessage","pinnedMessage","state","messages","hmsSessionStore","user","removePinnedMessage","useCallback","response","set","console","log","error","length","createElement","style","styles","bannerIconContainer","bannerIcon","size","name","bannerTextContainer","bannerText","onPress","viewStyle","LeftIcon","create","height","flexDirection","alignItems","backgroundColor","SURFACE","LIGHT","borderRadius","color","TEXT","DISABLED","width","justifyContent","flex","fontFamily","fontSize","lineHeight","letterSpacing","MEDIUM_EMPHASIS"],"sourceRoot":"../../../../src","sources":["components/Chat/PinnedMessage.tsx"],"mappings":"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"}
+{"version":3,"names":["React","View","StyleSheet","Text","TouchableOpacity","ScrollView","useSelector","useHMSRoomStyleSheet","CloseIcon","PinIcon","PinnedMessage","pinnedMessage","state","messages","hmsSessionStore","user","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_default","closeIcon","tintColor","on_surface_medium","text","fontFamily","font_family","color","on_surface_high","removePinnedMessage","useCallback","response","set","console","log","error","length","createElement","style","styles","icon","textWrapper","onPress","create","flexDirection","alignItems","borderRadius","padding","marginTop","maxHeight","marginHorizontal","width","height","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/Chat/PinnedMessage.tsx"],"mappings":"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"}