@reown/appkit-react-native 0.0.0-accounts-canary.1-20251023174733

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

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnRampLoadingView = OnRampLoadingView;
+var _react = require("react");
+var _valtio = require("valtio");
+var _reactNative = require("react-native");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _w3mConnectingBody = require("../../partials/w3m-connecting-body");
+var _styles = _interopRequireDefault(require("./styles"));
+var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function OnRampLoadingView() {
+  const {
+    padding
+  } = (0, _appkitUiReactNative.useCustomDimensions)();
+  const {
+    error
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OnRampController.state);
+  const providerName = _appkitCommonReactNative.StringUtil.capitalize(_appkitCoreReactNative.OnRampController.state.selectedQuote?.serviceProvider.toLowerCase());
+  const serviceProvideLogo = _appkitCoreReactNative.OnRampController.getServiceProviderImage(_appkitCoreReactNative.OnRampController.state.selectedQuote?.serviceProvider ?? '');
+  const handleGoBack = () => {
+    if (_appkitCoreReactNative.EventsController.state.data.event === 'BUY_SUBMITTED') {
+      // Send event only if the onramp url was already created
+      _appkitCoreReactNative.EventsController.sendEvent({
+        type: 'track',
+        event: 'BUY_CANCEL'
+      });
+    }
+    _appkitCoreReactNative.RouterController.goBack();
+  };
+  const onConnect = (0, _react.useCallback)(async () => {
+    if (_appkitCoreReactNative.OnRampController.state.selectedQuote) {
+      _appkitCoreReactNative.OnRampController.clearError();
+      const response = await _appkitCoreReactNative.OnRampController.generateWidget({
+        quote: _appkitCoreReactNative.OnRampController.state.selectedQuote
+      });
+      if (response?.widgetUrl) {
+        _reactNative.Linking.openURL(response?.widgetUrl);
+      }
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    const unsubscribe = _reactNative.Linking.addEventListener('url', ({
+      url
+    }) => {
+      const metadata = _appkitCoreReactNative.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');
+        _appkitCoreReactNative.EventsController.sendEvent({
+          type: 'track',
+          event: 'BUY_SUCCESS',
+          properties: {
+            asset,
+            network,
+            amount,
+            currency,
+            orderId
+          }
+        });
+        _appkitCoreReactNative.RouterController.reset('OnRampTransaction', {
+          onrampResult: {
+            purchaseCurrency: asset,
+            purchaseAmount,
+            purchaseImageUrl: _appkitCoreReactNative.OnRampController.state.purchaseCurrency?.symbolImageUrl ?? '',
+            paymentCurrency: currency,
+            paymentAmount: amount,
+            network: network,
+            status: status
+          }
+        });
+      }
+    });
+    return () => unsubscribe.remove();
+  }, []);
+  (0, _react.useEffect)(() => {
+    onConnect();
+  }, [onConnect]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    bounces: false,
+    fadingEdgeLength: 20,
+    contentContainerStyle: _styles.default.container,
+    style: {
+      paddingHorizontal: padding
+    },
+    testID: "onramp-loading-widget-view",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      alignItems: "center",
+      alignSelf: "center",
+      padding: ['2xl', 'l', '0', 'l'],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
+        icon: "chevronLeft",
+        size: "md",
+        onPress: handleGoBack,
+        testID: "button-back",
+        style: _styles.default.backButton
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.DoubleImageLoader, {
+        leftImage: _appkitCoreReactNative.OptionsController.state.metadata?.icons[0],
+        rightImage: serviceProvideLogo,
+        style: _styles.default.imageContainer
+      }), error ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        alignItems: "center",
+        justifyContent: "center",
+        padding: ['3xs', '2xl', '0', '2xl'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
+          center: true,
+          color: "error-100",
+          variant: "paragraph-500",
+          style: _styles.default.errorText,
+          children: ["There was an error while connecting with ", providerName]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+          size: "sm",
+          variant: "accent",
+          iconLeft: "refresh",
+          style: _styles.default.retryButton,
+          iconStyle: _styles.default.retryIcon,
+          onPress: onConnect,
+          children: "Try again"
+        })]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mConnectingBody.ConnectingBody, {
+        title: `Connecting with ${providerName}`,
+        description: "Please wait while we redirect you to finalize your purchase."
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_valtio","_reactNative","_appkitCoreReactNative","_appkitUiReactNative","_w3mConnectingBody","_styles","_interopRequireDefault","_appkitCommonReactNative","_jsxRuntime","e","__esModule","default","OnRampLoadingView","padding","useCustomDimensions","error","useSnapshot","OnRampController","state","providerName","StringUtil","capitalize","selectedQuote","serviceProvider","toLowerCase","serviceProvideLogo","getServiceProviderImage","handleGoBack","EventsController","data","event","sendEvent","type","RouterController","goBack","onConnect","useCallback","clearError","response","generateWidget","quote","widgetUrl","Linking","openURL","useEffect","unsubscribe","addEventListener","url","metadata","OptionsController","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","jsx","ScrollView","bounces","fadingEdgeLength","contentContainerStyle","styles","container","style","paddingHorizontal","testID","children","jsxs","FlexView","alignItems","alignSelf","IconLink","icon","size","onPress","backButton","DoubleImageLoader","leftImage","icons","rightImage","imageContainer","justifyContent","Text","center","color","variant","errorText","Button","iconLeft","retryButton","iconStyle","retryIcon","ConnectingBody","title","description"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-loading-view/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+"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({
+  container: {
+    paddingBottom: _appkitUiReactNative.Spacing['s']
+  },
+  backButton: {
+    alignSelf: 'flex-start'
+  },
+  imageContainer: {
+    marginBottom: _appkitUiReactNative.Spacing.s
+  },
+  retryButton: {
+    marginTop: _appkitUiReactNative.Spacing.m
+  },
+  retryIcon: {
+    transform: [{
+      rotateY: '180deg'
+    }]
+  },
+  errorText: {
+    marginHorizontal: _appkitUiReactNative.Spacing['4xl']
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","container","paddingBottom","Spacing","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,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAwD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEzCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAEC,4BAAO,CAAC,GAAG;EAC5B,CAAC;EACDC,UAAU,EAAE;IACVC,SAAS,EAAE;EACb,CAAC;EACDC,cAAc,EAAE;IACdC,YAAY,EAAEJ,4BAAO,CAACK;EACxB,CAAC;EACDC,WAAW,EAAE;IACXC,SAAS,EAAEP,4BAAO,CAACQ;EACrB,CAAC;EACDC,SAAS,EAAE;IACTC,SAAS,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAS,CAAC;EACnC,CAAC;EACDC,SAAS,EAAE;IACTC,gBAAgB,EAAEb,4BAAO,CAAC,KAAK;EACjC;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_appkitUiReactNative","require","_reactNative","_reactNativeSvg","_jsxRuntime","ITEM_HEIGHT","exports","Country","onPress","item","selected","style","testID","handlePress","jsx","Pressable","styles","container","backgroundColor","children","jsxs","FlexView","flexDirection","alignItems","justifyContent","padding","imageContainer","flagImageUrl","SvgUri","uri","width","height","textContainer","Text","variant","color","numberOfLines","ellipsizeMode","name","countryCode","Icon","size","checkmark","StyleSheet","create","borderRadius","BorderRadius","s","full","overflow","marginRight","Spacing","xs","flex"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-settings-view/components/Country.tsx"],"mappings":";;;;;;;AACA,IAAAA,oBAAA,GAAAC,OAAA;AAQA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAA0C,IAAAG,WAAA,GAAAH,OAAA;AAUnC,MAAMI,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,EAAE;AAEtB,SAASE,OAAOA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAc,CAAC,EAAE;EACzE,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBL,OAAO,CAACC,IAAI,CAAC;EACf,CAAC;EAED,oBACE,IAAAL,WAAA,CAAAU,GAAA,EAACd,oBAAA,CAAAe,SAAS;IACRP,OAAO,EAAEK,WAAY;IACrBF,KAAK,EAAE,CAACK,MAAM,CAACC,SAAS,EAAEN,KAAK,CAAE;IACjCO,eAAe,EAAC,aAAa;IAC7BN,MAAM,EAAEA,MAAO;IAAAO,QAAA,eAEf,IAAAf,WAAA,CAAAgB,IAAA,EAACpB,oBAAA,CAAAqB,QAAQ;MAACC,aAAa,EAAC,KAAK;MAACC,UAAU,EAAC,QAAQ;MAACC,cAAc,EAAC,YAAY;MAACC,OAAO,EAAC,GAAG;MAAAN,QAAA,gBACvF,IAAAf,WAAA,CAAAU,GAAA,EAACd,oBAAA,CAAAqB,QAAQ;QAACV,KAAK,EAAEK,MAAM,CAACU,cAAe;QAAAP,QAAA,EACpCV,IAAI,CAACkB,YAAY,IAAIC,sBAAM,gBAC1B,IAAAxB,WAAA,CAAAU,GAAA,EAACX,eAAA,CAAAyB,MAAM;UAACC,GAAG,EAAEpB,IAAI,CAACkB,YAAa;UAACG,KAAK,EAAE,EAAG;UAACC,MAAM,EAAE;QAAG,CAAE,CAAC,GACvD;MAAI,CACA,CAAC,eACX,IAAA3B,WAAA,CAAAgB,IAAA,EAACpB,oBAAA,CAAAqB,QAAQ;QAACV,KAAK,EAAEK,MAAM,CAACgB,aAAc;QAAAb,QAAA,gBACpC,IAAAf,WAAA,CAAAU,GAAA,EAACd,oBAAA,CAAAiC,IAAI;UAACC,OAAO,EAAC,eAAe;UAACC,KAAK,EAAC,QAAQ;UAACC,aAAa,EAAE,CAAE;UAACC,aAAa,EAAC,MAAM;UAAAlB,QAAA,EAChFV,IAAI,CAAC6B;QAAI,CACN,CAAC,eACP,IAAAlC,WAAA,CAAAU,GAAA,EAACd,oBAAA,CAAAiC,IAAI;UAACC,OAAO,EAAC,WAAW;UAACC,KAAK,EAAC,QAAQ;UAAAhB,QAAA,EACrCV,IAAI,CAAC8B;QAAW,CACb,CAAC;MAAA,CACC,CAAC,EACV7B,QAAQ,gBACP,IAAAN,WAAA,CAAAU,GAAA,EAACd,oBAAA,CAAAwC,IAAI;QAACF,IAAI,EAAC,WAAW;QAACG,IAAI,EAAC,IAAI;QAACN,KAAK,EAAC,YAAY;QAACxB,KAAK,EAAEK,MAAM,CAAC0B;MAAU,CAAE,CAAC,GAC7E,IAAI;IAAA,CACA;EAAC,CACF,CAAC;AAEhB;AAEA,MAAM1B,MAAM,GAAG2B,uBAAU,CAACC,MAAM,CAAC;EAC/B3B,SAAS,EAAE;IACT4B,YAAY,EAAEC,iCAAY,CAACC,CAAC;IAC5BhB,MAAM,EAAE1B,WAAW;IACnBmB,cAAc,EAAE;EAClB,CAAC;EACDE,cAAc,EAAE;IACdmB,YAAY,EAAEC,iCAAY,CAACE,IAAI;IAC/BC,QAAQ,EAAE,QAAQ;IAClBC,WAAW,EAAEC,4BAAO,CAACC;EACvB,CAAC;EACDpB,aAAa,EAAE;IACbqB,IAAI,EAAE;EACR,CAAC;EACDX,SAAS,EAAE;IACTQ,WAAW,EAAEC,4BAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,154 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnRampSettingsView = OnRampSettingsView;
+var _valtio = require("valtio");
+var _react = require("react");
+var _reactNativeSvg = require("react-native-svg");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _w3mSelectorModal = require("../../partials/w3m-selector-modal");
+var _Country = require("./components/Country");
+var _Currency = require("../w3m-onramp-view/components/Currency");
+var _utils = require("./utils");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const MemoizedCountry = /*#__PURE__*/(0, _react.memo)(_Country.Country);
+const MemoizedCurrency = /*#__PURE__*/(0, _react.memo)(_Currency.Currency);
+function OnRampSettingsView() {
+  const {
+    paymentCurrency,
+    selectedCountry
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OnRampController.state);
+  const Theme = (0, _appkitUiReactNative.useTheme)();
+  const [modalType, setModalType] = (0, _react.useState)();
+  const [searchValue, setSearchValue] = (0, _react.useState)('');
+  const onModalClose = () => {
+    setModalType(undefined);
+    setSearchValue('');
+  };
+  const onCountryPress = () => {
+    setModalType('country');
+  };
+  const onPaymentCurrencyPress = () => {
+    setModalType('paymentCurrency');
+  };
+  const onPressModalItem = async item => {
+    setModalType(undefined);
+    setSearchValue('');
+    if (modalType === 'country') {
+      await _appkitCoreReactNative.OnRampController.setSelectedCountry(item);
+    } else if (modalType === 'paymentCurrency') {
+      _appkitCoreReactNative.OnRampController.setPaymentCurrency(item);
+    }
+  };
+  const renderModalItem = ({
+    item
+  }) => {
+    if (modalType === 'country') {
+      const parsedItem = item;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(MemoizedCountry, {
+        item: parsedItem,
+        onPress: onPressModalItem,
+        selected: parsedItem.countryCode === selectedCountry?.countryCode,
+        style: _styles.styles.selectorItem,
+        testID: `country-item-${parsedItem.countryCode}`
+      });
+    }
+    const parsedItem = item;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(MemoizedCurrency, {
+      item: parsedItem,
+      onPress: onPressModalItem,
+      selected: parsedItem.currencyCode === paymentCurrency?.currencyCode,
+      title: parsedItem.name,
+      subtitle: parsedItem.currencyCode,
+      style: _styles.styles.selectorItem
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      style: {
+        backgroundColor: Theme['bg-100']
+      },
+      padding: ['s', 'm', 's', 'm'],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.ListItem, {
+        onPress: onCountryPress,
+        chevron: true,
+        style: _styles.styles.firstItem,
+        contentStyle: _styles.styles.listItem,
+        testID: "button-select-country",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
+          alignItems: "center",
+          justifyContent: "center",
+          style: [_styles.styles.imageContainer, {
+            backgroundColor: Theme['gray-glass-005']
+          }],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
+            style: _styles.styles.imageBorder,
+            children: selectedCountry?.flagImageUrl && _reactNativeSvg.SvgUri ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.SvgUri, {
+              uri: selectedCountry?.flagImageUrl,
+              style: _styles.styles.image
+            }) : undefined
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            color: "fg-100",
+            children: "Select Country"
+          }), selectedCountry?.name ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "small-400",
+            color: "fg-200",
+            children: selectedCountry?.name
+          }) : null]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.ListItem, {
+        onPress: onPaymentCurrencyPress,
+        chevron: true,
+        contentStyle: _styles.styles.listItem,
+        testID: "button-select-currency",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
+          alignItems: "center",
+          justifyContent: "center",
+          style: [_styles.styles.imageContainer, {
+            backgroundColor: Theme['gray-glass-005']
+          }],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
+            style: _styles.styles.imageBorder,
+            children: paymentCurrency?.symbolImageUrl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Image, {
+              source: paymentCurrency.symbolImageUrl,
+              style: _styles.styles.image
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Icon, {
+              name: "currencyDollar",
+              size: "md",
+              color: "fg-100"
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            color: "fg-100",
+            children: "Select Currency"
+          }), paymentCurrency?.name ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "small-400",
+            color: "fg-200",
+            children: paymentCurrency?.name
+          }) : null]
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mSelectorModal.SelectorModal, {
+      visible: !!modalType,
+      onClose: onModalClose,
+      items: (0, _utils.getModalItems)(modalType, searchValue, true),
+      selectedItem: modalType === 'country' ? selectedCountry : paymentCurrency,
+      onSearch: setSearchValue,
+      renderItem: renderModalItem,
+      keyExtractor: (item, index) => (0, _utils.getModalItemKey)(modalType, index, item),
+      title: (0, _utils.getModalTitle)(modalType),
+      itemHeight: (0, _utils.getItemHeight)(modalType),
+      searchPlaceholder: (0, _utils.getModalSearchPlaceholder)(modalType),
+      emptyTitle: (0, _utils.getModalEmptyTitle)(modalType),
+      emptyDescription: (0, _utils.getModalEmptyDescription)(modalType)
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styles = void 0;
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _reactNative = require("react-native");
+const styles = exports.styles = _reactNative.StyleSheet.create({
+  listItem: {
+    paddingLeft: 0
+  },
+  firstItem: {
+    marginBottom: _appkitUiReactNative.Spacing.xs
+  },
+  image: {
+    height: 20,
+    width: 20
+  },
+  imageContainer: {
+    borderRadius: _appkitUiReactNative.BorderRadius.full,
+    height: 36,
+    width: 36,
+    marginRight: _appkitUiReactNative.Spacing.s
+  },
+  imageBorder: {
+    borderRadius: _appkitUiReactNative.BorderRadius.full,
+    overflow: 'hidden'
+  },
+  selectorItem: {
+    paddingHorizontal: _appkitUiReactNative.Spacing.m
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_appkitUiReactNative","require","_reactNative","styles","exports","StyleSheet","create","listItem","paddingLeft","firstItem","marginBottom","Spacing","xs","image","height","width","imageContainer","borderRadius","BorderRadius","full","marginRight","s","imageBorder","overflow","selectorItem","paddingHorizontal","m"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-settings-view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEO,MAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EACtCC,QAAQ,EAAE;IACRC,WAAW,EAAE;EACf,CAAC;EACDC,SAAS,EAAE;IACTC,YAAY,EAAEC,4BAAO,CAACC;EACxB,CAAC;EACDC,KAAK,EAAE;IACLC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACDC,cAAc,EAAE;IACdC,YAAY,EAAEC,iCAAY,CAACC,IAAI;IAC/BL,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTK,WAAW,EAAET,4BAAO,CAACU;EACvB,CAAC;EACDC,WAAW,EAAE;IACXL,YAAY,EAAEC,iCAAY,CAACC,IAAI;IAC/BI,QAAQ,EAAE;EACZ,CAAC;EACDC,YAAY,EAAE;IACZC,iBAAiB,EAAEd,4BAAO,CAACe;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getModalTitle = exports.getModalSearchPlaceholder = exports.getModalItems = exports.getModalItemKey = exports.getModalEmptyTitle = exports.getModalEmptyDescription = exports.getItemHeight = void 0;
+var _Country = require("./components/Country");
+var _Currency = require("../w3m-onramp-view/components/Currency");
+var _appkitCoreReactNative = require("@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 MODAL_EMPTY_TITLES = {
+  country: 'No countries found',
+  paymentCurrency: 'No currencies found'
+};
+const MODAL_EMPTY_DESCRIPTIONS = {
+  country: 'There are no available countries',
+  paymentCurrency: 'There are no available currencies'
+};
+const ITEM_HEIGHTS = {
+  country: _Country.ITEM_HEIGHT,
+  paymentCurrency: _Currency.ITEM_HEIGHT
+};
+const KEY_EXTRACTORS = {
+  country: item => item.countryCode,
+  paymentCurrency: item => item.currencyCode
+};
+
+// -------------------------- Utils --------------------------
+const getItemHeight = type => {
+  return type ? ITEM_HEIGHTS[type] : 0;
+};
+exports.getItemHeight = getItemHeight;
+const getModalTitle = type => {
+  return type ? MODAL_TITLES[type] : undefined;
+};
+exports.getModalTitle = getModalTitle;
+const getModalSearchPlaceholder = type => {
+  return type ? MODAL_SEARCH_PLACEHOLDERS[type] : undefined;
+};
+exports.getModalSearchPlaceholder = getModalSearchPlaceholder;
+const getModalEmptyTitle = type => {
+  return type ? MODAL_EMPTY_TITLES[type] : undefined;
+};
+exports.getModalEmptyTitle = getModalEmptyTitle;
+const getModalEmptyDescription = type => {
+  return type ? MODAL_EMPTY_DESCRIPTIONS[type] : undefined;
+};
+exports.getModalEmptyDescription = getModalEmptyDescription;
+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);
+};
+const getModalItemKey = (type, index, item) => {
+  return type ? KEY_EXTRACTORS[type](item) : index.toString();
+};
+exports.getModalItemKey = getModalItemKey;
+const getModalItems = (type, searchValue, filterSelected) => {
+  const items = {
+    country: () => filterSelected ? _appkitCoreReactNative.OnRampController.state.countries.filter(c => c.countryCode !== _appkitCoreReactNative.OnRampController.state.selectedCountry?.countryCode) : _appkitCoreReactNative.OnRampController.state.countries,
+    paymentCurrency: () => filterSelected ? _appkitCoreReactNative.OnRampController.state.paymentCurrencies?.filter(pc => pc.currencyCode !== _appkitCoreReactNative.OnRampController.state.paymentCurrency?.currencyCode) : _appkitCoreReactNative.OnRampController.state.paymentCurrencies
+  };
+  const result = items[type]?.() || [];
+  return searchValue ? result.filter(item => searchFilter(item, searchValue)) : result;
+};
+exports.getModalItems = getModalItems;
+//# sourceMappingURL=utils.js.map

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

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