@reown/appkit-react-native 0.0.0-feat-coinbase-20250723185200 → 0.0.0-feat-multichain-20250725133522

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

@@ -1,5 +1,5 @@
-import { Pressable, FlexView, Spacing, Text, useTheme, Icon, Image, BorderRadius } from '@reown/appkit-ui-react-native';
-import { StyleSheet } from 'react-native';
+import { Pressable, FlexView, Spacing, Text, useTheme, Icon, BorderRadius } from '@reown/appkit-ui-react-native';
+import { StyleSheet, Image } from 'react-native';
 export const ITEM_HEIGHT = 60;
 export function Currency({
   onPress,
@@ -28,9 +28,11 @@ export function Currency({
     alignItems: "center",
     justifyContent: "flex-start"
   }, /*#__PURE__*/React.createElement(Image, {
-    source: item.symbolImageUrl,
+    source: {
+      uri: item.symbolImageUrl
+    },
     style: [styles.logo, {
-      backgroundColor: Theme['fg-100']
+      backgroundColor: Theme['inverse-100']
     }]
   }), /*#__PURE__*/React.createElement(FlexView, null, /*#__PURE__*/React.createElement(Text, {
     variant: "paragraph-500",

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

@@ -1 +1 @@
-{"version":3,"names":["Pressable","FlexView","Spacing","Text","useTheme","Icon","Image","BorderRadius","StyleSheet","ITEM_HEIGHT","Currency","onPress","item","selected","title","subtitle","testID","Theme","handlePress","React","createElement","style","styles","container","backgroundColor","flexDirection","alignItems","justifyContent","padding","source","symbolImageUrl","logo","variant","color","numberOfLines","ellipsizeMode","name","size","checkmark","create","height","borderRadius","s","width","full","marginRight","xs","borderWidth","text","flex"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/Currency.tsx"],"mappings":"AAIA,SACEA,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,IAAI,EACJC,QAAQ,EACRC,IAAI,EACJC,KAAK,EACLC,YAAY,QACP,+BAA+B;AACtC,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,WAAW,GAAG,EAAE;AAW7B,OAAO,SAASC,QAAQA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAc,CAAC,EAAE;EACpF,MAAMC,KAAK,GAAGb,QAAQ,CAAC,CAAC;EAExB,MAAMc,WAAW,GAAGA,CAAA,KAAM;IACxBP,OAAO,CAACC,IAAI,CAAC;EACf,CAAC;EAED,oBACEO,KAAA,CAAAC,aAAA,CAACpB,SAAS;IACRW,OAAO,EAAEO,WAAY;IACrBG,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBC,eAAe,EAAC,aAAa;IAC7BR,MAAM,EAAEA;EAAO,gBAEfG,KAAA,CAAAC,aAAA,CAACnB,QAAQ;IAACwB,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC,eAAe;IAACC,OAAO,EAAC;EAAI,gBAC3FT,KAAA,CAAAC,aAAA,CAACnB,QAAQ;IAACwB,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC;EAAY,gBAC3ER,KAAA,CAAAC,aAAA,CAACd,KAAK;IACJuB,MAAM,EAAEjB,IAAI,CAACkB,cAAe;IAC5BT,KAAK,EAAE,CAACC,MAAM,CAACS,IAAI,EAAE;MAAEP,eAAe,EAAEP,KAAK,CAAC,QAAQ;IAAE,CAAC;EAAE,CAC5D,CAAC,eACFE,KAAA,CAAAC,aAAA,CAACnB,QAAQ,qBACPkB,KAAA,CAAAC,aAAA,CAACjB,IAAI;IAAC6B,OAAO,EAAC,eAAe;IAACC,KAAK,EAAC,QAAQ;IAACC,aAAa,EAAE,CAAE;IAACC,aAAa,EAAC;EAAM,GAChFrB,KACG,CAAC,eACPK,KAAA,CAAAC,aAAA,CAACjB,IAAI;IAAC6B,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GACrClB,QACG,CACE,CACF,CAAC,EACVF,QAAQ,iBACPM,KAAA,CAAAC,aAAA,CAACf,IAAI;IAAC+B,IAAI,EAAC,WAAW;IAACC,IAAI,EAAC,IAAI;IAACJ,KAAK,EAAC,YAAY;IAACZ,KAAK,EAAEC,MAAM,CAACgB;EAAU,CAAE,CAExE,CACD,CAAC;AAEhB;AAEA,MAAMhB,MAAM,GAAGd,UAAU,CAAC+B,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTI,cAAc,EAAE,QAAQ;IACxBa,MAAM,EAAE/B,WAAW;IACnBgC,YAAY,EAAElC,YAAY,CAACmC;EAC7B,CAAC;EACDX,IAAI,EAAE;IACJY,KAAK,EAAE,EAAE;IACTH,MAAM,EAAE,EAAE;IACVC,YAAY,EAAElC,YAAY,CAACqC,IAAI;IAC/BC,WAAW,EAAE3C,OAAO,CAAC4C;EACvB,CAAC;EACDR,SAAS,EAAE;IACTO,WAAW,EAAE3C,OAAO,CAAC,KAAK;EAC5B,CAAC;EACDW,QAAQ,EAAE;IACRkC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJC,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}
+{"version":3,"names":["Pressable","FlexView","Spacing","Text","useTheme","Icon","BorderRadius","StyleSheet","Image","ITEM_HEIGHT","Currency","onPress","item","selected","title","subtitle","testID","Theme","handlePress","React","createElement","style","styles","container","backgroundColor","flexDirection","alignItems","justifyContent","padding","source","uri","symbolImageUrl","logo","variant","color","numberOfLines","ellipsizeMode","name","size","checkmark","create","height","borderRadius","s","width","full","marginRight","xs","borderWidth","text","flex"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/Currency.tsx"],"mappings":"AAIA,SACEA,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,IAAI,EACJC,QAAQ,EACRC,IAAI,EACJC,YAAY,QACP,+BAA+B;AACtC,SAASC,UAAU,EAAEC,KAAK,QAAQ,cAAc;AAEhD,OAAO,MAAMC,WAAW,GAAG,EAAE;AAW7B,OAAO,SAASC,QAAQA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAc,CAAC,EAAE;EACpF,MAAMC,KAAK,GAAGb,QAAQ,CAAC,CAAC;EAExB,MAAMc,WAAW,GAAGA,CAAA,KAAM;IACxBP,OAAO,CAACC,IAAI,CAAC;EACf,CAAC;EAED,oBACEO,KAAA,CAAAC,aAAA,CAACpB,SAAS;IACRW,OAAO,EAAEO,WAAY;IACrBG,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBC,eAAe,EAAC,aAAa;IAC7BR,MAAM,EAAEA;EAAO,gBAEfG,KAAA,CAAAC,aAAA,CAACnB,QAAQ;IAACwB,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC,eAAe;IAACC,OAAO,EAAC;EAAI,gBAC3FT,KAAA,CAAAC,aAAA,CAACnB,QAAQ;IAACwB,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC;EAAY,gBAC3ER,KAAA,CAAAC,aAAA,CAACZ,KAAK;IACJqB,MAAM,EAAE;MAAEC,GAAG,EAAElB,IAAI,CAACmB;IAAe,CAAE;IACrCV,KAAK,EAAE,CAACC,MAAM,CAACU,IAAI,EAAE;MAAER,eAAe,EAAEP,KAAK,CAAC,aAAa;IAAE,CAAC;EAAE,CACjE,CAAC,eACFE,KAAA,CAAAC,aAAA,CAACnB,QAAQ,qBACPkB,KAAA,CAAAC,aAAA,CAACjB,IAAI;IAAC8B,OAAO,EAAC,eAAe;IAACC,KAAK,EAAC,QAAQ;IAACC,aAAa,EAAE,CAAE;IAACC,aAAa,EAAC;EAAM,GAChFtB,KACG,CAAC,eACPK,KAAA,CAAAC,aAAA,CAACjB,IAAI;IAAC8B,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GACrCnB,QACG,CACE,CACF,CAAC,EACVF,QAAQ,iBACPM,KAAA,CAAAC,aAAA,CAACf,IAAI;IAACgC,IAAI,EAAC,WAAW;IAACC,IAAI,EAAC,IAAI;IAACJ,KAAK,EAAC,YAAY;IAACb,KAAK,EAAEC,MAAM,CAACiB;EAAU,CAAE,CAExE,CACD,CAAC;AAEhB;AAEA,MAAMjB,MAAM,GAAGf,UAAU,CAACiC,MAAM,CAAC;EAC/BjB,SAAS,EAAE;IACTI,cAAc,EAAE,QAAQ;IACxBc,MAAM,EAAEhC,WAAW;IACnBiC,YAAY,EAAEpC,YAAY,CAACqC;EAC7B,CAAC;EACDX,IAAI,EAAE;IACJY,KAAK,EAAE,EAAE;IACTH,MAAM,EAAE,EAAE;IACVC,YAAY,EAAEpC,YAAY,CAACuC,IAAI;IAC/BC,WAAW,EAAE5C,OAAO,CAAC6C;EACvB,CAAC;EACDR,SAAS,EAAE;IACTO,WAAW,EAAE5C,OAAO,CAAC,KAAK;EAC5B,CAAC;EACDW,QAAQ,EAAE;IACRmC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJC,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,7 +1,6 @@
 import { StyleSheet } from 'react-native';
 import { Button, FlexView, useTheme, Text, LoadingSpinner, NumericKeyboard, Separator, Spacing, BorderRadius } from '@reown/appkit-ui-react-native';
-import { useEffect, useState } from 'react';
-import { useRef } from 'react';
+import { useEffect, useState, useRef } from 'react';
 export function CurrencyInput({
   value,
   loading,
@@ -70,7 +69,8 @@ export function CurrencyInput({
     }]
   }, displayValue), /*#__PURE__*/React.createElement(Text, {
     variant: "large-400",
-    color: isAmountError ? 'error-100' : 'fg-200'
+    color: isAmountError ? 'error-100' : 'fg-200',
+    testID: "currency-input-symbol"
   }, symbol || '')), /*#__PURE__*/React.createElement(FlexView, {
     alignItems: "center",
     justifyContent: "center",
@@ -87,7 +87,7 @@ export function CurrencyInput({
     variant: "paragraph-500",
     color: "fg-150",
     numberOfLines: 1
-  }, purchaseValue))), /*#__PURE__*/React.createElement(FlexView, {
+  }, purchaseValue))), suggestedValues && suggestedValues.length > 0 && /*#__PURE__*/React.createElement(FlexView, {
     flexDirection: "row",
     justifyContent: "space-between",
     margin: ['s', '0', '0', '0']

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

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

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

@@ -1,7 +1,6 @@
 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';
 export function Header({
   onSettingsPress
 }) {

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","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,EAAEC,QAAQ,QAAQ,+BAA+B;AAMxE,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","ignoreList":[]}

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

@@ -26,13 +26,13 @@ export function LoadingView() {
     margin: ['m', '0', 'm', '0']
   }, /*#__PURE__*/React.createElement(Shimmer, {
     width: "100%",
-    height: 370,
+    height: 323,
     borderRadius: 16
   })), /*#__PURE__*/React.createElement(Shimmer, {
     width: "100%",
     height: 64,
     borderRadius: 16,
-    style: styles.paymentMethodButton
+    style: styles.paymentButtonMock
   }), /*#__PURE__*/React.createElement(FlexView, {
     flexDirection: "row",
     alignItems: "center",

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","LoadingView","windowWidth","get","width","React","createElement","Fragment","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;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;EAAkB,CAAE,CAAC,eAGvFhB,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","ignoreList":[]}

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

@@ -0,0 +1,103 @@
+import { BorderRadius, FlexView, Icon, Image, LoadingSpinner, Pressable, Spacing, Text, useTheme } from '@reown/appkit-ui-react-native';
+import { StyleSheet, View } from 'react-native';
+function PaymentButton({
+  disabled,
+  loading,
+  title,
+  subtitle,
+  paymentLogo,
+  providerLogo,
+  onPress,
+  testID
+}) {
+  const Theme = useTheme();
+  const backgroundColor = Theme['gray-glass-005'];
+  return /*#__PURE__*/React.createElement(Pressable, {
+    disabled: disabled || loading,
+    onPress: onPress,
+    style: styles.pressable,
+    testID: testID
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    style: [styles.container, {
+      backgroundColor
+    }],
+    alignItems: "center",
+    justifyContent: "space-between",
+    flexDirection: "row"
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    alignItems: "center",
+    justifyContent: "center",
+    style: [styles.iconContainer, {
+      backgroundColor: Theme['bg-300']
+    }]
+  }, paymentLogo ? /*#__PURE__*/React.createElement(Image, {
+    source: paymentLogo,
+    style: styles.paymentLogo,
+    resizeMethod: "resize",
+    resizeMode: "contain"
+  }) : /*#__PURE__*/React.createElement(Icon, {
+    name: "card",
+    size: "lg"
+  })), /*#__PURE__*/React.createElement(FlexView, {
+    flexGrow: 1,
+    flexDirection: "column",
+    alignItems: "flex-start",
+    margin: ['0', '0', '0', 's']
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "paragraph-400",
+    color: "fg-100"
+  }, title), subtitle && /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    margin: ['4xs', '0', '0', '0']
+  }, providerLogo && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-150"
+  }, "via"), /*#__PURE__*/React.createElement(Image, {
+    source: providerLogo,
+    style: styles.providerLogo,
+    resizeMethod: "resize",
+    resizeMode: "contain"
+  })), /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-150"
+  }, subtitle))), loading ? /*#__PURE__*/React.createElement(LoadingSpinner, {
+    size: "md",
+    color: "fg-200",
+    style: styles.rightIcon
+  }) : disabled ? /*#__PURE__*/React.createElement(View, null) : /*#__PURE__*/React.createElement(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","PaymentButton","disabled","loading","title","subtitle","paymentLogo","providerLogo","onPress","testID","Theme","backgroundColor","React","createElement","style","styles","pressable","container","alignItems","justifyContent","flexDirection","iconContainer","source","resizeMethod","resizeMode","name","size","flexGrow","margin","variant","color","Fragment","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

@@ -2,7 +2,7 @@ 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;
+export const ITEM_SIZE = 100;
 export function PaymentMethod({
   onPress,
   item,
@@ -33,7 +33,7 @@ export function PaymentMethod({
     source: item.logos[themeMode ?? 'light'],
     style: styles.logo,
     resizeMethod: "resize",
-    resizeMode: "center"
+    resizeMode: "contain"
   }), selected && /*#__PURE__*/React.createElement(IconBox, {
     icon: "checkmark",
     size: "sm",
@@ -45,15 +45,14 @@ export function PaymentMethod({
   })), /*#__PURE__*/React.createElement(Text, {
     variant: "tiny-400",
     color: "fg-100",
-    numberOfLines: 1,
+    numberOfLines: 2,
     style: styles.text
   }, item.name));
 }
 const styles = StyleSheet.create({
   container: {
     height: ITEM_SIZE,
-    width: ITEM_SIZE,
-    justifyContent: 'center',
+    width: 85,
     alignItems: 'center'
   },
   logoContainer: {
@@ -63,8 +62,8 @@ const styles = StyleSheet.create({
     marginBottom: Spacing['4xs']
   },
   logo: {
-    width: 22,
-    height: 22
+    width: 26,
+    height: 26
   },
   checkmark: {
     borderRadius: BorderRadius.full,
@@ -73,7 +72,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","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","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

@@ -7,14 +7,16 @@ export function Quote({
   logoURL,
   onQuotePress,
   selected,
-  tagText
+  tagText,
+  testID
 }) {
   const Theme = useTheme();
   return /*#__PURE__*/React.createElement(Pressable, {
     style: [styles.container, selected && {
       borderColor: Theme['accent-100']
     }],
-    onPress: () => onQuotePress(item)
+    onPress: () => onQuotePress(item),
+    testID: testID
   }, /*#__PURE__*/React.createElement(FlexView, {
     justifyContent: "space-between",
     alignItems: "center",
@@ -46,7 +48,7 @@ export function Quote({
     style: styles.tag
   }, tagText)), /*#__PURE__*/React.createElement(Text, {
     variant: "tiny-500"
-  }, NumberUtil.roundNumber(item.destinationAmount, 6, 5), " ", item.destinationCurrencyCode))), selected && /*#__PURE__*/React.createElement(Icon, {
+  }, NumberUtil.roundNumber(item.destinationAmount, 6, 5), ' ', item.destinationCurrencyCode?.split('_')[0]))), selected && /*#__PURE__*/React.createElement(Icon, {
     name: "checkmark",
     color: "accent-100"
   })));

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":"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"}
+{"version":3,"names":["NumberUtil","FlexView","Image","Spacing","Text","Tag","useTheme","BorderRadius","Icon","Pressable","StyleSheet","ITEM_HEIGHT","Quote","item","logoURL","onQuotePress","selected","tagText","testID","Theme","React","createElement","style","styles","container","borderColor","onPress","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":"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;AAYzC,OAAO,MAAMC,WAAW,GAAG,EAAE;AAE7B,OAAO,SAASC,KAAKA,CAAC;EAAEC,IAAI;EAAEC,OAAO;EAAEC,YAAY;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAc,CAAC,EAAE;EACvF,MAAMC,KAAK,GAAGb,QAAQ,CAAC,CAAC;EAExB,oBACEc,KAAA,CAAAC,aAAA,CAACZ,SAAS;IACRa,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAER,QAAQ,IAAI;MAAES,WAAW,EAAEN,KAAK,CAAC,YAAY;IAAE,CAAC,CAAE;IAC5EO,OAAO,EAAEA,CAAA,KAAMX,YAAY,CAACF,IAAI,CAAE;IAClCK,MAAM,EAAEA;EAAO,gBAEfE,KAAA,CAAAC,aAAA,CAACpB,QAAQ;IACP0B,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,CAACpB,QAAQ;IAAC4B,aAAa,EAAC,KAAK;IAACD,UAAU,EAAC;EAAQ,GAC9Cd,OAAO,gBACNM,KAAA,CAAAC,aAAA,CAACnB,KAAK;IAAC6B,MAAM,EAAEjB,OAAQ;IAACQ,KAAK,EAAEC,MAAM,CAACS;EAAK,CAAE,CAAC,gBAE9CZ,KAAA,CAAAC,aAAA,CAACpB,QAAQ;IACPqB,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,CAACpB,QAAQ;IAAC4B,aAAa,EAAC;EAAQ,gBAC9BT,KAAA,CAAAC,aAAA,CAACpB,QAAQ;IAAC4B,aAAa,EAAC,KAAK;IAACD,UAAU,EAAC,QAAQ;IAACM,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG;EAAE,gBAC/Ed,KAAA,CAAAC,aAAA,CAACjB,IAAI;IAAC+B,OAAO,EAAC,eAAe;IAACb,KAAK,EAAEC,MAAM,CAACa;EAAa,GACtDvB,IAAI,CAACwB,eAAe,EAAEC,WAAW,CAAC,CAC/B,CAAC,EACNrB,OAAO,iBACNG,KAAA,CAAAC,aAAA,CAAChB,GAAG;IAAC8B,OAAO,EAAC,MAAM;IAACb,KAAK,EAAEC,MAAM,CAACgB;EAAI,GACnCtB,OACE,CAEC,CAAC,eACXG,KAAA,CAAAC,aAAA,CAACjB,IAAI;IAAC+B,OAAO,EAAC;EAAU,GACrBnC,UAAU,CAACwC,WAAW,CAAC3B,IAAI,CAAC4B,iBAAiB,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EACzD5B,IAAI,CAAC6B,uBAAuB,EAAEC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CACvC,CACE,CACF,CAAC,EACV3B,QAAQ,iBAAII,KAAA,CAAAC,aAAA,CAACb,IAAI;IAACoC,IAAI,EAAC,WAAW;IAACC,KAAK,EAAC;EAAY,CAAE,CAChD,CACD,CAAC;AAEhB;AAEA,MAAMtB,MAAM,GAAGb,UAAU,CAACoC,MAAM,CAAC;EAC/BtB,SAAS,EAAE;IACTuB,YAAY,EAAExC,YAAY,CAACyC,EAAE;IAC7BC,WAAW,EAAE,CAAC;IACdxB,WAAW,EAAE,aAAa;IAC1ByB,MAAM,EAAEvC,WAAW;IACnBgB,cAAc,EAAE;EAClB,CAAC;EACDK,IAAI,EAAE;IACJkB,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTJ,YAAY,EAAExC,YAAY,CAAC,KAAK,CAAC;IACjC6C,WAAW,EAAEjD,OAAO,CAAC6C;EACvB,CAAC;EACDZ,YAAY,EAAE;IACZiB,aAAa,EAAE;EACjB,CAAC;EACDd,GAAG,EAAE;IACHT,OAAO,EAAE3B,OAAO,CAAC,KAAK,CAAC;IACvBmD,UAAU,EAAEnD,OAAO,CAAC,KAAK;EAC3B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,12 +1,12 @@
+/* eslint-disable valtio/state-snapshot-rule */
 import { useSnapshot } from 'valtio';
-import { useRef, useState, useMemo } from 'react';
+import { useRef, useState, useMemo, useEffect } from 'react';
 import Modal from 'react-native-modal';
-import { Dimensions, FlatList, StyleSheet, View } from 'react-native';
-import { FlexView, IconLink, Spacing, Text, useTheme, Separator, LoadingSpinner, BorderRadius } from '@reown/appkit-ui-react-native';
+import { FlatList, StyleSheet, View } from 'react-native';
+import { FlexView, IconLink, Spacing, Text, useTheme, Separator, BorderRadius } from '@reown/appkit-ui-react-native';
 import { OnRampController } from '@reown/appkit-core-react-native';
-import { Placeholder } from '../../../partials/w3m-placeholder';
 import { Quote, ITEM_HEIGHT as QUOTE_ITEM_HEIGHT } from './Quote';
-import { PaymentMethod, ITEM_SIZE } from './PaymentMethod';
+import { PaymentMethod } from './PaymentMethod';
 const SEPARATOR_HEIGHT = Spacing.s;
 export function SelectPaymentModal({
   title,
@@ -16,18 +16,24 @@ export function SelectPaymentModal({
   const Theme = useTheme();
   const {
     selectedQuote,
-    quotes
+    quotes,
+    selectedPaymentMethod
   } = useSnapshot(OnRampController.state);
   const paymentMethodsRef = useRef(null);
   const [paymentMethods, setPaymentMethods] = useState(OnRampController.state.paymentMethods);
+  const [activePaymentMethod, setActivePaymentMethod] = useState(OnRampController.state.selectedPaymentMethod);
+  const availablePaymentMethods = useMemo(() => {
+    return paymentMethods.filter(paymentMethod => quotes?.some(quote => quote.paymentMethodType === paymentMethod.paymentMethod));
+  }, [paymentMethods, quotes]);
+  const availableQuotes = useMemo(() => {
+    return quotes?.filter(quote => activePaymentMethod?.paymentMethod === quote.paymentMethodType);
+  }, [quotes, activePaymentMethod]);
   const sortedQuotes = useMemo(() => {
-    if (!selectedQuote) {
-      return quotes;
+    if (!selectedQuote || selectedQuote.paymentMethodType !== activePaymentMethod?.paymentMethod) {
+      return availableQuotes;
     }
-    return [selectedQuote,
-    // eslint-disable-next-line valtio/state-snapshot-rule
-    ...(quotes?.filter(quote => quote.serviceProvider !== selectedQuote.serviceProvider) ?? [])];
-  }, [quotes, selectedQuote]);
+    return [selectedQuote, ...(availableQuotes?.filter(quote => quote.serviceProvider !== selectedQuote.serviceProvider) ?? [])];
+  }, [availableQuotes, selectedQuote, activePaymentMethod]);
   const renderSeparator = () => {
     return /*#__PURE__*/React.createElement(View, {
       style: {
@@ -36,72 +42,53 @@ export function SelectPaymentModal({
     });
   };
   const handleQuotePress = quote => {
-    if (quote.serviceProvider !== OnRampController.state.selectedQuote?.serviceProvider) {
+    if (activePaymentMethod) {
+      OnRampController.clearError();
       OnRampController.setSelectedQuote(quote);
+      OnRampController.setSelectedPaymentMethod(activePaymentMethod);
     }
     onClose();
   };
   const handlePaymentMethodPress = paymentMethod => {
-    if (paymentMethod.paymentMethod !== OnRampController.state.selectedPaymentMethod?.paymentMethod) {
-      OnRampController.setSelectedPaymentMethod(paymentMethod);
-    }
-    const visibleItemsCount = Math.round(Dimensions.get('window').width / ITEM_SIZE);
-
-    // Switch payment method to the top if there are more than visibleItemsCount payment methods
-    if (OnRampController.state.paymentMethods.length > visibleItemsCount) {
-      const paymentIndex = paymentMethods.findIndex(method => method.paymentMethod === paymentMethod.paymentMethod);
-
-      // Switch payment if its not visible
-      if (paymentIndex + 1 > visibleItemsCount - 1) {
-        const realIndex = OnRampController.state.paymentMethods.findIndex(method => method.paymentMethod === paymentMethod.paymentMethod);
-        const newPaymentMethods = [paymentMethod, ...OnRampController.state.paymentMethods.slice(0, realIndex), ...OnRampController.state.paymentMethods.slice(realIndex + 1)];
-        setPaymentMethods(newPaymentMethods);
-      }
-    }
-    paymentMethodsRef.current?.scrollToIndex({
-      index: 0,
-      animated: true
-    });
+    setActivePaymentMethod(paymentMethod);
   };
   const renderQuote = ({
-    item
+    item,
+    index
   }) => {
     const logoURL = OnRampController.getServiceProviderImage(item.serviceProvider);
-    const selected = item.serviceProvider === OnRampController.state.selectedQuote?.serviceProvider;
-    const isBestDeal = OnRampController.state.quotes?.findIndex(quote => quote.serviceProvider === item.serviceProvider) === 0;
-    const tagText = isBestDeal ? 'Best Deal' : item.lowKyc ? 'Low KYC' : undefined;
+    const isSelected = item.serviceProvider === OnRampController.state.selectedQuote?.serviceProvider && item.paymentMethodType === OnRampController.state.selectedQuote?.paymentMethodType;
+    const isRecommended = availableQuotes?.findIndex(quote => quote.serviceProvider === item.serviceProvider) === 0 && availableQuotes?.length > 1;
+    const tagText = isRecommended ? 'Recommended' : item.lowKyc ? 'Low KYC' : undefined;
     return /*#__PURE__*/React.createElement(Quote, {
       item: item,
-      selected: selected,
+      selected: isSelected,
       logoURL: logoURL,
       onQuotePress: () => handleQuotePress(item),
-      tagText: tagText
-    });
-  };
-  const renderEmpty = () => {
-    return OnRampController.state.quotesLoading ? /*#__PURE__*/React.createElement(FlexView, {
-      alignItems: "center",
-      justifyContent: "center",
-      padding: "2xl",
-      style: styles.emptyContainer
-    }, /*#__PURE__*/React.createElement(LoadingSpinner, null)) : /*#__PURE__*/React.createElement(Placeholder, {
-      title: "No providers available",
-      description: "Please select a different payment method or increase the amount",
-      icon: "warningCircle"
+      tagText: tagText,
+      testID: `quote-item-${index}`
     });
   };
   const renderPaymentMethod = ({
     item
   }) => {
     const parsedItem = item;
-    const selected = parsedItem.paymentMethod === OnRampController.state.selectedPaymentMethod?.paymentMethod;
+    const isSelected = parsedItem.paymentMethod === activePaymentMethod?.paymentMethod;
     return /*#__PURE__*/React.createElement(PaymentMethod, {
       item: parsedItem,
       onPress: () => handlePaymentMethodPress(parsedItem),
-      selected: selected,
+      selected: isSelected,
       testID: `payment-method-item-${parsedItem.paymentMethod}`
     });
   };
+  useEffect(() => {
+    if (visible && OnRampController.state.selectedPaymentMethod) {
+      const methods = [OnRampController.state.selectedPaymentMethod, ...OnRampController.state.paymentMethods.filter(m => m.paymentMethod !== OnRampController.state.selectedPaymentMethod?.paymentMethod)];
+      //Update payment methods order
+      setPaymentMethods(methods);
+      setActivePaymentMethod(OnRampController.state.selectedPaymentMethod);
+    }
+  }, [visible]);
   return /*#__PURE__*/React.createElement(Modal, {
     isVisible: visible,
     useNativeDriver: true,
@@ -133,7 +120,7 @@ export function SelectPaymentModal({
     color: "fg-150",
     style: styles.subtitle
   }, "Pay with"), /*#__PURE__*/React.createElement(FlexView, null, /*#__PURE__*/React.createElement(FlatList, {
-    data: paymentMethods,
+    data: availablePaymentMethods,
     renderItem: renderPaymentMethod,
     ref: paymentMethodsRef,
     style: styles.paymentMethodsContainer,
@@ -153,10 +140,10 @@ export function SelectPaymentModal({
     data: sortedQuotes,
     bounces: false,
     renderItem: renderQuote,
+    extraData: selectedPaymentMethod,
     contentContainerStyle: styles.listContent,
     ItemSeparatorComponent: renderSeparator,
     fadingEdgeLength: 20,
-    ListEmptyComponent: renderEmpty,
     keyExtractor: item => `${item.serviceProvider}-${item.paymentMethodType}`,
     getItemLayout: (_, index) => ({
       length: QUOTE_ITEM_HEIGHT + SEPARATOR_HEIGHT,