@hipay/hipay-material-ui 3.11.1 → 3.12.0

package/HiPaymentMeans/HiPaymentMeans.js

@@ -1,626 +0,0 @@
-"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/HiPaymentMeans/index.js

@@ -1,15 +0,0 @@
-"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"));