@usechat/react-native 1.0.8 → 1.0.10

package/dist/index.js

@@ -4454,16 +4454,6 @@ var ChatAvatar = ({
         return { width: 48, height: 48 };
     }
   };
-  const getTextSize = () => {
-    switch (size) {
-      case "small":
-        return theme.typography.fontSize.sm;
-      case "large":
-        return theme.typography.fontSize.xxl;
-      default:
-        return theme.typography.fontSize.lg;
-    }
-  };
   const getIndicatorSize = () => {
     switch (size) {
       case "small":
@@ -4477,25 +4467,16 @@ var ChatAvatar = ({
   const avatarSize = getAvatarSize();
   const indicatorSize = getIndicatorSize();
   return <import_react_native19.View style={{ position: "relative" }}>
+      <import_react_native19.Image
+    source={{ uri: avatar }}
+    style={[
+      avatarSize,
       {
-    /* Avatar */
-  }
-      <import_react_native19.View style={[
-    avatarSize,
-    {
-      borderRadius: theme.borderRadius.full,
-      backgroundColor: theme.colors.gray[200],
-      alignItems: "center",
-      justifyContent: "center"
-    }
-  ]}>
-        <import_react_native19.Text style={{
-    fontSize: getTextSize(),
-    color: theme.colors.text
-  }}>
-          {avatar}
-        </import_react_native19.Text>
-      </import_react_native19.View>
+        borderRadius: theme.borderRadius.full
+      }
+    ]}
+    resizeMode="cover"
+  />
       
       {
     /* Online indicator */
@@ -4607,7 +4588,12 @@ var ChatItem = ({ item, onPress }) => {
 var ChatItem_default = ChatItem;
 
 // src/components/chat-list/ChatList.tsx
-var ChatListBase = ({ chats, onChatPress }) => {
+var ChatListBase = ({
+  chats,
+  onChatPress,
+  onRefresh,
+  refreshing = false
+}) => {
   const renderChatItem = ({ item }) => <ChatItem_default item={item} onPress={onChatPress} />;
   return <import_react_native21.FlatList
     data={chats}
@@ -4615,6 +4601,12 @@ var ChatListBase = ({ chats, onChatPress }) => {
     keyExtractor={(item) => item.id}
     showsVerticalScrollIndicator={false}
     style={{ flex: 1 }}
+    refreshControl={onRefresh ? <import_react_native21.RefreshControl
+      refreshing={refreshing}
+      onRefresh={onRefresh}
+      tintColor="#007AFF"
+      colors={["#007AFF"]}
+    /> : void 0}
   />;
 };
 var ChatList_default = ChatListBase;

package/dist/index.mjs

@@ -4341,13 +4341,13 @@ function requireAuthHook(hookFn) {
 }
 
 // src/components/chat-list/ChatList.tsx
-import { FlatList as FlatList2 } from "react-native";
+import { FlatList as FlatList2, RefreshControl } from "react-native";
 
 // src/components/chat-list/ChatItem.tsx
-import { View as View17, Text as Text13, TouchableOpacity as TouchableOpacity9 } from "react-native";
+import { View as View17, Text as Text12, TouchableOpacity as TouchableOpacity9 } from "react-native";
 
 // src/components/shared/ChatAvatar.tsx
-import { View as View16, Text as Text12 } from "react-native";
+import { View as View16, Image as Image6 } from "react-native";
 var ChatAvatar = ({
   avatar,
   isOnline = false,
@@ -4364,16 +4364,6 @@ var ChatAvatar = ({
         return { width: 48, height: 48 };
     }
   };
-  const getTextSize = () => {
-    switch (size) {
-      case "small":
-        return theme.typography.fontSize.sm;
-      case "large":
-        return theme.typography.fontSize.xxl;
-      default:
-        return theme.typography.fontSize.lg;
-    }
-  };
   const getIndicatorSize = () => {
     switch (size) {
       case "small":
@@ -4387,25 +4377,16 @@ var ChatAvatar = ({
   const avatarSize = getAvatarSize();
   const indicatorSize = getIndicatorSize();
   return <View16 style={{ position: "relative" }}>
+      <Image6
+    source={{ uri: avatar }}
+    style={[
+      avatarSize,
       {
-    /* Avatar */
-  }
-      <View16 style={[
-    avatarSize,
-    {
-      borderRadius: theme.borderRadius.full,
-      backgroundColor: theme.colors.gray[200],
-      alignItems: "center",
-      justifyContent: "center"
-    }
-  ]}>
-        <Text12 style={{
-    fontSize: getTextSize(),
-    color: theme.colors.text
-  }}>
-          {avatar}
-        </Text12>
-      </View16>
+        borderRadius: theme.borderRadius.full
+      }
+    ]}
+    resizeMode="cover"
+  />
       
       {
     /* Online indicator */
@@ -4460,22 +4441,22 @@ var ChatItem = ({ item, onPress }) => {
     alignItems: "center",
     marginBottom: theme.spacing.xs
   }}>
-          <Text13 style={{
+          <Text12 style={{
     fontSize: theme.typography.fontSize.base,
     flex: 1,
     fontWeight: hasUnreadMessages ? theme.typography.fontWeight.bold : theme.typography.fontWeight.semibold,
     color: theme.colors.text
   }}>
             {item.name}
-          </Text13>
-          <Text13 style={{
+          </Text12>
+          <Text12 style={{
     fontSize: theme.typography.fontSize.sm,
     marginLeft: theme.spacing.sm,
     color: hasUnreadMessages ? theme.colors.gray[700] : theme.colors.textSecondary,
     fontWeight: hasUnreadMessages ? theme.typography.fontWeight.medium : theme.typography.fontWeight.normal
   }}>
             {item.time}
-          </Text13>
+          </Text12>
         </View17>
 
         {
@@ -4485,14 +4466,14 @@ var ChatItem = ({ item, onPress }) => {
     flexDirection: "row",
     alignItems: "center"
   }}>
-          <Text13 style={{
+          <Text12 style={{
     fontSize: theme.typography.fontSize.sm,
     flex: 1,
     color: hasUnreadMessages ? theme.colors.gray[800] : theme.colors.textSecondary,
     fontWeight: hasUnreadMessages ? theme.typography.fontWeight.medium : theme.typography.fontWeight.normal
   }} numberOfLines={1}>
             {item.message}
-          </Text13>
+          </Text12>
           {item.unreadCount && <View17 style={{
     width: 20,
     height: 20,
@@ -4502,13 +4483,13 @@ var ChatItem = ({ item, onPress }) => {
     justifyContent: "center",
     marginLeft: theme.spacing.sm
   }}>
-              <Text13 style={{
+              <Text12 style={{
     fontSize: theme.typography.fontSize.xs,
     color: "white",
     fontWeight: theme.typography.fontWeight.bold
   }}>
                 {item.unreadCount}
-              </Text13>
+              </Text12>
             </View17>}
         </View17>
       </View17>
@@ -4517,7 +4498,12 @@ var ChatItem = ({ item, onPress }) => {
 var ChatItem_default = ChatItem;
 
 // src/components/chat-list/ChatList.tsx
-var ChatListBase = ({ chats, onChatPress }) => {
+var ChatListBase = ({
+  chats,
+  onChatPress,
+  onRefresh,
+  refreshing = false
+}) => {
   const renderChatItem = ({ item }) => <ChatItem_default item={item} onPress={onChatPress} />;
   return <FlatList2
     data={chats}
@@ -4525,12 +4511,18 @@ var ChatListBase = ({ chats, onChatPress }) => {
     keyExtractor={(item) => item.id}
     showsVerticalScrollIndicator={false}
     style={{ flex: 1 }}
+    refreshControl={onRefresh ? <RefreshControl
+      refreshing={refreshing}
+      onRefresh={onRefresh}
+      tintColor="#007AFF"
+      colors={["#007AFF"]}
+    /> : void 0}
   />;
 };
 var ChatList_default = ChatListBase;
 
 // src/components/chat-list/ChatHeader.tsx
-import { View as View18, Text as Text14 } from "react-native";
+import { View as View18, Text as Text13 } from "react-native";
 var ChatHeader = ({ title }) => {
   const theme = useTheme();
   return <View18 style={{
@@ -4540,13 +4532,13 @@ var ChatHeader = ({ title }) => {
     borderBottomWidth: 1,
     borderBottomColor: theme.colors.borderLight
   }}>
-      <Text14 style={{
+      <Text13 style={{
     fontSize: theme.typography.fontSize.xxl,
     fontWeight: theme.typography.fontWeight.bold,
     color: theme.colors.text
   }}>
         {title}
-      </Text14>
+      </Text13>
     </View18>;
 };
 var ChatHeader_default = ChatHeader;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usechat/react-native",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "Modular React Native Chat UI SDK with keyboard handling, customizable components, and rich features",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Lukasz Ko <hello@usechat.dev>",