@reown/appkit-react-native 0.0.0-chore-bump-builder-20250728194329

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

@@ -0,0 +1,280 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnRampCheckoutView = OnRampCheckoutView;
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _reactNative = require("react-native");
+var _valtio = require("valtio");
+var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function OnRampCheckoutView() {
+  const Theme = (0, _appkitUiReactNative.useTheme)();
+  const {
+    themeMode
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ThemeController.state);
+  const {
+    networkImages
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.AssetController.state);
+  const {
+    selectedQuote,
+    selectedPaymentMethod,
+    purchaseCurrency
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OnRampController.state);
+  const {
+    activeNetwork
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionsController.state);
+  const networkImage = activeNetwork ? networkImages[activeNetwork.id] : undefined;
+  const value = _appkitCommonReactNative.NumberUtil.roundNumber(selectedQuote?.destinationAmount ?? 0, 6, 5);
+  const symbol = selectedQuote?.destinationCurrencyCode;
+  const paymentLogo = selectedPaymentMethod?.logos[themeMode ?? 'light'];
+  const providerImage = _appkitCoreReactNative.OnRampController.getServiceProviderImage(selectedQuote?.serviceProvider ?? '');
+  const showNetworkFee = selectedQuote?.networkFee != null;
+  const showTransactionFee = selectedQuote?.transactionFee != null;
+  const showTotalFee = selectedQuote?.totalFee != null;
+  const showFees = showNetworkFee || showTransactionFee || showTotalFee;
+  const onConfirm = () => {
+    _appkitCoreReactNative.RouterController.push('OnRampLoading');
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+    padding: ['2xl', 'l', '4xl', 'l'],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      alignItems: "center",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        color: "fg-200",
+        children: "You Buy"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          style: [styles.amount, {
+            color: Theme['fg-100']
+          }],
+          children: value
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          variant: "paragraph-400",
+          color: "fg-200",
+          children: symbol?.split('_')[0] ?? symbol ?? ''
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          color: "fg-200",
+          children: "via "
+        }), providerImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Image, {
+          source: providerImage,
+          style: styles.providerImage
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          color: "fg-200",
+          children: _appkitCommonReactNative.StringUtil.capitalize(selectedQuote?.serviceProvider)
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Separator, {
+      style: styles.separator,
+      color: "gray-glass-010"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      padding: ['s', 's', 'xs', 's'],
+      flexDirection: "row",
+      justifyContent: "space-between",
+      alignItems: "center",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        color: "fg-200",
+        children: "You Pay"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
+        children: [selectedQuote?.sourceAmount, " ", selectedQuote?.sourceCurrencyCode]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      padding: ['xs', 's', 'xs', 's'],
+      flexDirection: "row",
+      justifyContent: "space-between",
+      alignItems: "center",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        color: "fg-200",
+        children: "You Receive"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
+          children: [value, " ", symbol?.split('_')[0] ?? '']
+        }), purchaseCurrency?.symbolImageUrl && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Image, {
+          source: purchaseCurrency?.symbolImageUrl,
+          style: [styles.tokenImage, {
+            borderColor: Theme['gray-glass-010']
+          }]
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      padding: ['xs', 's', 'xs', 's'],
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        color: "fg-200",
+        children: "Network"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          children: purchaseCurrency?.chainName
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      padding: ['xs', 's', 'm', 's'],
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        color: "fg-200",
+        children: "Pay with"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        style: [styles.paymentMethodContainer, {
+          borderColor: Theme['gray-glass-020']
+        }],
+        children: [paymentLogo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Image, {
+          source: paymentLogo,
+          style: styles.paymentMethodImage,
+          tintColor: Theme['fg-150']
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          variant: "small-600",
+          color: "fg-150",
+          children: selectedPaymentMethod?.name
+        })]
+      })]
+    }), showFees && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Toggle, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
+          variant: "paragraph-400",
+          color: "fg-200",
+          children: ["Fees", ' ', showTotalFee && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
+            variant: "paragraph-400",
+            children: [selectedQuote?.totalFee, " ", selectedQuote?.sourceCurrencyCode]
+          })]
+        })
+      }),
+      style: [styles.feesToggle, {
+        backgroundColor: Theme['gray-glass-002']
+      }],
+      contentContainerStyle: styles.feesToggleContent,
+      children: [showNetworkFee && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        style: [styles.toggleItem, {
+          backgroundColor: Theme['gray-glass-002']
+        }],
+        margin: ['0', '0', 'xs', '0'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          variant: "small-500",
+          color: "fg-150",
+          children: "Network Fees"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          children: [networkImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Image, {
+            source: networkImage,
+            style: [styles.networkImage, {
+              borderColor: Theme['gray-glass-010']
+            }]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
+            variant: "small-400",
+            children: [selectedQuote?.networkFee, " ", selectedQuote?.sourceCurrencyCode]
+          })]
+        })]
+      }), showTransactionFee && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        style: [styles.toggleItem, {
+          backgroundColor: Theme['gray-glass-002']
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          variant: "small-500",
+          color: "fg-150",
+          children: "Transaction Fees"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
+          variant: "small-400",
+          children: [selectedQuote.transactionFee, " ", selectedQuote?.sourceCurrencyCode]
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      margin: ['xl', '0', '0', '0'],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+        variant: "shade",
+        size: "md",
+        style: styles.cancelButton,
+        onPress: _appkitCoreReactNative.RouterController.goBack,
+        children: "Back"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+        variant: "fill",
+        size: "md",
+        style: styles.confirmButton,
+        onPress: onConfirm,
+        testID: "button-confirm",
+        children: "Confirm"
+      })]
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  amount: {
+    fontSize: 38,
+    marginRight: _appkitUiReactNative.Spacing['3xs']
+  },
+  separator: {
+    marginVertical: _appkitUiReactNative.Spacing.m
+  },
+  feesToggle: {
+    borderRadius: _appkitUiReactNative.BorderRadius.xs
+  },
+  feesToggleContent: {
+    paddingHorizontal: _appkitUiReactNative.Spacing.xs,
+    paddingBottom: _appkitUiReactNative.Spacing.xs
+  },
+  toggleItem: {
+    padding: _appkitUiReactNative.Spacing.s,
+    borderRadius: _appkitUiReactNative.BorderRadius.xxs
+  },
+  paymentMethodImage: {
+    width: 14,
+    height: 14,
+    marginRight: _appkitUiReactNative.Spacing['3xs']
+  },
+  confirmButton: {
+    marginLeft: _appkitUiReactNative.Spacing.s,
+    flex: 3
+  },
+  cancelButton: {
+    flex: 1
+  },
+  providerImage: {
+    height: 16,
+    width: 16,
+    marginRight: 2
+  },
+  tokenImage: {
+    height: 20,
+    width: 20,
+    marginLeft: 4,
+    borderRadius: _appkitUiReactNative.BorderRadius.full,
+    borderWidth: 1
+  },
+  networkImage: {
+    height: 16,
+    width: 16,
+    marginRight: 4,
+    borderRadius: _appkitUiReactNative.BorderRadius.full,
+    borderWidth: 1
+  },
+  paymentMethodContainer: {
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderRadius: _appkitUiReactNative.BorderRadius.full,
+    padding: _appkitUiReactNative.Spacing.xs
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_appkitCoreReactNative","require","_appkitUiReactNative","_reactNative","_valtio","_appkitCommonReactNative","_jsxRuntime","OnRampCheckoutView","Theme","useTheme","themeMode","useSnapshot","ThemeController","state","networkImages","AssetController","selectedQuote","selectedPaymentMethod","purchaseCurrency","OnRampController","activeNetwork","ConnectionsController","networkImage","id","undefined","value","NumberUtil","roundNumber","destinationAmount","symbol","destinationCurrencyCode","paymentLogo","logos","providerImage","getServiceProviderImage","serviceProvider","showNetworkFee","networkFee","showTransactionFee","transactionFee","showTotalFee","totalFee","showFees","onConfirm","RouterController","push","jsxs","FlexView","padding","children","alignItems","jsx","Text","color","flexDirection","style","styles","amount","variant","split","justifyContent","Image","source","StringUtil","capitalize","Separator","separator","sourceAmount","sourceCurrencyCode","symbolImageUrl","tokenImage","borderColor","chainName","paymentMethodContainer","paymentMethodImage","tintColor","name","Toggle","title","Fragment","feesToggle","backgroundColor","contentContainerStyle","feesToggleContent","toggleItem","margin","Button","size","cancelButton","onPress","goBack","confirmButton","testID","StyleSheet","create","fontSize","marginRight","Spacing","marginVertical","m","borderRadius","BorderRadius","xs","paddingHorizontal","paddingBottom","s","xxs","width","height","marginLeft","flex","full","borderWidth","hairlineWidth"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-checkout-view/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAOA,IAAAC,oBAAA,GAAAD,OAAA;AAWA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AAA2E,IAAAK,WAAA,GAAAL,OAAA;AAEpE,SAASM,kBAAkBA,CAAA,EAAG;EACnC,MAAMC,KAAK,GAAG,IAAAC,6BAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,mBAAW,EAACC,sCAAe,CAACC,KAAK,CAAC;EACxD,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAH,mBAAW,EAACI,sCAAe,CAACF,KAAK,CAAC;EAC5D,MAAM;IAAEG,aAAa;IAAEC,qBAAqB;IAAEC;EAAiB,CAAC,GAAG,IAAAP,mBAAW,EAC5EQ,uCAAgB,CAACN,KACnB,CAAC;EAED,MAAM;IAAEO;EAAc,CAAC,GAAG,IAAAT,mBAAW,EAACU,4CAAqB,CAACR,KAAK,CAAC;EAClE,MAAMS,YAAY,GAAGF,aAAa,GAAGN,aAAa,CAACM,aAAa,CAACG,EAAE,CAAC,GAAGC,SAAS;EAEhF,MAAMC,KAAK,GAAGC,mCAAU,CAACC,WAAW,CAACX,aAAa,EAAEY,iBAAiB,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EACjF,MAAMC,MAAM,GAAGb,aAAa,EAAEc,uBAAuB;EACrD,MAAMC,WAAW,GAAGd,qBAAqB,EAAEe,KAAK,CAACtB,SAAS,IAAI,OAAO,CAAC;EACtE,MAAMuB,aAAa,GAAGd,uCAAgB,CAACe,uBAAuB,CAC5DlB,aAAa,EAAEmB,eAAe,IAAI,EACpC,CAAC;EAED,MAAMC,cAAc,GAAGpB,aAAa,EAAEqB,UAAU,IAAI,IAAI;EACxD,MAAMC,kBAAkB,GAAGtB,aAAa,EAAEuB,cAAc,IAAI,IAAI;EAChE,MAAMC,YAAY,GAAGxB,aAAa,EAAEyB,QAAQ,IAAI,IAAI;EACpD,MAAMC,QAAQ,GAAGN,cAAc,IAAIE,kBAAkB,IAAIE,YAAY;EAErE,MAAMG,SAAS,GAAGA,CAAA,KAAM;IACtBC,uCAAgB,CAACC,IAAI,CAAC,eAAe,CAAC;EACxC,CAAC;EAED,oBACE,IAAAvC,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAA6C,QAAQ;IAACC,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,CAAE;IAAAC,QAAA,gBAC1C,IAAA3C,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAA6C,QAAQ;MAACG,UAAU,EAAC,QAAQ;MAAAD,QAAA,gBAC3B,IAAA3C,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAAkD,IAAI;QAACC,KAAK,EAAC,QAAQ;QAAAJ,QAAA,EAAC;MAAO,CAAM,CAAC,eACnC,IAAA3C,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAA6C,QAAQ;QAACO,aAAa,EAAC,KAAK;QAACJ,UAAU,EAAC,QAAQ;QAAAD,QAAA,gBAC/C,IAAA3C,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAAkD,IAAI;UAACG,KAAK,EAAE,CAACC,MAAM,CAACC,MAAM,EAAE;YAAEJ,KAAK,EAAE7C,KAAK,CAAC,QAAQ;UAAE,CAAC,CAAE;UAAAyC,QAAA,EAAExB;QAAK,CAAO,CAAC,eACxE,IAAAnB,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAAkD,IAAI;UAACM,OAAO,EAAC,eAAe;UAACL,KAAK,EAAC,QAAQ;UAAAJ,QAAA,EACzCpB,MAAM,EAAE8B,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI9B,MAAM,IAAI;QAAE,CAClC,CAAC;MAAA,CACC,CAAC,eACX,IAAAvB,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAA6C,QAAQ;QAACO,aAAa,EAAC,KAAK;QAACJ,UAAU,EAAC,QAAQ;QAACU,cAAc,EAAC,QAAQ;QAAAX,QAAA,gBACvE,IAAA3C,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAAkD,IAAI;UAACC,KAAK,EAAC,QAAQ;UAAAJ,QAAA,EAAC;QAAI,CAAM,CAAC,EAC/BhB,aAAa,iBAAI,IAAA3B,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAA2D,KAAK;UAACC,MAAM,EAAE7B,aAAc;UAACsB,KAAK,EAAEC,MAAM,CAACvB;QAAc,CAAE,CAAC,eAC/E,IAAA3B,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAAkD,IAAI;UAACC,KAAK,EAAC,QAAQ;UAAAJ,QAAA,EAAEc,mCAAU,CAACC,UAAU,CAAChD,aAAa,EAAEmB,eAAe;QAAC,CAAO,CAAC;MAAA,CAC3E,CAAC;IAAA,CACH,CAAC,eACX,IAAA7B,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAA+D,SAAS;MAACV,KAAK,EAAEC,MAAM,CAACU,SAAU;MAACb,KAAK,EAAC;IAAgB,CAAE,CAAC,eAC7D,IAAA/C,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAA6C,QAAQ;MACPC,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAE;MAC/BM,aAAa,EAAC,KAAK;MACnBM,cAAc,EAAC,eAAe;MAC9BV,UAAU,EAAC,QAAQ;MAAAD,QAAA,gBAEnB,IAAA3C,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAAkD,IAAI;QAACC,KAAK,EAAC,QAAQ;QAAAJ,QAAA,EAAC;MAAO,CAAM,CAAC,eACnC,IAAA3C,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAAkD,IAAI;QAAAH,QAAA,GACFjC,aAAa,EAAEmD,YAAY,EAAC,GAAC,EAACnD,aAAa,EAAEoD,kBAAkB;MAAA,CAC5D,CAAC;IAAA,CACC,CAAC,eACX,IAAA9D,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAA6C,QAAQ;MACPC,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAE;MAChCM,aAAa,EAAC,KAAK;MACnBM,cAAc,EAAC,eAAe;MAC9BV,UAAU,EAAC,QAAQ;MAAAD,QAAA,gBAEnB,IAAA3C,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAAkD,IAAI;QAACC,KAAK,EAAC,QAAQ;QAAAJ,QAAA,EAAC;MAAW,CAAM,CAAC,eACvC,IAAA3C,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAA6C,QAAQ;QAACO,aAAa,EAAC,KAAK;QAACJ,UAAU,EAAC,QAAQ;QAAAD,QAAA,gBAC/C,IAAA3C,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAAkD,IAAI;UAAAH,QAAA,GACFxB,KAAK,EAAC,GAAC,EAACI,MAAM,EAAE8B,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;QAAA,CAChC,CAAC,EACNzC,gBAAgB,EAAEmD,cAAc,iBAC/B,IAAA/D,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAA2D,KAAK;UACJC,MAAM,EAAE5C,gBAAgB,EAAEmD,cAAe;UACzCd,KAAK,EAAE,CAACC,MAAM,CAACc,UAAU,EAAE;YAAEC,WAAW,EAAE/D,KAAK,CAAC,gBAAgB;UAAE,CAAC;QAAE,CACtE,CACF;MAAA,CACO,CAAC;IAAA,CACH,CAAC,eACX,IAAAF,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAA6C,QAAQ;MACPC,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAE;MAChCM,aAAa,EAAC,KAAK;MACnBJ,UAAU,EAAC,QAAQ;MACnBU,cAAc,EAAC,eAAe;MAAAX,QAAA,gBAE9B,IAAA3C,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAAkD,IAAI;QAACC,KAAK,EAAC,QAAQ;QAAAJ,QAAA,EAAC;MAAO,CAAM,CAAC,eACnC,IAAA3C,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAA6C,QAAQ;QAACO,aAAa,EAAC,KAAK;QAACJ,UAAU,EAAC,QAAQ;QAAAD,QAAA,eAC/C,IAAA3C,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAAkD,IAAI;UAAAH,QAAA,EAAE/B,gBAAgB,EAAEsD;QAAS,CAAO;MAAC,CAClC,CAAC;IAAA,CACH,CAAC,eACX,IAAAlE,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAA6C,QAAQ;MACPC,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;MAC/BM,aAAa,EAAC,KAAK;MACnBJ,UAAU,EAAC,QAAQ;MACnBU,cAAc,EAAC,eAAe;MAAAX,QAAA,gBAE9B,IAAA3C,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAAkD,IAAI;QAACC,KAAK,EAAC,QAAQ;QAAAJ,QAAA,EAAC;MAAQ,CAAM,CAAC,eACpC,IAAA3C,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAA6C,QAAQ;QACPO,aAAa,EAAC,KAAK;QACnBJ,UAAU,EAAC,QAAQ;QACnBK,KAAK,EAAE,CAACC,MAAM,CAACiB,sBAAsB,EAAE;UAAEF,WAAW,EAAE/D,KAAK,CAAC,gBAAgB;QAAE,CAAC,CAAE;QAAAyC,QAAA,GAEhFlB,WAAW,iBACV,IAAAzB,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAA2D,KAAK;UACJC,MAAM,EAAE/B,WAAY;UACpBwB,KAAK,EAAEC,MAAM,CAACkB,kBAAmB;UACjCC,SAAS,EAAEnE,KAAK,CAAC,QAAQ;QAAE,CAC5B,CACF,eACD,IAAAF,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAAkD,IAAI;UAACM,OAAO,EAAC,WAAW;UAACL,KAAK,EAAC,QAAQ;UAAAJ,QAAA,EACrChC,qBAAqB,EAAE2D;QAAI,CACxB,CAAC;MAAA,CACC,CAAC;IAAA,CACH,CAAC,EAEVlC,QAAQ,iBACP,IAAApC,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAA2E,MAAM;MACLC,KAAK,eACH,IAAAxE,WAAA,CAAA6C,GAAA,EAAA7C,WAAA,CAAAyE,QAAA;QAAA9B,QAAA,eACE,IAAA3C,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAAkD,IAAI;UAACM,OAAO,EAAC,eAAe;UAACL,KAAK,EAAC,QAAQ;UAAAJ,QAAA,GAAC,MACvC,EAAC,GAAG,EACPT,YAAY,iBACX,IAAAlC,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAAkD,IAAI;YAACM,OAAO,EAAC,eAAe;YAAAT,QAAA,GAC1BjC,aAAa,EAAEyB,QAAQ,EAAC,GAAC,EAACzB,aAAa,EAAEoD,kBAAkB;UAAA,CACxD,CACP;QAAA,CACG;MAAC,CACP,CACH;MACDb,KAAK,EAAE,CAACC,MAAM,CAACwB,UAAU,EAAE;QAAEC,eAAe,EAAEzE,KAAK,CAAC,gBAAgB;MAAE,CAAC,CAAE;MACzE0E,qBAAqB,EAAE1B,MAAM,CAAC2B,iBAAkB;MAAAlC,QAAA,GAE/Cb,cAAc,iBACb,IAAA9B,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAA6C,QAAQ;QACPO,aAAa,EAAC,KAAK;QACnBM,cAAc,EAAC,eAAe;QAC9BL,KAAK,EAAE,CAACC,MAAM,CAAC4B,UAAU,EAAE;UAAEH,eAAe,EAAEzE,KAAK,CAAC,gBAAgB;QAAE,CAAC,CAAE;QACzE6E,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAE;QAAApC,QAAA,gBAE9B,IAAA3C,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAAkD,IAAI;UAACM,OAAO,EAAC,WAAW;UAACL,KAAK,EAAC,QAAQ;UAAAJ,QAAA,EAAC;QAEzC,CAAM,CAAC,eACP,IAAA3C,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAA6C,QAAQ;UAACO,aAAa,EAAC,KAAK;UAACJ,UAAU,EAAC,QAAQ;UAAAD,QAAA,GAC9C3B,YAAY,iBACX,IAAAhB,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAA2D,KAAK;YACJC,MAAM,EAAExC,YAAa;YACrBiC,KAAK,EAAE,CAACC,MAAM,CAAClC,YAAY,EAAE;cAAEiD,WAAW,EAAE/D,KAAK,CAAC,gBAAgB;YAAE,CAAC;UAAE,CACxE,CACF,eACD,IAAAF,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAAkD,IAAI;YAACM,OAAO,EAAC,WAAW;YAAAT,QAAA,GACtBjC,aAAa,EAAEqB,UAAU,EAAC,GAAC,EAACrB,aAAa,EAAEoD,kBAAkB;UAAA,CAC1D,CAAC;QAAA,CACC,CAAC;MAAA,CACH,CACX,EACA9B,kBAAkB,iBACjB,IAAAhC,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAA6C,QAAQ;QACPO,aAAa,EAAC,KAAK;QACnBM,cAAc,EAAC,eAAe;QAC9BL,KAAK,EAAE,CAACC,MAAM,CAAC4B,UAAU,EAAE;UAAEH,eAAe,EAAEzE,KAAK,CAAC,gBAAgB;QAAE,CAAC,CAAE;QAAAyC,QAAA,gBAEzE,IAAA3C,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAAkD,IAAI;UAACM,OAAO,EAAC,WAAW;UAACL,KAAK,EAAC,QAAQ;UAAAJ,QAAA,EAAC;QAEzC,CAAM,CAAC,eACP,IAAA3C,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAAkD,IAAI;UAACM,OAAO,EAAC,WAAW;UAAAT,QAAA,GACtBjC,aAAa,CAACuB,cAAc,EAAC,GAAC,EAACvB,aAAa,EAAEoD,kBAAkB;QAAA,CAC7D,CAAC;MAAA,CACC,CACX;IAAA,CACK,CACT,eACD,IAAA9D,WAAA,CAAAwC,IAAA,EAAC5C,oBAAA,CAAA6C,QAAQ;MAACO,aAAa,EAAC,KAAK;MAACM,cAAc,EAAC,eAAe;MAACyB,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;MAAApC,QAAA,gBACzF,IAAA3C,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAAoF,MAAM;QACL5B,OAAO,EAAC,OAAO;QACf6B,IAAI,EAAC,IAAI;QACThC,KAAK,EAAEC,MAAM,CAACgC,YAAa;QAC3BC,OAAO,EAAE7C,uCAAgB,CAAC8C,MAAO;QAAAzC,QAAA,EAClC;MAED,CAAQ,CAAC,eACT,IAAA3C,WAAA,CAAA6C,GAAA,EAACjD,oBAAA,CAAAoF,MAAM;QACL5B,OAAO,EAAC,MAAM;QACd6B,IAAI,EAAC,IAAI;QACThC,KAAK,EAAEC,MAAM,CAACmC,aAAc;QAC5BF,OAAO,EAAE9C,SAAU;QACnBiD,MAAM,EAAC,gBAAgB;QAAA3C,QAAA,EACxB;MAED,CAAQ,CAAC;IAAA,CACD,CAAC;EAAA,CACH,CAAC;AAEf;AAEA,MAAMO,MAAM,GAAGqC,uBAAU,CAACC,MAAM,CAAC;EAC/BrC,MAAM,EAAE;IACNsC,QAAQ,EAAE,EAAE;IACZC,WAAW,EAAEC,4BAAO,CAAC,KAAK;EAC5B,CAAC;EACD/B,SAAS,EAAE;IACTgC,cAAc,EAAED,4BAAO,CAACE;EAC1B,CAAC;EACDnB,UAAU,EAAE;IACVoB,YAAY,EAAEC,iCAAY,CAACC;EAC7B,CAAC;EACDnB,iBAAiB,EAAE;IACjBoB,iBAAiB,EAAEN,4BAAO,CAACK,EAAE;IAC7BE,aAAa,EAAEP,4BAAO,CAACK;EACzB,CAAC;EACDlB,UAAU,EAAE;IACVpC,OAAO,EAAEiD,4BAAO,CAACQ,CAAC;IAClBL,YAAY,EAAEC,iCAAY,CAACK;EAC7B,CAAC;EACDhC,kBAAkB,EAAE;IAClBiC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVZ,WAAW,EAAEC,4BAAO,CAAC,KAAK;EAC5B,CAAC;EACDN,aAAa,EAAE;IACbkB,UAAU,EAAEZ,4BAAO,CAACQ,CAAC;IACrBK,IAAI,EAAE;EACR,CAAC;EACDtB,YAAY,EAAE;IACZsB,IAAI,EAAE;EACR,CAAC;EACD7E,aAAa,EAAE;IACb2E,MAAM,EAAE,EAAE;IACVD,KAAK,EAAE,EAAE;IACTX,WAAW,EAAE;EACf,CAAC;EACD1B,UAAU,EAAE;IACVsC,MAAM,EAAE,EAAE;IACVD,KAAK,EAAE,EAAE;IACTE,UAAU,EAAE,CAAC;IACbT,YAAY,EAAEC,iCAAY,CAACU,IAAI;IAC/BC,WAAW,EAAE;EACf,CAAC;EACD1F,YAAY,EAAE;IACZsF,MAAM,EAAE,EAAE;IACVD,KAAK,EAAE,EAAE;IACTX,WAAW,EAAE,CAAC;IACdI,YAAY,EAAEC,iCAAY,CAACU,IAAI;IAC/BC,WAAW,EAAE;EACf,CAAC;EACDvC,sBAAsB,EAAE;IACtBuC,WAAW,EAAEnB,uBAAU,CAACoB,aAAa;IACrCb,YAAY,EAAEC,iCAAY,CAACU,IAAI;IAC/B/D,OAAO,EAAEiD,4BAAO,CAACK;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnRampLoadingView = OnRampLoadingView;
+var _react = require("react");
+var _valtio = require("valtio");
+var _reactNative = require("react-native");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _useCustomDimensions = require("../../hooks/useCustomDimensions");
+var _w3mConnectingBody = require("../../partials/w3m-connecting-body");
+var _styles = _interopRequireDefault(require("./styles"));
+var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function OnRampLoadingView() {
+  const {
+    maxWidth: width
+  } = (0, _useCustomDimensions.useCustomDimensions)();
+  const {
+    error
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OnRampController.state);
+  const providerName = _appkitCommonReactNative.StringUtil.capitalize(_appkitCoreReactNative.OnRampController.state.selectedQuote?.serviceProvider.toLowerCase());
+  const serviceProvideLogo = _appkitCoreReactNative.OnRampController.getServiceProviderImage(_appkitCoreReactNative.OnRampController.state.selectedQuote?.serviceProvider ?? '');
+  const handleGoBack = () => {
+    if (_appkitCoreReactNative.EventsController.state.data.event === 'BUY_SUBMITTED') {
+      // Send event only if the onramp url was already created
+      _appkitCoreReactNative.EventsController.sendEvent({
+        type: 'track',
+        event: 'BUY_CANCEL'
+      });
+    }
+    _appkitCoreReactNative.RouterController.goBack();
+  };
+  const onConnect = (0, _react.useCallback)(async () => {
+    if (_appkitCoreReactNative.OnRampController.state.selectedQuote) {
+      _appkitCoreReactNative.OnRampController.clearError();
+      const response = await _appkitCoreReactNative.OnRampController.generateWidget({
+        quote: _appkitCoreReactNative.OnRampController.state.selectedQuote
+      });
+      if (response?.widgetUrl) {
+        _reactNative.Linking.openURL(response?.widgetUrl);
+      }
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    const unsubscribe = _reactNative.Linking.addEventListener('url', ({
+      url
+    }) => {
+      const metadata = _appkitCoreReactNative.OptionsController.state.metadata;
+      if (metadata?.redirect?.universal && url.startsWith(metadata?.redirect?.universal) || metadata?.redirect?.native && url.startsWith(metadata?.redirect?.native)) {
+        const parsedUrl = new URL(url);
+        const searchParams = new URLSearchParams(parsedUrl.search);
+        const asset = searchParams.get('cryptoCurrency');
+        const network = searchParams.get('network');
+        const purchaseAmount = searchParams.get('cryptoAmount');
+        const amount = searchParams.get('fiatAmount');
+        const currency = searchParams.get('fiatCurrency');
+        const orderId = searchParams.get('orderId');
+        const status = searchParams.get('status');
+        _appkitCoreReactNative.EventsController.sendEvent({
+          type: 'track',
+          event: 'BUY_SUCCESS',
+          properties: {
+            asset,
+            network,
+            amount,
+            currency,
+            orderId
+          }
+        });
+        _appkitCoreReactNative.RouterController.reset('OnRampTransaction', {
+          onrampResult: {
+            purchaseCurrency: asset,
+            purchaseAmount,
+            purchaseImageUrl: _appkitCoreReactNative.OnRampController.state.purchaseCurrency?.symbolImageUrl ?? '',
+            paymentCurrency: currency,
+            paymentAmount: amount,
+            network: network,
+            status: status
+          }
+        });
+      }
+    });
+    return () => unsubscribe.remove();
+  }, []);
+  (0, _react.useEffect)(() => {
+    onConnect();
+  }, [onConnect]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    bounces: false,
+    fadingEdgeLength: 20,
+    contentContainerStyle: _styles.default.container,
+    testID: "onramp-loading-widget-view",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      alignItems: "center",
+      alignSelf: "center",
+      padding: ['2xl', 'l', '0', 'l'],
+      style: {
+        width
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
+        icon: "chevronLeft",
+        size: "md",
+        onPress: handleGoBack,
+        testID: "button-back",
+        style: _styles.default.backButton
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.DoubleImageLoader, {
+        leftImage: _appkitCoreReactNative.OptionsController.state.metadata?.icons[0],
+        rightImage: serviceProvideLogo,
+        style: _styles.default.imageContainer
+      }), error ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        alignItems: "center",
+        justifyContent: "center",
+        padding: ['3xs', '2xl', '0', '2xl'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
+          center: true,
+          color: "error-100",
+          variant: "paragraph-500",
+          style: _styles.default.errorText,
+          children: ["There was an error while connecting with ", providerName]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+          size: "sm",
+          variant: "accent",
+          iconLeft: "refresh",
+          style: _styles.default.retryButton,
+          iconStyle: _styles.default.retryIcon,
+          onPress: onConnect,
+          children: "Try again"
+        })]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mConnectingBody.ConnectingBody, {
+        title: `Connecting with ${providerName}`,
+        description: "Please wait while we redirect you to finalize your purchase."
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_valtio","_reactNative","_appkitCoreReactNative","_appkitUiReactNative","_useCustomDimensions","_w3mConnectingBody","_styles","_interopRequireDefault","_appkitCommonReactNative","_jsxRuntime","e","__esModule","default","OnRampLoadingView","maxWidth","width","useCustomDimensions","error","useSnapshot","OnRampController","state","providerName","StringUtil","capitalize","selectedQuote","serviceProvider","toLowerCase","serviceProvideLogo","getServiceProviderImage","handleGoBack","EventsController","data","event","sendEvent","type","RouterController","goBack","onConnect","useCallback","clearError","response","generateWidget","quote","widgetUrl","Linking","openURL","useEffect","unsubscribe","addEventListener","url","metadata","OptionsController","redirect","universal","startsWith","native","parsedUrl","URL","searchParams","URLSearchParams","search","asset","get","network","purchaseAmount","amount","currency","orderId","status","properties","reset","onrampResult","purchaseCurrency","purchaseImageUrl","symbolImageUrl","paymentCurrency","paymentAmount","remove","jsx","ScrollView","bounces","fadingEdgeLength","contentContainerStyle","styles","container","testID","children","jsxs","FlexView","alignItems","alignSelf","padding","style","IconLink","icon","size","onPress","backButton","DoubleImageLoader","leftImage","icons","rightImage","imageContainer","justifyContent","Text","center","color","variant","errorText","Button","iconLeft","retryButton","iconStyle","retryIcon","ConnectingBody","title","description"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-loading-view/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+"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({
+  container: {
+    paddingBottom: _appkitUiReactNative.Spacing['3xl']
+  },
+  backButton: {
+    alignSelf: 'flex-start'
+  },
+  imageContainer: {
+    marginBottom: _appkitUiReactNative.Spacing.s
+  },
+  retryButton: {
+    marginTop: _appkitUiReactNative.Spacing.m
+  },
+  retryIcon: {
+    transform: [{
+      rotateY: '180deg'
+    }]
+  },
+  errorText: {
+    marginHorizontal: _appkitUiReactNative.Spacing['4xl']
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","container","paddingBottom","Spacing","backButton","alignSelf","imageContainer","marginBottom","s","retryButton","marginTop","m","retryIcon","transform","rotateY","errorText","marginHorizontal"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-loading-view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAwD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEzCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAEC,4BAAO,CAAC,KAAK;EAC9B,CAAC;EACDC,UAAU,EAAE;IACVC,SAAS,EAAE;EACb,CAAC;EACDC,cAAc,EAAE;IACdC,YAAY,EAAEJ,4BAAO,CAACK;EACxB,CAAC;EACDC,WAAW,EAAE;IACXC,SAAS,EAAEP,4BAAO,CAACQ;EACrB,CAAC;EACDC,SAAS,EAAE;IACTC,SAAS,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAS,CAAC;EACnC,CAAC;EACDC,SAAS,EAAE;IACTC,gBAAgB,EAAEb,4BAAO,CAAC,KAAK;EACjC;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Country = Country;
+exports.ITEM_HEIGHT = void 0;
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _reactNative = require("react-native");
+var _reactNativeSvg = require("react-native-svg");
+var _jsxRuntime = require("react/jsx-runtime");
+const ITEM_HEIGHT = exports.ITEM_HEIGHT = 60;
+function Country({
+  onPress,
+  item,
+  selected
+}) {
+  const handlePress = () => {
+    onPress(item);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Pressable, {
+    onPress: handlePress,
+    style: styles.container,
+    backgroundColor: "transparent",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      padding: "s",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
+        style: styles.imageContainer,
+        children: item.flagImageUrl && _reactNativeSvg.SvgUri && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.SvgUri, {
+          uri: item.flagImageUrl,
+          width: 36,
+          height: 36
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        style: styles.textContainer,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          variant: "paragraph-400",
+          color: "fg-100",
+          numberOfLines: 1,
+          ellipsizeMode: "tail",
+          children: item.name
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          variant: "small-400",
+          color: "fg-150",
+          children: item.countryCode
+        })]
+      }), selected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Icon, {
+        name: "checkmark",
+        size: "md",
+        color: "accent-100",
+        style: styles.checkmark
+      })]
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    borderRadius: _appkitUiReactNative.BorderRadius.s,
+    height: ITEM_HEIGHT,
+    justifyContent: 'center'
+  },
+  imageContainer: {
+    borderRadius: _appkitUiReactNative.BorderRadius.full,
+    overflow: 'hidden',
+    marginRight: _appkitUiReactNative.Spacing.xs
+  },
+  textContainer: {
+    flex: 1
+  },
+  checkmark: {
+    marginRight: _appkitUiReactNative.Spacing['2xs']
+  }
+});
+//# sourceMappingURL=Country.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_appkitUiReactNative","require","_reactNative","_reactNativeSvg","_jsxRuntime","ITEM_HEIGHT","exports","Country","onPress","item","selected","handlePress","jsx","Pressable","style","styles","container","backgroundColor","children","jsxs","FlexView","flexDirection","alignItems","justifyContent","padding","imageContainer","flagImageUrl","SvgUri","uri","width","height","textContainer","Text","variant","color","numberOfLines","ellipsizeMode","name","countryCode","Icon","size","checkmark","StyleSheet","create","borderRadius","BorderRadius","s","full","overflow","marginRight","Spacing","xs","flex"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-settings-view/components/Country.tsx"],"mappings":";;;;;;;AACA,IAAAA,oBAAA,GAAAC,OAAA;AAQA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAA0C,IAAAG,WAAA,GAAAH,OAAA;AAQnC,MAAMI,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,EAAE;AAEtB,SAASE,OAAOA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC;AAAgB,CAAC,EAAE;EAC1D,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBH,OAAO,CAACC,IAAI,CAAC;EACf,CAAC;EAED,oBACE,IAAAL,WAAA,CAAAQ,GAAA,EAACZ,oBAAA,CAAAa,SAAS;IAACL,OAAO,EAAEG,WAAY;IAACG,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,eAAe,EAAC,aAAa;IAAAC,QAAA,eACrF,IAAAd,WAAA,CAAAe,IAAA,EAACnB,oBAAA,CAAAoB,QAAQ;MAACC,aAAa,EAAC,KAAK;MAACC,UAAU,EAAC,QAAQ;MAACC,cAAc,EAAC,YAAY;MAACC,OAAO,EAAC,GAAG;MAAAN,QAAA,gBACvF,IAAAd,WAAA,CAAAQ,GAAA,EAACZ,oBAAA,CAAAoB,QAAQ;QAACN,KAAK,EAAEC,MAAM,CAACU,cAAe;QAAAP,QAAA,EACpCT,IAAI,CAACiB,YAAY,IAAIC,sBAAM,iBAAI,IAAAvB,WAAA,CAAAQ,GAAA,EAACT,eAAA,CAAAwB,MAAM;UAACC,GAAG,EAAEnB,IAAI,CAACiB,YAAa;UAACG,KAAK,EAAE,EAAG;UAACC,MAAM,EAAE;QAAG,CAAE;MAAC,CACjF,CAAC,eACX,IAAA1B,WAAA,CAAAe,IAAA,EAACnB,oBAAA,CAAAoB,QAAQ;QAACN,KAAK,EAAEC,MAAM,CAACgB,aAAc;QAAAb,QAAA,gBACpC,IAAAd,WAAA,CAAAQ,GAAA,EAACZ,oBAAA,CAAAgC,IAAI;UAACC,OAAO,EAAC,eAAe;UAACC,KAAK,EAAC,QAAQ;UAACC,aAAa,EAAE,CAAE;UAACC,aAAa,EAAC,MAAM;UAAAlB,QAAA,EAChFT,IAAI,CAAC4B;QAAI,CACN,CAAC,eACP,IAAAjC,WAAA,CAAAQ,GAAA,EAACZ,oBAAA,CAAAgC,IAAI;UAACC,OAAO,EAAC,WAAW;UAACC,KAAK,EAAC,QAAQ;UAAAhB,QAAA,EACrCT,IAAI,CAAC6B;QAAW,CACb,CAAC;MAAA,CACC,CAAC,EACV5B,QAAQ,iBACP,IAAAN,WAAA,CAAAQ,GAAA,EAACZ,oBAAA,CAAAuC,IAAI;QAACF,IAAI,EAAC,WAAW;QAACG,IAAI,EAAC,IAAI;QAACN,KAAK,EAAC,YAAY;QAACpB,KAAK,EAAEC,MAAM,CAAC0B;MAAU,CAAE,CAC/E;IAAA,CACO;EAAC,CACF,CAAC;AAEhB;AAEA,MAAM1B,MAAM,GAAG2B,uBAAU,CAACC,MAAM,CAAC;EAC/B3B,SAAS,EAAE;IACT4B,YAAY,EAAEC,iCAAY,CAACC,CAAC;IAC5BhB,MAAM,EAAEzB,WAAW;IACnBkB,cAAc,EAAE;EAClB,CAAC;EACDE,cAAc,EAAE;IACdmB,YAAY,EAAEC,iCAAY,CAACE,IAAI;IAC/BC,QAAQ,EAAE,QAAQ;IAClBC,WAAW,EAAEC,4BAAO,CAACC;EACvB,CAAC;EACDpB,aAAa,EAAE;IACbqB,IAAI,EAAE;EACR,CAAC;EACDX,SAAS,EAAE;IACTQ,WAAW,EAAEC,4BAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}