@reown/appkit-react-native 0.0.0-canary-20251008180350

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

@@ -0,0 +1,211 @@
+"use strict";
+
+/* eslint-disable valtio/state-snapshot-rule */
+import { useSnapshot } from 'valtio';
+import { useRef, useState, useMemo, useEffect } from 'react';
+import { FlatList, StyleSheet, View, Modal } from 'react-native';
+import { FlexView, IconLink, Spacing, Text, useTheme, Separator, BorderRadius, useCustomDimensions } 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 {
+    maxHeight
+  } = useCustomDimensions();
+  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, {
+    visible: visible,
+    transparent: true,
+    animationType: "slide",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles.modalContent,
+      children: /*#__PURE__*/_jsxs(FlexView, {
+        style: [styles.container, {
+          backgroundColor: Theme['bg-100'],
+          height: maxHeight
+        }],
+        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({
+  modalContent: {
+    margin: 0,
+    flex: 1,
+    justifyContent: 'flex-end'
+  },
+  header: {
+    marginBottom: Spacing.l,
+    paddingHorizontal: Spacing.m,
+    paddingTop: Spacing.m
+  },
+  container: {
+    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","FlatList","StyleSheet","View","Modal","FlexView","IconLink","Spacing","Text","useTheme","Separator","BorderRadius","useCustomDimensions","OnRampController","Quote","ITEM_HEIGHT","QUOTE_ITEM_HEIGHT","PaymentMethod","jsx","_jsx","jsxs","_jsxs","SEPARATOR_HEIGHT","s","SelectPaymentModal","title","visible","onClose","Theme","maxHeight","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","transparent","animationType","onRequestClose","children","styles","modalContent","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","flex","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,224 @@
+"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, AssetUtil } 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 = AssetUtil.getNetworkImage(activeNetwork, networkImages);
+  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}`,
+      style: styles.currencyItem
+    });
+  };
+  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', 's', '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 Token',
+            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","AssetUtil","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","getNetworkImage","getQuotes","canGenerateQuote","getPaymentButtonTitle","name","length","getPaymentButtonSubtitle","capitalize","serviceProvider","undefined","onValueChange","value","abortGetQuotes","setPaymentAmount","setSelectedQuote","clearError","handleSearch","handleContinue","push","renderCurrencyItem","item","onPress","onPressPurchaseCurrency","selected","title","subtitle","testID","style","currencyItem","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","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,50 @@
+"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']
+  },
+  currencyItem: {
+    paddingHorizontal: Spacing.m
+  },
+  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","currencyItem","paddingHorizontal","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,YAAY,EAAE;IACZC,iBAAiB,EAAEhB,OAAO,CAACI;EAC7B,CAAC;EACDa,aAAa,EAAE;IACbC,YAAY,EAAElB,OAAO,CAACI;EACxB,CAAC;EACDe,aAAa,EAAE;IACbT,MAAM,EAAE,EAAE;IACVE,KAAK,EAAE,EAAE;IACTQ,WAAW,EAAE;EACf,CAAC;EACDC,YAAY,EAAE;IACZX,MAAM,EAAE,EAAE;IACVE,KAAK,EAAE,EAAE;IACTJ,YAAY,EAAET,YAAY,CAACuB,IAAI;IAC/BR,WAAW,EAAE;EACf,CAAC;EACDS,iBAAiB,EAAE;IACjBf,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":[]}