@reown/appkit-react-native 0.0.0-chore-bump-builder-20250728194329

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["NumberUtil","FlexView","Image","Spacing","Text","Tag","useTheme","BorderRadius","Icon","Pressable","StyleSheet","jsx","_jsx","jsxs","_jsxs","ITEM_HEIGHT","Quote","item","logoURL","onQuotePress","selected","tagText","testID","Theme","style","styles","container","borderColor","onPress","children","justifyContent","alignItems","flexDirection","padding","source","logo","backgroundColor","margin","variant","providerText","serviceProvider","toLowerCase","tag","roundNumber","destinationAmount","destinationCurrencyCode","split","name","color","create","borderRadius","xs","borderWidth","height","width","marginRight","textTransform","marginLeft"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/Quote.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,209 @@
+"use strict";
+
+/* eslint-disable valtio/state-snapshot-rule */
+import { useSnapshot } from 'valtio';
+import { useRef, useState, useMemo, useEffect } from 'react';
+import Modal from 'react-native-modal';
+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 { Quote, ITEM_HEIGHT as QUOTE_ITEM_HEIGHT } from './Quote';
+import { PaymentMethod } from './PaymentMethod';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SEPARATOR_HEIGHT = Spacing.s;
+export function SelectPaymentModal({
+  title,
+  visible,
+  onClose
+}) {
+  const Theme = useTheme();
+  const {
+    selectedQuote,
+    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 || selectedQuote.paymentMethodType !== activePaymentMethod?.paymentMethod) {
+      return availableQuotes;
+    }
+    return [selectedQuote, ...(availableQuotes?.filter(quote => quote.serviceProvider !== selectedQuote.serviceProvider) ?? [])];
+  }, [availableQuotes, selectedQuote, activePaymentMethod]);
+  const renderSeparator = () => {
+    return /*#__PURE__*/_jsx(View, {
+      style: {
+        height: SEPARATOR_HEIGHT
+      }
+    });
+  };
+  const handleQuotePress = quote => {
+    if (activePaymentMethod) {
+      OnRampController.clearError();
+      OnRampController.setSelectedQuote(quote);
+      OnRampController.setSelectedPaymentMethod(activePaymentMethod);
+    }
+    onClose();
+  };
+  const handlePaymentMethodPress = paymentMethod => {
+    setActivePaymentMethod(paymentMethod);
+  };
+  const renderQuote = ({
+    item,
+    index
+  }) => {
+    const logoURL = OnRampController.getServiceProviderImage(item.serviceProvider);
+    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__*/_jsx(Quote, {
+      item: item,
+      selected: isSelected,
+      logoURL: logoURL,
+      onQuotePress: () => handleQuotePress(item),
+      tagText: tagText,
+      testID: `quote-item-${index}`
+    });
+  };
+  const renderPaymentMethod = ({
+    item
+  }) => {
+    const parsedItem = item;
+    const isSelected = parsedItem.paymentMethod === activePaymentMethod?.paymentMethod;
+    return /*#__PURE__*/_jsx(PaymentMethod, {
+      item: parsedItem,
+      onPress: () => handlePaymentMethodPress(parsedItem),
+      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__*/_jsx(Modal, {
+    isVisible: visible,
+    useNativeDriver: true,
+    useNativeDriverForBackdrop: true,
+    statusBarTranslucent: true,
+    hideModalContentWhileAnimating: true,
+    onBackdropPress: onClose,
+    onDismiss: onClose,
+    style: styles.modal,
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      style: [styles.container, {
+        backgroundColor: Theme['bg-100']
+      }],
+      children: [/*#__PURE__*/_jsxs(FlexView, {
+        alignItems: "center",
+        justifyContent: "space-between",
+        flexDirection: "row",
+        style: styles.header,
+        children: [/*#__PURE__*/_jsx(IconLink, {
+          icon: "arrowLeft",
+          onPress: onClose,
+          testID: "payment-modal-button-back"
+        }), !!title && /*#__PURE__*/_jsx(Text, {
+          variant: "paragraph-600",
+          children: title
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.iconPlaceholder
+        })]
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "small-500",
+        color: "fg-150",
+        style: styles.subtitle,
+        children: "Pay with"
+      }), /*#__PURE__*/_jsx(FlexView, {
+        children: /*#__PURE__*/_jsx(FlatList, {
+          data: availablePaymentMethods,
+          renderItem: renderPaymentMethod,
+          ref: paymentMethodsRef,
+          style: styles.paymentMethodsContainer,
+          contentContainerStyle: styles.paymentMethodsContent,
+          fadingEdgeLength: 20,
+          keyExtractor: item => item.paymentMethod,
+          horizontal: true,
+          showsHorizontalScrollIndicator: false
+        })
+      }), /*#__PURE__*/_jsx(Separator, {
+        style: styles.separator,
+        color: "gray-glass-010"
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "small-500",
+        color: "fg-150",
+        style: styles.subtitle,
+        children: "Providers"
+      }), /*#__PURE__*/_jsx(FlatList, {
+        data: sortedQuotes,
+        bounces: false,
+        renderItem: renderQuote,
+        extraData: selectedPaymentMethod,
+        contentContainerStyle: styles.listContent,
+        ItemSeparatorComponent: renderSeparator,
+        fadingEdgeLength: 20,
+        keyExtractor: item => `${item.serviceProvider}-${item.paymentMethodType}`,
+        getItemLayout: (_, index) => ({
+          length: QUOTE_ITEM_HEIGHT + SEPARATOR_HEIGHT,
+          offset: (QUOTE_ITEM_HEIGHT + SEPARATOR_HEIGHT) * index,
+          index
+        })
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  modal: {
+    margin: 0,
+    justifyContent: 'flex-end'
+  },
+  header: {
+    marginBottom: Spacing.l,
+    paddingHorizontal: Spacing.m,
+    paddingTop: Spacing.m
+  },
+  container: {
+    height: '80%',
+    borderTopLeftRadius: BorderRadius.l,
+    borderTopRightRadius: BorderRadius.l
+  },
+  separator: {
+    width: undefined,
+    marginVertical: Spacing.m,
+    marginHorizontal: Spacing.m
+  },
+  listContent: {
+    paddingTop: Spacing['3xs'],
+    paddingBottom: Spacing['4xl'],
+    paddingHorizontal: Spacing.m
+  },
+  iconPlaceholder: {
+    height: 32,
+    width: 32
+  },
+  subtitle: {
+    marginBottom: Spacing.xs,
+    marginHorizontal: Spacing.m
+  },
+  emptyContainer: {
+    height: 150
+  },
+  paymentMethodsContainer: {
+    paddingHorizontal: Spacing['3xs']
+  },
+  paymentMethodsContent: {
+    paddingLeft: Spacing.xs
+  }
+});
+//# sourceMappingURL=SelectPaymentModal.js.map

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

@@ -0,0 +1 @@
+{"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","jsx","_jsx","jsxs","_jsxs","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","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","children","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

@@ -0,0 +1,223 @@
+"use strict";
+
+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, 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, 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 { Header } from './components/Header';
+import { LoadingView } from './components/LoadingView';
+import PaymentButton from './components/PaymentButton';
+import styles from './styles';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const MemoizedCurrency = /*#__PURE__*/memo(Currency);
+export function OnRampView() {
+  const {
+    themeMode
+  } = useSnapshot(ThemeController.state);
+  const Theme = useTheme();
+  const {
+    purchaseCurrency,
+    paymentCurrency,
+    selectedPaymentMethod,
+    paymentAmount,
+    quotesLoading,
+    quotes,
+    selectedQuote,
+    error,
+    loading,
+    initialLoading
+  } = useSnapshot(OnRampController.state);
+  const {
+    activeNetwork
+  } = useSnapshot(ConnectionsController.state);
+  const {
+    networkImages
+  } = useSnapshot(AssetController.state);
+  const [searchValue, setSearchValue] = useState('');
+  const [isCurrencyModalVisible, setIsCurrencyModalVisible] = useState(false);
+  const [isPaymentMethodModalVisible, setIsPaymentMethodModalVisible] = useState(false);
+  const purchaseCurrencyCode = purchaseCurrency?.currencyCode?.split('_')[0] ?? purchaseCurrency?.currencyCode;
+  const networkImage = activeNetwork ? networkImages[activeNetwork.id] : undefined;
+  const getQuotes = useCallback(() => {
+    if (OnRampController.canGenerateQuote()) {
+      OnRampController.getQuotes();
+    }
+  }, []);
+  const getPaymentButtonTitle = () => {
+    if (selectedPaymentMethod) {
+      return selectedPaymentMethod.name;
+    }
+    if (quotesLoading) {
+      return 'Loading quotes';
+    }
+    if (!paymentAmount || quotes?.length === 0) {
+      return 'Enter a valid amount';
+    }
+    return '';
+  };
+  const getPaymentButtonSubtitle = () => {
+    if (selectedQuote) {
+      return StringUtil.capitalize(selectedQuote?.serviceProvider);
+    }
+    if (selectedPaymentMethod) {
+      if (quotesLoading) {
+        return 'Loading quotes';
+      }
+      if (!paymentAmount || quotes?.length === 0) {
+        return 'Enter a valid amount';
+      }
+    }
+    return undefined;
+  };
+  const onValueChange = value => {
+    if (!value) {
+      OnRampController.abortGetQuotes();
+      OnRampController.setPaymentAmount(0);
+      OnRampController.setSelectedQuote(undefined);
+      OnRampController.clearError();
+      return;
+    }
+    OnRampController.setPaymentAmount(value);
+    getQuotesDebounced();
+  };
+  const handleSearch = value => {
+    setSearchValue(value);
+  };
+  const handleContinue = async () => {
+    if (OnRampController.state.selectedQuote) {
+      RouterController.push('OnRampCheckout');
+    }
+  };
+  const renderCurrencyItem = ({
+    item
+  }) => {
+    return /*#__PURE__*/_jsx(MemoizedCurrency, {
+      item: item,
+      onPress: onPressPurchaseCurrency,
+      selected: item.currencyCode === purchaseCurrency?.currencyCode,
+      title: item.name,
+      subtitle: item.currencyCode.split('_')[0] ?? item.currencyCode,
+      testID: `currency-item-${item.currencyCode}`
+    });
+  };
+  const onPressPurchaseCurrency = item => {
+    setIsCurrencyModalVisible(false);
+    setIsPaymentMethodModalVisible(false);
+    setSearchValue('');
+    OnRampController.setPurchaseCurrency(item);
+    getQuotes();
+  };
+  const onModalClose = () => {
+    setSearchValue('');
+    setIsCurrencyModalVisible(false);
+    setIsPaymentMethodModalVisible(false);
+  };
+  useEffect(() => {
+    if (error?.type === ConstantsUtil.ONRAMP_ERROR_TYPES.FAILED_TO_LOAD) {
+      SnackController.showInternalError({
+        shortMessage: 'Failed to load data. Please try again later.',
+        longMessage: error?.message
+      });
+      RouterController.goBack();
+    }
+  }, [error]);
+  useEffect(() => {
+    if (OnRampController.state.countries.length === 0) {
+      OnRampController.loadOnRampData();
+    }
+  }, []);
+  if (initialLoading || OnRampController.state.countries.length === 0) {
+    return /*#__PURE__*/_jsx(LoadingView, {});
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Header, {
+      onSettingsPress: () => RouterController.push('OnRampSettings')
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      bounces: false,
+      children: /*#__PURE__*/_jsxs(FlexView, {
+        padding: ['s', 'l', '4xl', 'l'],
+        children: [/*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: "You Buy"
+          }), /*#__PURE__*/_jsx(TokenButton, {
+            placeholder: 'Select currency',
+            imageUrl: purchaseCurrency?.symbolImageUrl,
+            text: purchaseCurrencyCode,
+            onPress: () => setIsCurrencyModalVisible(true),
+            testID: "currency-selector",
+            chevron: true,
+            renderClip: networkImage ? /*#__PURE__*/_jsx(Image, {
+              source: networkImage,
+              style: [styles.networkImage, {
+                borderColor: Theme['bg-300']
+              }]
+            }) : null
+          })]
+        }), /*#__PURE__*/_jsx(CurrencyInput, {
+          value: paymentAmount?.toString(),
+          symbol: paymentCurrency?.currencyCode,
+          error: error?.message,
+          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__*/_jsx(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),
+          testID: "payment-method-button"
+        }), /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "center",
+          margin: ['m', '0', '0', '0'],
+          children: [/*#__PURE__*/_jsx(Button, {
+            variant: "shade",
+            style: styles.cancelButton,
+            onPress: RouterController.goBack,
+            children: "Cancel"
+          }), /*#__PURE__*/_jsx(Button, {
+            style: styles.continueButton,
+            onPress: handleContinue,
+            disabled: quotesLoading || loading || !selectedQuote,
+            testID: "button-continue",
+            children: "Continue"
+          })]
+        }), /*#__PURE__*/_jsx(SelectPaymentModal, {
+          visible: isPaymentMethodModalVisible,
+          onClose: onModalClose,
+          title: "Payment"
+        }), /*#__PURE__*/_jsx(SelectorModal, {
+          selectedItem: purchaseCurrency,
+          visible: isCurrencyModalVisible,
+          onClose: onModalClose,
+          items: getPurchaseCurrencies(searchValue, true),
+          onSearch: handleSearch,
+          renderItem: renderCurrencyItem,
+          keyExtractor: item => item.currencyCode,
+          title: "Select token",
+          itemHeight: CURRENCY_ITEM_HEIGHT,
+          showNetwork: true
+        })]
+      })
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","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","onPress","onPressPurchaseCurrency","selected","title","subtitle","testID","setPurchaseCurrency","onModalClose","type","ONRAMP_ERROR_TYPES","FAILED_TO_LOAD","showInternalError","shortMessage","longMessage","message","goBack","countries","loadOnRampData","children","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

@@ -0,0 +1,47 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '@reown/appkit-ui-react-native';
+export default StyleSheet.create({
+  continueButton: {
+    marginLeft: Spacing.m,
+    flex: 3
+  },
+  cancelButton: {
+    flex: 1
+  },
+  paymentMethodButton: {
+    borderRadius: BorderRadius.s,
+    height: 64
+  },
+  paymentMethodImage: {
+    width: 20,
+    height: 20,
+    borderRadius: 0
+  },
+  paymentMethodImageContainer: {
+    width: 40,
+    height: 40,
+    borderWidth: 0,
+    borderRadius: BorderRadius['3xs']
+  },
+  currencyInput: {
+    marginBottom: Spacing.m
+  },
+  providerImage: {
+    height: 16,
+    width: 16,
+    marginRight: 2
+  },
+  networkImage: {
+    height: 14,
+    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

@@ -0,0 +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","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

@@ -0,0 +1,33 @@
+"use strict";
+
+import { OnRampController, ConnectionsController, CoreHelperUtil } from '@reown/appkit-core-react-native';
+
+// -------------------------- Utils --------------------------
+export const getPurchaseCurrencies = (searchValue, filterSelected) => {
+  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()?.split('_')?.[0]?.includes(searchValue)) : networkTokens;
+};
+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;
+  }
+  if (namespace === 'solana') {
+    return '101'; // Solana mainnet on Meld
+  }
+  if (namespace === 'bip122') {
+    return `${namespace}:${chainId}`; // Bitcoin mainnet
+  }
+  return chainId;
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"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":[]}