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

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

@@ -0,0 +1,229 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnRampView = OnRampView;
+var _valtio = require("valtio");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
+var _w3mSelectorModal = require("../../partials/w3m-selector-modal");
+var _Currency = require("./components/Currency");
+var _utils = require("./utils");
+var _CurrencyInput = require("./components/CurrencyInput");
+var _SelectPaymentModal = require("./components/SelectPaymentModal");
+var _Header = require("./components/Header");
+var _LoadingView = require("./components/LoadingView");
+var _PaymentButton = _interopRequireDefault(require("./components/PaymentButton"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MemoizedCurrency = /*#__PURE__*/(0, _react.memo)(_Currency.Currency);
+function OnRampView() {
+  const {
+    themeMode
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ThemeController.state);
+  const Theme = (0, _appkitUiReactNative.useTheme)();
+  const {
+    purchaseCurrency,
+    paymentCurrency,
+    selectedPaymentMethod,
+    paymentAmount,
+    quotesLoading,
+    quotes,
+    selectedQuote,
+    error,
+    loading,
+    initialLoading
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OnRampController.state);
+  const {
+    activeNetwork
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionsController.state);
+  const {
+    networkImages
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.AssetController.state);
+  const [searchValue, setSearchValue] = (0, _react.useState)('');
+  const [isCurrencyModalVisible, setIsCurrencyModalVisible] = (0, _react.useState)(false);
+  const [isPaymentMethodModalVisible, setIsPaymentMethodModalVisible] = (0, _react.useState)(false);
+  const purchaseCurrencyCode = purchaseCurrency?.currencyCode?.split('_')[0] ?? purchaseCurrency?.currencyCode;
+  const networkImage = _appkitCoreReactNative.AssetUtil.getNetworkImage(activeNetwork, networkImages);
+  const getQuotes = (0, _react.useCallback)(() => {
+    if (_appkitCoreReactNative.OnRampController.canGenerateQuote()) {
+      _appkitCoreReactNative.OnRampController.getQuotes();
+    }
+  }, []);
+  const getPaymentButtonTitle = () => {
+    if (selectedPaymentMethod) {
+      return selectedPaymentMethod.name;
+    }
+    if (quotesLoading) {
+      return 'Loading quotes';
+    }
+    if (!paymentAmount || quotes?.length === 0) {
+      return 'Enter a valid amount';
+    }
+    return '';
+  };
+  const getPaymentButtonSubtitle = () => {
+    if (selectedQuote) {
+      return _appkitCommonReactNative.StringUtil.capitalize(selectedQuote?.serviceProvider);
+    }
+    if (selectedPaymentMethod) {
+      if (quotesLoading) {
+        return 'Loading quotes';
+      }
+      if (!paymentAmount || quotes?.length === 0) {
+        return 'Enter a valid amount';
+      }
+    }
+    return undefined;
+  };
+  const onValueChange = value => {
+    if (!value) {
+      _appkitCoreReactNative.OnRampController.abortGetQuotes();
+      _appkitCoreReactNative.OnRampController.setPaymentAmount(0);
+      _appkitCoreReactNative.OnRampController.setSelectedQuote(undefined);
+      _appkitCoreReactNative.OnRampController.clearError();
+      return;
+    }
+    _appkitCoreReactNative.OnRampController.setPaymentAmount(value);
+    (0, _utils.getQuotesDebounced)();
+  };
+  const handleSearch = value => {
+    setSearchValue(value);
+  };
+  const handleContinue = async () => {
+    if (_appkitCoreReactNative.OnRampController.state.selectedQuote) {
+      _appkitCoreReactNative.RouterController.push('OnRampCheckout');
+    }
+  };
+  const renderCurrencyItem = ({
+    item
+  }) => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(MemoizedCurrency, {
+      item: item,
+      onPress: onPressPurchaseCurrency,
+      selected: item.currencyCode === purchaseCurrency?.currencyCode,
+      title: item.name,
+      subtitle: item.currencyCode.split('_')[0] ?? item.currencyCode,
+      testID: `currency-item-${item.currencyCode}`,
+      style: _styles.default.currencyItem
+    });
+  };
+  const onPressPurchaseCurrency = item => {
+    setIsCurrencyModalVisible(false);
+    setIsPaymentMethodModalVisible(false);
+    setSearchValue('');
+    _appkitCoreReactNative.OnRampController.setPurchaseCurrency(item);
+    getQuotes();
+  };
+  const onModalClose = () => {
+    setSearchValue('');
+    setIsCurrencyModalVisible(false);
+    setIsPaymentMethodModalVisible(false);
+  };
+  (0, _react.useEffect)(() => {
+    if (error?.type === _appkitCoreReactNative.ConstantsUtil.ONRAMP_ERROR_TYPES.FAILED_TO_LOAD) {
+      _appkitCoreReactNative.SnackController.showInternalError({
+        shortMessage: 'Failed to load data. Please try again later.',
+        longMessage: error?.message
+      });
+      _appkitCoreReactNative.RouterController.goBack();
+    }
+  }, [error]);
+  (0, _react.useEffect)(() => {
+    if (_appkitCoreReactNative.OnRampController.state.countries.length === 0) {
+      _appkitCoreReactNative.OnRampController.loadOnRampData();
+    }
+  }, []);
+  if (initialLoading || _appkitCoreReactNative.OnRampController.state.countries.length === 0) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingView.LoadingView, {});
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.Header, {
+      onSettingsPress: () => _appkitCoreReactNative.RouterController.push('OnRampSettings')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      bounces: false,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        padding: ['s', 'l', 's', 'l'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: "You Buy"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.TokenButton, {
+            placeholder: 'Select Token',
+            imageUrl: purchaseCurrency?.symbolImageUrl,
+            text: purchaseCurrencyCode,
+            onPress: () => setIsCurrencyModalVisible(true),
+            testID: "currency-selector",
+            chevron: true,
+            renderClip: networkImage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Image, {
+              source: networkImage,
+              style: [_styles.default.networkImage, {
+                borderColor: Theme['bg-300']
+              }]
+            }) : null
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CurrencyInput.CurrencyInput, {
+          value: paymentAmount?.toString(),
+          symbol: paymentCurrency?.currencyCode,
+          error: error?.message,
+          isAmountError: error?.type === _appkitCoreReactNative.ConstantsUtil.ONRAMP_ERROR_TYPES.AMOUNT_TOO_LOW || error?.type === _appkitCoreReactNative.ConstantsUtil.ONRAMP_ERROR_TYPES.AMOUNT_TOO_HIGH || error?.type === _appkitCoreReactNative.ConstantsUtil.ONRAMP_ERROR_TYPES.INVALID_AMOUNT,
+          loading: loading || quotesLoading,
+          purchaseValue: `${selectedQuote?.destinationAmount ? _appkitCommonReactNative.NumberUtil.roundNumber(selectedQuote.destinationAmount, 6, 5)?.toString() : '0.00'} ${purchaseCurrencyCode ?? ''}`,
+          onValueChange: onValueChange,
+          style: _styles.default.currencyInput
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PaymentButton.default, {
+          title: getPaymentButtonTitle(),
+          subtitle: getPaymentButtonSubtitle(),
+          paymentLogo: selectedPaymentMethod?.logos[themeMode ?? 'light'],
+          providerLogo: _appkitCoreReactNative.OnRampController.getServiceProviderImage(selectedQuote?.serviceProvider),
+          disabled: !paymentAmount || quotes?.length === 0,
+          loading: quotesLoading || loading,
+          onPress: () => setIsPaymentMethodModalVisible(true),
+          testID: "payment-method-button"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "center",
+          margin: ['m', '0', '0', '0'],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+            variant: "shade",
+            style: _styles.default.cancelButton,
+            onPress: _appkitCoreReactNative.RouterController.goBack,
+            children: "Cancel"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+            style: _styles.default.continueButton,
+            onPress: handleContinue,
+            disabled: quotesLoading || loading || !selectedQuote,
+            testID: "button-continue",
+            children: "Continue"
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectPaymentModal.SelectPaymentModal, {
+          visible: isPaymentMethodModalVisible,
+          onClose: onModalClose,
+          title: "Payment"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mSelectorModal.SelectorModal, {
+          selectedItem: purchaseCurrency,
+          visible: isCurrencyModalVisible,
+          onClose: onModalClose,
+          items: (0, _utils.getPurchaseCurrencies)(searchValue, true),
+          onSearch: handleSearch,
+          renderItem: renderCurrencyItem,
+          keyExtractor: item => item.currencyCode,
+          title: "Select Token",
+          itemHeight: _Currency.ITEM_HEIGHT,
+          showNetwork: true
+        })]
+      })
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_valtio","require","_react","_reactNative","_appkitCoreReactNative","_appkitUiReactNative","_appkitCommonReactNative","_w3mSelectorModal","_Currency","_utils","_CurrencyInput","_SelectPaymentModal","_Header","_LoadingView","_PaymentButton","_interopRequireDefault","_styles","_jsxRuntime","e","__esModule","default","MemoizedCurrency","memo","Currency","OnRampView","themeMode","useSnapshot","ThemeController","state","Theme","useTheme","purchaseCurrency","paymentCurrency","selectedPaymentMethod","paymentAmount","quotesLoading","quotes","selectedQuote","error","loading","initialLoading","OnRampController","activeNetwork","ConnectionsController","networkImages","AssetController","searchValue","setSearchValue","useState","isCurrencyModalVisible","setIsCurrencyModalVisible","isPaymentMethodModalVisible","setIsPaymentMethodModalVisible","purchaseCurrencyCode","currencyCode","split","networkImage","AssetUtil","getNetworkImage","getQuotes","useCallback","canGenerateQuote","getPaymentButtonTitle","name","length","getPaymentButtonSubtitle","StringUtil","capitalize","serviceProvider","undefined","onValueChange","value","abortGetQuotes","setPaymentAmount","setSelectedQuote","clearError","getQuotesDebounced","handleSearch","handleContinue","RouterController","push","renderCurrencyItem","item","jsx","onPress","onPressPurchaseCurrency","selected","title","subtitle","testID","style","styles","currencyItem","setPurchaseCurrency","onModalClose","useEffect","type","ConstantsUtil","ONRAMP_ERROR_TYPES","FAILED_TO_LOAD","SnackController","showInternalError","shortMessage","longMessage","message","goBack","countries","loadOnRampData","LoadingView","jsxs","Fragment","children","Header","onSettingsPress","ScrollView","bounces","FlexView","padding","flexDirection","alignItems","justifyContent","Text","variant","color","TokenButton","placeholder","imageUrl","symbolImageUrl","text","chevron","renderClip","Image","source","borderColor","CurrencyInput","toString","symbol","isAmountError","AMOUNT_TOO_LOW","AMOUNT_TOO_HIGH","INVALID_AMOUNT","purchaseValue","destinationAmount","NumberUtil","roundNumber","currencyInput","paymentLogo","logos","providerLogo","getServiceProviderImage","disabled","margin","Button","cancelButton","continueButton","SelectPaymentModal","visible","onClose","SelectorModal","selectedItem","items","getPurchaseCurrencies","onSearch","renderItem","keyExtractor","itemHeight","CURRENCY_ITEM_HEIGHT","showNetwork"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-view/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  continueButton: {
+    marginLeft: _appkitUiReactNative.Spacing.m,
+    flex: 3
+  },
+  cancelButton: {
+    flex: 1
+  },
+  paymentMethodButton: {
+    borderRadius: _appkitUiReactNative.BorderRadius.s,
+    height: 64
+  },
+  paymentMethodImage: {
+    width: 20,
+    height: 20,
+    borderRadius: 0
+  },
+  paymentMethodImageContainer: {
+    width: 40,
+    height: 40,
+    borderWidth: 0,
+    borderRadius: _appkitUiReactNative.BorderRadius['3xs']
+  },
+  currencyItem: {
+    paddingHorizontal: _appkitUiReactNative.Spacing.m
+  },
+  currencyInput: {
+    marginBottom: _appkitUiReactNative.Spacing.m
+  },
+  providerImage: {
+    height: 16,
+    width: 16,
+    marginRight: 2
+  },
+  networkImage: {
+    height: 14,
+    width: 14,
+    borderRadius: _appkitUiReactNative.BorderRadius.full,
+    borderWidth: 1
+  },
+  paymentButtonMock: {
+    borderRadius: _appkitUiReactNative.BorderRadius.s,
+    height: 64
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","continueButton","marginLeft","Spacing","m","flex","cancelButton","paymentMethodButton","borderRadius","BorderRadius","s","height","paymentMethodImage","width","paymentMethodImageContainer","borderWidth","currencyItem","paddingHorizontal","currencyInput","marginBottom","providerImage","marginRight","networkImage","full","paymentButtonMock"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAsE,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEvDC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,cAAc,EAAE;IACdC,UAAU,EAAEC,4BAAO,CAACC,CAAC;IACrBC,IAAI,EAAE;EACR,CAAC;EACDC,YAAY,EAAE;IACZD,IAAI,EAAE;EACR,CAAC;EACDE,mBAAmB,EAAE;IACnBC,YAAY,EAAEC,iCAAY,CAACC,CAAC;IAC5BC,MAAM,EAAE;EACV,CAAC;EACDC,kBAAkB,EAAE;IAClBC,KAAK,EAAE,EAAE;IACTF,MAAM,EAAE,EAAE;IACVH,YAAY,EAAE;EAChB,CAAC;EACDM,2BAA2B,EAAE;IAC3BD,KAAK,EAAE,EAAE;IACTF,MAAM,EAAE,EAAE;IACVI,WAAW,EAAE,CAAC;IACdP,YAAY,EAAEC,iCAAY,CAAC,KAAK;EAClC,CAAC;EACDO,YAAY,EAAE;IACZC,iBAAiB,EAAEd,4BAAO,CAACC;EAC7B,CAAC;EACDc,aAAa,EAAE;IACbC,YAAY,EAAEhB,4BAAO,CAACC;EACxB,CAAC;EACDgB,aAAa,EAAE;IACbT,MAAM,EAAE,EAAE;IACVE,KAAK,EAAE,EAAE;IACTQ,WAAW,EAAE;EACf,CAAC;EACDC,YAAY,EAAE;IACZX,MAAM,EAAE,EAAE;IACVE,KAAK,EAAE,EAAE;IACTL,YAAY,EAAEC,iCAAY,CAACc,IAAI;IAC/BR,WAAW,EAAE;EACf,CAAC;EACDS,iBAAiB,EAAE;IACjBhB,YAAY,EAAEC,iCAAY,CAACC,CAAC;IAC5BC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getQuotesDebounced = exports.getPurchaseCurrencies = exports.getNetworkId = void 0;
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+// -------------------------- Utils --------------------------
+const getPurchaseCurrencies = (searchValue, filterSelected) => {
+  const networkId = getNetworkId();
+  if (!networkId) {
+    return [];
+  }
+  let networkTokens = _appkitCoreReactNative.OnRampController.state.purchaseCurrencies?.filter(c => c.chainId === networkId) ?? [];
+  if (filterSelected) {
+    networkTokens = networkTokens?.filter(c => c.currencyCode !== _appkitCoreReactNative.OnRampController.state.purchaseCurrency?.currencyCode);
+  }
+  return searchValue ? networkTokens.filter(item => item.name.toLowerCase().includes(searchValue) || item.currencyCode.toLowerCase()?.split('_')?.[0]?.includes(searchValue)) : networkTokens;
+};
+exports.getPurchaseCurrencies = getPurchaseCurrencies;
+const getQuotesDebounced = exports.getQuotesDebounced = _appkitCoreReactNative.CoreHelperUtil.debounce(function () {
+  _appkitCoreReactNative.OnRampController.getQuotes();
+}, 500);
+const getNetworkId = () => {
+  const [namespace, chainId] = _appkitCoreReactNative.ConnectionsController.state.activeNetwork?.caipNetworkId?.split(':') ?? [];
+  if (!namespace || !chainId) {
+    return undefined;
+  }
+  if (namespace === 'solana') {
+    return '101'; // Solana mainnet on Meld
+  }
+  if (namespace === 'bip122') {
+    return `${namespace}:${chainId}`; // Bitcoin mainnet
+  }
+  return chainId;
+};
+exports.getNetworkId = getNetworkId;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_appkitCoreReactNative","require","getPurchaseCurrencies","searchValue","filterSelected","networkId","getNetworkId","networkTokens","OnRampController","state","purchaseCurrencies","filter","c","chainId","currencyCode","purchaseCurrency","item","name","toLowerCase","includes","split","exports","getQuotesDebounced","CoreHelperUtil","debounce","getQuotes","namespace","ConnectionsController","activeNetwork","caipNetworkId","undefined"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-view/utils.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAMA;AACO,MAAMC,qBAAqB,GAAGA,CAACC,WAAoB,EAAEC,cAAwB,KAAK;EACvF,MAAMC,SAAS,GAAGC,YAAY,CAAC,CAAC;EAEhC,IAAI,CAACD,SAAS,EAAE;IACd,OAAO,EAAE;EACX;EAEA,IAAIE,aAAa,GACfC,uCAAgB,CAACC,KAAK,CAACC,kBAAkB,EAAEC,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,OAAO,KAAKR,SAAS,CAAC,IAAI,EAAE;EAEvF,IAAID,cAAc,EAAE;IAClBG,aAAa,GAAGA,aAAa,EAAEI,MAAM,CACnCC,CAAC,IAAIA,CAAC,CAACE,YAAY,KAAKN,uCAAgB,CAACC,KAAK,CAACM,gBAAgB,EAAED,YACnE,CAAC;EACH;EAEA,OAAOX,WAAW,GACdI,aAAa,CAACI,MAAM,CAClBK,IAAI,IACFA,IAAI,CAACC,IAAI,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAChB,WAAW,CAAC,IAC7Ca,IAAI,CAACF,YAAY,CAACI,WAAW,CAAC,CAAC,EAAEE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAED,QAAQ,CAAChB,WAAW,CAC1E,CAAC,GACDI,aAAa;AACnB,CAAC;AAACc,OAAA,CAAAnB,qBAAA,GAAAA,qBAAA;AAEK,MAAMoB,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,GAAGC,qCAAc,CAACC,QAAQ,CAAC,YAAY;EACpEhB,uCAAgB,CAACiB,SAAS,CAAC,CAAC;AAC9B,CAAC,EAAE,GAAG,CAAC;AAEA,MAAMnB,YAAY,GAAGA,CAAA,KAA0B;EACpD,MAAM,CAACoB,SAAS,EAAEb,OAAO,CAAC,GACxBc,4CAAqB,CAAClB,KAAK,CAACmB,aAAa,EAAEC,aAAa,EAAET,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE;EAE5E,IAAI,CAACM,SAAS,IAAI,CAACb,OAAO,EAAE;IAC1B,OAAOiB,SAAS;EAClB;EAEA,IAAIJ,SAAS,KAAK,QAAQ,EAAE;IAC1B,OAAO,KAAK,CAAC,CAAC;EAChB;EAEA,IAAIA,SAAS,KAAK,QAAQ,EAAE;IAC1B,OAAO,GAAGA,SAAS,IAAIb,OAAO,EAAE,CAAC,CAAC;EACpC;EAEA,OAAOA,OAAO;AAChB,CAAC;AAACQ,OAAA,CAAAf,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/views/w3m-siwx-sign-view/index.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SIWXSignMessageView = SIWXSignMessageView;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _valtio = require("valtio");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _AppKitContext = require("../../AppKitContext");
+var _SIWXUtil = require("../../utils/SIWXUtil");
+var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function SIWXSignMessageView() {
+  const {
+    disconnect
+  } = (0, _AppKitContext.useInternalAppKit)();
+  const {
+    padding
+  } = (0, _appkitUiReactNative.useCustomDimensions)();
+  const {
+    metadata
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OptionsController.state);
+  const {
+    activeAddress,
+    identity,
+    walletInfo
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionsController.state);
+  const [isSigning, setIsSigning] = (0, _react.useState)(false);
+  const [isDisconnecting, setIsDisconnecting] = (0, _react.useState)(false);
+  const dappName = metadata?.name || 'Dapp';
+  const dappIcon = metadata?.icons[0] || '';
+  const walletIcon = walletInfo?.icon;
+  const onSign = async () => {
+    setIsSigning(true);
+    try {
+      await _SIWXUtil.SIWXUtil.requestSignMessage();
+    } catch (error) {
+      _appkitCoreReactNative.LogController.sendError(error, 'SIWXSignMessageView.tsx', 'onSign');
+      _appkitCoreReactNative.SnackController.showError('Signature declined');
+    } finally {
+      setIsSigning(false);
+    }
+  };
+  const onCancel = async () => {
+    if (_appkitCoreReactNative.ConnectionsController.state.activeAddress) {
+      setIsDisconnecting(true);
+      await _SIWXUtil.SIWXUtil.cancelSignMessage(disconnect);
+      setIsDisconnecting(false);
+    } else {
+      _appkitCoreReactNative.RouterController.push('Connect');
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    bounces: false,
+    fadingEdgeLength: 20,
+    style: {
+      paddingHorizontal: padding
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      padding: ['0', 's', 's', 's'],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.DoubleImageLoader, {
+        style: _styles.default.logoContainer,
+        leftImage: dappIcon,
+        rightImage: walletIcon,
+        renderRightPlaceholder: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Avatar, {
+          imageSrc: identity?.avatar,
+          address: activeAddress,
+          size: 60,
+          borderWidth: 0
+        }),
+        rightItemStyle: !walletIcon && _styles.default.walletAvatar
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
+        center: true,
+        variant: "medium-600",
+        color: "fg-100",
+        style: _styles.default.title,
+        children: [dappName, " needs to connect to your wallet"]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        center: true,
+        variant: "small-400",
+        color: "fg-200",
+        style: _styles.default.subtitle,
+        children: "Sign this message to prove you own this wallet and proceed. Cancelling will disconnect you"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        margin: ['s', '0', '0', '0'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+          variant: "shade",
+          onPress: onCancel,
+          style: _styles.default.button,
+          loading: isDisconnecting,
+          children: "Cancel"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+          variant: "fill",
+          loading: isSigning,
+          disabled: isDisconnecting,
+          onPress: onSign,
+          style: _styles.default.button,
+          children: "Sign"
+        })]
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/views/w3m-siwx-sign-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_valtio","_appkitUiReactNative","_appkitCoreReactNative","_AppKitContext","_SIWXUtil","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","SIWXSignMessageView","disconnect","useInternalAppKit","padding","useCustomDimensions","metadata","useSnapshot","OptionsController","state","activeAddress","identity","walletInfo","ConnectionsController","isSigning","setIsSigning","useState","isDisconnecting","setIsDisconnecting","dappName","name","dappIcon","icons","walletIcon","icon","onSign","SIWXUtil","requestSignMessage","error","LogController","sendError","SnackController","showError","onCancel","cancelSignMessage","RouterController","push","jsx","ScrollView","bounces","fadingEdgeLength","style","paddingHorizontal","children","jsxs","FlexView","DoubleImageLoader","styles","logoContainer","leftImage","rightImage","renderRightPlaceholder","Avatar","imageSrc","avatar","address","size","borderWidth","rightItemStyle","walletAvatar","Text","center","variant","color","title","subtitle","flexDirection","justifyContent","margin","Button","onPress","button","loading","disabled"],"sourceRoot":"../../../../src","sources":["views/w3m-siwx-sign-view/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AAQA,IAAAI,sBAAA,GAAAJ,OAAA;AAQA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAC,sBAAA,CAAAR,OAAA;AAA8B,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAQ,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEvB,SAASG,mBAAmBA,CAAA,EAAG;EACpC,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,gCAAiB,EAAC,CAAC;EAC1C,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EACzC,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,mBAAW,EAACC,wCAAiB,CAACC,KAAK,CAAC;EACzD,MAAM;IAAEC,aAAa;IAAEC,QAAQ;IAAEC;EAAW,CAAC,GAAG,IAAAL,mBAAW,EAACM,4CAAqB,CAACJ,KAAK,CAAC;EACxF,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjD,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAE7D,MAAMG,QAAQ,GAAGb,QAAQ,EAAEc,IAAI,IAAI,MAAM;EACzC,MAAMC,QAAQ,GAAGf,QAAQ,EAAEgB,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE;EACzC,MAAMC,UAAU,GAAGX,UAAU,EAAEY,IAAI;EAEnC,MAAMC,MAAM,GAAG,MAAAA,CAAA,KAAY;IACzBV,YAAY,CAAC,IAAI,CAAC;IAClB,IAAI;MACF,MAAMW,kBAAQ,CAACC,kBAAkB,CAAC,CAAC;IACrC,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdC,oCAAa,CAACC,SAAS,CAACF,KAAK,EAAE,yBAAyB,EAAE,QAAQ,CAAC;MACnEG,sCAAe,CAACC,SAAS,CAAC,oBAAoB,CAAC;IACjD,CAAC,SAAS;MACRjB,YAAY,CAAC,KAAK,CAAC;IACrB;EACF,CAAC;EAED,MAAMkB,QAAQ,GAAG,MAAAA,CAAA,KAAY;IAC3B,IAAIpB,4CAAqB,CAACJ,KAAK,CAACC,aAAa,EAAE;MAC7CQ,kBAAkB,CAAC,IAAI,CAAC;MACxB,MAAMQ,kBAAQ,CAACQ,iBAAiB,CAAChC,UAAU,CAAC;MAC5CgB,kBAAkB,CAAC,KAAK,CAAC;IAC3B,CAAC,MAAM;MACLiB,uCAAgB,CAACC,IAAI,CAAC,SAAS,CAAC;IAClC;EACF,CAAC;EAED,oBACE,IAAAvC,WAAA,CAAAwC,GAAA,EAAChD,YAAA,CAAAiD,UAAU;IAACC,OAAO,EAAE,KAAM;IAACC,gBAAgB,EAAE,EAAG;IAACC,KAAK,EAAE;MAAEC,iBAAiB,EAAEtC;IAAQ,CAAE;IAAAuC,QAAA,eACtF,IAAA9C,WAAA,CAAA+C,IAAA,EAACrD,oBAAA,CAAAsD,QAAQ;MAACzC,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;MAAAuC,QAAA,gBACtC,IAAA9C,WAAA,CAAAwC,GAAA,EAAC9C,oBAAA,CAAAuD,iBAAiB;QAChBL,KAAK,EAAEM,eAAM,CAACC,aAAc;QAC5BC,SAAS,EAAE5B,QAAS;QACpB6B,UAAU,EAAE3B,UAAW;QACvB4B,sBAAsB,EAAEA,CAAA,kBACtB,IAAAtD,WAAA,CAAAwC,GAAA,EAAC9C,oBAAA,CAAA6D,MAAM;UAACC,QAAQ,EAAE1C,QAAQ,EAAE2C,MAAO;UAACC,OAAO,EAAE7C,aAAc;UAAC8C,IAAI,EAAE,EAAG;UAACC,WAAW,EAAE;QAAE,CAAE,CACvF;QACFC,cAAc,EAAE,CAACnC,UAAU,IAAIwB,eAAM,CAACY;MAAa,CACpD,CAAC,eACF,IAAA9D,WAAA,CAAA+C,IAAA,EAACrD,oBAAA,CAAAqE,IAAI;QAACC,MAAM;QAACC,OAAO,EAAC,YAAY;QAACC,KAAK,EAAC,QAAQ;QAACtB,KAAK,EAAEM,eAAM,CAACiB,KAAM;QAAArB,QAAA,GAClExB,QAAQ,EAAC,kCACZ;MAAA,CAAM,CAAC,eACP,IAAAtB,WAAA,CAAAwC,GAAA,EAAC9C,oBAAA,CAAAqE,IAAI;QAACC,MAAM;QAACC,OAAO,EAAC,WAAW;QAACC,KAAK,EAAC,QAAQ;QAACtB,KAAK,EAAEM,eAAM,CAACkB,QAAS;QAAAtB,QAAA,EAAC;MAExE,CAAM,CAAC,eACP,IAAA9C,WAAA,CAAA+C,IAAA,EAACrD,oBAAA,CAAAsD,QAAQ;QAACqB,aAAa,EAAC,KAAK;QAACC,cAAc,EAAC,eAAe;QAACC,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;QAAAzB,QAAA,gBACxF,IAAA9C,WAAA,CAAAwC,GAAA,EAAC9C,oBAAA,CAAA8E,MAAM;UACLP,OAAO,EAAC,OAAO;UACfQ,OAAO,EAAErC,QAAS;UAClBQ,KAAK,EAAEM,eAAM,CAACwB,MAAO;UACrBC,OAAO,EAAEvD,eAAgB;UAAA0B,QAAA,EAC1B;QAED,CAAQ,CAAC,eACT,IAAA9C,WAAA,CAAAwC,GAAA,EAAC9C,oBAAA,CAAA8E,MAAM;UACLP,OAAO,EAAC,MAAM;UACdU,OAAO,EAAE1D,SAAU;UACnB2D,QAAQ,EAAExD,eAAgB;UAC1BqD,OAAO,EAAE7C,MAAO;UAChBgB,KAAK,EAAEM,eAAM,CAACwB,MAAO;UAAA5B,QAAA,EACtB;QAED,CAAQ,CAAC;MAAA,CACD,CAAC;IAAA,CACH;EAAC,CACD,CAAC;AAEjB","ignoreList":[]}

package/lib/commonjs/views/w3m-siwx-sign-view/styles.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _reactNative = require("react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  logoContainer: {
+    marginTop: _appkitUiReactNative.Spacing.xl,
+    marginBottom: _appkitUiReactNative.Spacing.m
+  },
+  button: {
+    width: '48%'
+  },
+  title: {
+    marginHorizontal: '15%'
+  },
+  subtitle: {
+    marginHorizontal: '10%',
+    marginVertical: _appkitUiReactNative.Spacing.l
+  },
+  walletAvatar: {
+    borderRadius: _appkitUiReactNative.BorderRadius.full
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/views/w3m-siwx-sign-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_appkitUiReactNative","require","_reactNative","_default","exports","default","StyleSheet","create","logoContainer","marginTop","Spacing","xl","marginBottom","m","button","width","title","marginHorizontal","subtitle","marginVertical","l","walletAvatar","borderRadius","BorderRadius","full"],"sourceRoot":"../../../../src","sources":["views/w3m-siwx-sign-view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA0C,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,aAAa,EAAE;IACbC,SAAS,EAAEC,4BAAO,CAACC,EAAE;IACrBC,YAAY,EAAEF,4BAAO,CAACG;EACxB,CAAC;EACDC,MAAM,EAAE;IACNC,KAAK,EAAE;EACT,CAAC;EACDC,KAAK,EAAE;IACLC,gBAAgB,EAAE;EACpB,CAAC;EACDC,QAAQ,EAAE;IACRD,gBAAgB,EAAE,KAAK;IACvBE,cAAc,EAAET,4BAAO,CAACU;EAC1B,CAAC;EACDC,YAAY,EAAE;IACZC,YAAY,EAAEC,iCAAY,CAACC;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/views/w3m-swap-preview-view/index.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwapPreviewView = SwapPreviewView;
+var _valtio = require("valtio");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _w3mSwapDetails = require("../../partials/w3m-swap-details");
+var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function SwapPreviewView() {
+  const {
+    padding
+  } = (0, _appkitUiReactNative.useCustomDimensions)();
+  const {
+    sourceToken,
+    sourceTokenAmount,
+    sourceTokenPriceInUSD,
+    toToken,
+    toTokenAmount,
+    toTokenPriceInUSD,
+    loadingQuote,
+    loadingBuildTransaction,
+    loadingTransaction,
+    loadingApprovalTransaction
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.SwapController.state);
+  const sourceTokenMarketValue = _appkitCommonReactNative.NumberUtil.parseLocalStringToNumber(sourceTokenAmount) * sourceTokenPriceInUSD;
+  const toTokenMarketValue = _appkitCommonReactNative.NumberUtil.parseLocalStringToNumber(toTokenAmount) * toTokenPriceInUSD;
+  const loading = loadingQuote || loadingBuildTransaction || loadingTransaction || loadingApprovalTransaction;
+  const onCancel = () => {
+    _appkitCoreReactNative.SwapController.clearTransactionLoaders();
+    _appkitCoreReactNative.RouterController.goBack();
+  };
+  const onSwap = () => {
+    if (_appkitCoreReactNative.SwapController.state.approvalTransaction) {
+      _appkitCoreReactNative.SwapController.sendTransactionForApproval(_appkitCoreReactNative.SwapController.state.approvalTransaction);
+    } else {
+      _appkitCoreReactNative.SwapController.sendTransactionForSwap(_appkitCoreReactNative.SwapController.state.swapTransaction);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    function refreshTransaction() {
+      if (!_appkitCoreReactNative.SwapController.state.loadingApprovalTransaction) {
+        _appkitCoreReactNative.SwapController.getTransaction();
+      }
+    }
+    _appkitCoreReactNative.SwapController.getTransaction();
+    const interval = setInterval(refreshTransaction, 10000);
+    return () => {
+      clearInterval(interval);
+    };
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    style: {
+      paddingHorizontal: padding
+    },
+    bounces: false,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      padding: "l",
+      justifyContent: "center",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: "Send"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
+            variant: "paragraph-400",
+            color: "fg-100",
+            children: ["$", _appkitUiReactNative.UiUtil.formatNumberToLocalString(sourceTokenMarketValue, 6)]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.TokenButton, {
+          text: ` ${_appkitUiReactNative.UiUtil.formatNumberToLocalString(sourceTokenAmount, 8)} ${sourceToken?.symbol}`,
+          imageUrl: sourceToken?.logoUri,
+          inverse: true,
+          disabled: true
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Icon, {
+        name: "recycleHorizontal",
+        size: "md",
+        color: "fg-200",
+        style: _styles.default.swapIcon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        margin: ['0', '0', 'xl', '0'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: "Receive"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
+            variant: "paragraph-400",
+            color: "fg-100",
+            children: ["$", _appkitUiReactNative.UiUtil.formatNumberToLocalString(toTokenMarketValue, 6)]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.TokenButton, {
+          text: ` ${toTokenAmount} ${toToken?.symbol}`,
+          imageUrl: toToken?.logoUri,
+          inverse: true,
+          disabled: true
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mSwapDetails.SwapDetails, {
+        initialOpen: true,
+        canClose: false
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        margin: ['m', '0', 'm', '0'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Icon, {
+          name: "warningCircle",
+          size: "sm",
+          color: "fg-200",
+          style: _styles.default.reviewIcon
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          variant: "small-400",
+          color: "fg-200",
+          children: "Review transaction carefully"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+          variant: "shade",
+          style: _styles.default.cancelButton,
+          onPress: onCancel,
+          children: "Cancel"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+          variant: "fill",
+          style: _styles.default.sendButton,
+          loading: loading,
+          disabled: loading,
+          onPress: onSwap,
+          children: "Swap"
+        })]
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map