@reown/appkit-react-native 0.0.0-feat-multichain-20250725183909 → 0.0.0-feat-multichain-20250731180941

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
 var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
 function PaymentButton({
   disabled,
   loading,
@@ -18,65 +19,75 @@ function PaymentButton({
 }) {
   const Theme = (0, _appkitUiReactNative.useTheme)();
   const backgroundColor = Theme['gray-glass-005'];
-  return /*#__PURE__*/React.createElement(_appkitUiReactNative.Pressable, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Pressable, {
     disabled: disabled || loading,
     onPress: onPress,
     style: styles.pressable,
-    testID: testID
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    style: [styles.container, {
-      backgroundColor
-    }],
-    alignItems: "center",
-    justifyContent: "space-between",
-    flexDirection: "row"
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    alignItems: "center",
-    justifyContent: "center",
-    style: [styles.iconContainer, {
-      backgroundColor: Theme['bg-300']
-    }]
-  }, paymentLogo ? /*#__PURE__*/React.createElement(_appkitUiReactNative.Image, {
-    source: paymentLogo,
-    style: styles.paymentLogo,
-    resizeMethod: "resize",
-    resizeMode: "contain"
-  }) : /*#__PURE__*/React.createElement(_appkitUiReactNative.Icon, {
-    name: "card",
-    size: "lg"
-  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    flexGrow: 1,
-    flexDirection: "column",
-    alignItems: "flex-start",
-    margin: ['0', '0', '0', 's']
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "paragraph-400",
-    color: "fg-100"
-  }, title), subtitle && /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    flexDirection: "row",
-    alignItems: "center",
-    margin: ['4xs', '0', '0', '0']
-  }, providerLogo && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "small-400",
-    color: "fg-150"
-  }, "via"), /*#__PURE__*/React.createElement(_appkitUiReactNative.Image, {
-    source: providerLogo,
-    style: styles.providerLogo,
-    resizeMethod: "resize",
-    resizeMode: "contain"
-  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "small-400",
-    color: "fg-150"
-  }, subtitle))), loading ? /*#__PURE__*/React.createElement(_appkitUiReactNative.LoadingSpinner, {
-    size: "md",
-    color: "fg-200",
-    style: styles.rightIcon
-  }) : disabled ? /*#__PURE__*/React.createElement(_reactNative.View, null) : /*#__PURE__*/React.createElement(_appkitUiReactNative.Icon, {
-    name: "chevronRight",
-    size: "md",
-    color: "fg-200",
-    style: styles.rightIcon
-  })));
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      style: [styles.container, {
+        backgroundColor
+      }],
+      alignItems: "center",
+      justifyContent: "space-between",
+      flexDirection: "row",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
+        alignItems: "center",
+        justifyContent: "center",
+        style: [styles.iconContainer, {
+          backgroundColor: Theme['bg-300']
+        }],
+        children: paymentLogo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Image, {
+          source: paymentLogo,
+          style: styles.paymentLogo,
+          resizeMethod: "resize",
+          resizeMode: "contain"
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Icon, {
+          name: "card",
+          size: "lg"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexGrow: 1,
+        flexDirection: "column",
+        alignItems: "flex-start",
+        margin: ['0', '0', '0', 's'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          variant: "paragraph-400",
+          color: "fg-100",
+          children: title
+        }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          margin: ['4xs', '0', '0', '0'],
+          children: [providerLogo && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+              variant: "small-400",
+              color: "fg-150",
+              children: "via"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Image, {
+              source: providerLogo,
+              style: styles.providerLogo,
+              resizeMethod: "resize",
+              resizeMode: "contain"
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: subtitle
+          })]
+        })]
+      }), loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.LoadingSpinner, {
+        size: "md",
+        color: "fg-200",
+        style: styles.rightIcon
+      }) : disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Icon, {
+        name: "chevronRight",
+        size: "md",
+        color: "fg-200",
+        style: styles.rightIcon
+      })]
+    })
+  });
 }
 const styles = _reactNative.StyleSheet.create({
   pressable: {

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

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

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

@@ -9,6 +9,7 @@ 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");
+var _jsxRuntime = require("react/jsx-runtime");
 const ITEM_SIZE = exports.ITEM_SIZE = 100;
 function PaymentMethod({
   onPress,
@@ -23,38 +24,41 @@ function PaymentMethod({
   const handlePress = () => {
     onPress(item);
   };
-  return /*#__PURE__*/React.createElement(_appkitUiReactNative.Pressable, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_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: "contain"
-  }), 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: 2,
-    style: styles.text
-  }, item.name));
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      style: [styles.logoContainer, {
+        backgroundColor: Theme['gray-glass-005']
+      }],
+      alignItems: "center",
+      justifyContent: "center",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Image, {
+        source: item.logos[themeMode ?? 'light'],
+        style: styles.logo,
+        resizeMethod: "resize",
+        resizeMode: "contain"
+      }), selected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconBox, {
+        icon: "checkmark",
+        size: "sm",
+        background: true,
+        backgroundColor: "accent-100",
+        iconColor: "inverse-100",
+        style: styles.checkmark,
+        testID: "payment-method-checkmark"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+      variant: "tiny-400",
+      color: "fg-100",
+      numberOfLines: 2,
+      style: styles.text,
+      children: item.name
+    })]
+  });
 }
 const styles = _reactNative.StyleSheet.create({
   container: {

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

@@ -1 +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","paddingHorizontal","textAlign"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/PaymentMethod.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_valtio","require","_appkitCoreReactNative","_appkitUiReactNative","_reactNative","_jsxRuntime","ITEM_SIZE","exports","PaymentMethod","onPress","item","selected","testID","Theme","useTheme","themeMode","useSnapshot","ThemeController","state","handlePress","jsxs","Pressable","bounceScale","style","styles","container","transparent","pressable","children","FlexView","logoContainer","backgroundColor","alignItems","justifyContent","jsx","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","paddingHorizontal","textAlign"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/PaymentMethod.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -8,6 +8,7 @@ exports.Quote = Quote;
 var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
 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 = 64;
 function Quote({
   item,
@@ -18,47 +19,55 @@ function Quote({
   testID
 }) {
   const Theme = (0, _appkitUiReactNative.useTheme)();
-  return /*#__PURE__*/React.createElement(_appkitUiReactNative.Pressable, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Pressable, {
     style: [styles.container, selected && {
       borderColor: Theme['accent-100']
     }],
     onPress: () => onQuotePress(item),
-    testID: testID
-  }, /*#__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?.split('_')[0]))), selected && /*#__PURE__*/React.createElement(_appkitUiReactNative.Icon, {
-    name: "checkmark",
-    color: "accent-100"
-  })));
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      justifyContent: "space-between",
+      alignItems: "center",
+      flexDirection: "row",
+      padding: ['s', 's', 's', 's'],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        children: [logoURL ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Image, {
+          source: logoURL,
+          style: styles.logo
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
+          style: [styles.logo, {
+            backgroundColor: Theme['gray-glass-005']
+          }],
+          justifyContent: "center",
+          alignItems: "center"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          flexDirection: "column",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+            flexDirection: "row",
+            alignItems: "center",
+            margin: ['0', '0', '4xs', '0'],
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+              variant: "paragraph-500",
+              style: styles.providerText,
+              children: item.serviceProvider?.toLowerCase()
+            }), tagText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Tag, {
+              variant: "main",
+              style: styles.tag,
+              children: tagText
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
+            variant: "tiny-500",
+            children: [_appkitCommonReactNative.NumberUtil.roundNumber(item.destinationAmount, 6, 5), ' ', item.destinationCurrencyCode?.split('_')[0]]
+          })]
+        })]
+      }), selected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Icon, {
+        name: "checkmark",
+        color: "accent-100"
+      })]
+    })
+  });
 }
 const styles = _reactNative.StyleSheet.create({
   container: {

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

@@ -1 +1 @@
-{"version":3,"names":["_appkitCommonReactNative","require","_appkitUiReactNative","_reactNative","ITEM_HEIGHT","exports","Quote","item","logoURL","onQuotePress","selected","tagText","testID","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","split","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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","ignoreList":[]}
+{"version":3,"names":["_appkitCommonReactNative","require","_appkitUiReactNative","_reactNative","_jsxRuntime","ITEM_HEIGHT","exports","Quote","item","logoURL","onQuotePress","selected","tagText","testID","Theme","useTheme","jsx","Pressable","style","styles","container","borderColor","onPress","children","jsxs","FlexView","justifyContent","alignItems","flexDirection","padding","Image","source","logo","backgroundColor","margin","Text","variant","providerText","serviceProvider","toLowerCase","Tag","tag","NumberUtil","roundNumber","destinationAmount","destinationCurrencyCode","split","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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","ignoreList":[]}

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

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.SelectPaymentModal = SelectPaymentModal;
 var _valtio = require("valtio");
 var _react = require("react");
-var _reactNativeModal = _interopRequireDefault(require("react-native-modal"));
 var _reactNative = require("react-native");
 var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
 var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
 var _Quote = require("./Quote");
 var _PaymentMethod = require("./PaymentMethod");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable valtio/state-snapshot-rule */
 
 const SEPARATOR_HEIGHT = _appkitUiReactNative.Spacing.s;
@@ -43,7 +42,7 @@ function SelectPaymentModal({
     return [selectedQuote, ...(availableQuotes?.filter(quote => quote.serviceProvider !== selectedQuote.serviceProvider) ?? [])];
   }, [availableQuotes, selectedQuote, activePaymentMethod]);
   const renderSeparator = () => {
-    return /*#__PURE__*/React.createElement(_reactNative.View, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: {
         height: SEPARATOR_HEIGHT
       }
@@ -68,7 +67,7 @@ function SelectPaymentModal({
     const isSelected = item.serviceProvider === _appkitCoreReactNative.OnRampController.state.selectedQuote?.serviceProvider && item.paymentMethodType === _appkitCoreReactNative.OnRampController.state.selectedQuote?.paymentMethodType;
     const isRecommended = availableQuotes?.findIndex(quote => quote.serviceProvider === item.serviceProvider) === 0 && availableQuotes?.length > 1;
     const tagText = isRecommended ? 'Recommended' : item.lowKyc ? 'Low KYC' : undefined;
-    return /*#__PURE__*/React.createElement(_Quote.Quote, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Quote.Quote, {
       item: item,
       selected: isSelected,
       logoURL: logoURL,
@@ -82,7 +81,7 @@ function SelectPaymentModal({
   }) => {
     const parsedItem = item;
     const isSelected = parsedItem.paymentMethod === activePaymentMethod?.paymentMethod;
-    return /*#__PURE__*/React.createElement(_PaymentMethod.PaymentMethod, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PaymentMethod.PaymentMethod, {
       item: parsedItem,
       onPress: () => handlePaymentMethodPress(parsedItem),
       selected: isSelected,
@@ -97,72 +96,80 @@ function SelectPaymentModal({
       setActivePaymentMethod(_appkitCoreReactNative.OnRampController.state.selectedPaymentMethod);
     }
   }, [visible]);
-  return /*#__PURE__*/React.createElement(_reactNativeModal.default, {
-    isVisible: visible,
-    useNativeDriver: true,
-    useNativeDriverForBackdrop: true,
-    statusBarTranslucent: true,
-    hideModalContentWhileAnimating: true,
-    onBackdropPress: onClose,
-    onDismiss: onClose,
-    style: styles.modal
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    style: [styles.container, {
-      backgroundColor: Theme['bg-100']
-    }]
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    alignItems: "center",
-    justifyContent: "space-between",
-    flexDirection: "row",
-    style: styles.header
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.IconLink, {
-    icon: "arrowLeft",
-    onPress: onClose,
-    testID: "payment-modal-button-back"
-  }), !!title && /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "paragraph-600"
-  }, title), /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.iconPlaceholder
-  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "small-500",
-    color: "fg-150",
-    style: styles.subtitle
-  }, "Pay with"), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, null, /*#__PURE__*/React.createElement(_reactNative.FlatList, {
-    data: availablePaymentMethods,
-    renderItem: renderPaymentMethod,
-    ref: paymentMethodsRef,
-    style: styles.paymentMethodsContainer,
-    contentContainerStyle: styles.paymentMethodsContent,
-    fadingEdgeLength: 20,
-    keyExtractor: item => item.paymentMethod,
-    horizontal: true,
-    showsHorizontalScrollIndicator: false
-  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.Separator, {
-    style: styles.separator,
-    color: "gray-glass-010"
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "small-500",
-    color: "fg-150",
-    style: styles.subtitle
-  }, "Providers"), /*#__PURE__*/React.createElement(_reactNative.FlatList, {
-    data: sortedQuotes,
-    bounces: false,
-    renderItem: renderQuote,
-    extraData: selectedPaymentMethod,
-    contentContainerStyle: styles.listContent,
-    ItemSeparatorComponent: renderSeparator,
-    fadingEdgeLength: 20,
-    keyExtractor: item => `${item.serviceProvider}-${item.paymentMethodType}`,
-    getItemLayout: (_, index) => ({
-      length: _Quote.ITEM_HEIGHT + SEPARATOR_HEIGHT,
-      offset: (_Quote.ITEM_HEIGHT + SEPARATOR_HEIGHT) * index,
-      index
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "slide",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.modalContent,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        style: [styles.container, {
+          backgroundColor: Theme['bg-100']
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          alignItems: "center",
+          justifyContent: "space-between",
+          flexDirection: "row",
+          style: styles.header,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
+            icon: "arrowLeft",
+            onPress: onClose,
+            testID: "payment-modal-button-back"
+          }), !!title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "paragraph-600",
+            children: title
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.iconPlaceholder
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          variant: "small-500",
+          color: "fg-150",
+          style: styles.subtitle,
+          children: "Pay with"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+            data: availablePaymentMethods,
+            renderItem: renderPaymentMethod,
+            ref: paymentMethodsRef,
+            style: styles.paymentMethodsContainer,
+            contentContainerStyle: styles.paymentMethodsContent,
+            fadingEdgeLength: 20,
+            keyExtractor: item => item.paymentMethod,
+            horizontal: true,
+            showsHorizontalScrollIndicator: false
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Separator, {
+          style: styles.separator,
+          color: "gray-glass-010"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+          variant: "small-500",
+          color: "fg-150",
+          style: styles.subtitle,
+          children: "Providers"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+          data: sortedQuotes,
+          bounces: false,
+          renderItem: renderQuote,
+          extraData: selectedPaymentMethod,
+          contentContainerStyle: styles.listContent,
+          ItemSeparatorComponent: renderSeparator,
+          fadingEdgeLength: 20,
+          keyExtractor: item => `${item.serviceProvider}-${item.paymentMethodType}`,
+          getItemLayout: (_, index) => ({
+            length: _Quote.ITEM_HEIGHT + SEPARATOR_HEIGHT,
+            offset: (_Quote.ITEM_HEIGHT + SEPARATOR_HEIGHT) * index,
+            index
+          })
+        })]
+      })
     })
-  })));
+  });
 }
 const styles = _reactNative.StyleSheet.create({
-  modal: {
+  modalContent: {
     margin: 0,
+    flex: 1,
     justifyContent: 'flex-end'
   },
   header: {