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

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

@@ -0,0 +1,151 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { Button, FlexView, useTheme, Text, LoadingSpinner, NumericKeyboard, Separator, Spacing, BorderRadius } from '@reown/appkit-ui-react-native';
+import { useEffect, useState, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function CurrencyInput({
+  value,
+  loading,
+  error,
+  isAmountError,
+  purchaseValue,
+  onValueChange,
+  onSuggestedValuePress,
+  symbol,
+  style,
+  suggestedValues
+}) {
+  const Theme = useTheme();
+  const [displayValue, setDisplayValue] = useState(value?.toString() || '0');
+  const isInternalChange = 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;
+      });
+    }
+  };
+  useEffect(() => {
+    // Handle external value changes
+    if (!isInternalChange.current && value !== undefined) {
+      setDisplayValue(value.toString());
+    }
+    isInternalChange.current = false;
+  }, [value]);
+  return /*#__PURE__*/_jsxs(FlexView, {
+    style: style,
+    testID: "currency-input",
+    children: [/*#__PURE__*/_jsxs(FlexView, {
+      alignItems: "center",
+      margin: ['m', '0', '0', '0'],
+      children: [/*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.input, {
+            color: Theme[amountColor]
+          }],
+          children: displayValue
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "large-400",
+          color: isAmountError ? 'error-100' : 'fg-200',
+          testID: "currency-input-symbol",
+          children: symbol || ''
+        })]
+      }), /*#__PURE__*/_jsx(FlexView, {
+        alignItems: "center",
+        justifyContent: "center",
+        style: styles.bottomContainer,
+        children: loading ? /*#__PURE__*/_jsx(LoadingSpinner, {
+          size: "sm",
+          color: "fg-150"
+        }) : error ? /*#__PURE__*/_jsx(Text, {
+          variant: "small-500",
+          color: "error-100",
+          numberOfLines: 1,
+          testID: "currency-input-error",
+          children: error
+        }) : /*#__PURE__*/_jsx(Text, {
+          variant: "paragraph-500",
+          color: "fg-150",
+          numberOfLines: 1,
+          children: purchaseValue
+        })
+      })]
+    }), suggestedValues && suggestedValues.length > 0 ? /*#__PURE__*/_jsx(FlexView, {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      margin: ['s', '0', '0', '0'],
+      children: suggestedValues?.map(suggestion => {
+        const isSelected = suggestion.toString() === value;
+        return /*#__PURE__*/_jsx(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__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-100",
+            children: `${suggestion} ${symbol ?? ''}`
+          })
+        }, suggestion);
+      })
+    }) : null, /*#__PURE__*/_jsx(Separator, {
+      color: "gray-glass-020",
+      style: styles.separator
+    }), /*#__PURE__*/_jsx(NumericKeyboard, {
+      onKeyPress: handleKeyPress
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  input: {
+    fontSize: 38,
+    marginRight: Spacing['3xs']
+  },
+  bottomContainer: {
+    height: 20
+  },
+  separator: {
+    marginTop: 16
+  },
+  suggestedValue: {
+    flex: 1,
+    borderRadius: BorderRadius.xxs,
+    marginRight: Spacing.xs,
+    height: 40
+  },
+  selectedValue: {
+    borderWidth: StyleSheet.hairlineWidth
+  }
+});
+//# sourceMappingURL=CurrencyInput.js.map

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

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

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

@@ -0,0 +1,47 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { IconLink, Text, FlexView } from '@reown/appkit-ui-react-native';
+import { useInternalAppKit } from '../../../AppKitContext';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Header({
+  onSettingsPress
+}) {
+  const {
+    back
+  } = useInternalAppKit();
+  const handleGoBack = () => {
+    back();
+  };
+  return /*#__PURE__*/_jsxs(FlexView, {
+    justifyContent: "space-between",
+    flexDirection: "row",
+    alignItems: "center",
+    padding: "l",
+    children: [/*#__PURE__*/_jsx(IconLink, {
+      icon: "chevronLeft",
+      size: "md",
+      onPress: handleGoBack,
+      testID: "button-back",
+      style: styles.icon
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "paragraph-600",
+      numberOfLines: 1,
+      testID: "header-text",
+      children: "Buy Crypto"
+    }), /*#__PURE__*/_jsx(IconLink, {
+      icon: "settings",
+      size: "lg",
+      onPress: onSettingsPress,
+      style: styles.icon,
+      testID: "button-onramp-settings"
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  icon: {
+    height: 40,
+    width: 40
+  }
+});
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","IconLink","Text","FlexView","useInternalAppKit","jsx","_jsx","jsxs","_jsxs","Header","onSettingsPress","back","handleGoBack","justifyContent","flexDirection","alignItems","padding","children","icon","size","onPress","testID","style","styles","variant","numberOfLines","create","height","width"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/Header.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,+BAA+B;AACxE,SAASC,iBAAiB,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAM3D,OAAO,SAASC,MAAMA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EACvD,MAAM;IAAEC;EAAK,CAAC,GAAGP,iBAAiB,CAAC,CAAC;EAEpC,MAAMQ,YAAY,GAAGA,CAAA,KAAM;IACzBD,IAAI,CAAC,CAAC;EACR,CAAC;EAED,oBACEH,KAAA,CAACL,QAAQ;IAACU,cAAc,EAAC,eAAe;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,OAAO,EAAC,GAAG;IAAAC,QAAA,gBAC1FX,IAAA,CAACL,QAAQ;MACPiB,IAAI,EAAC,aAAa;MAClBC,IAAI,EAAC,IAAI;MACTC,OAAO,EAAER,YAAa;MACtBS,MAAM,EAAC,aAAa;MACpBC,KAAK,EAAEC,MAAM,CAACL;IAAK,CACpB,CAAC,eACFZ,IAAA,CAACJ,IAAI;MAACsB,OAAO,EAAC,eAAe;MAACC,aAAa,EAAE,CAAE;MAACJ,MAAM,EAAC,aAAa;MAAAJ,QAAA,EAAC;IAErE,CAAM,CAAC,eACPX,IAAA,CAACL,QAAQ;MACPiB,IAAI,EAAC,UAAU;MACfC,IAAI,EAAC,IAAI;MACTC,OAAO,EAAEV,eAAgB;MACzBY,KAAK,EAAEC,MAAM,CAACL,IAAK;MACnBG,MAAM,EAAC;IAAwB,CAChC,CAAC;EAAA,CACM,CAAC;AAEf;AAEA,MAAME,MAAM,GAAGvB,UAAU,CAAC0B,MAAM,CAAC;EAC/BR,IAAI,EAAE;IACJS,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+import { FlexView, Text, Shimmer } from '@reown/appkit-ui-react-native';
+import { Dimensions, ScrollView } from 'react-native';
+import { Header } from './Header';
+import styles from '../styles';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function LoadingView() {
+  const windowWidth = Dimensions.get('window').width;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Header, {
+      onSettingsPress: () => {}
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      bounces: false,
+      testID: "onramp-loading-view",
+      children: /*#__PURE__*/_jsxs(FlexView, {
+        padding: ['s', 'l', 's', 'l'],
+        children: [/*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: "You Buy"
+          }), /*#__PURE__*/_jsx(Shimmer, {
+            width: 100,
+            height: 40,
+            borderRadius: 20
+          })]
+        }), /*#__PURE__*/_jsx(FlexView, {
+          margin: ['m', '0', 'm', '0'],
+          children: /*#__PURE__*/_jsx(Shimmer, {
+            width: "100%",
+            height: 323,
+            borderRadius: 16
+          })
+        }), /*#__PURE__*/_jsx(Shimmer, {
+          width: "100%",
+          height: 64,
+          borderRadius: 16,
+          style: styles.paymentButtonMock
+        }), /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          margin: ['m', '0', '0', '0'],
+          children: [/*#__PURE__*/_jsx(Shimmer, {
+            width: windowWidth * 0.2,
+            height: 48,
+            borderRadius: 16
+          }), /*#__PURE__*/_jsx(Shimmer, {
+            width: windowWidth * 0.68,
+            height: 48,
+            borderRadius: 16
+          })]
+        })]
+      })
+    })]
+  });
+}
+//# sourceMappingURL=LoadingView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FlexView","Text","Shimmer","Dimensions","ScrollView","Header","styles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","LoadingView","windowWidth","get","width","children","onSettingsPress","bounces","testID","padding","flexDirection","alignItems","justifyContent","variant","color","height","borderRadius","margin","style","paymentButtonMock"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/LoadingView.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,IAAI,EAAEC,OAAO,QAAQ,+BAA+B;AACvE,SAASC,UAAU,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,MAAM,QAAQ,UAAU;AACjC,OAAOC,MAAM,MAAM,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE/B,OAAO,SAASC,WAAWA,CAAA,EAAG;EAC5B,MAAMC,WAAW,GAAGX,UAAU,CAACY,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK;EAElD,oBACEN,KAAA,CAAAE,SAAA;IAAAK,QAAA,gBACET,IAAA,CAACH,MAAM;MAACa,eAAe,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAE,CAAC,eACrCV,IAAA,CAACJ,UAAU;MAACe,OAAO,EAAE,KAAM;MAACC,MAAM,EAAC,qBAAqB;MAAAH,QAAA,eACtDP,KAAA,CAACV,QAAQ;QAACqB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;QAAAJ,QAAA,gBACtCP,KAAA,CAACV,QAAQ;UAACsB,aAAa,EAAC,KAAK;UAACC,UAAU,EAAC,QAAQ;UAACC,cAAc,EAAC,eAAe;UAAAP,QAAA,gBAC9ET,IAAA,CAACP,IAAI;YAACwB,OAAO,EAAC,WAAW;YAACC,KAAK,EAAC,QAAQ;YAAAT,QAAA,EAAC;UAEzC,CAAM,CAAC,eACPT,IAAA,CAACN,OAAO;YAACc,KAAK,EAAE,GAAI;YAACW,MAAM,EAAE,EAAG;YAACC,YAAY,EAAE;UAAG,CAAE,CAAC;QAAA,CAC7C,CAAC,eAGXpB,IAAA,CAACR,QAAQ;UAAC6B,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;UAAAZ,QAAA,eACrCT,IAAA,CAACN,OAAO;YAACc,KAAK,EAAC,MAAM;YAACW,MAAM,EAAE,GAAI;YAACC,YAAY,EAAE;UAAG,CAAE;QAAC,CAC/C,CAAC,eAGXpB,IAAA,CAACN,OAAO;UAACc,KAAK,EAAC,MAAM;UAACW,MAAM,EAAE,EAAG;UAACC,YAAY,EAAE,EAAG;UAACE,KAAK,EAAExB,MAAM,CAACyB;QAAkB,CAAE,CAAC,eAGvFrB,KAAA,CAACV,QAAQ;UACPsB,aAAa,EAAC,KAAK;UACnBC,UAAU,EAAC,QAAQ;UACnBC,cAAc,EAAC,eAAe;UAC9BK,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;UAAAZ,QAAA,gBAE7BT,IAAA,CAACN,OAAO;YAACc,KAAK,EAAEF,WAAW,GAAG,GAAI;YAACa,MAAM,EAAE,EAAG;YAACC,YAAY,EAAE;UAAG,CAAE,CAAC,eACnEpB,IAAA,CAACN,OAAO;YAACc,KAAK,EAAEF,WAAW,GAAG,IAAK;YAACa,MAAM,EAAE,EAAG;YAACC,YAAY,EAAE;UAAG,CAAE,CAAC;QAAA,CAC5D,CAAC;MAAA,CACH;IAAC,CACD,CAAC;EAAA,CACb,CAAC;AAEP","ignoreList":[]}

package/lib/module/views/w3m-onramp-view/components/PaymentButton.js

@@ -0,0 +1,116 @@
+"use strict";
+
+import { BorderRadius, FlexView, Icon, Image, LoadingSpinner, Pressable, Spacing, Text, useTheme } from '@reown/appkit-ui-react-native';
+import { StyleSheet, View } from 'react-native';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+function PaymentButton({
+  disabled,
+  loading,
+  title,
+  subtitle,
+  paymentLogo,
+  providerLogo,
+  onPress,
+  testID
+}) {
+  const Theme = useTheme();
+  const backgroundColor = Theme['gray-glass-005'];
+  return /*#__PURE__*/_jsx(Pressable, {
+    disabled: disabled || loading,
+    onPress: onPress,
+    style: styles.pressable,
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      style: [styles.container, {
+        backgroundColor
+      }],
+      alignItems: "center",
+      justifyContent: "space-between",
+      flexDirection: "row",
+      children: [/*#__PURE__*/_jsx(FlexView, {
+        alignItems: "center",
+        justifyContent: "center",
+        style: [styles.iconContainer, {
+          backgroundColor: Theme['bg-300']
+        }],
+        children: paymentLogo ? /*#__PURE__*/_jsx(Image, {
+          source: paymentLogo,
+          style: styles.paymentLogo,
+          resizeMethod: "resize",
+          resizeMode: "contain"
+        }) : /*#__PURE__*/_jsx(Icon, {
+          name: "card",
+          size: "lg"
+        })
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        flexGrow: 1,
+        flexDirection: "column",
+        alignItems: "flex-start",
+        margin: ['0', '0', '0', 's'],
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "paragraph-400",
+          color: "fg-100",
+          children: title
+        }), subtitle ? /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          margin: ['4xs', '0', '0', '0'],
+          children: [providerLogo ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(Text, {
+              variant: "small-400",
+              color: "fg-150",
+              children: "via"
+            }), /*#__PURE__*/_jsx(Image, {
+              source: providerLogo,
+              style: styles.providerLogo,
+              resizeMethod: "resize",
+              resizeMode: "contain"
+            })]
+          }) : null, /*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: subtitle
+          })]
+        }) : null]
+      }), loading ? /*#__PURE__*/_jsx(LoadingSpinner, {
+        size: "md",
+        color: "fg-200",
+        style: styles.rightIcon
+      }) : disabled ? /*#__PURE__*/_jsx(View, {}) : /*#__PURE__*/_jsx(Icon, {
+        name: "chevronRight",
+        size: "md",
+        color: "fg-200",
+        style: styles.rightIcon
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  pressable: {
+    borderRadius: BorderRadius.xs
+  },
+  container: {
+    padding: Spacing.s,
+    borderRadius: BorderRadius.xs
+  },
+  iconContainer: {
+    height: 40,
+    width: 40,
+    borderRadius: BorderRadius['3xs']
+  },
+  paymentLogo: {
+    height: 24,
+    width: 24
+  },
+  providerLogo: {
+    height: 16,
+    width: 16,
+    marginHorizontal: Spacing['4xs'],
+    borderRadius: BorderRadius['5xs']
+  },
+  rightIcon: {
+    marginRight: Spacing.xs
+  }
+});
+export default PaymentButton;
+//# sourceMappingURL=PaymentButton.js.map

package/lib/module/views/w3m-onramp-view/components/PaymentButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BorderRadius","FlexView","Icon","Image","LoadingSpinner","Pressable","Spacing","Text","useTheme","StyleSheet","View","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","PaymentButton","disabled","loading","title","subtitle","paymentLogo","providerLogo","onPress","testID","Theme","backgroundColor","style","styles","pressable","children","container","alignItems","justifyContent","flexDirection","iconContainer","source","resizeMethod","resizeMode","name","size","flexGrow","margin","variant","color","rightIcon","create","borderRadius","xs","padding","s","height","width","marginHorizontal","marginRight"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/PaymentButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,86 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { ThemeController } from '@reown/appkit-core-react-native';
+import { Pressable, FlexView, Spacing, Text, useTheme, Image, BorderRadius, IconBox } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ITEM_SIZE = 100;
+export function PaymentMethod({
+  onPress,
+  item,
+  selected,
+  testID
+}) {
+  const Theme = useTheme();
+  const {
+    themeMode
+  } = useSnapshot(ThemeController.state);
+  const handlePress = () => {
+    onPress(item);
+  };
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: handlePress,
+    bounceScale: 0.96,
+    style: styles.container,
+    transparent: true,
+    pressable: !selected,
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(FlexView, {
+      style: [styles.logoContainer, {
+        backgroundColor: Theme['gray-glass-005']
+      }],
+      alignItems: "center",
+      justifyContent: "center",
+      children: [/*#__PURE__*/_jsx(Image, {
+        source: item.logos[themeMode ?? 'light'],
+        style: styles.logo,
+        resizeMethod: "resize",
+        resizeMode: "contain"
+      }), selected ? /*#__PURE__*/_jsx(IconBox, {
+        icon: "checkmark",
+        size: "sm",
+        background: true,
+        backgroundColor: "accent-100",
+        iconColor: "inverse-100",
+        style: styles.checkmark,
+        testID: "payment-method-checkmark"
+      }) : null]
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "tiny-400",
+      color: "fg-100",
+      numberOfLines: 2,
+      style: styles.text,
+      children: item.name
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    height: ITEM_SIZE,
+    width: 85,
+    alignItems: 'center'
+  },
+  logoContainer: {
+    width: 60,
+    height: 60,
+    borderRadius: BorderRadius.full,
+    marginBottom: Spacing['4xs']
+  },
+  logo: {
+    width: 26,
+    height: 26
+  },
+  checkmark: {
+    borderRadius: BorderRadius.full,
+    position: 'absolute',
+    bottom: 0,
+    right: -10
+  },
+  text: {
+    marginTop: Spacing.xs,
+    paddingHorizontal: Spacing['3xs'],
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=PaymentMethod.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","ThemeController","Pressable","FlexView","Spacing","Text","useTheme","Image","BorderRadius","IconBox","StyleSheet","jsx","_jsx","jsxs","_jsxs","ITEM_SIZE","PaymentMethod","onPress","item","selected","testID","Theme","themeMode","state","handlePress","bounceScale","style","styles","container","transparent","pressable","children","logoContainer","backgroundColor","alignItems","justifyContent","source","logos","logo","resizeMethod","resizeMode","icon","size","background","iconColor","checkmark","variant","color","numberOfLines","text","name","create","height","width","borderRadius","full","marginBottom","position","bottom","right","marginTop","xs","paddingHorizontal","textAlign"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/PaymentMethod.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,89 @@
+"use strict";
+
+import { NumberUtil } from '@reown/appkit-common-react-native';
+import { FlexView, Image, Spacing, Text, Tag, useTheme, BorderRadius, Icon, Pressable } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ITEM_HEIGHT = 64;
+export function Quote({
+  item,
+  logoURL,
+  onQuotePress,
+  selected,
+  tagText,
+  testID
+}) {
+  const Theme = useTheme();
+  return /*#__PURE__*/_jsx(Pressable, {
+    style: [styles.container, selected && {
+      borderColor: Theme['accent-100']
+    }],
+    onPress: () => onQuotePress(item),
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      justifyContent: "space-between",
+      alignItems: "center",
+      flexDirection: "row",
+      padding: ['s', 's', 's', 's'],
+      children: [/*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        children: [logoURL ? /*#__PURE__*/_jsx(Image, {
+          source: logoURL,
+          style: styles.logo
+        }) : /*#__PURE__*/_jsx(FlexView, {
+          style: [styles.logo, {
+            backgroundColor: Theme['gray-glass-005']
+          }],
+          justifyContent: "center",
+          alignItems: "center"
+        }), /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "column",
+          children: [/*#__PURE__*/_jsxs(FlexView, {
+            flexDirection: "row",
+            alignItems: "center",
+            margin: ['0', '0', '4xs', '0'],
+            children: [/*#__PURE__*/_jsx(Text, {
+              variant: "paragraph-500",
+              style: styles.providerText,
+              children: item.serviceProvider?.toLowerCase()
+            }), tagText ? /*#__PURE__*/_jsx(Tag, {
+              variant: "main",
+              style: styles.tag,
+              children: tagText
+            }) : null]
+          }), /*#__PURE__*/_jsxs(Text, {
+            variant: "tiny-500",
+            children: [NumberUtil.roundNumber(item.destinationAmount, 6, 5), ' ', item.destinationCurrencyCode?.split('_')[0]]
+          })]
+        })]
+      }), selected ? /*#__PURE__*/_jsx(Icon, {
+        name: "checkmark",
+        color: "accent-100"
+      }) : null]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    borderRadius: BorderRadius.xs,
+    borderWidth: 1,
+    borderColor: 'transparent',
+    height: ITEM_HEIGHT,
+    justifyContent: 'center'
+  },
+  logo: {
+    height: 40,
+    width: 40,
+    borderRadius: BorderRadius['3xs'],
+    marginRight: Spacing.xs
+  },
+  providerText: {
+    textTransform: 'capitalize'
+  },
+  tag: {
+    padding: Spacing['3xs'],
+    marginLeft: Spacing['2xs']
+  }
+});
+//# sourceMappingURL=Quote.js.map

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

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