@blazium/ton-connect-mobile 1.2.3 → 1.2.5

package/README.md

@@ -284,7 +284,6 @@ const signed = await ton.signData('Hello, TON!', '1.0');
 ##### `disconnect(): Promise<void>`
 
 Disconnect from wallet.
-
 ```typescript
 await ton.disconnect();
 ```
@@ -830,6 +829,11 @@ try {
 
 ## Changelog
 
+### v1.2.5
+- ✅ **FIXED**: Connection response validation - `appName` and `version` fields are now optional, improving compatibility with wallets that don't send these fields
+- ✅ **FIXED**: ReactNativeAdapter URL listener error handling - Added try-catch block to prevent app crashes if URL listeners throw errors
+- ✅ **IMPROVED**: Enhanced error handling robustness across the SDK
+
 ### v1.2.3
 - ✅ **NEW**: Network switching - Switch between mainnet and testnet dynamically
 - ✅ **NEW**: Event emitters - Listen to connect, disconnect, transaction, and error events
@@ -845,7 +849,7 @@ try {
 - ✅ **IMPROVED**: All wallets shown on web platform (with availability status)
 - ✅ **IMPROVED**: Chain ID automatically updates when network changes
 - ✅ **FIXED**: Tonkeeper now correctly shows as available on web
-- ✅ **FIXED**: All Turkish comments translated to English
+
 
 ### v1.2.0
 - ✅ **NEW**: Beautiful wallet selection modal component

package/dist/adapters/react-native.js

@@ -34,7 +34,14 @@ class ReactNativeAdapter {
         }
         // Listen for deep links when app is already open
         this.subscription = Linking.addEventListener('url', (event) => {
-            this.urlListeners.forEach((listener) => listener(event.url));
+            this.urlListeners.forEach((listener) => {
+                try {
+                    listener(event.url);
+                }
+                catch (error) {
+                    console.error('[ReactNativeAdapter] Error in URL listener:', error);
+                }
+            });
         });
     }
     async openURL(url, skipCanOpenURLCheck = true) {

package/dist/core/protocol.d.ts

@@ -40,6 +40,8 @@ export declare function parseCallbackURL(url: string, scheme: string): {
 export declare function extractWalletInfo(response: ConnectionResponsePayload): WalletInfo;
 /**
  * Validate connection response
+ * CRITICAL FIX: Only validate truly required fields (session, address, publicKey, name)
+ * appName and version are optional - extractWalletInfo has fallbacks for them
  */
 export declare function validateConnectionResponse(response: ConnectionResponsePayload): boolean;
 /**

package/dist/core/protocol.js

@@ -269,14 +269,17 @@ function extractWalletInfo(response) {
 }
 /**
  * Validate connection response
+ * CRITICAL FIX: Only validate truly required fields (session, address, publicKey, name)
+ * appName and version are optional - extractWalletInfo has fallbacks for them
  */
 function validateConnectionResponse(response) {
     return !!(response.session &&
         response.address &&
         response.publicKey &&
-        response.name &&
-        response.appName &&
-        response.version);
+        response.name
+    // Note: appName and version are optional - extractWalletInfo handles fallbacks
+    // Some wallets may not send these fields, and that's OK
+    );
 }
 /**
  * Validate transaction response

package/dist/core/wallets.js

@@ -35,9 +35,9 @@ exports.SUPPORTED_WALLETS = [
     {
         name: 'Wallet in Telegram',
         appName: 'Wallet',
-        universalLink: 'https://wallet.tonapi.io/ton-connect',
+        universalLink: 'https://wallet.tg/ton-connect',
         deepLink: 'tg://',
-        iconUrl: 'https://wallet.tonapi.io/icon.png',
+        iconUrl: 'https://wallet.tg/images/logo-288.png',
         platforms: ['ios', 'android'],
         preferredReturnStrategy: 'post_redirect',
         requiresReturnScheme: true, // Telegram Wallet requires explicit returnScheme

package/dist/react/WalletSelectionModal.js

@@ -22,6 +22,7 @@ function WalletSelectionModal({ visible, onClose, wallets: customWallets, style,
     const [wallets, setWallets] = react_1.default.useState([]);
     const [connectingWallet, setConnectingWallet] = react_1.default.useState(null);
     const [walletAvailability, setWalletAvailability] = react_1.default.useState({});
+    const [imageErrors, setImageErrors] = react_1.default.useState({});
     // Load wallets and check availability
     react_1.default.useEffect(() => {
         const loadWallets = async () => {
@@ -95,13 +96,17 @@ function WalletSelectionModal({ visible, onClose, wallets: customWallets, style,
                     react_1.default.createElement(react_native_1.Text, { style: styles.emptyStateSubtext }, "Please install a TON wallet app to continue"))) : (wallets.map((wallet) => {
                     const isConnecting = connectingWallet === wallet.name;
                     const isAvailable = walletAvailability[wallet.name] !== false;
+                    const imageError = imageErrors[wallet.name] || false;
                     return (react_1.default.createElement(react_native_1.TouchableOpacity, { key: wallet.name, style: [
                             styles.walletCard,
                             !isAvailable && styles.walletCardUnavailable,
                             isConnecting && styles.walletCardConnecting,
                         ], onPress: () => isAvailable && !isConnecting && handleSelectWallet(wallet), disabled: !isAvailable || isConnecting },
-                        react_1.default.createElement(react_native_1.View, { style: styles.walletIconContainer }, wallet.iconUrl && react_native_1.Platform.OS !== 'web' ? (react_1.default.createElement(react_native_1.Image, { source: { uri: wallet.iconUrl }, style: styles.walletIcon, onError: () => {
-                                // Fallback to placeholder on error
+                        react_1.default.createElement(react_native_1.View, { style: styles.walletIconContainer }, wallet.iconUrl && !imageError ? (react_1.default.createElement(react_native_1.Image, { source: { uri: wallet.iconUrl }, style: styles.walletIcon, onError: (error) => {
+                                console.log(`[WalletSelectionModal] Failed to load image for ${wallet.name}:`, wallet.iconUrl, error);
+                                setImageErrors((prev) => ({ ...prev, [wallet.name]: true }));
+                            }, onLoad: () => {
+                                console.log(`[WalletSelectionModal] Successfully loaded image for ${wallet.name}:`, wallet.iconUrl);
                             }, resizeMode: "cover" })) : (react_1.default.createElement(react_native_1.View, { style: styles.walletIconPlaceholder },
                             react_1.default.createElement(react_native_1.Text, { style: styles.walletIconText }, wallet.name.charAt(0).toUpperCase())))),
                         react_1.default.createElement(react_native_1.Text, { style: styles.walletName, numberOfLines: 1 }, wallet.name),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blazium/ton-connect-mobile",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "description": "Production-ready TON Connect Mobile SDK for React Native and Expo. Implements the real TonConnect protocol for mobile applications using deep links and callbacks.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/adapters/react-native.ts

@@ -42,7 +42,13 @@ export class ReactNativeAdapter implements PlatformAdapter {
     }
     // Listen for deep links when app is already open
     this.subscription = Linking.addEventListener('url', (event: { url: string }) => {
-      this.urlListeners.forEach((listener) => listener(event.url));
+      this.urlListeners.forEach((listener) => {
+        try {
+          listener(event.url);
+        } catch (error) {
+          console.error('[ReactNativeAdapter] Error in URL listener:', error);
+        }
+      });
     });
   }
 

package/src/core/protocol.ts

@@ -338,6 +338,8 @@ export function extractWalletInfo(
 
 /**
  * Validate connection response
+ * CRITICAL FIX: Only validate truly required fields (session, address, publicKey, name)
+ * appName and version are optional - extractWalletInfo has fallbacks for them
  */
 export function validateConnectionResponse(
   response: ConnectionResponsePayload
@@ -346,9 +348,9 @@ export function validateConnectionResponse(
     response.session &&
     response.address &&
     response.publicKey &&
-    response.name &&
-    response.appName &&
-    response.version
+    response.name
+    // Note: appName and version are optional - extractWalletInfo handles fallbacks
+    // Some wallets may not send these fields, and that's OK
   );
 }
 

package/src/core/wallets.ts

@@ -49,9 +49,9 @@ export const SUPPORTED_WALLETS: WalletDefinition[] = [
   {
     name: 'Wallet in Telegram',
     appName: 'Wallet',
-    universalLink: 'https://wallet.tonapi.io/ton-connect',
+    universalLink: 'https://wallet.tg/ton-connect',
     deepLink: 'tg://',
-    iconUrl: 'https://wallet.tonapi.io/icon.png',
+    iconUrl: 'https://wallet.tg/images/logo-288.png',
     platforms: ['ios', 'android'],
     preferredReturnStrategy: 'post_redirect',
     requiresReturnScheme: true, // Telegram Wallet requires explicit returnScheme

package/src/react/WalletSelectionModal.tsx

@@ -45,6 +45,7 @@ export function WalletSelectionModal({
   const [wallets, setWallets] = React.useState<WalletDefinition[]>([]);
   const [connectingWallet, setConnectingWallet] = React.useState<string | null>(null);
   const [walletAvailability, setWalletAvailability] = React.useState<Record<string, boolean>>({});
+  const [imageErrors, setImageErrors] = React.useState<Record<string, boolean>>({});
 
   // Load wallets and check availability
   React.useEffect(() => {
@@ -147,6 +148,7 @@ export function WalletSelectionModal({
               wallets.map((wallet) => {
                 const isConnecting = connectingWallet === wallet.name;
                 const isAvailable = walletAvailability[wallet.name] !== false;
+                const imageError = imageErrors[wallet.name] || false;
                 return (
                   <TouchableOpacity
                     key={wallet.name}
@@ -159,12 +161,16 @@ export function WalletSelectionModal({
                     disabled={!isAvailable || isConnecting}
                   >
                     <View style={styles.walletIconContainer}>
-                      {wallet.iconUrl && Platform.OS !== 'web' ? (
+                      {wallet.iconUrl && !imageError ? (
                         <Image
                           source={{ uri: wallet.iconUrl }}
                           style={styles.walletIcon}
-                          onError={() => {
-                            // Fallback to placeholder on error
+                          onError={(error) => {
+                            console.log(`[WalletSelectionModal] Failed to load image for ${wallet.name}:`, wallet.iconUrl, error);
+                            setImageErrors((prev) => ({ ...prev, [wallet.name]: true }));
+                          }}
+                          onLoad={() => {
+                            console.log(`[WalletSelectionModal] Successfully loaded image for ${wallet.name}:`, wallet.iconUrl);
                           }}
                           resizeMode="cover"
                         />