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

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

@@ -0,0 +1,134 @@
+"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 _useCustomDimensions = require("../../hooks/useCustomDimensions");
+var _w3mConnectingBody = require("../../partials/w3m-connecting-body");
+var _styles = _interopRequireDefault(require("./styles"));
+var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function OnRampLoadingView() {
+  const {
+    maxWidth: width
+  } = (0, _useCustomDimensions.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__*/React.createElement(_reactNative.ScrollView, {
+    bounces: false,
+    fadingEdgeLength: 20,
+    contentContainerStyle: _styles.default.container,
+    testID: "onramp-loading-widget-view"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    alignItems: "center",
+    alignSelf: "center",
+    padding: ['2xl', 'l', '0', 'l'],
+    style: {
+      width
+    }
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.IconLink, {
+    icon: "chevronLeft",
+    size: "md",
+    onPress: handleGoBack,
+    testID: "button-back",
+    style: _styles.default.backButton
+  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.DoubleImageLoader, {
+    leftImage: _appkitCoreReactNative.OptionsController.state.metadata?.icons[0],
+    rightImage: serviceProvideLogo,
+    style: _styles.default.imageContainer
+  }), error ? /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    alignItems: "center",
+    justifyContent: "center",
+    padding: ['3xs', '2xl', '0', '2xl']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    center: true,
+    color: "error-100",
+    variant: "paragraph-500",
+    style: _styles.default.errorText
+  }, "There was an error while connecting with ", providerName), /*#__PURE__*/React.createElement(_appkitUiReactNative.Button, {
+    size: "sm",
+    variant: "accent",
+    iconLeft: "refresh",
+    style: _styles.default.retryButton,
+    iconStyle: _styles.default.retryIcon,
+    onPress: onConnect
+  }, "Try again")) : /*#__PURE__*/React.createElement(_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","_useCustomDimensions","_w3mConnectingBody","_styles","_interopRequireDefault","_appkitCommonReactNative","e","__esModule","default","OnRampLoadingView","maxWidth","width","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","React","createElement","ScrollView","bounces","fadingEdgeLength","contentContainerStyle","styles","container","testID","FlexView","alignItems","alignSelf","padding","style","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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"}

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['3xl']
+  },
+  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,KAAK;EAC9B,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"}

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

@@ -0,0 +1,70 @@
+"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");
+const ITEM_HEIGHT = exports.ITEM_HEIGHT = 60;
+function Country({
+  onPress,
+  item,
+  selected
+}) {
+  const handlePress = () => {
+    onPress(item);
+  };
+  return /*#__PURE__*/React.createElement(_appkitUiReactNative.Pressable, {
+    onPress: handlePress,
+    style: styles.container,
+    backgroundColor: "transparent"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    padding: "s"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    style: styles.imageContainer
+  }, item.flagImageUrl && _reactNativeSvg.SvgUri && /*#__PURE__*/React.createElement(_reactNativeSvg.SvgUri, {
+    uri: item.flagImageUrl,
+    width: 36,
+    height: 36
+  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    style: styles.textContainer
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "paragraph-400",
+    color: "fg-100",
+    numberOfLines: 1,
+    ellipsizeMode: "tail"
+  }, item.name), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "small-400",
+    color: "fg-150"
+  }, item.countryCode)), selected && /*#__PURE__*/React.createElement(_appkitUiReactNative.Icon, {
+    name: "checkmark",
+    size: "md",
+    color: "accent-100",
+    style: styles.checkmark
+  })));
+}
+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","ITEM_HEIGHT","exports","Country","onPress","item","selected","handlePress","React","createElement","Pressable","style","styles","container","backgroundColor","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;AAQO,MAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,EAAE;AAEtB,SAASE,OAAOA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC;AAAgB,CAAC,EAAE;EAC1D,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBH,OAAO,CAACC,IAAI,CAAC;EACf,CAAC;EAED,oBACEG,KAAA,CAAAC,aAAA,CAACZ,oBAAA,CAAAa,SAAS;IAACN,OAAO,EAAEG,WAAY;IAACI,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,eAAe,EAAC;EAAa,gBACrFN,KAAA,CAAAC,aAAA,CAACZ,oBAAA,CAAAkB,QAAQ;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC,YAAY;IAACC,OAAO,EAAC;EAAG,gBACvFX,KAAA,CAAAC,aAAA,CAACZ,oBAAA,CAAAkB,QAAQ;IAACJ,KAAK,EAAEC,MAAM,CAACQ;EAAe,GACpCf,IAAI,CAACgB,YAAY,IAAIC,sBAAM,iBAAId,KAAA,CAAAC,aAAA,CAACT,eAAA,CAAAsB,MAAM;IAACC,GAAG,EAAElB,IAAI,CAACgB,YAAa;IAACG,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CAChF,CAAC,eACXjB,KAAA,CAAAC,aAAA,CAACZ,oBAAA,CAAAkB,QAAQ;IAACJ,KAAK,EAAEC,MAAM,CAACc;EAAc,gBACpClB,KAAA,CAAAC,aAAA,CAACZ,oBAAA,CAAA8B,IAAI;IAACC,OAAO,EAAC,eAAe;IAACC,KAAK,EAAC,QAAQ;IAACC,aAAa,EAAE,CAAE;IAACC,aAAa,EAAC;EAAM,GAChF1B,IAAI,CAAC2B,IACF,CAAC,eACPxB,KAAA,CAAAC,aAAA,CAACZ,oBAAA,CAAA8B,IAAI;IAACC,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GACrCxB,IAAI,CAAC4B,WACF,CACE,CAAC,EACV3B,QAAQ,iBACPE,KAAA,CAAAC,aAAA,CAACZ,oBAAA,CAAAqC,IAAI;IAACF,IAAI,EAAC,WAAW;IAACG,IAAI,EAAC,IAAI;IAACN,KAAK,EAAC,YAAY;IAAClB,KAAK,EAAEC,MAAM,CAACwB;EAAU,CAAE,CAExE,CACD,CAAC;AAEhB;AAEA,MAAMxB,MAAM,GAAGyB,uBAAU,CAACC,MAAM,CAAC;EAC/BzB,SAAS,EAAE;IACT0B,YAAY,EAAEC,iCAAY,CAACC,CAAC;IAC5BhB,MAAM,EAAExB,WAAW;IACnBiB,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"}

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

@@ -0,0 +1,125 @@
+"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");
+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 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__*/React.createElement(MemoizedCountry, {
+        item: parsedItem,
+        onPress: onPressModalItem,
+        selected: parsedItem.countryCode === selectedCountry?.countryCode
+      });
+    }
+    const parsedItem = item;
+    return /*#__PURE__*/React.createElement(MemoizedCurrency, {
+      item: parsedItem,
+      onPress: onPressModalItem,
+      selected: parsedItem.currencyCode === paymentCurrency?.currencyCode,
+      title: parsedItem.name,
+      subtitle: parsedItem.currencyCode
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    style: {
+      backgroundColor: Theme['bg-100']
+    },
+    padding: ['s', 'm', '4xl', 'm']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.ListItem, {
+    onPress: onCountryPress,
+    chevron: true,
+    style: _styles.styles.firstItem,
+    contentStyle: _styles.styles.itemContent
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    alignItems: "center",
+    justifyContent: "center",
+    style: [_styles.styles.imageContainer, {
+      backgroundColor: Theme['gray-glass-005']
+    }]
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    style: _styles.styles.imageBorder
+  }, selectedCountry?.flagImageUrl && _reactNativeSvg.SvgUri ? /*#__PURE__*/React.createElement(_reactNativeSvg.SvgUri, {
+    uri: selectedCountry?.flagImageUrl,
+    style: _styles.styles.image
+  }) : undefined)), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, null, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    color: "fg-100"
+  }, "Select Country"), selectedCountry?.name && /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "small-400",
+    color: "fg-200"
+  }, selectedCountry?.name))), /*#__PURE__*/React.createElement(_appkitUiReactNative.ListItem, {
+    onPress: onPaymentCurrencyPress,
+    chevron: true,
+    contentStyle: _styles.styles.itemContent
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    alignItems: "center",
+    justifyContent: "center",
+    style: [_styles.styles.imageContainer, {
+      backgroundColor: Theme['gray-glass-005']
+    }]
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    style: _styles.styles.imageBorder
+  }, paymentCurrency?.symbolImageUrl ? /*#__PURE__*/React.createElement(_appkitUiReactNative.Image, {
+    source: paymentCurrency.symbolImageUrl,
+    style: _styles.styles.image
+  }) : /*#__PURE__*/React.createElement(_appkitUiReactNative.Icon, {
+    name: "currencyDollar",
+    size: "md",
+    color: "fg-100"
+  }))), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, null, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    color: "fg-100"
+  }, "Select Currency"), paymentCurrency?.name && /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "small-400",
+    color: "fg-200"
+  }, paymentCurrency?.name)))), /*#__PURE__*/React.createElement(_w3mSelectorModal.SelectorModal, {
+    visible: !!modalType,
+    onClose: () => setModalType(undefined),
+    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)
+  }));
+}
+//# 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","MemoizedCountry","memo","Country","MemoizedCurrency","Currency","OnRampSettingsView","paymentCurrency","selectedCountry","useSnapshot","OnRampController","state","Theme","useTheme","modalType","setModalType","useState","searchValue","setSearchValue","onCountryPress","onPaymentCurrencyPress","onPressModalItem","item","undefined","setSelectedCountry","setPaymentCurrency","renderModalItem","parsedItem","React","createElement","onPress","selected","countryCode","currencyCode","title","name","subtitle","Fragment","FlexView","style","backgroundColor","padding","ListItem","chevron","styles","firstItem","contentStyle","itemContent","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"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-settings-view/index.tsx"],"mappings":"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"}

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

@@ -0,0 +1,31 @@
+"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({
+  itemContent: {
+    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'
+  }
+});
+//# 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","itemContent","paddingLeft","firstItem","marginBottom","Spacing","xs","image","height","width","imageContainer","borderRadius","BorderRadius","full","marginRight","s","imageBorder","overflow"],"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,WAAW,EAAE;IACXC,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;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getModalTitle = exports.getModalSearchPlaceholder = exports.getModalItems = exports.getModalItemKey = 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 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 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","ITEM_HEIGHTS","COUNTRY_ITEM_HEIGHT","CURRENCY_ITEM_HEIGHT","KEY_EXTRACTORS","item","countryCode","currencyCode","getItemHeight","type","exports","getModalTitle","undefined","getModalSearchPlaceholder","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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"}

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

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnRampTransactionView = OnRampTransactionView;
+var _valtio = require("valtio");
+var _react = require("react");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function OnRampTransactionView() {
+  const Theme = (0, _appkitUiReactNative.useTheme)();
+  const {
+    data
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.RouterController.state);
+  const onClose = () => {
+    const isAuth = _appkitCoreReactNative.ConnectorController.state.connectedConnector === 'AUTH';
+    _appkitCoreReactNative.RouterController.replace(isAuth ? 'Account' : 'AccountDefault');
+  };
+  const showNetwork = !!data?.onrampResult?.network;
+  const showStatus = !!data?.onrampResult?.status;
+  (0, _react.useEffect)(() => {
+    return () => {
+      _appkitCoreReactNative.OnRampController.resetState();
+      _appkitCoreReactNative.AccountController.fetchTokenBalance();
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    padding: ['3xs', 'l', '4xl', 'l']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, null, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.IconBox, {
+    icon: "checkmark",
+    size: "xl",
+    iconColor: "success-100",
+    background: true,
+    backgroundColor: "success-glass-020",
+    style: _styles.default.icon
+  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "medium-600",
+    color: "fg-100"
+  }, "You successfully bought ", data?.onrampResult?.purchaseCurrency)), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    style: [_styles.default.card, {
+      backgroundColor: Theme['gray-glass-005']
+    }],
+    padding: "m",
+    margin: ['s', '0', '2xl', '0']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    margin: ['0', '0', 'xs', '0']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "paragraph-400",
+    color: "fg-150"
+  }, "You Paid"), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "paragraph-500"
+  }, data?.onrampResult?.paymentAmount, " ", data?.onrampResult?.paymentCurrency)), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    margin: ['0', '0', 'xs', '0']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "paragraph-400",
+    color: "fg-150"
+  }, "You Bought"), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row",
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "paragraph-500"
+  }, data?.onrampResult?.purchaseAmount, ' ', data?.onrampResult?.purchaseCurrency?.split('_')[0] ?? ''), data?.onrampResult?.purchaseImageUrl && /*#__PURE__*/React.createElement(_appkitUiReactNative.Image, {
+    source: data?.onrampResult?.purchaseImageUrl,
+    style: [_styles.default.tokenImage, {
+      borderColor: Theme['gray-glass-010']
+    }]
+  }))), showNetwork && /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    margin: ['0', '0', 'xs', '0']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "paragraph-400",
+    color: "fg-150"
+  }, "Network"), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "paragraph-500"
+  }, _appkitCommonReactNative.StringUtil.capitalize(data?.onrampResult?.network))), showStatus && /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "paragraph-400",
+    color: "fg-150"
+  }, "Status"), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "paragraph-500"
+  }, _appkitCommonReactNative.StringUtil.capitalize(data?.onrampResult?.status))))), /*#__PURE__*/React.createElement(_appkitUiReactNative.Button, {
+    variant: "fill",
+    size: "md",
+    onPress: onClose
+  }, "Go back"));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_valtio","require","_react","_appkitCoreReactNative","_appkitCommonReactNative","_appkitUiReactNative","_styles","_interopRequireDefault","e","__esModule","default","OnRampTransactionView","Theme","useTheme","data","useSnapshot","RouterController","state","onClose","isAuth","ConnectorController","connectedConnector","replace","showNetwork","onrampResult","network","showStatus","status","useEffect","OnRampController","resetState","AccountController","fetchTokenBalance","React","createElement","FlexView","padding","alignItems","IconBox","icon","size","iconColor","background","backgroundColor","style","styles","Text","variant","color","purchaseCurrency","card","margin","flexDirection","justifyContent","paymentAmount","paymentCurrency","purchaseAmount","split","purchaseImageUrl","Image","source","tokenImage","borderColor","StringUtil","capitalize","Button","onPress"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-transaction-view/index.tsx"],"mappings":"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"}