@reown/appkit-react-native 0.0.0-feat-multichain-20250818154639 → 0.0.0-feat-multichain-20250903132047

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

@@ -1 +1 @@
-{"version":3,"names":["useState","useSnapshot","Avatar","Button","DoubleImageLoader","FlexView","IconLink","Text","ConnectionsController","EventsController","OptionsController","RouterController","SnackController","SIWEController","useInternalAppKit","styles","jsx","_jsx","jsxs","_jsxs","ConnectingSiweView","disconnect","metadata","state","activeAddress","identity","walletInfo","isSigning","setIsSigning","isDisconnecting","setIsDisconnecting","dappName","name","dappIcon","icons","walletIcon","icon","isSmartAccount","accountType","network","activeNetwork","caipNetworkId","onSign","sendEvent","event","type","properties","session","signIn","error","showError","setStatus","onCancel","push","padding","children","size","onPress","testID","style","closeButton","variant","numberOfLines","center","logoContainer","leftImage","rightImage","renderRightPlaceholder","imageSrc","avatar","address","borderWidth","rightItemStyle","walletAvatar","color","title","subtitle","flexDirection","justifyContent","margin","button","loading","disabled"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-siwe-view/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useState","useSnapshot","Avatar","Button","DoubleImageLoader","FlexView","Text","useCustomDimensions","ConnectionsController","EventsController","ModalController","OptionsController","RouterController","SnackController","SIWEController","useInternalAppKit","styles","ScrollView","jsx","_jsx","jsxs","_jsxs","ConnectingSiweView","disconnect","padding","metadata","state","activeAddress","identity","walletInfo","isSigning","setIsSigning","isDisconnecting","setIsDisconnecting","dappName","name","dappIcon","icons","walletIcon","icon","isSmartAccount","accountType","network","activeNetwork","caipNetworkId","onSign","sendEvent","event","type","properties","session","signIn","close","error","showError","setStatus","onCancel","push","bounces","fadingEdgeLength","style","paddingHorizontal","contentContainerStyle","container","children","logoContainer","leftImage","rightImage","renderRightPlaceholder","imageSrc","avatar","address","size","borderWidth","rightItemStyle","walletAvatar","center","variant","color","title","subtitle","flexDirection","justifyContent","margin","onPress","button","loading","disabled"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-siwe-view/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/w3m-connecting-siwe-view/styles.js

@@ -3,6 +3,9 @@
 import { BorderRadius, Spacing } from '@reown/appkit-ui-react-native';
 import { StyleSheet } from 'react-native';
 export default StyleSheet.create({
+  container: {
+    minHeight: '30%'
+  },
   logoContainer: {
     marginTop: Spacing.xl,
     marginBottom: Spacing.m
@@ -17,13 +20,6 @@ export default StyleSheet.create({
     marginHorizontal: '10%',
     marginVertical: Spacing.l
   },
-  closeButton: {
-    alignSelf: 'flex-end',
-    right: Spacing.xl,
-    top: Spacing.l,
-    position: 'absolute',
-    zIndex: 2
-  },
   walletAvatar: {
     borderRadius: BorderRadius.full
   }

package/lib/module/views/w3m-connecting-siwe-view/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BorderRadius","Spacing","StyleSheet","create","logoContainer","marginTop","xl","marginBottom","m","button","width","title","marginHorizontal","subtitle","marginVertical","l","closeButton","alignSelf","right","top","position","zIndex","walletAvatar","borderRadius","full"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-siwe-view/styles.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AACrE,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,aAAa,EAAE;IACbC,SAAS,EAAEJ,OAAO,CAACK,EAAE;IACrBC,YAAY,EAAEN,OAAO,CAACO;EACxB,CAAC;EACDC,MAAM,EAAE;IACNC,KAAK,EAAE;EACT,CAAC;EACDC,KAAK,EAAE;IACLC,gBAAgB,EAAE;EACpB,CAAC;EACDC,QAAQ,EAAE;IACRD,gBAAgB,EAAE,KAAK;IACvBE,cAAc,EAAEb,OAAO,CAACc;EAC1B,CAAC;EACDC,WAAW,EAAE;IACXC,SAAS,EAAE,UAAU;IACrBC,KAAK,EAAEjB,OAAO,CAACK,EAAE;IACjBa,GAAG,EAAElB,OAAO,CAACc,CAAC;IACdK,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZC,YAAY,EAAEvB,YAAY,CAACwB;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BorderRadius","Spacing","StyleSheet","create","container","minHeight","logoContainer","marginTop","xl","marginBottom","m","button","width","title","marginHorizontal","subtitle","marginVertical","l","walletAvatar","borderRadius","full"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-siwe-view/styles.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AACrE,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,SAAS,EAAE;EACb,CAAC;EACDC,aAAa,EAAE;IACbC,SAAS,EAAEN,OAAO,CAACO,EAAE;IACrBC,YAAY,EAAER,OAAO,CAACS;EACxB,CAAC;EACDC,MAAM,EAAE;IACNC,KAAK,EAAE;EACT,CAAC;EACDC,KAAK,EAAE;IACLC,gBAAgB,EAAE;EACpB,CAAC;EACDC,QAAQ,EAAE;IACRD,gBAAgB,EAAE,KAAK;IACvBE,cAAc,EAAEf,OAAO,CAACgB;EAC1B,CAAC;EACDC,YAAY,EAAE;IACZC,YAAY,EAAEnB,YAAY,CAACoB;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -7,10 +7,11 @@ import { FlexView, LoadingThumbnail, IconBox, Logo, Text, useCustomDimensions }
 import { ConstantsUtil, StringUtil } from '@reown/appkit-common-react-native';
 import { useInternalAppKit } from '../../AppKitContext';
 import styles from './styles';
+import { ScrollView } from 'react-native';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function ConnectingSocialView() {
   const {
-    maxWidth: width
+    padding
   } = useCustomDimensions();
   const {
     connect
@@ -70,37 +71,42 @@ export function ConnectingSocialView() {
       onConnect();
     }
   }, [wcUri, onConnect]);
-  return /*#__PURE__*/_jsxs(FlexView, {
-    alignItems: "center",
-    alignSelf: "center",
-    padding: ['2xl', 'l', '3xl', 'l'],
+  return /*#__PURE__*/_jsx(ScrollView, {
+    bounces: false,
+    fadingEdgeLength: 20,
     style: {
-      width
+      paddingHorizontal: padding
     },
-    children: [/*#__PURE__*/_jsxs(LoadingThumbnail, {
-      paused: !!error,
-      children: [/*#__PURE__*/_jsx(Logo, {
-        logo: data?.socialProvider ?? 'more',
-        height: 72,
-        width: 72
-      }), error ? /*#__PURE__*/_jsx(IconBox, {
-        icon: 'close',
-        border: true,
-        background: true,
-        backgroundColor: "icon-box-bg-error-100",
-        size: "sm",
-        iconColor: "error-100",
-        style: styles.errorIcon
-      }) : null]
-    }), /*#__PURE__*/_jsxs(Text, {
-      style: styles.continueText,
-      variant: "paragraph-500",
-      children: ["Continue with ", StringUtil.capitalize(data?.socialProvider ?? 'Login')]
-    }), /*#__PURE__*/_jsx(Text, {
-      variant: "small-400",
-      color: "fg-200",
-      children: "Continue in your browser"
-    })]
+    contentContainerStyle: styles.container,
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      alignItems: "center",
+      alignSelf: "center",
+      padding: ['2xl', 'l', '2xl', 'l'],
+      children: [/*#__PURE__*/_jsxs(LoadingThumbnail, {
+        paused: !!error,
+        children: [/*#__PURE__*/_jsx(Logo, {
+          logo: data?.socialProvider ?? 'more',
+          height: 72,
+          width: 72
+        }), error ? /*#__PURE__*/_jsx(IconBox, {
+          icon: 'close',
+          border: true,
+          background: true,
+          backgroundColor: "icon-box-bg-error-100",
+          size: "sm",
+          iconColor: "error-100",
+          style: styles.errorIcon
+        }) : null]
+      }), /*#__PURE__*/_jsxs(Text, {
+        style: styles.continueText,
+        variant: "paragraph-500",
+        children: ["Continue with ", StringUtil.capitalize(data?.socialProvider ?? 'Login')]
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "small-400",
+        color: "fg-200",
+        children: "Continue in your browser"
+      })]
+    })
   });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useSnapshot","useCallback","useEffect","useState","WcController","CoreHelperUtil","EventsController","RouterController","SnackController","FlexView","LoadingThumbnail","IconBox","Logo","Text","useCustomDimensions","ConstantsUtil","StringUtil","useInternalAppKit","styles","jsx","_jsx","jsxs","_jsxs","ConnectingSocialView","maxWidth","width","connect","data","state","wcUri","error","setError","onConnect","redirect","href","formatUniversalUrl","WEB_WALLET_URL","socialProvider","wcLinking","name","setWcLinking","openLink","wcPromise","setConnectedWallet","sendEvent","type","event","properties","provider","e","showError","initializeConnection","connectPromise","setWcPromise","alignItems","alignSelf","padding","style","children","paused","logo","height","icon","border","background","backgroundColor","size","iconColor","errorIcon","continueText","variant","capitalize","color"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-social-view/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useSnapshot","useCallback","useEffect","useState","WcController","CoreHelperUtil","EventsController","RouterController","SnackController","FlexView","LoadingThumbnail","IconBox","Logo","Text","useCustomDimensions","ConstantsUtil","StringUtil","useInternalAppKit","styles","ScrollView","jsx","_jsx","jsxs","_jsxs","ConnectingSocialView","padding","connect","data","state","wcUri","error","setError","onConnect","redirect","href","formatUniversalUrl","WEB_WALLET_URL","socialProvider","wcLinking","name","setWcLinking","openLink","wcPromise","setConnectedWallet","sendEvent","type","event","properties","provider","e","showError","initializeConnection","connectPromise","setWcPromise","bounces","fadingEdgeLength","style","paddingHorizontal","contentContainerStyle","container","children","alignItems","alignSelf","paused","logo","height","width","icon","border","background","backgroundColor","size","iconColor","errorIcon","continueText","variant","capitalize","color"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-social-view/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/w3m-connecting-social-view/styles.js

@@ -3,6 +3,9 @@
 import { StyleSheet } from 'react-native';
 import { Spacing } from '@reown/appkit-ui-react-native';
 export default StyleSheet.create({
+  container: {
+    minHeight: '30%'
+  },
   errorIcon: {
     position: 'absolute',
     bottom: 8,

package/lib/module/views/w3m-connecting-social-view/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","Spacing","create","errorIcon","position","bottom","right","zIndex","continueText","marginTop","m","marginBottom","xs"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-social-view/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZC,SAAS,EAAER,OAAO,CAACS,CAAC;IACpBC,YAAY,EAAEV,OAAO,CAACW;EACxB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","Spacing","create","container","minHeight","errorIcon","position","bottom","right","zIndex","continueText","marginTop","m","marginBottom","xs"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-social-view/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,SAAS,EAAE;EACb,CAAC;EACDC,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZC,SAAS,EAAEV,OAAO,CAACW,CAAC;IACpBC,YAAY,EAAEZ,OAAO,CAACa;EACxB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-import { ScrollView, View } from 'react-native';
+import { ScrollView, useWindowDimensions, 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';
@@ -8,6 +8,11 @@ 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 {
+    height,
+    width
+  } = useWindowDimensions();
+  const windowSize = Math.min(height, width);
   const {
     networks,
     isConnected
@@ -17,11 +22,10 @@ export function NetworksView() {
   } = useSnapshot(AssetController.state);
   const imageHeaders = ApiController._getApiHeaders();
   const {
-    maxWidth: width,
     padding
   } = useCustomDimensions();
   const numColumns = 4;
-  const usableWidth = width - Spacing.xs * 2 - Spacing['4xs'];
+  const usableWidth = windowSize - Spacing.xs * 2 - Spacing['4xs'];
   const itemWidth = Math.abs(Math.trunc(usableWidth / numColumns));
   const itemGap = Math.abs(Math.trunc((usableWidth - numColumns * CardSelectWidth) / numColumns) / 2);
   const {
@@ -67,8 +71,7 @@ export function NetworksView() {
       bounces: false,
       fadingEdgeLength: 20,
       style: {
-        paddingHorizontal: padding,
-        marginBottom: Spacing.xl
+        paddingHorizontal: padding
       },
       children: /*#__PURE__*/_jsx(FlexView, {
         flexDirection: "row",

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["ScrollView","useWindowDimensions","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","height","width","windowSize","Math","min","networks","isConnected","state","networkImages","imageHeaders","_getApiHeaders","padding","numColumns","usableWidth","xs","itemWidth","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","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({