@reown/appkit-react-native 0.0.0-feat-multichain-20250725183909 → 0.0.0-feat-multichain-20250731180941

package/lib/commonjs/utils/RouterUtil.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RouterUtil = void 0;
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+const RouterUtil = exports.RouterUtil = {
+  checkBack() {
+    this.checkSwapBack();
+    this.checkSendBack();
+    this.checkOnRampBack();
+    this.checkSocialLoginBack();
+    this.checkOnRampBackLoading();
+  },
+  checkOnRampBackLoading() {
+    if (_appkitCoreReactNative.RouterController.state.view === 'OnRampLoading' && _appkitCoreReactNative.EventsController.state.data.event === 'BUY_SUBMITTED') {
+      // Send event only if the onramp url was already created
+      _appkitCoreReactNative.EventsController.sendEvent({
+        type: 'track',
+        event: 'BUY_CANCEL'
+      });
+    }
+  },
+  checkSocialLoginBack() {
+    if (_appkitCoreReactNative.RouterController.state.view === 'ConnectingSocial') {
+      _appkitCoreReactNative.EventsController.sendEvent({
+        type: 'track',
+        event: 'SOCIAL_LOGIN_CANCELED',
+        properties: {
+          provider: _appkitCoreReactNative.RouterController.state.data?.socialProvider
+        }
+      });
+    }
+  },
+  checkSwapBack() {
+    if (_appkitCoreReactNative.RouterController.state.view === 'Swap') {
+      _appkitCoreReactNative.SwapController.clearTokens();
+    }
+  },
+  checkSendBack() {
+    if (_appkitCoreReactNative.RouterController.state.view === 'WalletSend') {
+      _appkitCoreReactNative.SendController.resetState();
+    }
+  },
+  checkOnRampBack() {
+    if (_appkitCoreReactNative.RouterController.state.view === 'OnRamp') {
+      _appkitCoreReactNative.OnRampController.resetState();
+    }
+  }
+};
+//# sourceMappingURL=RouterUtil.js.map

package/lib/commonjs/utils/RouterUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_appkitCoreReactNative","require","RouterUtil","exports","checkBack","checkSwapBack","checkSendBack","checkOnRampBack","checkSocialLoginBack","checkOnRampBackLoading","RouterController","state","view","EventsController","data","event","sendEvent","type","properties","provider","socialProvider","SwapController","clearTokens","SendController","resetState","OnRampController"],"sourceRoot":"../../../src","sources":["utils/RouterUtil.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAQO,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxBE,SAASA,CAAA,EAAG;IACV,IAAI,CAACC,aAAa,CAAC,CAAC;IACpB,IAAI,CAACC,aAAa,CAAC,CAAC;IACpB,IAAI,CAACC,eAAe,CAAC,CAAC;IACtB,IAAI,CAACC,oBAAoB,CAAC,CAAC;IAC3B,IAAI,CAACC,sBAAsB,CAAC,CAAC;EAC/B,CAAC;EACDA,sBAAsBA,CAAA,EAAG;IACvB,IACEC,uCAAgB,CAACC,KAAK,CAACC,IAAI,KAAK,eAAe,IAC/CC,uCAAgB,CAACF,KAAK,CAACG,IAAI,CAACC,KAAK,KAAK,eAAe,EACrD;MACA;MACAF,uCAAgB,CAACG,SAAS,CAAC;QAAEC,IAAI,EAAE,OAAO;QAAEF,KAAK,EAAE;MAAa,CAAC,CAAC;IACpE;EACF,CAAC;EACDP,oBAAoBA,CAAA,EAAG;IACrB,IAAIE,uCAAgB,CAACC,KAAK,CAACC,IAAI,KAAK,kBAAkB,EAAE;MACtDC,uCAAgB,CAACG,SAAS,CAAC;QACzBC,IAAI,EAAE,OAAO;QACbF,KAAK,EAAE,uBAAuB;QAC9BG,UAAU,EAAE;UAAEC,QAAQ,EAAET,uCAAgB,CAACC,KAAK,CAACG,IAAI,EAAEM;QAAgB;MACvE,CAAC,CAAC;IACJ;EACF,CAAC;EACDf,aAAaA,CAAA,EAAG;IACd,IAAIK,uCAAgB,CAACC,KAAK,CAACC,IAAI,KAAK,MAAM,EAAE;MAC1CS,qCAAc,CAACC,WAAW,CAAC,CAAC;IAC9B;EACF,CAAC;EACDhB,aAAaA,CAAA,EAAG;IACd,IAAII,uCAAgB,CAACC,KAAK,CAACC,IAAI,KAAK,YAAY,EAAE;MAChDW,qCAAc,CAACC,UAAU,CAAC,CAAC;IAC7B;EACF,CAAC;EACDjB,eAAeA,CAAA,EAAG;IAChB,IAAIG,uCAAgB,CAACC,KAAK,CAACC,IAAI,KAAK,QAAQ,EAAE;MAC5Ca,uCAAgB,CAACD,UAAU,CAAC,CAAC;IAC/B;EACF;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/utils/UiUtil.js

@@ -5,15 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.UiUtil = void 0;
 var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+// Global animation instance to coordinate transitions
+let currentRouteTransition = null;
 const UiUtil = exports.UiUtil = {
   TOTAL_VISIBLE_WALLETS: 4,
-  createViewTransition: () => {
-    //TODO: replace this with reanimated
-    // LayoutAnimation.configureNext(LayoutAnimation.create(200, 'easeInEaseOut', 'opacity'));
+  setRouteTransition: transitionFn => {
+    currentRouteTransition = transitionFn;
   },
-  animateChange: () => {
-    //TODO: replace this with reanimated
-    // LayoutAnimation.configureNext(LayoutAnimation.create(150, type, creationProp));
+  createViewTransition: async () => {
+    if (currentRouteTransition) {
+      const {
+        navigationDirection
+      } = _appkitCoreReactNative.RouterController.state;
+      await currentRouteTransition(navigationDirection);
+    }
   },
   storeConnectedWallet: async (wcLinking, pressedWallet) => {
     _appkitCoreReactNative.StorageUtil.setWalletConnectDeepLink(wcLinking);

package/lib/commonjs/utils/UiUtil.js.map

@@ -1 +1 @@
-{"version":3,"names":["_appkitCoreReactNative","require","UiUtil","exports","TOTAL_VISIBLE_WALLETS","createViewTransition","animateChange","storeConnectedWallet","wcLinking","pressedWallet","StorageUtil","setWalletConnectDeepLink","storeRecentWallet","url","AssetUtil","getWalletImage","ConnectionController","setConnectedWalletImageUrl","wallet","recentWallets","addRecentWallet","setRecentWallets"],"sourceRoot":"../../../src","sources":["utils/UiUtil.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAQO,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBE,qBAAqB,EAAE,CAAC;EAExBC,oBAAoB,EAAEA,CAAA,KAAM;IAC1B;IACA;EAAA,CACD;EAEDC,aAAa,EAAEA,CAAA,KAAM;IACnB;IACA;EAAA,CACD;EAEDC,oBAAoB,EAAE,MAAAA,CAAOC,SAAyB,EAAEC,aAAwB,KAAK;IACnFC,kCAAW,CAACC,wBAAwB,CAACH,SAAS,CAAC;IAE/C,IAAIC,aAAa,EAAE;MACjBP,MAAM,CAACU,iBAAiB,CAACH,aAAa,CAAC;MACvC,MAAMI,GAAG,GAAGC,gCAAS,CAACC,cAAc,CAACN,aAAa,CAAC;MACnDO,2CAAoB,CAACC,0BAA0B,CAACJ,GAAG,CAAC;IACtD;EACF,CAAC;EAEDD,iBAAiB,EAAE,MAAOM,MAAgB,IAAK;IAC7C,MAAMC,aAAa,GAAG,MAAMT,kCAAW,CAACU,eAAe,CAACF,MAAM,CAAC;IAC/D,IAAIC,aAAa,EAAE;MACjBH,2CAAoB,CAACK,gBAAgB,CAACF,aAAa,CAAC;IACtD;EACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_appkitCoreReactNative","require","currentRouteTransition","UiUtil","exports","TOTAL_VISIBLE_WALLETS","setRouteTransition","transitionFn","createViewTransition","navigationDirection","RouterController","state","storeConnectedWallet","wcLinking","pressedWallet","StorageUtil","setWalletConnectDeepLink","storeRecentWallet","url","AssetUtil","getWalletImage","ConnectionController","setConnectedWalletImageUrl","wallet","recentWallets","addRecentWallet","setRecentWallets"],"sourceRoot":"../../../src","sources":["utils/UiUtil.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AASA;AACA,IAAIC,sBAA8F,GAChG,IAAI;AAEC,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBE,qBAAqB,EAAE,CAAC;EAExBC,kBAAkB,EAChBC,YAA2E,IACxE;IACHL,sBAAsB,GAAGK,YAAY;EACvC,CAAC;EAEDC,oBAAoB,EAAE,MAAAA,CAAA,KAAY;IAChC,IAAIN,sBAAsB,EAAE;MAC1B,MAAM;QAAEO;MAAoB,CAAC,GAAGC,uCAAgB,CAACC,KAAK;MACtD,MAAMT,sBAAsB,CAACO,mBAAmB,CAAC;IACnD;EACF,CAAC;EAEDG,oBAAoB,EAAE,MAAAA,CAAOC,SAAyB,EAAEC,aAAwB,KAAK;IACnFC,kCAAW,CAACC,wBAAwB,CAACH,SAAS,CAAC;IAE/C,IAAIC,aAAa,EAAE;MACjBX,MAAM,CAACc,iBAAiB,CAACH,aAAa,CAAC;MACvC,MAAMI,GAAG,GAAGC,gCAAS,CAACC,cAAc,CAACN,aAAa,CAAC;MACnDO,2CAAoB,CAACC,0BAA0B,CAACJ,GAAG,CAAC;IACtD;EACF,CAAC;EAEDD,iBAAiB,EAAE,MAAOM,MAAgB,IAAK;IAC7C,MAAMC,aAAa,GAAG,MAAMT,kCAAW,CAACU,eAAe,CAACF,MAAM,CAAC;IAC/D,IAAIC,aAAa,EAAE;MACjBH,2CAAoB,CAACK,gBAAgB,CAACF,aAAa,CAAC;IACtD;EACF;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/views/w3m-account-default-view/components/auth-buttons.js

@@ -7,6 +7,7 @@ exports.AuthButtons = AuthButtons;
 var _reactNative = require("react-native");
 var _upgradeWalletButton = require("./upgrade-wallet-button");
 var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _jsxRuntime = require("react/jsx-runtime");
 function AuthButtons({
   onUpgradePress,
   onPress,
@@ -14,22 +15,26 @@ function AuthButtons({
   text,
   style
 }) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_upgradeWalletButton.UpgradeWalletButton, {
-    onPress: onUpgradePress,
-    style: styles.upgradeButton
-  }), socialProvider && /*#__PURE__*/React.createElement(_appkitUiReactNative.ListSocial, {
-    logo: socialProvider,
-    logoHeight: 32,
-    logoWidth: 32,
-    style: [styles.socialContainer, style],
-    onPress: onPress,
-    chevron: socialProvider === 'email'
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    color: "fg-100",
-    numberOfLines: 1,
-    ellipsizeMode: "tail",
-    style: styles.socialText
-  }, text)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_upgradeWalletButton.UpgradeWalletButton, {
+      onPress: onUpgradePress,
+      style: styles.upgradeButton
+    }), socialProvider && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListSocial, {
+      logo: socialProvider,
+      logoHeight: 32,
+      logoWidth: 32,
+      style: [styles.socialContainer, style],
+      onPress: onPress,
+      chevron: socialProvider === 'email',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        color: "fg-100",
+        numberOfLines: 1,
+        ellipsizeMode: "tail",
+        style: styles.socialText,
+        children: text
+      })
+    })]
+  });
 }
 const styles = _reactNative.StyleSheet.create({
   actionButton: {

package/lib/commonjs/views/w3m-account-default-view/components/auth-buttons.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_upgradeWalletButton","_appkitUiReactNative","AuthButtons","onUpgradePress","onPress","socialProvider","text","style","React","createElement","Fragment","UpgradeWalletButton","styles","upgradeButton","ListSocial","logo","logoHeight","logoWidth","socialContainer","chevron","Text","color","numberOfLines","ellipsizeMode","socialText","StyleSheet","create","actionButton","marginBottom","Spacing","xs","s","justifyContent","width","flex","marginLeft"],"sourceRoot":"../../../../../src","sources":["views/w3m-account-default-view/components/auth-buttons.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAWO,SAASG,WAAWA,CAAC;EAC1BC,cAAc;EACdC,OAAO;EACPC,cAAc;EACdC,IAAI;EACJC;AACgB,CAAC,EAAE;EACnB,oBACEC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,qBACEF,KAAA,CAAAC,aAAA,CAACT,oBAAA,CAAAW,mBAAmB;IAACP,OAAO,EAAED,cAAe;IAACI,KAAK,EAAEK,MAAM,CAACC;EAAc,CAAE,CAAC,EAC5ER,cAAc,iBACbG,KAAA,CAAAC,aAAA,CAACR,oBAAA,CAAAa,UAAU;IACTC,IAAI,EAAEV,cAAe;IACrBW,UAAU,EAAE,EAAG;IACfC,SAAS,EAAE,EAAG;IACdV,KAAK,EAAE,CAACK,MAAM,CAACM,eAAe,EAAEX,KAAK,CAAE;IACvCH,OAAO,EAAEA,OAAQ;IACjBe,OAAO,EAAEd,cAAc,KAAK;EAAQ,gBAEpCG,KAAA,CAAAC,aAAA,CAACR,oBAAA,CAAAmB,IAAI;IAACC,KAAK,EAAC,QAAQ;IAACC,aAAa,EAAE,CAAE;IAACC,aAAa,EAAC,MAAM;IAAChB,KAAK,EAAEK,MAAM,CAACY;EAAW,GAClFlB,IACG,CACI,CAEd,CAAC;AAEP;AAEA,MAAMM,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/BC,YAAY,EAAE;IACZC,YAAY,EAAEC,4BAAO,CAACC;EACxB,CAAC;EACDjB,aAAa,EAAE;IACbe,YAAY,EAAEC,4BAAO,CAACE;EACxB,CAAC;EACDb,eAAe,EAAE;IACfc,cAAc,EAAE,YAAY;IAC5BC,KAAK,EAAE;EACT,CAAC;EACDT,UAAU,EAAE;IACVU,IAAI,EAAE,CAAC;IACPC,UAAU,EAAEN,4BAAO,CAACE;EACtB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_upgradeWalletButton","_appkitUiReactNative","_jsxRuntime","AuthButtons","onUpgradePress","onPress","socialProvider","text","style","jsxs","Fragment","children","jsx","UpgradeWalletButton","styles","upgradeButton","ListSocial","logo","logoHeight","logoWidth","socialContainer","chevron","Text","color","numberOfLines","ellipsizeMode","socialText","StyleSheet","create","actionButton","marginBottom","Spacing","xs","s","justifyContent","width","flex","marginLeft"],"sourceRoot":"../../../../../src","sources":["views/w3m-account-default-view/components/auth-buttons.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAA0E,IAAAG,WAAA,GAAAH,OAAA;AAWnE,SAASI,WAAWA,CAAC;EAC1BC,cAAc;EACdC,OAAO;EACPC,cAAc;EACdC,IAAI;EACJC;AACgB,CAAC,EAAE;EACnB,oBACE,IAAAN,WAAA,CAAAO,IAAA,EAAAP,WAAA,CAAAQ,QAAA;IAAAC,QAAA,gBACE,IAAAT,WAAA,CAAAU,GAAA,EAACZ,oBAAA,CAAAa,mBAAmB;MAACR,OAAO,EAAED,cAAe;MAACI,KAAK,EAAEM,MAAM,CAACC;IAAc,CAAE,CAAC,EAC5ET,cAAc,iBACb,IAAAJ,WAAA,CAAAU,GAAA,EAACX,oBAAA,CAAAe,UAAU;MACTC,IAAI,EAAEX,cAAe;MACrBY,UAAU,EAAE,EAAG;MACfC,SAAS,EAAE,EAAG;MACdX,KAAK,EAAE,CAACM,MAAM,CAACM,eAAe,EAAEZ,KAAK,CAAE;MACvCH,OAAO,EAAEA,OAAQ;MACjBgB,OAAO,EAAEf,cAAc,KAAK,OAAQ;MAAAK,QAAA,eAEpC,IAAAT,WAAA,CAAAU,GAAA,EAACX,oBAAA,CAAAqB,IAAI;QAACC,KAAK,EAAC,QAAQ;QAACC,aAAa,EAAE,CAAE;QAACC,aAAa,EAAC,MAAM;QAACjB,KAAK,EAAEM,MAAM,CAACY,UAAW;QAAAf,QAAA,EAClFJ;MAAI,CACD;IAAC,CACG,CACb;EAAA,CACD,CAAC;AAEP;AAEA,MAAMO,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/BC,YAAY,EAAE;IACZC,YAAY,EAAEC,4BAAO,CAACC;EACxB,CAAC;EACDjB,aAAa,EAAE;IACbe,YAAY,EAAEC,4BAAO,CAACE;EACxB,CAAC;EACDb,eAAe,EAAE;IACfc,cAAc,EAAE,YAAY;IAC5BC,KAAK,EAAE;EACT,CAAC;EACDT,UAAU,EAAE;IACVU,IAAI,EAAE,CAAC;IACPC,UAAU,EAAEN,4BAAO,CAACE;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/views/w3m-account-default-view/components/upgrade-wallet-button.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.UpgradeWalletButton = UpgradeWalletButton;
 var _reactNative = require("react-native");
 var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _jsxRuntime = require("react/jsx-runtime");
 const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
 function UpgradeWalletButton({
   style,
@@ -17,33 +18,37 @@ function UpgradeWalletButton({
     setStartValue,
     setEndValue
   } = (0, _appkitUiReactNative.useAnimatedValue)(Theme['accent-glass-010'], Theme['accent-glass-020']);
-  return /*#__PURE__*/React.createElement(AnimatedPressable, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AnimatedPressable, {
     onPress: onPress,
     onPressIn: setEndValue,
     onPressOut: setStartValue,
     style: [styles.container, {
       backgroundColor: animatedValue
-    }, style]
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.IconBox, {
-    icon: "wallet",
-    size: "lg",
-    background: true,
-    iconColor: "accent-100"
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    flexGrow: 1,
-    margin: ['0', 's', '0', 's']
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    style: styles.upgradeText,
-    color: "fg-100"
-  }, "Upgrade your wallet"), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "small-400",
-    color: "fg-150"
-  }, "Transition to a self-custodial wallet")), /*#__PURE__*/React.createElement(_appkitUiReactNative.Icon, {
-    name: "chevronRight",
-    size: "md",
-    color: "fg-150",
-    style: styles.chevron
-  }));
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconBox, {
+      icon: "wallet",
+      size: "lg",
+      background: true,
+      iconColor: "accent-100"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      flexGrow: 1,
+      margin: ['0', 's', '0', 's'],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        style: styles.upgradeText,
+        color: "fg-100",
+        children: "Upgrade your wallet"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        variant: "small-400",
+        color: "fg-150",
+        children: "Transition to a self-custodial wallet"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Icon, {
+      name: "chevronRight",
+      size: "md",
+      color: "fg-150",
+      style: styles.chevron
+    })]
+  });
 }
 const styles = _reactNative.StyleSheet.create({
   container: {

package/lib/commonjs/views/w3m-account-default-view/components/upgrade-wallet-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_appkitUiReactNative","AnimatedPressable","Animated","createAnimatedComponent","Pressable","UpgradeWalletButton","style","onPress","Theme","useTheme","animatedValue","setStartValue","setEndValue","useAnimatedValue","React","createElement","onPressIn","onPressOut","styles","container","backgroundColor","IconBox","icon","size","background","iconColor","FlexView","flexGrow","margin","Text","upgradeText","color","variant","Icon","name","chevron","StyleSheet","create","height","borderRadius","BorderRadius","s","flexDirection","alignItems","justifyContent","paddingHorizontal","Spacing","textContainer","marginHorizontal","m","marginBottom","marginRight"],"sourceRoot":"../../../../../src","sources":["views/w3m-account-default-view/components/upgrade-wallet-button.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAWA,MAAME,iBAAiB,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,sBAAS,CAAC;AAO9D,SAASC,mBAAmBA,CAAC;EAAEC,KAAK;EAAEC;AAAe,CAAC,EAAE;EAC7D,MAAMC,KAAK,GAAG,IAAAC,6BAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAG,IAAAC,qCAAgB,EACpEL,KAAK,CAAC,kBAAkB,CAAC,EACzBA,KAAK,CAAC,kBAAkB,CAC1B,CAAC;EAED,oBACEM,KAAA,CAAAC,aAAA,CAACd,iBAAiB;IAChBM,OAAO,EAAEA,OAAQ;IACjBS,SAAS,EAAEJ,WAAY;IACvBK,UAAU,EAAEN,aAAc;IAC1BL,KAAK,EAAE,CAACY,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEV;IAAc,CAAC,EAAEJ,KAAK;EAAE,gBAErEQ,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAAqB,OAAO;IAACC,IAAI,EAAC,QAAQ;IAACC,IAAI,EAAC,IAAI;IAACC,UAAU;IAACC,SAAS,EAAC;EAAY,CAAE,CAAC,eACrEX,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAA0B,QAAQ;IAACC,QAAQ,EAAE,CAAE;IAACC,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBAClDd,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAA6B,IAAI;IAACvB,KAAK,EAAEY,MAAM,CAACY,WAAY;IAACC,KAAK,EAAC;EAAQ,GAAC,qBAE1C,CAAC,eACPjB,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAA6B,IAAI;IAACG,OAAO,EAAC,WAAW;IAACD,KAAK,EAAC;EAAQ,GAAC,uCAEnC,CACE,CAAC,eACXjB,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAAiC,IAAI;IAACC,IAAI,EAAC,cAAc;IAACX,IAAI,EAAC,IAAI;IAACQ,KAAK,EAAC,QAAQ;IAACzB,KAAK,EAAEY,MAAM,CAACiB;EAAQ,CAAE,CAC1D,CAAC;AAExB;AAEA,MAAMjB,MAAM,GAAGkB,uBAAU,CAACC,MAAM,CAAC;EAC/BlB,SAAS,EAAE;IACTmB,MAAM,EAAE,EAAE;IACVC,YAAY,EAAEC,iCAAY,CAACC,CAAC;IAC5BrB,eAAe,EAAE,KAAK;IACtBsB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,iBAAiB,EAAEC,4BAAO,CAACL;EAC7B,CAAC;EACDM,aAAa,EAAE;IACbC,gBAAgB,EAAEF,4BAAO,CAACG;EAC5B,CAAC;EACDnB,WAAW,EAAE;IACXoB,YAAY,EAAEJ,4BAAO,CAAC,KAAK;EAC7B,CAAC;EACDX,OAAO,EAAE;IACPgB,WAAW,EAAEL,4BAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_jsxRuntime","AnimatedPressable","Animated","createAnimatedComponent","Pressable","UpgradeWalletButton","style","onPress","Theme","useTheme","animatedValue","setStartValue","setEndValue","useAnimatedValue","jsxs","onPressIn","onPressOut","styles","container","backgroundColor","children","jsx","IconBox","icon","size","background","iconColor","FlexView","flexGrow","margin","Text","upgradeText","color","variant","Icon","name","chevron","StyleSheet","create","height","borderRadius","BorderRadius","s","flexDirection","alignItems","justifyContent","paddingHorizontal","Spacing","textContainer","marginHorizontal","m","marginBottom","marginRight"],"sourceRoot":"../../../../../src","sources":["views/w3m-account-default-view/components/upgrade-wallet-button.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AASuC,IAAAE,WAAA,GAAAF,OAAA;AAEvC,MAAMG,iBAAiB,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,sBAAS,CAAC;AAO9D,SAASC,mBAAmBA,CAAC;EAAEC,KAAK;EAAEC;AAAe,CAAC,EAAE;EAC7D,MAAMC,KAAK,GAAG,IAAAC,6BAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAG,IAAAC,qCAAgB,EACpEL,KAAK,CAAC,kBAAkB,CAAC,EACzBA,KAAK,CAAC,kBAAkB,CAC1B,CAAC;EAED,oBACE,IAAAR,WAAA,CAAAc,IAAA,EAACb,iBAAiB;IAChBM,OAAO,EAAEA,OAAQ;IACjBQ,SAAS,EAAEH,WAAY;IACvBI,UAAU,EAAEL,aAAc;IAC1BL,KAAK,EAAE,CAACW,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAET;IAAc,CAAC,EAAEJ,KAAK,CAAE;IAAAc,QAAA,gBAErE,IAAApB,WAAA,CAAAqB,GAAA,EAACtB,oBAAA,CAAAuB,OAAO;MAACC,IAAI,EAAC,QAAQ;MAACC,IAAI,EAAC,IAAI;MAACC,UAAU;MAACC,SAAS,EAAC;IAAY,CAAE,CAAC,eACrE,IAAA1B,WAAA,CAAAc,IAAA,EAACf,oBAAA,CAAA4B,QAAQ;MAACC,QAAQ,EAAE,CAAE;MAACC,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;MAAAT,QAAA,gBAClD,IAAApB,WAAA,CAAAqB,GAAA,EAACtB,oBAAA,CAAA+B,IAAI;QAACxB,KAAK,EAAEW,MAAM,CAACc,WAAY;QAACC,KAAK,EAAC,QAAQ;QAAAZ,QAAA,EAAC;MAEhD,CAAM,CAAC,eACP,IAAApB,WAAA,CAAAqB,GAAA,EAACtB,oBAAA,CAAA+B,IAAI;QAACG,OAAO,EAAC,WAAW;QAACD,KAAK,EAAC,QAAQ;QAAAZ,QAAA,EAAC;MAEzC,CAAM,CAAC;IAAA,CACC,CAAC,eACX,IAAApB,WAAA,CAAAqB,GAAA,EAACtB,oBAAA,CAAAmC,IAAI;MAACC,IAAI,EAAC,cAAc;MAACX,IAAI,EAAC,IAAI;MAACQ,KAAK,EAAC,QAAQ;MAAC1B,KAAK,EAAEW,MAAM,CAACmB;IAAQ,CAAE,CAAC;EAAA,CAC3D,CAAC;AAExB;AAEA,MAAMnB,MAAM,GAAGoB,uBAAU,CAACC,MAAM,CAAC;EAC/BpB,SAAS,EAAE;IACTqB,MAAM,EAAE,EAAE;IACVC,YAAY,EAAEC,iCAAY,CAACC,CAAC;IAC5BvB,eAAe,EAAE,KAAK;IACtBwB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,iBAAiB,EAAEC,4BAAO,CAACL;EAC7B,CAAC;EACDM,aAAa,EAAE;IACbC,gBAAgB,EAAEF,4BAAO,CAACG;EAC5B,CAAC;EACDnB,WAAW,EAAE;IACXoB,YAAY,EAAEJ,4BAAO,CAAC,KAAK;EAC7B,CAAC;EACDX,OAAO,EAAE;IACPgB,WAAW,EAAEL,4BAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/views/w3m-account-default-view/index.js

@@ -13,6 +13,7 @@ var _AppKitContext = require("../../AppKitContext");
 var _useCustomDimensions = require("../../hooks/useCustomDimensions");
 var _authButtons = require("./components/auth-buttons");
 var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import { ConstantsUtil as CommonConstantsUtil } from '@reown/appkit-common-react-native';
 
@@ -21,10 +22,6 @@ function AccountDefaultView() {
     switchAccountType,
     disconnect
   } = (0, _AppKitContext.useAppKit)();
-  const {
-    profileName,
-    profileImage
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.AccountController.state);
   const {
     loading
   } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ModalController.state);
@@ -34,7 +31,8 @@ function AccountDefaultView() {
     activeNetwork,
     activeNamespace,
     connection,
-    accountType
+    accountType,
+    identity
   } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionsController.state);
   const account = address?.split(':')[2];
   const [disconnecting, setDisconnecting] = (0, _react.useState)(false);
@@ -85,7 +83,6 @@ function AccountDefaultView() {
     }
   };
   const onCopyAddress = () => {
-    //TODO: Check ENS name
     if (_appkitCoreReactNative.OptionsController.isClipboardAvailable() && _appkitCoreReactNative.ConnectionsController.state.activeAddress) {
       const _address = _appkitCoreReactNative.CoreHelperUtil.getPlainAddress(_appkitCoreReactNative.ConnectionsController.state.activeAddress);
       if (_address) {
@@ -157,147 +154,170 @@ function AccountDefaultView() {
     // await CoreHelperUtil.openLink(link);
     // Subscribe to email update event
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, showBack && /*#__PURE__*/React.createElement(_appkitUiReactNative.IconLink, {
-    icon: "chevronLeft",
-    style: _styles.default.backIcon,
-    onPress: _appkitCoreReactNative.RouterController.goBack
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.IconLink, {
-    icon: "close",
-    style: _styles.default.closeIcon,
-    onPress: _appkitCoreReactNative.ModalController.close,
-    testID: "header-close"
-  }), /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
-    bounces: false,
-    fadingEdgeLength: 20,
-    style: {
-      paddingHorizontal: padding
-    }
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    alignItems: "center",
-    padding: ['3xl', 's', '3xl', 's']
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Avatar, {
-    imageSrc: profileImage,
-    address: account ?? ''
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    flexDirection: "row",
-    alignItems: "center",
-    margin: ['s', '0', '0', '0']
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "medium-title-600"
-  }, profileName ? _appkitUiReactNative.UiUtil.getTruncateString({
-    string: profileName,
-    charsStart: 20,
-    charsEnd: 0,
-    truncate: 'end'
-  }) : _appkitUiReactNative.UiUtil.getTruncateString({
-    string: account ?? '',
-    charsStart: 4,
-    charsEnd: 6,
-    truncate: 'middle'
-  })), showCopy && /*#__PURE__*/React.createElement(_appkitUiReactNative.IconLink, {
-    icon: "copy",
-    size: "md",
-    iconColor: "fg-275",
-    onPress: onCopyAddress,
-    style: _styles.default.copyButton
-  })), showBalance && /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "paragraph-400",
-    color: "fg-200"
-  }, _appkitCoreReactNative.CoreHelperUtil.formatBalance(balance.amount, balance.symbol, 6)), showExplorer && /*#__PURE__*/React.createElement(_appkitUiReactNative.Button, {
-    size: "sm",
-    variant: "shade",
-    iconLeft: "compass",
-    iconRight: "externalLink",
-    onPress: onExplorerPress,
-    style: {
-      marginVertical: _appkitUiReactNative.Spacing.s
-    }
-  }, "Block Explorer"), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    margin: ['s', '0', '0', '0']
-  }, isAuth && /*#__PURE__*/React.createElement(_authButtons.AuthButtons, {
-    onUpgradePress: onUpgradePress,
-    socialProvider: connection?.properties?.provider,
-    onPress: onEmailPress,
-    style: _styles.default.actionButton,
-    text: _appkitUiReactNative.UiUtil.getTruncateString({
-      string: connection?.properties?.username || connection?.properties?.email || '',
-      charsStart: 30,
-      charsEnd: 0,
-      truncate: 'end'
-    })
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.ListItem, {
-    chevron: true,
-    icon: "networkPlaceholder",
-    iconColor: "accent-100",
-    iconBackgroundColor: "accent-glass-015",
-    imageSrc: networkImage,
-    imageHeaders: _appkitCoreReactNative.ApiController._getApiHeaders(),
-    onPress: onNetworkPress,
-    testID: "button-network",
-    style: _styles.default.actionButton
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    numberOfLines: 1,
-    color: "fg-100",
-    testID: "account-select-network-text"
-  }, activeNetwork?.name)), showBuy && /*#__PURE__*/React.createElement(_appkitUiReactNative.ListItem, {
-    chevron: true,
-    icon: "card",
-    iconColor: "accent-100",
-    iconBackgroundColor: "accent-glass-015",
-    onPress: onBuyPress,
-    testID: "button-onramp",
-    style: _styles.default.actionButton
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    color: "fg-100"
-  }, "Buy crypto")), showSend && /*#__PURE__*/React.createElement(_appkitUiReactNative.ListItem, {
-    chevron: true,
-    icon: "paperplane",
-    iconColor: "accent-100",
-    iconBackgroundColor: "accent-glass-015",
-    onPress: onSendPress,
-    testID: "button-send",
-    style: _styles.default.actionButton
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    color: "fg-100"
-  }, "Send")), showSwaps && /*#__PURE__*/React.createElement(_appkitUiReactNative.ListItem, {
-    chevron: true,
-    icon: "recycleHorizontal",
-    iconColor: "accent-100",
-    iconBackgroundColor: "accent-glass-015",
-    onPress: onSwapPress,
-    testID: "button-swap",
-    style: _styles.default.actionButton
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    color: "fg-100"
-  }, "Swap")), showActivity && /*#__PURE__*/React.createElement(_appkitUiReactNative.ListItem, {
-    chevron: true,
-    icon: "clock",
-    iconColor: "accent-100",
-    iconBackgroundColor: "accent-glass-015",
-    onPress: onActivityPress,
-    testID: "button-activity",
-    style: _styles.default.actionButton
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    color: "fg-100"
-  }, "Activity")), showSwitchAccountType && /*#__PURE__*/React.createElement(_appkitUiReactNative.ListItem, {
-    chevron: true,
-    icon: "swapHorizontal",
-    onPress: onSwitchAccountType,
-    testID: "account-button-type",
-    iconColor: "accent-100",
-    iconBackgroundColor: "accent-glass-015",
-    style: _styles.default.actionButton,
-    loading: loading
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    color: "fg-100"
-  }, `Switch to your ${accountType === 'eoa' ? 'smart account' : 'EOA'}`)), /*#__PURE__*/React.createElement(_appkitUiReactNative.ListItem, {
-    icon: "disconnect",
-    onPress: onDisconnect,
-    loading: disconnecting,
-    iconBackgroundColor: "gray-glass-010",
-    testID: "button-disconnect"
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    color: "fg-200"
-  }, "Disconnect"))))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [showBack && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
+      icon: "chevronLeft",
+      style: _styles.default.backIcon,
+      onPress: _appkitCoreReactNative.RouterController.goBack
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
+      icon: "close",
+      style: _styles.default.closeIcon,
+      onPress: _appkitCoreReactNative.ModalController.close,
+      testID: "header-close"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      bounces: false,
+      fadingEdgeLength: 20,
+      style: {
+        paddingHorizontal: padding
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        alignItems: "center",
+        padding: ['3xl', 's', '3xl', 's'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Avatar, {
+          imageSrc: identity?.avatar,
+          address: account ?? ''
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          margin: ['s', '0', '0', '0'],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "medium-title-600",
+            children: identity?.name ? _appkitUiReactNative.UiUtil.getTruncateString({
+              string: identity?.name,
+              charsStart: 20,
+              charsEnd: 0,
+              truncate: 'end'
+            }) : _appkitUiReactNative.UiUtil.getTruncateString({
+              string: account ?? '',
+              charsStart: 4,
+              charsEnd: 6,
+              truncate: 'middle'
+            })
+          }), showCopy && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
+            icon: "copy",
+            size: "md",
+            iconColor: "fg-275",
+            onPress: onCopyAddress,
+            style: _styles.default.copyButton
+          })]
+        }), showBalance && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          variant: "paragraph-400",
+          color: "fg-200",
+          children: _appkitCoreReactNative.CoreHelperUtil.formatBalance(balance.amount, balance.symbol, 6)
+        }), showExplorer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+          size: "sm",
+          variant: "shade",
+          iconLeft: "compass",
+          iconRight: "externalLink",
+          onPress: onExplorerPress,
+          style: {
+            marginVertical: _appkitUiReactNative.Spacing.s
+          },
+          children: "Block Explorer"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          margin: ['s', '0', '0', '0'],
+          children: [isAuth && /*#__PURE__*/(0, _jsxRuntime.jsx)(_authButtons.AuthButtons, {
+            onUpgradePress: onUpgradePress,
+            socialProvider: connection?.properties?.provider,
+            onPress: onEmailPress,
+            style: _styles.default.actionButton,
+            text: _appkitUiReactNative.UiUtil.getTruncateString({
+              string: connection?.properties?.username || connection?.properties?.email || '',
+              charsStart: 30,
+              charsEnd: 0,
+              truncate: 'end'
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListItem, {
+            chevron: true,
+            icon: "networkPlaceholder",
+            iconColor: "accent-100",
+            iconBackgroundColor: "accent-glass-015",
+            imageSrc: networkImage,
+            imageHeaders: _appkitCoreReactNative.ApiController._getApiHeaders(),
+            onPress: onNetworkPress,
+            testID: "button-network",
+            style: _styles.default.actionButton,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+              numberOfLines: 1,
+              color: "fg-100",
+              testID: "account-select-network-text",
+              children: activeNetwork?.name
+            })
+          }), showBuy && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListItem, {
+            chevron: true,
+            icon: "card",
+            iconColor: "accent-100",
+            iconBackgroundColor: "accent-glass-015",
+            onPress: onBuyPress,
+            testID: "button-onramp",
+            style: _styles.default.actionButton,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+              color: "fg-100",
+              children: "Buy crypto"
+            })
+          }), showSend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListItem, {
+            chevron: true,
+            icon: "paperplane",
+            iconColor: "accent-100",
+            iconBackgroundColor: "accent-glass-015",
+            onPress: onSendPress,
+            testID: "button-send",
+            style: _styles.default.actionButton,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+              color: "fg-100",
+              children: "Send"
+            })
+          }), showSwaps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListItem, {
+            chevron: true,
+            icon: "recycleHorizontal",
+            iconColor: "accent-100",
+            iconBackgroundColor: "accent-glass-015",
+            onPress: onSwapPress,
+            testID: "button-swap",
+            style: _styles.default.actionButton,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+              color: "fg-100",
+              children: "Swap"
+            })
+          }), showActivity && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListItem, {
+            chevron: true,
+            icon: "clock",
+            iconColor: "accent-100",
+            iconBackgroundColor: "accent-glass-015",
+            onPress: onActivityPress,
+            testID: "button-activity",
+            style: _styles.default.actionButton,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+              color: "fg-100",
+              children: "Activity"
+            })
+          }), showSwitchAccountType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListItem, {
+            chevron: true,
+            icon: "swapHorizontal",
+            onPress: onSwitchAccountType,
+            testID: "account-button-type",
+            iconColor: "accent-100",
+            iconBackgroundColor: "accent-glass-015",
+            style: _styles.default.actionButton,
+            loading: loading,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+              color: "fg-100",
+              children: `Switch to your ${accountType === 'eoa' ? 'smart account' : 'EOA'}`
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListItem, {
+            icon: "disconnect",
+            onPress: onDisconnect,
+            loading: disconnecting,
+            iconBackgroundColor: "gray-glass-010",
+            testID: "button-disconnect",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+              color: "fg-200",
+              children: "Disconnect"
+            })
+          })]
+        })]
+      })
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map