chore: XMTP SDK version 3.1.11 + fix sending attachment

Author: thierryskoda

features/conversation/conversation-composer/conversation-composer-use-send.ts

@@ -72,9 +72,6 @@ export function useSend() {
     const { topic } = conversationStore.getState();
     const { inputValue, replyingToMessageId } = composerStore.getState();
 
-    // Reset the composer
-    composerStore.getState().reset();
-
     const uploadedAttachment = await handleMediaPreview();
 
     const messageParamsWithTopic: Omit<ISendMessageParams, "topic"> = {
@@ -86,6 +83,9 @@ export function useSend() {
       }),
     };
 
+    // Reset the composer before sending just for better UX
+    composerStore.getState().reset();
+
     if (uploadedAttachment || inputValue.length > 0) {
       if (topic) {
         await sendToExistingConversation({
@@ -136,7 +136,10 @@ function useMediaPreview() {
 
   async function handleMediaPreview() {
     const mediaPreview = composerStore.getState().composerMediaPreview;
-    if (!mediaPreview) return null;
+
+    if (!mediaPreview) {
+      return null;
+    }
 
     if (mediaPreview.status === "uploading") {
       await waitUntilMediaPreviewIsUploaded();
@@ -145,15 +148,14 @@ function useMediaPreview() {
     composerStore.getState().updateMediaPreviewStatus("sending");
 
     try {
-      if (mediaPreview) {
-        await saveAttachmentLocally(mediaPreview);
-      }
+      await saveAttachmentLocally(mediaPreview);
     } catch (error) {
       sentryTrackError(error);
     }
 
     const uploadedAttachment =
       composerStore.getState().composerUploadedAttachment;
+
     if (!uploadedAttachment) {
       throw new Error("Something went wrong while uploading attachment");
     }

features/conversation/conversation-composer/conversation-composer.tsx

@@ -1,13 +1,14 @@
 import { ReplyPreview } from "@/features/conversation/conversation-composer/conversation-composer-reply-preview";
+import { captureErrorWithToast } from "@/utils/capture-error";
 import { HStack } from "@design-system/HStack";
 import { VStack } from "@design-system/VStack";
 import { useAppTheme } from "@theme/useAppTheme";
-import React, { memo } from "react";
+import React, { memo, useCallback } from "react";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { AddAttachmentButton } from "./conversation-composer-add-attachment-button";
 import { ConversationComposerAttachmentPreview } from "./conversation-composer-attachment-preview";
-import { ConversationComposerTextInput } from "./conversation-composer-text-input";
 import { SendButton } from "./conversation-composer-send-button";
-import { AddAttachmentButton } from "./conversation-composer-add-attachment-button";
+import { ConversationComposerTextInput } from "./conversation-composer-text-input";
 import { useSend } from "./conversation-composer-use-send";
 
 export const ConversationComposer = memo(function ConversationComposer() {
@@ -16,6 +17,14 @@ export const ConversationComposer = memo(function ConversationComposer() {
 
   const { send } = useSend();
 
+  const handleSend = useCallback(async () => {
+    try {
+      await send();
+    } catch (error) {
+      captureErrorWithToast(error, { message: "Failed to send message" });
+    }
+  }, [send]);
+
   return (
     <VStack
       // {...debugBorder()}
@@ -59,8 +68,8 @@ export const ConversationComposer = memo(function ConversationComposer() {
                 alignItems: "center",
               }}
             >
-              <ConversationComposerTextInput onSubmitEditing={send} />
-              <SendButton onPress={send} />
+              <ConversationComposerTextInput onSubmitEditing={handleSend} />
+              <SendButton onPress={handleSend} />
             </HStack>
           </VStack>
         </HStack>

ios/Podfile.lock

@@ -254,8 +254,6 @@ PODS:
     - ExpoModulesCore
   - ExpoClipboard (7.0.0):
     - ExpoModulesCore
-  - ExpoContacts (14.0.2):
-    - ExpoModulesCore
   - ExpoCrypto (14.0.2):
     - ExpoModulesCore
   - ExpoDevice (7.0.1):
@@ -412,7 +410,7 @@ PODS:
   - libwebp/sharpyuv (1.3.2)
   - libwebp/webp (1.3.2):
     - libwebp/sharpyuv
-  - LibXMTP (3.0.20)
+  - LibXMTP (3.0.23)
   - MessagePacker (0.4.7)
   - MMKV (2.0.2):
     - MMKVCore (~> 2.0.2)
@@ -2343,18 +2341,18 @@ PODS:
   - UMAppLoader (5.0.0)
   - walletsdk-ethos (0.1.0-no-web3j):
     - React-Core
-  - XMTP (3.0.24):
+  - XMTP (3.0.27):
     - Connect-Swift (= 1.0.0)
     - CryptoSwift (= 1.8.3)
     - CSecp256k1 (~> 0.2)
-    - LibXMTP (= 3.0.20)
+    - LibXMTP (= 3.0.23)
     - SQLCipher (= 4.5.7)
-  - XMTPReactNative (3.1.9):
+  - XMTPReactNative (3.1.11):
     - CSecp256k1 (~> 0.2)
     - ExpoModulesCore
     - MessagePacker
     - SQLCipher (= 4.5.7)
-    - XMTP (= 3.0.24)
+    - XMTP (= 3.0.27)
   - Yoga (0.0.0)
 
 DEPENDENCIES:
@@ -2378,7 +2376,6 @@ DEPENDENCIES:
   - ExpoBackgroundFetch (from `../node_modules/expo-background-fetch/ios`)
   - ExpoBlur (from `../node_modules/expo-blur/ios`)
   - ExpoClipboard (from `../node_modules/expo-clipboard/ios`)
-  - ExpoContacts (from `../node_modules/expo-contacts/ios`)
   - ExpoCrypto (from `../node_modules/expo-crypto/ios`)
   - ExpoDevice (from `../node_modules/expo-device/ios`)
   - ExpoDocumentPicker (from `../node_modules/expo-document-picker/ios`)
@@ -2584,8 +2581,6 @@ EXTERNAL SOURCES:
     :path: "../node_modules/expo-blur/ios"
   ExpoClipboard:
     :path: "../node_modules/expo-clipboard/ios"
-  ExpoContacts:
-    :path: "../node_modules/expo-contacts/ios"
   ExpoCrypto:
     :path: "../node_modules/expo-crypto/ios"
   ExpoDevice:
@@ -2867,7 +2862,6 @@ SPEC CHECKSUMS:
   ExpoBackgroundFetch: a3080ab72736b60441adf5f452919426c62e0533
   ExpoBlur: 567af66164e3043a9a30069594aed1ddf0a88d97
   ExpoClipboard: 166ca8c13ca1041f5ba619a211f59427ab5da8a7
-  ExpoContacts: 209f0739c712bf808413c691722ce1bb1e2ea0af
   ExpoCrypto: 1eaf79360c8135af1f2ebb133394fd3513ca9a3d
   ExpoDevice: e24dd19a43065182eb246bc0e7f84186862f1e83
   ExpoDocumentPicker: 4a89fd8a0cb90010214a416c858d7dece1c1eb10
@@ -2907,7 +2901,7 @@ SPEC CHECKSUMS:
   libavif: 84bbb62fb232c3018d6f1bab79beea87e35de7b7
   libdav1d: 23581a4d8ec811ff171ed5e2e05cd27bad64c39f
   libwebp: 1786c9f4ff8a279e4dac1e8f385004d5fc253009
-  LibXMTP: 5c8a858675af142e4a5336e27bb2d6fa6d633b18
+  LibXMTP: 104197abdeb8651480a6663eedb5f3011cec25b7
   MessagePacker: ab2fe250e86ea7aedd1a9ee47a37083edd41fd02
   MMKV: 3eacda84cd1c4fc95cf848d3ecb69d85ed56006c
   MMKVCore: 508b4d3a8ce031f1b5c8bd235f0517fb3f4c73a9
@@ -3015,8 +3009,8 @@ SPEC CHECKSUMS:
   SwiftProtobuf: 4dbaffec76a39a8dc5da23b40af1a5dc01a4c02d
   UMAppLoader: bda51f73f8599e336a778b23e0956130d1e244d5
   walletsdk-ethos: 0a0a1ca18573f1ff44c63072704550bef8aaa16b
-  XMTP: 3d82fe8598fe043a67ad93276084ab46a30a1fa3
-  XMTPReactNative: 8758bb7d92ff8e6cf9a31cf0f57e5b09cc51319d
+  XMTP: 226c2cb3ba800e1b0632a2c7223d9f518149ea34
+  XMTPReactNative: 07595ef46a89aac5bbd9e3947202582e3572cced
   Yoga: 7548e4449365bf0ef60db4aefe58abff37fcabec
 
 PODFILE CHECKSUM: 00627c9c5607e366416986052af3a07710a899f1

package.json

@@ -68,7 +68,7 @@
     "@xmtp/content-type-transaction-reference": "^2.0.0",
     "@xmtp/frames-client": "^0.5.4",
     "@xmtp/proto": "^3.60.0",
-    "@xmtp/react-native-sdk": "^3.1.9",
+    "@xmtp/react-native-sdk": "^3.1.11",
     "@xstate/react": "^5.0.0",
     "@yornaath/batshit": "^0.10.1",
     "alchemy-sdk": "^3.4.4",

yarn.lock

@@ -11216,10 +11216,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@xmtp/react-native-sdk@npm:^3.1.9":
-  version: 3.1.9
-  resolution: "@xmtp/react-native-sdk@npm:3.1.9"
+"@xmtp/react-native-sdk@npm:^3.1.11":
+  version: 3.1.11
+  resolution: "@xmtp/react-native-sdk@npm:3.1.11"
   dependencies:
+    "@changesets/changelog-git": "npm:^0.2.0"
     "@changesets/cli": "npm:^2.27.10"
     "@ethersproject/bytes": "npm:^5.7.0"
     "@msgpack/msgpack": "npm:^3.0.0-beta2"
@@ -11231,7 +11232,7 @@ __metadata:
     expo: "*"
     react: "*"
     react-native: "*"
-  checksum: 10c0/8e9e33f5fdf9e309bf43bc8f620d93e3d4f5a53ab00f415fd36074fd0d4dac0a099d0b8968884b7d2357dd1ea23e9f90e6ffc5225bd6fe73d921625eb02044ed
+  checksum: 10c0/5f1d1d34f08e4791a0a14a69a0322c45db42ab7ef93b724e537db8c23bdc84f773b3dd27803173a6b4831255fea57c270664e2ae3b109e5e603bd8ea51683702
   languageName: node
   linkType: hard
 
@@ -13932,7 +13933,7 @@ __metadata:
     "@xmtp/content-type-transaction-reference": "npm:^2.0.0"
     "@xmtp/frames-client": "npm:^0.5.4"
     "@xmtp/proto": "npm:^3.60.0"
-    "@xmtp/react-native-sdk": "npm:^3.1.9"
+    "@xmtp/react-native-sdk": "npm:^3.1.11"
     "@xstate/react": "npm:^5.0.0"
     "@yornaath/batshit": "npm:^0.10.1"
     alchemy-sdk: "npm:^3.4.4"