@reown/appkit-react-native 0.0.0-fix-improvements-20250827190629 → 0.0.0-fix-ui-changes-20250828191102

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

@@ -2,9 +2,9 @@
 
 import { useSnapshot } from 'valtio';
 import { useCallback, useEffect, useState } from 'react';
-import { Platform } from 'react-native';
+import { Platform, ScrollView } from 'react-native';
 import { RouterController, ApiController, EventsController, WcController, AssetUtil, AssetController, CoreHelperUtil } from '@reown/appkit-core-react-native';
-import { Button, FlexView, IconBox, LoadingThumbnail, WalletImage, useCustomDimensions, ScrollView } from '@reown/appkit-ui-react-native';
+import { Button, FlexView, IconBox, LoadingThumbnail, WalletImage, useCustomDimensions } from '@reown/appkit-ui-react-native';
 import { ConnectingBody, getMessage } from '../../partials/w3m-connecting-body';
 import styles from './styles';
 import { useInternalAppKit } from '../../AppKitContext';
@@ -87,6 +87,8 @@ export function ConnectingExternalView() {
     onConnect();
   }, [onConnect]);
   return /*#__PURE__*/_jsxs(ScrollView, {
+    bounces: false,
+    fadingEdgeLength: 20,
     contentContainerStyle: styles.container,
     children: [/*#__PURE__*/_jsxs(FlexView, {
       alignItems: "center",

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

@@ -1 +1 @@
-{"version":3,"names":["useSnapshot","useCallback","useEffect","useState","Platform","RouterController","ApiController","EventsController","WcController","AssetUtil","AssetController","CoreHelperUtil","Button","FlexView","IconBox","LoadingThumbnail","WalletImage","useCustomDimensions","ScrollView","ConnectingBody","getMessage","styles","useInternalAppKit","StoreLink","WcHelpersUtil","jsx","_jsx","jsxs","_jsxs","ConnectingExternalView","data","state","walletImages","connect","maxWidth","width","errorType","setErrorType","bodyMessage","walletName","wallet","name","storeUrl","select","ios","app_store","android","play_store","onStorePress","openLink","onRetryPress","undefined","onConnect","isExternalWallet","addRecentWallet","setPressedWallet","sendEvent","type","event","properties","method","explorer_id","id","error","test","message","contentContainerStyle","container","children","alignItems","alignSelf","padding","style","paused","size","imageSrc","getWalletImage","imageHeaders","_getApiHeaders","icon","border","background","backgroundColor","iconColor","errorIcon","title","description","variant","iconLeft","retryButton","iconStyle","retryIcon","onPress","visible"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-external-view/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useSnapshot","useCallback","useEffect","useState","Platform","ScrollView","RouterController","ApiController","EventsController","WcController","AssetUtil","AssetController","CoreHelperUtil","Button","FlexView","IconBox","LoadingThumbnail","WalletImage","useCustomDimensions","ConnectingBody","getMessage","styles","useInternalAppKit","StoreLink","WcHelpersUtil","jsx","_jsx","jsxs","_jsxs","ConnectingExternalView","data","state","walletImages","connect","maxWidth","width","errorType","setErrorType","bodyMessage","walletName","wallet","name","storeUrl","select","ios","app_store","android","play_store","onStorePress","openLink","onRetryPress","undefined","onConnect","isExternalWallet","addRecentWallet","setPressedWallet","sendEvent","type","event","properties","method","explorer_id","id","error","test","message","bounces","fadingEdgeLength","contentContainerStyle","container","children","alignItems","alignSelf","padding","style","paused","size","imageSrc","getWalletImage","imageHeaders","_getApiHeaders","icon","border","background","backgroundColor","iconColor","errorIcon","title","description","variant","iconLeft","retryButton","iconStyle","retryIcon","onPress","visible"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-external-view/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/w3m-get-wallet-view/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
-import { Linking, Platform } from 'react-native';
-import { FlexView, ListWallet, ScrollView } from '@reown/appkit-ui-react-native';
+import { Linking, Platform, ScrollView } from 'react-native';
+import { FlexView, ListWallet, useCustomDimensions } from '@reown/appkit-ui-react-native';
 import { ApiController, AssetController, AssetUtil } from '@reown/appkit-core-react-native';
 import styles from './styles';
 import { useSnapshot } from 'valtio';
@@ -10,6 +10,9 @@ export function GetWalletView() {
   const {
     walletImages
   } = useSnapshot(AssetController.state);
+  const {
+    padding
+  } = useCustomDimensions();
   const imageHeaders = ApiController._getApiHeaders();
   const onWalletPress = wallet => {
     const storeUrl = Platform.select({
@@ -30,9 +33,14 @@ export function GetWalletView() {
     }, wallet.id));
   };
   return /*#__PURE__*/_jsx(ScrollView, {
+    bounces: false,
+    style: {
+      paddingHorizontal: padding
+    },
+    fadingEdgeLength: 20,
     testID: "get-a-wallet-view",
     children: /*#__PURE__*/_jsxs(FlexView, {
-      padding: ['s', 's', 'xl', 's'],
+      padding: ['s', 's', '3xl', 's'],
       children: [listTemplate(), /*#__PURE__*/_jsx(ListWallet, {
         name: "Explore all",
         showAllWallets: true,

package/lib/module/views/w3m-get-wallet-view/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Linking","Platform","FlexView","ListWallet","ScrollView","ApiController","AssetController","AssetUtil","styles","useSnapshot","jsx","_jsx","jsxs","_jsxs","GetWalletView","walletImages","state","imageHeaders","_getApiHeaders","onWalletPress","wallet","storeUrl","select","ios","app_store","android","play_store","homepage","openURL","listTemplate","recommended","map","name","imageSrc","getWalletImage","onPress","style","item","id","testID","children","padding","showAllWallets","icon"],"sourceRoot":"../../../../src","sources":["views/w3m-get-wallet-view/index.tsx"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,cAAc;AAChD,SAASC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,QAAQ,+BAA+B;AAChF,SAASC,aAAa,EAAEC,eAAe,EAAEC,SAAS,QAAQ,iCAAiC;AAE3F,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,WAAW,QAAQ,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErC,OAAO,SAASC,aAAaA,CAAA,EAAG;EAC9B,MAAM;IAAEC;EAAa,CAAC,GAAGN,WAAW,CAACH,eAAe,CAACU,KAAK,CAAC;EAC3D,MAAMC,YAAY,GAAGZ,aAAa,CAACa,cAAc,CAAC,CAAC;EAEnD,MAAMC,aAAa,GAAIC,MAAgB,IAAK;IAC1C,MAAMC,QAAQ,GACZpB,QAAQ,CAACqB,MAAM,CAAC;MAAEC,GAAG,EAAEH,MAAM,CAACI,SAAS;MAAEC,OAAO,EAAEL,MAAM,CAACM;IAAW,CAAC,CAAC,IAAIN,MAAM,CAACO,QAAQ;IAC3F,IAAIN,QAAQ,EAAE;MACZrB,OAAO,CAAC4B,OAAO,CAACP,QAAQ,CAAC;IAC3B;EACF,CAAC;EAED,MAAMQ,YAAY,GAAGA,CAAA,KAAM;IACzB,OAAOxB,aAAa,CAACW,KAAK,CAACc,WAAW,CAACC,GAAG,CAACX,MAAM,iBAC/CT,IAAA,CAACR,UAAU;MAET6B,IAAI,EAAEZ,MAAM,CAACY,IAAK;MAClBC,QAAQ,EAAE1B,SAAS,CAAC2B,cAAc,CAACd,MAAM,EAAEL,YAAY,CAAE;MACzDE,YAAY,EAAEA,YAAa;MAC3BkB,OAAO,EAAEA,CAAA,KAAMhB,aAAa,CAACC,MAAM,CAAE;MACrCgB,KAAK,EAAE5B,MAAM,CAAC6B;IAAK,GALdjB,MAAM,CAACkB,EAMb,CACF,CAAC;EACJ,CAAC;EAED,oBACE3B,IAAA,CAACP,UAAU;IAACmC,MAAM,EAAC,mBAAmB;IAAAC,QAAA,eACpC3B,KAAA,CAACX,QAAQ;MAACuC,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAE;MAAAD,QAAA,GACtCX,YAAY,CAAC,CAAC,eACflB,IAAA,CAACR,UAAU;QACT6B,IAAI,EAAC,aAAa;QAClBU,cAAc;QACdC,IAAI,EAAC,cAAc;QACnBR,OAAO,EAAEA,CAAA,KAAMnC,OAAO,CAAC4B,OAAO,CAAC,gDAAgD;MAAE,CAClF,CAAC;IAAA,CACM;EAAC,CACD,CAAC;AAEjB","ignoreList":[]}
+{"version":3,"names":["Linking","Platform","ScrollView","FlexView","ListWallet","useCustomDimensions","ApiController","AssetController","AssetUtil","styles","useSnapshot","jsx","_jsx","jsxs","_jsxs","GetWalletView","walletImages","state","padding","imageHeaders","_getApiHeaders","onWalletPress","wallet","storeUrl","select","ios","app_store","android","play_store","homepage","openURL","listTemplate","recommended","map","name","imageSrc","getWalletImage","onPress","style","item","id","bounces","paddingHorizontal","fadingEdgeLength","testID","children","showAllWallets","icon"],"sourceRoot":"../../../../src","sources":["views/w3m-get-wallet-view/index.tsx"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAC5D,SAASC,QAAQ,EAAEC,UAAU,EAAEC,mBAAmB,QAAQ,+BAA+B;AACzF,SAASC,aAAa,EAAEC,eAAe,EAAEC,SAAS,QAAQ,iCAAiC;AAE3F,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,WAAW,QAAQ,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErC,OAAO,SAASC,aAAaA,CAAA,EAAG;EAC9B,MAAM;IAAEC;EAAa,CAAC,GAAGN,WAAW,CAACH,eAAe,CAACU,KAAK,CAAC;EAC3D,MAAM;IAAEC;EAAQ,CAAC,GAAGb,mBAAmB,CAAC,CAAC;EACzC,MAAMc,YAAY,GAAGb,aAAa,CAACc,cAAc,CAAC,CAAC;EAEnD,MAAMC,aAAa,GAAIC,MAAgB,IAAK;IAC1C,MAAMC,QAAQ,GACZtB,QAAQ,CAACuB,MAAM,CAAC;MAAEC,GAAG,EAAEH,MAAM,CAACI,SAAS;MAAEC,OAAO,EAAEL,MAAM,CAACM;IAAW,CAAC,CAAC,IAAIN,MAAM,CAACO,QAAQ;IAC3F,IAAIN,QAAQ,EAAE;MACZvB,OAAO,CAAC8B,OAAO,CAACP,QAAQ,CAAC;IAC3B;EACF,CAAC;EAED,MAAMQ,YAAY,GAAGA,CAAA,KAAM;IACzB,OAAOzB,aAAa,CAACW,KAAK,CAACe,WAAW,CAACC,GAAG,CAACX,MAAM,iBAC/CV,IAAA,CAACR,UAAU;MAET8B,IAAI,EAAEZ,MAAM,CAACY,IAAK;MAClBC,QAAQ,EAAE3B,SAAS,CAAC4B,cAAc,CAACd,MAAM,EAAEN,YAAY,CAAE;MACzDG,YAAY,EAAEA,YAAa;MAC3BkB,OAAO,EAAEA,CAAA,KAAMhB,aAAa,CAACC,MAAM,CAAE;MACrCgB,KAAK,EAAE7B,MAAM,CAAC8B;IAAK,GALdjB,MAAM,CAACkB,EAMb,CACF,CAAC;EACJ,CAAC;EAED,oBACE5B,IAAA,CAACV,UAAU;IACTuC,OAAO,EAAE,KAAM;IACfH,KAAK,EAAE;MAAEI,iBAAiB,EAAExB;IAAQ,CAAE;IACtCyB,gBAAgB,EAAE,EAAG;IACrBC,MAAM,EAAC,mBAAmB;IAAAC,QAAA,eAE1B/B,KAAA,CAACX,QAAQ;MAACe,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,CAAE;MAAA2B,QAAA,GACvCd,YAAY,CAAC,CAAC,eACfnB,IAAA,CAACR,UAAU;QACT8B,IAAI,EAAC,aAAa;QAClBY,cAAc;QACdC,IAAI,EAAC,cAAc;QACnBV,OAAO,EAAEA,CAAA,KAAMrC,OAAO,CAAC8B,OAAO,CAAC,gDAAgD;MAAE,CAClF,CAAC;IAAA,CACM;EAAC,CACD,CAAC;AAEjB","ignoreList":[]}

package/lib/module/views/w3m-networks-view/index.js

@@ -1,11 +1,11 @@
 "use strict";
 
-import { useSnapshot } from 'valtio';
-import { View } from 'react-native';
-import { CardSelect, CardSelectWidth, FlexView, Link, Separator, Spacing, Text, useCustomDimensions, ScrollView } from '@reown/appkit-ui-react-native';
+import { ScrollView, View } from 'react-native';
+import { CardSelect, CardSelectWidth, FlexView, Link, Separator, Spacing, Text, useCustomDimensions } from '@reown/appkit-ui-react-native';
 import { ApiController, RouterController, EventsController, ConnectionsController, OptionsController, AssetController, AssetUtil } from '@reown/appkit-core-react-native';
 import styles from './styles';
 import { useInternalAppKit } from '../../AppKitContext';
+import { useSnapshot } from 'valtio';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export function NetworksView() {
   const {
@@ -17,7 +17,8 @@ export function NetworksView() {
   } = useSnapshot(AssetController.state);
   const imageHeaders = ApiController._getApiHeaders();
   const {
-    maxWidth: width
+    maxWidth: width,
+    padding
   } = useCustomDimensions();
   const numColumns = 4;
   const usableWidth = width - Spacing.xs * 2 - Spacing['4xs'];
@@ -61,35 +62,41 @@ export function NetworksView() {
       }, network.id);
     });
   };
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs(ScrollView, {
-      children: [/*#__PURE__*/_jsx(FlexView, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ScrollView, {
+      bounces: false,
+      fadingEdgeLength: 20,
+      style: {
+        paddingHorizontal: padding,
+        marginBottom: Spacing.xl
+      },
+      children: /*#__PURE__*/_jsx(FlexView, {
         flexDirection: "row",
         flexWrap: "wrap",
         padding: ['xs', 'xs', '4xl', 'xs'],
         children: networksTemplate()
-      }), /*#__PURE__*/_jsx(Separator, {}), /*#__PURE__*/_jsxs(FlexView, {
-        padding: ['s', 's', '2xl', 's'],
-        alignItems: "center",
-        alignSelf: "center",
-        style: {
-          width
-        },
-        children: [/*#__PURE__*/_jsx(Text, {
-          variant: "small-400",
-          color: "fg-300",
-          center: true,
-          children: "Your connected wallet may not support some of the networks available for this dApp"
-        }), /*#__PURE__*/_jsx(Link, {
-          size: "sm",
-          iconLeft: "helpCircle",
-          onPress: onHelpPress,
-          style: styles.helpButton,
-          testID: "what-is-a-network-button",
-          children: "What is a network?"
-        })]
+      })
+    }), /*#__PURE__*/_jsx(Separator, {}), /*#__PURE__*/_jsxs(FlexView, {
+      padding: ['s', 's', '3xl', 's'],
+      alignItems: "center",
+      alignSelf: "center",
+      style: {
+        width
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "small-400",
+        color: "fg-300",
+        center: true,
+        children: "Your connected wallet may not support some of the networks available for this dApp"
+      }), /*#__PURE__*/_jsx(Link, {
+        size: "sm",
+        iconLeft: "helpCircle",
+        onPress: onHelpPress,
+        style: styles.helpButton,
+        testID: "what-is-a-network-button",
+        children: "What is a network?"
       })]
-    })
+    })]
   });
 }
 //# sourceMappingURL=index.js.map

package/lib/module/views/w3m-networks-view/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useSnapshot","View","CardSelect","CardSelectWidth","FlexView","Link","Separator","Spacing","Text","useCustomDimensions","ScrollView","ApiController","RouterController","EventsController","ConnectionsController","OptionsController","AssetController","AssetUtil","styles","useInternalAppKit","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","NetworksView","networks","isConnected","state","networkImages","imageHeaders","_getApiHeaders","maxWidth","width","numColumns","usableWidth","xs","itemWidth","Math","abs","trunc","itemGap","switchNetwork","back","networkList","getConnectedNetworks","onHelpPress","push","sendEvent","type","event","networksTemplate","onNetworkPress","network","map","isSelected","activeCaipNetworkId","caipNetworkId","defaultNetwork","networkImage","getNetworkImage","style","itemContainer","marginVertical","children","testID","name","id","imageSrc","selected","onPress","flexDirection","flexWrap","padding","alignItems","alignSelf","variant","color","center","size","iconLeft","helpButton"],"sourceRoot":"../../../../src","sources":["views/w3m-networks-view/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ScrollView","View","CardSelect","CardSelectWidth","FlexView","Link","Separator","Spacing","Text","useCustomDimensions","ApiController","RouterController","EventsController","ConnectionsController","OptionsController","AssetController","AssetUtil","styles","useInternalAppKit","useSnapshot","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","NetworksView","networks","isConnected","state","networkImages","imageHeaders","_getApiHeaders","maxWidth","width","padding","numColumns","usableWidth","xs","itemWidth","Math","abs","trunc","itemGap","switchNetwork","back","networkList","getConnectedNetworks","onHelpPress","push","sendEvent","type","event","networksTemplate","onNetworkPress","network","map","isSelected","activeCaipNetworkId","caipNetworkId","defaultNetwork","networkImage","getNetworkImage","style","itemContainer","marginVertical","children","testID","name","id","imageSrc","selected","onPress","bounces","fadingEdgeLength","paddingHorizontal","marginBottom","xl","flexDirection","flexWrap","alignItems","alignSelf","variant","color","center","size","iconLeft","helpButton"],"sourceRoot":"../../../../src","sources":["views/w3m-networks-view/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/w3m-onramp-checkout-view/index.js

@@ -1,13 +1,16 @@
 "use strict";
 
 import { AssetController, AssetUtil, ConnectionsController, OnRampController, RouterController, ThemeController } from '@reown/appkit-core-react-native';
-import { BorderRadius, Button, FlexView, Image, Separator, Spacing, Text, Toggle, useTheme } from '@reown/appkit-ui-react-native';
-import { StyleSheet } from 'react-native';
+import { BorderRadius, Button, FlexView, Image, Separator, Spacing, Text, Toggle, useCustomDimensions, useTheme } from '@reown/appkit-ui-react-native';
+import { ScrollView, StyleSheet } from 'react-native';
 import { useSnapshot } from 'valtio';
 import { NumberUtil, StringUtil } from '@reown/appkit-common-react-native';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export function OnRampCheckoutView() {
   const Theme = useTheme();
+  const {
+    padding
+  } = useCustomDimensions();
   const {
     themeMode
   } = useSnapshot(ThemeController.state);
@@ -34,187 +37,192 @@ export function OnRampCheckoutView() {
   const onConfirm = () => {
     RouterController.push('OnRampLoading');
   };
-  return /*#__PURE__*/_jsxs(FlexView, {
-    padding: ['2xl', 'l', '4xl', 'l'],
-    children: [/*#__PURE__*/_jsxs(FlexView, {
-      alignItems: "center",
-      children: [/*#__PURE__*/_jsx(Text, {
-        color: "fg-200",
-        children: "You Buy"
-      }), /*#__PURE__*/_jsxs(FlexView, {
-        flexDirection: "row",
+  return /*#__PURE__*/_jsx(ScrollView, {
+    style: {
+      paddingHorizontal: padding
+    },
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      padding: ['2xl', 'l', '4xl', 'l'],
+      children: [/*#__PURE__*/_jsxs(FlexView, {
         alignItems: "center",
         children: [/*#__PURE__*/_jsx(Text, {
-          style: [styles.amount, {
-            color: Theme['fg-100']
-          }],
-          children: value
-        }), /*#__PURE__*/_jsx(Text, {
-          variant: "paragraph-400",
           color: "fg-200",
-          children: symbol?.split('_')[0] ?? symbol ?? ''
+          children: "You Buy"
+        }), /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: [styles.amount, {
+              color: Theme['fg-100']
+            }],
+            children: value
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-400",
+            color: "fg-200",
+            children: symbol?.split('_')[0] ?? symbol ?? ''
+          })]
+        }), /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "center",
+          children: [/*#__PURE__*/_jsx(Text, {
+            color: "fg-200",
+            children: "via "
+          }), providerImage ? /*#__PURE__*/_jsx(Image, {
+            source: providerImage,
+            style: styles.providerImage
+          }) : null, /*#__PURE__*/_jsx(Text, {
+            color: "fg-200",
+            children: StringUtil.capitalize(selectedQuote?.serviceProvider)
+          })]
         })]
+      }), /*#__PURE__*/_jsx(Separator, {
+        style: styles.separator,
+        color: "gray-glass-010"
       }), /*#__PURE__*/_jsxs(FlexView, {
+        padding: ['s', 's', 'xs', 's'],
         flexDirection: "row",
+        justifyContent: "space-between",
         alignItems: "center",
-        justifyContent: "center",
         children: [/*#__PURE__*/_jsx(Text, {
           color: "fg-200",
-          children: "via "
-        }), providerImage ? /*#__PURE__*/_jsx(Image, {
-          source: providerImage,
-          style: styles.providerImage
-        }) : null, /*#__PURE__*/_jsx(Text, {
-          color: "fg-200",
-          children: StringUtil.capitalize(selectedQuote?.serviceProvider)
+          children: "You Pay"
+        }), /*#__PURE__*/_jsxs(Text, {
+          children: [selectedQuote?.sourceAmount, " ", selectedQuote?.sourceCurrencyCode]
         })]
-      })]
-    }), /*#__PURE__*/_jsx(Separator, {
-      style: styles.separator,
-      color: "gray-glass-010"
-    }), /*#__PURE__*/_jsxs(FlexView, {
-      padding: ['s', 's', 'xs', 's'],
-      flexDirection: "row",
-      justifyContent: "space-between",
-      alignItems: "center",
-      children: [/*#__PURE__*/_jsx(Text, {
-        color: "fg-200",
-        children: "You Pay"
-      }), /*#__PURE__*/_jsxs(Text, {
-        children: [selectedQuote?.sourceAmount, " ", selectedQuote?.sourceCurrencyCode]
-      })]
-    }), /*#__PURE__*/_jsxs(FlexView, {
-      padding: ['xs', 's', 'xs', 's'],
-      flexDirection: "row",
-      justifyContent: "space-between",
-      alignItems: "center",
-      children: [/*#__PURE__*/_jsx(Text, {
-        color: "fg-200",
-        children: "You Receive"
       }), /*#__PURE__*/_jsxs(FlexView, {
+        padding: ['xs', 's', 'xs', 's'],
         flexDirection: "row",
+        justifyContent: "space-between",
         alignItems: "center",
-        children: [/*#__PURE__*/_jsxs(Text, {
-          children: [value, " ", symbol?.split('_')[0] ?? '']
-        }), purchaseCurrency?.symbolImageUrl ? /*#__PURE__*/_jsx(Image, {
-          source: purchaseCurrency?.symbolImageUrl,
-          style: [styles.tokenImage, {
-            borderColor: Theme['gray-glass-010']
-          }]
-        }) : null]
-      })]
-    }), /*#__PURE__*/_jsxs(FlexView, {
-      padding: ['xs', 's', 'xs', 's'],
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "space-between",
-      children: [/*#__PURE__*/_jsx(Text, {
-        color: "fg-200",
-        children: "Network"
-      }), /*#__PURE__*/_jsx(FlexView, {
-        flexDirection: "row",
-        alignItems: "center",
-        children: /*#__PURE__*/_jsx(Text, {
-          children: purchaseCurrency?.chainName
-        })
-      })]
-    }), /*#__PURE__*/_jsxs(FlexView, {
-      padding: ['xs', 's', 'm', 's'],
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "space-between",
-      children: [/*#__PURE__*/_jsx(Text, {
-        color: "fg-200",
-        children: "Pay with"
+        children: [/*#__PURE__*/_jsx(Text, {
+          color: "fg-200",
+          children: "You Receive"
+        }), /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          children: [/*#__PURE__*/_jsxs(Text, {
+            children: [value, " ", symbol?.split('_')[0] ?? '']
+          }), purchaseCurrency?.symbolImageUrl ? /*#__PURE__*/_jsx(Image, {
+            source: purchaseCurrency?.symbolImageUrl,
+            style: [styles.tokenImage, {
+              borderColor: Theme['gray-glass-010']
+            }]
+          }) : null]
+        })]
       }), /*#__PURE__*/_jsxs(FlexView, {
+        padding: ['xs', 's', 'xs', 's'],
         flexDirection: "row",
         alignItems: "center",
-        style: [styles.paymentMethodContainer, {
-          borderColor: Theme['gray-glass-020']
-        }],
-        children: [paymentLogo ? /*#__PURE__*/_jsx(Image, {
-          source: paymentLogo,
-          style: styles.paymentMethodImage,
-          tintColor: Theme['fg-150']
-        }) : null, /*#__PURE__*/_jsx(Text, {
-          variant: "small-600",
-          color: "fg-150",
-          children: selectedPaymentMethod?.name
-        })]
-      })]
-    }), showFees ? /*#__PURE__*/_jsxs(Toggle, {
-      title: /*#__PURE__*/_jsx(_Fragment, {
-        children: /*#__PURE__*/_jsxs(Text, {
-          variant: "paragraph-400",
+        justifyContent: "space-between",
+        children: [/*#__PURE__*/_jsx(Text, {
           color: "fg-200",
-          children: ["Fees", ' ', showTotalFee ? /*#__PURE__*/_jsxs(Text, {
-            variant: "paragraph-400",
-            children: [selectedQuote?.totalFee, " ", selectedQuote?.sourceCurrencyCode]
-          }) : null]
-        })
-      }),
-      style: [styles.feesToggle, {
-        backgroundColor: Theme['gray-glass-002']
-      }],
-      contentContainerStyle: styles.feesToggleContent,
-      children: [showNetworkFee ? /*#__PURE__*/_jsxs(FlexView, {
+          children: "Network"
+        }), /*#__PURE__*/_jsx(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          children: /*#__PURE__*/_jsx(Text, {
+            children: purchaseCurrency?.chainName
+          })
+        })]
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        padding: ['xs', 's', 'm', 's'],
         flexDirection: "row",
+        alignItems: "center",
         justifyContent: "space-between",
-        style: [styles.toggleItem, {
-          backgroundColor: Theme['gray-glass-002']
-        }],
-        margin: ['0', '0', 'xs', '0'],
         children: [/*#__PURE__*/_jsx(Text, {
-          variant: "small-500",
-          color: "fg-150",
-          children: "Network Fees"
+          color: "fg-200",
+          children: "Pay with"
         }), /*#__PURE__*/_jsxs(FlexView, {
           flexDirection: "row",
           alignItems: "center",
-          children: [networkImage ? /*#__PURE__*/_jsx(Image, {
-            source: networkImage,
-            style: [styles.networkImage, {
-              borderColor: Theme['gray-glass-010']
-            }]
-          }) : null, /*#__PURE__*/_jsxs(Text, {
-            variant: "small-400",
-            children: [selectedQuote?.networkFee, " ", selectedQuote?.sourceCurrencyCode]
+          style: [styles.paymentMethodContainer, {
+            borderColor: Theme['gray-glass-020']
+          }],
+          children: [paymentLogo ? /*#__PURE__*/_jsx(Image, {
+            source: paymentLogo,
+            style: styles.paymentMethodImage,
+            tintColor: Theme['fg-150']
+          }) : null, /*#__PURE__*/_jsx(Text, {
+            variant: "small-600",
+            color: "fg-150",
+            children: selectedPaymentMethod?.name
           })]
         })]
-      }) : null, showTransactionFee ? /*#__PURE__*/_jsxs(FlexView, {
-        flexDirection: "row",
-        justifyContent: "space-between",
-        style: [styles.toggleItem, {
+      }), showFees ? /*#__PURE__*/_jsxs(Toggle, {
+        title: /*#__PURE__*/_jsx(_Fragment, {
+          children: /*#__PURE__*/_jsxs(Text, {
+            variant: "paragraph-400",
+            color: "fg-200",
+            children: ["Fees", ' ', showTotalFee ? /*#__PURE__*/_jsxs(Text, {
+              variant: "paragraph-400",
+              children: [selectedQuote?.totalFee, " ", selectedQuote?.sourceCurrencyCode]
+            }) : null]
+          })
+        }),
+        style: [styles.feesToggle, {
           backgroundColor: Theme['gray-glass-002']
         }],
-        children: [/*#__PURE__*/_jsx(Text, {
-          variant: "small-500",
-          color: "fg-150",
-          children: "Transaction Fees"
-        }), /*#__PURE__*/_jsxs(Text, {
-          variant: "small-400",
-          children: [selectedQuote.transactionFee, " ", selectedQuote?.sourceCurrencyCode]
+        contentContainerStyle: styles.feesToggleContent,
+        children: [showNetworkFee ? /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          justifyContent: "space-between",
+          style: [styles.toggleItem, {
+            backgroundColor: Theme['gray-glass-002']
+          }],
+          margin: ['0', '0', 'xs', '0'],
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "small-500",
+            color: "fg-150",
+            children: "Network Fees"
+          }), /*#__PURE__*/_jsxs(FlexView, {
+            flexDirection: "row",
+            alignItems: "center",
+            children: [networkImage ? /*#__PURE__*/_jsx(Image, {
+              source: networkImage,
+              style: [styles.networkImage, {
+                borderColor: Theme['gray-glass-010']
+              }]
+            }) : null, /*#__PURE__*/_jsxs(Text, {
+              variant: "small-400",
+              children: [selectedQuote?.networkFee, " ", selectedQuote?.sourceCurrencyCode]
+            })]
+          })]
+        }) : null, showTransactionFee ? /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          justifyContent: "space-between",
+          style: [styles.toggleItem, {
+            backgroundColor: Theme['gray-glass-002']
+          }],
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "small-500",
+            color: "fg-150",
+            children: "Transaction Fees"
+          }), /*#__PURE__*/_jsxs(Text, {
+            variant: "small-400",
+            children: [selectedQuote.transactionFee, " ", selectedQuote?.sourceCurrencyCode]
+          })]
+        }) : null]
+      }) : null, /*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        margin: ['xl', '0', '0', '0'],
+        children: [/*#__PURE__*/_jsx(Button, {
+          variant: "shade",
+          size: "md",
+          style: styles.cancelButton,
+          onPress: RouterController.goBack,
+          children: "Back"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "fill",
+          size: "md",
+          style: styles.confirmButton,
+          onPress: onConfirm,
+          testID: "button-confirm",
+          children: "Confirm"
         })]
-      }) : null]
-    }) : null, /*#__PURE__*/_jsxs(FlexView, {
-      flexDirection: "row",
-      justifyContent: "space-between",
-      margin: ['xl', '0', '0', '0'],
-      children: [/*#__PURE__*/_jsx(Button, {
-        variant: "shade",
-        size: "md",
-        style: styles.cancelButton,
-        onPress: RouterController.goBack,
-        children: "Back"
-      }), /*#__PURE__*/_jsx(Button, {
-        variant: "fill",
-        size: "md",
-        style: styles.confirmButton,
-        onPress: onConfirm,
-        testID: "button-confirm",
-        children: "Confirm"
       })]
-    })]
+    })
   });
 }
 const styles = StyleSheet.create({