@reown/appkit-react-native 2.0.0 → 2.0.1

package/lib/module/views/w3m-onramp-view/components/Header.js

@@ -1,39 +1,42 @@
+"use strict";
+
 import { StyleSheet } from 'react-native';
-import { ModalController, RouterController } from '@reown/appkit-core-react-native';
-import { IconLink, Text } from '@reown/appkit-ui-react-native';
-import { FlexView } from '@reown/appkit-ui-react-native';
+import { IconLink, Text, FlexView } from '@reown/appkit-ui-react-native';
+import { useInternalAppKit } from '../../../AppKitContext';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function Header({
   onSettingsPress
 }) {
+  const {
+    back
+  } = useInternalAppKit();
   const handleGoBack = () => {
-    if (RouterController.state.history.length > 1) {
-      RouterController.goBack();
-    } else {
-      ModalController.close();
-    }
+    back();
   };
-  return /*#__PURE__*/React.createElement(FlexView, {
+  return /*#__PURE__*/_jsxs(FlexView, {
     justifyContent: "space-between",
     flexDirection: "row",
     alignItems: "center",
-    padding: "l"
-  }, /*#__PURE__*/React.createElement(IconLink, {
-    icon: "chevronLeft",
-    size: "md",
-    onPress: handleGoBack,
-    testID: "button-back",
-    style: styles.icon
-  }), /*#__PURE__*/React.createElement(Text, {
-    variant: "paragraph-600",
-    numberOfLines: 1,
-    testID: "header-text"
-  }, "Buy crypto"), /*#__PURE__*/React.createElement(IconLink, {
-    icon: "settings",
-    size: "lg",
-    onPress: onSettingsPress,
-    style: styles.icon,
-    testID: "button-onramp-settings"
-  }));
+    padding: "l",
+    children: [/*#__PURE__*/_jsx(IconLink, {
+      icon: "chevronLeft",
+      size: "md",
+      onPress: handleGoBack,
+      testID: "button-back",
+      style: styles.icon
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "paragraph-600",
+      numberOfLines: 1,
+      testID: "header-text",
+      children: "Buy Crypto"
+    }), /*#__PURE__*/_jsx(IconLink, {
+      icon: "settings",
+      size: "lg",
+      onPress: onSettingsPress,
+      style: styles.icon,
+      testID: "button-onramp-settings"
+    })]
+  });
 }
 const styles = StyleSheet.create({
   icon: {

package/lib/module/views/w3m-onramp-view/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","ModalController","RouterController","IconLink","Text","FlexView","Header","onSettingsPress","handleGoBack","state","history","length","goBack","close","React","createElement","justifyContent","flexDirection","alignItems","padding","icon","size","onPress","testID","style","styles","variant","numberOfLines","create","height","width"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/Header.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,eAAe,EAAEC,gBAAgB,QAAQ,iCAAiC;AACnF,SAASC,QAAQ,EAAEC,IAAI,QAAQ,+BAA+B;AAC9D,SAASC,QAAQ,QAAQ,+BAA+B;AAMxD,OAAO,SAASC,MAAMA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EACvD,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIN,gBAAgB,CAACO,KAAK,CAACC,OAAO,CAACC,MAAM,GAAG,CAAC,EAAE;MAC7CT,gBAAgB,CAACU,MAAM,CAAC,CAAC;IAC3B,CAAC,MAAM;MACLX,eAAe,CAACY,KAAK,CAAC,CAAC;IACzB;EACF,CAAC;EAED,oBACEC,KAAA,CAAAC,aAAA,CAACV,QAAQ;IAACW,cAAc,EAAC,eAAe;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,OAAO,EAAC;EAAG,gBAC1FL,KAAA,CAAAC,aAAA,CAACZ,QAAQ;IACPiB,IAAI,EAAC,aAAa;IAClBC,IAAI,EAAC,IAAI;IACTC,OAAO,EAAEd,YAAa;IACtBe,MAAM,EAAC,aAAa;IACpBC,KAAK,EAAEC,MAAM,CAACL;EAAK,CACpB,CAAC,eACFN,KAAA,CAAAC,aAAA,CAACX,IAAI;IAACsB,OAAO,EAAC,eAAe;IAACC,aAAa,EAAE,CAAE;IAACJ,MAAM,EAAC;EAAa,GAAC,YAE/D,CAAC,eACPT,KAAA,CAAAC,aAAA,CAACZ,QAAQ;IACPiB,IAAI,EAAC,UAAU;IACfC,IAAI,EAAC,IAAI;IACTC,OAAO,EAAEf,eAAgB;IACzBiB,KAAK,EAAEC,MAAM,CAACL,IAAK;IACnBG,MAAM,EAAC;EAAwB,CAChC,CACO,CAAC;AAEf;AAEA,MAAME,MAAM,GAAGzB,UAAU,CAAC4B,MAAM,CAAC;EAC/BR,IAAI,EAAE;IACJS,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}
+{"version":3,"names":["StyleSheet","IconLink","Text","FlexView","useInternalAppKit","jsx","_jsx","jsxs","_jsxs","Header","onSettingsPress","back","handleGoBack","justifyContent","flexDirection","alignItems","padding","children","icon","size","onPress","testID","style","styles","variant","numberOfLines","create","height","width"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/Header.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,+BAA+B;AACxE,SAASC,iBAAiB,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAM3D,OAAO,SAASC,MAAMA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EACvD,MAAM;IAAEC;EAAK,CAAC,GAAGP,iBAAiB,CAAC,CAAC;EAEpC,MAAMQ,YAAY,GAAGA,CAAA,KAAM;IACzBD,IAAI,CAAC,CAAC;EACR,CAAC;EAED,oBACEH,KAAA,CAACL,QAAQ;IAACU,cAAc,EAAC,eAAe;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,OAAO,EAAC,GAAG;IAAAC,QAAA,gBAC1FX,IAAA,CAACL,QAAQ;MACPiB,IAAI,EAAC,aAAa;MAClBC,IAAI,EAAC,IAAI;MACTC,OAAO,EAAER,YAAa;MACtBS,MAAM,EAAC,aAAa;MACpBC,KAAK,EAAEC,MAAM,CAACL;IAAK,CACpB,CAAC,eACFZ,IAAA,CAACJ,IAAI;MAACsB,OAAO,EAAC,eAAe;MAACC,aAAa,EAAE,CAAE;MAACJ,MAAM,EAAC,aAAa;MAAAJ,QAAA,EAAC;IAErE,CAAM,CAAC,eACPX,IAAA,CAACL,QAAQ;MACPiB,IAAI,EAAC,UAAU;MACfC,IAAI,EAAC,IAAI;MACTC,OAAO,EAAEV,eAAgB;MACzBY,KAAK,EAAEC,MAAM,CAACL,IAAK;MACnBG,MAAM,EAAC;IAAwB,CAChC,CAAC;EAAA,CACM,CAAC;AAEf;AAEA,MAAME,MAAM,GAAGvB,UAAU,CAAC0B,MAAM,CAAC;EAC/BR,IAAI,EAAE;IACJS,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/views/w3m-onramp-view/components/LoadingView.js

@@ -1,51 +1,62 @@
+"use strict";
+
 import { FlexView, Text, Shimmer } from '@reown/appkit-ui-react-native';
 import { Dimensions, ScrollView } from 'react-native';
 import { Header } from './Header';
 import styles from '../styles';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export function LoadingView() {
   const windowWidth = Dimensions.get('window').width;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
-    onSettingsPress: () => {}
-  }), /*#__PURE__*/React.createElement(ScrollView, {
-    bounces: false,
-    testID: "onramp-loading-view"
-  }, /*#__PURE__*/React.createElement(FlexView, {
-    padding: ['s', 'l', '4xl', 'l']
-  }, /*#__PURE__*/React.createElement(FlexView, {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between"
-  }, /*#__PURE__*/React.createElement(Text, {
-    variant: "small-400",
-    color: "fg-150"
-  }, "You Buy"), /*#__PURE__*/React.createElement(Shimmer, {
-    width: 100,
-    height: 40,
-    borderRadius: 20
-  })), /*#__PURE__*/React.createElement(FlexView, {
-    margin: ['m', '0', 'm', '0']
-  }, /*#__PURE__*/React.createElement(Shimmer, {
-    width: "100%",
-    height: 370,
-    borderRadius: 16
-  })), /*#__PURE__*/React.createElement(Shimmer, {
-    width: "100%",
-    height: 64,
-    borderRadius: 16,
-    style: styles.paymentMethodButton
-  }), /*#__PURE__*/React.createElement(FlexView, {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    margin: ['m', '0', '0', '0']
-  }, /*#__PURE__*/React.createElement(Shimmer, {
-    width: windowWidth * 0.2,
-    height: 48,
-    borderRadius: 16
-  }), /*#__PURE__*/React.createElement(Shimmer, {
-    width: windowWidth * 0.68,
-    height: 48,
-    borderRadius: 16
-  })))));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Header, {
+      onSettingsPress: () => {}
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      bounces: false,
+      testID: "onramp-loading-view",
+      children: /*#__PURE__*/_jsxs(FlexView, {
+        padding: ['s', 'l', 's', 'l'],
+        children: [/*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: "You Buy"
+          }), /*#__PURE__*/_jsx(Shimmer, {
+            width: 100,
+            height: 40,
+            borderRadius: 20
+          })]
+        }), /*#__PURE__*/_jsx(FlexView, {
+          margin: ['m', '0', 'm', '0'],
+          children: /*#__PURE__*/_jsx(Shimmer, {
+            width: "100%",
+            height: 323,
+            borderRadius: 16
+          })
+        }), /*#__PURE__*/_jsx(Shimmer, {
+          width: "100%",
+          height: 64,
+          borderRadius: 16,
+          style: styles.paymentButtonMock
+        }), /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          margin: ['m', '0', '0', '0'],
+          children: [/*#__PURE__*/_jsx(Shimmer, {
+            width: windowWidth * 0.2,
+            height: 48,
+            borderRadius: 16
+          }), /*#__PURE__*/_jsx(Shimmer, {
+            width: windowWidth * 0.68,
+            height: 48,
+            borderRadius: 16
+          })]
+        })]
+      })
+    })]
+  });
 }
 //# sourceMappingURL=LoadingView.js.map

package/lib/module/views/w3m-onramp-view/components/LoadingView.js.map

@@ -1 +1 @@
-{"version":3,"names":["FlexView","Text","Shimmer","Dimensions","ScrollView","Header","styles","LoadingView","windowWidth","get","width","React","createElement","Fragment","onSettingsPress","bounces","testID","padding","flexDirection","alignItems","justifyContent","variant","color","height","borderRadius","margin","style","paymentMethodButton"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/LoadingView.tsx"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,IAAI,EAAEC,OAAO,QAAQ,+BAA+B;AACvE,SAASC,UAAU,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,MAAM,QAAQ,UAAU;AACjC,OAAOC,MAAM,MAAM,WAAW;AAE9B,OAAO,SAASC,WAAWA,CAAA,EAAG;EAC5B,MAAMC,WAAW,GAAGL,UAAU,CAACM,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK;EAElD,oBACEC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,qBACEF,KAAA,CAAAC,aAAA,CAACP,MAAM;IAACS,eAAe,EAAEA,CAAA,KAAM,CAAC;EAAE,CAAE,CAAC,eACrCH,KAAA,CAAAC,aAAA,CAACR,UAAU;IAACW,OAAO,EAAE,KAAM;IAACC,MAAM,EAAC;EAAqB,gBACtDL,KAAA,CAAAC,aAAA,CAACZ,QAAQ;IAACiB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG;EAAE,gBACxCN,KAAA,CAAAC,aAAA,CAACZ,QAAQ;IAACkB,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC;EAAe,gBAC9ET,KAAA,CAAAC,aAAA,CAACX,IAAI;IAACoB,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GAAC,SAEnC,CAAC,eACPX,KAAA,CAAAC,aAAA,CAACV,OAAO;IAACQ,KAAK,EAAE,GAAI;IAACa,MAAM,EAAE,EAAG;IAACC,YAAY,EAAE;EAAG,CAAE,CAC5C,CAAC,eAGXb,KAAA,CAAAC,aAAA,CAACZ,QAAQ;IAACyB,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBACrCd,KAAA,CAAAC,aAAA,CAACV,OAAO;IAACQ,KAAK,EAAC,MAAM;IAACa,MAAM,EAAE,GAAI;IAACC,YAAY,EAAE;EAAG,CAAE,CAC9C,CAAC,eAGXb,KAAA,CAAAC,aAAA,CAACV,OAAO;IAACQ,KAAK,EAAC,MAAM;IAACa,MAAM,EAAE,EAAG;IAACC,YAAY,EAAE,EAAG;IAACE,KAAK,EAAEpB,MAAM,CAACqB;EAAoB,CAAE,CAAC,eAGzFhB,KAAA,CAAAC,aAAA,CAACZ,QAAQ;IACPkB,aAAa,EAAC,KAAK;IACnBC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,eAAe;IAC9BK,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBAE7Bd,KAAA,CAAAC,aAAA,CAACV,OAAO;IAACQ,KAAK,EAAEF,WAAW,GAAG,GAAI;IAACe,MAAM,EAAE,EAAG;IAACC,YAAY,EAAE;EAAG,CAAE,CAAC,eACnEb,KAAA,CAAAC,aAAA,CAACV,OAAO;IAACQ,KAAK,EAAEF,WAAW,GAAG,IAAK;IAACe,MAAM,EAAE,EAAG;IAACC,YAAY,EAAE;EAAG,CAAE,CAC3D,CACF,CACA,CACZ,CAAC;AAEP"}
+{"version":3,"names":["FlexView","Text","Shimmer","Dimensions","ScrollView","Header","styles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","LoadingView","windowWidth","get","width","children","onSettingsPress","bounces","testID","padding","flexDirection","alignItems","justifyContent","variant","color","height","borderRadius","margin","style","paymentButtonMock"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/LoadingView.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,IAAI,EAAEC,OAAO,QAAQ,+BAA+B;AACvE,SAASC,UAAU,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,MAAM,QAAQ,UAAU;AACjC,OAAOC,MAAM,MAAM,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE/B,OAAO,SAASC,WAAWA,CAAA,EAAG;EAC5B,MAAMC,WAAW,GAAGX,UAAU,CAACY,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK;EAElD,oBACEN,KAAA,CAAAE,SAAA;IAAAK,QAAA,gBACET,IAAA,CAACH,MAAM;MAACa,eAAe,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAE,CAAC,eACrCV,IAAA,CAACJ,UAAU;MAACe,OAAO,EAAE,KAAM;MAACC,MAAM,EAAC,qBAAqB;MAAAH,QAAA,eACtDP,KAAA,CAACV,QAAQ;QAACqB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;QAAAJ,QAAA,gBACtCP,KAAA,CAACV,QAAQ;UAACsB,aAAa,EAAC,KAAK;UAACC,UAAU,EAAC,QAAQ;UAACC,cAAc,EAAC,eAAe;UAAAP,QAAA,gBAC9ET,IAAA,CAACP,IAAI;YAACwB,OAAO,EAAC,WAAW;YAACC,KAAK,EAAC,QAAQ;YAAAT,QAAA,EAAC;UAEzC,CAAM,CAAC,eACPT,IAAA,CAACN,OAAO;YAACc,KAAK,EAAE,GAAI;YAACW,MAAM,EAAE,EAAG;YAACC,YAAY,EAAE;UAAG,CAAE,CAAC;QAAA,CAC7C,CAAC,eAGXpB,IAAA,CAACR,QAAQ;UAAC6B,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;UAAAZ,QAAA,eACrCT,IAAA,CAACN,OAAO;YAACc,KAAK,EAAC,MAAM;YAACW,MAAM,EAAE,GAAI;YAACC,YAAY,EAAE;UAAG,CAAE;QAAC,CAC/C,CAAC,eAGXpB,IAAA,CAACN,OAAO;UAACc,KAAK,EAAC,MAAM;UAACW,MAAM,EAAE,EAAG;UAACC,YAAY,EAAE,EAAG;UAACE,KAAK,EAAExB,MAAM,CAACyB;QAAkB,CAAE,CAAC,eAGvFrB,KAAA,CAACV,QAAQ;UACPsB,aAAa,EAAC,KAAK;UACnBC,UAAU,EAAC,QAAQ;UACnBC,cAAc,EAAC,eAAe;UAC9BK,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;UAAAZ,QAAA,gBAE7BT,IAAA,CAACN,OAAO;YAACc,KAAK,EAAEF,WAAW,GAAG,GAAI;YAACa,MAAM,EAAE,EAAG;YAACC,YAAY,EAAE;UAAG,CAAE,CAAC,eACnEpB,IAAA,CAACN,OAAO;YAACc,KAAK,EAAEF,WAAW,GAAG,IAAK;YAACa,MAAM,EAAE,EAAG;YAACC,YAAY,EAAE;UAAG,CAAE,CAAC;QAAA,CAC5D,CAAC;MAAA,CACH;IAAC,CACD,CAAC;EAAA,CACb,CAAC;AAEP","ignoreList":[]}

package/lib/module/views/w3m-onramp-view/components/PaymentButton.js

@@ -0,0 +1,116 @@
+"use strict";
+
+import { BorderRadius, FlexView, Icon, Image, LoadingSpinner, Pressable, Spacing, Text, useTheme } from '@reown/appkit-ui-react-native';
+import { StyleSheet, View } from 'react-native';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+function PaymentButton({
+  disabled,
+  loading,
+  title,
+  subtitle,
+  paymentLogo,
+  providerLogo,
+  onPress,
+  testID
+}) {
+  const Theme = useTheme();
+  const backgroundColor = Theme['gray-glass-005'];
+  return /*#__PURE__*/_jsx(Pressable, {
+    disabled: disabled || loading,
+    onPress: onPress,
+    style: styles.pressable,
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      style: [styles.container, {
+        backgroundColor
+      }],
+      alignItems: "center",
+      justifyContent: "space-between",
+      flexDirection: "row",
+      children: [/*#__PURE__*/_jsx(FlexView, {
+        alignItems: "center",
+        justifyContent: "center",
+        style: [styles.iconContainer, {
+          backgroundColor: Theme['bg-300']
+        }],
+        children: paymentLogo ? /*#__PURE__*/_jsx(Image, {
+          source: paymentLogo,
+          style: styles.paymentLogo,
+          resizeMethod: "resize",
+          resizeMode: "contain"
+        }) : /*#__PURE__*/_jsx(Icon, {
+          name: "card",
+          size: "lg"
+        })
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        flexGrow: 1,
+        flexDirection: "column",
+        alignItems: "flex-start",
+        margin: ['0', '0', '0', 's'],
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "paragraph-400",
+          color: "fg-100",
+          children: title
+        }), subtitle ? /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          margin: ['4xs', '0', '0', '0'],
+          children: [providerLogo ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(Text, {
+              variant: "small-400",
+              color: "fg-150",
+              children: "via"
+            }), /*#__PURE__*/_jsx(Image, {
+              source: providerLogo,
+              style: styles.providerLogo,
+              resizeMethod: "resize",
+              resizeMode: "contain"
+            })]
+          }) : null, /*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: subtitle
+          })]
+        }) : null]
+      }), loading ? /*#__PURE__*/_jsx(LoadingSpinner, {
+        size: "md",
+        color: "fg-200",
+        style: styles.rightIcon
+      }) : disabled ? /*#__PURE__*/_jsx(View, {}) : /*#__PURE__*/_jsx(Icon, {
+        name: "chevronRight",
+        size: "md",
+        color: "fg-200",
+        style: styles.rightIcon
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  pressable: {
+    borderRadius: BorderRadius.xs
+  },
+  container: {
+    padding: Spacing.s,
+    borderRadius: BorderRadius.xs
+  },
+  iconContainer: {
+    height: 40,
+    width: 40,
+    borderRadius: BorderRadius['3xs']
+  },
+  paymentLogo: {
+    height: 24,
+    width: 24
+  },
+  providerLogo: {
+    height: 16,
+    width: 16,
+    marginHorizontal: Spacing['4xs'],
+    borderRadius: BorderRadius['5xs']
+  },
+  rightIcon: {
+    marginRight: Spacing.xs
+  }
+});
+export default PaymentButton;
+//# sourceMappingURL=PaymentButton.js.map

package/lib/module/views/w3m-onramp-view/components/PaymentButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BorderRadius","FlexView","Icon","Image","LoadingSpinner","Pressable","Spacing","Text","useTheme","StyleSheet","View","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","PaymentButton","disabled","loading","title","subtitle","paymentLogo","providerLogo","onPress","testID","Theme","backgroundColor","style","styles","pressable","children","container","alignItems","justifyContent","flexDirection","iconContainer","source","resizeMethod","resizeMode","name","size","flexGrow","margin","variant","color","rightIcon","create","borderRadius","xs","padding","s","height","width","marginHorizontal","marginRight"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/PaymentButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/w3m-onramp-view/components/PaymentMethod.js

@@ -1,8 +1,11 @@
+"use strict";
+
 import { useSnapshot } from 'valtio';
 import { ThemeController } from '@reown/appkit-core-react-native';
 import { Pressable, FlexView, Spacing, Text, useTheme, Image, BorderRadius, IconBox } from '@reown/appkit-ui-react-native';
 import { StyleSheet } from 'react-native';
-export const ITEM_SIZE = 85;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ITEM_SIZE = 100;
 export function PaymentMethod({
   onPress,
   item,
@@ -16,44 +19,46 @@ export function PaymentMethod({
   const handlePress = () => {
     onPress(item);
   };
-  return /*#__PURE__*/React.createElement(Pressable, {
+  return /*#__PURE__*/_jsxs(Pressable, {
     onPress: handlePress,
     bounceScale: 0.96,
     style: styles.container,
     transparent: true,
     pressable: !selected,
-    testID: testID
-  }, /*#__PURE__*/React.createElement(FlexView, {
-    style: [styles.logoContainer, {
-      backgroundColor: Theme['gray-glass-005']
-    }],
-    alignItems: "center",
-    justifyContent: "center"
-  }, /*#__PURE__*/React.createElement(Image, {
-    source: item.logos[themeMode ?? 'light'],
-    style: styles.logo,
-    resizeMethod: "resize",
-    resizeMode: "center"
-  }), selected && /*#__PURE__*/React.createElement(IconBox, {
-    icon: "checkmark",
-    size: "sm",
-    background: true,
-    backgroundColor: "accent-100",
-    iconColor: "inverse-100",
-    style: styles.checkmark,
-    testID: "payment-method-checkmark"
-  })), /*#__PURE__*/React.createElement(Text, {
-    variant: "tiny-400",
-    color: "fg-100",
-    numberOfLines: 1,
-    style: styles.text
-  }, item.name));
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(FlexView, {
+      style: [styles.logoContainer, {
+        backgroundColor: Theme['gray-glass-005']
+      }],
+      alignItems: "center",
+      justifyContent: "center",
+      children: [/*#__PURE__*/_jsx(Image, {
+        source: item.logos[themeMode ?? 'light'],
+        style: styles.logo,
+        resizeMethod: "resize",
+        resizeMode: "contain"
+      }), selected ? /*#__PURE__*/_jsx(IconBox, {
+        icon: "checkmark",
+        size: "sm",
+        background: true,
+        backgroundColor: "accent-100",
+        iconColor: "inverse-100",
+        style: styles.checkmark,
+        testID: "payment-method-checkmark"
+      }) : null]
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "tiny-400",
+      color: "fg-100",
+      numberOfLines: 2,
+      style: styles.text,
+      children: item.name
+    })]
+  });
 }
 const styles = StyleSheet.create({
   container: {
     height: ITEM_SIZE,
-    width: ITEM_SIZE,
-    justifyContent: 'center',
+    width: 85,
     alignItems: 'center'
   },
   logoContainer: {
@@ -63,8 +68,8 @@ const styles = StyleSheet.create({
     marginBottom: Spacing['4xs']
   },
   logo: {
-    width: 22,
-    height: 22
+    width: 26,
+    height: 26
   },
   checkmark: {
     borderRadius: BorderRadius.full,
@@ -73,7 +78,9 @@ const styles = StyleSheet.create({
     right: -10
   },
   text: {
-    marginTop: Spacing.xs
+    marginTop: Spacing.xs,
+    paddingHorizontal: Spacing['3xs'],
+    textAlign: 'center'
   }
 });
 //# sourceMappingURL=PaymentMethod.js.map

package/lib/module/views/w3m-onramp-view/components/PaymentMethod.js.map

@@ -1 +1 @@
-{"version":3,"names":["useSnapshot","ThemeController","Pressable","FlexView","Spacing","Text","useTheme","Image","BorderRadius","IconBox","StyleSheet","ITEM_SIZE","PaymentMethod","onPress","item","selected","testID","Theme","themeMode","state","handlePress","React","createElement","bounceScale","style","styles","container","transparent","pressable","logoContainer","backgroundColor","alignItems","justifyContent","source","logos","logo","resizeMethod","resizeMode","icon","size","background","iconColor","checkmark","variant","color","numberOfLines","text","name","create","height","width","borderRadius","full","marginBottom","position","bottom","right","marginTop","xs"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/PaymentMethod.tsx"],"mappings":"AAAA,SAASA,WAAW,QAAQ,QAAQ;AACpC,SAASC,eAAe,QAAkC,iCAAiC;AAC3F,SACEC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,YAAY,EACZC,OAAO,QACF,+BAA+B;AACtC,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,SAAS,GAAG,EAAE;AAS3B,OAAO,SAASC,aAAaA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAc,CAAC,EAAE;EACxE,MAAMC,KAAK,GAAGX,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEY;EAAU,CAAC,GAAGlB,WAAW,CAACC,eAAe,CAACkB,KAAK,CAAC;EAExD,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBP,OAAO,CAACC,IAAI,CAAC;EACf,CAAC;EAED,oBACEO,KAAA,CAAAC,aAAA,CAACpB,SAAS;IACRW,OAAO,EAAEO,WAAY;IACrBG,WAAW,EAAE,IAAK;IAClBC,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBC,WAAW;IACXC,SAAS,EAAE,CAACb,QAAS;IACrBC,MAAM,EAAEA;EAAO,gBAEfK,KAAA,CAAAC,aAAA,CAACnB,QAAQ;IACPqB,KAAK,EAAE,CAACC,MAAM,CAACI,aAAa,EAAE;MAAEC,eAAe,EAAEb,KAAK,CAAC,gBAAgB;IAAE,CAAC,CAAE;IAC5Ec,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC;EAAQ,gBAEvBX,KAAA,CAAAC,aAAA,CAACf,KAAK;IACJ0B,MAAM,EAAEnB,IAAI,CAACoB,KAAK,CAAChB,SAAS,IAAI,OAAO,CAAE;IACzCM,KAAK,EAAEC,MAAM,CAACU,IAAK;IACnBC,YAAY,EAAC,QAAQ;IACrBC,UAAU,EAAC;EAAQ,CACpB,CAAC,EACDtB,QAAQ,iBACPM,KAAA,CAAAC,aAAA,CAACb,OAAO;IACN6B,IAAI,EAAC,WAAW;IAChBC,IAAI,EAAC,IAAI;IACTC,UAAU;IACVV,eAAe,EAAC,YAAY;IAC5BW,SAAS,EAAC,aAAa;IACvBjB,KAAK,EAAEC,MAAM,CAACiB,SAAU;IACxB1B,MAAM,EAAC;EAA0B,CAClC,CAEK,CAAC,eACXK,KAAA,CAAAC,aAAA,CAACjB,IAAI;IAACsC,OAAO,EAAC,UAAU;IAACC,KAAK,EAAC,QAAQ;IAACC,aAAa,EAAE,CAAE;IAACrB,KAAK,EAAEC,MAAM,CAACqB;EAAK,GAC1EhC,IAAI,CAACiC,IACF,CACG,CAAC;AAEhB;AAEA,MAAMtB,MAAM,GAAGf,UAAU,CAACsC,MAAM,CAAC;EAC/BtB,SAAS,EAAE;IACTuB,MAAM,EAAEtC,SAAS;IACjBuC,KAAK,EAAEvC,SAAS;IAChBqB,cAAc,EAAE,QAAQ;IACxBD,UAAU,EAAE;EACd,CAAC;EACDF,aAAa,EAAE;IACbqB,KAAK,EAAE,EAAE;IACTD,MAAM,EAAE,EAAE;IACVE,YAAY,EAAE3C,YAAY,CAAC4C,IAAI;IAC/BC,YAAY,EAAEjD,OAAO,CAAC,KAAK;EAC7B,CAAC;EACD+B,IAAI,EAAE;IACJe,KAAK,EAAE,EAAE;IACTD,MAAM,EAAE;EACV,CAAC;EACDP,SAAS,EAAE;IACTS,YAAY,EAAE3C,YAAY,CAAC4C,IAAI;IAC/BE,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;EACV,CAAC;EACDV,IAAI,EAAE;IACJW,SAAS,EAAErD,OAAO,CAACsD;EACrB;AACF,CAAC,CAAC"}
+{"version":3,"names":["useSnapshot","ThemeController","Pressable","FlexView","Spacing","Text","useTheme","Image","BorderRadius","IconBox","StyleSheet","jsx","_jsx","jsxs","_jsxs","ITEM_SIZE","PaymentMethod","onPress","item","selected","testID","Theme","themeMode","state","handlePress","bounceScale","style","styles","container","transparent","pressable","children","logoContainer","backgroundColor","alignItems","justifyContent","source","logos","logo","resizeMethod","resizeMode","icon","size","background","iconColor","checkmark","variant","color","numberOfLines","text","name","create","height","width","borderRadius","full","marginBottom","position","bottom","right","marginTop","xs","paddingHorizontal","textAlign"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/PaymentMethod.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/w3m-onramp-view/components/Quote.js

@@ -1,55 +1,68 @@
+"use strict";
+
 import { NumberUtil } from '@reown/appkit-common-react-native';
 import { FlexView, Image, Spacing, Text, Tag, useTheme, BorderRadius, Icon, Pressable } from '@reown/appkit-ui-react-native';
 import { StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const ITEM_HEIGHT = 64;
 export function Quote({
   item,
   logoURL,
   onQuotePress,
   selected,
-  tagText
+  tagText,
+  testID
 }) {
   const Theme = useTheme();
-  return /*#__PURE__*/React.createElement(Pressable, {
+  return /*#__PURE__*/_jsx(Pressable, {
     style: [styles.container, selected && {
       borderColor: Theme['accent-100']
     }],
-    onPress: () => onQuotePress(item)
-  }, /*#__PURE__*/React.createElement(FlexView, {
-    justifyContent: "space-between",
-    alignItems: "center",
-    flexDirection: "row",
-    padding: ['s', 's', 's', 's']
-  }, /*#__PURE__*/React.createElement(FlexView, {
-    flexDirection: "row",
-    alignItems: "center"
-  }, logoURL ? /*#__PURE__*/React.createElement(Image, {
-    source: logoURL,
-    style: styles.logo
-  }) : /*#__PURE__*/React.createElement(FlexView, {
-    style: [styles.logo, {
-      backgroundColor: Theme['gray-glass-005']
-    }],
-    justifyContent: "center",
-    alignItems: "center"
-  }), /*#__PURE__*/React.createElement(FlexView, {
-    flexDirection: "column"
-  }, /*#__PURE__*/React.createElement(FlexView, {
-    flexDirection: "row",
-    alignItems: "center",
-    margin: ['0', '0', '4xs', '0']
-  }, /*#__PURE__*/React.createElement(Text, {
-    variant: "paragraph-500",
-    style: styles.providerText
-  }, item.serviceProvider?.toLowerCase()), tagText && /*#__PURE__*/React.createElement(Tag, {
-    variant: "main",
-    style: styles.tag
-  }, tagText)), /*#__PURE__*/React.createElement(Text, {
-    variant: "tiny-500"
-  }, NumberUtil.roundNumber(item.destinationAmount, 6, 5), " ", item.destinationCurrencyCode))), selected && /*#__PURE__*/React.createElement(Icon, {
-    name: "checkmark",
-    color: "accent-100"
-  })));
+    onPress: () => onQuotePress(item),
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      justifyContent: "space-between",
+      alignItems: "center",
+      flexDirection: "row",
+      padding: ['s', 's', 's', 's'],
+      children: [/*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        children: [logoURL ? /*#__PURE__*/_jsx(Image, {
+          source: logoURL,
+          style: styles.logo
+        }) : /*#__PURE__*/_jsx(FlexView, {
+          style: [styles.logo, {
+            backgroundColor: Theme['gray-glass-005']
+          }],
+          justifyContent: "center",
+          alignItems: "center"
+        }), /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "column",
+          children: [/*#__PURE__*/_jsxs(FlexView, {
+            flexDirection: "row",
+            alignItems: "center",
+            margin: ['0', '0', '4xs', '0'],
+            children: [/*#__PURE__*/_jsx(Text, {
+              variant: "paragraph-500",
+              style: styles.providerText,
+              children: item.serviceProvider?.toLowerCase()
+            }), tagText ? /*#__PURE__*/_jsx(Tag, {
+              variant: "main",
+              style: styles.tag,
+              children: tagText
+            }) : null]
+          }), /*#__PURE__*/_jsxs(Text, {
+            variant: "tiny-500",
+            children: [NumberUtil.roundNumber(item.destinationAmount, 6, 5), ' ', item.destinationCurrencyCode?.split('_')[0]]
+          })]
+        })]
+      }), selected ? /*#__PURE__*/_jsx(Icon, {
+        name: "checkmark",
+        color: "accent-100"
+      }) : null]
+    })
+  });
 }
 const styles = StyleSheet.create({
   container: {

package/lib/module/views/w3m-onramp-view/components/Quote.js.map

@@ -1 +1 @@
-{"version":3,"names":["NumberUtil","FlexView","Image","Spacing","Text","Tag","useTheme","BorderRadius","Icon","Pressable","StyleSheet","ITEM_HEIGHT","Quote","item","logoURL","onQuotePress","selected","tagText","Theme","React","createElement","style","styles","container","borderColor","onPress","justifyContent","alignItems","flexDirection","padding","source","logo","backgroundColor","margin","variant","providerText","serviceProvider","toLowerCase","tag","roundNumber","destinationAmount","destinationCurrencyCode","name","color","create","borderRadius","xs","borderWidth","height","width","marginRight","textTransform","marginLeft"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/Quote.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mCAAmC;AAE9D,SACEC,QAAQ,EACRC,KAAK,EACLC,OAAO,EACPC,IAAI,EACJC,GAAG,EACHC,QAAQ,EACRC,YAAY,EACZC,IAAI,EACJC,SAAS,QACJ,+BAA+B;AACtC,SAASC,UAAU,QAAQ,cAAc;AAWzC,OAAO,MAAMC,WAAW,GAAG,EAAE;AAE7B,OAAO,SAASC,KAAKA,CAAC;EAAEC,IAAI;EAAEC,OAAO;EAAEC,YAAY;EAAEC,QAAQ;EAAEC;AAAe,CAAC,EAAE;EAC/E,MAAMC,KAAK,GAAGZ,QAAQ,CAAC,CAAC;EAExB,oBACEa,KAAA,CAAAC,aAAA,CAACX,SAAS;IACRY,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEP,QAAQ,IAAI;MAAEQ,WAAW,EAAEN,KAAK,CAAC,YAAY;IAAE,CAAC,CAAE;IAC5EO,OAAO,EAAEA,CAAA,KAAMV,YAAY,CAACF,IAAI;EAAE,gBAElCM,KAAA,CAAAC,aAAA,CAACnB,QAAQ;IACPyB,cAAc,EAAC,eAAe;IAC9BC,UAAU,EAAC,QAAQ;IACnBC,aAAa,EAAC,KAAK;IACnBC,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBAE9BV,KAAA,CAAAC,aAAA,CAACnB,QAAQ;IAAC2B,aAAa,EAAC,KAAK;IAACD,UAAU,EAAC;EAAQ,GAC9Cb,OAAO,gBACNK,KAAA,CAAAC,aAAA,CAAClB,KAAK;IAAC4B,MAAM,EAAEhB,OAAQ;IAACO,KAAK,EAAEC,MAAM,CAACS;EAAK,CAAE,CAAC,gBAE9CZ,KAAA,CAAAC,aAAA,CAACnB,QAAQ;IACPoB,KAAK,EAAE,CAACC,MAAM,CAACS,IAAI,EAAE;MAAEC,eAAe,EAAEd,KAAK,CAAC,gBAAgB;IAAE,CAAC,CAAE;IACnEQ,cAAc,EAAC,QAAQ;IACvBC,UAAU,EAAC;EAAQ,CACpB,CACF,eACDR,KAAA,CAAAC,aAAA,CAACnB,QAAQ;IAAC2B,aAAa,EAAC;EAAQ,gBAC9BT,KAAA,CAAAC,aAAA,CAACnB,QAAQ;IAAC2B,aAAa,EAAC,KAAK;IAACD,UAAU,EAAC,QAAQ;IAACM,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG;EAAE,gBAC/Ed,KAAA,CAAAC,aAAA,CAAChB,IAAI;IAAC8B,OAAO,EAAC,eAAe;IAACb,KAAK,EAAEC,MAAM,CAACa;EAAa,GACtDtB,IAAI,CAACuB,eAAe,EAAEC,WAAW,CAAC,CAC/B,CAAC,EACNpB,OAAO,iBACNE,KAAA,CAAAC,aAAA,CAACf,GAAG;IAAC6B,OAAO,EAAC,MAAM;IAACb,KAAK,EAAEC,MAAM,CAACgB;EAAI,GACnCrB,OACE,CAEC,CAAC,eACXE,KAAA,CAAAC,aAAA,CAAChB,IAAI;IAAC8B,OAAO,EAAC;EAAU,GACrBlC,UAAU,CAACuC,WAAW,CAAC1B,IAAI,CAAC2B,iBAAiB,EAAE,CAAC,EAAE,CAAC,CAAC,EAAC,GAAC,EAAC3B,IAAI,CAAC4B,uBACzD,CACE,CACF,CAAC,EACVzB,QAAQ,iBAAIG,KAAA,CAAAC,aAAA,CAACZ,IAAI;IAACkC,IAAI,EAAC,WAAW;IAACC,KAAK,EAAC;EAAY,CAAE,CAChD,CACD,CAAC;AAEhB;AAEA,MAAMrB,MAAM,GAAGZ,UAAU,CAACkC,MAAM,CAAC;EAC/BrB,SAAS,EAAE;IACTsB,YAAY,EAAEtC,YAAY,CAACuC,EAAE;IAC7BC,WAAW,EAAE,CAAC;IACdvB,WAAW,EAAE,aAAa;IAC1BwB,MAAM,EAAErC,WAAW;IACnBe,cAAc,EAAE;EAClB,CAAC;EACDK,IAAI,EAAE;IACJiB,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTJ,YAAY,EAAEtC,YAAY,CAAC,KAAK,CAAC;IACjC2C,WAAW,EAAE/C,OAAO,CAAC2C;EACvB,CAAC;EACDX,YAAY,EAAE;IACZgB,aAAa,EAAE;EACjB,CAAC;EACDb,GAAG,EAAE;IACHT,OAAO,EAAE1B,OAAO,CAAC,KAAK,CAAC;IACvBiD,UAAU,EAAEjD,OAAO,CAAC,KAAK;EAC3B;AACF,CAAC,CAAC"}
+{"version":3,"names":["NumberUtil","FlexView","Image","Spacing","Text","Tag","useTheme","BorderRadius","Icon","Pressable","StyleSheet","jsx","_jsx","jsxs","_jsxs","ITEM_HEIGHT","Quote","item","logoURL","onQuotePress","selected","tagText","testID","Theme","style","styles","container","borderColor","onPress","children","justifyContent","alignItems","flexDirection","padding","source","logo","backgroundColor","margin","variant","providerText","serviceProvider","toLowerCase","tag","roundNumber","destinationAmount","destinationCurrencyCode","split","name","color","create","borderRadius","xs","borderWidth","height","width","marginRight","textTransform","marginLeft"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/Quote.tsx"],"mappings":"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","ignoreList":[]}