@tonder.io/rn-sdk 0.1.0-beta.DEV1355.1

package/lib/module/ui/components/SavedCardsList/index.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet, TouchableOpacity, Text, Image, ActivityIndicator } from 'react-native';
+import { getCardType } from '@shared/catalog/cardBrandCatalog';
+import { RadioButton } from '@components/RadioButton';
+import { Trash2 } from 'lucide-react-native';
+import { buildBaseStyleText } from '@shared/utils/styleUtils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SavedCardsList = ({
+  cards,
+  selectedMethod,
+  onMethodSelect,
+  onDeleteCard,
+  deletingCards,
+  showDeleteButton = true,
+  style
+}) => {
+  if (!cards.length) return null;
+  const replaceTextCardNumber = cardNumber => {
+    const carArr = cardNumber.split('-');
+    const last = carArr[carArr.length - 1];
+    return `• • • •  ${last}`;
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      ...styles.container,
+      ...(style?.base || {})
+    },
+    children: cards.map(card => /*#__PURE__*/_jsxs(View, {
+      style: styles.cardItem,
+      children: [/*#__PURE__*/_jsx(RadioButton, {
+        style: {
+          base: style?.radioBase,
+          selected: style?.radioSelected,
+          inner: style?.radioInner
+        },
+        value: card.fields.skyflow_id,
+        selected: selectedMethod === card.fields.skyflow_id,
+        onSelect: () => onMethodSelect(card.fields.skyflow_id)
+      }), /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: getCardType(card.fields.card_scheme)
+        },
+        style: {
+          ...styles.cardImage,
+          ...(style?.cardIcon || {})
+        }
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.cardInfo,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: {
+            ...styles.cardNumber,
+            ...buildBaseStyleText(style)
+          },
+          children: replaceTextCardNumber(card.fields.card_number)
+        }), /*#__PURE__*/_jsxs(Text, {
+          style: {
+            ...styles.cardExpiration,
+            ...buildBaseStyleText(style)
+          },
+          children: ["Exp. ", card.fields.expiration_month, "/", card.fields.expiration_year]
+        })]
+      }), (deletingCards || []).includes(card.fields.skyflow_id) && /*#__PURE__*/_jsx(ActivityIndicator, {
+        color: "#000000",
+        size: "small"
+      }), !(deletingCards || []).includes(card.fields.skyflow_id) && showDeleteButton && /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => onDeleteCard(card.fields.skyflow_id),
+        style: {
+          ...styles.deleteButton,
+          ...(style?.deleteButton || {})
+        },
+        hitSlop: {
+          top: 10,
+          bottom: 10,
+          left: 10,
+          right: 10
+        },
+        children: /*#__PURE__*/_jsx(Trash2, {
+          size: style?.deleteIcon?.fontSize || 16,
+          color: style?.deleteIcon?.color || '#000000'
+        })
+      })]
+    }, card.fields.skyflow_id))
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    paddingHorizontal: 0
+  },
+  cardItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 20,
+    paddingVertical: 5,
+    borderBottomWidth: 1,
+    borderBottomColor: '#e2e8f0'
+  },
+  cardImage: {
+    width: 32,
+    height: 20,
+    marginLeft: 15
+  },
+  cardInfo: {
+    flex: 1,
+    marginLeft: 15
+  },
+  cardNumber: {
+    fontSize: 12,
+    color: '#1D1D1D'
+  },
+  cardExpiration: {
+    fontSize: 12,
+    color: '#1D1D1D'
+  },
+  deleteButton: {
+    padding: 10
+  }
+});
+export default SavedCardsList;
+//# sourceMappingURL=index.js.map

package/lib/module/ui/components/SavedCardsList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","TouchableOpacity","Text","Image","ActivityIndicator","getCardType","RadioButton","Trash2","buildBaseStyleText","jsx","_jsx","jsxs","_jsxs","SavedCardsList","cards","selectedMethod","onMethodSelect","onDeleteCard","deletingCards","showDeleteButton","style","length","replaceTextCardNumber","cardNumber","carArr","split","last","styles","container","base","children","map","card","cardItem","radioBase","selected","radioSelected","inner","radioInner","value","fields","skyflow_id","onSelect","source","uri","card_scheme","cardImage","cardIcon","cardInfo","card_number","cardExpiration","expiration_month","expiration_year","includes","color","size","onPress","deleteButton","hitSlop","top","bottom","left","right","deleteIcon","fontSize","create","paddingHorizontal","flexDirection","alignItems","paddingVertical","borderBottomWidth","borderBottomColor","width","height","marginLeft","flex","padding"],"sourceRoot":"../../../../../src","sources":["ui/components/SavedCardsList/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/Skeleton/CardFormSkeleton.js

@@ -0,0 +1,97 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet, Animated, Easing, Text } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CardFormSkeleton = ({
+  message
+}) => {
+  const animatedValue = new Animated.Value(0);
+  React.useEffect(() => {
+    Animated.loop(Animated.sequence([Animated.timing(animatedValue, {
+      toValue: 1,
+      duration: 750,
+      easing: Easing.ease,
+      useNativeDriver: false
+    }), Animated.timing(animatedValue, {
+      toValue: 0,
+      duration: 750,
+      easing: Easing.ease,
+      useNativeDriver: false
+    })])).start();
+  }, []);
+  const interpolatedColor = animatedValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['#e0e0e0', '#f0f0f0']
+  });
+  const SkeletonItem = () => /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.skeletonLoader, {
+      backgroundColor: interpolatedColor
+    }]
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(SkeletonItem, {}), /*#__PURE__*/_jsx(SkeletonItem, {}), /*#__PURE__*/_jsxs(View, {
+      style: styles.collectRow,
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.skeletonLoaderItem, {
+          backgroundColor: interpolatedColor
+        }]
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.skeletonLoaderItem, {
+          backgroundColor: interpolatedColor
+        }]
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.skeletonLoaderItem, {
+          backgroundColor: interpolatedColor
+        }]
+      })]
+    }), !!message && /*#__PURE__*/_jsx(View, {
+      style: styles.errorContainer,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.errorText,
+        children: message
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    width: '100%',
+    height: '100%',
+    backgroundColor: '#F9F9F9',
+    padding: 20,
+    flex: 1,
+    gap: 20,
+    zIndex: 1
+  },
+  collectRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    marginHorizontal: 10,
+    gap: 10
+  },
+  skeletonLoader: {
+    height: 35,
+    borderRadius: 8,
+    marginVertical: 2,
+    marginHorizontal: 10
+  },
+  skeletonLoaderItem: {
+    height: 35,
+    borderRadius: 8,
+    flex: 1
+  },
+  errorContainer: {
+    paddingHorizontal: 11
+  },
+  errorText: {
+    color: 'red',
+    fontSize: 12
+  }
+});
+export default CardFormSkeleton;
+//# sourceMappingURL=CardFormSkeleton.js.map

package/lib/module/ui/components/Skeleton/CardFormSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Animated","Easing","Text","jsx","_jsx","jsxs","_jsxs","CardFormSkeleton","message","animatedValue","Value","useEffect","loop","sequence","timing","toValue","duration","easing","ease","useNativeDriver","start","interpolatedColor","interpolate","inputRange","outputRange","SkeletonItem","style","styles","skeletonLoader","backgroundColor","container","children","collectRow","skeletonLoaderItem","errorContainer","errorText","create","position","top","left","width","height","padding","flex","gap","zIndex","flexDirection","justifyContent","marginHorizontal","borderRadius","marginVertical","paddingHorizontal","color","fontSize"],"sourceRoot":"../../../../../src","sources":["ui/components/Skeleton/CardFormSkeleton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/WebView/ThreeDSWebView.js

@@ -0,0 +1,96 @@
+"use strict";
+
+// @ts-nocheck
+import React, { useEffect, useRef, useState } from 'react';
+import { ActivityIndicator, Modal, SafeAreaView, StyleSheet, View } from 'react-native';
+import WebView from 'react-native-webview';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ThreeDSWebView = ({
+  url,
+  onComplete,
+  returnURL
+}) => {
+  const lastRedirectUrl = useRef('');
+  const [isLoading, setIsLoading] = useState(true);
+  useEffect(() => {
+    setIsLoading(true);
+  }, [url]);
+  const renderLoader = () => /*#__PURE__*/_jsx(View, {
+    style: styles.loaderContainer,
+    children: /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "large",
+      color: "#0277FF"
+    })
+  });
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: !!url,
+    animationType: "slide",
+    onRequestClose: onComplete,
+    children: /*#__PURE__*/_jsx(SafeAreaView, {
+      style: styles.safeArea,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.container,
+        children: [/*#__PURE__*/_jsx(WebView, {
+          source: {
+            uri: url
+          },
+          style: styles.webview,
+          onError: e => {
+            if ((e?.nativeEvent?.url || '').includes(returnURL)) {
+              setIsLoading(true);
+            } else {
+              setIsLoading(false);
+            }
+          },
+          onLoadStart: e => {
+            if ((e?.nativeEvent?.url || '').includes(returnURL)) {
+              setIsLoading(true);
+            } else {
+              setIsLoading(false);
+            }
+          },
+          onShouldStartLoadWithRequest: e => {
+            return !(e?.nativeEvent?.url || '').includes(returnURL);
+          },
+          onNavigationStateChange: navState => {
+            if (url && navState.url.includes(returnURL) && !navState.loading && lastRedirectUrl.current !== url) {
+              lastRedirectUrl.current = url;
+              onComplete();
+            }
+          }
+        }), isLoading && renderLoader()]
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  safeArea: {
+    flex: 1
+  },
+  container: {
+    position: 'relative',
+    flex: 1,
+    width: '100%',
+    height: '100%'
+  },
+  webview: {
+    flex: 1
+  },
+  loaderContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(255, 255, 255,1)'
+  },
+  closeButton: {
+    position: 'absolute',
+    top: 10,
+    right: 10,
+    zIndex: 10
+  }
+});
+//# sourceMappingURL=ThreeDSWebView.js.map

package/lib/module/ui/components/WebView/ThreeDSWebView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","ActivityIndicator","Modal","SafeAreaView","StyleSheet","View","WebView","jsx","_jsx","jsxs","_jsxs","ThreeDSWebView","url","onComplete","returnURL","lastRedirectUrl","isLoading","setIsLoading","renderLoader","style","styles","loaderContainer","children","size","color","visible","animationType","onRequestClose","safeArea","container","source","uri","webview","onError","e","nativeEvent","includes","onLoadStart","onShouldStartLoadWithRequest","onNavigationStateChange","navState","loading","current","create","flex","position","width","height","top","left","right","bottom","justifyContent","alignItems","backgroundColor","closeButton","zIndex"],"sourceRoot":"../../../../../src","sources":["ui/components/WebView/ThreeDSWebView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/features/TonderEnrollment/index.js

@@ -0,0 +1,114 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { ProcessButton } from '@components/Button/ProcessButton';
+import { NewCardForm } from '@components/CardForm';
+import CardFormSkeleton from '@components/Skeleton/CardFormSkeleton';
+import { DEFAULT_PAYMENT_CONTAINER } from '@ui/styles/payment';
+import { buildBaseStyleText } from '@shared/utils/styleUtils';
+import useTonderContext from '@ui/providers/TonderProvider/hook';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TonderEnrollment = () => {
+  const {
+    sdk,
+    state
+  } = useTonderContext();
+  const onSave = async () => {
+    try {
+      await sdk.saveCustomerCard();
+    } catch (error) {
+      console.error('[TonderEnrollment | onSave | ERROR]', error);
+    }
+  };
+  if (!state?.isCreating && !state?.isCreated) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [state?.isCreating && /*#__PURE__*/_jsx(CardFormSkeleton, {
+      message: state?.message
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        ...DEFAULT_PAYMENT_CONTAINER.base,
+        ...(state?.isCreating ? {
+          minHeight: 210
+        } : {}),
+        ...(state?.customization?.styles?.sdkCard?.base || {})
+      },
+      children: [state?.isCreated && /*#__PURE__*/_jsx(NewCardForm, {
+        showSaveOption: false,
+        saveCard: false,
+        onSaveCardChange: () => {},
+        style: state?.customization?.styles?.cardForm,
+        labels: state?.customization?.labels,
+        placeholders: state?.customization?.placeholders
+      }), state?.customization?.showMessages && state?.message && state?.message !== '' && state?.error && /*#__PURE__*/_jsx(View, {
+        style: {
+          ...styles.messageContainer,
+          ...(state?.customization?.styles?.errorMessage?.base || {})
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          style: {
+            ...styles.errorText,
+            ...buildBaseStyleText(state?.customization?.styles?.errorMessage)
+          },
+          children: state?.message
+        })
+      }), state?.customization?.showMessages && state?.message && state?.message !== '' && !state?.error && /*#__PURE__*/_jsx(View, {
+        style: {
+          ...styles.messageContainer,
+          ...(state?.customization?.styles?.successMessage?.base || {})
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          style: {
+            ...styles.successText,
+            ...buildBaseStyleText(state?.customization?.styles?.successMessage)
+          },
+          children: state?.message
+        })
+      }), state?.customization?.saveButton?.show && /*#__PURE__*/_jsx(ProcessButton, {
+        text: state?.customization?.saveButton?.text || 'Pagar',
+        style: state?.customization?.styles?.paymentButton,
+        onPress: onSave,
+        isLoading: state?.isProcessing
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'relative'
+  },
+  newCardSection: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 10,
+    paddingHorizontal: 20,
+    borderBottomWidth: 1,
+    borderBottomColor: '#e2e8f0'
+  },
+  cardImage: {
+    width: 32,
+    height: 20,
+    marginLeft: 15
+  },
+  newCardText: {
+    fontSize: 12,
+    color: '#1D1D1D',
+    marginLeft: 15
+  },
+  messageContainer: {
+    paddingHorizontal: 20
+  },
+  errorText: {
+    color: 'red',
+    fontSize: 12
+  },
+  successText: {
+    color: '#3bc635',
+    fontSize: 12
+  }
+});
+export default TonderEnrollment;
+//# sourceMappingURL=index.js.map

package/lib/module/ui/features/TonderEnrollment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","ProcessButton","NewCardForm","CardFormSkeleton","DEFAULT_PAYMENT_CONTAINER","buildBaseStyleText","useTonderContext","jsx","_jsx","jsxs","_jsxs","TonderEnrollment","sdk","state","onSave","saveCustomerCard","error","console","isCreating","isCreated","style","styles","container","children","message","base","minHeight","customization","sdkCard","showSaveOption","saveCard","onSaveCardChange","cardForm","labels","placeholders","showMessages","messageContainer","errorMessage","errorText","successMessage","successText","saveButton","show","text","paymentButton","onPress","isLoading","isProcessing","create","position","newCardSection","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderBottomWidth","borderBottomColor","cardImage","width","height","marginLeft","newCardText","fontSize","color"],"sourceRoot":"../../../../../src","sources":["ui/features/TonderEnrollment/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/features/TonderPayment/index.js

@@ -0,0 +1,188 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { Image, StyleSheet, Text, View } from 'react-native';
+import SavedCardsList from '@components/SavedCardsList';
+import { ProcessButton } from '@components/Button/ProcessButton';
+import PaymentMethodsList from '@components/PaymentMethodsList';
+import { NewCardForm } from '@components/CardForm';
+import { RadioButton } from '@components/RadioButton';
+import { getCardType } from '@shared/catalog/cardBrandCatalog';
+import CardFormSkeleton from '@components/Skeleton/CardFormSkeleton';
+import { DEFAULT_PAYMENT_CONTAINER } from '@ui/styles/payment';
+import { buildBaseStyleText } from '@shared/utils/styleUtils';
+import { toCurrency } from '@shared/utils/numberUtils';
+import useTonderContext from '@ui/providers/TonderProvider/hook';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TonderPayment = () => {
+  const {
+    uiWrapper,
+    sdk,
+    state
+  } = useTonderContext();
+  const [deletingCards, setDelitingCards] = useState([]);
+  const handleMethodSelect = (methodId, type) => {
+    const value = type === 'card' ? methodId : type === 'payment_method' ? state.uiData?.paymentMethods.find(it => it.id === methodId)?.payment_method || '' : '';
+    uiWrapper.updateMethod(type, value);
+  };
+  const handleSaveCardChange = value => {
+    uiWrapper.updateSaveCard(value);
+  };
+  const onDeleteCard = async cardId => {
+    try {
+      setDelitingCards(prev => [...prev, ...[cardId]]);
+      await uiWrapper.removeCustomerCard(cardId);
+      setDelitingCards(prev => {
+        return prev.filter(it => it !== cardId);
+      });
+    } catch (error) {
+      setDelitingCards(prev => {
+        return prev.filter(it => it !== cardId);
+      });
+      console.error('[TonderPayment | onDeleteCard | ERROR]', error);
+    }
+  };
+  const onPayment = async () => {
+    try {
+      await sdk.payment();
+    } catch (error) {
+      console.error('[TonderPayment | onPayment | Error]: ', error);
+    }
+  };
+  if (!state?.isCreating && !state?.isCreated) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [state?.isCreating && /*#__PURE__*/_jsx(CardFormSkeleton, {
+      message: state?.message
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        ...DEFAULT_PAYMENT_CONTAINER.base,
+        ...(state?.isCreating ? {
+          minHeight: 210
+        } : {}),
+        ...(state?.customization?.styles?.sdkCard?.base || {})
+      },
+      children: [state?.customization?.saveCards?.showSaved && /*#__PURE__*/_jsx(SavedCardsList, {
+        style: state?.customization?.styles?.savedCards,
+        cards: state.uiData?.cards,
+        selectedMethod: state?.uiData?.card || '',
+        onMethodSelect: methodId => {
+          handleMethodSelect(methodId, 'card');
+        },
+        onDeleteCard: onDeleteCard,
+        deletingCards: deletingCards,
+        showDeleteButton: state?.customization?.saveCards?.showDeleteOption
+      }), state?.customization?.cardForm?.show && /*#__PURE__*/_jsxs(View, {
+        style: {
+          ...styles.newCardSection,
+          ...state?.customization?.styles?.paymentRadio?.base
+        },
+        children: [/*#__PURE__*/_jsx(RadioButton, {
+          value: "new",
+          selected: state?.uiData?.selectedMethod === 'new',
+          onSelect: () => handleMethodSelect('new', ''),
+          style: {
+            base: state?.customization?.styles?.paymentRadio?.radioBase,
+            selected: state?.customization?.styles?.paymentRadio?.radioSelected,
+            inner: state?.customization?.styles?.paymentRadio?.radioInner
+          }
+        }), /*#__PURE__*/_jsx(Image, {
+          source: {
+            uri: getCardType('')
+          },
+          style: {
+            ...styles.cardImage,
+            ...(state?.customization?.styles?.paymentRadio?.cardIcon || {})
+          }
+        }), /*#__PURE__*/_jsx(Text, {
+          style: {
+            ...styles.newCardText,
+            ...buildBaseStyleText(state?.customization?.styles?.paymentRadio)
+          },
+          children: "Pagar con tarjeta"
+        })]
+      }), state?.uiData?.selectedMethod === 'new' && state?.isCreated && state?.customization?.cardForm?.show && /*#__PURE__*/_jsx(NewCardForm, {
+        showSaveOption: state?.customization?.saveCards?.showSaveCardOption,
+        saveCard: state?.uiData?.saveCard || false,
+        onSaveCardChange: handleSaveCardChange,
+        style: state?.customization?.styles?.cardForm,
+        labels: state?.customization?.labels,
+        placeholders: state?.customization?.placeholders
+      }), state?.customization?.showMessages && state?.message && state?.message !== '' && state?.error && /*#__PURE__*/_jsx(View, {
+        style: {
+          ...styles.messageContainer,
+          ...(state?.customization?.styles?.errorMessage?.base || {})
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          style: {
+            ...styles.errorText,
+            ...buildBaseStyleText(state?.customization?.styles?.errorMessage)
+          },
+          children: state?.message
+        })
+      }), state?.customization?.showMessages && state?.message && state?.message !== '' && !state?.error && /*#__PURE__*/_jsx(View, {
+        style: {
+          ...styles.messageContainer,
+          ...(state?.customization?.styles?.successMessage?.base || {})
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          style: {
+            ...styles.successText,
+            ...buildBaseStyleText(state?.customization?.styles?.successMessage)
+          },
+          children: state?.message
+        })
+      }), state?.customization?.paymentMethods?.show && /*#__PURE__*/_jsx(PaymentMethodsList, {
+        methods: state?.uiData.paymentMethods,
+        selectedMethod: state?.uiData?.payment_method || '',
+        onMethodSelect: methodId => {
+          handleMethodSelect(methodId, 'payment_method');
+        },
+        style: state?.customization?.styles?.paymentMethods
+      }), state?.customization?.paymentButton?.show && /*#__PURE__*/_jsx(ProcessButton, {
+        text: `${state?.customization?.paymentButton?.text || 'Pagar'} ${state?.paymentData.cart.total && state?.customization?.paymentButton?.showAmount ? toCurrency(state?.paymentData.cart.total) : ''}`,
+        style: state?.customization?.styles?.paymentButton,
+        onPress: onPayment,
+        isLoading: state?.isProcessing
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'relative'
+  },
+  newCardSection: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 10,
+    paddingHorizontal: 20,
+    borderBottomWidth: 1,
+    borderBottomColor: '#e2e8f0'
+  },
+  cardImage: {
+    width: 32,
+    height: 20,
+    marginLeft: 15
+  },
+  newCardText: {
+    fontSize: 12,
+    color: '#1D1D1D',
+    marginLeft: 15
+  },
+  messageContainer: {
+    paddingHorizontal: 20
+  },
+  errorText: {
+    color: 'red',
+    fontSize: 12
+  },
+  successText: {
+    color: '#3bc635',
+    fontSize: 12
+  }
+});
+export default TonderPayment;
+//# sourceMappingURL=index.js.map