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

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

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnRampTransactionView = OnRampTransactionView;
+var _valtio = require("valtio");
+var _react = require("react");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function OnRampTransactionView() {
+  const Theme = (0, _appkitUiReactNative.useTheme)();
+  const {
+    data
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.RouterController.state);
+  const onClose = () => {
+    const isAuth = !!_appkitCoreReactNative.ConnectionsController.state.connection?.properties?.provider;
+    _appkitCoreReactNative.RouterController.replace(isAuth ? 'Account' : 'AccountDefault');
+  };
+  const showNetwork = !!data?.onrampResult?.network;
+  const showStatus = !!data?.onrampResult?.status;
+  (0, _react.useEffect)(() => {
+    return () => {
+      _appkitCoreReactNative.OnRampController.resetState();
+      _appkitCoreReactNative.ConnectionsController.fetchBalance();
+    };
+  }, []);
+  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

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

@@ -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","ignoreList":[]}

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

@@ -0,0 +1,90 @@
+"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");
+var _jsxRuntime = require("react/jsx-runtime");
+const ITEM_HEIGHT = exports.ITEM_HEIGHT = 60;
+function Currency({
+  onPress,
+  item,
+  selected,
+  title,
+  subtitle,
+  testID,
+  style
+}) {
+  const Theme = (0, _appkitUiReactNative.useTheme)();
+  const handlePress = () => {
+    onPress(item);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Pressable, {
+    onPress: handlePress,
+    style: [styles.container, style],
+    backgroundColor: "transparent",
+    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: {
+    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","_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

@@ -0,0 +1,155 @@
+"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");
+var _jsxRuntime = require("react/jsx-runtime");
+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__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+    style: style,
+    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: {
+    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","_jsxRuntime","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","jsxs","FlexView","testID","children","alignItems","margin","flexDirection","jsx","Text","styles","input","color","variant","justifyContent","bottomContainer","LoadingSpinner","size","numberOfLines","length","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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","ignoreList":[]}

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

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = Header;
+var _reactNative = require("react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _AppKitContext = require("../../../AppKitContext");
+var _jsxRuntime = require("react/jsx-runtime");
+function Header({
+  onSettingsPress
+}) {
+  const {
+    back
+  } = (0, _AppKitContext.useInternalAppKit)();
+  const handleGoBack = () => {
+    back();
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+    justifyContent: "space-between",
+    flexDirection: "row",
+    alignItems: "center",
+    padding: "l",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
+      icon: "chevronLeft",
+      size: "md",
+      onPress: handleGoBack,
+      testID: "button-back",
+      style: styles.icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+      variant: "paragraph-600",
+      numberOfLines: 1,
+      testID: "header-text",
+      children: "Buy Crypto"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_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","_appkitUiReactNative","_AppKitContext","_jsxRuntime","Header","onSettingsPress","back","useInternalAppKit","handleGoBack","jsxs","FlexView","justifyContent","flexDirection","alignItems","padding","children","jsx","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,oBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA2D,IAAAG,WAAA,GAAAH,OAAA;AAMpD,SAASI,MAAMA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EACvD,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,gCAAiB,EAAC,CAAC;EAEpC,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzBF,IAAI,CAAC,CAAC;EACR,CAAC;EAED,oBACE,IAAAH,WAAA,CAAAM,IAAA,EAACR,oBAAA,CAAAS,QAAQ;IAACC,cAAc,EAAC,eAAe;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,OAAO,EAAC,GAAG;IAAAC,QAAA,gBAC1F,IAAAZ,WAAA,CAAAa,GAAA,EAACf,oBAAA,CAAAgB,QAAQ;MACPC,IAAI,EAAC,aAAa;MAClBC,IAAI,EAAC,IAAI;MACTC,OAAO,EAAEZ,YAAa;MACtBa,MAAM,EAAC,aAAa;MACpBC,KAAK,EAAEC,MAAM,CAACL;IAAK,CACpB,CAAC,eACF,IAAAf,WAAA,CAAAa,GAAA,EAACf,oBAAA,CAAAuB,IAAI;MAACC,OAAO,EAAC,eAAe;MAACC,aAAa,EAAE,CAAE;MAACL,MAAM,EAAC,aAAa;MAAAN,QAAA,EAAC;IAErE,CAAM,CAAC,eACP,IAAAZ,WAAA,CAAAa,GAAA,EAACf,oBAAA,CAAAgB,QAAQ;MACPC,IAAI,EAAC,UAAU;MACfC,IAAI,EAAC,IAAI;MACTC,OAAO,EAAEf,eAAgB;MACzBiB,KAAK,EAAEC,MAAM,CAACL,IAAK;MACnBG,MAAM,EAAC;IAAwB,CAChC,CAAC;EAAA,CACM,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","ignoreList":[]}

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

@@ -0,0 +1,67 @@
+"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"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function LoadingView() {
+  const windowWidth = _reactNative.Dimensions.get('window').width;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.Header, {
+      onSettingsPress: () => {}
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      bounces: false,
+      testID: "onramp-loading-view",
+      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.Shimmer, {
+            width: 100,
+            height: 40,
+            borderRadius: 20
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
+          margin: ['m', '0', 'm', '0'],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Shimmer, {
+            width: "100%",
+            height: 323,
+            borderRadius: 16
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Shimmer, {
+          width: "100%",
+          height: 64,
+          borderRadius: 16,
+          style: _styles.default.paymentButtonMock
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          margin: ['m', '0', '0', '0'],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Shimmer, {
+            width: windowWidth * 0.2,
+            height: 48,
+            borderRadius: 16
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_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","_jsxRuntime","e","__esModule","default","LoadingView","windowWidth","Dimensions","get","width","jsxs","Fragment","children","jsx","Header","onSettingsPress","ScrollView","bounces","testID","FlexView","padding","flexDirection","alignItems","justifyContent","Text","variant","color","Shimmer","height","borderRadius","margin","style","styles","paymentButtonMock"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/LoadingView.tsx"],"mappings":"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","ignoreList":[]}