@reown/appkit-react-native 0.0.0-feat-multichain-20250724181758 → 0.0.0-feat-multichain-20250725183909

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,

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

@@ -1 +1 @@
-{"version":3,"names":["useSnapshot","useRef","useState","useMemo","Modal","Dimensions","FlatList","StyleSheet","View","FlexView","IconLink","Spacing","Text","useTheme","Separator","LoadingSpinner","BorderRadius","OnRampController","Placeholder","Quote","ITEM_HEIGHT","QUOTE_ITEM_HEIGHT","PaymentMethod","ITEM_SIZE","SEPARATOR_HEIGHT","s","SelectPaymentModal","title","visible","onClose","Theme","selectedQuote","quotes","state","paymentMethodsRef","paymentMethods","setPaymentMethods","sortedQuotes","filter","quote","serviceProvider","renderSeparator","React","createElement","style","height","handleQuotePress","setSelectedQuote","handlePaymentMethodPress","paymentMethod","selectedPaymentMethod","setSelectedPaymentMethod","visibleItemsCount","Math","round","get","width","length","paymentIndex","findIndex","method","realIndex","newPaymentMethods","slice","current","scrollToIndex","index","animated","renderQuote","item","logoURL","getServiceProviderImage","selected","isBestDeal","tagText","lowKyc","undefined","onQuotePress","renderEmpty","quotesLoading","alignItems","justifyContent","padding","styles","emptyContainer","description","icon","renderPaymentMethod","parsedItem","onPress","testID","isVisible","useNativeDriver","useNativeDriverForBackdrop","statusBarTranslucent","hideModalContentWhileAnimating","onBackdropPress","onDismiss","modal","container","backgroundColor","flexDirection","header","variant","iconPlaceholder","color","subtitle","data","renderItem","ref","paymentMethodsContainer","contentContainerStyle","paymentMethodsContent","fadingEdgeLength","keyExtractor","horizontal","showsHorizontalScrollIndicator","separator","bounces","listContent","ItemSeparatorComponent","ListEmptyComponent","paymentMethodType","getItemLayout","_","offset","create","margin","marginBottom","l","paddingHorizontal","m","paddingTop","borderTopLeftRadius","borderTopRightRadius","marginVertical","marginHorizontal","paddingBottom","xs","paddingLeft"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/SelectPaymentModal.tsx"],"mappings":"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"}
+{"version":3,"names":["useSnapshot","useRef","useState","useMemo","useEffect","Modal","FlatList","StyleSheet","View","FlexView","IconLink","Spacing","Text","useTheme","Separator","BorderRadius","OnRampController","Quote","ITEM_HEIGHT","QUOTE_ITEM_HEIGHT","PaymentMethod","SEPARATOR_HEIGHT","s","SelectPaymentModal","title","visible","onClose","Theme","selectedQuote","quotes","selectedPaymentMethod","state","paymentMethodsRef","paymentMethods","setPaymentMethods","activePaymentMethod","setActivePaymentMethod","availablePaymentMethods","filter","paymentMethod","some","quote","paymentMethodType","availableQuotes","sortedQuotes","serviceProvider","renderSeparator","React","createElement","style","height","handleQuotePress","clearError","setSelectedQuote","setSelectedPaymentMethod","handlePaymentMethodPress","renderQuote","item","index","logoURL","getServiceProviderImage","isSelected","isRecommended","findIndex","length","tagText","lowKyc","undefined","selected","onQuotePress","testID","renderPaymentMethod","parsedItem","onPress","methods","m","isVisible","useNativeDriver","useNativeDriverForBackdrop","statusBarTranslucent","hideModalContentWhileAnimating","onBackdropPress","onDismiss","styles","modal","container","backgroundColor","alignItems","justifyContent","flexDirection","header","icon","variant","iconPlaceholder","color","subtitle","data","renderItem","ref","paymentMethodsContainer","contentContainerStyle","paymentMethodsContent","fadingEdgeLength","keyExtractor","horizontal","showsHorizontalScrollIndicator","separator","bounces","extraData","listContent","ItemSeparatorComponent","getItemLayout","_","offset","create","margin","marginBottom","l","paddingHorizontal","paddingTop","borderTopLeftRadius","borderTopRightRadius","width","marginVertical","marginHorizontal","paddingBottom","xs","emptyContainer","paddingLeft"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/SelectPaymentModal.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -2,17 +2,16 @@ import { useSnapshot } from 'valtio';
 import { memo, useCallback, useEffect, useState } from 'react';
 import { ScrollView } from 'react-native';
 import { OnRampController, ThemeController, RouterController, SnackController, ConstantsUtil, ConnectionsController, AssetController } from '@reown/appkit-core-react-native';
-import { Button, FlexView, Image, ListItem, Text, TokenButton, useTheme } from '@reown/appkit-ui-react-native';
+import { Button, FlexView, Image, Text, TokenButton, useTheme } from '@reown/appkit-ui-react-native';
 import { NumberUtil, StringUtil } from '@reown/appkit-common-react-native';
 import { SelectorModal } from '../../partials/w3m-selector-modal';
-import { Currency } from './components/Currency';
-import { getPurchaseCurrencies, getCurrencySuggestedValues } from './utils';
+import { Currency, ITEM_HEIGHT as CURRENCY_ITEM_HEIGHT } from './components/Currency';
+import { getPurchaseCurrencies, getQuotesDebounced } from './utils';
 import { CurrencyInput } from './components/CurrencyInput';
 import { SelectPaymentModal } from './components/SelectPaymentModal';
-import { ITEM_HEIGHT as CURRENCY_ITEM_HEIGHT } from './components/Currency';
 import { Header } from './components/Header';
-import { UiUtil } from '../../utils/UiUtil';
 import { LoadingView } from './components/LoadingView';
+import PaymentButton from './components/PaymentButton';
 import styles from './styles';
 const MemoizedCurrency = /*#__PURE__*/memo(Currency);
 export function OnRampView() {
@@ -23,10 +22,10 @@ export function OnRampView() {
   const {
     purchaseCurrency,
     paymentCurrency,
-    paymentMethods,
     selectedPaymentMethod,
     paymentAmount,
     quotesLoading,
+    quotes,
     selectedQuote,
     error,
     loading,
@@ -41,8 +40,6 @@ export function OnRampView() {
   const [searchValue, setSearchValue] = useState('');
   const [isCurrencyModalVisible, setIsCurrencyModalVisible] = useState(false);
   const [isPaymentMethodModalVisible, setIsPaymentMethodModalVisible] = useState(false);
-  const providerImage = OnRampController.getServiceProviderImage(selectedQuote?.serviceProvider);
-  const suggestedValues = getCurrencySuggestedValues(paymentCurrency);
   const purchaseCurrencyCode = purchaseCurrency?.currencyCode?.split('_')[0] ?? purchaseCurrency?.currencyCode;
   const networkImage = activeNetwork ? networkImages[activeNetwork.id] : undefined;
   const getQuotes = useCallback(() => {
@@ -50,20 +47,33 @@ export function OnRampView() {
       OnRampController.getQuotes();
     }
   }, []);
-  const getProviderButtonText = () => {
-    if (selectedQuote) {
-      return 'via ';
+  const getPaymentButtonTitle = () => {
+    if (selectedPaymentMethod) {
+      return selectedPaymentMethod.name;
+    }
+    if (quotesLoading) {
+      return 'Loading quotes';
+    }
+    if (!paymentAmount || quotes?.length === 0) {
+      return 'Enter a valid amount';
     }
-    if (!paymentAmount) {
-      return 'Enter an amount';
+    return '';
+  };
+  const getPaymentButtonSubtitle = () => {
+    if (selectedQuote) {
+      return StringUtil.capitalize(selectedQuote?.serviceProvider);
     }
-    if (!paymentMethods?.length) {
-      return 'No payment methods available';
+    if (selectedPaymentMethod) {
+      if (quotesLoading) {
+        return 'Loading quotes';
+      }
+      if (!paymentAmount || quotes?.length === 0) {
+        return 'Enter a valid amount';
+      }
     }
-    return 'Select a provider';
+    return undefined;
   };
   const onValueChange = value => {
-    UiUtil.animateChange();
     if (!value) {
       OnRampController.abortGetQuotes();
       OnRampController.setPaymentAmount(0);
@@ -72,12 +82,7 @@ export function OnRampView() {
       return;
     }
     OnRampController.setPaymentAmount(value);
-    OnRampController.getQuotesDebounced();
-  };
-  const onSuggestedValuePress = value => {
-    UiUtil.animateChange();
-    OnRampController.setPaymentAmount(value);
-    getQuotes();
+    getQuotesDebounced();
   };
   const handleSearch = value => {
     setSearchValue(value);
@@ -111,9 +116,6 @@ export function OnRampView() {
     setIsCurrencyModalVisible(false);
     setIsPaymentMethodModalVisible(false);
   };
-  useEffect(() => {
-    getQuotes();
-  }, [selectedPaymentMethod, getQuotes]);
   useEffect(() => {
     if (error?.type === ConstantsUtil.ONRAMP_ERROR_TYPES.FAILED_TO_LOAD) {
       SnackController.showInternalError({
@@ -161,43 +163,21 @@ export function OnRampView() {
     value: paymentAmount?.toString(),
     symbol: paymentCurrency?.currencyCode,
     error: error?.message,
-    suggestedValues: suggestedValues,
-    onSuggestedValuePress: onSuggestedValuePress,
     isAmountError: error?.type === ConstantsUtil.ONRAMP_ERROR_TYPES.AMOUNT_TOO_LOW || error?.type === ConstantsUtil.ONRAMP_ERROR_TYPES.AMOUNT_TOO_HIGH || error?.type === ConstantsUtil.ONRAMP_ERROR_TYPES.INVALID_AMOUNT,
     loading: loading || quotesLoading,
     purchaseValue: `${selectedQuote?.destinationAmount ? NumberUtil.roundNumber(selectedQuote.destinationAmount, 6, 5)?.toString() : '0.00'} ${purchaseCurrencyCode ?? ''}`,
     onValueChange: onValueChange,
     style: styles.currencyInput
-  }), /*#__PURE__*/React.createElement(ListItem, {
-    chevron: true,
-    backgroundColor: "gray-glass-005",
+  }), /*#__PURE__*/React.createElement(PaymentButton, {
+    title: getPaymentButtonTitle(),
+    subtitle: getPaymentButtonSubtitle(),
+    paymentLogo: selectedPaymentMethod?.logos[themeMode ?? 'light'],
+    providerLogo: OnRampController.getServiceProviderImage(selectedQuote?.serviceProvider),
+    disabled: !paymentAmount || quotes?.length === 0,
     loading: quotesLoading || loading,
     onPress: () => setIsPaymentMethodModalVisible(true),
-    style: styles.paymentMethodButton,
-    imageSrc: selectedPaymentMethod?.logos[themeMode ?? 'light'],
-    imageStyle: styles.paymentMethodImage,
-    imageContainerStyle: [styles.paymentMethodImageContainer, {
-      backgroundColor: Theme['gray-glass-010']
-    }],
-    disabled: !selectedPaymentMethod || !paymentAmount,
     testID: "payment-method-button"
-  }, /*#__PURE__*/React.createElement(FlexView, null, selectedPaymentMethod?.name && /*#__PURE__*/React.createElement(Text, {
-    variant: "paragraph-400",
-    color: "fg-100"
-  }, selectedPaymentMethod.name), getProviderButtonText() && /*#__PURE__*/React.createElement(FlexView, {
-    flexDirection: "row",
-    alignItems: "center",
-    margin: ['3xs', '0', '0', '0']
-  }, /*#__PURE__*/React.createElement(Text, {
-    variant: "small-400",
-    color: "fg-150"
-  }, getProviderButtonText()), selectedQuote && /*#__PURE__*/React.createElement(React.Fragment, null, providerImage && /*#__PURE__*/React.createElement(Image, {
-    source: providerImage,
-    style: styles.providerImage
-  }), /*#__PURE__*/React.createElement(Text, {
-    variant: "small-400",
-    color: "fg-150"
-  }, StringUtil.capitalize(selectedQuote?.serviceProvider)))))), /*#__PURE__*/React.createElement(FlexView, {
+  }), /*#__PURE__*/React.createElement(FlexView, {
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "center",

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

@@ -1 +1 @@
-{"version":3,"names":["useSnapshot","memo","useCallback","useEffect","useState","ScrollView","OnRampController","ThemeController","RouterController","SnackController","ConstantsUtil","ConnectionsController","AssetController","Button","FlexView","Image","ListItem","Text","TokenButton","useTheme","NumberUtil","StringUtil","SelectorModal","Currency","getPurchaseCurrencies","getCurrencySuggestedValues","CurrencyInput","SelectPaymentModal","ITEM_HEIGHT","CURRENCY_ITEM_HEIGHT","Header","UiUtil","LoadingView","styles","MemoizedCurrency","OnRampView","themeMode","state","Theme","purchaseCurrency","paymentCurrency","paymentMethods","selectedPaymentMethod","paymentAmount","quotesLoading","selectedQuote","error","loading","initialLoading","activeNetwork","networkImages","searchValue","setSearchValue","isCurrencyModalVisible","setIsCurrencyModalVisible","isPaymentMethodModalVisible","setIsPaymentMethodModalVisible","providerImage","getServiceProviderImage","serviceProvider","suggestedValues","purchaseCurrencyCode","currencyCode","split","networkImage","id","undefined","getQuotes","canGenerateQuote","getProviderButtonText","length","onValueChange","value","animateChange","abortGetQuotes","setPaymentAmount","setSelectedQuote","clearError","getQuotesDebounced","onSuggestedValuePress","handleSearch","handleContinue","push","renderCurrencyItem","item","React","createElement","onPress","onPressPurchaseCurrency","selected","title","name","subtitle","testID","setPurchaseCurrency","onModalClose","type","ONRAMP_ERROR_TYPES","FAILED_TO_LOAD","showInternalError","shortMessage","longMessage","message","goBack","countries","loadOnRampData","Fragment","onSettingsPress","bounces","padding","flexDirection","alignItems","justifyContent","variant","color","placeholder","imageUrl","symbolImageUrl","text","chevron","renderClip","source","style","borderColor","toString","symbol","isAmountError","AMOUNT_TOO_LOW","AMOUNT_TOO_HIGH","INVALID_AMOUNT","purchaseValue","destinationAmount","roundNumber","currencyInput","backgroundColor","paymentMethodButton","imageSrc","logos","imageStyle","paymentMethodImage","imageContainerStyle","paymentMethodImageContainer","disabled","margin","capitalize","cancelButton","continueButton","visible","onClose","selectedItem","items","onSearch","renderItem","keyExtractor","itemHeight","showNetwork"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-view/index.tsx"],"mappings":"AAAA,SAASA,WAAW,QAAQ,QAAQ;AACpC,SAASC,IAAI,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC9D,SAASC,UAAU,QAAQ,cAAc;AACzC,SACEC,gBAAgB,EAEhBC,eAAe,EACfC,gBAAgB,EAEhBC,eAAe,EACfC,aAAa,EACbC,qBAAqB,EACrBC,eAAe,QACV,iCAAiC;AACxC,SACEC,MAAM,EACNC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,IAAI,EACJC,WAAW,EACXC,QAAQ,QACH,+BAA+B;AACtC,SAASC,UAAU,EAAEC,UAAU,QAAQ,mCAAmC;AAC1E,SAASC,aAAa,QAAQ,mCAAmC;AACjE,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,qBAAqB,EAAEC,0BAA0B,QAAQ,SAAS;AAC3E,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,kBAAkB,QAAQ,iCAAiC;AACpE,SAASC,WAAW,IAAIC,oBAAoB,QAAQ,uBAAuB;AAC3E,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,WAAW,QAAQ,0BAA0B;AACtD,OAAOC,MAAM,MAAM,UAAU;AAE7B,MAAMC,gBAAgB,gBAAGjC,IAAI,CAACsB,QAAQ,CAAC;AAEvC,OAAO,SAASY,UAAUA,CAAA,EAAG;EAC3B,MAAM;IAAEC;EAAU,CAAC,GAAGpC,WAAW,CAACO,eAAe,CAAC8B,KAAK,CAAC;EACxD,MAAMC,KAAK,GAAGnB,QAAQ,CAAC,CAAC;EAExB,MAAM;IACJoB,gBAAgB;IAChBC,eAAe;IACfC,cAAc;IACdC,qBAAqB;IACrBC,aAAa;IACbC,aAAa;IACbC,aAAa;IACbC,KAAK;IACLC,OAAO;IACPC;EACF,CAAC,GAAGhD,WAAW,CAACM,gBAAgB,CAAC+B,KAAK,CAA0B;EAChE,MAAM;IAAEY;EAAc,CAAC,GAAGjD,WAAW,CAACW,qBAAqB,CAAC0B,KAAK,CAAC;EAClE,MAAM;IAAEa;EAAc,CAAC,GAAGlD,WAAW,CAACY,eAAe,CAACyB,KAAK,CAAC;EAC5D,MAAM,CAACc,WAAW,EAAEC,cAAc,CAAC,GAAGhD,QAAQ,CAAC,EAAE,CAAC;EAClD,MAAM,CAACiD,sBAAsB,EAAEC,yBAAyB,CAAC,GAAGlD,QAAQ,CAAC,KAAK,CAAC;EAC3E,MAAM,CAACmD,2BAA2B,EAAEC,8BAA8B,CAAC,GAAGpD,QAAQ,CAAC,KAAK,CAAC;EACrF,MAAMqD,aAAa,GAAGnD,gBAAgB,CAACoD,uBAAuB,CAACb,aAAa,EAAEc,eAAe,CAAC;EAC9F,MAAMC,eAAe,GAAGnC,0BAA0B,CAACe,eAAe,CAAC;EACnE,MAAMqB,oBAAoB,GACxBtB,gBAAgB,EAAEuB,YAAY,EAAEC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAIxB,gBAAgB,EAAEuB,YAAY;EACjF,MAAME,YAAY,GAAGf,aAAa,GAAGC,aAAa,CAACD,aAAa,CAACgB,EAAE,CAAC,GAAGC,SAAS;EAEhF,MAAMC,SAAS,GAAGjE,WAAW,CAAC,MAAM;IAClC,IAAII,gBAAgB,CAAC8D,gBAAgB,CAAC,CAAC,EAAE;MACvC9D,gBAAgB,CAAC6D,SAAS,CAAC,CAAC;IAC9B;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,qBAAqB,GAAGA,CAAA,KAAM;IAClC,IAAIxB,aAAa,EAAE;MACjB,OAAO,MAAM;IACf;IAEA,IAAI,CAACF,aAAa,EAAE;MAClB,OAAO,iBAAiB;IAC1B;IAEA,IAAI,CAACF,cAAc,EAAE6B,MAAM,EAAE;MAC3B,OAAO,8BAA8B;IACvC;IAEA,OAAO,mBAAmB;EAC5B,CAAC;EAED,MAAMC,aAAa,GAAIC,KAAa,IAAK;IACvCzC,MAAM,CAAC0C,aAAa,CAAC,CAAC;IACtB,IAAI,CAACD,KAAK,EAAE;MACVlE,gBAAgB,CAACoE,cAAc,CAAC,CAAC;MACjCpE,gBAAgB,CAACqE,gBAAgB,CAAC,CAAC,CAAC;MACpCrE,gBAAgB,CAACsE,gBAAgB,CAACV,SAAS,CAAC;MAC5C5D,gBAAgB,CAACuE,UAAU,CAAC,CAAC;MAE7B;IACF;IAEAvE,gBAAgB,CAACqE,gBAAgB,CAACH,KAAK,CAAC;IACxClE,gBAAgB,CAACwE,kBAAkB,CAAC,CAAC;EACvC,CAAC;EAED,MAAMC,qBAAqB,GAAIP,KAAa,IAAK;IAC/CzC,MAAM,CAAC0C,aAAa,CAAC,CAAC;IACtBnE,gBAAgB,CAACqE,gBAAgB,CAACH,KAAK,CAAC;IACxCL,SAAS,CAAC,CAAC;EACb,CAAC;EAED,MAAMa,YAAY,GAAIR,KAAa,IAAK;IACtCpB,cAAc,CAACoB,KAAK,CAAC;EACvB,CAAC;EAED,MAAMS,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC,IAAI3E,gBAAgB,CAAC+B,KAAK,CAACQ,aAAa,EAAE;MACxCrC,gBAAgB,CAAC0E,IAAI,CAAC,gBAAgB,CAAC;IACzC;EACF,CAAC;EAED,MAAMC,kBAAkB,GAAGA,CAAC;IAAEC;EAAqC,CAAC,KAAK;IACvE,oBACEC,KAAA,CAAAC,aAAA,CAACpD,gBAAgB;MACfkD,IAAI,EAAEA,IAAK;MACXG,OAAO,EAAEC,uBAAwB;MACjCC,QAAQ,EAAEL,IAAI,CAACtB,YAAY,KAAKvB,gBAAgB,EAAEuB,YAAa;MAC/D4B,KAAK,EAAEN,IAAI,CAACO,IAAK;MACjBC,QAAQ,EAAER,IAAI,CAACtB,YAAY,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAIqB,IAAI,CAACtB,YAAa;MAC/D+B,MAAM,EAAG,iBAAgBT,IAAI,CAACtB,YAAa;IAAE,CAC9C,CAAC;EAEN,CAAC;EAED,MAAM0B,uBAAuB,GAAIJ,IAAS,IAAK;IAC7C9B,yBAAyB,CAAC,KAAK,CAAC;IAChCE,8BAA8B,CAAC,KAAK,CAAC;IACrCJ,cAAc,CAAC,EAAE,CAAC;IAClB9C,gBAAgB,CAACwF,mBAAmB,CAACV,IAA4B,CAAC;IAClEjB,SAAS,CAAC,CAAC;EACb,CAAC;EAED,MAAM4B,YAAY,GAAGA,CAAA,KAAM;IACzB3C,cAAc,CAAC,EAAE,CAAC;IAClBE,yBAAyB,CAAC,KAAK,CAAC;IAChCE,8BAA8B,CAAC,KAAK,CAAC;EACvC,CAAC;EAEDrD,SAAS,CAAC,MAAM;IACdgE,SAAS,CAAC,CAAC;EACb,CAAC,EAAE,CAACzB,qBAAqB,EAAEyB,SAAS,CAAC,CAAC;EAEtChE,SAAS,CAAC,MAAM;IACd,IAAI2C,KAAK,EAAEkD,IAAI,KAAKtF,aAAa,CAACuF,kBAAkB,CAACC,cAAc,EAAE;MACnEzF,eAAe,CAAC0F,iBAAiB,CAAC;QAChCC,YAAY,EAAE,8CAA8C;QAC5DC,WAAW,EAAEvD,KAAK,EAAEwD;MACtB,CAAC,CAAC;MACF9F,gBAAgB,CAAC+F,MAAM,CAAC,CAAC;IAC3B;EACF,CAAC,EAAE,CAACzD,KAAK,CAAC,CAAC;EAEX3C,SAAS,CAAC,MAAM;IACd,IAAIG,gBAAgB,CAAC+B,KAAK,CAACmE,SAAS,CAAClC,MAAM,KAAK,CAAC,EAAE;MACjDhE,gBAAgB,CAACmG,cAAc,CAAC,CAAC;IACnC;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIzD,cAAc,IAAI1C,gBAAgB,CAAC+B,KAAK,CAACmE,SAAS,CAAClC,MAAM,KAAK,CAAC,EAAE;IACnE,oBAAOe,KAAA,CAAAC,aAAA,CAACtD,WAAW,MAAE,CAAC;EACxB;EAEA,oBACEqD,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAqB,QAAA,qBACErB,KAAA,CAAAC,aAAA,CAACxD,MAAM;IAAC6E,eAAe,EAAEA,CAAA,KAAMnG,gBAAgB,CAAC0E,IAAI,CAAC,gBAAgB;EAAE,CAAE,CAAC,eAC1EG,KAAA,CAAAC,aAAA,CAACjF,UAAU;IAACuG,OAAO,EAAE;EAAM,gBACzBvB,KAAA,CAAAC,aAAA,CAACxE,QAAQ;IAAC+F,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG;EAAE,gBACxCxB,KAAA,CAAAC,aAAA,CAACxE,QAAQ;IAACgG,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC;EAAe,gBAC9E3B,KAAA,CAAAC,aAAA,CAACrE,IAAI;IAACgG,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GAAC,SAEnC,CAAC,eACP7B,KAAA,CAAAC,aAAA,CAACpE,WAAW;IACViG,WAAW,EAAE,iBAAkB;IAC/BC,QAAQ,EAAE7E,gBAAgB,EAAE8E,cAAe;IAC3CC,IAAI,EAAEzD,oBAAqB;IAC3B0B,OAAO,EAAEA,CAAA,KAAMjC,yBAAyB,CAAC,IAAI,CAAE;IAC/CuC,MAAM,EAAC,mBAAmB;IAC1B0B,OAAO;IACPC,UAAU,EACRxD,YAAY,gBACVqB,KAAA,CAAAC,aAAA,CAACvE,KAAK;MACJ0G,MAAM,EAAEzD,YAAa;MACrB0D,KAAK,EAAE,CAACzF,MAAM,CAAC+B,YAAY,EAAE;QAAE2D,WAAW,EAAErF,KAAK,CAAC,QAAQ;MAAE,CAAC;IAAE,CAChE,CAAC,GACA;EACL,CACF,CACO,CAAC,eACX+C,KAAA,CAAAC,aAAA,CAAC5D,aAAa;IACZ8C,KAAK,EAAE7B,aAAa,EAAEiF,QAAQ,CAAC,CAAE;IACjCC,MAAM,EAAErF,eAAe,EAAEsB,YAAa;IACtChB,KAAK,EAAEA,KAAK,EAAEwD,OAAQ;IACtB1C,eAAe,EAAEA,eAAgB;IACjCmB,qBAAqB,EAAEA,qBAAsB;IAC7C+C,aAAa,EACXhF,KAAK,EAAEkD,IAAI,KAAKtF,aAAa,CAACuF,kBAAkB,CAAC8B,cAAc,IAC/DjF,KAAK,EAAEkD,IAAI,KAAKtF,aAAa,CAACuF,kBAAkB,CAAC+B,eAAe,IAChElF,KAAK,EAAEkD,IAAI,KAAKtF,aAAa,CAACuF,kBAAkB,CAACgC,cAClD;IACDlF,OAAO,EAAEA,OAAO,IAAIH,aAAc;IAClCsF,aAAa,EAAG,GACdrF,aAAa,EAAEsF,iBAAiB,GAC5B/G,UAAU,CAACgH,WAAW,CAACvF,aAAa,CAACsF,iBAAiB,EAAE,CAAC,EAAE,CAAC,CAAC,EAAEP,QAAQ,CAAC,CAAC,GACzE,MACL,IAAG/D,oBAAoB,IAAI,EAAG,EAAE;IACjCU,aAAa,EAAEA,aAAc;IAC7BmD,KAAK,EAAEzF,MAAM,CAACoG;EAAc,CAC7B,CAAC,eACFhD,KAAA,CAAAC,aAAA,CAACtE,QAAQ;IACPuG,OAAO;IACPe,eAAe,EAAC,gBAAgB;IAChCvF,OAAO,EAAEH,aAAa,IAAIG,OAAQ;IAClCwC,OAAO,EAAEA,CAAA,KAAM/B,8BAA8B,CAAC,IAAI,CAAE;IACpDkE,KAAK,EAAEzF,MAAM,CAACsG,mBAAoB;IAClCC,QAAQ,EAAE9F,qBAAqB,EAAE+F,KAAK,CAACrG,SAAS,IAAI,OAAO,CAAE;IAC7DsG,UAAU,EAAEzG,MAAM,CAAC0G,kBAAmB;IACtCC,mBAAmB,EAAE,CACnB3G,MAAM,CAAC4G,2BAA2B,EAClC;MAAEP,eAAe,EAAEhG,KAAK,CAAC,gBAAgB;IAAE,CAAC,CAC5C;IACFwG,QAAQ,EAAE,CAACpG,qBAAqB,IAAI,CAACC,aAAc;IACnDkD,MAAM,EAAC;EAAuB,gBAE9BR,KAAA,CAAAC,aAAA,CAACxE,QAAQ,QACN4B,qBAAqB,EAAEiD,IAAI,iBAC1BN,KAAA,CAAAC,aAAA,CAACrE,IAAI;IAACgG,OAAO,EAAC,eAAe;IAACC,KAAK,EAAC;EAAQ,GACzCxE,qBAAqB,CAACiD,IACnB,CACP,EACAtB,qBAAqB,CAAC,CAAC,iBACtBgB,KAAA,CAAAC,aAAA,CAACxE,QAAQ;IAACgG,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACgC,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBAC/E1D,KAAA,CAAAC,aAAA,CAACrE,IAAI;IAACgG,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GACrC7C,qBAAqB,CAAC,CACnB,CAAC,EACNxB,aAAa,iBACZwC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAqB,QAAA,QACGjD,aAAa,iBACZ4B,KAAA,CAAAC,aAAA,CAACvE,KAAK;IAAC0G,MAAM,EAAEhE,aAAc;IAACiE,KAAK,EAAEzF,MAAM,CAACwB;EAAc,CAAE,CAC7D,eACD4B,KAAA,CAAAC,aAAA,CAACrE,IAAI;IAACgG,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GACrC7F,UAAU,CAAC2H,UAAU,CAACnG,aAAa,EAAEc,eAAe,CACjD,CACN,CAEI,CAEJ,CACF,CAAC,eACX0B,KAAA,CAAAC,aAAA,CAACxE,QAAQ;IACPgG,aAAa,EAAC,KAAK;IACnBC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IACvB+B,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBAE7B1D,KAAA,CAAAC,aAAA,CAACzE,MAAM;IAACoG,OAAO,EAAC,OAAO;IAACS,KAAK,EAAEzF,MAAM,CAACgH,YAAa;IAAC1D,OAAO,EAAE/E,gBAAgB,CAAC+F;EAAO,GAAC,QAE9E,CAAC,eACTlB,KAAA,CAAAC,aAAA,CAACzE,MAAM;IACL6G,KAAK,EAAEzF,MAAM,CAACiH,cAAe;IAC7B3D,OAAO,EAAEN,cAAe;IACxB6D,QAAQ,EAAElG,aAAa,IAAIG,OAAO,IAAI,CAACF,aAAc;IACrDgD,MAAM,EAAC;EAAiB,GACzB,UAEO,CACA,CAAC,eACXR,KAAA,CAAAC,aAAA,CAAC3D,kBAAkB;IACjBwH,OAAO,EAAE5F,2BAA4B;IACrC6F,OAAO,EAAErD,YAAa;IACtBL,KAAK,EAAC;EAAS,CAChB,CAAC,eACFL,KAAA,CAAAC,aAAA,CAAChE,aAAa;IACZ+H,YAAY,EAAE9G,gBAAiB;IAC/B4G,OAAO,EAAE9F,sBAAuB;IAChC+F,OAAO,EAAErD,YAAa;IACtBuD,KAAK,EAAE9H,qBAAqB,CAAC2B,WAAW,EAAE,IAAI,CAAE;IAChDoG,QAAQ,EAAEvE,YAAa;IACvBwE,UAAU,EAAErE,kBAAmB;IAC/BsE,YAAY,EAAErE,IAAI,IAAIA,IAAI,CAACtB,YAAa;IACxC4B,KAAK,EAAC,cAAc;IACpBgE,UAAU,EAAE7H,oBAAqB;IACjC8H,WAAW;EAAA,CACZ,CACO,CACA,CACZ,CAAC;AAEP"}
+{"version":3,"names":["useSnapshot","memo","useCallback","useEffect","useState","ScrollView","OnRampController","ThemeController","RouterController","SnackController","ConstantsUtil","ConnectionsController","AssetController","Button","FlexView","Image","Text","TokenButton","useTheme","NumberUtil","StringUtil","SelectorModal","Currency","ITEM_HEIGHT","CURRENCY_ITEM_HEIGHT","getPurchaseCurrencies","getQuotesDebounced","CurrencyInput","SelectPaymentModal","Header","LoadingView","PaymentButton","styles","MemoizedCurrency","OnRampView","themeMode","state","Theme","purchaseCurrency","paymentCurrency","selectedPaymentMethod","paymentAmount","quotesLoading","quotes","selectedQuote","error","loading","initialLoading","activeNetwork","networkImages","searchValue","setSearchValue","isCurrencyModalVisible","setIsCurrencyModalVisible","isPaymentMethodModalVisible","setIsPaymentMethodModalVisible","purchaseCurrencyCode","currencyCode","split","networkImage","id","undefined","getQuotes","canGenerateQuote","getPaymentButtonTitle","name","length","getPaymentButtonSubtitle","capitalize","serviceProvider","onValueChange","value","abortGetQuotes","setPaymentAmount","setSelectedQuote","clearError","handleSearch","handleContinue","push","renderCurrencyItem","item","React","createElement","onPress","onPressPurchaseCurrency","selected","title","subtitle","testID","setPurchaseCurrency","onModalClose","type","ONRAMP_ERROR_TYPES","FAILED_TO_LOAD","showInternalError","shortMessage","longMessage","message","goBack","countries","loadOnRampData","Fragment","onSettingsPress","bounces","padding","flexDirection","alignItems","justifyContent","variant","color","placeholder","imageUrl","symbolImageUrl","text","chevron","renderClip","source","style","borderColor","toString","symbol","isAmountError","AMOUNT_TOO_LOW","AMOUNT_TOO_HIGH","INVALID_AMOUNT","purchaseValue","destinationAmount","roundNumber","currencyInput","paymentLogo","logos","providerLogo","getServiceProviderImage","disabled","margin","cancelButton","continueButton","visible","onClose","selectedItem","items","onSearch","renderItem","keyExtractor","itemHeight","showNetwork"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-view/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/w3m-onramp-view/styles.js

@@ -36,6 +36,10 @@ export default StyleSheet.create({
     width: 14,
     borderRadius: BorderRadius.full,
     borderWidth: 1
+  },
+  paymentButtonMock: {
+    borderRadius: BorderRadius.s,
+    height: 64
   }
 });
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","BorderRadius","Spacing","create","continueButton","marginLeft","m","flex","cancelButton","paymentMethodButton","borderRadius","s","height","paymentMethodImage","width","paymentMethodImageContainer","borderWidth","currencyInput","marginBottom","providerImage","marginRight","networkImage","full"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-view/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AAErE,eAAeF,UAAU,CAACG,MAAM,CAAC;EAC/BC,cAAc,EAAE;IACdC,UAAU,EAAEH,OAAO,CAACI,CAAC;IACrBC,IAAI,EAAE;EACR,CAAC;EACDC,YAAY,EAAE;IACZD,IAAI,EAAE;EACR,CAAC;EACDE,mBAAmB,EAAE;IACnBC,YAAY,EAAET,YAAY,CAACU,CAAC;IAC5BC,MAAM,EAAE;EACV,CAAC;EACDC,kBAAkB,EAAE;IAClBC,KAAK,EAAE,EAAE;IACTF,MAAM,EAAE,EAAE;IACVF,YAAY,EAAE;EAChB,CAAC;EACDK,2BAA2B,EAAE;IAC3BD,KAAK,EAAE,EAAE;IACTF,MAAM,EAAE,EAAE;IACVI,WAAW,EAAE,CAAC;IACdN,YAAY,EAAET,YAAY,CAAC,KAAK;EAClC,CAAC;EACDgB,aAAa,EAAE;IACbC,YAAY,EAAEhB,OAAO,CAACI;EACxB,CAAC;EACDa,aAAa,EAAE;IACbP,MAAM,EAAE,EAAE;IACVE,KAAK,EAAE,EAAE;IACTM,WAAW,EAAE;EACf,CAAC;EACDC,YAAY,EAAE;IACZT,MAAM,EAAE,EAAE;IACVE,KAAK,EAAE,EAAE;IACTJ,YAAY,EAAET,YAAY,CAACqB,IAAI;IAC/BN,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","create","continueButton","marginLeft","m","flex","cancelButton","paymentMethodButton","borderRadius","s","height","paymentMethodImage","width","paymentMethodImageContainer","borderWidth","currencyInput","marginBottom","providerImage","marginRight","networkImage","full","paymentButtonMock"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-view/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AAErE,eAAeF,UAAU,CAACG,MAAM,CAAC;EAC/BC,cAAc,EAAE;IACdC,UAAU,EAAEH,OAAO,CAACI,CAAC;IACrBC,IAAI,EAAE;EACR,CAAC;EACDC,YAAY,EAAE;IACZD,IAAI,EAAE;EACR,CAAC;EACDE,mBAAmB,EAAE;IACnBC,YAAY,EAAET,YAAY,CAACU,CAAC;IAC5BC,MAAM,EAAE;EACV,CAAC;EACDC,kBAAkB,EAAE;IAClBC,KAAK,EAAE,EAAE;IACTF,MAAM,EAAE,EAAE;IACVF,YAAY,EAAE;EAChB,CAAC;EACDK,2BAA2B,EAAE;IAC3BD,KAAK,EAAE,EAAE;IACTF,MAAM,EAAE,EAAE;IACVI,WAAW,EAAE,CAAC;IACdN,YAAY,EAAET,YAAY,CAAC,KAAK;EAClC,CAAC;EACDgB,aAAa,EAAE;IACbC,YAAY,EAAEhB,OAAO,CAACI;EACxB,CAAC;EACDa,aAAa,EAAE;IACbP,MAAM,EAAE,EAAE;IACVE,KAAK,EAAE,EAAE;IACTM,WAAW,EAAE;EACf,CAAC;EACDC,YAAY,EAAE;IACZT,MAAM,EAAE,EAAE;IACVE,KAAK,EAAE,EAAE;IACTJ,YAAY,EAAET,YAAY,CAACqB,IAAI;IAC/BN,WAAW,EAAE;EACf,CAAC;EACDO,iBAAiB,EAAE;IACjBb,YAAY,EAAET,YAAY,CAACU,CAAC;IAC5BC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/views/w3m-onramp-view/utils.js

@@ -1,90 +1,31 @@
-import { OnRampController, NetworkController, ConstantsUtil } from '@reown/appkit-core-react-native';
+import { OnRampController, ConnectionsController, CoreHelperUtil } from '@reown/appkit-core-react-native';
 
 // -------------------------- Utils --------------------------
 export const getPurchaseCurrencies = (searchValue, filterSelected) => {
-  const networkId = NetworkController.state.caipNetwork?.id?.split(':')[1];
+  const networkId = getNetworkId();
+  if (!networkId) {
+    return [];
+  }
   let networkTokens = OnRampController.state.purchaseCurrencies?.filter(c => c.chainId === networkId) ?? [];
   if (filterSelected) {
     networkTokens = networkTokens?.filter(c => c.currencyCode !== OnRampController.state.purchaseCurrency?.currencyCode);
   }
-  return searchValue ? networkTokens.filter(item => item.name.toLowerCase().includes(searchValue) || item.currencyCode.toLowerCase().includes(searchValue)) : networkTokens;
+  return searchValue ? networkTokens.filter(item => item.name.toLowerCase().includes(searchValue) || item.currencyCode.toLowerCase()?.split('_')?.[0]?.includes(searchValue)) : networkTokens;
 };
-
-// Helper function to generate values based on limits and default value
-function generateValuesFromLimits(minAmount, maxAmount, defaultAmount) {
-  // Use default amount if provided, otherwise calculate a reasonable default
-  const baseAmount = defaultAmount || Math.min(maxAmount, Math.max(minAmount * 5, 50));
-
-  // Generate two values less than the default and the default itself
-  const value1 = Math.max(minAmount, baseAmount * 0.5);
-  const value2 = Math.max(minAmount, baseAmount * 0.75);
-  const value3 = baseAmount;
-
-  // Ensure all values are within the maximum limit
-  const safeValue1 = Math.min(value1, maxAmount);
-  const safeValue2 = Math.min(value2, maxAmount);
-  const safeValue3 = Math.min(value3, maxAmount);
-
-  // Round all values to nice numbers
-  return [safeValue1, safeValue2, safeValue3].map(v => roundToNiceNumber(v));
-}
-
-// Helper function to round to nice numbers
-function roundToNiceNumber(value) {
-  if (value < 10) return Math.ceil(value);
-  if (value < 100) {
-    // Round to nearest 10
-    return Math.ceil(value / 10) * 10;
-  } else if (value < 1000) {
-    // Round to nearest 50
-    return Math.ceil(value / 50) * 50;
-  } else if (value < 10000) {
-    // Round to nearest 100
-    return Math.ceil(value / 100) * 100;
-  } else if (value < 100000) {
-    // Round to nearest 1000
-    return Math.ceil(value / 1000) * 1000;
-  } else if (value < 1000000) {
-    // Round to nearest 10000
-    return Math.ceil(value / 10000) * 10000;
-  } else {
-    // Round to nearest 100000
-    return Math.ceil(value / 100000) * 100000;
+export const getQuotesDebounced = CoreHelperUtil.debounce(function () {
+  OnRampController.getQuotes();
+}, 500);
+export const getNetworkId = () => {
+  const [namespace, chainId] = ConnectionsController.state.activeNetwork?.caipNetworkId?.split(':') ?? [];
+  if (!namespace || !chainId) {
+    return undefined;
   }
-}
-export const getCurrencySuggestedValues = currency => {
-  if (!currency) return [];
-  const limit = OnRampController.getCurrencyLimit(currency);
-
-  // If we have predefined values for this currency, use them
-  if (ConstantsUtil.CURRENCY_SUGGESTED_VALUES[currency.currencyCode]) {
-    const suggestedValues = ConstantsUtil.CURRENCY_SUGGESTED_VALUES[currency.currencyCode];
-
-    // Ensure values are within limits
-    if (limit) {
-      const minAmount = limit.minimumAmount ?? 0;
-      const maxAmount = limit.maximumAmount ?? Infinity;
-
-      // Filter values that are within limits
-      const validValues = suggestedValues?.filter(value => value >= minAmount && value <= maxAmount);
-
-      // If we have valid values, return them
-      if (validValues?.length) {
-        return validValues;
-      }
-
-      // If no valid values, generate new ones based on limits and default
-      return generateValuesFromLimits(minAmount, maxAmount, limit?.defaultAmount);
-    }
-    return suggestedValues;
+  if (namespace === 'solana') {
+    return '101'; // Solana mainnet on Meld
   }
-
-  // Fallback to generating values from limits
-  if (limit) {
-    const minAmount = limit.minimumAmount ?? 0;
-    const maxAmount = limit.maximumAmount ?? Infinity;
-    return generateValuesFromLimits(minAmount, maxAmount, limit?.defaultAmount);
+  if (namespace === 'bip122') {
+    return `${namespace}:${chainId}`; // Bitcoin mainnet
   }
-  return [];
+  return chainId;
 };
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["OnRampController","NetworkController","ConstantsUtil","getPurchaseCurrencies","searchValue","filterSelected","networkId","state","caipNetwork","id","split","networkTokens","purchaseCurrencies","filter","c","chainId","currencyCode","purchaseCurrency","item","name","toLowerCase","includes","generateValuesFromLimits","minAmount","maxAmount","defaultAmount","baseAmount","Math","min","max","value1","value2","value3","safeValue1","safeValue2","safeValue3","map","v","roundToNiceNumber","value","ceil","getCurrencySuggestedValues","currency","limit","getCurrencyLimit","CURRENCY_SUGGESTED_VALUES","suggestedValues","minimumAmount","maximumAmount","Infinity","validValues","length"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-view/utils.ts"],"mappings":"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"}
+{"version":3,"names":["OnRampController","ConnectionsController","CoreHelperUtil","getPurchaseCurrencies","searchValue","filterSelected","networkId","getNetworkId","networkTokens","state","purchaseCurrencies","filter","c","chainId","currencyCode","purchaseCurrency","item","name","toLowerCase","includes","split","getQuotesDebounced","debounce","getQuotes","namespace","activeNetwork","caipNetworkId","undefined"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-view/utils.ts"],"mappings":"AAAA,SACEA,gBAAgB,EAChBC,qBAAqB,EACrBC,cAAc,QACT,iCAAiC;;AAExC;AACA,OAAO,MAAMC,qBAAqB,GAAGA,CAACC,WAAoB,EAAEC,cAAwB,KAAK;EACvF,MAAMC,SAAS,GAAGC,YAAY,CAAC,CAAC;EAEhC,IAAI,CAACD,SAAS,EAAE;IACd,OAAO,EAAE;EACX;EAEA,IAAIE,aAAa,GACfR,gBAAgB,CAACS,KAAK,CAACC,kBAAkB,EAAEC,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,OAAO,KAAKP,SAAS,CAAC,IAAI,EAAE;EAEvF,IAAID,cAAc,EAAE;IAClBG,aAAa,GAAGA,aAAa,EAAEG,MAAM,CACnCC,CAAC,IAAIA,CAAC,CAACE,YAAY,KAAKd,gBAAgB,CAACS,KAAK,CAACM,gBAAgB,EAAED,YACnE,CAAC;EACH;EAEA,OAAOV,WAAW,GACdI,aAAa,CAACG,MAAM,CAClBK,IAAI,IACFA,IAAI,CAACC,IAAI,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACf,WAAW,CAAC,IAC7CY,IAAI,CAACF,YAAY,CAACI,WAAW,CAAC,CAAC,EAAEE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAED,QAAQ,CAACf,WAAW,CAC1E,CAAC,GACDI,aAAa;AACnB,CAAC;AAED,OAAO,MAAMa,kBAAkB,GAAGnB,cAAc,CAACoB,QAAQ,CAAC,YAAY;EACpEtB,gBAAgB,CAACuB,SAAS,CAAC,CAAC;AAC9B,CAAC,EAAE,GAAG,CAAC;AAEP,OAAO,MAAMhB,YAAY,GAAGA,CAAA,KAA0B;EACpD,MAAM,CAACiB,SAAS,EAAEX,OAAO,CAAC,GACxBZ,qBAAqB,CAACQ,KAAK,CAACgB,aAAa,EAAEC,aAAa,EAAEN,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE;EAE5E,IAAI,CAACI,SAAS,IAAI,CAACX,OAAO,EAAE;IAC1B,OAAOc,SAAS;EAClB;EAEA,IAAIH,SAAS,KAAK,QAAQ,EAAE;IAC1B,OAAO,KAAK,CAAC,CAAC;EAChB;EAEA,IAAIA,SAAS,KAAK,QAAQ,EAAE;IAC1B,OAAO,GAAGA,SAAS,IAAIX,OAAO,EAAE,CAAC,CAAC;EACpC;EAEA,OAAOA,OAAO;AAChB,CAAC","ignoreList":[]}