@blazium/ton-connect-mobile 1.2.3 → 1.2.4

package/README.md

@@ -144,6 +144,7 @@ Access the TonConnectUI instance with all methods and features.
 ```typescript
 const tonConnectUI = useTonConnectUI();
 
+<<<<<<< HEAD
 // Connection methods:
 await tonConnectUI.connectWallet();
 await tonConnectUI.disconnect();
@@ -240,6 +241,7 @@ new TonConnectMobile(config: TonConnectMobileConfig)
 - `manifestUrl` (required): URL to your TonConnect manifest file
 - `scheme` (required): Your app's deep link scheme
 - `storageKeyPrefix` (optional): Prefix for storage keys (default: `'tonconnect_'`)
+<<<<<<< HEAD
 - `connectionTimeout` (optional): Connection timeout in ms (default: `300000` = 5 minutes)
 - `transactionTimeout` (optional): Transaction timeout in ms (default: `300000` = 5 minutes)
 - `skipCanOpenURLCheck` (optional): Skip canOpenURL check (default: `true` for Android compatibility)
@@ -284,7 +286,6 @@ const signed = await ton.signData('Hello, TON!', '1.0');
 ##### `disconnect(): Promise<void>`
 
 Disconnect from wallet.
-
 ```typescript
 await ton.disconnect();
 ```
@@ -324,6 +325,7 @@ const unsubscribe = ton.onStatusChange((status) => {
 });
 ```
 
+<<<<<<< HEAD
 ##### `getNetwork(): Network`
 
 Get current network (mainnet or testnet).
@@ -443,6 +445,20 @@ ton.removeAllListeners(); // Remove all listeners
 - iOS device or simulator
 - Web browsers (for wallets with web support like Tonkeeper Web)
 
+## Platform Support
+
+- ✅ **Android**: Full support via Expo or React Native CLI
+- ✅ **iOS**: Full support via Expo or React Native CLI  
+- ⚠️ **Web**: Deep links are not supported. The SDK will throw a clear error message if you try to use it in a web browser.
+
+**Why?** The `tonconnect://` protocol is a custom URI scheme that requires a mobile app handler. Web browsers cannot handle these custom protocols.
+
+**Testing**: To test wallet connections, use:
+- Android device or emulator
+- iOS device or simulator
+- Not web browsers
+>>>>>>> af0bd46f78c13fb8e9799027e48d4fa228a49e3c
+
 ## Configuration
 
 ### Expo Setup
@@ -510,13 +526,13 @@ The manifest URL must be accessible via HTTPS.
 
 ## Supported Wallets
 
+<<<<<<< HEAD
 - **Tonkeeper** - Full support (iOS, Android, Web)
 - **MyTonWallet** - Full support (iOS, Android, Web)
 - **Tonhub** - Full support (iOS, Android)
 - **Wallet in Telegram** - Full support (iOS, Android)
 
 **Note**: Wallet icons are automatically loaded from official sources. If an icon fails to load, a placeholder with the wallet's initial is shown.
-
 ## Migration from @tonconnect/ui-react
 
 This SDK is a drop-in replacement for `@tonconnect/ui-react` in React Native/Expo environments.
@@ -597,6 +613,7 @@ MIT
 For issues and questions:
 - GitHub Issues: [https://github.com/blaziumdev/ton-connect-mobile/issues](https://github.com/blaziumdev/ton-connect-mobile/issues)
 
+<<<<<<< HEAD
 ## New Features in v1.2.3
 
 ### 🌐 Network Switching
@@ -845,7 +862,6 @@ 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
@@ -857,6 +873,7 @@ try {
 - ✅ Enhanced logging and debugging
 - ✅ Better TypeScript types
 
+
 ### v1.1.5
 - ✅ Full `@tonconnect/ui-react` compatibility
 - ✅ React integration layer with hooks and components

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.4",
   "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/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"
                         />