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

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

@@ -0,0 +1,215 @@
+"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 _Quote = require("./Quote");
+var _PaymentMethod = require("./PaymentMethod");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* eslint-disable valtio/state-snapshot-rule */
+
+const SEPARATOR_HEIGHT = _appkitUiReactNative.Spacing.s;
+function SelectPaymentModal({
+  title,
+  visible,
+  onClose
+}) {
+  const Theme = (0, _appkitUiReactNative.useTheme)();
+  const {
+    selectedQuote,
+    quotes,
+    selectedPaymentMethod
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OnRampController.state);
+  const paymentMethodsRef = (0, _react.useRef)(null);
+  const [paymentMethods, setPaymentMethods] = (0, _react.useState)(_appkitCoreReactNative.OnRampController.state.paymentMethods);
+  const [activePaymentMethod, setActivePaymentMethod] = (0, _react.useState)(_appkitCoreReactNative.OnRampController.state.selectedPaymentMethod);
+  const availablePaymentMethods = (0, _react.useMemo)(() => {
+    return paymentMethods.filter(paymentMethod => quotes?.some(quote => quote.paymentMethodType === paymentMethod.paymentMethod));
+  }, [paymentMethods, quotes]);
+  const availableQuotes = (0, _react.useMemo)(() => {
+    return quotes?.filter(quote => activePaymentMethod?.paymentMethod === quote.paymentMethodType);
+  }, [quotes, activePaymentMethod]);
+  const sortedQuotes = (0, _react.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        height: SEPARATOR_HEIGHT
+      }
+    });
+  };
+  const handleQuotePress = quote => {
+    if (activePaymentMethod) {
+      _appkitCoreReactNative.OnRampController.clearError();
+      _appkitCoreReactNative.OnRampController.setSelectedQuote(quote);
+      _appkitCoreReactNative.OnRampController.setSelectedPaymentMethod(activePaymentMethod);
+    }
+    onClose();
+  };
+  const handlePaymentMethodPress = paymentMethod => {
+    setActivePaymentMethod(paymentMethod);
+  };
+  const renderQuote = ({
+    item,
+    index
+  }) => {
+    const logoURL = _appkitCoreReactNative.OnRampController.getServiceProviderImage(item.serviceProvider);
+    const isSelected = item.serviceProvider === _appkitCoreReactNative.OnRampController.state.selectedQuote?.serviceProvider && item.paymentMethodType === _appkitCoreReactNative.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__*/(0, _jsxRuntime.jsx)(_Quote.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__*/(0, _jsxRuntime.jsx)(_PaymentMethod.PaymentMethod, {
+      item: parsedItem,
+      onPress: () => handlePaymentMethodPress(parsedItem),
+      selected: isSelected,
+      testID: `payment-method-item-${parsedItem.paymentMethod}`
+    });
+  };
+  (0, _react.useEffect)(() => {
+    if (visible && _appkitCoreReactNative.OnRampController.state.selectedPaymentMethod) {
+      const methods = [_appkitCoreReactNative.OnRampController.state.selectedPaymentMethod, ..._appkitCoreReactNative.OnRampController.state.paymentMethods.filter(m => m.paymentMethod !== _appkitCoreReactNative.OnRampController.state.selectedPaymentMethod?.paymentMethod)];
+      //Update payment methods order
+      setPaymentMethods(methods);
+      setActivePaymentMethod(_appkitCoreReactNative.OnRampController.state.selectedPaymentMethod);
+    }
+  }, [visible]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeModal.default, {
+    isVisible: visible,
+    useNativeDriver: true,
+    useNativeDriverForBackdrop: true,
+    statusBarTranslucent: true,
+    hideModalContentWhileAnimating: true,
+    onBackdropPress: onClose,
+    onDismiss: onClose,
+    style: styles.modal,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      style: [styles.container, {
+        backgroundColor: Theme['bg-100']
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        alignItems: "center",
+        justifyContent: "space-between",
+        flexDirection: "row",
+        style: styles.header,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
+          icon: "arrowLeft",
+          onPress: onClose,
+          testID: "payment-modal-button-back"
+        }), !!title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          variant: "paragraph-600",
+          children: title
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.iconPlaceholder
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        variant: "small-500",
+        color: "fg-150",
+        style: styles.subtitle,
+        children: "Pay with"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+          data: availablePaymentMethods,
+          renderItem: renderPaymentMethod,
+          ref: paymentMethodsRef,
+          style: styles.paymentMethodsContainer,
+          contentContainerStyle: styles.paymentMethodsContent,
+          fadingEdgeLength: 20,
+          keyExtractor: item => item.paymentMethod,
+          horizontal: true,
+          showsHorizontalScrollIndicator: false
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Separator, {
+        style: styles.separator,
+        color: "gray-glass-010"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        variant: "small-500",
+        color: "fg-150",
+        style: styles.subtitle,
+        children: "Providers"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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 = _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","_Quote","_PaymentMethod","_jsxRuntime","e","__esModule","default","SEPARATOR_HEIGHT","Spacing","s","SelectPaymentModal","title","visible","onClose","Theme","useTheme","selectedQuote","quotes","selectedPaymentMethod","useSnapshot","OnRampController","state","paymentMethodsRef","useRef","paymentMethods","setPaymentMethods","useState","activePaymentMethod","setActivePaymentMethod","availablePaymentMethods","useMemo","filter","paymentMethod","some","quote","paymentMethodType","availableQuotes","sortedQuotes","serviceProvider","renderSeparator","jsx","View","style","height","handleQuotePress","clearError","setSelectedQuote","setSelectedPaymentMethod","handlePaymentMethodPress","renderQuote","item","index","logoURL","getServiceProviderImage","isSelected","isRecommended","findIndex","length","tagText","lowKyc","undefined","Quote","selected","onQuotePress","testID","renderPaymentMethod","parsedItem","PaymentMethod","onPress","useEffect","methods","m","isVisible","useNativeDriver","useNativeDriverForBackdrop","statusBarTranslucent","hideModalContentWhileAnimating","onBackdropPress","onDismiss","styles","modal","children","jsxs","FlexView","container","backgroundColor","alignItems","justifyContent","flexDirection","header","IconLink","icon","Text","variant","iconPlaceholder","color","subtitle","FlatList","data","renderItem","ref","paymentMethodsContainer","contentContainerStyle","paymentMethodsContent","fadingEdgeLength","keyExtractor","horizontal","showsHorizontalScrollIndicator","Separator","separator","bounces","extraData","listContent","ItemSeparatorComponent","getItemLayout","_","QUOTE_ITEM_HEIGHT","offset","StyleSheet","create","margin","marginBottom","l","paddingHorizontal","paddingTop","borderTopLeftRadius","BorderRadius","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/commonjs/views/w3m-onramp-view/index.js

@@ -0,0 +1,228 @@
+"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 _LoadingView = require("./components/LoadingView");
+var _PaymentButton = _interopRequireDefault(require("./components/PaymentButton"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
+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,
+    selectedPaymentMethod,
+    paymentAmount,
+    quotesLoading,
+    quotes,
+    selectedQuote,
+    error,
+    loading,
+    initialLoading
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OnRampController.state);
+  const {
+    activeNetwork
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionsController.state);
+  const {
+    networkImages
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.AssetController.state);
+  const [searchValue, setSearchValue] = (0, _react.useState)('');
+  const [isCurrencyModalVisible, setIsCurrencyModalVisible] = (0, _react.useState)(false);
+  const [isPaymentMethodModalVisible, setIsPaymentMethodModalVisible] = (0, _react.useState)(false);
+  const purchaseCurrencyCode = purchaseCurrency?.currencyCode?.split('_')[0] ?? purchaseCurrency?.currencyCode;
+  const networkImage = activeNetwork ? networkImages[activeNetwork.id] : undefined;
+  const getQuotes = (0, _react.useCallback)(() => {
+    if (_appkitCoreReactNative.OnRampController.canGenerateQuote()) {
+      _appkitCoreReactNative.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 _appkitCommonReactNative.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) {
+      _appkitCoreReactNative.OnRampController.abortGetQuotes();
+      _appkitCoreReactNative.OnRampController.setPaymentAmount(0);
+      _appkitCoreReactNative.OnRampController.setSelectedQuote(undefined);
+      _appkitCoreReactNative.OnRampController.clearError();
+      return;
+    }
+    _appkitCoreReactNative.OnRampController.setPaymentAmount(value);
+    (0, _utils.getQuotesDebounced)();
+  };
+  const handleSearch = value => {
+    setSearchValue(value);
+  };
+  const handleContinue = async () => {
+    if (_appkitCoreReactNative.OnRampController.state.selectedQuote) {
+      _appkitCoreReactNative.RouterController.push('OnRampCheckout');
+    }
+  };
+  const renderCurrencyItem = ({
+    item
+  }) => {
+    return /*#__PURE__*/(0, _jsxRuntime.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('');
+    _appkitCoreReactNative.OnRampController.setPurchaseCurrency(item);
+    getQuotes();
+  };
+  const onModalClose = () => {
+    setSearchValue('');
+    setIsCurrencyModalVisible(false);
+    setIsPaymentMethodModalVisible(false);
+  };
+  (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__*/(0, _jsxRuntime.jsx)(_LoadingView.LoadingView, {});
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.Header, {
+      onSettingsPress: () => _appkitCoreReactNative.RouterController.push('OnRampSettings')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      bounces: false,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        padding: ['s', 'l', '4xl', 'l'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: "You Buy"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.TokenButton, {
+            placeholder: 'Select currency',
+            imageUrl: purchaseCurrency?.symbolImageUrl,
+            text: purchaseCurrencyCode,
+            onPress: () => setIsCurrencyModalVisible(true),
+            testID: "currency-selector",
+            chevron: true,
+            renderClip: networkImage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Image, {
+              source: networkImage,
+              style: [_styles.default.networkImage, {
+                borderColor: Theme['bg-300']
+              }]
+            }) : null
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CurrencyInput.CurrencyInput, {
+          value: paymentAmount?.toString(),
+          symbol: paymentCurrency?.currencyCode,
+          error: error?.message,
+          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__*/(0, _jsxRuntime.jsx)(_PaymentButton.default, {
+          title: getPaymentButtonTitle(),
+          subtitle: getPaymentButtonSubtitle(),
+          paymentLogo: selectedPaymentMethod?.logos[themeMode ?? 'light'],
+          providerLogo: _appkitCoreReactNative.OnRampController.getServiceProviderImage(selectedQuote?.serviceProvider),
+          disabled: !paymentAmount || quotes?.length === 0,
+          loading: quotesLoading || loading,
+          onPress: () => setIsPaymentMethodModalVisible(true),
+          testID: "payment-method-button"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "center",
+          margin: ['m', '0', '0', '0'],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+            variant: "shade",
+            style: _styles.default.cancelButton,
+            onPress: _appkitCoreReactNative.RouterController.goBack,
+            children: "Cancel"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+            style: _styles.default.continueButton,
+            onPress: handleContinue,
+            disabled: quotesLoading || loading || !selectedQuote,
+            testID: "button-continue",
+            children: "Continue"
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectPaymentModal.SelectPaymentModal, {
+          visible: isPaymentMethodModalVisible,
+          onClose: onModalClose,
+          title: "Payment"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_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","_LoadingView","_PaymentButton","_interopRequireDefault","_styles","_jsxRuntime","e","__esModule","default","MemoizedCurrency","memo","Currency","OnRampView","themeMode","useSnapshot","ThemeController","state","Theme","useTheme","purchaseCurrency","paymentCurrency","selectedPaymentMethod","paymentAmount","quotesLoading","quotes","selectedQuote","error","loading","initialLoading","OnRampController","activeNetwork","ConnectionsController","networkImages","AssetController","searchValue","setSearchValue","useState","isCurrencyModalVisible","setIsCurrencyModalVisible","isPaymentMethodModalVisible","setIsPaymentMethodModalVisible","purchaseCurrencyCode","currencyCode","split","networkImage","id","undefined","getQuotes","useCallback","canGenerateQuote","getPaymentButtonTitle","name","length","getPaymentButtonSubtitle","StringUtil","capitalize","serviceProvider","onValueChange","value","abortGetQuotes","setPaymentAmount","setSelectedQuote","clearError","getQuotesDebounced","handleSearch","handleContinue","RouterController","push","renderCurrencyItem","item","jsx","onPress","onPressPurchaseCurrency","selected","title","subtitle","testID","setPurchaseCurrency","onModalClose","useEffect","type","ConstantsUtil","ONRAMP_ERROR_TYPES","FAILED_TO_LOAD","SnackController","showInternalError","shortMessage","longMessage","message","goBack","countries","loadOnRampData","LoadingView","jsxs","Fragment","children","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","paymentLogo","logos","providerLogo","getServiceProviderImage","disabled","margin","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":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAWA,IAAAI,oBAAA,GAAAJ,OAAA;AAQA,IAAAK,wBAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AACA,IAAAU,mBAAA,GAAAV,OAAA;AACA,IAAAW,OAAA,GAAAX,OAAA;AACA,IAAAY,YAAA,GAAAZ,OAAA;AACA,IAAAa,cAAA,GAAAC,sBAAA,CAAAd,OAAA;AACA,IAAAe,OAAA,GAAAD,sBAAA,CAAAd,OAAA;AAA8B,IAAAgB,WAAA,GAAAhB,OAAA;AAAA,SAAAc,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9B,MAAMG,gBAAgB,gBAAG,IAAAC,WAAI,EAACC,kBAAQ,CAAC;AAEhC,SAASC,UAAUA,CAAA,EAAG;EAC3B,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,mBAAW,EAACC,sCAAe,CAACC,KAAK,CAAC;EACxD,MAAMC,KAAK,GAAG,IAAAC,6BAAQ,EAAC,CAAC;EAExB,MAAM;IACJC,gBAAgB;IAChBC,eAAe;IACfC,qBAAqB;IACrBC,aAAa;IACbC,aAAa;IACbC,MAAM;IACNC,aAAa;IACbC,KAAK;IACLC,OAAO;IACPC;EACF,CAAC,GAAG,IAAAd,mBAAW,EAACe,uCAAgB,CAACb,KAAK,CAA0B;EAChE,MAAM;IAAEc;EAAc,CAAC,GAAG,IAAAhB,mBAAW,EAACiB,4CAAqB,CAACf,KAAK,CAAC;EAClE,MAAM;IAAEgB;EAAc,CAAC,GAAG,IAAAlB,mBAAW,EAACmB,sCAAe,CAACjB,KAAK,CAAC;EAC5D,MAAM,CAACkB,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,EAAE,CAAC;EAClD,MAAM,CAACC,sBAAsB,EAAEC,yBAAyB,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAC3E,MAAM,CAACG,2BAA2B,EAAEC,8BAA8B,CAAC,GAAG,IAAAJ,eAAQ,EAAC,KAAK,CAAC;EACrF,MAAMK,oBAAoB,GACxBtB,gBAAgB,EAAEuB,YAAY,EAAEC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAIxB,gBAAgB,EAAEuB,YAAY;EACjF,MAAME,YAAY,GAAGd,aAAa,GAAGE,aAAa,CAACF,aAAa,CAACe,EAAE,CAAC,GAAGC,SAAS;EAEhF,MAAMC,SAAS,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAClC,IAAInB,uCAAgB,CAACoB,gBAAgB,CAAC,CAAC,EAAE;MACvCpB,uCAAgB,CAACkB,SAAS,CAAC,CAAC;IAC9B;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,qBAAqB,GAAGA,CAAA,KAAM;IAClC,IAAI7B,qBAAqB,EAAE;MACzB,OAAOA,qBAAqB,CAAC8B,IAAI;IACnC;IAEA,IAAI5B,aAAa,EAAE;MACjB,OAAO,gBAAgB;IACzB;IAEA,IAAI,CAACD,aAAa,IAAIE,MAAM,EAAE4B,MAAM,KAAK,CAAC,EAAE;MAC1C,OAAO,sBAAsB;IAC/B;IAEA,OAAO,EAAE;EACX,CAAC;EAED,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;IACrC,IAAI5B,aAAa,EAAE;MACjB,OAAO6B,mCAAU,CAACC,UAAU,CAAC9B,aAAa,EAAE+B,eAAe,CAAC;IAC9D;IAEA,IAAInC,qBAAqB,EAAE;MACzB,IAAIE,aAAa,EAAE;QACjB,OAAO,gBAAgB;MACzB;MAEA,IAAI,CAACD,aAAa,IAAIE,MAAM,EAAE4B,MAAM,KAAK,CAAC,EAAE;QAC1C,OAAO,sBAAsB;MAC/B;IACF;IAEA,OAAON,SAAS;EAClB,CAAC;EAED,MAAMW,aAAa,GAAIC,KAAa,IAAK;IACvC,IAAI,CAACA,KAAK,EAAE;MACV7B,uCAAgB,CAAC8B,cAAc,CAAC,CAAC;MACjC9B,uCAAgB,CAAC+B,gBAAgB,CAAC,CAAC,CAAC;MACpC/B,uCAAgB,CAACgC,gBAAgB,CAACf,SAAS,CAAC;MAC5CjB,uCAAgB,CAACiC,UAAU,CAAC,CAAC;MAE7B;IACF;IAEAjC,uCAAgB,CAAC+B,gBAAgB,CAACF,KAAK,CAAC;IACxC,IAAAK,yBAAkB,EAAC,CAAC;EACtB,CAAC;EAED,MAAMC,YAAY,GAAIN,KAAa,IAAK;IACtCvB,cAAc,CAACuB,KAAK,CAAC;EACvB,CAAC;EAED,MAAMO,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC,IAAIpC,uCAAgB,CAACb,KAAK,CAACS,aAAa,EAAE;MACxCyC,uCAAgB,CAACC,IAAI,CAAC,gBAAgB,CAAC;IACzC;EACF,CAAC;EAED,MAAMC,kBAAkB,GAAGA,CAAC;IAAEC;EAAqC,CAAC,KAAK;IACvE,oBACE,IAAAhE,WAAA,CAAAiE,GAAA,EAAC7D,gBAAgB;MACf4D,IAAI,EAAEA,IAAK;MACXE,OAAO,EAAEC,uBAAwB;MACjCC,QAAQ,EAAEJ,IAAI,CAAC3B,YAAY,KAAKvB,gBAAgB,EAAEuB,YAAa;MAC/DgC,KAAK,EAAEL,IAAI,CAAClB,IAAK;MACjBwB,QAAQ,EAAEN,IAAI,CAAC3B,YAAY,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI0B,IAAI,CAAC3B,YAAa;MAC/DkC,MAAM,EAAE,iBAAiBP,IAAI,CAAC3B,YAAY;IAAG,CAC9C,CAAC;EAEN,CAAC;EAED,MAAM8B,uBAAuB,GAAIH,IAAS,IAAK;IAC7C/B,yBAAyB,CAAC,KAAK,CAAC;IAChCE,8BAA8B,CAAC,KAAK,CAAC;IACrCL,cAAc,CAAC,EAAE,CAAC;IAClBN,uCAAgB,CAACgD,mBAAmB,CAACR,IAA4B,CAAC;IAClEtB,SAAS,CAAC,CAAC;EACb,CAAC;EAED,MAAM+B,YAAY,GAAGA,CAAA,KAAM;IACzB3C,cAAc,CAAC,EAAE,CAAC;IAClBG,yBAAyB,CAAC,KAAK,CAAC;IAChCE,8BAA8B,CAAC,KAAK,CAAC;EACvC,CAAC;EAED,IAAAuC,gBAAS,EAAC,MAAM;IACd,IAAIrD,KAAK,EAAEsD,IAAI,KAAKC,oCAAa,CAACC,kBAAkB,CAACC,cAAc,EAAE;MACnEC,sCAAe,CAACC,iBAAiB,CAAC;QAChCC,YAAY,EAAE,8CAA8C;QAC5DC,WAAW,EAAE7D,KAAK,EAAE8D;MACtB,CAAC,CAAC;MACFtB,uCAAgB,CAACuB,MAAM,CAAC,CAAC;IAC3B;EACF,CAAC,EAAE,CAAC/D,KAAK,CAAC,CAAC;EAEX,IAAAqD,gBAAS,EAAC,MAAM;IACd,IAAIlD,uCAAgB,CAACb,KAAK,CAAC0E,SAAS,CAACtC,MAAM,KAAK,CAAC,EAAE;MACjDvB,uCAAgB,CAAC8D,cAAc,CAAC,CAAC;IACnC;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI/D,cAAc,IAAIC,uCAAgB,CAACb,KAAK,CAAC0E,SAAS,CAACtC,MAAM,KAAK,CAAC,EAAE;IACnE,oBAAO,IAAA/C,WAAA,CAAAiE,GAAA,EAACrE,YAAA,CAAA2F,WAAW,IAAE,CAAC;EACxB;EAEA,oBACE,IAAAvF,WAAA,CAAAwF,IAAA,EAAAxF,WAAA,CAAAyF,QAAA;IAAAC,QAAA,gBACE,IAAA1F,WAAA,CAAAiE,GAAA,EAACtE,OAAA,CAAAgG,MAAM;MAACC,eAAe,EAAEA,CAAA,KAAM/B,uCAAgB,CAACC,IAAI,CAAC,gBAAgB;IAAE,CAAE,CAAC,eAC1E,IAAA9D,WAAA,CAAAiE,GAAA,EAAC/E,YAAA,CAAA2G,UAAU;MAACC,OAAO,EAAE,KAAM;MAAAJ,QAAA,eACzB,IAAA1F,WAAA,CAAAwF,IAAA,EAACpG,oBAAA,CAAA2G,QAAQ;QAACC,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,CAAE;QAAAN,QAAA,gBACxC,IAAA1F,WAAA,CAAAwF,IAAA,EAACpG,oBAAA,CAAA2G,QAAQ;UAACE,aAAa,EAAC,KAAK;UAACC,UAAU,EAAC,QAAQ;UAACC,cAAc,EAAC,eAAe;UAAAT,QAAA,gBAC9E,IAAA1F,WAAA,CAAAiE,GAAA,EAAC7E,oBAAA,CAAAgH,IAAI;YAACC,OAAO,EAAC,WAAW;YAACC,KAAK,EAAC,QAAQ;YAAAZ,QAAA,EAAC;UAEzC,CAAM,CAAC,eACP,IAAA1F,WAAA,CAAAiE,GAAA,EAAC7E,oBAAA,CAAAmH,WAAW;YACVC,WAAW,EAAE,iBAAkB;YAC/BC,QAAQ,EAAE3F,gBAAgB,EAAE4F,cAAe;YAC3CC,IAAI,EAAEvE,oBAAqB;YAC3B8B,OAAO,EAAEA,CAAA,KAAMjC,yBAAyB,CAAC,IAAI,CAAE;YAC/CsC,MAAM,EAAC,mBAAmB;YAC1BqC,OAAO;YACPC,UAAU,EACRtE,YAAY,gBACV,IAAAvC,WAAA,CAAAiE,GAAA,EAAC7E,oBAAA,CAAA0H,KAAK;cACJC,MAAM,EAAExE,YAAa;cACrByE,KAAK,EAAE,CAACC,eAAM,CAAC1E,YAAY,EAAE;gBAAE2E,WAAW,EAAEtG,KAAK,CAAC,QAAQ;cAAE,CAAC;YAAE,CAChE,CAAC,GACA;UACL,CACF,CAAC;QAAA,CACM,CAAC,eACX,IAAAZ,WAAA,CAAAiE,GAAA,EAACxE,cAAA,CAAA0H,aAAa;UACZ9D,KAAK,EAAEpC,aAAa,EAAEmG,QAAQ,CAAC,CAAE;UACjCC,MAAM,EAAEtG,eAAe,EAAEsB,YAAa;UACtChB,KAAK,EAAEA,KAAK,EAAE8D,OAAQ;UACtBmC,aAAa,EACXjG,KAAK,EAAEsD,IAAI,KAAKC,oCAAa,CAACC,kBAAkB,CAAC0C,cAAc,IAC/DlG,KAAK,EAAEsD,IAAI,KAAKC,oCAAa,CAACC,kBAAkB,CAAC2C,eAAe,IAChEnG,KAAK,EAAEsD,IAAI,KAAKC,oCAAa,CAACC,kBAAkB,CAAC4C,cAClD;UACDnG,OAAO,EAAEA,OAAO,IAAIJ,aAAc;UAClCwG,aAAa,EAAE,GACbtG,aAAa,EAAEuG,iBAAiB,GAC5BC,mCAAU,CAACC,WAAW,CAACzG,aAAa,CAACuG,iBAAiB,EAAE,CAAC,EAAE,CAAC,CAAC,EAAEP,QAAQ,CAAC,CAAC,GACzE,MAAM,IACRhF,oBAAoB,IAAI,EAAE,EAAG;UACjCgB,aAAa,EAAEA,aAAc;UAC7B4D,KAAK,EAAEC,eAAM,CAACa;QAAc,CAC7B,CAAC,eACF,IAAA9H,WAAA,CAAAiE,GAAA,EAACpE,cAAA,CAAAM,OAAa;UACZkE,KAAK,EAAExB,qBAAqB,CAAC,CAAE;UAC/ByB,QAAQ,EAAEtB,wBAAwB,CAAC,CAAE;UACrC+E,WAAW,EAAE/G,qBAAqB,EAAEgH,KAAK,CAACxH,SAAS,IAAI,OAAO,CAAE;UAChEyH,YAAY,EAAEzG,uCAAgB,CAAC0G,uBAAuB,CAAC9G,aAAa,EAAE+B,eAAe,CAAE;UACvFgF,QAAQ,EAAE,CAAClH,aAAa,IAAIE,MAAM,EAAE4B,MAAM,KAAK,CAAE;UACjDzB,OAAO,EAAEJ,aAAa,IAAII,OAAQ;UAClC4C,OAAO,EAAEA,CAAA,KAAM/B,8BAA8B,CAAC,IAAI,CAAE;UACpDoC,MAAM,EAAC;QAAuB,CAC/B,CAAC,eACF,IAAAvE,WAAA,CAAAwF,IAAA,EAACpG,oBAAA,CAAA2G,QAAQ;UACPE,aAAa,EAAC,KAAK;UACnBC,UAAU,EAAC,QAAQ;UACnBC,cAAc,EAAC,QAAQ;UACvBiC,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;UAAA1C,QAAA,gBAE7B,IAAA1F,WAAA,CAAAiE,GAAA,EAAC7E,oBAAA,CAAAiJ,MAAM;YAAChC,OAAO,EAAC,OAAO;YAACW,KAAK,EAAEC,eAAM,CAACqB,YAAa;YAACpE,OAAO,EAAEL,uCAAgB,CAACuB,MAAO;YAAAM,QAAA,EAAC;UAEtF,CAAQ,CAAC,eACT,IAAA1F,WAAA,CAAAiE,GAAA,EAAC7E,oBAAA,CAAAiJ,MAAM;YACLrB,KAAK,EAAEC,eAAM,CAACsB,cAAe;YAC7BrE,OAAO,EAAEN,cAAe;YACxBuE,QAAQ,EAAEjH,aAAa,IAAII,OAAO,IAAI,CAACF,aAAc;YACrDmD,MAAM,EAAC,iBAAiB;YAAAmB,QAAA,EACzB;UAED,CAAQ,CAAC;QAAA,CACD,CAAC,eACX,IAAA1F,WAAA,CAAAiE,GAAA,EAACvE,mBAAA,CAAA8I,kBAAkB;UACjBC,OAAO,EAAEvG,2BAA4B;UACrCwG,OAAO,EAAEjE,YAAa;UACtBJ,KAAK,EAAC;QAAS,CAChB,CAAC,eACF,IAAArE,WAAA,CAAAiE,GAAA,EAAC3E,iBAAA,CAAAqJ,aAAa;UACZC,YAAY,EAAE9H,gBAAiB;UAC/B2H,OAAO,EAAEzG,sBAAuB;UAChC0G,OAAO,EAAEjE,YAAa;UACtBoE,KAAK,EAAE,IAAAC,4BAAqB,EAACjH,WAAW,EAAE,IAAI,CAAE;UAChDkH,QAAQ,EAAEpF,YAAa;UACvBqF,UAAU,EAAEjF,kBAAmB;UAC/BkF,YAAY,EAAEjF,IAAI,IAAIA,IAAI,CAAC3B,YAAa;UACxCgC,KAAK,EAAC,cAAc;UACpB6E,UAAU,EAAEC,qBAAqB;UACjCC,WAAW;QAAA,CACZ,CAAC;MAAA,CACM;IAAC,CACD,CAAC;EAAA,CACb,CAAC;AAEP","ignoreList":[]}

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

@@ -0,0 +1,51 @@
+"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
+  },
+  paymentButtonMock: {
+    borderRadius: _appkitUiReactNative.BorderRadius.s,
+    height: 64
+  }
+});
+//# 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","paymentButtonMock"],"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,CAAC;EACDO,iBAAiB,EAAE;IACjBd,YAAY,EAAEC,iCAAY,CAACC,CAAC;IAC5BC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getQuotesDebounced = exports.getPurchaseCurrencies = exports.getNetworkId = void 0;
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+// -------------------------- Utils --------------------------
+const getPurchaseCurrencies = (searchValue, filterSelected) => {
+  const networkId = getNetworkId();
+  if (!networkId) {
+    return [];
+  }
+  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()?.split('_')?.[0]?.includes(searchValue)) : networkTokens;
+};
+exports.getPurchaseCurrencies = getPurchaseCurrencies;
+const getQuotesDebounced = exports.getQuotesDebounced = _appkitCoreReactNative.CoreHelperUtil.debounce(function () {
+  _appkitCoreReactNative.OnRampController.getQuotes();
+}, 500);
+const getNetworkId = () => {
+  const [namespace, chainId] = _appkitCoreReactNative.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;
+};
+exports.getNetworkId = getNetworkId;
+//# 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","getNetworkId","networkTokens","OnRampController","state","purchaseCurrencies","filter","c","chainId","currencyCode","purchaseCurrency","item","name","toLowerCase","includes","split","exports","getQuotesDebounced","CoreHelperUtil","debounce","getQuotes","namespace","ConnectionsController","activeNetwork","caipNetworkId","undefined"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-view/utils.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAMA;AACO,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,GACfC,uCAAgB,CAACC,KAAK,CAACC,kBAAkB,EAAEC,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,OAAO,KAAKR,SAAS,CAAC,IAAI,EAAE;EAEvF,IAAID,cAAc,EAAE;IAClBG,aAAa,GAAGA,aAAa,EAAEI,MAAM,CACnCC,CAAC,IAAIA,CAAC,CAACE,YAAY,KAAKN,uCAAgB,CAACC,KAAK,CAACM,gBAAgB,EAAED,YACnE,CAAC;EACH;EAEA,OAAOX,WAAW,GACdI,aAAa,CAACI,MAAM,CAClBK,IAAI,IACFA,IAAI,CAACC,IAAI,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAChB,WAAW,CAAC,IAC7Ca,IAAI,CAACF,YAAY,CAACI,WAAW,CAAC,CAAC,EAAEE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAED,QAAQ,CAAChB,WAAW,CAC1E,CAAC,GACDI,aAAa;AACnB,CAAC;AAACc,OAAA,CAAAnB,qBAAA,GAAAA,qBAAA;AAEK,MAAMoB,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,GAAGC,qCAAc,CAACC,QAAQ,CAAC,YAAY;EACpEhB,uCAAgB,CAACiB,SAAS,CAAC,CAAC;AAC9B,CAAC,EAAE,GAAG,CAAC;AAEA,MAAMnB,YAAY,GAAGA,CAAA,KAA0B;EACpD,MAAM,CAACoB,SAAS,EAAEb,OAAO,CAAC,GACxBc,4CAAqB,CAAClB,KAAK,CAACmB,aAAa,EAAEC,aAAa,EAAET,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE;EAE5E,IAAI,CAACM,SAAS,IAAI,CAACb,OAAO,EAAE;IAC1B,OAAOiB,SAAS;EAClB;EAEA,IAAIJ,SAAS,KAAK,QAAQ,EAAE;IAC1B,OAAO,KAAK,CAAC,CAAC;EAChB;EAEA,IAAIA,SAAS,KAAK,QAAQ,EAAE;IAC1B,OAAO,GAAGA,SAAS,IAAIb,OAAO,EAAE,CAAC,CAAC;EACpC;EAEA,OAAOA,OAAO;AAChB,CAAC;AAACQ,OAAA,CAAAf,YAAA,GAAAA,YAAA","ignoreList":[]}