@poolse/react-native 2.0.9 → 2.0.11

package/dist/index.d.cts

@@ -433,8 +433,15 @@ interface ConversationListProps {
     error?: Error | null;
     /** Per-conversation unread counts rendered as a Pulse Coral pill. */
     unreadCounts?: Record<Uuid, number>;
+    /**
+     * Explicit overrides for direct-chat names + avatars, keyed by the
+     * OTHER member's external_id. When omitted, the row falls back to
+     * `PoolseConfig.userResolver` and finally to the external_id.
+     */
+    labelFor?: (externalId: string) => string;
+    avatarFor?: (externalId: string) => string | null;
 }
-declare function ConversationList({ selectedId, onSelect, renderItem, emptyState, conversations: controlled, loading: controlledLoading, error: controlledError, unreadCounts, }: ConversationListProps): react_jsx_runtime.JSX.Element;
+declare function ConversationList({ selectedId, onSelect, renderItem, emptyState, conversations: controlled, loading: controlledLoading, error: controlledError, unreadCounts, labelFor, avatarFor, }: ConversationListProps): react_jsx_runtime.JSX.Element;
 
 interface MemberListProps {
     conversationId: Uuid;

package/dist/index.d.ts

@@ -433,8 +433,15 @@ interface ConversationListProps {
     error?: Error | null;
     /** Per-conversation unread counts rendered as a Pulse Coral pill. */
     unreadCounts?: Record<Uuid, number>;
+    /**
+     * Explicit overrides for direct-chat names + avatars, keyed by the
+     * OTHER member's external_id. When omitted, the row falls back to
+     * `PoolseConfig.userResolver` and finally to the external_id.
+     */
+    labelFor?: (externalId: string) => string;
+    avatarFor?: (externalId: string) => string | null;
 }
-declare function ConversationList({ selectedId, onSelect, renderItem, emptyState, conversations: controlled, loading: controlledLoading, error: controlledError, unreadCounts, }: ConversationListProps): react_jsx_runtime.JSX.Element;
+declare function ConversationList({ selectedId, onSelect, renderItem, emptyState, conversations: controlled, loading: controlledLoading, error: controlledError, unreadCounts, labelFor, avatarFor, }: ConversationListProps): react_jsx_runtime.JSX.Element;
 
 interface MemberListProps {
     conversationId: Uuid;

package/dist/index.js

@@ -933,10 +933,14 @@ function ConversationList({
   conversations: controlled,
   loading: controlledLoading,
   error: controlledError,
-  unreadCounts
+  unreadCounts,
+  labelFor,
+  avatarFor
 }) {
   const theme = usePoolseTheme();
   const auto = useConversations();
+  const { me } = useMe();
+  const meExternalId = me?.external_id ?? null;
   const isControlled = controlled !== void 0;
   const conversations = isControlled ? controlled : auto.conversations;
   const loading = isControlled ? controlledLoading ?? false : auto.loading;
@@ -962,38 +966,66 @@ function ConversationList({
         if (renderItem) {
           return /* @__PURE__ */ jsx(Fragment, { children: renderItem(item, selected) });
         }
-        const unread = counts?.[item.id] ?? 0;
-        return /* @__PURE__ */ jsxs(
-          Pressable,
+        return /* @__PURE__ */ jsx(
+          ConversationRow,
           {
-            onPress: () => onSelect?.(item),
-            style: [
-              styles5.row,
-              {
-                backgroundColor: selected ? theme.colors.surface2 : "transparent"
-              }
-            ],
-            children: [
-              /* @__PURE__ */ jsx(Avatar, { src: null, name: item.name ?? null, seed: item.id, size: "md" }),
-              /* @__PURE__ */ jsxs(View, { style: styles5.body, children: [
-                /* @__PURE__ */ jsx(
-                  Text,
-                  {
-                    style: [styles5.name, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
-                    numberOfLines: 1,
-                    children: item.name ?? "Untitled conversation"
-                  }
-                ),
-                item.last_message_at ? /* @__PURE__ */ jsx(Text, { style: [styles5.preview, { color: theme.colors.ink3 }], numberOfLines: 1, children: formatRelative(item.last_message_at) }) : null
-              ] }),
-              unread > 0 ? /* @__PURE__ */ jsx(View, { style: [styles5.unreadPill, { backgroundColor: theme.colors.unreadPill }], children: /* @__PURE__ */ jsx(Text, { style: [styles5.unreadText, { color: theme.colors.unreadPillText }], children: unread > 99 ? "99+" : String(unread) }) }) : null
-            ]
+            conv: item,
+            selected,
+            meExternalId,
+            unread: counts?.[item.id] ?? 0,
+            ...labelFor ? { labelFor } : {},
+            ...avatarFor ? { avatarFor } : {},
+            ...onSelect ? { onSelect } : {}
           }
         );
       }
     }
   );
 }
+function ConversationRow({
+  conv,
+  selected,
+  meExternalId,
+  unread,
+  labelFor,
+  avatarFor,
+  onSelect
+}) {
+  const theme = usePoolseTheme();
+  const isDirect = conv.type === "direct";
+  const otherExtId = isDirect && meExternalId ? (conv.member_external_ids ?? []).find((x) => x !== meExternalId) ?? null : null;
+  const resolvedOther = useUser(isDirect ? otherExtId : null);
+  const title = isDirect ? otherExtId ? labelFor?.(otherExtId) ?? resolvedOther.profile?.displayName ?? otherExtId : "Direct chat" : conv.name ?? "Untitled conversation";
+  const avatarUrl = isDirect && otherExtId ? avatarFor?.(otherExtId) ?? resolvedOther.profile?.avatarUrl ?? null : null;
+  const avatarSeed = isDirect ? otherExtId ?? conv.id : conv.id;
+  return /* @__PURE__ */ jsxs(
+    Pressable,
+    {
+      onPress: () => onSelect?.(conv),
+      style: [
+        styles5.row,
+        {
+          backgroundColor: selected ? theme.colors.surface2 : "transparent"
+        }
+      ],
+      children: [
+        avatarUrl ? /* @__PURE__ */ jsx(Image, { source: { uri: avatarUrl }, style: styles5.rowAvatar }) : /* @__PURE__ */ jsx(Avatar, { src: null, name: title, seed: avatarSeed, size: "md" }),
+        /* @__PURE__ */ jsxs(View, { style: styles5.body, children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              style: [styles5.name, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
+              numberOfLines: 1,
+              children: title
+            }
+          ),
+          conv.last_message_preview ? /* @__PURE__ */ jsx(Text, { style: [styles5.preview, { color: theme.colors.ink3 }], numberOfLines: 1, children: conv.last_message_preview }) : conv.last_message_at ? /* @__PURE__ */ jsx(Text, { style: [styles5.preview, { color: theme.colors.ink3 }], numberOfLines: 1, children: formatRelative(conv.last_message_at) }) : null
+        ] }),
+        unread > 0 ? /* @__PURE__ */ jsx(View, { style: [styles5.unreadPill, { backgroundColor: theme.colors.unreadPill }], children: /* @__PURE__ */ jsx(Text, { style: [styles5.unreadText, { color: theme.colors.unreadPillText }], children: unread > 99 ? "99+" : String(unread) }) }) : null
+      ]
+    }
+  );
+}
 function formatRelative(iso) {
   try {
     const d = new Date(iso);
@@ -1021,6 +1053,11 @@ var styles5 = StyleSheet.create({
     paddingVertical: 10,
     gap: 10
   },
+  rowAvatar: {
+    width: 40,
+    height: 40,
+    borderRadius: 20
+  },
   body: {
     flex: 1,
     gap: 2
@@ -1767,10 +1804,10 @@ function MessageList({
       renderItem: handleRender,
       onEndReached: hasMore ? onLoadMore : void 0,
       onEndReachedThreshold: 0.3,
-      ListHeaderComponent: ListFooter,
+      ListHeaderComponent: ListHeader,
       ListFooterComponent: /* @__PURE__ */ jsxs(View, { children: [
         hasMore && loading ? /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.colors.ink3, style: { marginVertical: 8 } }) : null,
-        ListHeader
+        ListFooter
       ] }),
       style: { backgroundColor: theme.colors.paper },
       contentContainerStyle: { paddingVertical: 8 }