@reown/appkit-react-native 2.0.0-alpha.1 → 2.0.0-alpha.3

package/lib/commonjs/views/w3m-connect-view/components/recent-wallet-list.js

@@ -7,24 +7,23 @@ exports.RecentWalletList = RecentWalletList;
 var _valtio = require("valtio");
 var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
 var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _jsxRuntime = require("react/jsx-runtime");
 function RecentWalletList({
   itemStyle,
-  onWalletPress,
-  isWalletConnectEnabled
+  onWalletPress
 }) {
   const installed = _appkitCoreReactNative.ApiController.state.installed;
   const {
     recentWallets
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionController.state);
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.WcController.state);
   const imageHeaders = _appkitCoreReactNative.ApiController._getApiHeaders();
   const RECENT_COUNT = recentWallets?.length && installed.length ? 1 : recentWallets?.length ?? 0;
-  if (!isWalletConnectEnabled || !recentWallets?.length) {
+  if (!recentWallets?.length) {
     return null;
   }
   return recentWallets.slice(0, RECENT_COUNT).map(wallet => {
     const isInstalled = !!installed.find(installedWallet => installedWallet.id === wallet.id);
-    return /*#__PURE__*/React.createElement(_appkitUiReactNative.ListWallet, {
-      key: wallet?.id,
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListWallet, {
       imageSrc: _appkitCoreReactNative.AssetUtil.getWalletImage(wallet),
       imageHeaders: imageHeaders,
       name: wallet?.name ?? 'Unknown',
@@ -33,7 +32,7 @@ function RecentWalletList({
       tagVariant: "shade",
       style: itemStyle,
       installed: isInstalled
-    });
+    }, wallet?.id);
   });
 }
 //# sourceMappingURL=recent-wallet-list.js.map

package/lib/commonjs/views/w3m-connect-view/components/recent-wallet-list.js.map

@@ -1 +1 @@
-{"version":3,"names":["_valtio","require","_appkitCoreReactNative","_appkitUiReactNative","RecentWalletList","itemStyle","onWalletPress","isWalletConnectEnabled","installed","ApiController","state","recentWallets","useSnapshot","ConnectionController","imageHeaders","_getApiHeaders","RECENT_COUNT","length","slice","map","wallet","isInstalled","find","installedWallet","id","React","createElement","ListWallet","key","imageSrc","AssetUtil","getWalletImage","name","onPress","tagLabel","tagVariant","style"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/recent-wallet-list.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAMA,IAAAE,oBAAA,GAAAF,OAAA;AASO,SAASG,gBAAgBA,CAAC;EAAEC,SAAS;EAAEC,aAAa;EAAEC;AAA8B,CAAC,EAAE;EAC5F,MAAMC,SAAS,GAAGC,oCAAa,CAACC,KAAK,CAACF,SAAS;EAC/C,MAAM;IAAEG;EAAc,CAAC,GAAG,IAAAC,mBAAW,EAACC,2CAAoB,CAACH,KAAK,CAAC;EACjE,MAAMI,YAAY,GAAGL,oCAAa,CAACM,cAAc,CAAC,CAAC;EACnD,MAAMC,YAAY,GAAGL,aAAa,EAAEM,MAAM,IAAIT,SAAS,CAACS,MAAM,GAAG,CAAC,GAAGN,aAAa,EAAEM,MAAM,IAAI,CAAC;EAE/F,IAAI,CAACV,sBAAsB,IAAI,CAACI,aAAa,EAAEM,MAAM,EAAE;IACrD,OAAO,IAAI;EACb;EAEA,OAAON,aAAa,CAACO,KAAK,CAAC,CAAC,EAAEF,YAAY,CAAC,CAACG,GAAG,CAACC,MAAM,IAAI;IACxD,MAAMC,WAAW,GAAG,CAAC,CAACb,SAAS,CAACc,IAAI,CAACC,eAAe,IAAIA,eAAe,CAACC,EAAE,KAAKJ,MAAM,CAACI,EAAE,CAAC;IAEzF,oBACEC,KAAA,CAAAC,aAAA,CAACvB,oBAAA,CAAAwB,UAAU;MACTC,GAAG,EAAER,MAAM,EAAEI,EAAG;MAChBK,QAAQ,EAAEC,gCAAS,CAACC,cAAc,CAACX,MAAM,CAAE;MAC3CN,YAAY,EAAEA,YAAa;MAC3BkB,IAAI,EAAEZ,MAAM,EAAEY,IAAI,IAAI,SAAU;MAChCC,OAAO,EAAEA,CAAA,KAAM3B,aAAa,CAACc,MAAM,EAAEC,WAAW,CAAE;MAClDa,QAAQ,EAAC,QAAQ;MACjBC,UAAU,EAAC,OAAO;MAClBC,KAAK,EAAE/B,SAAU;MACjBG,SAAS,EAAEa;IAAY,CACxB,CAAC;EAEN,CAAC,CAAC;AACJ"}
+{"version":3,"names":["_valtio","require","_appkitCoreReactNative","_appkitUiReactNative","_jsxRuntime","RecentWalletList","itemStyle","onWalletPress","installed","ApiController","state","recentWallets","useSnapshot","WcController","imageHeaders","_getApiHeaders","RECENT_COUNT","length","slice","map","wallet","isInstalled","find","installedWallet","id","jsx","ListWallet","imageSrc","AssetUtil","getWalletImage","name","onPress","tagLabel","tagVariant","style"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/recent-wallet-list.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEA,IAAAE,oBAAA,GAAAF,OAAA;AAA2D,IAAAG,WAAA,GAAAH,OAAA;AAQpD,SAASI,gBAAgBA,CAAC;EAAEC,SAAS;EAAEC;AAAqB,CAAC,EAAE;EACpE,MAAMC,SAAS,GAAGC,oCAAa,CAACC,KAAK,CAACF,SAAS;EAC/C,MAAM;IAAEG;EAAc,CAAC,GAAG,IAAAC,mBAAW,EAACC,mCAAY,CAACH,KAAK,CAAC;EACzD,MAAMI,YAAY,GAAGL,oCAAa,CAACM,cAAc,CAAC,CAAC;EACnD,MAAMC,YAAY,GAAGL,aAAa,EAAEM,MAAM,IAAIT,SAAS,CAACS,MAAM,GAAG,CAAC,GAAGN,aAAa,EAAEM,MAAM,IAAI,CAAC;EAE/F,IAAI,CAACN,aAAa,EAAEM,MAAM,EAAE;IAC1B,OAAO,IAAI;EACb;EAEA,OAAON,aAAa,CAACO,KAAK,CAAC,CAAC,EAAEF,YAAY,CAAC,CAACG,GAAG,CAACC,MAAM,IAAI;IACxD,MAAMC,WAAW,GAAG,CAAC,CAACb,SAAS,CAACc,IAAI,CAACC,eAAe,IAAIA,eAAe,CAACC,EAAE,KAAKJ,MAAM,CAACI,EAAE,CAAC;IAEzF,oBACE,IAAApB,WAAA,CAAAqB,GAAA,EAACtB,oBAAA,CAAAuB,UAAU;MAETC,QAAQ,EAAEC,gCAAS,CAACC,cAAc,CAACT,MAAM,CAAE;MAC3CN,YAAY,EAAEA,YAAa;MAC3BgB,IAAI,EAAEV,MAAM,EAAEU,IAAI,IAAI,SAAU;MAChCC,OAAO,EAAEA,CAAA,KAAMxB,aAAa,CAACa,MAAM,EAAEC,WAAW,CAAE;MAClDW,QAAQ,EAAC,QAAQ;MACjBC,UAAU,EAAC,OAAO;MAClBC,KAAK,EAAE5B,SAAU;MACjBE,SAAS,EAAEa;IAAY,GARlBD,MAAM,EAAEI,EASd,CAAC;EAEN,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/commonjs/views/w3m-connect-view/components/social-login-list.js

@@ -8,6 +8,7 @@ var _reactNative = require("react-native");
 var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
 var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
 var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _jsxRuntime = require("react/jsx-runtime");
 const MAX_OPTIONS = 6;
 function SocialLoginList({
   options,
@@ -19,49 +20,55 @@ function SocialLoginList({
   let bottomSocials = showBigSocial ? options.slice(1) : options;
   bottomSocials = showMoreButton ? bottomSocials.slice(0, MAX_OPTIONS - 2) : bottomSocials;
   const onItemPress = provider => {
-    _appkitCoreReactNative.ConnectionController.setSelectedSocialProvider(provider);
-    _appkitCoreReactNative.EventsController.sendEvent({
-      type: 'track',
-      event: 'SOCIAL_LOGIN_STARTED',
-      properties: {
-        provider
-      }
-    });
-    _appkitCoreReactNative.WebviewController.setConnecting(false);
-    if (provider === 'farcaster') {
-      _appkitCoreReactNative.RouterController.push('ConnectingFarcaster');
+    if (provider === 'email') {
+      _appkitCoreReactNative.EventsController.sendEvent({
+        type: 'track',
+        event: 'EMAIL_LOGIN_SELECTED'
+      });
     } else {
-      _appkitCoreReactNative.RouterController.push('ConnectingSocial');
+      _appkitCoreReactNative.EventsController.sendEvent({
+        type: 'track',
+        event: 'SOCIAL_LOGIN_STARTED',
+        properties: {
+          provider
+        }
+      });
     }
+    _appkitCoreReactNative.RouterController.push('ConnectingSocial', {
+      socialProvider: provider
+    });
   };
   const onMorePress = () => {
     _appkitCoreReactNative.RouterController.push('ConnectSocials');
   };
-  return /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    padding: ['xs', 's', '0', 's']
-  }, topSocial && /*#__PURE__*/React.createElement(_appkitUiReactNative.ListSocial, {
-    logo: topSocial,
-    disabled: disabled,
-    onPress: () => onItemPress(topSocial)
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    style: styles.topDescription,
-    color: disabled ? 'fg-300' : 'fg-100'
-  }, `Continue with ${_appkitCommonReactNative.StringUtil.capitalize(topSocial)}`)), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    margin: ['xs', '0', '0', '0']
-  }, bottomSocials?.map((social, index) => /*#__PURE__*/React.createElement(_appkitUiReactNative.LogoSelect, {
-    key: social,
-    disabled: disabled,
-    logo: social,
-    onPress: () => onItemPress(social),
-    style: [styles.socialItem, index === 0 && styles.socialItemFirst, !showMoreButton && index === bottomSocials.length - 1 && styles.socialItemLast]
-  })), showMoreButton && /*#__PURE__*/React.createElement(_appkitUiReactNative.LogoSelect, {
-    logo: "more",
-    disabled: disabled,
-    style: [styles.socialItem, styles.socialItemLast],
-    onPress: onMorePress
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+    padding: ['xs', 's', '0', 's'],
+    children: [topSocial ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListSocial, {
+      logo: topSocial,
+      disabled: disabled,
+      onPress: () => onItemPress(topSocial),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        style: styles.topDescription,
+        color: disabled ? 'fg-300' : 'fg-100',
+        children: `Continue with ${_appkitCommonReactNative.StringUtil.capitalize(topSocial)}`
+      })
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      margin: ['xs', '0', '0', '0'],
+      children: [bottomSocials?.map((social, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.LogoSelect, {
+        disabled: disabled,
+        logo: social,
+        onPress: () => onItemPress(social),
+        style: [styles.socialItem, index === 0 && styles.socialItemFirst, !showMoreButton && index === bottomSocials.length - 1 && styles.socialItemLast]
+      }, social)), showMoreButton ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.LogoSelect, {
+        logo: "more",
+        disabled: disabled,
+        style: [styles.socialItem, styles.socialItemLast],
+        onPress: onMorePress
+      }) : null]
+    })]
+  });
 }
 const styles = _reactNative.StyleSheet.create({
   topDescription: {

package/lib/commonjs/views/w3m-connect-view/components/social-login-list.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_appkitCommonReactNative","_appkitCoreReactNative","MAX_OPTIONS","SocialLoginList","options","disabled","showBigSocial","length","showMoreButton","topSocial","bottomSocials","slice","onItemPress","provider","ConnectionController","setSelectedSocialProvider","EventsController","sendEvent","type","event","properties","WebviewController","setConnecting","RouterController","push","onMorePress","React","createElement","FlexView","padding","ListSocial","logo","onPress","Text","style","styles","topDescription","color","StringUtil","capitalize","flexDirection","justifyContent","margin","map","social","index","LogoSelect","key","socialItem","socialItemFirst","socialItemLast","StyleSheet","create","textAlign","flex","marginHorizontal","Spacing","marginLeft","marginRight"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/social-login-list.tsx"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_appkitCommonReactNative","_appkitCoreReactNative","_jsxRuntime","MAX_OPTIONS","SocialLoginList","options","disabled","showBigSocial","length","showMoreButton","topSocial","bottomSocials","slice","onItemPress","provider","EventsController","sendEvent","type","event","properties","RouterController","push","socialProvider","onMorePress","jsxs","FlexView","padding","children","jsx","ListSocial","logo","onPress","Text","style","styles","topDescription","color","StringUtil","capitalize","flexDirection","justifyContent","margin","map","social","index","LogoSelect","socialItem","socialItemFirst","socialItemLast","StyleSheet","create","textAlign","flex","marginHorizontal","Spacing","marginLeft","marginRight"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/social-login-list.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/views/w3m-connect-view/index.js

@@ -7,25 +7,19 @@ exports.ConnectView = ConnectView;
 var _valtio = require("valtio");
 var _reactNative = require("react-native");
 var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
 var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
 var _useCustomDimensions = require("../../hooks/useCustomDimensions");
-var _connectEmailInput = require("./components/connect-email-input");
-var _useKeyboard = require("../../hooks/useKeyboard");
 var _w3mPlaceholder = require("../../partials/w3m-placeholder");
-var _connectorsList = require("./components/connectors-list");
 var _customWalletList = require("./components/custom-wallet-list");
 var _allWalletsButton = require("./components/all-wallets-button");
 var _allWalletList = require("./components/all-wallet-list");
 var _recentWalletList = require("./components/recent-wallet-list");
 var _socialLoginList = require("./components/social-login-list");
-var _walletGuide = require("./components/wallet-guide");
 var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ConnectView() {
-  const connectors = _appkitCoreReactNative.ConnectorController.state.connectors;
-  const {
-    authLoading
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectorController.state);
   const {
     prefetchError
   } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ApiController.state);
@@ -35,31 +29,14 @@ function ConnectView() {
   const {
     padding
   } = (0, _useCustomDimensions.useCustomDimensions)();
-  const {
-    keyboardShown,
-    keyboardHeight
-  } = (0, _useKeyboard.useKeyboard)();
-
-  //TODO: check this
-  // const isWalletConnectEnabled = connectors.some(c => c.type === 'WALLET_CONNECT');
-  const isWalletConnectEnabled = true;
-  const isAuthEnabled = connectors.some(c => c.type === 'AUTH');
-  const isCoinbaseEnabled = connectors.some(c => c.type === 'COINBASE');
-  const isEmailEnabled = isAuthEnabled && features?.email;
-  const isSocialEnabled = isAuthEnabled && features?.socials && features?.socials.length > 0;
-  const showConnectWalletsButton = isWalletConnectEnabled && isAuthEnabled && !features?.emailShowWallets;
-  const showSeparator = isAuthEnabled && (isEmailEnabled || isSocialEnabled) && (isWalletConnectEnabled || isCoinbaseEnabled);
+  const isSocialEnabled = features?.socials && features?.socials.length > 0;
+  const showConnectWalletsButton = isSocialEnabled && !features?.showWallets;
   const showLoadingError = !showConnectWalletsButton && prefetchError;
   const showList = !showConnectWalletsButton && !showLoadingError;
-  const paddingBottom = _reactNative.Platform.select({
-    android: keyboardShown ? keyboardHeight + _appkitUiReactNative.Spacing['2xl'] : _appkitUiReactNative.Spacing['2xl'],
-    default: _appkitUiReactNative.Spacing['2xl']
-  });
   const onWalletPress = (wallet, isInstalled) => {
-    const connector = connectors.find(c => c.explorerId === wallet.id);
-    if (connector) {
+    const isExternal = wallet.id === _appkitCommonReactNative.ConstantsUtil.PHANTOM_CUSTOM_WALLET.id || wallet.id === _appkitCommonReactNative.ConstantsUtil.COINBASE_CUSTOM_WALLET.id;
+    if (isExternal) {
       _appkitCoreReactNative.RouterController.push('ConnectingExternal', {
-        connector,
         wallet
       });
     } else {
@@ -72,7 +49,7 @@ function ConnectView() {
       type: 'track',
       event: 'SELECT_WALLET',
       properties: {
-        name: wallet.name ?? connector?.name ?? 'Unknown',
+        name: wallet.name ?? 'Unknown',
         platform,
         explorer_id: wallet.id
       }
@@ -85,71 +62,66 @@ function ConnectView() {
       event: 'CLICK_ALL_WALLETS'
     });
   };
-  return /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
     style: {
       paddingHorizontal: padding
     },
-    bounces: false
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    padding: ['xs', '0', '0', '0'],
-    style: {
-      paddingBottom
-    }
-  }, isEmailEnabled && /*#__PURE__*/React.createElement(_connectEmailInput.ConnectEmailInput, {
-    loading: authLoading
-  }), isSocialEnabled && /*#__PURE__*/React.createElement(_socialLoginList.SocialLoginList, {
-    options: features?.socials,
-    disabled: authLoading
-  }), showSeparator && /*#__PURE__*/React.createElement(_appkitUiReactNative.Separator, {
-    text: "or",
-    style: _styles.default.socialSeparator
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    padding: ['0', 's', '0', 's']
-  }, showConnectWalletsButton && /*#__PURE__*/React.createElement(_appkitUiReactNative.ListItem, {
-    contentStyle: _styles.default.connectWalletButton,
-    onPress: onViewAllPress
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Icon, {
-    name: "wallet",
-    size: "lg"
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "paragraph-500"
-  }, "Continue with a wallet"), /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: _styles.default.connectWalletEmpty
-  })), showLoadingError && /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    alignItems: "center",
-    justifyContent: "center",
-    margin: ['l', '0', '0', '0']
-  }, /*#__PURE__*/React.createElement(_w3mPlaceholder.Placeholder, {
-    icon: "warningCircle",
-    iconColor: "error-100",
-    title: "Oops, we couldn\u2019t load the wallets at the moment",
-    description: `This might be due to a temporary network issue.\nPlease try reloading to see if that helps.`,
-    actionIcon: "refresh",
-    actionPress: _appkitCoreReactNative.ApiController.prefetch,
-    actionTitle: "Retry"
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.Separator, {
-    style: _styles.default.socialSeparator
-  })), showList && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_recentWalletList.RecentWalletList, {
-    itemStyle: _styles.default.item,
-    onWalletPress: onWalletPress,
-    isWalletConnectEnabled: isWalletConnectEnabled
-  }), /*#__PURE__*/React.createElement(_allWalletList.AllWalletList, {
-    itemStyle: _styles.default.item,
-    onWalletPress: onWalletPress,
-    isWalletConnectEnabled: isWalletConnectEnabled
-  }), /*#__PURE__*/React.createElement(_customWalletList.CustomWalletList, {
-    itemStyle: _styles.default.item,
-    onWalletPress: onWalletPress,
-    isWalletConnectEnabled: isWalletConnectEnabled
-  }), /*#__PURE__*/React.createElement(_connectorsList.ConnectorList, {
-    itemStyle: _styles.default.item,
-    isWalletConnectEnabled: isWalletConnectEnabled
-  }), /*#__PURE__*/React.createElement(_allWalletsButton.AllWalletsButton, {
-    itemStyle: _styles.default.item,
-    onPress: onViewAllPress,
-    isWalletConnectEnabled: isWalletConnectEnabled
-  })), isAuthEnabled && /*#__PURE__*/React.createElement(_walletGuide.WalletGuide, {
-    guide: "get-started"
-  }))));
+    bounces: false,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      padding: ['xs', '0', '2xl', '0'],
+      children: [isSocialEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_socialLoginList.SocialLoginList, {
+          options: features?.socials
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Separator, {
+          text: "or",
+          style: _styles.default.socialSeparator
+        })]
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        padding: ['0', 's', 'xs', 's'],
+        children: [showConnectWalletsButton ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.ListItem, {
+          contentStyle: _styles.default.connectWalletButton,
+          onPress: onViewAllPress,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Icon, {
+            name: "wallet",
+            size: "lg"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "paragraph-500",
+            children: "Continue with a wallet"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: _styles.default.connectWalletEmpty
+          })]
+        }) : null, showLoadingError ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          alignItems: "center",
+          justifyContent: "center",
+          margin: ['l', '0', '0', '0'],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mPlaceholder.Placeholder, {
+            icon: "warningCircle",
+            iconColor: "error-100",
+            title: "Oops, we couldn\u2019t load the wallets at the moment",
+            description: `This might be due to a temporary network issue.\nPlease try reloading to see if that helps.`,
+            actionIcon: "refresh",
+            actionPress: _appkitCoreReactNative.ApiController.prefetch,
+            actionTitle: "Retry"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Separator, {
+            style: _styles.default.socialSeparator
+          })]
+        }) : null, showList ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_recentWalletList.RecentWalletList, {
+            itemStyle: _styles.default.item,
+            onWalletPress: onWalletPress
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_allWalletList.AllWalletList, {
+            itemStyle: _styles.default.item,
+            onWalletPress: onWalletPress
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_customWalletList.CustomWalletList, {
+            itemStyle: _styles.default.item,
+            onWalletPress: onWalletPress
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_allWalletsButton.AllWalletsButton, {
+            itemStyle: _styles.default.item,
+            onPress: onViewAllPress
+          })]
+        }) : null]
+      })]
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/lib/commonjs/views/w3m-connect-view/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_valtio","require","_reactNative","_appkitCoreReactNative","_appkitUiReactNative","_useCustomDimensions","_connectEmailInput","_useKeyboard","_w3mPlaceholder","_connectorsList","_customWalletList","_allWalletsButton","_allWalletList","_recentWalletList","_socialLoginList","_walletGuide","_styles","_interopRequireDefault","e","__esModule","default","ConnectView","connectors","ConnectorController","state","authLoading","useSnapshot","prefetchError","ApiController","features","OptionsController","padding","useCustomDimensions","keyboardShown","keyboardHeight","useKeyboard","isWalletConnectEnabled","isAuthEnabled","some","c","type","isCoinbaseEnabled","isEmailEnabled","email","isSocialEnabled","socials","length","showConnectWalletsButton","emailShowWallets","showSeparator","showLoadingError","showList","paddingBottom","Platform","select","android","Spacing","onWalletPress","wallet","isInstalled","connector","find","explorerId","id","RouterController","push","platform","EventUtil","getWalletPlatform","EventsController","sendEvent","event","properties","name","explorer_id","onViewAllPress","React","createElement","ScrollView","style","paddingHorizontal","bounces","FlexView","ConnectEmailInput","loading","SocialLoginList","options","disabled","Separator","text","styles","socialSeparator","ListItem","contentStyle","connectWalletButton","onPress","Icon","size","Text","variant","View","connectWalletEmpty","alignItems","justifyContent","margin","Placeholder","icon","iconColor","title","description","actionIcon","actionPress","prefetch","actionTitle","Fragment","RecentWalletList","itemStyle","item","AllWalletList","CustomWalletList","ConnectorList","AllWalletsButton","WalletGuide","guide"],"sourceRoot":"../../../../src","sources":["views/w3m-connect-view/index.tsx"],"mappings":"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"}
+{"version":3,"names":["_valtio","require","_reactNative","_appkitCoreReactNative","_appkitCommonReactNative","_appkitUiReactNative","_useCustomDimensions","_w3mPlaceholder","_customWalletList","_allWalletsButton","_allWalletList","_recentWalletList","_socialLoginList","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","ConnectView","prefetchError","useSnapshot","ApiController","state","features","OptionsController","padding","useCustomDimensions","isSocialEnabled","socials","length","showConnectWalletsButton","showWallets","showLoadingError","showList","onWalletPress","wallet","isInstalled","isExternal","id","ConstantsUtil","PHANTOM_CUSTOM_WALLET","COINBASE_CUSTOM_WALLET","RouterController","push","platform","EventUtil","getWalletPlatform","EventsController","sendEvent","type","event","properties","name","explorer_id","onViewAllPress","jsx","ScrollView","style","paddingHorizontal","bounces","children","jsxs","FlexView","Fragment","SocialLoginList","options","Separator","text","styles","socialSeparator","ListItem","contentStyle","connectWalletButton","onPress","Icon","size","Text","variant","View","connectWalletEmpty","alignItems","justifyContent","margin","Placeholder","icon","iconColor","title","description","actionIcon","actionPress","prefetch","actionTitle","RecentWalletList","itemStyle","item","AllWalletList","CustomWalletList","AllWalletsButton"],"sourceRoot":"../../../../src","sources":["views/w3m-connect-view/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/views/w3m-connect-view/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","item","marginVertical","Spacing","socialSeparator","xs","connectWalletButton","justifyContent","connectWalletEmpty","height","width"],"sourceRoot":"../../../../src","sources":["views/w3m-connect-view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAwD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEzCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,IAAI,EAAE;IACJC,cAAc,EAAEC,4BAAO,CAAC,KAAK;EAC/B,CAAC;EACDC,eAAe,EAAE;IACfF,cAAc,EAAEC,4BAAO,CAACE;EAC1B,CAAC;EACDC,mBAAmB,EAAE;IACnBC,cAAc,EAAE;EAClB,CAAC;EACDC,kBAAkB,EAAE;IAClBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}
+{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","item","marginVertical","Spacing","socialSeparator","xs","connectWalletButton","justifyContent","connectWalletEmpty","height","width"],"sourceRoot":"../../../../src","sources":["views/w3m-connect-view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAwD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEzCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,IAAI,EAAE;IACJC,cAAc,EAAEC,4BAAO,CAAC,KAAK;EAC/B,CAAC;EACDC,eAAe,EAAE;IACfF,cAAc,EAAEC,4BAAO,CAACE;EAC1B,CAAC;EACDC,mBAAmB,EAAE;IACnBC,cAAc,EAAE;EAClB,CAAC;EACDC,kBAAkB,EAAE;IAClBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/views/w3m-connect-view/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["filterOutRecentWallets","recentWallets","wallets","resentCount","recentIds","slice","map","wallet","id","length","filtered","filter","includes","exports"],"sourceRoot":"../../../../src","sources":["views/w3m-connect-view/utils.ts"],"mappings":";;;;;;AAEO,MAAMA,sBAAsB,GAAGA,CACpCC,aAA0B,EAC1BC,OAAoB,EACpBC,WAAoB,KACjB;EACH,MAAMC,SAAS,GAAGH,aAAa,EAAEI,KAAK,CAAC,CAAC,EAAEF,WAAW,IAAI,CAAC,CAAC,CAACG,GAAG,CAACC,MAAM,IAAIA,MAAM,CAACC,EAAE,CAAC;EACpF,IAAI,CAACJ,SAAS,EAAEK,MAAM,EAAE,OAAOP,OAAO,IAAI,EAAE;EAE5C,MAAMQ,QAAQ,GAAGR,OAAO,EAAES,MAAM,CAACJ,MAAM,IAAI,CAACH,SAAS,CAACQ,QAAQ,CAACL,MAAM,CAACC,EAAE,CAAC,CAAC,IAAI,EAAE;EAEhF,OAAOE,QAAQ;AACjB,CAAC;AAACG,OAAA,CAAAb,sBAAA,GAAAA,sBAAA"}
+{"version":3,"names":["filterOutRecentWallets","recentWallets","wallets","resentCount","recentIds","slice","map","wallet","id","length","filtered","filter","includes","exports"],"sourceRoot":"../../../../src","sources":["views/w3m-connect-view/utils.ts"],"mappings":";;;;;;AAEO,MAAMA,sBAAsB,GAAGA,CACpCC,aAA0B,EAC1BC,OAAoB,EACpBC,WAAoB,KACjB;EACH,MAAMC,SAAS,GAAGH,aAAa,EAAEI,KAAK,CAAC,CAAC,EAAEF,WAAW,IAAI,CAAC,CAAC,CAACG,GAAG,CAACC,MAAM,IAAIA,MAAM,CAACC,EAAE,CAAC;EACpF,IAAI,CAACJ,SAAS,EAAEK,MAAM,EAAE,OAAOP,OAAO,IAAI,EAAE;EAE5C,MAAMQ,QAAQ,GAAGR,OAAO,EAAES,MAAM,CAACJ,MAAM,IAAI,CAACH,SAAS,CAACQ,QAAQ,CAACL,MAAM,CAACC,EAAE,CAAC,CAAC,IAAI,EAAE;EAEhF,OAAOE,QAAQ;AACjB,CAAC;AAACG,OAAA,CAAAb,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/lib/commonjs/views/w3m-connecting-external-view/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ConnectingExternalView = ConnectingExternalView;
+var _valtio = require("valtio");
 var _react = require("react");
 var _reactNative = require("react-native");
 var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
@@ -11,12 +12,17 @@ var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
 var _useCustomDimensions = require("../../hooks/useCustomDimensions");
 var _w3mConnectingBody = require("../../partials/w3m-connecting-body");
 var _styles = _interopRequireDefault(require("./styles"));
+var _AppKitContext = require("../../AppKitContext");
+var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ConnectingExternalView() {
   const {
     data
-  } = _appkitCoreReactNative.RouterController.state;
-  const connector = data?.connector;
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.RouterController.state);
+  const {
+    connect
+  } = (0, _AppKitContext.useInternalAppKit)();
   const {
     maxWidth: width
   } = (0, _useCustomDimensions.useCustomDimensions)();
@@ -29,31 +35,27 @@ function ConnectingExternalView() {
     setErrorType(undefined);
     onConnect();
   };
-  const storeConnectedWallet = (0, _react.useCallback)(async wallet => {
-    if (wallet) {
-      const recentWallets = await _appkitCoreReactNative.StorageUtil.addRecentWallet(wallet);
-      if (recentWallets) {
-        _appkitCoreReactNative.ConnectionController.setRecentWallets(recentWallets);
-      }
-    }
-    if (connector) {
-      const url = _appkitCoreReactNative.AssetUtil.getConnectorImage(connector);
-      _appkitCoreReactNative.ConnectionController.setConnectedWalletImageUrl(url);
-    }
-  }, [connector]);
   const onConnect = (0, _react.useCallback)(async () => {
     try {
-      if (connector) {
-        await _appkitCoreReactNative.ConnectionController.connectExternal(connector);
-        storeConnectedWallet(data?.wallet);
-        _appkitCoreReactNative.ModalController.close();
+      const wallet = _appkitCoreReactNative.RouterController.state.data?.wallet;
+      if (wallet) {
+        if (wallet.id === _appkitCommonReactNative.ConstantsUtil.PHANTOM_CUSTOM_WALLET.id) {
+          await connect('phantom');
+        } else if (wallet.id === _appkitCommonReactNative.ConstantsUtil.COINBASE_CUSTOM_WALLET.id) {
+          await connect('coinbase');
+        } else {
+          // All other wallets are handled by WalletConnect connector
+          return;
+        }
+        _appkitCoreReactNative.WcController.addRecentWallet(wallet);
+        _appkitCoreReactNative.WcController.setPressedWallet(wallet);
         _appkitCoreReactNative.EventsController.sendEvent({
           type: 'track',
           event: 'CONNECT_SUCCESS',
           properties: {
-            name: data.wallet?.name ?? 'Unknown',
+            name: wallet?.name ?? 'Unknown',
             method: 'mobile',
-            explorer_id: data.wallet?.id
+            explorer_id: wallet?.id
           }
         });
       }
@@ -73,45 +75,49 @@ function ConnectingExternalView() {
         }
       });
     }
-  }, [connector, storeConnectedWallet, data?.wallet]);
+  }, [connect]);
   (0, _react.useEffect)(() => {
     onConnect();
   }, [onConnect]);
-  return /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
     bounces: false,
     fadingEdgeLength: 20,
-    contentContainerStyle: _styles.default.container
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    alignItems: "center",
-    alignSelf: "center",
-    padding: ['2xl', 'l', '0', 'l'],
-    style: {
-      width
-    }
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.LoadingThumbnail, {
-    paused: !!errorType
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.WalletImage, {
-    size: "xl",
-    imageSrc: _appkitCoreReactNative.AssetUtil.getConnectorImage(connector),
-    imageHeaders: _appkitCoreReactNative.ApiController._getApiHeaders()
-  }), errorType && /*#__PURE__*/React.createElement(_appkitUiReactNative.IconBox, {
-    icon: 'close',
-    border: true,
-    background: true,
-    backgroundColor: "icon-box-bg-error-100",
-    size: "sm",
-    iconColor: "error-100",
-    style: _styles.default.errorIcon
-  })), /*#__PURE__*/React.createElement(_w3mConnectingBody.ConnectingBody, {
-    title: bodyMessage.title,
-    description: bodyMessage.description
-  }), errorType !== 'not_installed' && /*#__PURE__*/React.createElement(_appkitUiReactNative.Button, {
-    size: "sm",
-    variant: "accent",
-    iconLeft: "refresh",
-    style: _styles.default.retryButton,
-    iconStyle: _styles.default.retryIcon,
-    onPress: onRetryPress
-  }, "Try again")));
+    contentContainerStyle: _styles.default.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      alignItems: "center",
+      alignSelf: "center",
+      padding: ['2xl', 'l', '0', 'l'],
+      style: {
+        width
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.LoadingThumbnail, {
+        paused: !!errorType,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.WalletImage, {
+          size: "xl",
+          imageSrc: _appkitCoreReactNative.AssetUtil.getWalletImage(data?.wallet),
+          imageHeaders: _appkitCoreReactNative.ApiController._getApiHeaders()
+        }), errorType ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconBox, {
+          icon: 'close',
+          border: true,
+          background: true,
+          backgroundColor: "icon-box-bg-error-100",
+          size: "sm",
+          iconColor: "error-100",
+          style: _styles.default.errorIcon
+        }) : null]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mConnectingBody.ConnectingBody, {
+        title: bodyMessage.title,
+        description: bodyMessage.description
+      }), errorType !== 'not_installed' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+        size: "sm",
+        variant: "accent",
+        iconLeft: "refresh",
+        style: _styles.default.retryButton,
+        iconStyle: _styles.default.retryIcon,
+        onPress: onRetryPress,
+        children: "Try again"
+      })]
+    })
+  });
 }
 //# sourceMappingURL=index.js.map