@reown/appkit-react-native 2.0.0 → 2.0.2

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

@@ -1 +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"}
+{"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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getModalTitle = exports.getModalSearchPlaceholder = exports.getModalItems = exports.getModalItemKey = exports.getItemHeight = void 0;
+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");
@@ -18,6 +18,14 @@ 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
@@ -40,6 +48,14 @@ 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);

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

@@ -1 +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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"}
+{"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":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAGA;;AAGA;AACA,MAAMG,YAAuC,GAAG;EAC9CC,OAAO,EAAE,gBAAgB;EACzBC,eAAe,EAAE;AACnB,CAAC;AAED,MAAMC,yBAAoD,GAAG;EAC3DF,OAAO,EAAE,gBAAgB;EACzBC,eAAe,EAAE;AACnB,CAAC;AAED,MAAME,kBAA6C,GAAG;EACpDH,OAAO,EAAE,oBAAoB;EAC7BC,eAAe,EAAE;AACnB,CAAC;AAED,MAAMG,wBAAmD,GAAG;EAC1DJ,OAAO,EAAE,kCAAkC;EAC3CC,eAAe,EAAE;AACnB,CAAC;AAED,MAAMI,YAAuC,GAAG;EAC9CL,OAAO,EAAEM,oBAAmB;EAC5BL,eAAe,EAAEM;AACnB,CAAC;AAED,MAAMC,cAAwD,GAAG;EAC/DR,OAAO,EAAGS,IAAmB,IAAKA,IAAI,CAACC,WAAW;EAClDT,eAAe,EAAGQ,IAAwB,IAAKA,IAAI,CAACE;AACtD,CAAC;;AAED;AACO,MAAMC,aAAa,GAAIC,IAAgB,IAAK;EACjD,OAAOA,IAAI,GAAGR,YAAY,CAACQ,IAAI,CAAC,GAAG,CAAC;AACtC,CAAC;AAACC,OAAA,CAAAF,aAAA,GAAAA,aAAA;AAEK,MAAMG,aAAa,GAAIF,IAAgB,IAAK;EACjD,OAAOA,IAAI,GAAGd,YAAY,CAACc,IAAI,CAAC,GAAGG,SAAS;AAC9C,CAAC;AAACF,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEK,MAAME,yBAAyB,GAAIJ,IAAgB,IAAK;EAC7D,OAAOA,IAAI,GAAGX,yBAAyB,CAACW,IAAI,CAAC,GAAGG,SAAS;AAC3D,CAAC;AAACF,OAAA,CAAAG,yBAAA,GAAAA,yBAAA;AAEK,MAAMC,kBAAkB,GAAIL,IAAgB,IAAK;EACtD,OAAOA,IAAI,GAAGV,kBAAkB,CAACU,IAAI,CAAC,GAAGG,SAAS;AACpD,CAAC;AAACF,OAAA,CAAAI,kBAAA,GAAAA,kBAAA;AAEK,MAAMC,wBAAwB,GAAIN,IAAgB,IAAK;EAC5D,OAAOA,IAAI,GAAGT,wBAAwB,CAACS,IAAI,CAAC,GAAGG,SAAS;AAC1D,CAAC;AAACF,OAAA,CAAAK,wBAAA,GAAAA,wBAAA;AAEF,MAAMC,YAAY,GAAGA,CACnBX,IAAmE,EACnEY,WAAmB,KAChB;EACH,MAAMC,MAAM,GAAGD,WAAW,CAACE,WAAW,CAAC,CAAC;EAExC,OACEd,IAAI,CAACe,IAAI,CAACD,WAAW,CAAC,CAAC,CAACE,QAAQ,CAACH,MAAM,CAAC,KACvCb,IAAI,CAACE,YAAY,EAAEY,WAAW,CAAC,CAAC,CAACE,QAAQ,CAACH,MAAM,CAAC,IAAI,KAAK,CAAC,KAC3Db,IAAI,CAACC,WAAW,EAAEa,WAAW,CAAC,CAAC,CAACE,QAAQ,CAACH,MAAM,CAAC,IAAI,KAAK,CAAC;AAE/D,CAAC;AAEM,MAAMI,eAAe,GAAGA,CAACb,IAA2B,EAAEc,KAAa,EAAElB,IAAS,KAAK;EACxF,OAAOI,IAAI,GAAGL,cAAc,CAACK,IAAI,CAAC,CAACJ,IAAI,CAAC,GAAGkB,KAAK,CAACC,QAAQ,CAAC,CAAC;AAC7D,CAAC;AAACd,OAAA,CAAAY,eAAA,GAAAA,eAAA;AAEK,MAAMG,aAAa,GAAGA,CAC3BhB,IAAmC,EACnCQ,WAAoB,EACpBS,cAAwB,KACrB;EACH,MAAMC,KAAK,GAAG;IACZ/B,OAAO,EAAEA,CAAA,KACP8B,cAAc,GACVE,uCAAgB,CAACC,KAAK,CAACC,SAAS,CAACC,MAAM,CACrCC,CAAC,IAAIA,CAAC,CAAC1B,WAAW,KAAKsB,uCAAgB,CAACC,KAAK,CAACI,eAAe,EAAE3B,WACjE,CAAC,GACDsB,uCAAgB,CAACC,KAAK,CAACC,SAAS;IACtCjC,eAAe,EAAEA,CAAA,KACf6B,cAAc,GACVE,uCAAgB,CAACC,KAAK,CAACK,iBAAiB,EAAEH,MAAM,CAC9CI,EAAE,IAAIA,EAAE,CAAC5B,YAAY,KAAKqB,uCAAgB,CAACC,KAAK,CAAChC,eAAe,EAAEU,YACpE,CAAC,GACDqB,uCAAgB,CAACC,KAAK,CAACK;EAC/B,CAAC;EAED,MAAME,MAAM,GAAGT,KAAK,CAAClB,IAAI,CAAE,GAAG,CAAC,IAAI,EAAE;EAErC,OAAOQ,WAAW,GACdmB,MAAM,CAACL,MAAM,CAAE1B,IAA6C,IAC1DW,YAAY,CAACX,IAAI,EAAEY,WAAW,CAChC,CAAC,GACDmB,MAAM;AACZ,CAAC;AAAC1B,OAAA,CAAAe,aAAA,GAAAA,aAAA","ignoreList":[]}

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

@@ -10,6 +10,7 @@ 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"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function OnRampTransactionView() {
   const Theme = (0, _appkitUiReactNative.useTheme)();
@@ -17,7 +18,7 @@ function OnRampTransactionView() {
     data
   } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.RouterController.state);
   const onClose = () => {
-    const isAuth = _appkitCoreReactNative.ConnectorController.state.connectedConnector === 'AUTH';
+    const isAuth = !!_appkitCoreReactNative.ConnectionsController.state.connection?.properties?.provider;
     _appkitCoreReactNative.RouterController.replace(isAuth ? 'Account' : 'AccountDefault');
   };
   const showNetwork = !!data?.onrampResult?.network;
@@ -25,80 +26,100 @@ function OnRampTransactionView() {
   (0, _react.useEffect)(() => {
     return () => {
       _appkitCoreReactNative.OnRampController.resetState();
-      _appkitCoreReactNative.AccountController.fetchTokenBalance();
+      _appkitCoreReactNative.ConnectionsController.fetchBalance();
     };
   }, []);
-  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"));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+    padding: ['3xs', 'l', 's', 'l'],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        alignItems: "center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconBox, {
+          icon: "checkmark",
+          size: "xl",
+          iconColor: "success-100",
+          background: true,
+          backgroundColor: "success-glass-020",
+          style: _styles.default.icon
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
+          variant: "medium-600",
+          color: "fg-100",
+          children: ["You successfully bought ", data?.onrampResult?.purchaseCurrency]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        style: [_styles.default.card, {
+          backgroundColor: Theme['gray-glass-005']
+        }],
+        padding: "m",
+        margin: ['s', '0', '2xl', '0'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          flexDirection: "row",
+          justifyContent: "space-between",
+          alignItems: "center",
+          margin: ['0', '0', 'xs', '0'],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "paragraph-400",
+            color: "fg-150",
+            children: "You Paid"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
+            variant: "paragraph-500",
+            children: [data?.onrampResult?.paymentAmount, " ", data?.onrampResult?.paymentCurrency]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          flexDirection: "row",
+          justifyContent: "space-between",
+          alignItems: "center",
+          margin: ['0', '0', 'xs', '0'],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "paragraph-400",
+            color: "fg-150",
+            children: "You Bought"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+            flexDirection: "row",
+            alignItems: "center",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
+              variant: "paragraph-500",
+              children: [data?.onrampResult?.purchaseAmount, ' ', data?.onrampResult?.purchaseCurrency?.split('_')[0] ?? '']
+            }), data?.onrampResult?.purchaseImageUrl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Image, {
+              source: data?.onrampResult?.purchaseImageUrl,
+              style: [_styles.default.tokenImage, {
+                borderColor: Theme['gray-glass-010']
+              }]
+            }) : null]
+          })]
+        }), showNetwork ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          margin: ['0', '0', 'xs', '0'],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "paragraph-400",
+            color: "fg-150",
+            children: "Network"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "paragraph-500",
+            children: _appkitCommonReactNative.StringUtil.capitalize(data?.onrampResult?.network)
+          })]
+        }) : null, showStatus ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "paragraph-400",
+            color: "fg-150",
+            children: "Status"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "paragraph-500",
+            children: _appkitCommonReactNative.StringUtil.capitalize(data?.onrampResult?.status)
+          })]
+        }) : null]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+      variant: "fill",
+      size: "md",
+      onPress: onClose,
+      children: "Go back"
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +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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"}
+{"version":3,"names":["_valtio","require","_react","_appkitCoreReactNative","_appkitCommonReactNative","_appkitUiReactNative","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","OnRampTransactionView","Theme","useTheme","data","useSnapshot","RouterController","state","onClose","isAuth","ConnectionsController","connection","properties","provider","replace","showNetwork","onrampResult","network","showStatus","status","useEffect","OnRampController","resetState","fetchBalance","jsxs","FlexView","padding","children","alignItems","jsx","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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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","icon","marginBottom","Spacing","m","card","borderRadius","BorderRadius","s","tokenImage","height","width","marginLeft","full","borderWidth"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-transaction-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,IAAI,EAAE;IACJC,YAAY,EAAEC,4BAAO,CAACC;EACxB,CAAC;EACDC,IAAI,EAAE;IACJC,YAAY,EAAEC,iCAAY,CAACC;EAC7B,CAAC;EACDC,UAAU,EAAE;IACVC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,UAAU,EAAE,CAAC;IACbN,YAAY,EAAEC,iCAAY,CAACM,IAAI;IAC/BC,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}
+{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","icon","marginBottom","Spacing","m","card","borderRadius","BorderRadius","s","tokenImage","height","width","marginLeft","full","borderWidth"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-transaction-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,IAAI,EAAE;IACJC,YAAY,EAAEC,4BAAO,CAACC;EACxB,CAAC;EACDC,IAAI,EAAE;IACJC,YAAY,EAAEC,iCAAY,CAACC;EAC7B,CAAC;EACDC,UAAU,EAAE;IACVC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,UAAU,EAAE,CAAC;IACbN,YAAY,EAAEC,iCAAY,CAACM,IAAI;IAC/BC,WAAW,EAAE;EACf;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -7,6 +7,7 @@ exports.Currency = Currency;
 exports.ITEM_HEIGHT = void 0;
 var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
 var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
 const ITEM_HEIGHT = exports.ITEM_HEIGHT = 60;
 function Currency({
   onPress,
@@ -14,45 +15,55 @@ function Currency({
   selected,
   title,
   subtitle,
-  testID
+  testID,
+  style
 }) {
   const Theme = (0, _appkitUiReactNative.useTheme)();
   const handlePress = () => {
     onPress(item);
   };
-  return /*#__PURE__*/React.createElement(_appkitUiReactNative.Pressable, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Pressable, {
     onPress: handlePress,
-    style: styles.container,
+    style: [styles.container, style],
     backgroundColor: "transparent",
-    testID: testID
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    padding: "xs"
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "flex-start"
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Image, {
-    source: item.symbolImageUrl,
-    style: [styles.logo, {
-      backgroundColor: Theme['fg-100']
-    }]
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, null, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "paragraph-500",
-    color: "fg-100",
-    numberOfLines: 1,
-    ellipsizeMode: "tail"
-  }, title), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "small-400",
-    color: "fg-150"
-  }, subtitle))), selected && /*#__PURE__*/React.createElement(_appkitUiReactNative.Icon, {
-    name: "checkmark",
-    size: "md",
-    color: "accent-100",
-    style: styles.checkmark
-  })));
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      padding: "xs",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "flex-start",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+          source: {
+            uri: item.symbolImageUrl
+          },
+          style: [styles.logo, {
+            backgroundColor: Theme['inverse-100']
+          }]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "paragraph-500",
+            color: "fg-100",
+            numberOfLines: 1,
+            ellipsizeMode: "tail",
+            children: title
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: subtitle
+          })]
+        })]
+      }), selected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Icon, {
+        name: "checkmark",
+        size: "md",
+        color: "accent-100",
+        style: styles.checkmark
+      }) : null]
+    })
+  });
 }
 const styles = _reactNative.StyleSheet.create({
   container: {

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

@@ -1 +1 @@
-{"version":3,"names":["_appkitUiReactNative","require","_reactNative","ITEM_HEIGHT","exports","Currency","onPress","item","selected","title","subtitle","testID","Theme","useTheme","handlePress","React","createElement","Pressable","style","styles","container","backgroundColor","FlexView","flexDirection","alignItems","justifyContent","padding","Image","source","symbolImageUrl","logo","Text","variant","color","numberOfLines","ellipsizeMode","Icon","name","size","checkmark","StyleSheet","create","height","borderRadius","BorderRadius","s","width","full","marginRight","Spacing","xs","borderWidth","text","flex"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/Currency.tsx"],"mappings":";;;;;;;AAIA,IAAAA,oBAAA,GAAAC,OAAA;AAUA,IAAAC,YAAA,GAAAD,OAAA;AAEO,MAAME,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,EAAE;AAWtB,SAASE,QAAQA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAc,CAAC,EAAE;EACpF,MAAMC,KAAK,GAAG,IAAAC,6BAAQ,EAAC,CAAC;EAExB,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBR,OAAO,CAACC,IAAI,CAAC;EACf,CAAC;EAED,oBACEQ,KAAA,CAAAC,aAAA,CAAChB,oBAAA,CAAAiB,SAAS;IACRX,OAAO,EAAEQ,WAAY;IACrBI,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBC,eAAe,EAAC,aAAa;IAC7BV,MAAM,EAAEA;EAAO,gBAEfI,KAAA,CAAAC,aAAA,CAAChB,oBAAA,CAAAsB,QAAQ;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC,eAAe;IAACC,OAAO,EAAC;EAAI,gBAC3FX,KAAA,CAAAC,aAAA,CAAChB,oBAAA,CAAAsB,QAAQ;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC;EAAY,gBAC3EV,KAAA,CAAAC,aAAA,CAAChB,oBAAA,CAAA2B,KAAK;IACJC,MAAM,EAAErB,IAAI,CAACsB,cAAe;IAC5BX,KAAK,EAAE,CAACC,MAAM,CAACW,IAAI,EAAE;MAAET,eAAe,EAAET,KAAK,CAAC,QAAQ;IAAE,CAAC;EAAE,CAC5D,CAAC,eACFG,KAAA,CAAAC,aAAA,CAAChB,oBAAA,CAAAsB,QAAQ,qBACPP,KAAA,CAAAC,aAAA,CAAChB,oBAAA,CAAA+B,IAAI;IAACC,OAAO,EAAC,eAAe;IAACC,KAAK,EAAC,QAAQ;IAACC,aAAa,EAAE,CAAE;IAACC,aAAa,EAAC;EAAM,GAChF1B,KACG,CAAC,eACPM,KAAA,CAAAC,aAAA,CAAChB,oBAAA,CAAA+B,IAAI;IAACC,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GACrCvB,QACG,CACE,CACF,CAAC,EACVF,QAAQ,iBACPO,KAAA,CAAAC,aAAA,CAAChB,oBAAA,CAAAoC,IAAI;IAACC,IAAI,EAAC,WAAW;IAACC,IAAI,EAAC,IAAI;IAACL,KAAK,EAAC,YAAY;IAACf,KAAK,EAAEC,MAAM,CAACoB;EAAU,CAAE,CAExE,CACD,CAAC;AAEhB;AAEA,MAAMpB,MAAM,GAAGqB,uBAAU,CAACC,MAAM,CAAC;EAC/BrB,SAAS,EAAE;IACTK,cAAc,EAAE,QAAQ;IACxBiB,MAAM,EAAEvC,WAAW;IACnBwC,YAAY,EAAEC,iCAAY,CAACC;EAC7B,CAAC;EACDf,IAAI,EAAE;IACJgB,KAAK,EAAE,EAAE;IACTJ,MAAM,EAAE,EAAE;IACVC,YAAY,EAAEC,iCAAY,CAACG,IAAI;IAC/BC,WAAW,EAAEC,4BAAO,CAACC;EACvB,CAAC;EACDX,SAAS,EAAE;IACTS,WAAW,EAAEC,4BAAO,CAAC,KAAK;EAC5B,CAAC;EACDzC,QAAQ,EAAE;IACR2C,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJC,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}
+{"version":3,"names":["_appkitUiReactNative","require","_reactNative","_jsxRuntime","ITEM_HEIGHT","exports","Currency","onPress","item","selected","title","subtitle","testID","style","Theme","useTheme","handlePress","jsx","Pressable","styles","container","backgroundColor","children","jsxs","FlexView","flexDirection","alignItems","justifyContent","padding","Image","source","uri","symbolImageUrl","logo","Text","variant","color","numberOfLines","ellipsizeMode","Icon","name","size","checkmark","StyleSheet","create","height","borderRadius","BorderRadius","s","width","full","marginRight","Spacing","xs","borderWidth","text","flex"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/Currency.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -7,6 +7,7 @@ exports.CurrencyInput = CurrencyInput;
 var _reactNative = require("react-native");
 var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
 var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
 function CurrencyInput({
   value,
   loading,
@@ -60,64 +61,75 @@ function CurrencyInput({
     }
     isInternalChange.current = false;
   }, [value]);
-  return /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
     style: style,
-    testID: "currency-input"
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    alignItems: "center",
-    margin: ['m', '0', '0', '0']
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    flexDirection: "row",
-    alignItems: "center"
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    style: [styles.input, {
-      color: Theme[amountColor]
-    }]
-  }, displayValue), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "large-400",
-    color: isAmountError ? 'error-100' : 'fg-200'
-  }, symbol || '')), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    alignItems: "center",
-    justifyContent: "center",
-    style: styles.bottomContainer
-  }, loading ? /*#__PURE__*/React.createElement(_appkitUiReactNative.LoadingSpinner, {
-    size: "sm",
-    color: "fg-150"
-  }) : error ? /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "small-500",
-    color: "error-100",
-    numberOfLines: 1,
-    testID: "currency-input-error"
-  }, error) : /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "paragraph-500",
-    color: "fg-150",
-    numberOfLines: 1
-  }, purchaseValue))), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    margin: ['s', '0', '0', '0']
-  }, suggestedValues?.map(suggestion => {
-    const isSelected = suggestion.toString() === value;
-    return /*#__PURE__*/React.createElement(_appkitUiReactNative.Button, {
-      key: suggestion,
-      testID: `suggested-value-${suggestion}`,
-      style: [styles.suggestedValue, isSelected && {
-        ...styles.selectedValue,
-        backgroundColor: Theme['accent-glass-020'],
-        borderColor: Theme['accent-100']
-      }],
-      variant: "shade",
-      onPress: () => onSuggestedValuePress?.(suggestion)
-    }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-      variant: "small-400",
-      color: "fg-100"
-    }, `${suggestion} ${symbol ?? ''}`));
-  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.Separator, {
-    color: "gray-glass-020",
-    style: styles.separator
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.NumericKeyboard, {
-    onKeyPress: handleKeyPress
-  }));
+    testID: "currency-input",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      alignItems: "center",
+      margin: ['m', '0', '0', '0'],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          style: [styles.input, {
+            color: Theme[amountColor]
+          }],
+          children: displayValue
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          variant: "large-400",
+          color: isAmountError ? 'error-100' : 'fg-200',
+          testID: "currency-input-symbol",
+          children: symbol || ''
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
+        alignItems: "center",
+        justifyContent: "center",
+        style: styles.bottomContainer,
+        children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.LoadingSpinner, {
+          size: "sm",
+          color: "fg-150"
+        }) : error ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          variant: "small-500",
+          color: "error-100",
+          numberOfLines: 1,
+          testID: "currency-input-error",
+          children: error
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          variant: "paragraph-500",
+          color: "fg-150",
+          numberOfLines: 1,
+          children: purchaseValue
+        })
+      })]
+    }), suggestedValues && suggestedValues.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      margin: ['s', '0', '0', '0'],
+      children: suggestedValues?.map(suggestion => {
+        const isSelected = suggestion.toString() === value;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+          testID: `suggested-value-${suggestion}`,
+          style: [styles.suggestedValue, isSelected && {
+            ...styles.selectedValue,
+            backgroundColor: Theme['accent-glass-020'],
+            borderColor: Theme['accent-100']
+          }],
+          variant: "shade",
+          onPress: () => onSuggestedValuePress?.(suggestion),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "small-400",
+            color: "fg-100",
+            children: `${suggestion} ${symbol ?? ''}`
+          })
+        }, suggestion);
+      })
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Separator, {
+      color: "gray-glass-020",
+      style: styles.separator
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.NumericKeyboard, {
+      onKeyPress: handleKeyPress
+    })]
+  });
 }
 const styles = _reactNative.StyleSheet.create({
   input: {