@dubsdotapp/expo 0.5.26 → 0.5.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dubsdotapp/expo",
-  "version": "0.5.26",
+  "version": "0.5.28",
   "description": "React Native SDK for the Dubs betting platform",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/chat/provider.tsx

@@ -87,8 +87,11 @@ export function ChatProvider({ children, autoConnect = true }: ChatProviderProps
   const refreshMessages = useCallback(async () => {
     try {
       const res = await client.getChatMessages({ limit: 30 });
-      // API returns newest-first — keep that order for inverted FlatList
-      setMessages(res.messages);
+      // The dev API returns messages oldest-first (chatService applies a
+      // .reverse() for legacy chat-order callers). Inverted chat FlatLists
+      // — and onNewMessage's prepend below — assume newest-first. Flip
+      // here so the internal store is consistent everywhere.
+      setMessages([...res.messages].reverse());
     } catch (err) {
       console.error('[Dubs:ChatProvider] Failed to load messages:', err);
     }
@@ -155,7 +158,19 @@ export function ChatProvider({ children, autoConnect = true }: ChatProviderProps
     const host = new URL(baseUrl).origin;
 
     chatSocket.setListeners({
-      onConnectionChange: setStatus,
+      // Refetch the message list whenever the socket reaches 'connected'.
+      // Covers both the initial connect AND every reconnect (app resumed
+      // from background, transient network blip, server restart). Without
+      // this, the provider's `messages` state is frozen at whatever it was
+      // when the app last connected — Socket.IO's auto-reconnect resumes
+      // delivery of *new* events but does not replay the gap.
+      onConnectionChange: (next) => {
+        setStatus(next);
+        if (next === 'connected') {
+          refreshMessages().catch(() => {});
+          refreshConversations().catch(() => {});
+        }
+      },
       // Global chat
       onNewMessage: (msg) => {
         setMessages((prev) => {