@reown/appkit-react-native 2.0.0 → 2.0.2

package/lib/commonjs/views/w3m-onramp-view/components/CurrencyInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_react","CurrencyInput","value","loading","error","isAmountError","purchaseValue","onValueChange","onSuggestedValuePress","symbol","style","suggestedValues","Theme","useTheme","displayValue","setDisplayValue","useState","toString","isInternalChange","useRef","amountColor","handleKeyPress","key","current","prev","newDisplay","slice","endsWith","numericValue","Number","replace","includes","useEffect","undefined","React","createElement","FlexView","testID","alignItems","margin","flexDirection","Text","styles","input","color","variant","justifyContent","bottomContainer","LoadingSpinner","size","numberOfLines","map","suggestion","isSelected","Button","suggestedValue","selectedValue","backgroundColor","borderColor","onPress","Separator","separator","NumericKeyboard","onKeyPress","StyleSheet","create","fontSize","marginRight","Spacing","height","marginTop","flex","borderRadius","BorderRadius","xxs","xs","borderWidth","hairlineWidth"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/CurrencyInput.tsx"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_react","_jsxRuntime","CurrencyInput","value","loading","error","isAmountError","purchaseValue","onValueChange","onSuggestedValuePress","symbol","style","suggestedValues","Theme","useTheme","displayValue","setDisplayValue","useState","toString","isInternalChange","useRef","amountColor","handleKeyPress","key","current","prev","newDisplay","slice","endsWith","numericValue","Number","replace","includes","useEffect","undefined","jsxs","FlexView","testID","children","alignItems","margin","flexDirection","jsx","Text","styles","input","color","variant","justifyContent","bottomContainer","LoadingSpinner","size","numberOfLines","length","map","suggestion","isSelected","Button","suggestedValue","selectedValue","backgroundColor","borderColor","onPress","Separator","separator","NumericKeyboard","onKeyPress","StyleSheet","create","fontSize","marginRight","Spacing","height","marginTop","flex","borderRadius","BorderRadius","xxs","xs","borderWidth","hairlineWidth"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/CurrencyInput.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -5,40 +5,42 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Header = Header;
 var _reactNative = require("react-native");
-var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
 var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _AppKitContext = require("../../../AppKitContext");
+var _jsxRuntime = require("react/jsx-runtime");
 function Header({
   onSettingsPress
 }) {
+  const {
+    back
+  } = (0, _AppKitContext.useInternalAppKit)();
   const handleGoBack = () => {
-    if (_appkitCoreReactNative.RouterController.state.history.length > 1) {
-      _appkitCoreReactNative.RouterController.goBack();
-    } else {
-      _appkitCoreReactNative.ModalController.close();
-    }
+    back();
   };
-  return /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
     justifyContent: "space-between",
     flexDirection: "row",
     alignItems: "center",
-    padding: "l"
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.IconLink, {
-    icon: "chevronLeft",
-    size: "md",
-    onPress: handleGoBack,
-    testID: "button-back",
-    style: styles.icon
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "paragraph-600",
-    numberOfLines: 1,
-    testID: "header-text"
-  }, "Buy crypto"), /*#__PURE__*/React.createElement(_appkitUiReactNative.IconLink, {
-    icon: "settings",
-    size: "lg",
-    onPress: onSettingsPress,
-    style: styles.icon,
-    testID: "button-onramp-settings"
-  }));
+    padding: "l",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
+      icon: "chevronLeft",
+      size: "md",
+      onPress: handleGoBack,
+      testID: "button-back",
+      style: styles.icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+      variant: "paragraph-600",
+      numberOfLines: 1,
+      testID: "header-text",
+      children: "Buy Crypto"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
+      icon: "settings",
+      size: "lg",
+      onPress: onSettingsPress,
+      style: styles.icon,
+      testID: "button-onramp-settings"
+    })]
+  });
 }
 const styles = _reactNative.StyleSheet.create({
   icon: {

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_appkitCoreReactNative","_appkitUiReactNative","Header","onSettingsPress","handleGoBack","RouterController","state","history","length","goBack","ModalController","close","React","createElement","FlexView","justifyContent","flexDirection","alignItems","padding","IconLink","icon","size","onPress","testID","style","styles","Text","variant","numberOfLines","StyleSheet","create","height","width"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/Header.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAOO,SAASG,MAAMA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EACvD,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIC,uCAAgB,CAACC,KAAK,CAACC,OAAO,CAACC,MAAM,GAAG,CAAC,EAAE;MAC7CH,uCAAgB,CAACI,MAAM,CAAC,CAAC;IAC3B,CAAC,MAAM;MACLC,sCAAe,CAACC,KAAK,CAAC,CAAC;IACzB;EACF,CAAC;EAED,oBACEC,KAAA,CAAAC,aAAA,CAACZ,oBAAA,CAAAa,QAAQ;IAACC,cAAc,EAAC,eAAe;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,OAAO,EAAC;EAAG,gBAC1FN,KAAA,CAAAC,aAAA,CAACZ,oBAAA,CAAAkB,QAAQ;IACPC,IAAI,EAAC,aAAa;IAClBC,IAAI,EAAC,IAAI;IACTC,OAAO,EAAElB,YAAa;IACtBmB,MAAM,EAAC,aAAa;IACpBC,KAAK,EAAEC,MAAM,CAACL;EAAK,CACpB,CAAC,eACFR,KAAA,CAAAC,aAAA,CAACZ,oBAAA,CAAAyB,IAAI;IAACC,OAAO,EAAC,eAAe;IAACC,aAAa,EAAE,CAAE;IAACL,MAAM,EAAC;EAAa,GAAC,YAE/D,CAAC,eACPX,KAAA,CAAAC,aAAA,CAACZ,oBAAA,CAAAkB,QAAQ;IACPC,IAAI,EAAC,UAAU;IACfC,IAAI,EAAC,IAAI;IACTC,OAAO,EAAEnB,eAAgB;IACzBqB,KAAK,EAAEC,MAAM,CAACL,IAAK;IACnBG,MAAM,EAAC;EAAwB,CAChC,CACO,CAAC;AAEf;AAEA,MAAME,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BV,IAAI,EAAE;IACJW,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}
+{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_AppKitContext","_jsxRuntime","Header","onSettingsPress","back","useInternalAppKit","handleGoBack","jsxs","FlexView","justifyContent","flexDirection","alignItems","padding","children","jsx","IconLink","icon","size","onPress","testID","style","styles","Text","variant","numberOfLines","StyleSheet","create","height","width"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/Header.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA2D,IAAAG,WAAA,GAAAH,OAAA;AAMpD,SAASI,MAAMA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EACvD,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,gCAAiB,EAAC,CAAC;EAEpC,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzBF,IAAI,CAAC,CAAC;EACR,CAAC;EAED,oBACE,IAAAH,WAAA,CAAAM,IAAA,EAACR,oBAAA,CAAAS,QAAQ;IAACC,cAAc,EAAC,eAAe;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,OAAO,EAAC,GAAG;IAAAC,QAAA,gBAC1F,IAAAZ,WAAA,CAAAa,GAAA,EAACf,oBAAA,CAAAgB,QAAQ;MACPC,IAAI,EAAC,aAAa;MAClBC,IAAI,EAAC,IAAI;MACTC,OAAO,EAAEZ,YAAa;MACtBa,MAAM,EAAC,aAAa;MACpBC,KAAK,EAAEC,MAAM,CAACL;IAAK,CACpB,CAAC,eACF,IAAAf,WAAA,CAAAa,GAAA,EAACf,oBAAA,CAAAuB,IAAI;MAACC,OAAO,EAAC,eAAe;MAACC,aAAa,EAAE,CAAE;MAACL,MAAM,EAAC,aAAa;MAAAN,QAAA,EAAC;IAErE,CAAM,CAAC,eACP,IAAAZ,WAAA,CAAAa,GAAA,EAACf,oBAAA,CAAAgB,QAAQ;MACPC,IAAI,EAAC,UAAU;MACfC,IAAI,EAAC,IAAI;MACTC,OAAO,EAAEf,eAAgB;MACzBiB,KAAK,EAAEC,MAAM,CAACL,IAAK;MACnBG,MAAM,EAAC;IAAwB,CAChC,CAAC;EAAA,CACM,CAAC;AAEf;AAEA,MAAME,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BV,IAAI,EAAE;IACJW,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -8,51 +8,60 @@ var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
 var _reactNative = require("react-native");
 var _Header = require("./Header");
 var _styles = _interopRequireDefault(require("../styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function LoadingView() {
   const windowWidth = _reactNative.Dimensions.get('window').width;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Header.Header, {
-    onSettingsPress: () => {}
-  }), /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
-    bounces: false,
-    testID: "onramp-loading-view"
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    padding: ['s', 'l', '4xl', 'l']
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between"
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "small-400",
-    color: "fg-150"
-  }, "You Buy"), /*#__PURE__*/React.createElement(_appkitUiReactNative.Shimmer, {
-    width: 100,
-    height: 40,
-    borderRadius: 20
-  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    margin: ['m', '0', 'm', '0']
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Shimmer, {
-    width: "100%",
-    height: 370,
-    borderRadius: 16
-  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.Shimmer, {
-    width: "100%",
-    height: 64,
-    borderRadius: 16,
-    style: _styles.default.paymentMethodButton
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    margin: ['m', '0', '0', '0']
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Shimmer, {
-    width: windowWidth * 0.2,
-    height: 48,
-    borderRadius: 16
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.Shimmer, {
-    width: windowWidth * 0.68,
-    height: 48,
-    borderRadius: 16
-  })))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.Header, {
+      onSettingsPress: () => {}
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      bounces: false,
+      testID: "onramp-loading-view",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        padding: ['s', 'l', 's', 'l'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: "You Buy"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Shimmer, {
+            width: 100,
+            height: 40,
+            borderRadius: 20
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
+          margin: ['m', '0', 'm', '0'],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Shimmer, {
+            width: "100%",
+            height: 323,
+            borderRadius: 16
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Shimmer, {
+          width: "100%",
+          height: 64,
+          borderRadius: 16,
+          style: _styles.default.paymentButtonMock
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          margin: ['m', '0', '0', '0'],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Shimmer, {
+            width: windowWidth * 0.2,
+            height: 48,
+            borderRadius: 16
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Shimmer, {
+            width: windowWidth * 0.68,
+            height: 48,
+            borderRadius: 16
+          })]
+        })]
+      })
+    })]
+  });
 }
 //# sourceMappingURL=LoadingView.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_appkitUiReactNative","require","_reactNative","_Header","_styles","_interopRequireDefault","e","__esModule","default","LoadingView","windowWidth","Dimensions","get","width","React","createElement","Fragment","Header","onSettingsPress","ScrollView","bounces","testID","FlexView","padding","flexDirection","alignItems","justifyContent","Text","variant","color","Shimmer","height","borderRadius","margin","style","styles","paymentMethodButton"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/LoadingView.tsx"],"mappings":";;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA+B,SAAAI,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExB,SAASG,WAAWA,CAAA,EAAG;EAC5B,MAAMC,WAAW,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK;EAElD,oBACEC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,qBACEF,KAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAc,MAAM;IAACC,eAAe,EAAEA,CAAA,KAAM,CAAC;EAAE,CAAE,CAAC,eACrCJ,KAAA,CAAAC,aAAA,CAACb,YAAA,CAAAiB,UAAU;IAACC,OAAO,EAAE,KAAM;IAACC,MAAM,EAAC;EAAqB,gBACtDP,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAAsB,QAAQ;IAACC,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG;EAAE,gBACxCT,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAAsB,QAAQ;IAACE,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC;EAAe,gBAC9EZ,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAA2B,IAAI;IAACC,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GAAC,SAEnC,CAAC,eACPf,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAA8B,OAAO;IAACjB,KAAK,EAAE,GAAI;IAACkB,MAAM,EAAE,EAAG;IAACC,YAAY,EAAE;EAAG,CAAE,CAC5C,CAAC,eAGXlB,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAAsB,QAAQ;IAACW,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBACrCnB,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAA8B,OAAO;IAACjB,KAAK,EAAC,MAAM;IAACkB,MAAM,EAAE,GAAI;IAACC,YAAY,EAAE;EAAG,CAAE,CAC9C,CAAC,eAGXlB,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAA8B,OAAO;IAACjB,KAAK,EAAC,MAAM;IAACkB,MAAM,EAAE,EAAG;IAACC,YAAY,EAAE,EAAG;IAACE,KAAK,EAAEC,eAAM,CAACC;EAAoB,CAAE,CAAC,eAGzFtB,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAAsB,QAAQ;IACPE,aAAa,EAAC,KAAK;IACnBC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,eAAe;IAC9BO,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBAE7BnB,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAA8B,OAAO;IAACjB,KAAK,EAAEH,WAAW,GAAG,GAAI;IAACqB,MAAM,EAAE,EAAG;IAACC,YAAY,EAAE;EAAG,CAAE,CAAC,eACnElB,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAA8B,OAAO;IAACjB,KAAK,EAAEH,WAAW,GAAG,IAAK;IAACqB,MAAM,EAAE,EAAG;IAACC,YAAY,EAAE;EAAG,CAAE,CAC3D,CACF,CACA,CACZ,CAAC;AAEP"}
+{"version":3,"names":["_appkitUiReactNative","require","_reactNative","_Header","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","LoadingView","windowWidth","Dimensions","get","width","jsxs","Fragment","children","jsx","Header","onSettingsPress","ScrollView","bounces","testID","FlexView","padding","flexDirection","alignItems","justifyContent","Text","variant","color","Shimmer","height","borderRadius","margin","style","styles","paymentButtonMock"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/LoadingView.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_valtio","require","_appkitCoreReactNative","_appkitUiReactNative","_reactNative","ITEM_SIZE","exports","PaymentMethod","onPress","item","selected","testID","Theme","useTheme","themeMode","useSnapshot","ThemeController","state","handlePress","React","createElement","Pressable","bounceScale","style","styles","container","transparent","pressable","FlexView","logoContainer","backgroundColor","alignItems","justifyContent","Image","source","logos","logo","resizeMethod","resizeMode","IconBox","icon","size","background","iconColor","checkmark","Text","variant","color","numberOfLines","text","name","StyleSheet","create","height","width","borderRadius","BorderRadius","full","marginBottom","Spacing","position","bottom","right","marginTop","xs"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/PaymentMethod.tsx"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAUA,IAAAG,YAAA,GAAAH,OAAA;AAEO,MAAMI,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,EAAE;AASpB,SAASE,aAAaA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAc,CAAC,EAAE;EACxE,MAAMC,KAAK,GAAG,IAAAC,6BAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,mBAAW,EAACC,sCAAe,CAACC,KAAK,CAAC;EAExD,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBV,OAAO,CAACC,IAAI,CAAC;EACf,CAAC;EAED,oBACEU,KAAA,CAAAC,aAAA,CAACjB,oBAAA,CAAAkB,SAAS;IACRb,OAAO,EAAEU,WAAY;IACrBI,WAAW,EAAE,IAAK;IAClBC,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBC,WAAW;IACXC,SAAS,EAAE,CAACjB,QAAS;IACrBC,MAAM,EAAEA;EAAO,gBAEfQ,KAAA,CAAAC,aAAA,CAACjB,oBAAA,CAAAyB,QAAQ;IACPL,KAAK,EAAE,CAACC,MAAM,CAACK,aAAa,EAAE;MAAEC,eAAe,EAAElB,KAAK,CAAC,gBAAgB;IAAE,CAAC,CAAE;IAC5EmB,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC;EAAQ,gBAEvBb,KAAA,CAAAC,aAAA,CAACjB,oBAAA,CAAA8B,KAAK;IACJC,MAAM,EAAEzB,IAAI,CAAC0B,KAAK,CAACrB,SAAS,IAAI,OAAO,CAAE;IACzCS,KAAK,EAAEC,MAAM,CAACY,IAAK;IACnBC,YAAY,EAAC,QAAQ;IACrBC,UAAU,EAAC;EAAQ,CACpB,CAAC,EACD5B,QAAQ,iBACPS,KAAA,CAAAC,aAAA,CAACjB,oBAAA,CAAAoC,OAAO;IACNC,IAAI,EAAC,WAAW;IAChBC,IAAI,EAAC,IAAI;IACTC,UAAU;IACVZ,eAAe,EAAC,YAAY;IAC5Ba,SAAS,EAAC,aAAa;IACvBpB,KAAK,EAAEC,MAAM,CAACoB,SAAU;IACxBjC,MAAM,EAAC;EAA0B,CAClC,CAEK,CAAC,eACXQ,KAAA,CAAAC,aAAA,CAACjB,oBAAA,CAAA0C,IAAI;IAACC,OAAO,EAAC,UAAU;IAACC,KAAK,EAAC,QAAQ;IAACC,aAAa,EAAE,CAAE;IAACzB,KAAK,EAAEC,MAAM,CAACyB;EAAK,GAC1ExC,IAAI,CAACyC,IACF,CACG,CAAC;AAEhB;AAEA,MAAM1B,MAAM,GAAG2B,uBAAU,CAACC,MAAM,CAAC;EAC/B3B,SAAS,EAAE;IACT4B,MAAM,EAAEhD,SAAS;IACjBiD,KAAK,EAAEjD,SAAS;IAChB2B,cAAc,EAAE,QAAQ;IACxBD,UAAU,EAAE;EACd,CAAC;EACDF,aAAa,EAAE;IACbyB,KAAK,EAAE,EAAE;IACTD,MAAM,EAAE,EAAE;IACVE,YAAY,EAAEC,iCAAY,CAACC,IAAI;IAC/BC,YAAY,EAAEC,4BAAO,CAAC,KAAK;EAC7B,CAAC;EACDvB,IAAI,EAAE;IACJkB,KAAK,EAAE,EAAE;IACTD,MAAM,EAAE;EACV,CAAC;EACDT,SAAS,EAAE;IACTW,YAAY,EAAEC,iCAAY,CAACC,IAAI;IAC/BG,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;EACV,CAAC;EACDb,IAAI,EAAE;IACJc,SAAS,EAAEJ,4BAAO,CAACK;EACrB;AACF,CAAC,CAAC"}
+{"version":3,"names":["_valtio","require","_appkitCoreReactNative","_appkitUiReactNative","_reactNative","_jsxRuntime","ITEM_SIZE","exports","PaymentMethod","onPress","item","selected","testID","Theme","useTheme","themeMode","useSnapshot","ThemeController","state","handlePress","jsxs","Pressable","bounceScale","style","styles","container","transparent","pressable","children","FlexView","logoContainer","backgroundColor","alignItems","justifyContent","jsx","Image","source","logos","logo","resizeMethod","resizeMode","IconBox","icon","size","background","iconColor","checkmark","Text","variant","color","numberOfLines","text","name","StyleSheet","create","height","width","borderRadius","BorderRadius","full","marginBottom","Spacing","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/commonjs/views/w3m-onramp-view/components/Quote.js

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