@reown/appkit-react-native 0.0.0-feat-multichain-20250725133522 → 0.0.0-feat-multichain-20250730193426

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

@@ -1,5 +1,8 @@
+"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,
@@ -12,65 +15,75 @@ function PaymentButton({
 }) {
   const Theme = useTheme();
   const backgroundColor = Theme['gray-glass-005'];
-  return /*#__PURE__*/React.createElement(Pressable, {
+  return /*#__PURE__*/_jsx(Pressable, {
     disabled: disabled || loading,
     onPress: onPress,
     style: styles.pressable,
-    testID: testID
-  }, /*#__PURE__*/React.createElement(FlexView, {
-    style: [styles.container, {
-      backgroundColor
-    }],
-    alignItems: "center",
-    justifyContent: "space-between",
-    flexDirection: "row"
-  }, /*#__PURE__*/React.createElement(FlexView, {
-    alignItems: "center",
-    justifyContent: "center",
-    style: [styles.iconContainer, {
-      backgroundColor: Theme['bg-300']
-    }]
-  }, paymentLogo ? /*#__PURE__*/React.createElement(Image, {
-    source: paymentLogo,
-    style: styles.paymentLogo,
-    resizeMethod: "resize",
-    resizeMode: "contain"
-  }) : /*#__PURE__*/React.createElement(Icon, {
-    name: "card",
-    size: "lg"
-  })), /*#__PURE__*/React.createElement(FlexView, {
-    flexGrow: 1,
-    flexDirection: "column",
-    alignItems: "flex-start",
-    margin: ['0', '0', '0', 's']
-  }, /*#__PURE__*/React.createElement(Text, {
-    variant: "paragraph-400",
-    color: "fg-100"
-  }, title), subtitle && /*#__PURE__*/React.createElement(FlexView, {
-    flexDirection: "row",
-    alignItems: "center",
-    margin: ['4xs', '0', '0', '0']
-  }, providerLogo && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-    variant: "small-400",
-    color: "fg-150"
-  }, "via"), /*#__PURE__*/React.createElement(Image, {
-    source: providerLogo,
-    style: styles.providerLogo,
-    resizeMethod: "resize",
-    resizeMode: "contain"
-  })), /*#__PURE__*/React.createElement(Text, {
-    variant: "small-400",
-    color: "fg-150"
-  }, subtitle))), loading ? /*#__PURE__*/React.createElement(LoadingSpinner, {
-    size: "md",
-    color: "fg-200",
-    style: styles.rightIcon
-  }) : disabled ? /*#__PURE__*/React.createElement(View, null) : /*#__PURE__*/React.createElement(Icon, {
-    name: "chevronRight",
-    size: "md",
-    color: "fg-200",
-    style: styles.rightIcon
-  })));
+    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"
+            })]
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: subtitle
+          })]
+        })]
+      }), 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: {

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

@@ -1 +1 @@
-{"version":3,"names":["BorderRadius","FlexView","Icon","Image","LoadingSpinner","Pressable","Spacing","Text","useTheme","StyleSheet","View","PaymentButton","disabled","loading","title","subtitle","paymentLogo","providerLogo","onPress","testID","Theme","backgroundColor","React","createElement","style","styles","pressable","container","alignItems","justifyContent","flexDirection","iconContainer","source","resizeMethod","resizeMode","name","size","flexGrow","margin","variant","color","Fragment","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":[]}
+{"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

@@ -1,7 +1,10 @@
+"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,
@@ -16,38 +19,41 @@ export function PaymentMethod({
   const handlePress = () => {
     onPress(item);
   };
-  return /*#__PURE__*/React.createElement(Pressable, {
+  return /*#__PURE__*/_jsxs(Pressable, {
     onPress: handlePress,
     bounceScale: 0.96,
     style: styles.container,
     transparent: true,
     pressable: !selected,
-    testID: testID
-  }, /*#__PURE__*/React.createElement(FlexView, {
-    style: [styles.logoContainer, {
-      backgroundColor: Theme['gray-glass-005']
-    }],
-    alignItems: "center",
-    justifyContent: "center"
-  }, /*#__PURE__*/React.createElement(Image, {
-    source: item.logos[themeMode ?? 'light'],
-    style: styles.logo,
-    resizeMethod: "resize",
-    resizeMode: "contain"
-  }), selected && /*#__PURE__*/React.createElement(IconBox, {
-    icon: "checkmark",
-    size: "sm",
-    background: true,
-    backgroundColor: "accent-100",
-    iconColor: "inverse-100",
-    style: styles.checkmark,
-    testID: "payment-method-checkmark"
-  })), /*#__PURE__*/React.createElement(Text, {
-    variant: "tiny-400",
-    color: "fg-100",
-    numberOfLines: 2,
-    style: styles.text
-  }, item.name));
+    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"
+      })]
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "tiny-400",
+      color: "fg-100",
+      numberOfLines: 2,
+      style: styles.text,
+      children: item.name
+    })]
+  });
 }
 const styles = StyleSheet.create({
   container: {

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

@@ -1 +1 @@
-{"version":3,"names":["useSnapshot","ThemeController","Pressable","FlexView","Spacing","Text","useTheme","Image","BorderRadius","IconBox","StyleSheet","ITEM_SIZE","PaymentMethod","onPress","item","selected","testID","Theme","themeMode","state","handlePress","React","createElement","bounceScale","style","styles","container","transparent","pressable","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":[]}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"names":["NumberUtil","FlexView","Image","Spacing","Text","Tag","useTheme","BorderRadius","Icon","Pressable","StyleSheet","ITEM_HEIGHT","Quote","item","logoURL","onQuotePress","selected","tagText","testID","Theme","React","createElement","style","styles","container","borderColor","onPress","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":[]}
+{"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":[]}

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

@@ -1,12 +1,14 @@
+"use strict";
+
 /* eslint-disable valtio/state-snapshot-rule */
 import { useSnapshot } from 'valtio';
 import { useRef, useState, useMemo, useEffect } from 'react';
-import Modal from 'react-native-modal';
-import { FlatList, StyleSheet, View } from 'react-native';
+import { FlatList, StyleSheet, View, Modal } from 'react-native';
 import { FlexView, IconLink, Spacing, Text, useTheme, Separator, BorderRadius } from '@reown/appkit-ui-react-native';
 import { OnRampController } from '@reown/appkit-core-react-native';
 import { Quote, ITEM_HEIGHT as QUOTE_ITEM_HEIGHT } from './Quote';
 import { PaymentMethod } from './PaymentMethod';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SEPARATOR_HEIGHT = Spacing.s;
 export function SelectPaymentModal({
   title,
@@ -35,7 +37,7 @@ export function SelectPaymentModal({
     return [selectedQuote, ...(availableQuotes?.filter(quote => quote.serviceProvider !== selectedQuote.serviceProvider) ?? [])];
   }, [availableQuotes, selectedQuote, activePaymentMethod]);
   const renderSeparator = () => {
-    return /*#__PURE__*/React.createElement(View, {
+    return /*#__PURE__*/_jsx(View, {
       style: {
         height: SEPARATOR_HEIGHT
       }
@@ -60,7 +62,7 @@ export function SelectPaymentModal({
     const isSelected = item.serviceProvider === OnRampController.state.selectedQuote?.serviceProvider && item.paymentMethodType === 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, {
+    return /*#__PURE__*/_jsx(Quote, {
       item: item,
       selected: isSelected,
       logoURL: logoURL,
@@ -74,7 +76,7 @@ export function SelectPaymentModal({
   }) => {
     const parsedItem = item;
     const isSelected = parsedItem.paymentMethod === activePaymentMethod?.paymentMethod;
-    return /*#__PURE__*/React.createElement(PaymentMethod, {
+    return /*#__PURE__*/_jsx(PaymentMethod, {
       item: parsedItem,
       onPress: () => handlePaymentMethodPress(parsedItem),
       selected: isSelected,
@@ -89,72 +91,80 @@ export function SelectPaymentModal({
       setActivePaymentMethod(OnRampController.state.selectedPaymentMethod);
     }
   }, [visible]);
-  return /*#__PURE__*/React.createElement(Modal, {
-    isVisible: visible,
-    useNativeDriver: true,
-    useNativeDriverForBackdrop: true,
-    statusBarTranslucent: true,
-    hideModalContentWhileAnimating: true,
-    onBackdropPress: onClose,
-    onDismiss: onClose,
-    style: styles.modal
-  }, /*#__PURE__*/React.createElement(FlexView, {
-    style: [styles.container, {
-      backgroundColor: Theme['bg-100']
-    }]
-  }, /*#__PURE__*/React.createElement(FlexView, {
-    alignItems: "center",
-    justifyContent: "space-between",
-    flexDirection: "row",
-    style: styles.header
-  }, /*#__PURE__*/React.createElement(IconLink, {
-    icon: "arrowLeft",
-    onPress: onClose,
-    testID: "payment-modal-button-back"
-  }), !!title && /*#__PURE__*/React.createElement(Text, {
-    variant: "paragraph-600"
-  }, title), /*#__PURE__*/React.createElement(View, {
-    style: styles.iconPlaceholder
-  })), /*#__PURE__*/React.createElement(Text, {
-    variant: "small-500",
-    color: "fg-150",
-    style: styles.subtitle
-  }, "Pay with"), /*#__PURE__*/React.createElement(FlexView, null, /*#__PURE__*/React.createElement(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(Separator, {
-    style: styles.separator,
-    color: "gray-glass-010"
-  }), /*#__PURE__*/React.createElement(Text, {
-    variant: "small-500",
-    color: "fg-150",
-    style: styles.subtitle
-  }, "Providers"), /*#__PURE__*/React.createElement(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__*/_jsx(Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "slide",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles.modalContent,
+      children: /*#__PURE__*/_jsxs(FlexView, {
+        style: [styles.container, {
+          backgroundColor: Theme['bg-100']
+        }],
+        children: [/*#__PURE__*/_jsxs(FlexView, {
+          alignItems: "center",
+          justifyContent: "space-between",
+          flexDirection: "row",
+          style: styles.header,
+          children: [/*#__PURE__*/_jsx(IconLink, {
+            icon: "arrowLeft",
+            onPress: onClose,
+            testID: "payment-modal-button-back"
+          }), !!title && /*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-600",
+            children: title
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.iconPlaceholder
+          })]
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "small-500",
+          color: "fg-150",
+          style: styles.subtitle,
+          children: "Pay with"
+        }), /*#__PURE__*/_jsx(FlexView, {
+          children: /*#__PURE__*/_jsx(FlatList, {
+            data: availablePaymentMethods,
+            renderItem: renderPaymentMethod,
+            ref: paymentMethodsRef,
+            style: styles.paymentMethodsContainer,
+            contentContainerStyle: styles.paymentMethodsContent,
+            fadingEdgeLength: 20,
+            keyExtractor: item => item.paymentMethod,
+            horizontal: true,
+            showsHorizontalScrollIndicator: false
+          })
+        }), /*#__PURE__*/_jsx(Separator, {
+          style: styles.separator,
+          color: "gray-glass-010"
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "small-500",
+          color: "fg-150",
+          style: styles.subtitle,
+          children: "Providers"
+        }), /*#__PURE__*/_jsx(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 = StyleSheet.create({
-  modal: {
+  modalContent: {
     margin: 0,
+    flex: 1,
     justifyContent: 'flex-end'
   },
   header: {