@poolse/react-native 2.0.8 → 2.0.10

package/dist/index.cjs

@@ -956,10 +956,14 @@ function ConversationList({
   conversations: controlled,
   loading: controlledLoading,
   error: controlledError,
-  unreadCounts
+  unreadCounts,
+  labelFor,
+  avatarFor
 }) {
   const theme = usePoolseTheme();
   const auto = react$1.useConversations();
+  const { me } = react$1.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;
@@ -985,38 +989,66 @@ function ConversationList({
         if (renderItem) {
           return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderItem(item, selected) });
         }
-        const unread = counts?.[item.id] ?? 0;
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          reactNative.Pressable,
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          ConversationRow,
           {
-            onPress: () => onSelect?.(item),
-            style: [
-              styles5.row,
-              {
-                backgroundColor: selected ? theme.colors.surface2 : "transparent"
-              }
-            ],
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src: null, name: item.name ?? null, seed: item.id, size: "md" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles5.body, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  reactNative.Text,
-                  {
-                    style: [styles5.name, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
-                    numberOfLines: 1,
-                    children: item.name ?? "Untitled conversation"
-                  }
-                ),
-                item.last_message_at ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles5.preview, { color: theme.colors.ink3 }], numberOfLines: 1, children: formatRelative(item.last_message_at) }) : null
-              ] }),
-              unread > 0 ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles5.unreadPill, { backgroundColor: theme.colors.unreadPill }], children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.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 = react$1.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__ */ jsxRuntime.jsxs(
+    reactNative.Pressable,
+    {
+      onPress: () => onSelect?.(conv),
+      style: [
+        styles5.row,
+        {
+          backgroundColor: selected ? theme.colors.surface2 : "transparent"
+        }
+      ],
+      children: [
+        avatarUrl ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Image, { source: { uri: avatarUrl }, style: styles5.rowAvatar }) : /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src: null, name: title, seed: avatarSeed, size: "md" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles5.body, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.Text,
+            {
+              style: [styles5.name, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
+              numberOfLines: 1,
+              children: title
+            }
+          ),
+          conv.last_message_preview ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles5.preview, { color: theme.colors.ink3 }], numberOfLines: 1, children: conv.last_message_preview }) : conv.last_message_at ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles5.preview, { color: theme.colors.ink3 }], numberOfLines: 1, children: formatRelative(conv.last_message_at) }) : null
+        ] }),
+        unread > 0 ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles5.unreadPill, { backgroundColor: theme.colors.unreadPill }], children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles5.unreadText, { color: theme.colors.unreadPillText }], children: unread > 99 ? "99+" : String(unread) }) }) : null
+      ]
+    }
+  );
+}
 function formatRelative(iso) {
   try {
     const d = new Date(iso);
@@ -1044,6 +1076,11 @@ var styles5 = reactNative.StyleSheet.create({
     paddingVertical: 10,
     gap: 10
   },
+  rowAvatar: {
+    width: 40,
+    height: 40,
+    borderRadius: 20
+  },
   body: {
     flex: 1,
     gap: 2