@reown/appkit-react-native 0.0.0-feat-multichain-20250513175016

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

@@ -0,0 +1,218 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectPaymentModal = SelectPaymentModal;
+var _valtio = require("valtio");
+var _react = require("react");
+var _reactNativeModal = _interopRequireDefault(require("react-native-modal"));
+var _reactNative = require("react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _w3mPlaceholder = require("../../../partials/w3m-placeholder");
+var _Quote = require("./Quote");
+var _PaymentMethod = require("./PaymentMethod");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SEPARATOR_HEIGHT = _appkitUiReactNative.Spacing.s;
+function SelectPaymentModal({
+  title,
+  visible,
+  onClose
+}) {
+  const Theme = (0, _appkitUiReactNative.useTheme)();
+  const {
+    selectedQuote,
+    quotes
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OnRampController.state);
+  const paymentMethodsRef = (0, _react.useRef)(null);
+  const [paymentMethods, setPaymentMethods] = (0, _react.useState)(_appkitCoreReactNative.OnRampController.state.paymentMethods);
+  const sortedQuotes = (0, _react.useMemo)(() => {
+    if (!selectedQuote) {
+      return quotes;
+    }
+    return [selectedQuote,
+    // eslint-disable-next-line valtio/state-snapshot-rule
+    ...(quotes?.filter(quote => quote.serviceProvider !== selectedQuote.serviceProvider) ?? [])];
+  }, [quotes, selectedQuote]);
+  const renderSeparator = () => {
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: {
+        height: SEPARATOR_HEIGHT
+      }
+    });
+  };
+  const handleQuotePress = quote => {
+    if (quote.serviceProvider !== _appkitCoreReactNative.OnRampController.state.selectedQuote?.serviceProvider) {
+      _appkitCoreReactNative.OnRampController.setSelectedQuote(quote);
+    }
+    onClose();
+  };
+  const handlePaymentMethodPress = paymentMethod => {
+    if (paymentMethod.paymentMethod !== _appkitCoreReactNative.OnRampController.state.selectedPaymentMethod?.paymentMethod) {
+      _appkitCoreReactNative.OnRampController.setSelectedPaymentMethod(paymentMethod);
+    }
+    const visibleItemsCount = Math.round(_reactNative.Dimensions.get('window').width / _PaymentMethod.ITEM_SIZE);
+
+    // Switch payment method to the top if there are more than visibleItemsCount payment methods
+    if (_appkitCoreReactNative.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 = _appkitCoreReactNative.OnRampController.state.paymentMethods.findIndex(method => method.paymentMethod === paymentMethod.paymentMethod);
+        const newPaymentMethods = [paymentMethod, ..._appkitCoreReactNative.OnRampController.state.paymentMethods.slice(0, realIndex), ..._appkitCoreReactNative.OnRampController.state.paymentMethods.slice(realIndex + 1)];
+        setPaymentMethods(newPaymentMethods);
+      }
+    }
+    paymentMethodsRef.current?.scrollToIndex({
+      index: 0,
+      animated: true
+    });
+  };
+  const renderQuote = ({
+    item
+  }) => {
+    const logoURL = _appkitCoreReactNative.OnRampController.getServiceProviderImage(item.serviceProvider);
+    const selected = item.serviceProvider === _appkitCoreReactNative.OnRampController.state.selectedQuote?.serviceProvider;
+    const isBestDeal = _appkitCoreReactNative.OnRampController.state.quotes?.findIndex(quote => quote.serviceProvider === item.serviceProvider) === 0;
+    const tagText = isBestDeal ? 'Best Deal' : item.lowKyc ? 'Low KYC' : undefined;
+    return /*#__PURE__*/React.createElement(_Quote.Quote, {
+      item: item,
+      selected: selected,
+      logoURL: logoURL,
+      onQuotePress: () => handleQuotePress(item),
+      tagText: tagText
+    });
+  };
+  const renderEmpty = () => {
+    return _appkitCoreReactNative.OnRampController.state.quotesLoading ? /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "2xl",
+      style: styles.emptyContainer
+    }, /*#__PURE__*/React.createElement(_appkitUiReactNative.LoadingSpinner, null)) : /*#__PURE__*/React.createElement(_w3mPlaceholder.Placeholder, {
+      title: "No providers available",
+      description: "Please select a different payment method or increase the amount",
+      icon: "warningCircle"
+    });
+  };
+  const renderPaymentMethod = ({
+    item
+  }) => {
+    const parsedItem = item;
+    const selected = parsedItem.paymentMethod === _appkitCoreReactNative.OnRampController.state.selectedPaymentMethod?.paymentMethod;
+    return /*#__PURE__*/React.createElement(_PaymentMethod.PaymentMethod, {
+      item: parsedItem,
+      onPress: () => handlePaymentMethodPress(parsedItem),
+      selected: selected,
+      testID: `payment-method-item-${parsedItem.paymentMethod}`
+    });
+  };
+  return /*#__PURE__*/React.createElement(_reactNativeModal.default, {
+    isVisible: visible,
+    useNativeDriver: true,
+    useNativeDriverForBackdrop: true,
+    statusBarTranslucent: true,
+    hideModalContentWhileAnimating: true,
+    onBackdropPress: onClose,
+    onDismiss: onClose,
+    style: styles.modal
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    style: [styles.container, {
+      backgroundColor: Theme['bg-100']
+    }]
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    alignItems: "center",
+    justifyContent: "space-between",
+    flexDirection: "row",
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.IconLink, {
+    icon: "arrowLeft",
+    onPress: onClose,
+    testID: "payment-modal-button-back"
+  }), !!title && /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "paragraph-600"
+  }, title), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.iconPlaceholder
+  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "small-500",
+    color: "fg-150",
+    style: styles.subtitle
+  }, "Pay with"), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, null, /*#__PURE__*/React.createElement(_reactNative.FlatList, {
+    data: paymentMethods,
+    renderItem: renderPaymentMethod,
+    ref: paymentMethodsRef,
+    style: styles.paymentMethodsContainer,
+    contentContainerStyle: styles.paymentMethodsContent,
+    fadingEdgeLength: 20,
+    keyExtractor: item => item.paymentMethod,
+    horizontal: true,
+    showsHorizontalScrollIndicator: false
+  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.Separator, {
+    style: styles.separator,
+    color: "gray-glass-010"
+  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "small-500",
+    color: "fg-150",
+    style: styles.subtitle
+  }, "Providers"), /*#__PURE__*/React.createElement(_reactNative.FlatList, {
+    data: sortedQuotes,
+    bounces: false,
+    renderItem: renderQuote,
+    contentContainerStyle: styles.listContent,
+    ItemSeparatorComponent: renderSeparator,
+    fadingEdgeLength: 20,
+    ListEmptyComponent: renderEmpty,
+    keyExtractor: item => `${item.serviceProvider}-${item.paymentMethodType}`,
+    getItemLayout: (_, index) => ({
+      length: _Quote.ITEM_HEIGHT + SEPARATOR_HEIGHT,
+      offset: (_Quote.ITEM_HEIGHT + SEPARATOR_HEIGHT) * index,
+      index
+    })
+  })));
+}
+const styles = _reactNative.StyleSheet.create({
+  modal: {
+    margin: 0,
+    justifyContent: 'flex-end'
+  },
+  header: {
+    marginBottom: _appkitUiReactNative.Spacing.l,
+    paddingHorizontal: _appkitUiReactNative.Spacing.m,
+    paddingTop: _appkitUiReactNative.Spacing.m
+  },
+  container: {
+    height: '80%',
+    borderTopLeftRadius: _appkitUiReactNative.BorderRadius.l,
+    borderTopRightRadius: _appkitUiReactNative.BorderRadius.l
+  },
+  separator: {
+    width: undefined,
+    marginVertical: _appkitUiReactNative.Spacing.m,
+    marginHorizontal: _appkitUiReactNative.Spacing.m
+  },
+  listContent: {
+    paddingTop: _appkitUiReactNative.Spacing['3xs'],
+    paddingBottom: _appkitUiReactNative.Spacing['4xl'],
+    paddingHorizontal: _appkitUiReactNative.Spacing.m
+  },
+  iconPlaceholder: {
+    height: 32,
+    width: 32
+  },
+  subtitle: {
+    marginBottom: _appkitUiReactNative.Spacing.xs,
+    marginHorizontal: _appkitUiReactNative.Spacing.m
+  },
+  emptyContainer: {
+    height: 150
+  },
+  paymentMethodsContainer: {
+    paddingHorizontal: _appkitUiReactNative.Spacing['3xs']
+  },
+  paymentMethodsContent: {
+    paddingLeft: _appkitUiReactNative.Spacing.xs
+  }
+});
+//# sourceMappingURL=SelectPaymentModal.js.map

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

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

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

@@ -0,0 +1,234 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnRampView = OnRampView;
+var _valtio = require("valtio");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
+var _w3mSelectorModal = require("../../partials/w3m-selector-modal");
+var _Currency = require("./components/Currency");
+var _utils = require("./utils");
+var _CurrencyInput = require("./components/CurrencyInput");
+var _SelectPaymentModal = require("./components/SelectPaymentModal");
+var _Header = require("./components/Header");
+var _UiUtil = require("../../utils/UiUtil");
+var _LoadingView = require("./components/LoadingView");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MemoizedCurrency = /*#__PURE__*/(0, _react.memo)(_Currency.Currency);
+function OnRampView() {
+  const {
+    themeMode
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ThemeController.state);
+  const Theme = (0, _appkitUiReactNative.useTheme)();
+  const {
+    purchaseCurrency,
+    paymentCurrency,
+    paymentMethods,
+    selectedPaymentMethod,
+    paymentAmount,
+    quotesLoading,
+    selectedQuote,
+    error,
+    loading,
+    initialLoading
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OnRampController.state);
+  const {
+    activeNetwork
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionsController.state);
+  const [searchValue, setSearchValue] = (0, _react.useState)('');
+  const [isCurrencyModalVisible, setIsCurrencyModalVisible] = (0, _react.useState)(false);
+  const [isPaymentMethodModalVisible, setIsPaymentMethodModalVisible] = (0, _react.useState)(false);
+  const providerImage = _appkitCoreReactNative.OnRampController.getServiceProviderImage(selectedQuote?.serviceProvider);
+  const suggestedValues = (0, _utils.getCurrencySuggestedValues)(paymentCurrency);
+  const purchaseCurrencyCode = purchaseCurrency?.currencyCode?.split('_')[0] ?? purchaseCurrency?.currencyCode;
+  const networkImage = _appkitCoreReactNative.AssetUtil.getNetworkImage(activeNetwork?.id);
+  const getQuotes = (0, _react.useCallback)(() => {
+    if (_appkitCoreReactNative.OnRampController.canGenerateQuote()) {
+      _appkitCoreReactNative.OnRampController.getQuotes();
+    }
+  }, []);
+  const getProviderButtonText = () => {
+    if (selectedQuote) {
+      return 'via ';
+    }
+    if (!paymentAmount) {
+      return 'Enter an amount';
+    }
+    if (!paymentMethods?.length) {
+      return 'No payment methods available';
+    }
+    return 'Select a provider';
+  };
+  const onValueChange = value => {
+    _UiUtil.UiUtil.animateChange();
+    if (!value) {
+      _appkitCoreReactNative.OnRampController.abortGetQuotes();
+      _appkitCoreReactNative.OnRampController.setPaymentAmount(0);
+      _appkitCoreReactNative.OnRampController.setSelectedQuote(undefined);
+      _appkitCoreReactNative.OnRampController.clearError();
+      return;
+    }
+    _appkitCoreReactNative.OnRampController.setPaymentAmount(value);
+    _appkitCoreReactNative.OnRampController.getQuotesDebounced();
+  };
+  const onSuggestedValuePress = value => {
+    _UiUtil.UiUtil.animateChange();
+    _appkitCoreReactNative.OnRampController.setPaymentAmount(value);
+    getQuotes();
+  };
+  const handleSearch = value => {
+    setSearchValue(value);
+  };
+  const handleContinue = async () => {
+    if (_appkitCoreReactNative.OnRampController.state.selectedQuote) {
+      _appkitCoreReactNative.RouterController.push('OnRampCheckout');
+    }
+  };
+  const renderCurrencyItem = ({
+    item
+  }) => {
+    return /*#__PURE__*/React.createElement(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('');
+    _appkitCoreReactNative.OnRampController.setPurchaseCurrency(item);
+    getQuotes();
+  };
+  const onModalClose = () => {
+    setSearchValue('');
+    setIsCurrencyModalVisible(false);
+    setIsPaymentMethodModalVisible(false);
+  };
+  (0, _react.useEffect)(() => {
+    getQuotes();
+  }, [selectedPaymentMethod, getQuotes]);
+  (0, _react.useEffect)(() => {
+    if (error?.type === _appkitCoreReactNative.ConstantsUtil.ONRAMP_ERROR_TYPES.FAILED_TO_LOAD) {
+      _appkitCoreReactNative.SnackController.showInternalError({
+        shortMessage: 'Failed to load data. Please try again later.',
+        longMessage: error?.message
+      });
+      _appkitCoreReactNative.RouterController.goBack();
+    }
+  }, [error]);
+  (0, _react.useEffect)(() => {
+    if (_appkitCoreReactNative.OnRampController.state.countries.length === 0) {
+      _appkitCoreReactNative.OnRampController.loadOnRampData();
+    }
+  }, []);
+  if (initialLoading || _appkitCoreReactNative.OnRampController.state.countries.length === 0) {
+    return /*#__PURE__*/React.createElement(_LoadingView.LoadingView, null);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Header.Header, {
+    onSettingsPress: () => _appkitCoreReactNative.RouterController.push('OnRampSettings')
+  }), /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    bounces: false
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    padding: ['s', 'l', '4xl', 'l']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "small-400",
+    color: "fg-150"
+  }, "You Buy"), /*#__PURE__*/React.createElement(_appkitUiReactNative.TokenButton, {
+    placeholder: 'Select currency',
+    imageUrl: purchaseCurrency?.symbolImageUrl,
+    text: purchaseCurrencyCode,
+    onPress: () => setIsCurrencyModalVisible(true),
+    testID: "currency-selector",
+    chevron: true,
+    renderClip: networkImage ? /*#__PURE__*/React.createElement(_appkitUiReactNative.Image, {
+      source: networkImage,
+      style: [_styles.default.networkImage, {
+        borderColor: Theme['bg-300']
+      }]
+    }) : null
+  })), /*#__PURE__*/React.createElement(_CurrencyInput.CurrencyInput, {
+    value: paymentAmount?.toString(),
+    symbol: paymentCurrency?.currencyCode,
+    error: error?.message,
+    suggestedValues: suggestedValues,
+    onSuggestedValuePress: onSuggestedValuePress,
+    isAmountError: error?.type === _appkitCoreReactNative.ConstantsUtil.ONRAMP_ERROR_TYPES.AMOUNT_TOO_LOW || error?.type === _appkitCoreReactNative.ConstantsUtil.ONRAMP_ERROR_TYPES.AMOUNT_TOO_HIGH || error?.type === _appkitCoreReactNative.ConstantsUtil.ONRAMP_ERROR_TYPES.INVALID_AMOUNT,
+    loading: loading || quotesLoading,
+    purchaseValue: `${selectedQuote?.destinationAmount ? _appkitCommonReactNative.NumberUtil.roundNumber(selectedQuote.destinationAmount, 6, 5)?.toString() : '0.00'} ${purchaseCurrencyCode ?? ''}`,
+    onValueChange: onValueChange,
+    style: _styles.default.currencyInput
+  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.ListItem, {
+    chevron: true,
+    backgroundColor: "gray-glass-005",
+    loading: quotesLoading || loading,
+    onPress: () => setIsPaymentMethodModalVisible(true),
+    style: _styles.default.paymentMethodButton,
+    imageSrc: selectedPaymentMethod?.logos[themeMode ?? 'light'],
+    imageStyle: _styles.default.paymentMethodImage,
+    imageContainerStyle: [_styles.default.paymentMethodImageContainer, {
+      backgroundColor: Theme['gray-glass-010']
+    }],
+    disabled: !selectedPaymentMethod || !paymentAmount,
+    testID: "payment-method-button"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, null, selectedPaymentMethod?.name && /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "paragraph-400",
+    color: "fg-100"
+  }, selectedPaymentMethod.name), getProviderButtonText() && /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    margin: ['3xs', '0', '0', '0']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "small-400",
+    color: "fg-150"
+  }, getProviderButtonText()), selectedQuote && /*#__PURE__*/React.createElement(React.Fragment, null, providerImage && /*#__PURE__*/React.createElement(_appkitUiReactNative.Image, {
+    source: providerImage,
+    style: _styles.default.providerImage
+  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "small-400",
+    color: "fg-150"
+  }, _appkitCommonReactNative.StringUtil.capitalize(selectedQuote?.serviceProvider)))))), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    margin: ['m', '0', '0', '0']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Button, {
+    variant: "shade",
+    style: _styles.default.cancelButton,
+    onPress: _appkitCoreReactNative.RouterController.goBack
+  }, "Cancel"), /*#__PURE__*/React.createElement(_appkitUiReactNative.Button, {
+    style: _styles.default.continueButton,
+    onPress: handleContinue,
+    disabled: quotesLoading || loading || !selectedQuote,
+    testID: "button-continue"
+  }, "Continue")), /*#__PURE__*/React.createElement(_SelectPaymentModal.SelectPaymentModal, {
+    visible: isPaymentMethodModalVisible,
+    onClose: onModalClose,
+    title: "Payment"
+  }), /*#__PURE__*/React.createElement(_w3mSelectorModal.SelectorModal, {
+    selectedItem: purchaseCurrency,
+    visible: isCurrencyModalVisible,
+    onClose: onModalClose,
+    items: (0, _utils.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/commonjs/views/w3m-onramp-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_valtio","require","_react","_reactNative","_appkitCoreReactNative","_appkitUiReactNative","_appkitCommonReactNative","_w3mSelectorModal","_Currency","_utils","_CurrencyInput","_SelectPaymentModal","_Header","_UiUtil","_LoadingView","_styles","_interopRequireDefault","e","__esModule","default","MemoizedCurrency","memo","Currency","OnRampView","themeMode","useSnapshot","ThemeController","state","Theme","useTheme","purchaseCurrency","paymentCurrency","paymentMethods","selectedPaymentMethod","paymentAmount","quotesLoading","selectedQuote","error","loading","initialLoading","OnRampController","activeNetwork","ConnectionsController","searchValue","setSearchValue","useState","isCurrencyModalVisible","setIsCurrencyModalVisible","isPaymentMethodModalVisible","setIsPaymentMethodModalVisible","providerImage","getServiceProviderImage","serviceProvider","suggestedValues","getCurrencySuggestedValues","purchaseCurrencyCode","currencyCode","split","networkImage","AssetUtil","getNetworkImage","id","getQuotes","useCallback","canGenerateQuote","getProviderButtonText","length","onValueChange","value","UiUtil","animateChange","abortGetQuotes","setPaymentAmount","setSelectedQuote","undefined","clearError","getQuotesDebounced","onSuggestedValuePress","handleSearch","handleContinue","RouterController","push","renderCurrencyItem","item","React","createElement","onPress","onPressPurchaseCurrency","selected","title","name","subtitle","testID","setPurchaseCurrency","onModalClose","useEffect","type","ConstantsUtil","ONRAMP_ERROR_TYPES","FAILED_TO_LOAD","SnackController","showInternalError","shortMessage","longMessage","message","goBack","countries","loadOnRampData","LoadingView","Fragment","Header","onSettingsPress","ScrollView","bounces","FlexView","padding","flexDirection","alignItems","justifyContent","Text","variant","color","TokenButton","placeholder","imageUrl","symbolImageUrl","text","chevron","renderClip","Image","source","style","styles","borderColor","CurrencyInput","toString","symbol","isAmountError","AMOUNT_TOO_LOW","AMOUNT_TOO_HIGH","INVALID_AMOUNT","purchaseValue","destinationAmount","NumberUtil","roundNumber","currencyInput","ListItem","backgroundColor","paymentMethodButton","imageSrc","logos","imageStyle","paymentMethodImage","imageContainerStyle","paymentMethodImageContainer","disabled","margin","StringUtil","capitalize","Button","cancelButton","continueButton","SelectPaymentModal","visible","onClose","SelectorModal","selectedItem","items","getPurchaseCurrencies","onSearch","renderItem","keyExtractor","itemHeight","CURRENCY_ITEM_HEIGHT","showNetwork"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-view/index.tsx"],"mappings":"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"}

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

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  continueButton: {
+    marginLeft: _appkitUiReactNative.Spacing.m,
+    flex: 3
+  },
+  cancelButton: {
+    flex: 1
+  },
+  paymentMethodButton: {
+    borderRadius: _appkitUiReactNative.BorderRadius.s,
+    height: 64
+  },
+  paymentMethodImage: {
+    width: 20,
+    height: 20,
+    borderRadius: 0
+  },
+  paymentMethodImageContainer: {
+    width: 40,
+    height: 40,
+    borderWidth: 0,
+    borderRadius: _appkitUiReactNative.BorderRadius['3xs']
+  },
+  currencyInput: {
+    marginBottom: _appkitUiReactNative.Spacing.m
+  },
+  providerImage: {
+    height: 16,
+    width: 16,
+    marginRight: 2
+  },
+  networkImage: {
+    height: 14,
+    width: 14,
+    borderRadius: _appkitUiReactNative.BorderRadius.full,
+    borderWidth: 1
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","continueButton","marginLeft","Spacing","m","flex","cancelButton","paymentMethodButton","borderRadius","BorderRadius","s","height","paymentMethodImage","width","paymentMethodImageContainer","borderWidth","currencyInput","marginBottom","providerImage","marginRight","networkImage","full"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAsE,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEvDC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,cAAc,EAAE;IACdC,UAAU,EAAEC,4BAAO,CAACC,CAAC;IACrBC,IAAI,EAAE;EACR,CAAC;EACDC,YAAY,EAAE;IACZD,IAAI,EAAE;EACR,CAAC;EACDE,mBAAmB,EAAE;IACnBC,YAAY,EAAEC,iCAAY,CAACC,CAAC;IAC5BC,MAAM,EAAE;EACV,CAAC;EACDC,kBAAkB,EAAE;IAClBC,KAAK,EAAE,EAAE;IACTF,MAAM,EAAE,EAAE;IACVH,YAAY,EAAE;EAChB,CAAC;EACDM,2BAA2B,EAAE;IAC3BD,KAAK,EAAE,EAAE;IACTF,MAAM,EAAE,EAAE;IACVI,WAAW,EAAE,CAAC;IACdP,YAAY,EAAEC,iCAAY,CAAC,KAAK;EAClC,CAAC;EACDO,aAAa,EAAE;IACbC,YAAY,EAAEd,4BAAO,CAACC;EACxB,CAAC;EACDc,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;IACTL,YAAY,EAAEC,iCAAY,CAACY,IAAI;IAC/BN,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPurchaseCurrencies = exports.getCurrencySuggestedValues = void 0;
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+// -------------------------- Utils --------------------------
+const getPurchaseCurrencies = (searchValue, filterSelected) => {
+  const networkId = _appkitCoreReactNative.NetworkController.state.caipNetwork?.id?.split(':')[1];
+  let networkTokens = _appkitCoreReactNative.OnRampController.state.purchaseCurrencies?.filter(c => c.chainId === networkId) ?? [];
+  if (filterSelected) {
+    networkTokens = networkTokens?.filter(c => c.currencyCode !== _appkitCoreReactNative.OnRampController.state.purchaseCurrency?.currencyCode);
+  }
+  return searchValue ? networkTokens.filter(item => item.name.toLowerCase().includes(searchValue) || item.currencyCode.toLowerCase().includes(searchValue)) : networkTokens;
+};
+
+// Helper function to generate values based on limits and default value
+exports.getPurchaseCurrencies = getPurchaseCurrencies;
+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;
+  }
+}
+const getCurrencySuggestedValues = currency => {
+  if (!currency) return [];
+  const limit = _appkitCoreReactNative.OnRampController.getCurrencyLimit(currency);
+
+  // If we have predefined values for this currency, use them
+  if (_appkitCoreReactNative.ConstantsUtil.CURRENCY_SUGGESTED_VALUES[currency.currencyCode]) {
+    const suggestedValues = _appkitCoreReactNative.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;
+  }
+
+  // Fallback to generating values from limits
+  if (limit) {
+    const minAmount = limit.minimumAmount ?? 0;
+    const maxAmount = limit.maximumAmount ?? Infinity;
+    return generateValuesFromLimits(minAmount, maxAmount, limit?.defaultAmount);
+  }
+  return [];
+};
+exports.getCurrencySuggestedValues = getCurrencySuggestedValues;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_appkitCoreReactNative","require","getPurchaseCurrencies","searchValue","filterSelected","networkId","NetworkController","state","caipNetwork","id","split","networkTokens","OnRampController","purchaseCurrencies","filter","c","chainId","currencyCode","purchaseCurrency","item","name","toLowerCase","includes","exports","generateValuesFromLimits","minAmount","maxAmount","defaultAmount","baseAmount","Math","min","max","value1","value2","value3","safeValue1","safeValue2","safeValue3","map","v","roundToNiceNumber","value","ceil","getCurrencySuggestedValues","currency","limit","getCurrencyLimit","ConstantsUtil","CURRENCY_SUGGESTED_VALUES","suggestedValues","minimumAmount","maximumAmount","Infinity","validValues","length"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-view/utils.ts"],"mappings":"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"}