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

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

@@ -0,0 +1,135 @@
+"use strict";
+
+import { useCallback, useEffect } from 'react';
+import { useSnapshot } from 'valtio';
+import { Linking, ScrollView } from 'react-native';
+import { RouterController, OnRampController, OptionsController, EventsController } from '@reown/appkit-core-react-native';
+import { FlexView, DoubleImageLoader, IconLink, Button, Text } from '@reown/appkit-ui-react-native';
+import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import { ConnectingBody } from '../../partials/w3m-connecting-body';
+import styles from './styles';
+import { StringUtil } from '@reown/appkit-common-react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function OnRampLoadingView() {
+  const {
+    maxWidth: width
+  } = useCustomDimensions();
+  const {
+    error
+  } = useSnapshot(OnRampController.state);
+  const providerName = StringUtil.capitalize(OnRampController.state.selectedQuote?.serviceProvider.toLowerCase());
+  const serviceProvideLogo = OnRampController.getServiceProviderImage(OnRampController.state.selectedQuote?.serviceProvider ?? '');
+  const handleGoBack = () => {
+    if (EventsController.state.data.event === 'BUY_SUBMITTED') {
+      // Send event only if the onramp url was already created
+      EventsController.sendEvent({
+        type: 'track',
+        event: 'BUY_CANCEL'
+      });
+    }
+    RouterController.goBack();
+  };
+  const onConnect = useCallback(async () => {
+    if (OnRampController.state.selectedQuote) {
+      OnRampController.clearError();
+      const response = await OnRampController.generateWidget({
+        quote: OnRampController.state.selectedQuote
+      });
+      if (response?.widgetUrl) {
+        Linking.openURL(response?.widgetUrl);
+      }
+    }
+  }, []);
+  useEffect(() => {
+    const unsubscribe = Linking.addEventListener('url', ({
+      url
+    }) => {
+      const metadata = OptionsController.state.metadata;
+      if (metadata?.redirect?.universal && url.startsWith(metadata?.redirect?.universal) || metadata?.redirect?.native && url.startsWith(metadata?.redirect?.native)) {
+        const parsedUrl = new URL(url);
+        const searchParams = new URLSearchParams(parsedUrl.search);
+        const asset = searchParams.get('cryptoCurrency');
+        const network = searchParams.get('network');
+        const purchaseAmount = searchParams.get('cryptoAmount');
+        const amount = searchParams.get('fiatAmount');
+        const currency = searchParams.get('fiatCurrency');
+        const orderId = searchParams.get('orderId');
+        const status = searchParams.get('status');
+        EventsController.sendEvent({
+          type: 'track',
+          event: 'BUY_SUCCESS',
+          properties: {
+            asset,
+            network,
+            amount,
+            currency,
+            orderId
+          }
+        });
+        RouterController.reset('OnRampTransaction', {
+          onrampResult: {
+            purchaseCurrency: asset,
+            purchaseAmount,
+            purchaseImageUrl: OnRampController.state.purchaseCurrency?.symbolImageUrl ?? '',
+            paymentCurrency: currency,
+            paymentAmount: amount,
+            network: network,
+            status: status
+          }
+        });
+      }
+    });
+    return () => unsubscribe.remove();
+  }, []);
+  useEffect(() => {
+    onConnect();
+  }, [onConnect]);
+  return /*#__PURE__*/_jsx(ScrollView, {
+    bounces: false,
+    fadingEdgeLength: 20,
+    contentContainerStyle: styles.container,
+    testID: "onramp-loading-widget-view",
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      alignItems: "center",
+      alignSelf: "center",
+      padding: ['2xl', 'l', '0', 'l'],
+      style: {
+        width
+      },
+      children: [/*#__PURE__*/_jsx(IconLink, {
+        icon: "chevronLeft",
+        size: "md",
+        onPress: handleGoBack,
+        testID: "button-back",
+        style: styles.backButton
+      }), /*#__PURE__*/_jsx(DoubleImageLoader, {
+        leftImage: OptionsController.state.metadata?.icons[0],
+        rightImage: serviceProvideLogo,
+        style: styles.imageContainer
+      }), error ? /*#__PURE__*/_jsxs(FlexView, {
+        alignItems: "center",
+        justifyContent: "center",
+        padding: ['3xs', '2xl', '0', '2xl'],
+        children: [/*#__PURE__*/_jsxs(Text, {
+          center: true,
+          color: "error-100",
+          variant: "paragraph-500",
+          style: styles.errorText,
+          children: ["There was an error while connecting with ", providerName]
+        }), /*#__PURE__*/_jsx(Button, {
+          size: "sm",
+          variant: "accent",
+          iconLeft: "refresh",
+          style: styles.retryButton,
+          iconStyle: styles.retryIcon,
+          onPress: onConnect,
+          children: "Try again"
+        })]
+      }) : /*#__PURE__*/_jsx(ConnectingBody, {
+        title: `Connecting with ${providerName}`,
+        description: "Please wait while we redirect you to finalize your purchase."
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useSnapshot","Linking","ScrollView","RouterController","OnRampController","OptionsController","EventsController","FlexView","DoubleImageLoader","IconLink","Button","Text","useCustomDimensions","ConnectingBody","styles","StringUtil","jsx","_jsx","jsxs","_jsxs","OnRampLoadingView","maxWidth","width","error","state","providerName","capitalize","selectedQuote","serviceProvider","toLowerCase","serviceProvideLogo","getServiceProviderImage","handleGoBack","data","event","sendEvent","type","goBack","onConnect","clearError","response","generateWidget","quote","widgetUrl","openURL","unsubscribe","addEventListener","url","metadata","redirect","universal","startsWith","native","parsedUrl","URL","searchParams","URLSearchParams","search","asset","get","network","purchaseAmount","amount","currency","orderId","status","properties","reset","onrampResult","purchaseCurrency","purchaseImageUrl","symbolImageUrl","paymentCurrency","paymentAmount","remove","bounces","fadingEdgeLength","contentContainerStyle","container","testID","children","alignItems","alignSelf","padding","style","icon","size","onPress","backButton","leftImage","icons","rightImage","imageContainer","justifyContent","center","color","variant","errorText","iconLeft","retryButton","iconStyle","retryIcon","title","description"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-loading-view/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { Spacing } from '@reown/appkit-ui-react-native';
+export default StyleSheet.create({
+  container: {
+    paddingBottom: Spacing['3xl']
+  },
+  backButton: {
+    alignSelf: 'flex-start'
+  },
+  imageContainer: {
+    marginBottom: Spacing.s
+  },
+  retryButton: {
+    marginTop: Spacing.m
+  },
+  retryIcon: {
+    transform: [{
+      rotateY: '180deg'
+    }]
+  },
+  errorText: {
+    marginHorizontal: Spacing['4xl']
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Spacing","create","container","paddingBottom","backButton","alignSelf","imageContainer","marginBottom","s","retryButton","marginTop","m","retryIcon","transform","rotateY","errorText","marginHorizontal"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-loading-view/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAEH,OAAO,CAAC,KAAK;EAC9B,CAAC;EACDI,UAAU,EAAE;IACVC,SAAS,EAAE;EACb,CAAC;EACDC,cAAc,EAAE;IACdC,YAAY,EAAEP,OAAO,CAACQ;EACxB,CAAC;EACDC,WAAW,EAAE;IACXC,SAAS,EAAEV,OAAO,CAACW;EACrB,CAAC;EACDC,SAAS,EAAE;IACTC,SAAS,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAS,CAAC;EACnC,CAAC;EACDC,SAAS,EAAE;IACTC,gBAAgB,EAAEhB,OAAO,CAAC,KAAK;EACjC;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,72 @@
+"use strict";
+
+import { Pressable, FlexView, Spacing, Text, Icon, BorderRadius } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+import { SvgUri } from 'react-native-svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ITEM_HEIGHT = 60;
+export function Country({
+  onPress,
+  item,
+  selected
+}) {
+  const handlePress = () => {
+    onPress(item);
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: handlePress,
+    style: styles.container,
+    backgroundColor: "transparent",
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      padding: "s",
+      children: [/*#__PURE__*/_jsx(FlexView, {
+        style: styles.imageContainer,
+        children: item.flagImageUrl && SvgUri && /*#__PURE__*/_jsx(SvgUri, {
+          uri: item.flagImageUrl,
+          width: 36,
+          height: 36
+        })
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        style: styles.textContainer,
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "paragraph-400",
+          color: "fg-100",
+          numberOfLines: 1,
+          ellipsizeMode: "tail",
+          children: item.name
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "small-400",
+          color: "fg-150",
+          children: item.countryCode
+        })]
+      }), selected && /*#__PURE__*/_jsx(Icon, {
+        name: "checkmark",
+        size: "md",
+        color: "accent-100",
+        style: styles.checkmark
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    borderRadius: BorderRadius.s,
+    height: ITEM_HEIGHT,
+    justifyContent: 'center'
+  },
+  imageContainer: {
+    borderRadius: BorderRadius.full,
+    overflow: 'hidden',
+    marginRight: Spacing.xs
+  },
+  textContainer: {
+    flex: 1
+  },
+  checkmark: {
+    marginRight: Spacing['2xs']
+  }
+});
+//# sourceMappingURL=Country.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","FlexView","Spacing","Text","Icon","BorderRadius","StyleSheet","SvgUri","jsx","_jsx","jsxs","_jsxs","ITEM_HEIGHT","Country","onPress","item","selected","handlePress","style","styles","container","backgroundColor","children","flexDirection","alignItems","justifyContent","padding","imageContainer","flagImageUrl","uri","width","height","textContainer","variant","color","numberOfLines","ellipsizeMode","name","countryCode","size","checkmark","create","borderRadius","s","full","overflow","marginRight","xs","flex"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-settings-view/components/Country.tsx"],"mappings":";;AACA,SACEA,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,IAAI,EACJC,IAAI,EACJC,YAAY,QACP,+BAA+B;AACtC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,MAAM,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ1C,OAAO,MAAMC,WAAW,GAAG,EAAE;AAE7B,OAAO,SAASC,OAAOA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC;AAAgB,CAAC,EAAE;EAC1D,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBH,OAAO,CAACC,IAAI,CAAC;EACf,CAAC;EAED,oBACEN,IAAA,CAACT,SAAS;IAACc,OAAO,EAAEG,WAAY;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,eAAe,EAAC,aAAa;IAAAC,QAAA,eACrFX,KAAA,CAACV,QAAQ;MAACsB,aAAa,EAAC,KAAK;MAACC,UAAU,EAAC,QAAQ;MAACC,cAAc,EAAC,YAAY;MAACC,OAAO,EAAC,GAAG;MAAAJ,QAAA,gBACvFb,IAAA,CAACR,QAAQ;QAACiB,KAAK,EAAEC,MAAM,CAACQ,cAAe;QAAAL,QAAA,EACpCP,IAAI,CAACa,YAAY,IAAIrB,MAAM,iBAAIE,IAAA,CAACF,MAAM;UAACsB,GAAG,EAAEd,IAAI,CAACa,YAAa;UAACE,KAAK,EAAE,EAAG;UAACC,MAAM,EAAE;QAAG,CAAE;MAAC,CACjF,CAAC,eACXpB,KAAA,CAACV,QAAQ;QAACiB,KAAK,EAAEC,MAAM,CAACa,aAAc;QAAAV,QAAA,gBACpCb,IAAA,CAACN,IAAI;UAAC8B,OAAO,EAAC,eAAe;UAACC,KAAK,EAAC,QAAQ;UAACC,aAAa,EAAE,CAAE;UAACC,aAAa,EAAC,MAAM;UAAAd,QAAA,EAChFP,IAAI,CAACsB;QAAI,CACN,CAAC,eACP5B,IAAA,CAACN,IAAI;UAAC8B,OAAO,EAAC,WAAW;UAACC,KAAK,EAAC,QAAQ;UAAAZ,QAAA,EACrCP,IAAI,CAACuB;QAAW,CACb,CAAC;MAAA,CACC,CAAC,EACVtB,QAAQ,iBACPP,IAAA,CAACL,IAAI;QAACiC,IAAI,EAAC,WAAW;QAACE,IAAI,EAAC,IAAI;QAACL,KAAK,EAAC,YAAY;QAAChB,KAAK,EAAEC,MAAM,CAACqB;MAAU,CAAE,CAC/E;IAAA,CACO;EAAC,CACF,CAAC;AAEhB;AAEA,MAAMrB,MAAM,GAAGb,UAAU,CAACmC,MAAM,CAAC;EAC/BrB,SAAS,EAAE;IACTsB,YAAY,EAAErC,YAAY,CAACsC,CAAC;IAC5BZ,MAAM,EAAEnB,WAAW;IACnBa,cAAc,EAAE;EAClB,CAAC;EACDE,cAAc,EAAE;IACde,YAAY,EAAErC,YAAY,CAACuC,IAAI;IAC/BC,QAAQ,EAAE,QAAQ;IAClBC,WAAW,EAAE5C,OAAO,CAAC6C;EACvB,CAAC;EACDf,aAAa,EAAE;IACbgB,IAAI,EAAE;EACR,CAAC;EACDR,SAAS,EAAE;IACTM,WAAW,EAAE5C,OAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,139 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { memo, useState } from 'react';
+import { SvgUri } from 'react-native-svg';
+import { FlexView, ListItem, Text, useTheme, Icon, Image } from '@reown/appkit-ui-react-native';
+import { OnRampController } from '@reown/appkit-core-react-native';
+import { SelectorModal } from '../../partials/w3m-selector-modal';
+import { Country } from './components/Country';
+import { Currency } from '../w3m-onramp-view/components/Currency';
+import { getModalTitle, getItemHeight, getModalItems, getModalItemKey, getModalSearchPlaceholder } from './utils';
+import { styles } from './styles';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const MemoizedCountry = /*#__PURE__*/memo(Country);
+const MemoizedCurrency = /*#__PURE__*/memo(Currency);
+export function OnRampSettingsView() {
+  const {
+    paymentCurrency,
+    selectedCountry
+  } = useSnapshot(OnRampController.state);
+  const Theme = useTheme();
+  const [modalType, setModalType] = useState();
+  const [searchValue, setSearchValue] = useState('');
+  const onCountryPress = () => {
+    setModalType('country');
+  };
+  const onPaymentCurrencyPress = () => {
+    setModalType('paymentCurrency');
+  };
+  const onPressModalItem = async item => {
+    setModalType(undefined);
+    setSearchValue('');
+    if (modalType === 'country') {
+      await OnRampController.setSelectedCountry(item);
+    } else if (modalType === 'paymentCurrency') {
+      OnRampController.setPaymentCurrency(item);
+    }
+  };
+  const renderModalItem = ({
+    item
+  }) => {
+    if (modalType === 'country') {
+      const parsedItem = item;
+      return /*#__PURE__*/_jsx(MemoizedCountry, {
+        item: parsedItem,
+        onPress: onPressModalItem,
+        selected: parsedItem.countryCode === selectedCountry?.countryCode
+      });
+    }
+    const parsedItem = item;
+    return /*#__PURE__*/_jsx(MemoizedCurrency, {
+      item: parsedItem,
+      onPress: onPressModalItem,
+      selected: parsedItem.currencyCode === paymentCurrency?.currencyCode,
+      title: parsedItem.name,
+      subtitle: parsedItem.currencyCode
+    });
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(FlexView, {
+      style: {
+        backgroundColor: Theme['bg-100']
+      },
+      padding: ['s', 'm', '4xl', 'm'],
+      children: [/*#__PURE__*/_jsxs(ListItem, {
+        onPress: onCountryPress,
+        chevron: true,
+        style: styles.firstItem,
+        contentStyle: styles.itemContent,
+        children: [/*#__PURE__*/_jsx(FlexView, {
+          alignItems: "center",
+          justifyContent: "center",
+          style: [styles.imageContainer, {
+            backgroundColor: Theme['gray-glass-005']
+          }],
+          children: /*#__PURE__*/_jsx(FlexView, {
+            style: styles.imageBorder,
+            children: selectedCountry?.flagImageUrl && SvgUri ? /*#__PURE__*/_jsx(SvgUri, {
+              uri: selectedCountry?.flagImageUrl,
+              style: styles.image
+            }) : undefined
+          })
+        }), /*#__PURE__*/_jsxs(FlexView, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            color: "fg-100",
+            children: "Select Country"
+          }), selectedCountry?.name && /*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-200",
+            children: selectedCountry?.name
+          })]
+        })]
+      }), /*#__PURE__*/_jsxs(ListItem, {
+        onPress: onPaymentCurrencyPress,
+        chevron: true,
+        contentStyle: styles.itemContent,
+        children: [/*#__PURE__*/_jsx(FlexView, {
+          alignItems: "center",
+          justifyContent: "center",
+          style: [styles.imageContainer, {
+            backgroundColor: Theme['gray-glass-005']
+          }],
+          children: /*#__PURE__*/_jsx(FlexView, {
+            style: styles.imageBorder,
+            children: paymentCurrency?.symbolImageUrl ? /*#__PURE__*/_jsx(Image, {
+              source: paymentCurrency.symbolImageUrl,
+              style: styles.image
+            }) : /*#__PURE__*/_jsx(Icon, {
+              name: "currencyDollar",
+              size: "md",
+              color: "fg-100"
+            })
+          })
+        }), /*#__PURE__*/_jsxs(FlexView, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            color: "fg-100",
+            children: "Select Currency"
+          }), paymentCurrency?.name && /*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-200",
+            children: paymentCurrency?.name
+          })]
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(SelectorModal, {
+      visible: !!modalType,
+      onClose: () => setModalType(undefined),
+      items: getModalItems(modalType, searchValue, true),
+      selectedItem: modalType === 'country' ? selectedCountry : paymentCurrency,
+      onSearch: setSearchValue,
+      renderItem: renderModalItem,
+      keyExtractor: (item, index) => getModalItemKey(modalType, index, item),
+      title: getModalTitle(modalType),
+      itemHeight: getItemHeight(modalType),
+      searchPlaceholder: getModalSearchPlaceholder(modalType)
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","memo","useState","SvgUri","FlexView","ListItem","Text","useTheme","Icon","Image","OnRampController","SelectorModal","Country","Currency","getModalTitle","getItemHeight","getModalItems","getModalItemKey","getModalSearchPlaceholder","styles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","MemoizedCountry","MemoizedCurrency","OnRampSettingsView","paymentCurrency","selectedCountry","state","Theme","modalType","setModalType","searchValue","setSearchValue","onCountryPress","onPaymentCurrencyPress","onPressModalItem","item","undefined","setSelectedCountry","setPaymentCurrency","renderModalItem","parsedItem","onPress","selected","countryCode","currencyCode","title","name","subtitle","children","style","backgroundColor","padding","chevron","firstItem","contentStyle","itemContent","alignItems","justifyContent","imageContainer","imageBorder","flagImageUrl","uri","image","color","variant","symbolImageUrl","source","size","visible","onClose","items","selectedItem","onSearch","renderItem","keyExtractor","index","itemHeight","searchPlaceholder"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-settings-view/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+import { BorderRadius, Spacing } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+  itemContent: {
+    paddingLeft: 0
+  },
+  firstItem: {
+    marginBottom: Spacing.xs
+  },
+  image: {
+    height: 20,
+    width: 20
+  },
+  imageContainer: {
+    borderRadius: BorderRadius.full,
+    height: 36,
+    width: 36,
+    marginRight: Spacing.s
+  },
+  imageBorder: {
+    borderRadius: BorderRadius.full,
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BorderRadius","Spacing","StyleSheet","styles","create","itemContent","paddingLeft","firstItem","marginBottom","xs","image","height","width","imageContainer","borderRadius","full","marginRight","s","imageBorder","overflow"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-settings-view/styles.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AACrE,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EACtCC,WAAW,EAAE;IACXC,WAAW,EAAE;EACf,CAAC;EACDC,SAAS,EAAE;IACTC,YAAY,EAAEP,OAAO,CAACQ;EACxB,CAAC;EACDC,KAAK,EAAE;IACLC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACDC,cAAc,EAAE;IACdC,YAAY,EAAEd,YAAY,CAACe,IAAI;IAC/BJ,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTI,WAAW,EAAEf,OAAO,CAACgB;EACvB,CAAC;EACDC,WAAW,EAAE;IACXJ,YAAY,EAAEd,YAAY,CAACe,IAAI;IAC/BI,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,52 @@
+"use strict";
+
+import { ITEM_HEIGHT as COUNTRY_ITEM_HEIGHT } from './components/Country';
+import { ITEM_HEIGHT as CURRENCY_ITEM_HEIGHT } from '../w3m-onramp-view/components/Currency';
+import { OnRampController } from '@reown/appkit-core-react-native';
+
+// -------------------------- Types --------------------------
+
+// -------------------------- Constants --------------------------
+const MODAL_TITLES = {
+  country: 'Select Country',
+  paymentCurrency: 'Select Currency'
+};
+const MODAL_SEARCH_PLACEHOLDERS = {
+  country: 'Search country',
+  paymentCurrency: 'Search currency'
+};
+const ITEM_HEIGHTS = {
+  country: COUNTRY_ITEM_HEIGHT,
+  paymentCurrency: CURRENCY_ITEM_HEIGHT
+};
+const KEY_EXTRACTORS = {
+  country: item => item.countryCode,
+  paymentCurrency: item => item.currencyCode
+};
+
+// -------------------------- Utils --------------------------
+export const getItemHeight = type => {
+  return type ? ITEM_HEIGHTS[type] : 0;
+};
+export const getModalTitle = type => {
+  return type ? MODAL_TITLES[type] : undefined;
+};
+export const getModalSearchPlaceholder = type => {
+  return type ? MODAL_SEARCH_PLACEHOLDERS[type] : undefined;
+};
+const searchFilter = (item, searchValue) => {
+  const search = searchValue.toLowerCase();
+  return item.name.toLowerCase().includes(search) || (item.currencyCode?.toLowerCase().includes(search) ?? false) || (item.countryCode?.toLowerCase().includes(search) ?? false);
+};
+export const getModalItemKey = (type, index, item) => {
+  return type ? KEY_EXTRACTORS[type](item) : index.toString();
+};
+export const getModalItems = (type, searchValue, filterSelected) => {
+  const items = {
+    country: () => filterSelected ? OnRampController.state.countries.filter(c => c.countryCode !== OnRampController.state.selectedCountry?.countryCode) : OnRampController.state.countries,
+    paymentCurrency: () => filterSelected ? OnRampController.state.paymentCurrencies?.filter(pc => pc.currencyCode !== OnRampController.state.paymentCurrency?.currencyCode) : OnRampController.state.paymentCurrencies
+  };
+  const result = items[type]?.() || [];
+  return searchValue ? result.filter(item => searchFilter(item, searchValue)) : result;
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ITEM_HEIGHT","COUNTRY_ITEM_HEIGHT","CURRENCY_ITEM_HEIGHT","OnRampController","MODAL_TITLES","country","paymentCurrency","MODAL_SEARCH_PLACEHOLDERS","ITEM_HEIGHTS","KEY_EXTRACTORS","item","countryCode","currencyCode","getItemHeight","type","getModalTitle","undefined","getModalSearchPlaceholder","searchFilter","searchValue","search","toLowerCase","name","includes","getModalItemKey","index","toString","getModalItems","filterSelected","items","state","countries","filter","c","selectedCountry","paymentCurrencies","pc","result"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-settings-view/utils.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,120 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { useEffect } from 'react';
+import { ConnectionsController, OnRampController, RouterController } from '@reown/appkit-core-react-native';
+import { StringUtil } from '@reown/appkit-common-react-native';
+import { Button, FlexView, IconBox, Image, Text, useTheme } from '@reown/appkit-ui-react-native';
+import styles from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function OnRampTransactionView() {
+  const Theme = useTheme();
+  const {
+    data
+  } = useSnapshot(RouterController.state);
+  const onClose = () => {
+    const isAuth = !!ConnectionsController.state.connection?.properties?.provider;
+    RouterController.replace(isAuth ? 'Account' : 'AccountDefault');
+  };
+  const showNetwork = !!data?.onrampResult?.network;
+  const showStatus = !!data?.onrampResult?.status;
+  useEffect(() => {
+    return () => {
+      OnRampController.resetState();
+      ConnectionsController.fetchBalance();
+    };
+  }, []);
+  return /*#__PURE__*/_jsxs(FlexView, {
+    padding: ['3xs', 'l', '4xl', 'l'],
+    children: [/*#__PURE__*/_jsxs(FlexView, {
+      children: [/*#__PURE__*/_jsxs(FlexView, {
+        alignItems: "center",
+        children: [/*#__PURE__*/_jsx(IconBox, {
+          icon: "checkmark",
+          size: "xl",
+          iconColor: "success-100",
+          background: true,
+          backgroundColor: "success-glass-020",
+          style: styles.icon
+        }), /*#__PURE__*/_jsxs(Text, {
+          variant: "medium-600",
+          color: "fg-100",
+          children: ["You successfully bought ", data?.onrampResult?.purchaseCurrency]
+        })]
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        style: [styles.card, {
+          backgroundColor: Theme['gray-glass-005']
+        }],
+        padding: "m",
+        margin: ['s', '0', '2xl', '0'],
+        children: [/*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          justifyContent: "space-between",
+          alignItems: "center",
+          margin: ['0', '0', 'xs', '0'],
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-400",
+            color: "fg-150",
+            children: "You Paid"
+          }), /*#__PURE__*/_jsxs(Text, {
+            variant: "paragraph-500",
+            children: [data?.onrampResult?.paymentAmount, " ", data?.onrampResult?.paymentCurrency]
+          })]
+        }), /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          justifyContent: "space-between",
+          alignItems: "center",
+          margin: ['0', '0', 'xs', '0'],
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-400",
+            color: "fg-150",
+            children: "You Bought"
+          }), /*#__PURE__*/_jsxs(FlexView, {
+            flexDirection: "row",
+            alignItems: "center",
+            children: [/*#__PURE__*/_jsxs(Text, {
+              variant: "paragraph-500",
+              children: [data?.onrampResult?.purchaseAmount, ' ', data?.onrampResult?.purchaseCurrency?.split('_')[0] ?? '']
+            }), data?.onrampResult?.purchaseImageUrl && /*#__PURE__*/_jsx(Image, {
+              source: data?.onrampResult?.purchaseImageUrl,
+              style: [styles.tokenImage, {
+                borderColor: Theme['gray-glass-010']
+              }]
+            })]
+          })]
+        }), showNetwork && /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          margin: ['0', '0', 'xs', '0'],
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-400",
+            color: "fg-150",
+            children: "Network"
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-500",
+            children: StringUtil.capitalize(data?.onrampResult?.network)
+          })]
+        }), showStatus && /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-400",
+            color: "fg-150",
+            children: "Status"
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-500",
+            children: StringUtil.capitalize(data?.onrampResult?.status)
+          })]
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(Button, {
+      variant: "fill",
+      size: "md",
+      onPress: onClose,
+      children: "Go back"
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","useEffect","ConnectionsController","OnRampController","RouterController","StringUtil","Button","FlexView","IconBox","Image","Text","useTheme","styles","jsx","_jsx","jsxs","_jsxs","OnRampTransactionView","Theme","data","state","onClose","isAuth","connection","properties","provider","replace","showNetwork","onrampResult","network","showStatus","status","resetState","fetchBalance","padding","children","alignItems","icon","size","iconColor","background","backgroundColor","style","variant","color","purchaseCurrency","card","margin","flexDirection","justifyContent","paymentAmount","paymentCurrency","purchaseAmount","split","purchaseImageUrl","source","tokenImage","borderColor","capitalize","onPress"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-transaction-view/index.tsx"],"mappings":"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","ignoreList":[]}