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

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

@@ -0,0 +1,24 @@
+"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({
+  icon: {
+    marginBottom: _appkitUiReactNative.Spacing.m
+  },
+  card: {
+    borderRadius: _appkitUiReactNative.BorderRadius.s
+  },
+  tokenImage: {
+    height: 16,
+    width: 16,
+    marginLeft: 4,
+    borderRadius: _appkitUiReactNative.BorderRadius.full,
+    borderWidth: 1
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Currency = Currency;
+exports.ITEM_HEIGHT = void 0;
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _reactNative = require("react-native");
+const ITEM_HEIGHT = exports.ITEM_HEIGHT = 60;
+function Currency({
+  onPress,
+  item,
+  selected,
+  title,
+  subtitle,
+  testID
+}) {
+  const Theme = (0, _appkitUiReactNative.useTheme)();
+  const handlePress = () => {
+    onPress(item);
+  };
+  return /*#__PURE__*/React.createElement(_appkitUiReactNative.Pressable, {
+    onPress: handlePress,
+    style: styles.container,
+    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
+  })));
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    height: ITEM_HEIGHT,
+    borderRadius: _appkitUiReactNative.BorderRadius.s
+  },
+  logo: {
+    width: 36,
+    height: 36,
+    borderRadius: _appkitUiReactNative.BorderRadius.full,
+    marginRight: _appkitUiReactNative.Spacing.xs
+  },
+  checkmark: {
+    marginRight: _appkitUiReactNative.Spacing['2xs']
+  },
+  selected: {
+    borderWidth: 1
+  },
+  text: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=Currency.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CurrencyInput = CurrencyInput;
+var _reactNative = require("react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _react = require("react");
+function CurrencyInput({
+  value,
+  loading,
+  error,
+  isAmountError,
+  purchaseValue,
+  onValueChange,
+  onSuggestedValuePress,
+  symbol,
+  style,
+  suggestedValues
+}) {
+  const Theme = (0, _appkitUiReactNative.useTheme)();
+  const [displayValue, setDisplayValue] = (0, _react.useState)(value?.toString() || '0');
+  const isInternalChange = (0, _react.useRef)(false);
+  const amountColor = isAmountError ? 'error-100' : value ? 'fg-100' : 'fg-200';
+  const handleKeyPress = key => {
+    isInternalChange.current = true;
+    if (key === 'erase') {
+      setDisplayValue(prev => {
+        const newDisplay = prev.slice(0, -1) || '0';
+
+        // If the previous value does not end with a comma, convert to numeric value
+        if (!prev?.endsWith(',')) {
+          const numericValue = Number(newDisplay.replace(',', '.'));
+          onValueChange?.(numericValue);
+        }
+        return newDisplay;
+      });
+    } else if (key === ',') {
+      setDisplayValue(prev => {
+        if (prev.includes(',')) return prev; // Don't add multiple commas
+        const newDisplay = prev + ',';
+        return newDisplay;
+      });
+    } else {
+      setDisplayValue(prev => {
+        const newDisplay = prev === '0' ? key : prev + key;
+
+        // Convert to numeric value
+        const numericValue = Number(newDisplay.replace(',', '.'));
+        onValueChange?.(numericValue);
+        return newDisplay;
+      });
+    }
+  };
+  (0, _react.useEffect)(() => {
+    // Handle external value changes
+    if (!isInternalChange.current && value !== undefined) {
+      setDisplayValue(value.toString());
+    }
+    isInternalChange.current = false;
+  }, [value]);
+  return /*#__PURE__*/React.createElement(_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
+  }));
+}
+const styles = _reactNative.StyleSheet.create({
+  input: {
+    fontSize: 38,
+    marginRight: _appkitUiReactNative.Spacing['3xs']
+  },
+  bottomContainer: {
+    height: 20
+  },
+  separator: {
+    marginTop: 16
+  },
+  suggestedValue: {
+    flex: 1,
+    borderRadius: _appkitUiReactNative.BorderRadius.xxs,
+    marginRight: _appkitUiReactNative.Spacing.xs,
+    height: 40
+  },
+  selectedValue: {
+    borderWidth: _reactNative.StyleSheet.hairlineWidth
+  }
+});
+//# sourceMappingURL=CurrencyInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_react","CurrencyInput","value","loading","error","isAmountError","purchaseValue","onValueChange","onSuggestedValuePress","symbol","style","suggestedValues","Theme","useTheme","displayValue","setDisplayValue","useState","toString","isInternalChange","useRef","amountColor","handleKeyPress","key","current","prev","newDisplay","slice","endsWith","numericValue","Number","replace","includes","useEffect","undefined","React","createElement","FlexView","testID","alignItems","margin","flexDirection","Text","styles","input","color","variant","justifyContent","bottomContainer","LoadingSpinner","size","numberOfLines","map","suggestion","isSelected","Button","suggestedValue","selectedValue","backgroundColor","borderColor","onPress","Separator","separator","NumericKeyboard","onKeyPress","StyleSheet","create","fontSize","marginRight","Spacing","height","marginTop","flex","borderRadius","BorderRadius","xxs","xs","borderWidth","hairlineWidth"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/CurrencyInput.tsx"],"mappings":"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"}

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = Header;
+var _reactNative = require("react-native");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+function Header({
+  onSettingsPress
+}) {
+  const handleGoBack = () => {
+    if (_appkitCoreReactNative.RouterController.state.history.length > 1) {
+      _appkitCoreReactNative.RouterController.goBack();
+    } else {
+      _appkitCoreReactNative.ModalController.close();
+    }
+  };
+  return /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    justifyContent: "space-between",
+    flexDirection: "row",
+    alignItems: "center",
+    padding: "l"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.IconLink, {
+    icon: "chevronLeft",
+    size: "md",
+    onPress: handleGoBack,
+    testID: "button-back",
+    style: styles.icon
+  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "paragraph-600",
+    numberOfLines: 1,
+    testID: "header-text"
+  }, "Buy crypto"), /*#__PURE__*/React.createElement(_appkitUiReactNative.IconLink, {
+    icon: "settings",
+    size: "lg",
+    onPress: onSettingsPress,
+    style: styles.icon,
+    testID: "button-onramp-settings"
+  }));
+}
+const styles = _reactNative.StyleSheet.create({
+  icon: {
+    height: 40,
+    width: 40
+  }
+});
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_appkitCoreReactNative","_appkitUiReactNative","Header","onSettingsPress","handleGoBack","RouterController","state","history","length","goBack","ModalController","close","React","createElement","FlexView","justifyContent","flexDirection","alignItems","padding","IconLink","icon","size","onPress","testID","style","styles","Text","variant","numberOfLines","StyleSheet","create","height","width"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/Header.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAOO,SAASG,MAAMA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EACvD,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIC,uCAAgB,CAACC,KAAK,CAACC,OAAO,CAACC,MAAM,GAAG,CAAC,EAAE;MAC7CH,uCAAgB,CAACI,MAAM,CAAC,CAAC;IAC3B,CAAC,MAAM;MACLC,sCAAe,CAACC,KAAK,CAAC,CAAC;IACzB;EACF,CAAC;EAED,oBACEC,KAAA,CAAAC,aAAA,CAACZ,oBAAA,CAAAa,QAAQ;IAACC,cAAc,EAAC,eAAe;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,OAAO,EAAC;EAAG,gBAC1FN,KAAA,CAAAC,aAAA,CAACZ,oBAAA,CAAAkB,QAAQ;IACPC,IAAI,EAAC,aAAa;IAClBC,IAAI,EAAC,IAAI;IACTC,OAAO,EAAElB,YAAa;IACtBmB,MAAM,EAAC,aAAa;IACpBC,KAAK,EAAEC,MAAM,CAACL;EAAK,CACpB,CAAC,eACFR,KAAA,CAAAC,aAAA,CAACZ,oBAAA,CAAAyB,IAAI;IAACC,OAAO,EAAC,eAAe;IAACC,aAAa,EAAE,CAAE;IAACL,MAAM,EAAC;EAAa,GAAC,YAE/D,CAAC,eACPX,KAAA,CAAAC,aAAA,CAACZ,oBAAA,CAAAkB,QAAQ;IACPC,IAAI,EAAC,UAAU;IACfC,IAAI,EAAC,IAAI;IACTC,OAAO,EAAEnB,eAAgB;IACzBqB,KAAK,EAAEC,MAAM,CAACL,IAAK;IACnBG,MAAM,EAAC;EAAwB,CAChC,CACO,CAAC;AAEf;AAEA,MAAME,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BV,IAAI,EAAE;IACJW,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingView = LoadingView;
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _reactNative = require("react-native");
+var _Header = require("./Header");
+var _styles = _interopRequireDefault(require("../styles"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function LoadingView() {
+  const windowWidth = _reactNative.Dimensions.get('window').width;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Header.Header, {
+    onSettingsPress: () => {}
+  }), /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    bounces: false,
+    testID: "onramp-loading-view"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    padding: ['s', 'l', '4xl', 'l']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "small-400",
+    color: "fg-150"
+  }, "You Buy"), /*#__PURE__*/React.createElement(_appkitUiReactNative.Shimmer, {
+    width: 100,
+    height: 40,
+    borderRadius: 20
+  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    margin: ['m', '0', 'm', '0']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Shimmer, {
+    width: "100%",
+    height: 370,
+    borderRadius: 16
+  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.Shimmer, {
+    width: "100%",
+    height: 64,
+    borderRadius: 16,
+    style: _styles.default.paymentMethodButton
+  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    margin: ['m', '0', '0', '0']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Shimmer, {
+    width: windowWidth * 0.2,
+    height: 48,
+    borderRadius: 16
+  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.Shimmer, {
+    width: windowWidth * 0.68,
+    height: 48,
+    borderRadius: 16
+  })))));
+}
+//# sourceMappingURL=LoadingView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_appkitUiReactNative","require","_reactNative","_Header","_styles","_interopRequireDefault","e","__esModule","default","LoadingView","windowWidth","Dimensions","get","width","React","createElement","Fragment","Header","onSettingsPress","ScrollView","bounces","testID","FlexView","padding","flexDirection","alignItems","justifyContent","Text","variant","color","Shimmer","height","borderRadius","margin","style","styles","paymentMethodButton"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/LoadingView.tsx"],"mappings":";;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA+B,SAAAI,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExB,SAASG,WAAWA,CAAA,EAAG;EAC5B,MAAMC,WAAW,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK;EAElD,oBACEC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,qBACEF,KAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAc,MAAM;IAACC,eAAe,EAAEA,CAAA,KAAM,CAAC;EAAE,CAAE,CAAC,eACrCJ,KAAA,CAAAC,aAAA,CAACb,YAAA,CAAAiB,UAAU;IAACC,OAAO,EAAE,KAAM;IAACC,MAAM,EAAC;EAAqB,gBACtDP,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAAsB,QAAQ;IAACC,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG;EAAE,gBACxCT,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAAsB,QAAQ;IAACE,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC;EAAe,gBAC9EZ,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAA2B,IAAI;IAACC,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GAAC,SAEnC,CAAC,eACPf,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAA8B,OAAO;IAACjB,KAAK,EAAE,GAAI;IAACkB,MAAM,EAAE,EAAG;IAACC,YAAY,EAAE;EAAG,CAAE,CAC5C,CAAC,eAGXlB,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAAsB,QAAQ;IAACW,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBACrCnB,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAA8B,OAAO;IAACjB,KAAK,EAAC,MAAM;IAACkB,MAAM,EAAE,GAAI;IAACC,YAAY,EAAE;EAAG,CAAE,CAC9C,CAAC,eAGXlB,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAA8B,OAAO;IAACjB,KAAK,EAAC,MAAM;IAACkB,MAAM,EAAE,EAAG;IAACC,YAAY,EAAE,EAAG;IAACE,KAAK,EAAEC,eAAM,CAACC;EAAoB,CAAE,CAAC,eAGzFtB,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAAsB,QAAQ;IACPE,aAAa,EAAC,KAAK;IACnBC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,eAAe;IAC9BO,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBAE7BnB,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAA8B,OAAO;IAACjB,KAAK,EAAEH,WAAW,GAAG,GAAI;IAACqB,MAAM,EAAE,EAAG;IAACC,YAAY,EAAE;EAAG,CAAE,CAAC,eACnElB,KAAA,CAAAC,aAAA,CAACf,oBAAA,CAAA8B,OAAO;IAACjB,KAAK,EAAEH,WAAW,GAAG,IAAK;IAACqB,MAAM,EAAE,EAAG;IAACC,YAAY,EAAE;EAAG,CAAE,CAC3D,CACF,CACA,CACZ,CAAC;AAEP"}

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

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ITEM_SIZE = void 0;
+exports.PaymentMethod = PaymentMethod;
+var _valtio = require("valtio");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _reactNative = require("react-native");
+const ITEM_SIZE = exports.ITEM_SIZE = 85;
+function PaymentMethod({
+  onPress,
+  item,
+  selected,
+  testID
+}) {
+  const Theme = (0, _appkitUiReactNative.useTheme)();
+  const {
+    themeMode
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ThemeController.state);
+  const handlePress = () => {
+    onPress(item);
+  };
+  return /*#__PURE__*/React.createElement(_appkitUiReactNative.Pressable, {
+    onPress: handlePress,
+    bounceScale: 0.96,
+    style: styles.container,
+    transparent: true,
+    pressable: !selected,
+    testID: testID
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    style: [styles.logoContainer, {
+      backgroundColor: Theme['gray-glass-005']
+    }],
+    alignItems: "center",
+    justifyContent: "center"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Image, {
+    source: item.logos[themeMode ?? 'light'],
+    style: styles.logo,
+    resizeMethod: "resize",
+    resizeMode: "center"
+  }), selected && /*#__PURE__*/React.createElement(_appkitUiReactNative.IconBox, {
+    icon: "checkmark",
+    size: "sm",
+    background: true,
+    backgroundColor: "accent-100",
+    iconColor: "inverse-100",
+    style: styles.checkmark,
+    testID: "payment-method-checkmark"
+  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "tiny-400",
+    color: "fg-100",
+    numberOfLines: 1,
+    style: styles.text
+  }, item.name));
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    height: ITEM_SIZE,
+    width: ITEM_SIZE,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  logoContainer: {
+    width: 60,
+    height: 60,
+    borderRadius: _appkitUiReactNative.BorderRadius.full,
+    marginBottom: _appkitUiReactNative.Spacing['4xs']
+  },
+  logo: {
+    width: 22,
+    height: 22
+  },
+  checkmark: {
+    borderRadius: _appkitUiReactNative.BorderRadius.full,
+    position: 'absolute',
+    bottom: 0,
+    right: -10
+  },
+  text: {
+    marginTop: _appkitUiReactNative.Spacing.xs
+  }
+});
+//# sourceMappingURL=PaymentMethod.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_valtio","require","_appkitCoreReactNative","_appkitUiReactNative","_reactNative","ITEM_SIZE","exports","PaymentMethod","onPress","item","selected","testID","Theme","useTheme","themeMode","useSnapshot","ThemeController","state","handlePress","React","createElement","Pressable","bounceScale","style","styles","container","transparent","pressable","FlexView","logoContainer","backgroundColor","alignItems","justifyContent","Image","source","logos","logo","resizeMethod","resizeMode","IconBox","icon","size","background","iconColor","checkmark","Text","variant","color","numberOfLines","text","name","StyleSheet","create","height","width","borderRadius","BorderRadius","full","marginBottom","Spacing","position","bottom","right","marginTop","xs"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/PaymentMethod.tsx"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAUA,IAAAG,YAAA,GAAAH,OAAA;AAEO,MAAMI,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,EAAE;AASpB,SAASE,aAAaA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAc,CAAC,EAAE;EACxE,MAAMC,KAAK,GAAG,IAAAC,6BAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,mBAAW,EAACC,sCAAe,CAACC,KAAK,CAAC;EAExD,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBV,OAAO,CAACC,IAAI,CAAC;EACf,CAAC;EAED,oBACEU,KAAA,CAAAC,aAAA,CAACjB,oBAAA,CAAAkB,SAAS;IACRb,OAAO,EAAEU,WAAY;IACrBI,WAAW,EAAE,IAAK;IAClBC,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBC,WAAW;IACXC,SAAS,EAAE,CAACjB,QAAS;IACrBC,MAAM,EAAEA;EAAO,gBAEfQ,KAAA,CAAAC,aAAA,CAACjB,oBAAA,CAAAyB,QAAQ;IACPL,KAAK,EAAE,CAACC,MAAM,CAACK,aAAa,EAAE;MAAEC,eAAe,EAAElB,KAAK,CAAC,gBAAgB;IAAE,CAAC,CAAE;IAC5EmB,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC;EAAQ,gBAEvBb,KAAA,CAAAC,aAAA,CAACjB,oBAAA,CAAA8B,KAAK;IACJC,MAAM,EAAEzB,IAAI,CAAC0B,KAAK,CAACrB,SAAS,IAAI,OAAO,CAAE;IACzCS,KAAK,EAAEC,MAAM,CAACY,IAAK;IACnBC,YAAY,EAAC,QAAQ;IACrBC,UAAU,EAAC;EAAQ,CACpB,CAAC,EACD5B,QAAQ,iBACPS,KAAA,CAAAC,aAAA,CAACjB,oBAAA,CAAAoC,OAAO;IACNC,IAAI,EAAC,WAAW;IAChBC,IAAI,EAAC,IAAI;IACTC,UAAU;IACVZ,eAAe,EAAC,YAAY;IAC5Ba,SAAS,EAAC,aAAa;IACvBpB,KAAK,EAAEC,MAAM,CAACoB,SAAU;IACxBjC,MAAM,EAAC;EAA0B,CAClC,CAEK,CAAC,eACXQ,KAAA,CAAAC,aAAA,CAACjB,oBAAA,CAAA0C,IAAI;IAACC,OAAO,EAAC,UAAU;IAACC,KAAK,EAAC,QAAQ;IAACC,aAAa,EAAE,CAAE;IAACzB,KAAK,EAAEC,MAAM,CAACyB;EAAK,GAC1ExC,IAAI,CAACyC,IACF,CACG,CAAC;AAEhB;AAEA,MAAM1B,MAAM,GAAG2B,uBAAU,CAACC,MAAM,CAAC;EAC/B3B,SAAS,EAAE;IACT4B,MAAM,EAAEhD,SAAS;IACjBiD,KAAK,EAAEjD,SAAS;IAChB2B,cAAc,EAAE,QAAQ;IACxBD,UAAU,EAAE;EACd,CAAC;EACDF,aAAa,EAAE;IACbyB,KAAK,EAAE,EAAE;IACTD,MAAM,EAAE,EAAE;IACVE,YAAY,EAAEC,iCAAY,CAACC,IAAI;IAC/BC,YAAY,EAAEC,4BAAO,CAAC,KAAK;EAC7B,CAAC;EACDvB,IAAI,EAAE;IACJkB,KAAK,EAAE,EAAE;IACTD,MAAM,EAAE;EACV,CAAC;EACDT,SAAS,EAAE;IACTW,YAAY,EAAEC,iCAAY,CAACC,IAAI;IAC/BG,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;EACV,CAAC;EACDb,IAAI,EAAE;IACJc,SAAS,EAAEJ,4BAAO,CAACK;EACrB;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ITEM_HEIGHT = void 0;
+exports.Quote = Quote;
+var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _reactNative = require("react-native");
+const ITEM_HEIGHT = exports.ITEM_HEIGHT = 64;
+function Quote({
+  item,
+  logoURL,
+  onQuotePress,
+  selected,
+  tagText
+}) {
+  const Theme = (0, _appkitUiReactNative.useTheme)();
+  return /*#__PURE__*/React.createElement(_appkitUiReactNative.Pressable, {
+    style: [styles.container, selected && {
+      borderColor: Theme['accent-100']
+    }],
+    onPress: () => onQuotePress(item)
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    justifyContent: "space-between",
+    alignItems: "center",
+    flexDirection: "row",
+    padding: ['s', 's', 's', 's']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row",
+    alignItems: "center"
+  }, logoURL ? /*#__PURE__*/React.createElement(_appkitUiReactNative.Image, {
+    source: logoURL,
+    style: styles.logo
+  }) : /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    style: [styles.logo, {
+      backgroundColor: Theme['gray-glass-005']
+    }],
+    justifyContent: "center",
+    alignItems: "center"
+  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "column"
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    margin: ['0', '0', '4xs', '0']
+  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "paragraph-500",
+    style: styles.providerText
+  }, item.serviceProvider?.toLowerCase()), tagText && /*#__PURE__*/React.createElement(_appkitUiReactNative.Tag, {
+    variant: "main",
+    style: styles.tag
+  }, tagText)), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
+    variant: "tiny-500"
+  }, _appkitCommonReactNative.NumberUtil.roundNumber(item.destinationAmount, 6, 5), " ", item.destinationCurrencyCode))), selected && /*#__PURE__*/React.createElement(_appkitUiReactNative.Icon, {
+    name: "checkmark",
+    color: "accent-100"
+  })));
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    borderRadius: _appkitUiReactNative.BorderRadius.xs,
+    borderWidth: 1,
+    borderColor: 'transparent',
+    height: ITEM_HEIGHT,
+    justifyContent: 'center'
+  },
+  logo: {
+    height: 40,
+    width: 40,
+    borderRadius: _appkitUiReactNative.BorderRadius['3xs'],
+    marginRight: _appkitUiReactNative.Spacing.xs
+  },
+  providerText: {
+    textTransform: 'capitalize'
+  },
+  tag: {
+    padding: _appkitUiReactNative.Spacing['3xs'],
+    marginLeft: _appkitUiReactNative.Spacing['2xs']
+  }
+});
+//# sourceMappingURL=Quote.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_appkitCommonReactNative","require","_appkitUiReactNative","_reactNative","ITEM_HEIGHT","exports","Quote","item","logoURL","onQuotePress","selected","tagText","Theme","useTheme","React","createElement","Pressable","style","styles","container","borderColor","onPress","FlexView","justifyContent","alignItems","flexDirection","padding","Image","source","logo","backgroundColor","margin","Text","variant","providerText","serviceProvider","toLowerCase","Tag","tag","NumberUtil","roundNumber","destinationAmount","destinationCurrencyCode","Icon","name","color","StyleSheet","create","borderRadius","BorderRadius","xs","borderWidth","height","width","marginRight","Spacing","textTransform","marginLeft"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/Quote.tsx"],"mappings":"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"}