@hipay/hipay-material-ui 3.12.0 → 3.12.2

package/es/HiPaymentMeans/HiPaymentMeans.js

@@ -0,0 +1,626 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = exports.formatReferenceNumber = exports.formatIBANNumber = exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@mui/material/styles");
+
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var formatCardNumber = function formatCardNumber(cardNumber) {
+  cardNumber = cardNumber.replace(/X/g, "*");
+
+  if (cardNumber.search(" ") < 0) {
+    cardNumber = "".concat(cardNumber.substring(0, 4), " ").concat(cardNumber.substring(4, 8), " ").concat(cardNumber.substring(8, 12), " ").concat(cardNumber.substring(12, 16));
+  }
+
+  return cardNumber;
+};
+/**
+ * Format number with group of $size char
+ * ie : ("123456789", 4) => "1234 5678 9"
+ */
+
+
+var formatNumber = function formatNumber(number) {
+  var digitGroupLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 4;
+  // 1) remove spaces
+  var res = number.replace(/\s/g, ""); // 2) add space each 4 chars
+
+  return (0, _toConsumableArray2.default)(res).map(function (char, index) {
+    return index > 0 && index % digitGroupLength === 0 ? " ".concat(char) : char;
+  }).join("");
+};
+
+var CREDIT_CARD = "credit-card";
+var DEBIT_CARD = "debit-card";
+var PREPAID_CARD = "prepraid-card";
+var OPEN_INVOICE = "open-invoice";
+var CREDIT_CONSUMPTION = "credit-consumption";
+var REALTIME_BANKING = "realtime-banking";
+var PAYMENT_REFERENCE = "payment-reference";
+var EWALLET = "ewallet";
+
+var formatIBANNumber = function formatIBANNumber(value) {
+  return formatNumber(value, 4);
+};
+
+exports.formatIBANNumber = formatIBANNumber;
+
+var formatReferenceNumber = function formatReferenceNumber(value) {
+  return formatNumber(value, 3);
+};
+
+exports.formatReferenceNumber = formatReferenceNumber;
+var useStyles = (0, _makeStyles.default)(function (theme) {
+  return {
+    bankCard: {
+      position: "relative",
+      width: 256,
+      height: 160,
+      borderRadius: 13
+    },
+    wallet: {
+      position: "relative",
+      width: 256,
+      height: 160,
+      filter: "drop-shadow(30px 10px 4px #4444dd)",
+      webkitFilter: "drop-shadow(30px 10px 4px #4444dd)"
+    },
+    shadow: {
+      boxShadow: "0px 2px 5px rgba(0, 0, 0, 0.24)"
+    },
+    walletShadow: {
+      width: 256,
+      height: 160,
+      backgroundSize: "100%",
+      filter: "drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.24))",
+      webkitFilter: "drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.24))",
+      mozFilter: "drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.24))"
+    },
+    sepa: {
+      position: "relative",
+      width: 256,
+      height: 160,
+      borderRadius: 3
+    },
+    logo: {
+      height: 36,
+      marginTop: 2
+    },
+    logoRight: {
+      float: "right",
+      marginRight: 18
+    },
+    logoLeft: {
+      marginLeft: 18
+    },
+    logoMerchant: {
+      marginLeft: "-31px"
+    },
+    stripe: {
+      width: 96,
+      height: 40,
+      background: "#FFFFFF"
+    },
+    stripeTopRight: {
+      display: "inline-block",
+      float: "right",
+      marginTop: 11
+    },
+    stripeTopLeft: {
+      display: "inline-block",
+      float: "left",
+      marginTop: 11
+    },
+    stripeBottomLeft: {
+      display: "inline-block",
+      float: "left",
+      marginTop: 38
+    },
+    stripeGradient: {
+      width: 111,
+      height: 40
+    },
+    stripeGradientTopRight: {
+      background: "linear-gradient(to right, rgba(0,255,0,0), #FFFFFF)",
+      marginTop: 11
+    },
+    stripeGradientTopLeft: {
+      background: "linear-gradient(to left, rgba(0,255,0,0), #FFFFFF)",
+      marginTop: 11
+    },
+    stripeGradientBottomLeft: {
+      background: "linear-gradient(to left, rgba(0,255,0,0), #FFFFFF)",
+      marginTop: 38
+    },
+    labelMedium: {
+      display: "block",
+      fontFamily: theme.typography.fontFamily,
+      fontSize: 10,
+      color: "#FFFFFF"
+    },
+    corporateNumberLabel: {
+      float: "left",
+      marginTop: 5,
+      paddingLeft: 22,
+      height: 10,
+      width: 234
+    },
+    cardNumberLabel: {
+      float: "left",
+      paddingLeft: 22,
+      height: 10,
+      width: 234,
+      marginBottom: 18
+    },
+    giftCardNumberLabel: {
+      float: "left",
+      paddingLeft: 21,
+      height: 10,
+      width: 234,
+      marginTop: 25
+    },
+    ibanLabel: {
+      float: "left",
+      marginTop: 23,
+      paddingLeft: 12,
+      height: 10,
+      width: 234,
+      textTransform: "uppercase"
+    },
+    entityLabel: {
+      float: "left",
+      paddingLeft: 12,
+      height: 10,
+      width: 234,
+      textTransform: "uppercase"
+    },
+    number: {
+      display: "block",
+      float: "left",
+      fontFamily: theme.typography.fontFamily,
+      color: "#FFFFFF"
+    },
+    cardNumber: {
+      fontSize: 18,
+      width: 235,
+      paddingLeft: 21,
+      marginTop: 16,
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
+    },
+    giftCardNumber: {
+      fontSize: 18,
+      width: 235,
+      paddingLeft: 21,
+      marginBottom: 28,
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
+    },
+    corporateNumber: {
+      fontSize: 18,
+      height: 25,
+      width: 234,
+      paddingLeft: 22,
+      marginBottom: 4,
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
+    },
+    ibanNumber: {
+      fontSize: 14,
+      height: 16,
+      width: 256,
+      paddingLeft: 12,
+      marginBottom: 11,
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
+    },
+    entityNumber: {
+      fontSize: 14,
+      height: 16,
+      width: 256,
+      paddingLeft: 12,
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
+    },
+    memberSince: {
+      display: "block",
+      float: "left",
+      paddingLeft: 22,
+      maxHeight: 19,
+      maxWidth: 52,
+      lineHeight: "9px",
+      textAlign: "right",
+      verticalAlign: "middle",
+      fontFamily: theme.typography.fontFamily,
+      fontSize: 8,
+      color: "#FFFFFF"
+    },
+    yearMember: {
+      display: "block",
+      float: "left",
+      marginLeft: 4,
+      marginTop: 2,
+      height: 19,
+      width: 33,
+      fontFamily: theme.typography.fontFamily,
+      fontSize: 14,
+      color: "#FFFFFF"
+    },
+    validThru: {
+      position: "absolute",
+      right: 67,
+      bottom: 22,
+      display: "block",
+      maxHeight: 19,
+      maxWidth: 35,
+      lineHeight: "9px",
+      textAlign: "right",
+      verticalAlign: "middle",
+      fontFamily: theme.typography.fontFamily,
+      fontSize: 8,
+      color: "#FFFFFF"
+    },
+    dateValid: {
+      position: "absolute",
+      left: 192,
+      bottom: 20,
+      display: "block",
+      height: 19,
+      width: 55,
+      fontFamily: theme.typography.fontFamily,
+      fontSize: 14,
+      color: "#FFFFFF"
+    },
+    labelLarge: {
+      display: "block",
+      fontFamily: theme.typography.fontFamily,
+      fontSize: 13,
+      color: "#FFFFFF",
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
+    },
+    userNameCard: {
+      position: "absolute",
+      left: 22,
+      bottom: 21,
+      height: 16,
+      width: 150
+    },
+    userNameSepa: {
+      position: "absolute",
+      left: 12,
+      bottom: 21,
+      height: 16,
+      width: 150
+    },
+    userNameCorporate: {
+      float: "left",
+      marginTop: 8,
+      paddingLeft: 22,
+      height: 16,
+      width: 234
+    },
+    userNameWallet: {
+      float: "left",
+      marginTop: 54,
+      paddingLeft: 22,
+      height: 16,
+      width: 184
+    },
+    businessName: {
+      float: "left",
+      paddingLeft: 22,
+      height: 16,
+      width: 234
+    },
+    labelDebitCredit: {
+      position: "absolute",
+      right: 15,
+      bottom: 8,
+      height: 15,
+      fontWeight: "500"
+    },
+    corporateLabel: {
+      float: "right",
+      marginRight: "-25px",
+      marginTop: 10,
+      fontFamily: theme.typography.fontFamily,
+      fontSize: 18,
+      fontWeight: "500"
+    }
+  };
+});
+exports.useStyles = useStyles;
+
+var HiPaymentMeans = function HiPaymentMeans(props) {
+  var businessName = props.businessName,
+      cardNumber = props.cardNumber,
+      cardUser = props.cardUser,
+      cardUserGender = props.cardUserGender,
+      cardValidity = props.cardValidity,
+      colorPrimary = props.colorPrimary,
+      colorSecondary = props.colorSecondary,
+      credit = props.credit,
+      logo = props.logo,
+      logoMerchant = props.logoMerchant,
+      svgPath = props.svgPath,
+      translations = props.translations,
+      type = props.type,
+      yearMember = props.yearMember,
+      fallbackImage = props.fallbackImage,
+      entity = props.entity;
+  var classes = useStyles(props);
+  var theme = (0, _styles.useTheme)();
+  var formatNumber = (0, _react.useMemo)(function () {
+    if ([CREDIT_CARD, DEBIT_CARD, PREPAID_CARD].includes(type)) {
+      return cardNumber && formatCardNumber(cardNumber);
+    }
+
+    if ([OPEN_INVOICE, CREDIT_CONSUMPTION, REALTIME_BANKING].includes(type)) {
+      return cardNumber && formatIBANNumber(cardNumber);
+    }
+
+    if (PAYMENT_REFERENCE === type) {
+      return cardNumber && formatReferenceNumber(cardNumber);
+    }
+
+    return cardNumber;
+  }, [type, cardNumber]);
+
+  var _ref = colorPrimary ? [colorPrimary, colorSecondary] : [theme.palette.primary.main, theme.palette.primary.dark],
+      _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+      color1 = _ref2[0],
+      color2 = _ref2[1];
+
+  var username = cardUser;
+
+  if (cardUserGender === "F") {
+    username = "".concat(translations.gender_female, " ").concat(cardUser);
+  } else if (cardUserGender === "M") {
+    username = "".concat(translations.gender_male, " ").concat(cardUser);
+  }
+
+  var creditDebit = null;
+
+  if (translations.credit && translations.debit) {
+    creditDebit = (credit ? translations.credit : translations.debit).toUpperCase();
+  }
+
+  var imgComponent = (0, _react.useMemo)(function () {
+    var _classNames;
+
+    return /*#__PURE__*/_react.default.createElement("img", {
+      src: logo || "".concat(svgPath, "sans_logo_full.svg"),
+      alt: "",
+      className: (0, _classnames.default)(classes.logo, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.logoLeft, [EWALLET, OPEN_INVOICE, PAYMENT_REFERENCE, CREDIT_CONSUMPTION, REALTIME_BANKING].includes(type)), (0, _defineProperty2.default)(_classNames, classes.logoRight, ![EWALLET, OPEN_INVOICE, PAYMENT_REFERENCE, CREDIT_CONSUMPTION, REALTIME_BANKING].includes(type)), _classNames)),
+      onError: function onError(e) {
+        if (fallbackImage) {
+          e.target.src = fallbackImage;
+        } else {
+          e.target.style.display = "none";
+        }
+      }
+    });
+  }, [classes, fallbackImage, logo, type, svgPath]); // RENDER
+
+  switch (type) {
+    case EWALLET:
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.walletShadow,
+        style: {
+          backgroundImage: "url(\"".concat(svgPath, "Wallet_shape.svg\")")
+        },
+        "data-name": "ewallet"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.wallet,
+        style: {
+          background: "linear-gradient(".concat(color1, ", ").concat(color2 || color1, ")"),
+          WebkitMask: "url(\"".concat(svgPath, "Wallet_shape.svg\")")
+        }
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelLarge, classes.userNameWallet),
+        title: username,
+        "data-name": "card_name"
+      }, username), /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _classnames.default)(classes.stripe, classes.stripeBottomLeft)
+      }, imgComponent), /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _classnames.default)(classes.stripeGradient, classes.stripeBottomLeft, classes.stripeGradientBottomLeft)
+      })));
+
+    case "credit-card":
+    case "debit-card":
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.bankCard, classes.shadow),
+        style: {
+          background: "linear-gradient(".concat(color1, ", ").concat(color2 || color1, ")")
+        },
+        "data-name": "card"
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _classnames.default)(classes.stripe, classes.stripeTopRight)
+      }, imgComponent), /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _classnames.default)(classes.stripeGradient, classes.stripeTopRight, classes.stripeGradientTopRight)
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.number, classes.cardNumber),
+        "data-name": "card_number"
+      }, formatNumber), cardNumber && /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelMedium, classes.cardNumberLabel)
+      }, "Card number"), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelLarge, classes.userNameCard),
+        title: username,
+        "data-name": "card_name"
+      }, username), /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.dateValid,
+        "data-name": "card_validity"
+      }, cardValidity), cardValidity && /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.validThru
+      }, "Valid Thru"));
+
+    case "corporate":
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.bankCard, classes.shadow),
+        style: {
+          background: "linear-gradient(".concat(color1, ", ").concat(color2 || color1, ")")
+        },
+        "data-name": "corporate"
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _classnames.default)(classes.stripe, classes.stripeTopRight)
+      }, imgComponent), /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _classnames.default)(classes.stripeGradient, classes.stripeTopRight, classes.stripeGradientTopRight)
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.corporateLabel,
+        style: {
+          color: color1
+        }
+      }, "CORPORATE")), cardNumber && /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelMedium, classes.corporateNumberLabel)
+      }, "Card number"), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.number, classes.corporateNumber),
+        "data-name": "card_number"
+      }, cardNumber), yearMember && /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.memberSince
+      }, "Member Since"), /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.yearMember,
+        "data-name": "year_member"
+      }, yearMember), /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.dateValid,
+        "data-name": "card_validity"
+      }, cardValidity), cardValidity && /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.validThru
+      }, "Valid Thru"), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelLarge, classes.userNameCorporate),
+        title: cardUser,
+        "data-name": "card_name"
+      }, cardUser), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelLarge, classes.businessName),
+        title: businessName,
+        "data-name": "business_name"
+      }, businessName));
+
+    case OPEN_INVOICE:
+    case PAYMENT_REFERENCE:
+    case CREDIT_CONSUMPTION:
+    case REALTIME_BANKING:
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.sepa, classes.shadow),
+        style: {
+          background: "linear-gradient(".concat(color1, ", ").concat(color2 || color1, ")")
+        },
+        "data-name": "sepa"
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _classnames.default)(classes.stripe, classes.stripeTopLeft)
+      }, imgComponent), /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _classnames.default)(classes.stripeGradient, classes.stripeTopLeft, classes.stripeGradientTopLeft)
+      }), cardNumber && /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelMedium, classes.ibanLabel)
+      }, PAYMENT_REFERENCE === type ? "REFERENCE" : translations.iban), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.number, classes.ibanNumber),
+        "data-name": "card_number"
+      }, formatNumber), entity && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelMedium, classes.entityLabel)
+      }, translations.entity ? translations.entity : "ENTITY"), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.number, classes.entityNumber),
+        "data-name": "entity_number"
+      }, entity)), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelLarge, classes.userNameSepa),
+        title: username,
+        "data-name": "card_name"
+      }, username), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelLarge, classes.labelDebitCredit),
+        "data-name": "type_iban"
+      }, creditDebit));
+
+    case "prepaid-card":
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.bankCard, classes.shadow),
+        style: {
+          background: "url(\"".concat(svgPath, "Gift_shape.svg\"), linear-gradient(").concat(color1, ", ").concat(color2 || color1, ")")
+        },
+        "data-name": "prepaid-card"
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _classnames.default)(classes.stripe, classes.stripeTopRight)
+      }, imgComponent), /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _classnames.default)(classes.stripeGradient, classes.stripeTopRight, classes.stripeGradientTopRight)
+      }, /*#__PURE__*/_react.default.createElement("img", {
+        src: logoMerchant,
+        alt: "",
+        className: (0, _classnames.default)(classes.logo, classes.logoMerchant)
+      })), cardNumber && /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelMedium, classes.giftCardNumberLabel)
+      }, "Card number"), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.number, classes.giftCardNumber),
+        "data-name": "card_number"
+      }, cardNumber), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelLarge, classes.labelDebitCredit)
+      }, translations.gift_card));
+
+    default:
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.bankCard, classes.shadow),
+        style: {
+          background: "linear-gradient(".concat(color1, ", ").concat(color2 || color1, ")")
+        },
+        "data-name": "card"
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _classnames.default)(classes.stripe, classes.stripeTopRight)
+      }, imgComponent), /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _classnames.default)(classes.stripeGradient, classes.stripeTopRight, classes.stripeGradientTopRight)
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.number, classes.cardNumber),
+        "data-name": "card_number"
+      }, cardNumber), cardNumber && /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelMedium, classes.cardNumberLabel)
+      }, "Card number"), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelLarge, classes.userNameCard),
+        title: username,
+        "data-name": "card_name"
+      }, username), /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.dateValid,
+        "data-name": "card_validity"
+      }, cardValidity), cardValidity && /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.validThru
+      }, "Valid Thru"));
+  }
+};
+
+HiPaymentMeans.defaultProps = {
+  cardUserGender: "U",
+  credit: true,
+  translations: {
+    credit: "credit",
+    debit: "debit",
+    gift_card: "GIFT CARD",
+    gender_female: "Mrs",
+    gender_male: "Mr",
+    iban: "IBAN"
+  }
+};
+var _default = HiPaymentMeans;
+exports.default = _default;

package/es/HiPaymentMeans/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _HiPaymentMeans.default;
+  }
+});
+
+var _HiPaymentMeans = _interopRequireDefault(require("./HiPaymentMeans"));