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

package/lib/commonjs/components/Chat/ChatFilterItem.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatFilterItem = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactNative = require("react-native");
+var _Icons = require("../../Icons");
+var _hooksUtil = require("../../hooks-util");
+var _actions = require("../../redux/actions");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const _ChatFilterItem = _ref => {
+  let {
+    item,
+    disabled,
+    active,
+    icon
+  } = _ref;
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const titleStyles = (0, _hooksUtil.useHMSRoomStyle)((theme, typography) => ({
+    color: theme.palette.on_surface_high,
+    fontFamily: `${typography.font_family}-SemiBold`
+  }));
+  const handleFilterSelect = () => {
+    (0, _reactRedux.batch)(() => {
+      dispatch((0, _actions.setChatFilterSheetVisible)(false));
+      dispatch({
+        type: 'SET_SENDTO',
+        sendTo: item
+      });
+    });
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.container,
+    onPress: handleFilterSelect,
+    disabled: disabled
+  }, icon ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.leftIcon
+  }, icon) : null, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.title, titleStyles]
+  }, item.name), active ? /*#__PURE__*/React.createElement(_Icons.CheckIcon, {
+    style: styles.rightIcon
+  }) : null);
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 32,
+    paddingVertical: 16
+  },
+  title: {
+    flex: 1,
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.1,
+    textTransform: 'capitalize'
+  },
+  rightIcon: {
+    marginLeft: 8
+  },
+  leftIcon: {
+    marginRight: 8
+  }
+});
+const ChatFilterItem = /*#__PURE__*/React.memo(_ChatFilterItem);
+exports.ChatFilterItem = ChatFilterItem;
+//# sourceMappingURL=ChatFilterItem.js.map

package/lib/commonjs/components/Chat/ChatFilterItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactRedux","_reactNative","_Icons","_hooksUtil","_actions","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_ChatFilterItem","_ref","item","disabled","active","icon","dispatch","useDispatch","titleStyles","useHMSRoomStyle","theme","typography","color","palette","on_surface_high","fontFamily","font_family","handleFilterSelect","batch","setChatFilterSheetVisible","type","sendTo","createElement","TouchableOpacity","style","styles","container","onPress","View","leftIcon","Text","title","name","CheckIcon","rightIcon","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","flex","fontSize","lineHeight","letterSpacing","textTransform","marginLeft","marginRight","ChatFilterItem","memo","exports"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatFilterItem.tsx"],"mappings":"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"}

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

@@ -0,0 +1,198 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatFilterView = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _flashList = require("@shopify/flash-list");
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _hooksUtil = require("../../hooks-util");
+var _BottomSheet = require("../BottomSheet");
+var _HMSTextInput = require("../HMSTextInput");
+var _Icons = require("../../Icons");
+var _ChatFilterItem = require("./ChatFilterItem");
+var _actions = require("../../redux/actions");
+var _types = require("../../utils/types");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const _ChatFilterView = () => {
+  const hmsInstance = (0, _hooksUtil.useHMSInstance)();
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const filter = (0, _reactRedux.useSelector)(state => state.chatWindow.sendTo);
+  const roles = (0, _reactRedux.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
+  } = (0, _hooksUtil.useHMSRoomColorPalette)();
+  const hmsRoomStyles = (0, _hooksUtil.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.ChatFilterItem, {
+      item: item,
+      active: extraData.name === item.name,
+      disabled: extraData.name === item.name
+    });
+  }, []);
+  const closeFiltersBottomSheet = () => {
+    dispatch((0, _actions.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 ? _types.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 === _types.ChatBroadcastFilter.name;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(_BottomSheet.BottomSheet.Header, {
+    heading: "Send Message to",
+    dismissModal: closeFiltersBottomSheet
+  }), /*#__PURE__*/React.createElement(_BottomSheet.BottomSheet.Divider, {
+    style: styles.headerDivider
+  }), /*#__PURE__*/React.createElement(_HMSTextInput.HMSTextInput, {
+    value: filterText,
+    onChangeText: setFilterText,
+    placeholder: "Search for participants",
+    containerStyle: [styles.textInputContainer, hmsRoomStyles.textInputContainer],
+    focusedContainerStyle: styles.textInputFocusedContainer,
+    placeholderTextColor: onSurfaceMediumColor,
+    leftIcon: /*#__PURE__*/React.createElement(_Icons.SearchIcon, {
+      style: styles.textInputSearchIcon
+    })
+  }), /*#__PURE__*/React.createElement(_flashList.FlashList, {
+    data: filteredRemotePeers,
+    extraData: filter,
+    estimatedItemSize: 104,
+    contentContainerStyle: styles.list,
+    keyboardShouldPersistTaps: "always",
+    keyExtractor: _keyExtractor,
+    renderItem: _renderItem,
+    ListEmptyComponent: /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.placeholderContainer
+    }, /*#__PURE__*/React.createElement(_reactNative.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(_reactNative.View, null, showBroadcastOption ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ChatFilterItem.ChatFilterItem, {
+      item: _types.ChatBroadcastFilter,
+      active: isBroadcastFilterSelected,
+      disabled: isBroadcastFilterSelected,
+      icon: /*#__PURE__*/React.createElement(_Icons.ParticipantsIcon, null)
+    }), /*#__PURE__*/React.createElement(_BottomSheet.BottomSheet.Divider, {
+      style: styles.divider
+    })) : null, foundRoles.length > 0 ? /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_reactNative.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.ChatFilterItem, {
+        key: role.name,
+        item: role,
+        active: isActive,
+        disabled: isActive
+      });
+    }), /*#__PURE__*/React.createElement(_BottomSheet.BottomSheet.Divider, {
+      style: styles.divider
+    })) : null, /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: [styles.label, hmsRoomStyles.label]
+    }, "PARTICIPANTS"))
+  }));
+};
+const styles = _reactNative.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
+  }
+});
+const ChatFilterView = /*#__PURE__*/React.memo(_ChatFilterView);
+exports.ChatFilterView = ChatFilterView;
+//# sourceMappingURL=ChatFilterView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_flashList","_reactNative","_reactRedux","_hooksUtil","_BottomSheet","_HMSTextInput","_Icons","_ChatFilterItem","_actions","_types","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_ChatFilterView","hmsInstance","useHMSInstance","dispatch","useDispatch","filter","useSelector","state","chatWindow","sendTo","roles","hmsStates","loadingPeersList","setLoadingPeersList","useState","remotePeers","setRemotePeers","filterText","setFilterText","on_surface_medium","onSurfaceMediumColor","useHMSRoomColorPalette","hmsRoomStyles","useHMSRoomStyleSheet","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","ChatFilterItem","active","name","disabled","closeFiltersBottomSheet","setChatFilterSheetVisible","formattedFilterText","trim","toLowerCase","filteredRemotePeers","useMemo","length","remotePeer","includes","showBroadcastOption","ChatBroadcastFilter","foundRoles","role","startsWith","isBroadcastFilterSelected","View","style","flex","BottomSheet","Header","heading","dismissModal","Divider","styles","headerDivider","HMSTextInput","value","onChangeText","placeholder","containerStyle","focusedContainerStyle","textInputFocusedContainer","placeholderTextColor","leftIcon","SearchIcon","textInputSearchIcon","FlashList","data","estimatedItemSize","contentContainerStyle","list","keyboardShouldPersistTaps","keyExtractor","renderItem","ListEmptyComponent","placeholderContainer","Text","ListHeaderComponent","Fragment","icon","ParticipantsIcon","divider","map","isRoleSelected","isActive","StyleSheet","create","marginVertical","borderWidth","marginHorizontal","height","paddingHorizontal","marginRight","alignSelf","paddingBottom","marginTop","fontSize","lineHeight","letterSpacing","textAlign","ChatFilterView","memo","exports"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatFilterView.tsx"],"mappings":"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"}

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

@@ -23,24 +23,24 @@ const _ChatList = () => {
   }, []);
   return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: chatListStyle.list
-  }, /*#__PURE__*/React.createElement(_PinnedMessage.PinnedMessage, null), /*#__PURE__*/React.createElement(_flashList.FlashList, {
+  }, /*#__PURE__*/React.createElement(_PinnedMessage.PinnedMessage, null), messages.length > 0 ? /*#__PURE__*/React.createElement(_flashList.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.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.ChatBanner, null));
 };
 const chatListStyle = _reactNative.StyleSheet.create({
   list: {
     flex: 1,
-    marginVertical: 8
+    marginTop: 8,
+    marginBottom: 16
   },
   listContentContainer: {
     paddingRight: 12

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_flashList","_reactNative","_reactRedux","_ChatMessage","_ChatBanner","_PinnedMessage","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_ChatList","messages","useSelector","state","_keyExtractor","useCallback","item","messageId","_renderItem","data","createElement","ChatMessage","message","View","style","chatListStyle","list","PinnedMessage","FlashList","inverted","estimatedItemSize","contentContainerStyle","listContentContainer","keyboardShouldPersistTaps","ListEmptyComponent","ChatBanner","renderItem","keyExtractor","StyleSheet","create","flex","marginVertical","paddingRight","ChatList","memo","exports"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatList.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_flashList","_reactNative","_reactRedux","_ChatMessage","_ChatBanner","_PinnedMessage","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_ChatList","messages","useSelector","state","_keyExtractor","useCallback","item","messageId","_renderItem","data","createElement","ChatMessage","message","View","style","chatListStyle","list","PinnedMessage","length","FlashList","inverted","estimatedItemSize","contentContainerStyle","listContentContainer","keyboardShouldPersistTaps","renderItem","keyExtractor","ChatBanner","StyleSheet","create","flex","marginTop","marginBottom","paddingRight","ChatList","memo","exports"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatList.tsx"],"mappings":"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"}

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

@@ -6,170 +6,70 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChatMessage = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeHms = require("@100mslive/react-native-hms");
-var _MaterialCommunityIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialCommunityIcons"));
-var _reactRedux = require("react-redux");
-var _CustomButton = require("../CustomButton");
-var _AvatarView = require("../AvatarView");
-var _theme = require("../../utils/theme");
+var _hooksUtil = require("../../hooks-util");
 var _functions = require("../../utils/functions");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const _ChatMessage = _ref => {
-  var _messageRecipient$rec;
   let {
     message
   } = _ref;
-  const hmsSessionStore = (0, _reactRedux.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 === _reactNativeHms.HMSMessageRecipientType.BROADCAST;
-  const isPrivatePeerMessage = messageRecipient.recipientType === _reactNativeHms.HMSMessageRecipientType.PEER;
-  const isPrivateRoleMessage = messageRecipient.recipientType === _reactNativeHms.HMSMessageRecipientType.ROLES;
+  const hmsRoomStyles = (0, _hooksUtil.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(_reactNative.View, {
-    style: [styles.message, isBroadcastMessage ? null : styles.privateMessage]
+    style: styles.container
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [styles.messageHeader, isMessageSenderLocal ? styles.localMessageHeader : null]
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.headingLeftContainer
-  }, /*#__PURE__*/React.createElement(_AvatarView.AvatarView, {
-    userName: (messageSender === null || messageSender === void 0 ? void 0 : messageSender.name) || '',
-    style: styles.messageAvatar,
-    initialsStyle: styles.messageAvatarText
-  }), /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.senderName,
-    numberOfLines: 1,
-    ellipsizeMode: "middle"
-  }, messageSender ? messageSender.isLocal ? 'You' : messageSender.name : 'Anonymous'), /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.messageTime
-  }, (0, _functions.getTimeStringin12HourFormat)(message.time))), isBroadcastMessage ? /*#__PURE__*/React.createElement(_CustomButton.CustomButton, {
-    onPress: pinMessage,
-    viewStyle: [styles.pinIconContainer, isMessageSenderLocal ? styles.localMsgPinIconContainer : null],
-    LeftIcon: /*#__PURE__*/React.createElement(_MaterialCommunityIcons.default, {
-      style: styles.pinIcon,
-      size: 24,
-      name: "pin-outline"
-    })
-  }) : /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.privateRecipientTypeContainer
+    style: [styles.nameWrapper]
   }, /*#__PURE__*/React.createElement(_reactNative.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(_reactNative.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(_reactNative.Text, {
+    style: [styles.time, hmsRoomStyles.time]
+  }, (0, _functions.getTimeStringin12HourFormat)(message.time))), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.message, hmsRoomStyles.message]
   }, message.message));
 };
 const ChatMessage = /*#__PURE__*/React.memo(_ChatMessage);
 exports.ChatMessage = ChatMessage;
 const styles = _reactNative.StyleSheet.create({
-  message: {
-    padding: 8,
-    borderRadius: 8,
+  container: {
     marginTop: 16,
+    padding: 8,
     width: '100%'
   },
-  privateMessage: {
-    backgroundColor: _theme.COLORS.SURFACE.LIGHT
-  },
-  messageHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginBottom: 8,
-    justifyContent: 'space-between'
-  },
-  localMessageHeader: {
-    flexDirection: 'row-reverse'
-  },
-  headingLeftContainer: {
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  messageAvatar: {
-    width: 24,
-    height: 24,
-    borderRadius: 12
-  },
-  messageAvatarText: {
-    fontSize: 10,
-    lineHeight: undefined
-  },
-  privateRecipientTypeContainer: {
+  nameWrapper: {
     flexDirection: 'row',
-    alignItems: 'center',
-    borderWidth: 1,
-    borderRadius: 4,
-    borderColor: _theme.COLORS.BORDER.LIGHT,
-    justifyContent: 'center',
-    padding: 4,
-    flexShrink: 1,
-    marginLeft: 8
-  },
-  private: {
-    fontFamily: 'Inter-Medium',
-    fontSize: 10,
-    lineHeight: 16,
-    letterSpacing: 1.5,
-    color: _theme.COLORS.TEXT.HIGH_EMPHASIS,
-    textTransform: 'uppercase'
+    alignItems: 'flex-end'
   },
   senderName: {
-    fontFamily: 'Inter',
-    fontWeight: '600',
     fontSize: 14,
-    lineHeight: 20,
-    letterSpacing: 0.1,
-    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
-    textTransform: 'capitalize',
-    marginHorizontal: 8
+    lineHeight: _reactNative.Platform.OS === 'android' ? 20 : undefined,
+    letterSpacing: 0.1
   },
-  messageTime: {
-    fontFamily: 'Inter',
-    fontWeight: '400',
+  time: {
     fontSize: 12,
     lineHeight: 16,
     letterSpacing: 0.4,
-    color: _theme.COLORS.SURFACE.ON_SURFACE.LOW
+    marginLeft: 4
   },
-  messageText: {
-    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
+  message: {
     fontSize: 14,
-    fontFamily: 'Inter',
-    fontWeight: '400',
-    lineHeight: 20,
-    letterSpacing: 0.25
-  },
-  messageTextRightAlign: {
-    textAlign: 'right'
-  },
-  pinIcon: {
-    color: _theme.COLORS.WHITE
-  },
-  pinIconContainer: {
-    flex: 1,
-    height: '100%',
-    justifyContent: 'flex-end'
-  },
-  localMsgPinIconContainer: {
-    justifyContent: 'flex-start'
+    lineHeight: _reactNative.Platform.OS === 'android' ? 20 : undefined,
+    letterSpacing: 0.25,
+    marginTop: 8
   }
 });
 //# sourceMappingURL=ChatMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHms","_MaterialCommunityIcons","_interopRequireDefault","_reactRedux","_CustomButton","_AvatarView","_theme","_functions","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_ChatMessage","_ref","_messageRecipient$rec","message","hmsSessionStore","useSelector","state","user","pinMessage","_message$sender","formattedMessage","sender","name","response","console","log","error","messageSender","isMessageSenderLocal","isLocal","messageRecipient","recipient","isBroadcastMessage","recipientType","HMSMessageRecipientType","BROADCAST","isPrivatePeerMessage","PEER","isPrivateRoleMessage","ROLES","createElement","View","style","styles","privateMessage","messageHeader","localMessageHeader","headingLeftContainer","AvatarView","userName","messageAvatar","initialsStyle","messageAvatarText","Text","senderName","numberOfLines","ellipsizeMode","messageTime","getTimeStringin12HourFormat","time","CustomButton","onPress","viewStyle","pinIconContainer","localMsgPinIconContainer","LeftIcon","pinIcon","size","privateRecipientTypeContainer","private","recipientPeer","recipientRoles","length","messageText","messageTextRightAlign","ChatMessage","memo","exports","StyleSheet","create","padding","borderRadius","marginTop","width","backgroundColor","COLORS","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":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_hooksUtil","_functions","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_ChatMessage","_ref","message","messageSender","sender","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","senderName","color","palette","on_surface_high","fontFamily","font_family","time","on_surface_medium","createElement","View","style","styles","container","nameWrapper","Text","numberOfLines","isLocal","name","getTimeStringin12HourFormat","ChatMessage","memo","exports","StyleSheet","create","marginTop","padding","width","flexDirection","alignItems","fontSize","lineHeight","Platform","OS","undefined","letterSpacing","marginLeft"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatMessage.tsx"],"mappings":"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"}