@hipay/hipay-material-ui 3.6.2 → 3.7.0

package/HiIcon/HiIcon.js

@@ -67,7 +67,7 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
 
   switch (iconType) {
     case "line_awesome":
-      return _react.default.createElement("i", (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement("i", (0, _extends2.default)({
         ref: ref,
         className: (0, _classnames.default)('fa', iconName, className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
         style: {
@@ -77,7 +77,7 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
 
     case "hipay":
       var HipayIconName = hiSvgIcons[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName))];
-      return _react.default.createElement(HipayIconName, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(HipayIconName, (0, _extends2.default)({
         ref: ref,
         className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
         color: "currentColor",
@@ -87,7 +87,7 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
     case "mui":
     default:
       // console.log({ ...props });
-      return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_Icon.default, (0, _extends2.default)({
         ref: ref,
         className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
         color: "inherit",

package/HiIconButton/HiIconButton.js

@@ -62,7 +62,7 @@ function HiIconButton(props) {
   var isExtendedColor = ['positive', 'negative', 'middle', 'neutral'].includes(color);
   var isCustomColor = isHexColor || isExtendedColor;
   var rootClassNames = (0, _classnames.default)((0, _defineProperty2.default)({}, classes.rootCustomColor, isCustomColor));
-  return _react.default.createElement(_IconButton.default, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({
     className: className,
     classes: {
       root: rootClassNames,

package/HiListItemLink/HiListItemLink.js

@@ -70,7 +70,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
   };
 });
 
-var _ref = _react.default.createElement(_ArrowRight.default, null);
+var _ref = /*#__PURE__*/_react.default.createElement(_ArrowRight.default, null);
 
 var HiListItemLink = _react.default.forwardRef(function (props, ref) {
   var disabled = props.disabled,
@@ -80,17 +80,17 @@ var HiListItemLink = _react.default.forwardRef(function (props, ref) {
       icon = props.icon,
       others = (0, _objectWithoutProperties2.default)(props, ["disabled", "info", "primary", "secondary", "icon"]);
   var classes = useStyles(props);
-  return _react.default.createElement(_ListItem.default, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_ListItem.default, (0, _extends2.default)({
     ref: ref,
     className: classes.root,
     button: true,
     disableGutters: true,
     disabled: disabled
-  }, others), _react.default.createElement("div", {
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
     className: classes.primary
-  }, primary), secondary && _react.default.createElement("div", {
+  }, primary), secondary && /*#__PURE__*/_react.default.createElement("div", {
     className: classes.secondary
-  }, secondary), info && _react.default.createElement("div", {
+  }, secondary), info && /*#__PURE__*/_react.default.createElement("div", {
     className: classes.info
   }, info), icon, _ref);
 });

package/HiLoader/HiLoader.js

@@ -21,7 +21,7 @@ function HiLoader(props) {
       size = props.size,
       theme = props.theme,
       style = props.style;
-  return _react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     id: "hi-loader",
     className: className,
     style: (0, _objectSpread2.default)({}, style, {
@@ -29,7 +29,7 @@ function HiLoader(props) {
       width: 1,
       height: 12
     })
-  }, _react.default.createElement(_PropagateLoader.default, {
+  }, /*#__PURE__*/_react.default.createElement(_PropagateLoader.default, {
     size: size,
     color: theme.palette[color].main
   }));

package/HiMap/HiMap.js

@@ -11,14 +11,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 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 _styles = require("@material-ui/core/styles");
@@ -33,6 +33,10 @@ var _leaflet = _interopRequireDefault(require("leaflet"));
 
 var _reactLeaflet = require("react-leaflet");
 
+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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var apiUrl = 'https://nominatim.openstreetmap.org/search?q='; // The original CSS can be found here : https://unpkg.com/leaflet@1.3.1/dist/leaflet.css
 
 var styles = function styles(theme) {
@@ -122,24 +126,24 @@ var styles = function styles(theme) {
 
 exports.styles = styles;
 
-var _ref = _react.default.createElement(_reactLeaflet.TileLayer, {
+var _ref = /*#__PURE__*/_react.default.createElement(_reactLeaflet.TileLayer, {
   url: "http://{s}.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png"
 });
 
-var _ref2 = _react.default.createElement(_HiLoader.default, {
+var _ref2 = /*#__PURE__*/_react.default.createElement(_HiLoader.default, {
   loading: true
 });
 
-var HiMap =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var HiMap = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiMap, _React$PureComponent);
 
+  var _super = _createSuper(HiMap);
+
   function HiMap(props) {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiMap);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiMap).call(this, props));
+    _this = _super.call(this, props);
     _this.mounted = false;
     _this.state = {
       lat: 0,
@@ -252,36 +256,36 @@ function (_React$PureComponent) {
           iconSize: [24, 36],
           iconAnchor: [11, 36]
         });
-        element = _react.default.createElement(_reactLeaflet.Map, {
+        element = /*#__PURE__*/_react.default.createElement(_reactLeaflet.Map, {
           zoom: zoom,
           center: position,
           className: classes.map,
           onViewportChange: this.handleScrollZoom
-        }, _ref, _react.default.createElement(_reactLeaflet.Marker, {
+        }, _ref, /*#__PURE__*/_react.default.createElement(_reactLeaflet.Marker, {
           position: position,
           icon: myIcon
-        }), _react.default.createElement("div", {
+        }), /*#__PURE__*/_react.default.createElement("div", {
           className: classes.controlButtons
-        }, _react.default.createElement("div", {
+        }, /*#__PURE__*/_react.default.createElement("div", {
           className: classes.centerButtonContainer
-        }, _react.default.createElement(_HiButton.default, {
+        }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
           className: classes.centerButton,
           onClick: this.handleCenter
-        }, _react.default.createElement(_HiIcon.default, {
+        }, /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
           className: classes.centerIcon,
           icon: 'my_location',
           size: 24
-        }))), _react.default.createElement("div", {
+        }))), /*#__PURE__*/_react.default.createElement("div", {
           className: classes.zoomButtons
-        }, _react.default.createElement(_HiButton.default, {
+        }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
           onClick: this.handleClickZoomIn,
           className: classes.zoomButton
-        }, "+"), _react.default.createElement(_HiButton.default, {
+        }, "+"), /*#__PURE__*/_react.default.createElement(_HiButton.default, {
           onClick: this.handleClickZoomOut,
           className: classes.zoomButton
         }, "-"))));
       } else {
-        element = _react.default.createElement("div", {
+        element = /*#__PURE__*/_react.default.createElement("div", {
           style: {
             top: '50%',
             left: '50%',
@@ -290,7 +294,7 @@ function (_React$PureComponent) {
         }, _ref2);
       }
 
-      return _react.default.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         style: {
           height: '352px',
           width: '100%',

package/HiMap/HiMapExpand.js

@@ -13,14 +13,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -39,6 +39,10 @@ var _HiMap = _interopRequireDefault(require("./HiMap"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon/HiIcon"));
 
+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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = function styles(theme) {
   return {
     column: {
@@ -92,16 +96,16 @@ var styles = function styles(theme) {
   };
 };
 
-var HiMapExpand =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var HiMapExpand = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiMapExpand, _React$PureComponent);
 
+  var _super = _createSuper(HiMapExpand);
+
   function HiMapExpand(props) {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiMapExpand);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiMapExpand).call(this, props));
+    _this = _super.call(this, props);
     _this.state = {
       addressNotFound: false,
       expanded: false
@@ -139,23 +143,23 @@ function (_React$PureComponent) {
       var _this$state = this.state,
           addressNotFound = _this$state.addressNotFound,
           expanded = _this$state.expanded;
-      var flag = countryFlagPath ? _react.default.createElement("img", {
+      var flag = countryFlagPath ? /*#__PURE__*/_react.default.createElement("img", {
         src: countryFlagPath,
         className: classes.imgListItem,
         alt: 'country flag'
       }) : '';
-      return _react.default.createElement(_ExpansionPanel.default, {
+      return /*#__PURE__*/_react.default.createElement(_ExpansionPanel.default, {
         className: classes.root,
         defaultExpanded: false,
         expanded: expanded,
         onChange: this.handleExpand
-      }, _react.default.createElement(_ExpansionPanelSummary.default, {
+      }, /*#__PURE__*/_react.default.createElement(_ExpansionPanelSummary.default, {
         classes: {
           root: classes.panelSummary,
           expanded: classes.expanded,
           expandIcon: classes.expandMoreIcon
         },
-        expandIcon: _react.default.createElement(_HiIcon.default, {
+        expandIcon: /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
           icon: 'place',
           style: {
             position: 'relative',
@@ -165,17 +169,17 @@ function (_React$PureComponent) {
           className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.disabledIcon, addressNotFound)),
           title: addressNotFound ? translations.notFound : ''
         })
-      }, _react.default.createElement(_react.default.Fragment, null, hideLabel || _react.default.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hideLabel || /*#__PURE__*/_react.default.createElement("div", {
         className: classes.column
-      }, _react.default.createElement("p", {
+      }, /*#__PURE__*/_react.default.createElement("p", {
         className: classes.secondaryHeading
-      }, translations.label)), _react.default.createElement("div", null, _react.default.createElement("p", {
+      }, translations.label)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", {
         className: classes.heading
-      }, flag, address)))), _react.default.createElement(_ExpansionPanelDetails.default, {
+      }, flag, address)))), /*#__PURE__*/_react.default.createElement(_ExpansionPanelDetails.default, {
         style: {
           padding: 0
         }
-      }, _react.default.createElement(_HiMap.default, {
+      }, /*#__PURE__*/_react.default.createElement(_HiMap.default, {
         address: address,
         onAddressNotFound: this.handleAddressNotFound
       })));

package/HiNotice/HiKPI.js

@@ -13,14 +13,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 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"));
@@ -31,6 +31,10 @@ var _ButtonBase = _interopRequireDefault(require("@material-ui/core/ButtonBase")
 
 var _Collapse = _interopRequireDefault(require("@material-ui/core/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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = function styles(theme) {
   return {
     root: {
@@ -113,16 +117,16 @@ var styles = function styles(theme) {
 
 exports.styles = styles;
 
-var HiKPI =
-/*#__PURE__*/
-function (_React$Component) {
+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 = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiKPI).call(this, props));
+    _this = _super.call(this, props);
 
     _this.handleClick = function (id) {
       return function () {
@@ -153,21 +157,21 @@ function (_React$Component) {
           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));
-      return _react.default.createElement(_ButtonBase.default, {
+      return /*#__PURE__*/_react.default.createElement(_ButtonBase.default, {
         id: buttonId,
         className: rootclass,
         onClick: !disable ? this.handleClick(id) : undefined,
         title: tooltip,
         disableRipple: disable,
         disabled: disable
-      }, title && _react.default.createElement("h3", {
+      }, title && /*#__PURE__*/_react.default.createElement("h3", {
         className: classes.title
-      }, title), _react.default.createElement("div", {
+      }, title), /*#__PURE__*/_react.default.createElement("div", {
         className: classes.body
-      }, minify && bodyMinify ? bodyMinify : body), _react.default.createElement(_Collapse.default, {
+      }, minify && bodyMinify ? bodyMinify : body), /*#__PURE__*/_react.default.createElement(_Collapse.default, {
         in: !minify,
         timeout: 'auto'
-      }, _react.default.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: classes.subtitle
       }, subtitle)));
     }

package/HiNotice/HiKPINotice.js

@@ -31,11 +31,11 @@ var HiKPINotice = function HiKPINotice(_ref) {
       activeKpi = _ref.activeKpi,
       minify = _ref.minify,
       onClickOnKPI = _ref.onClickOnKPI;
-  return _react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.container
   }, Object.keys(kpis).map(function (key) {
     var kpi = kpis[key];
-    return _react.default.createElement(_HiKPI.default, {
+    return /*#__PURE__*/_react.default.createElement(_HiKPI.default, {
       key: key,
       id: key,
       type: kpi.type,

package/HiPagination/HiPagination.js

@@ -39,9 +39,9 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
 
 var HiPagination = function HiPagination(props) {
   var classes = useStyles();
-  return _react.default.createElement(_Pagination.default, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_Pagination.default, (0, _extends2.default)({
     renderItem: function renderItem(item) {
-      return _react.default.createElement(_PaginationItem.default, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_PaginationItem.default, (0, _extends2.default)({
         classes: {
           root: classes.paginationItem,
           selected: classes.paginationItemActive

package/HiPaymentMeans/HiPaymentMeans.js

@@ -393,7 +393,7 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
   var imgComponent = (0, _react.useMemo)(function () {
     var _classNames;
 
-    return _react.default.createElement("img", {
+    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)),
@@ -409,81 +409,81 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
 
   switch (type) {
     case EWALLET:
-      return _react.default.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: classes.walletShadow,
         style: {
           backgroundImage: "url(\"".concat(svgPath, "Wallet_shape.svg\")")
         }
-      }, _react.default.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: classes.wallet,
         style: {
           background: "linear-gradient(".concat(color1, ", ").concat(color2 || color1, ")"),
           WebkitMask: "url(\"".concat(svgPath, "Wallet_shape.svg\")")
         }
-      }, _react.default.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelLarge, classes.userNameWallet),
         title: username
-      }, username), _react.default.createElement("span", {
+      }, username), /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(classes.stripe, classes.stripeBottomLeft)
-      }, imgComponent), _react.default.createElement("span", {
+      }, imgComponent), /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(classes.stripeGradient, classes.stripeBottomLeft, classes.stripeGradientBottomLeft)
       })));
 
     case "credit-card":
     case "debit-card":
-      return _react.default.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.bankCard, classes.shadow),
         style: {
           background: "linear-gradient(".concat(color1, ", ").concat(color2 || color1, ")")
         }
-      }, _react.default.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(classes.stripe, classes.stripeTopRight)
-      }, imgComponent), _react.default.createElement("span", {
+      }, imgComponent), /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(classes.stripeGradient, classes.stripeTopRight, classes.stripeGradientTopRight)
-      }), _react.default.createElement("div", {
+      }), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.number, classes.cardNumber)
-      }, formatNumber), cardNumber && _react.default.createElement("div", {
+      }, formatNumber), cardNumber && /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelMedium, classes.cardNumberLabel)
-      }, "Card number"), _react.default.createElement("div", {
+      }, "Card number"), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelLarge, classes.userNameCard),
         title: username
-      }, username), _react.default.createElement("div", {
+      }, username), /*#__PURE__*/_react.default.createElement("div", {
         className: classes.dateValid
-      }, cardValidity), cardValidity && _react.default.createElement("div", {
+      }, cardValidity), cardValidity && /*#__PURE__*/_react.default.createElement("div", {
         className: classes.validThru
       }, "Valid Thru"));
 
     case "corporate":
-      return _react.default.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.bankCard, classes.shadow),
         style: {
           background: "linear-gradient(".concat(color1, ", ").concat(color2 || color1, ")")
         }
-      }, _react.default.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(classes.stripe, classes.stripeTopRight)
-      }, imgComponent), _react.default.createElement("span", {
+      }, imgComponent), /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(classes.stripeGradient, classes.stripeTopRight, classes.stripeGradientTopRight)
-      }, _react.default.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: classes.corporateLabel,
         style: {
           color: color1
         }
-      }, "CORPORATE")), cardNumber && _react.default.createElement("div", {
+      }, "CORPORATE")), cardNumber && /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelMedium, classes.corporateNumberLabel)
-      }, "Card number"), _react.default.createElement("div", {
+      }, "Card number"), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.number, classes.corporateNumber)
-      }, cardNumber), yearMember && _react.default.createElement("div", {
+      }, cardNumber), yearMember && /*#__PURE__*/_react.default.createElement("div", {
         className: classes.memberSince
-      }, "Member Since"), _react.default.createElement("div", {
+      }, "Member Since"), /*#__PURE__*/_react.default.createElement("div", {
         className: classes.yearMember
-      }, yearMember), _react.default.createElement("div", {
+      }, yearMember), /*#__PURE__*/_react.default.createElement("div", {
         className: classes.dateValid
-      }, cardValidity), cardValidity && _react.default.createElement("div", {
+      }, cardValidity), cardValidity && /*#__PURE__*/_react.default.createElement("div", {
         className: classes.validThru
-      }, "Valid Thru"), _react.default.createElement("div", {
+      }, "Valid Thru"), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelLarge, classes.userNameCorporate),
         title: cardUser
-      }, cardUser), _react.default.createElement("div", {
+      }, cardUser), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelLarge, classes.businessName),
         title: businessName
       }, businessName));
@@ -492,68 +492,68 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
     case PAYMENT_REFERENCE:
     case CREDIT_CONSUMPTION:
     case REALTIME_BANKING:
-      return _react.default.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.sepa, classes.shadow),
         style: {
           background: "linear-gradient(".concat(color1, ", ").concat(color2 || color1, ")")
         }
-      }, _react.default.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(classes.stripe, classes.stripeTopLeft)
-      }, imgComponent), _react.default.createElement("span", {
+      }, imgComponent), /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(classes.stripeGradient, classes.stripeTopLeft, classes.stripeGradientTopLeft)
-      }), cardNumber && _react.default.createElement("div", {
+      }), cardNumber && /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelMedium, classes.ibanLabel)
-      }, PAYMENT_REFERENCE === type ? "REFERENCE" : "IBAN"), _react.default.createElement("div", {
+      }, PAYMENT_REFERENCE === type ? "REFERENCE" : "IBAN"), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.number, classes.ibanNumber)
-      }, formatNumber), _react.default.createElement("div", {
+      }, formatNumber), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelLarge, classes.userNameSepa),
         title: username
-      }, username), _react.default.createElement("div", {
+      }, username), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelLarge, classes.labelDebitCredit)
       }, creditDebit));
 
     case "prepaid-card":
-      return _react.default.createElement("div", {
+      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, ")")
         }
-      }, _react.default.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(classes.stripe, classes.stripeTopRight)
-      }, imgComponent), _react.default.createElement("span", {
+      }, imgComponent), /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(classes.stripeGradient, classes.stripeTopRight, classes.stripeGradientTopRight)
-      }, _react.default.createElement("img", {
+      }, /*#__PURE__*/_react.default.createElement("img", {
         src: logoMerchant,
         alt: "",
         className: (0, _classnames.default)(classes.logo, classes.logoMerchant)
-      })), cardNumber && _react.default.createElement("div", {
+      })), cardNumber && /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelMedium, classes.giftCardNumberLabel)
-      }, "Card number"), _react.default.createElement("div", {
+      }, "Card number"), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.number, classes.giftCardNumber)
-      }, cardNumber), _react.default.createElement("div", {
+      }, cardNumber), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelLarge, classes.labelDebitCredit)
       }, translations.gift_card));
 
     default:
-      return _react.default.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.bankCard, classes.shadow),
         style: {
           background: "linear-gradient(".concat(color1, ", ").concat(color2 || color1, ")")
         }
-      }, _react.default.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(classes.stripe, classes.stripeTopRight)
-      }, imgComponent), _react.default.createElement("span", {
+      }, imgComponent), /*#__PURE__*/_react.default.createElement("span", {
         className: (0, _classnames.default)(classes.stripeGradient, classes.stripeTopRight, classes.stripeGradientTopRight)
-      }), _react.default.createElement("div", {
+      }), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.number, classes.cardNumber)
-      }, cardNumber), cardNumber && _react.default.createElement("div", {
+      }, cardNumber), cardNumber && /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelMedium, classes.cardNumberLabel)
-      }, "Card number"), _react.default.createElement("div", {
+      }, "Card number"), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelLarge, classes.userNameCard),
         title: username
-      }, username), _react.default.createElement("div", {
+      }, username), /*#__PURE__*/_react.default.createElement("div", {
         className: classes.dateValid
-      }, cardValidity), cardValidity && _react.default.createElement("div", {
+      }, cardValidity), cardValidity && /*#__PURE__*/_react.default.createElement("div", {
         className: classes.validThru
       }, "Valid Thru"));
   }