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

Boxpay Payment Gateway

"use strict";

import { View, Text, Pressable, Image } from 'react-native';
import { checkoutDetailsHandler } from "../sharedContext/checkoutDetailsHandler.js";
import { userDataHandler } from "../sharedContext/userdataHandler.js";
import styles from "../styles/components/addressCardStyles.js";
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
const AddressComponent = ({
  address,
  navigateToAddressScreen
}) => {
  const {
    checkoutDetails
  } = checkoutDetailsHandler;
  const {
    userData
  } = userDataHandler;
  return /*#__PURE__*/_jsxs(View, {
    children: [address != '' && checkoutDetails.isShippingAddressEnabled && /*#__PURE__*/_jsxs(View, {
      children: [/*#__PURE__*/_jsx(Text, {
        style: styles.titleText,
        children: "Address"
      }), /*#__PURE__*/_jsxs(Pressable, {
        style: styles.pressableContainer,
        onPress: () => {
          if (checkoutDetails.isShippingAddressEditable) {
            navigateToAddressScreen();
          }
        },
        children: [/*#__PURE__*/_jsx(Image, {
          source: require('../../assets/images/ic_location.png'),
          style: styles.imageStyle
        }), /*#__PURE__*/_jsxs(View, {
          style: styles.insideContainer,
          children: [/*#__PURE__*/_jsxs(Text, {
            style: styles.insideContainerNormalText,
            children: ["Deliver at", ' ', /*#__PURE__*/_jsx(Text, {
              style: styles.insideContainerHighlighedText,
              children: userData.labelType === 'Other' ? userData.labelName : userData.labelType
            })]
          }), /*#__PURE__*/_jsx(Text, {
            numberOfLines: 1,
            ellipsizeMode: "tail",
            style: styles.insideContainerDesc,
            children: address
          })]
        })]
      })]
    }), address == '' && checkoutDetails.isShippingAddressEnabled && /*#__PURE__*/_jsxs(View, {
      children: [/*#__PURE__*/_jsx(Text, {
        style: styles.titleText,
        children: "Address"
      }), /*#__PURE__*/_jsxs(Pressable, {
        style: styles.pressableContainer,
        onPress: () => {
          if (checkoutDetails.isShippingAddressEditable) {
            navigateToAddressScreen();
          }
        },
        children: [/*#__PURE__*/_jsx(Image, {
          source: require('../../assets/images/add_icon.png'),
          style: styles.imageStyle
        }), /*#__PURE__*/_jsx(Text, {
          numberOfLines: 1,
          ellipsizeMode: "tail",
          style: styles.insideContainerClickableText,
          children: "Add new address"
        })]
      })]
    }), (checkoutDetails.isFullNameEnabled || checkoutDetails.isPhoneEnabled || checkoutDetails.isEmailEnabled) && !checkoutDetails.isShippingAddressEnabled && /*#__PURE__*/_jsxs(View, {
      children: [/*#__PURE__*/_jsx(Text, {
        style: styles.titleText,
        children: "Personal Details"
      }), /*#__PURE__*/_jsxs(Pressable, {
        style: styles.pressableContainer,
        onPress: () => {
          if (checkoutDetails.isFullNameEditable || checkoutDetails.isPhoneEditable || checkoutDetails.isEmailEditable) {
            navigateToAddressScreen();
          }
        },
        children: [(userData.firstName != '' || userData.phone != '' || userData.email != '') && /*#__PURE__*/_jsxs(_Fragment, {
          children: [/*#__PURE__*/_jsx(Image, {
            source: require('../../assets/images/ic_user.png'),
            style: styles.imageStyle
          }), /*#__PURE__*/_jsxs(View, {
            style: styles.insideContainer,
            children: [/*#__PURE__*/_jsxs(Text, {
              style: styles.insideContainerHighlighedText,
              children: [userData.firstName, " ", userData.lastName, " | ", ' ', /*#__PURE__*/_jsx(Text, {
                style: styles.insideContainerHighlighedText,
                children: userData.phone
              })]
            }), /*#__PURE__*/_jsx(Text, {
              numberOfLines: 1,
              ellipsizeMode: "tail",
              style: styles.insideContainerDesc,
              children: userData.email
            })]
          })]
        }), (userData.firstName == '' || userData.phone == '' || userData.email == '') && /*#__PURE__*/_jsxs(_Fragment, {
          children: [/*#__PURE__*/_jsx(Image, {
            source: require('../../assets/images/add_icon.png'),
            style: styles.imageStyle
          }), /*#__PURE__*/_jsx(Text, {
            numberOfLines: 1,
            ellipsizeMode: "tail",
            style: styles.insideContainerClickableText,
            children: "Add personal details"
          })]
        })]
      })]
    })]
  });
};
export default AddressComponent;
//# sourceMappingURL=addressCard.js.map