boxpay-checkout-reactnative-sdk/lib/module/components/morePaymentMethods.js

Boxpay Payment Gateway

"use strict";

import { View, Text, Pressable } from 'react-native';
import { checkoutDetailsHandler } from "../sharedContext/checkoutDetailsHandler.js";
import MorePaymentContainer from "./morePaymentContainer.js";
import { useNavigation } from "@react-navigation/native";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const MorePaymentMethods = ({
  savedCards,
  stopTimer
}) => {
  const navigation = useNavigation();
  const {
    checkoutDetails
  } = checkoutDetailsHandler;
  const {
    isCardMethodEnabled: isCardVisible,
    isWalletMethodEnabled: isWalletVisible,
    isNetBankingMethodEnabled: isNetBankingVisible,
    isBnplMethodEnabled: isBNPLVisible,
    isEmiMethodEnabled: isEmiVisible,
    isUpiCollectMethodEnabled: isUpiCollectVisible,
    isUpiIntentMethodEnabled: isUpiIntentVisibile
  } = checkoutDetails;
  return /*#__PURE__*/_jsx(View, {
    children: (isCardVisible || isWalletVisible || isNetBankingVisible || isBNPLVisible || isEmiVisible) && /*#__PURE__*/_jsxs(View, {
      children: [isUpiCollectVisible || isUpiIntentVisibile ? /*#__PURE__*/_jsx(Text, {
        style: {
          marginStart: 16,
          marginTop: 12,
          fontSize: 14,
          color: '#020815B5',
          fontFamily: 'Poppins-SemiBold'
        },
        children: "More Payment Options"
      }) : /*#__PURE__*/_jsx(Text, {
        style: {
          marginStart: 16,
          marginTop: 12,
          fontSize: 14,
          color: '#020815B5',
          fontFamily: 'Poppins-SemiBold'
        },
        children: "Payment Options"
      }), /*#__PURE__*/_jsxs(View, {
        style: {
          flex: 1,
          backgroundColor: 'white',
          marginVertical: 8,
          marginHorizontal: 16,
          borderRadius: 12,
          flexDirection: 'column',
          borderColor: '#F1F1F1',
          borderWidth: 1,
          paddingBottom: 16
        },
        children: [isCardVisible && savedCards.length == 0 && /*#__PURE__*/_jsxs(Pressable, {
          style: {
            paddingHorizontal: 16,
            paddingTop: 16
          },
          onPress: () => {
            stopTimer();
            navigation.navigate("CardScreen", {});
          },
          children: [/*#__PURE__*/_jsx(MorePaymentContainer, {
            title: "Cards",
            image: require('../../assets/images/ic_card.png')
          }), (isWalletVisible || isNetBankingVisible || isEmiVisible || isBNPLVisible) && /*#__PURE__*/_jsx(View, {
            style: {
              flexDirection: 'row',
              height: 1,
              backgroundColor: '#ECECED',
              marginTop: 16,
              marginHorizontal: -16
            }
          })]
        }), isWalletVisible && /*#__PURE__*/_jsxs(Pressable, {
          style: {
            paddingHorizontal: 16,
            paddingTop: 16
          },
          onPress: () => {
            stopTimer();
            navigation.navigate("WalletScreen", {});
          },
          children: [/*#__PURE__*/_jsx(MorePaymentContainer, {
            title: "Wallet",
            image: require('../../assets/images/ic_wallet.png')
          }), (isNetBankingVisible || isEmiVisible || isBNPLVisible) && /*#__PURE__*/_jsx(View, {
            style: {
              flexDirection: 'row',
              height: 1,
              backgroundColor: '#ECECED',
              marginTop: 16,
              marginHorizontal: -16
            }
          })]
        }), isNetBankingVisible && /*#__PURE__*/_jsxs(Pressable, {
          style: {
            paddingHorizontal: 16,
            paddingTop: 16
          },
          onPress: () => {
            stopTimer();
            navigation.navigate("NetBankingScreen", {});
          },
          children: [/*#__PURE__*/_jsx(MorePaymentContainer, {
            title: "Netbanking",
            image: require('../../assets/images/ic_netbanking.png')
          }), (isEmiVisible || isBNPLVisible) && /*#__PURE__*/_jsx(View, {
            style: {
              flexDirection: 'row',
              height: 1,
              backgroundColor: '#ECECED',
              marginTop: 16,
              marginHorizontal: -16
            }
          })]
        }), isEmiVisible && /*#__PURE__*/_jsxs(Pressable, {
          style: {
            paddingHorizontal: 16,
            paddingTop: 16
          },
          onPress: () => {
            stopTimer();
            navigation.navigate("EmiScreen", {});
          },
          children: [/*#__PURE__*/_jsx(MorePaymentContainer, {
            title: "EMI",
            image: require('../../assets/images/ic_emi.png')
          }), isBNPLVisible && /*#__PURE__*/_jsx(View, {
            style: {
              flexDirection: 'row',
              height: 1,
              backgroundColor: '#ECECED',
              marginTop: 16,
              marginHorizontal: -16
            }
          })]
        }), isBNPLVisible && /*#__PURE__*/_jsx(Pressable, {
          style: {
            paddingHorizontal: 16,
            paddingTop: 16
          },
          onPress: () => {
            stopTimer();
            navigation.navigate("BNPLScreen", {});
          },
          children: /*#__PURE__*/_jsx(MorePaymentContainer, {
            title: "Pay Later",
            image: require('../../assets/images/ic_bnpl.png')
          })
        })]
      })]
    })
  });
};
export default MorePaymentMethods;
//# sourceMappingURL=morePaymentMethods.js.map