@hipay/hipay-material-ui 3.15.2 → 3.15.3-beta.1

package/es/HiListItemLink/HiListItemLink.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
-
 var _ArrowRight = _interopRequireDefault(require("@mui/icons-material/ArrowRight"));
-
 var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     root: function root(props) {
@@ -53,9 +45,9 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
         fontSize: "14px",
         textTransform: "uppercase",
         flex: props.secondary ? "initial" : 1 // expand primary text unless there is secondary
-
       };
     },
+
     secondary: {
       alignSelf: "center",
       color: theme.palette.neutral.light,
@@ -69,16 +61,14 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
-
 var _ref = /*#__PURE__*/_react.default.createElement(_ArrowRight.default, null);
-
 var HiListItemLink = _react.default.forwardRef(function (props, ref) {
   var disabled = props.disabled,
-      info = props.info,
-      primary = props.primary,
-      secondary = props.secondary,
-      icon = props.icon,
-      others = (0, _objectWithoutProperties2.default)(props, ["disabled", "info", "primary", "secondary", "icon"]);
+    info = props.info,
+    primary = props.primary,
+    secondary = props.secondary,
+    icon = props.icon,
+    others = (0, _objectWithoutProperties2.default)(props, ["disabled", "info", "primary", "secondary", "icon"]);
   var classes = useStyles(props);
   return /*#__PURE__*/_react.default.createElement(_ListItem.default, (0, _extends2.default)({
     ref: ref,
@@ -94,7 +84,6 @@ var HiListItemLink = _react.default.forwardRef(function (props, ref) {
     className: classes.info
   }, info), icon, _ref);
 });
-
 HiListItemLink.defaultProps = {
   disabled: false,
   info: null,
@@ -102,5 +91,4 @@ HiListItemLink.defaultProps = {
   secondary: null,
   icon: null
 };
-var _default = HiListItemLink;
-exports.default = _default;
+var _default = exports.default = HiListItemLink;

package/es/HiListItemLink/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _HiListItemLink.default;
   }
 });
-
 var _HiListItemLink = _interopRequireDefault(require("./HiListItemLink"));

package/es/HiLoader/HiLoader.js

@@ -1,26 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _PropagateLoader = _interopRequireDefault(require("react-spinners/PropagateLoader"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 function HiLoader(props) {
   var className = props.className,
-      color = props.color,
-      size = props.size,
-      theme = props.theme,
-      style = props.style;
+    color = props.color,
+    size = props.size,
+    theme = props.theme,
+    style = props.style;
   return /*#__PURE__*/_react.default.createElement("div", {
     id: "hi-loader",
     className: className,
@@ -34,16 +28,12 @@ function HiLoader(props) {
     color: theme.palette[color].main
   }));
 }
-
 HiLoader.defaultProps = {
   size: 12,
   color: 'primary'
 };
-
-var _default = (0, _withStyles.default)({}, {
+var _default = exports.default = (0, _withStyles.default)({}, {
   hiComponent: true,
   withTheme: true,
   name: 'HmuiHiLoader'
-})(HiLoader);
-
-exports.default = _default;
+})(HiLoader);

package/es/HiLoader/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _HiLoader.default;
   }
 });
-
 var _HiLoader = _interopRequireDefault(require("./HiLoader"));

package/es/HiNotice/HiKPI.js

@@ -1,41 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _ButtonBase = _interopRequireDefault(require("@mui/material/ButtonBase"));
-
 var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     root: {
       background: theme.palette.background3,
@@ -71,7 +55,7 @@ var styles = function styles(theme) {
         boxShadow: '0px 3px 5px 0px rgba(0, 0, 0, 0.24)'
       }
     },
-    positive: {
+    success: {
       boxShadow: '0px 1px 3px 0px rgba(0, 175, 1, 0.36)',
       '&:hover, &:focus': {
         boxShadow: '0px 3px 5px 0px rgba(0, 175, 1, 0.44)'
@@ -114,49 +98,38 @@ var styles = function styles(theme) {
     }
   };
 };
-
-exports.styles = styles;
-
 var HiKPI = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(HiKPI, _React$Component);
-
   var _super = _createSuper(HiKPI);
-
   function HiKPI(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiKPI);
     _this = _super.call(this, props);
-
     _this.handleClick = function (id) {
       return function () {
         _this.props.onClick(id);
       };
     };
-
     _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
-
   (0, _createClass2.default)(HiKPI, [{
     key: "render",
     value: function render() {
-      var _classNames;
-
       var _this$props = this.props,
-          classes = _this$props.classes,
-          minify = _this$props.minify,
-          bodyMinify = _this$props.bodyMinify,
-          active = _this$props.active,
-          title = _this$props.title,
-          body = _this$props.body,
-          subtitle = _this$props.subtitle,
-          color = _this$props.color,
-          id = _this$props.id,
-          tooltip = _this$props.tooltip,
-          disable = _this$props.disable,
-          buttonId = _this$props.buttonId;
-      var rootclass = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.inherit, color === 'inherit'), (0, _defineProperty2.default)(_classNames, classes.warning, color === 'warning' && !disable), (0, _defineProperty2.default)(_classNames, classes.error, color === 'error' && !disable), (0, _defineProperty2.default)(_classNames, classes.positive, color === 'positive' && !disable), (0, _defineProperty2.default)(_classNames, classes.active, active), (0, _defineProperty2.default)(_classNames, classes.minify, minify), (0, _defineProperty2.default)(_classNames, classes.rootDisable, disable), _classNames));
+        classes = _this$props.classes,
+        minify = _this$props.minify,
+        bodyMinify = _this$props.bodyMinify,
+        active = _this$props.active,
+        title = _this$props.title,
+        body = _this$props.body,
+        subtitle = _this$props.subtitle,
+        color = _this$props.color,
+        id = _this$props.id,
+        tooltip = _this$props.tooltip,
+        disable = _this$props.disable,
+        buttonId = _this$props.buttonId;
+      var rootclass = (0, _classnames.default)(classes.root, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.inherit, color === 'inherit'), classes.warning, color === 'warning' && !disable), classes.error, color === 'error' && !disable), classes.success, color === 'success' && !disable), classes.active, active), classes.minify, minify), classes.rootDisable, disable));
       return /*#__PURE__*/_react.default.createElement(_ButtonBase.default, {
         id: buttonId,
         className: rootclass,
@@ -178,16 +151,12 @@ var HiKPI = /*#__PURE__*/function (_React$Component) {
   }]);
   return HiKPI;
 }(_react.default.Component);
-
 HiKPI.defaultProps = {
   active: false,
   minify: false,
   color: 'inherit'
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiKPI'
-})(HiKPI);
-
-exports.default = _default;
+})(HiKPI);

package/es/HiNotice/HiKPINotice.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _HiKPI = _interopRequireDefault(require("./HiKPI"));
-
 var styles = function styles() {
   return {
     container: {
@@ -24,13 +19,12 @@ var styles = function styles() {
     }
   };
 };
-
 var HiKPINotice = function HiKPINotice(_ref) {
   var classes = _ref.classes,
-      kpis = _ref.kpis,
-      activeKpi = _ref.activeKpi,
-      minify = _ref.minify,
-      onClickOnKPI = _ref.onClickOnKPI;
+    kpis = _ref.kpis,
+    activeKpi = _ref.activeKpi,
+    minify = _ref.minify,
+    onClickOnKPI = _ref.onClickOnKPI;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.container
   }, Object.keys(kpis).map(function (key) {
@@ -55,15 +49,11 @@ var HiKPINotice = function HiKPINotice(_ref) {
     });
   }));
 };
-
 HiKPINotice.defaultProps = {
   activeKpi: null,
   minify: false
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiKPINotice'
-})(HiKPINotice);
-
-exports.default = _default;
+})(HiKPINotice);

package/es/HiNotice/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "HiKPINotice", {
     return _HiKPINotice.default;
   }
 });
-
 var _HiKPI = _interopRequireDefault(require("./HiKPI"));
-
 var _HiKPINotice = _interopRequireDefault(require("./HiKPINotice"));

package/es/HiPagination/HiPagination.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _PaginationItem = _interopRequireDefault(require("@mui/lab/PaginationItem"));
-
 var _Pagination = _interopRequireDefault(require("@mui/material/Pagination"));
-
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     paginationItem: {
@@ -36,7 +29,6 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
-
 var HiPagination = function HiPagination(props) {
   var classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_Pagination.default, (0, _extends2.default)({
@@ -50,6 +42,4 @@ var HiPagination = function HiPagination(props) {
     }
   }, props));
 };
-
-var _default = HiPagination;
-exports.default = _default;
+var _default = exports.default = HiPagination;

package/es/HiPagination/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _HiPagination.default;
   }
 });
-
 var _HiPagination = _interopRequireDefault(require("./HiPagination"));

package/es/HiPaymentMeans/HiPaymentMeans.js

@@ -1,57 +1,41 @@
 "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; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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
-
+  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";
@@ -60,19 +44,13 @@ var CREDIT_CONSUMPTION = "credit-consumption";
 var REALTIME_BANKING = "realtime-banking";
 var PAYMENT_REFERENCE = "payment-reference";
 var EWALLET = "ewallet";
-
-var formatIBANNumber = function formatIBANNumber(value) {
+var formatIBANNumber = exports.formatIBANNumber = function formatIBANNumber(value) {
   return formatNumber(value, 4);
 };
-
-exports.formatIBANNumber = formatIBANNumber;
-
-var formatReferenceNumber = function formatReferenceNumber(value) {
+var formatReferenceNumber = exports.formatReferenceNumber = function formatReferenceNumber(value) {
   return formatNumber(value, 3);
 };
-
-exports.formatReferenceNumber = formatReferenceNumber;
-var useStyles = (0, _makeStyles.default)(function (theme) {
+var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     bankCard: {
       position: "relative",
@@ -358,70 +336,57 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
-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,
-      hideIbanType = props.hideIbanType,
-      logo = props.logo,
-      logoMerchant = props.logoMerchant,
-      svgPath = props.svgPath,
-      translations = props.translations,
-      type = props.type,
-      yearMember = props.yearMember,
-      fallbackImage = props.fallbackImage,
-      entity = props.entity;
+    cardNumber = props.cardNumber,
+    cardUser = props.cardUser,
+    cardUserGender = props.cardUserGender,
+    cardValidity = props.cardValidity,
+    colorPrimary = props.colorPrimary,
+    colorSecondary = props.colorSecondary,
+    credit = props.credit,
+    hideIbanType = props.hideIbanType,
+    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];
-
+    _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)),
+      className: (0, _classnames.default)(classes.logo, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.logoLeft, [EWALLET, OPEN_INVOICE, PAYMENT_REFERENCE, CREDIT_CONSUMPTION, REALTIME_BANKING].includes(type)), classes.logoRight, ![EWALLET, OPEN_INVOICE, PAYMENT_REFERENCE, CREDIT_CONSUMPTION, REALTIME_BANKING].includes(type))),
       onError: function onError(e) {
         if (fallbackImage) {
           e.target.src = fallbackImage;
@@ -430,8 +395,9 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
         }
       }
     });
-  }, [classes, fallbackImage, logo, type, svgPath]); // RENDER
+  }, [classes, fallbackImage, logo, type, svgPath]);
 
+  // RENDER
   switch (type) {
     case EWALLET:
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -455,7 +421,6 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
       }, 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", {
@@ -483,7 +448,6 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
       }, 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),
@@ -524,7 +488,6 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
         title: businessName,
         "data-name": "business_name"
       }, businessName));
-
     case OPEN_INVOICE:
     case PAYMENT_REFERENCE:
     case CREDIT_CONSUMPTION:
@@ -557,7 +520,6 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
         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),
@@ -581,7 +543,6 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
       }, 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),
@@ -610,7 +571,6 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
       }, "Valid Thru"));
   }
 };
-
 HiPaymentMeans.defaultProps = {
   cardUserGender: "U",
   credit: true,
@@ -624,5 +584,4 @@ HiPaymentMeans.defaultProps = {
     iban: "IBAN"
   }
 };
-var _default = HiPaymentMeans;
-exports.default = _default;
+var _default = exports.default = HiPaymentMeans;

package/es/HiPaymentMeans/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _HiPaymentMeans.default;
   }
 });
-
 var _HiPaymentMeans = _interopRequireDefault(require("./HiPaymentMeans"));