@poolse/react-native 2.0.6 → 2.0.8

package/dist/index.js

@@ -1,4 +1,4 @@
-import { useMe, useConversations, useAttachmentUpload, useConversation, useMembers, usePresence, useUser, useMessages, useTyping, useReactions, useThread, useAttachmentUrl, usePoolse } from '@poolse/react';
+import { useUser, useMe, useConversations, useAttachmentUpload, useConversation, useMembers, usePresence, useMessages, useTyping, useReactions, useThread, useAttachmentUrl, usePoolse } from '@poolse/react';
 import { createContext, forwardRef, useRef, useState, useImperativeHandle, useEffect, useMemo, useCallback, useContext } from 'react';
 import { StyleSheet, View, Pressable, TextInput, Text, useWindowDimensions, Animated, Easing, PanResponder, Image, ScrollView, ActivityIndicator, FlatList, KeyboardAvoidingView, Platform, Modal, Dimensions, AppState } from 'react-native';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -488,18 +488,16 @@ function MemberList({
       style: { backgroundColor: theme.colors.paper },
       renderItem: ({ item }) => {
         if (renderItem) return /* @__PURE__ */ jsx(Fragment, { children: renderItem(item) });
-        const name = labelFor?.(item.external_id) ?? item.external_id;
-        const avatarUrl = avatarFor?.(item.external_id) ?? null;
         const isOnline = effectiveOnline.has(item.external_id);
         const showRemove = canRemove?.(item) ?? false;
         return /* @__PURE__ */ jsx(
           MemberRow,
           {
-            name,
             externalId: item.external_id,
-            avatarUrl,
             role: item.role,
             online: isOnline,
+            ...labelFor ? { labelFor } : {},
+            ...avatarFor ? { avatarFor } : {},
             ...showRemove ? { onRemove: () => removeMember(item.external_id) } : {}
           }
         );
@@ -508,14 +506,17 @@ function MemberList({
   );
 }
 function MemberRow({
-  name,
   externalId,
-  avatarUrl,
   role,
   online,
+  labelFor,
+  avatarFor,
   onRemove
 }) {
   const theme = usePoolseTheme();
+  const resolved = useUser(externalId);
+  const name = labelFor?.(externalId) ?? resolved.profile?.displayName ?? externalId;
+  const avatarUrl = avatarFor?.(externalId) ?? resolved.profile?.avatarUrl ?? null;
   return /* @__PURE__ */ jsxs(View, { style: styles2.row, children: [
     /* @__PURE__ */ jsx(Avatar, { src: avatarUrl, name, seed: externalId, online, size: "md" }),
     /* @__PURE__ */ jsxs(View, { style: styles2.body, children: [
@@ -1534,7 +1535,8 @@ function ReplyChip({
   onCancel
 }) {
   const theme = usePoolseTheme();
-  const senderName = message.sender_external_id ? labelFor?.(message.sender_external_id) ?? message.sender_external_id : "Unknown";
+  const resolved = useUser(message.sender_external_id);
+  const senderName = message.sender_external_id ? labelFor?.(message.sender_external_id) ?? resolved.profile?.displayName ?? message.sender_external_id : "Unknown";
   return /* @__PURE__ */ jsxs(
     View,
     {
@@ -2499,7 +2501,8 @@ function QuotedCard({
   onPress
 }) {
   const theme = usePoolseTheme();
-  const senderName = quoted.sender_external_id ? labelFor?.(quoted.sender_external_id) ?? quoted.sender_external_id : "Unknown";
+  const resolved = useUser(quoted.sender_external_id);
+  const senderName = quoted.sender_external_id ? labelFor?.(quoted.sender_external_id) ?? resolved.profile?.displayName ?? quoted.sender_external_id : "Unknown";
   const bg = isSelf ? "rgba(255,255,255,0.18)" : theme.colors.surface2;
   const accent = isSelf ? theme.colors.onBrand : theme.colors.brand;
   const txt = isSelf ? theme.colors.onBrand : theme.colors.ink;
@@ -2849,8 +2852,9 @@ function MessageRow({
   });
   const showAvatarSlot = showAvatar && !isSelf;
   const showAvatarRender = showAvatarSlot && (groupPosition === "last" || groupPosition === "standalone");
-  const avatarUrl = avatarFor && msg.sender_external_id ? avatarFor(msg.sender_external_id) : null;
-  const senderLabel = msg.sender_external_id && labelFor ? labelFor(msg.sender_external_id) : msg.sender_external_id ?? null;
+  const rowSender = useUser(showAvatarSlot ? msg.sender_external_id : null);
+  const avatarUrl = msg.sender_external_id ? avatarFor?.(msg.sender_external_id) ?? rowSender.profile?.avatarUrl ?? null : null;
+  const senderLabel = msg.sender_external_id ? labelFor?.(msg.sender_external_id) ?? rowSender.profile?.displayName ?? msg.sender_external_id : null;
   return /* @__PURE__ */ jsxs(View, { style: [styles17.row, { alignSelf: isSelf ? "flex-end" : "flex-start" }], children: [
     showAvatarSlot ? /* @__PURE__ */ jsx(View, { style: styles17.avatarSlot, children: showAvatarRender ? /* @__PURE__ */ jsx(
       Avatar,
@@ -4243,8 +4247,9 @@ function DefaultConversationRow({
   const theme = usePoolseTheme();
   const isDirect = conv.type === "direct";
   const otherExtId = isDirect && meExternalId ? (conv.member_external_ids ?? []).find((x) => x !== meExternalId) : null;
-  const title = isDirect ? otherExtId ? labelFor?.(otherExtId) ?? otherExtId : "Direct chat" : conv.name ?? "Untitled group";
-  const avatarUrl = isDirect && otherExtId ? avatarFor?.(otherExtId) ?? null : null;
+  const resolvedOther = useUser(isDirect ? otherExtId ?? null : null);
+  const title = isDirect ? otherExtId ? labelFor?.(otherExtId) ?? resolvedOther.profile?.displayName ?? otherExtId : "Direct chat" : conv.name ?? "Untitled group";
+  const avatarUrl = isDirect && otherExtId ? avatarFor?.(otherExtId) ?? resolvedOther.profile?.avatarUrl ?? null : null;
   const avatarSeed = isDirect ? otherExtId ?? conv.id : conv.id;
   return /* @__PURE__ */ jsxs(
     Pressable,