@hipay/hipay-material-ui 2.3.4 → 2.3.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (37) hide show
  1. package/HiExpansionPanel/HiExpansionPanel.js +63 -98
  2. package/HiPaymentMeans/HiPaymentMeans.js +8 -5
  3. package/es/HiExpansionPanel/HiExpansionPanel.js +63 -98
  4. package/es/HiPaymentMeans/HiPaymentMeans.js +8 -5
  5. package/es/hi-svg-icons/HiAccount.js +8 -11
  6. package/es/hi-svg-icons/HiBilling.js +8 -11
  7. package/es/hi-svg-icons/HiCatalog.js +8 -11
  8. package/es/hi-svg-icons/HiCustomer.js +8 -11
  9. package/es/hi-svg-icons/HiFinance.js +8 -11
  10. package/es/hi-svg-icons/HiIntelligence.js +59 -0
  11. package/es/hi-svg-icons/HiOrder.js +74 -0
  12. package/es/hi-svg-icons/HiPaymentOrder.js +56 -0
  13. package/es/hi-svg-icons/HiPriceGrid.js +56 -0
  14. package/es/hi-svg-icons/HiRoute.js +8 -11
  15. package/es/hi-svg-icons/HiSettlement.js +8 -11
  16. package/es/hi-svg-icons/HiTransaction.js +8 -11
  17. package/es/hi-svg-icons/HiUser.js +8 -11
  18. package/es/hi-svg-icons/HiVendor.js +56 -0
  19. package/es/hi-svg-icons/HiWidget.js +8 -16
  20. package/es/hi-svg-icons/index.js +41 -1
  21. package/hi-svg-icons/HiAccount.js +8 -11
  22. package/hi-svg-icons/HiBilling.js +8 -11
  23. package/hi-svg-icons/HiCatalog.js +8 -11
  24. package/hi-svg-icons/HiCustomer.js +8 -11
  25. package/hi-svg-icons/HiFinance.js +8 -11
  26. package/hi-svg-icons/HiIntelligence.js +59 -0
  27. package/hi-svg-icons/HiOrder.js +74 -0
  28. package/hi-svg-icons/HiPaymentOrder.js +56 -0
  29. package/hi-svg-icons/HiPriceGrid.js +56 -0
  30. package/hi-svg-icons/HiRoute.js +8 -11
  31. package/hi-svg-icons/HiSettlement.js +8 -11
  32. package/hi-svg-icons/HiTransaction.js +8 -11
  33. package/hi-svg-icons/HiUser.js +8 -11
  34. package/hi-svg-icons/HiVendor.js +56 -0
  35. package/hi-svg-icons/HiWidget.js +8 -16
  36. package/hi-svg-icons/index.js +41 -1
  37. package/package.json +1 -1
@@ -1,31 +1,25 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
+
3
5
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
6
 
5
7
  Object.defineProperty(exports, "__esModule", {
6
8
  value: true
7
9
  });
8
- exports.default = exports.styles = void 0;
10
+ exports.default = void 0;
9
11
 
10
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
11
13
 
12
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
13
15
 
14
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
15
-
16
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
17
-
18
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
16
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
19
17
 
20
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
21
-
22
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
23
-
24
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
18
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
25
19
 
26
20
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
27
21
 
28
- var _react = _interopRequireDefault(require("react"));
22
+ var _react = _interopRequireWildcard(require("react"));
29
23
 
30
24
  var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
31
25
 
@@ -39,7 +33,7 @@ var _styles = require("@material-ui/core/styles");
39
33
 
40
34
  var _classnames = _interopRequireDefault(require("classnames"));
41
35
 
42
- var styles = function styles(theme) {
36
+ var useStyles = (0, _styles.makeStyles)(function (theme) {
43
37
  return {
44
38
  summaryContent: {
45
39
  display: 'flex',
@@ -114,105 +108,76 @@ var styles = function styles(theme) {
114
108
  right: 0
115
109
  }
116
110
  };
117
- };
111
+ });
118
112
  /**
119
113
  * HiExpansionPanel
120
114
  */
121
115
 
122
-
123
- exports.styles = styles;
124
-
125
116
  var _ref = _react.default.createElement(_HiIcon.default, {
126
117
  icon: "mdi_menu_up",
127
118
  size: 24
128
119
  });
129
120
 
130
- var HiExpansionPanel =
131
- /*#__PURE__*/
132
- function (_React$PureComponent) {
133
- (0, _inherits2.default)(HiExpansionPanel, _React$PureComponent);
134
-
135
- function HiExpansionPanel(props) {
136
- var _this;
137
-
138
- (0, _classCallCheck2.default)(this, HiExpansionPanel);
139
- _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiExpansionPanel).call(this, props));
140
- _this.state = {
141
- panelDetailsExited: !(props.collapseDisable || props.expanded)
142
- };
143
- return _this;
144
- }
145
-
146
- (0, _createClass2.default)(HiExpansionPanel, [{
147
- key: "render",
148
- value: function render() {
149
- var _this2 = this;
150
-
151
- var _this$props = this.props,
152
- disabled = _this$props.disabled,
153
- heading = _this$props.heading,
154
- secondaryHeading = _this$props.secondaryHeading,
155
- secondaryHeadingDisabled = _this$props.secondaryHeadingDisabled,
156
- secondaryHeadingIcon = _this$props.secondaryHeadingIcon,
157
- collapseDisable = _this$props.collapseDisable,
158
- children = _this$props.children,
159
- classes = _this$props.classes,
160
- expanded = _this$props.expanded,
161
- props = (0, _objectWithoutProperties2.default)(_this$props, ["disabled", "heading", "secondaryHeading", "secondaryHeadingDisabled", "secondaryHeadingIcon", "collapseDisable", "children", "classes", "expanded"]);
162
- var effectiveDisabled = disabled || !children;
163
- return _react.default.createElement(_ExpansionPanel.default, (0, _extends2.default)({
164
- disabled: effectiveDisabled,
165
- classes: {
166
- root: classes.panel,
167
- disabled: classes.disabledPanel
168
- },
169
- expanded: collapseDisable || expanded
170
- }, props, {
171
- TransitionProps: {
172
- onExited: function onExited() {
173
- _this2.setState({
174
- panelDetailsExited: true
175
- });
176
- },
177
- onEnter: function onEnter() {
178
- _this2.setState({
179
- panelDetailsExited: false
180
- });
181
- }
182
- }
183
- }), _react.default.createElement(_ExpansionPanelSummary.default, {
184
- classes: {
185
- root: classes.summaryRoot,
186
- content: classes.summaryContent,
187
- expanded: classes.expanded,
188
- expandIcon: classes.expandIcon
189
- },
190
- className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.collapseDisable, collapseDisable)),
191
- expandIcon: !collapseDisable && _ref
192
- }, _react.default.createElement("div", {
193
- className: classes.heading
194
- }, heading), _react.default.createElement("div", {
195
- className: classes.secondaryHeading
196
- }, _react.default.createElement("span", {
197
- className: classes.secondaryHeadingSpan
198
- }, !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled), secondaryHeadingIcon)), !!children && _react.default.createElement(_ExpansionPanelDetails.default, {
199
- className: (0, _classnames.default)(classes.panelDetails, (0, _defineProperty2.default)({}, classes.panelDetailsExited, this.state.panelDetailsExited))
200
- }, children));
121
+ function HiExpansionPanel(props) {
122
+ var disabled = props.disabled,
123
+ heading = props.heading,
124
+ secondaryHeading = props.secondaryHeading,
125
+ secondaryHeadingDisabled = props.secondaryHeadingDisabled,
126
+ secondaryHeadingIcon = props.secondaryHeadingIcon,
127
+ collapseDisable = props.collapseDisable,
128
+ children = props.children,
129
+ expanded = props.expanded,
130
+ TransitionProps = props.TransitionProps,
131
+ others = (0, _objectWithoutProperties2.default)(props, ["disabled", "heading", "secondaryHeading", "secondaryHeadingDisabled", "secondaryHeadingIcon", "collapseDisable", "children", "expanded", "TransitionProps"]);
132
+ var classes = useStyles(props);
133
+
134
+ var _useState = (0, _react.useState)(!collapseDisable && !expanded),
135
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
136
+ panelDetailsExited = _useState2[0],
137
+ setPanelDetailsExited = _useState2[1];
138
+
139
+ var effectiveDisabled = disabled || !children;
140
+ return _react.default.createElement(_ExpansionPanel.default, (0, _extends2.default)({
141
+ disabled: effectiveDisabled,
142
+ expanded: collapseDisable || expanded,
143
+ TransitionProps: (0, _objectSpread2.default)({
144
+ onExited: function onExited() {
145
+ return setPanelDetailsExited(true);
146
+ },
147
+ onEnter: function onEnter() {
148
+ return setPanelDetailsExited(false);
149
+ }
150
+ }, TransitionProps)
151
+ }, others, {
152
+ classes: {
153
+ root: classes.panel,
154
+ disabled: classes.disabledPanel
201
155
  }
202
- }]);
203
- return HiExpansionPanel;
204
- }(_react.default.PureComponent);
156
+ }), _react.default.createElement(_ExpansionPanelSummary.default, {
157
+ classes: {
158
+ root: classes.summaryRoot,
159
+ content: classes.summaryContent,
160
+ expanded: classes.expanded,
161
+ expandIcon: classes.expandIcon
162
+ },
163
+ className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.collapseDisable, collapseDisable)),
164
+ expandIcon: !collapseDisable && _ref
165
+ }, _react.default.createElement("div", {
166
+ className: classes.heading
167
+ }, heading), _react.default.createElement("div", {
168
+ className: classes.secondaryHeading
169
+ }, _react.default.createElement("span", {
170
+ className: classes.secondaryHeadingSpan
171
+ }, !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled), secondaryHeadingIcon)), !!children && _react.default.createElement(_ExpansionPanelDetails.default, {
172
+ className: (0, _classnames.default)(classes.panelDetails, (0, _defineProperty2.default)({}, classes.panelDetailsExited, panelDetailsExited))
173
+ }, children));
174
+ }
205
175
 
206
176
  HiExpansionPanel.defaultProps = {
207
177
  disabled: false,
208
178
  secondaryHeading: '',
209
179
  secondaryHeadingIcon: '',
210
- secondaryHeadingDisabled: 'PAS ENCORE COMPLETE'
180
+ secondaryHeadingDisabled: ''
211
181
  };
212
-
213
- var _default = (0, _styles.withStyles)(styles, {
214
- hiComponent: true,
215
- name: 'HmuiHiExpansionPanel'
216
- })(HiExpansionPanel);
217
-
182
+ var _default = HiExpansionPanel;
218
183
  exports.default = _default;
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.default = exports.styles = void 0;
9
9
 
10
+ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
11
+
10
12
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
11
13
 
12
14
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
@@ -546,12 +548,13 @@ function (_React$Component) {
546
548
  return cardNumber;
547
549
  };
548
550
 
549
- _this.formatIBANNumber = function (cardNumber) {
550
- if (cardNumber.search(' ') < 0) {
551
- cardNumber = "".concat(cardNumber.substring(0, 4), " ").concat(cardNumber.substring(4, 8), " ").concat(cardNumber.substring(8, 12), "\n ").concat(cardNumber.substring(12, 16), " ").concat(cardNumber.substring(16, 20), " ").concat(cardNumber.substring(20, 26));
552
- }
551
+ _this.formatIBANNumber = function (iban) {
552
+ // 1) remove spaces
553
+ var res = iban.replace(/\s/g, ''); // 2) add space each 4 chars
553
554
 
554
- return cardNumber;
555
+ return (0, _toConsumableArray2.default)(res).map(function (char, index) {
556
+ return index > 0 && index % 4 === 0 ? ' ' + char : char;
557
+ }).join('');
555
558
  };
556
559
 
557
560
  return _this;
@@ -1,31 +1,25 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
+
3
5
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
6
 
5
7
  Object.defineProperty(exports, "__esModule", {
6
8
  value: true
7
9
  });
8
- exports.default = exports.styles = void 0;
10
+ exports.default = void 0;
9
11
 
10
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
11
13
 
12
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
13
15
 
14
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
15
-
16
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
17
-
18
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
16
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
19
17
 
20
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
21
-
22
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
23
-
24
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
18
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
25
19
 
26
20
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
27
21
 
28
- var _react = _interopRequireDefault(require("react"));
22
+ var _react = _interopRequireWildcard(require("react"));
29
23
 
30
24
  var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
31
25
 
@@ -39,7 +33,7 @@ var _styles = require("@material-ui/core/styles");
39
33
 
40
34
  var _classnames = _interopRequireDefault(require("classnames"));
41
35
 
42
- var styles = function styles(theme) {
36
+ var useStyles = (0, _styles.makeStyles)(function (theme) {
43
37
  return {
44
38
  summaryContent: {
45
39
  display: 'flex',
@@ -114,105 +108,76 @@ var styles = function styles(theme) {
114
108
  right: 0
115
109
  }
116
110
  };
117
- };
111
+ });
118
112
  /**
119
113
  * HiExpansionPanel
120
114
  */
121
115
 
122
-
123
- exports.styles = styles;
124
-
125
116
  var _ref = _react.default.createElement(_HiIcon.default, {
126
117
  icon: "mdi_menu_up",
127
118
  size: 24
128
119
  });
129
120
 
130
- var HiExpansionPanel =
131
- /*#__PURE__*/
132
- function (_React$PureComponent) {
133
- (0, _inherits2.default)(HiExpansionPanel, _React$PureComponent);
134
-
135
- function HiExpansionPanel(props) {
136
- var _this;
137
-
138
- (0, _classCallCheck2.default)(this, HiExpansionPanel);
139
- _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiExpansionPanel).call(this, props));
140
- _this.state = {
141
- panelDetailsExited: !(props.collapseDisable || props.expanded)
142
- };
143
- return _this;
144
- }
145
-
146
- (0, _createClass2.default)(HiExpansionPanel, [{
147
- key: "render",
148
- value: function render() {
149
- var _this2 = this;
150
-
151
- var _this$props = this.props,
152
- disabled = _this$props.disabled,
153
- heading = _this$props.heading,
154
- secondaryHeading = _this$props.secondaryHeading,
155
- secondaryHeadingDisabled = _this$props.secondaryHeadingDisabled,
156
- secondaryHeadingIcon = _this$props.secondaryHeadingIcon,
157
- collapseDisable = _this$props.collapseDisable,
158
- children = _this$props.children,
159
- classes = _this$props.classes,
160
- expanded = _this$props.expanded,
161
- props = (0, _objectWithoutProperties2.default)(_this$props, ["disabled", "heading", "secondaryHeading", "secondaryHeadingDisabled", "secondaryHeadingIcon", "collapseDisable", "children", "classes", "expanded"]);
162
- var effectiveDisabled = disabled || !children;
163
- return _react.default.createElement(_ExpansionPanel.default, (0, _extends2.default)({
164
- disabled: effectiveDisabled,
165
- classes: {
166
- root: classes.panel,
167
- disabled: classes.disabledPanel
168
- },
169
- expanded: collapseDisable || expanded
170
- }, props, {
171
- TransitionProps: {
172
- onExited: function onExited() {
173
- _this2.setState({
174
- panelDetailsExited: true
175
- });
176
- },
177
- onEnter: function onEnter() {
178
- _this2.setState({
179
- panelDetailsExited: false
180
- });
181
- }
182
- }
183
- }), _react.default.createElement(_ExpansionPanelSummary.default, {
184
- classes: {
185
- root: classes.summaryRoot,
186
- content: classes.summaryContent,
187
- expanded: classes.expanded,
188
- expandIcon: classes.expandIcon
189
- },
190
- className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.collapseDisable, collapseDisable)),
191
- expandIcon: !collapseDisable && _ref
192
- }, _react.default.createElement("div", {
193
- className: classes.heading
194
- }, heading), _react.default.createElement("div", {
195
- className: classes.secondaryHeading
196
- }, _react.default.createElement("span", {
197
- className: classes.secondaryHeadingSpan
198
- }, !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled), secondaryHeadingIcon)), !!children && _react.default.createElement(_ExpansionPanelDetails.default, {
199
- className: (0, _classnames.default)(classes.panelDetails, (0, _defineProperty2.default)({}, classes.panelDetailsExited, this.state.panelDetailsExited))
200
- }, children));
121
+ function HiExpansionPanel(props) {
122
+ var disabled = props.disabled,
123
+ heading = props.heading,
124
+ secondaryHeading = props.secondaryHeading,
125
+ secondaryHeadingDisabled = props.secondaryHeadingDisabled,
126
+ secondaryHeadingIcon = props.secondaryHeadingIcon,
127
+ collapseDisable = props.collapseDisable,
128
+ children = props.children,
129
+ expanded = props.expanded,
130
+ TransitionProps = props.TransitionProps,
131
+ others = (0, _objectWithoutProperties2.default)(props, ["disabled", "heading", "secondaryHeading", "secondaryHeadingDisabled", "secondaryHeadingIcon", "collapseDisable", "children", "expanded", "TransitionProps"]);
132
+ var classes = useStyles(props);
133
+
134
+ var _useState = (0, _react.useState)(!collapseDisable && !expanded),
135
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
136
+ panelDetailsExited = _useState2[0],
137
+ setPanelDetailsExited = _useState2[1];
138
+
139
+ var effectiveDisabled = disabled || !children;
140
+ return _react.default.createElement(_ExpansionPanel.default, (0, _extends2.default)({
141
+ disabled: effectiveDisabled,
142
+ expanded: collapseDisable || expanded,
143
+ TransitionProps: (0, _objectSpread2.default)({
144
+ onExited: function onExited() {
145
+ return setPanelDetailsExited(true);
146
+ },
147
+ onEnter: function onEnter() {
148
+ return setPanelDetailsExited(false);
149
+ }
150
+ }, TransitionProps)
151
+ }, others, {
152
+ classes: {
153
+ root: classes.panel,
154
+ disabled: classes.disabledPanel
201
155
  }
202
- }]);
203
- return HiExpansionPanel;
204
- }(_react.default.PureComponent);
156
+ }), _react.default.createElement(_ExpansionPanelSummary.default, {
157
+ classes: {
158
+ root: classes.summaryRoot,
159
+ content: classes.summaryContent,
160
+ expanded: classes.expanded,
161
+ expandIcon: classes.expandIcon
162
+ },
163
+ className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.collapseDisable, collapseDisable)),
164
+ expandIcon: !collapseDisable && _ref
165
+ }, _react.default.createElement("div", {
166
+ className: classes.heading
167
+ }, heading), _react.default.createElement("div", {
168
+ className: classes.secondaryHeading
169
+ }, _react.default.createElement("span", {
170
+ className: classes.secondaryHeadingSpan
171
+ }, !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled), secondaryHeadingIcon)), !!children && _react.default.createElement(_ExpansionPanelDetails.default, {
172
+ className: (0, _classnames.default)(classes.panelDetails, (0, _defineProperty2.default)({}, classes.panelDetailsExited, panelDetailsExited))
173
+ }, children));
174
+ }
205
175
 
206
176
  HiExpansionPanel.defaultProps = {
207
177
  disabled: false,
208
178
  secondaryHeading: '',
209
179
  secondaryHeadingIcon: '',
210
- secondaryHeadingDisabled: 'PAS ENCORE COMPLETE'
180
+ secondaryHeadingDisabled: ''
211
181
  };
212
-
213
- var _default = (0, _styles.withStyles)(styles, {
214
- hiComponent: true,
215
- name: 'HmuiHiExpansionPanel'
216
- })(HiExpansionPanel);
217
-
182
+ var _default = HiExpansionPanel;
218
183
  exports.default = _default;
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.default = exports.styles = void 0;
9
9
 
10
+ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
11
+
10
12
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
11
13
 
12
14
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
@@ -546,12 +548,13 @@ function (_React$Component) {
546
548
  return cardNumber;
547
549
  };
548
550
 
549
- _this.formatIBANNumber = function (cardNumber) {
550
- if (cardNumber.search(' ') < 0) {
551
- cardNumber = "".concat(cardNumber.substring(0, 4), " ").concat(cardNumber.substring(4, 8), " ").concat(cardNumber.substring(8, 12), "\n ").concat(cardNumber.substring(12, 16), " ").concat(cardNumber.substring(16, 20), " ").concat(cardNumber.substring(20, 26));
552
- }
551
+ _this.formatIBANNumber = function (iban) {
552
+ // 1) remove spaces
553
+ var res = iban.replace(/\s/g, ''); // 2) add space each 4 chars
553
554
 
554
- return cardNumber;
555
+ return (0, _toConsumableArray2.default)(res).map(function (char, index) {
556
+ return index > 0 && index % 4 === 0 ? ' ' + char : char;
557
+ }).join('');
555
558
  };
556
559
 
557
560
  return _this;
@@ -34,20 +34,17 @@ var HiAccount = (0, _pure.default)(function (props) {
34
34
  fontSize: props.size || 24
35
35
  })
36
36
  }, other), _react.default.createElement("svg", {
37
- viewBox: "0 0 37.5 39"
38
- }, _react.default.createElement("g", {
39
- transform: "translate(-8111 -110)"
37
+ viewBox: "0 0 28.35 28.35"
40
38
  }, _react.default.createElement("circle", {
41
- cx: 8124.9,
42
- cy: 134.9,
43
- r: 13.9,
44
- opacity: 0.16,
45
- fill: color
39
+ cx: "11.83",
40
+ cy: "16.66",
41
+ r: "9",
42
+ fill: color,
43
+ opacity: 0.16
46
44
  }), _react.default.createElement("path", {
47
- // eslint-disable-next-line max-len
48
- d: "M8117 118.1H8144V124.8h-1.1v18H8118.2v-18h-1.1V118.1zm2.3 2.3v2.2h22.5v-2.2h-22.5zm1.1 4.5v15.8h20.2v-15.8h-20.2zm6.6 2.2h7c.3 0 .6.1.8.3s.3.5.3.8c0 .3-.1.6-.3.8s-.5.3-.8.3h-6.8-.1c-.3 0-.5-.1-.8-.3-.2-.2-.4-.5-.4-.8 0-.3.1-.5.3-.7s.5-.3.8-.4z",
45
+ d: "M13.28,4.66h7.78v7.78l-.18.28L12.63,21l-.57.47L11.5,21,4.75,14.22l-.47-.56.47-.56L13,4.85Zm.61,1.5-7.5,7.5,5.67,5.67,7.5-7.5V6.16Zm7.92.75h2.25v8.25l-.18.23L16,23.22l-.51.47-.56-.47-1.41-1.5,1-1,.94.94,7.12-7.13V8.41h-.75Zm-5,1a.76.76,0,0,1,.54-.21.75.75,0,1,1,0,1.5A.76.76,0,0,1,16.77,9a.8.8,0,0,1,0-1.08Z",
49
46
  fill: color
50
- }))));
47
+ })));
51
48
  });
52
49
  HiAccount.muiName = 'SvgIcon';
53
50
 
@@ -34,20 +34,17 @@ var HiBilling = (0, _pure.default)(function (props) {
34
34
  fontSize: props.size || 24
35
35
  })
36
36
  }, other), _react.default.createElement("svg", {
37
- viewBox: "0 0 36 39"
38
- }, _react.default.createElement("g", {
39
- transform: "translate(-8111 -202)"
37
+ viewBox: "0 0 28.35 28.35"
40
38
  }, _react.default.createElement("circle", {
41
- cx: 8124.9,
42
- cy: 226.9,
43
- r: 13.9,
44
- opacity: 0.16,
45
- fill: color
39
+ cx: "11.83",
40
+ cy: "16.66",
41
+ r: "9",
42
+ fill: color,
43
+ opacity: 0.16
46
44
  }), _react.default.createElement("path", {
47
- // eslint-disable-next-line max-len
48
- d: "M8127.9 207.9c1.4 0 2.3.8 3 2.2h8.3v10.1h2.2V238.2h-15.7V236h-9V210.2h8.3c.5-1.6 1.5-2.3 2.9-2.3zm-9 4.5v21.4h6.8v-13.5h11.2v-7.9h-2.2v4.5H8121.3v-4.5h-2.4zm9.8-2c-.2-.2-.5-.3-.8-.3-.3 0-.6.1-.8.3s-.3.5-.3.8v1.1H8123.5v2.2h9v-2.2H8129.2v-1.1c-.2-.3-.3-.5-.5-.8zm-.8 12.1V236h11.2v-13.5h-11.2z",
45
+ d: "M13.42,4.05a2.05,2.05,0,0,1,2,1.5h5.53V12.3h1.5v12H11.92V22.8h-6V5.55h5.53A2.07,2.07,0,0,1,13.42,4.05Zm-6,3V21.3h4.5v-9h7.5V7.05h-1.5v3h-9v-3ZM14,5.76a.75.75,0,0,0-1.29.54v.75H10.42v1.5h6V7.05H14.17V6.3A.73.73,0,0,0,14,5.76Zm-.54,8v9h7.5v-9Z",
49
46
  fill: color
50
- }))));
47
+ })));
51
48
  });
52
49
  HiBilling.muiName = 'SvgIcon';
53
50
 
@@ -34,20 +34,17 @@ var HiCatalog = (0, _pure.default)(function (props) {
34
34
  fontSize: props.size || 24
35
35
  })
36
36
  }, other), _react.default.createElement("svg", {
37
- viewBox: "0 0 37.5 39"
38
- }, _react.default.createElement("g", {
39
- transform: "translate(-8111 -64)"
37
+ viewBox: "0 0 28.35 28.35"
40
38
  }, _react.default.createElement("circle", {
41
- cx: 8124.9,
42
- cy: 88.9,
43
- r: 13.9,
44
- opacity: 0.16,
45
- fill: color
39
+ cx: "11.83",
40
+ cy: "16.66",
41
+ r: "9",
42
+ fill: color,
43
+ opacity: 0.16
46
44
  }), _react.default.createElement("path", {
47
- // eslint-disable-next-line max-len
48
- d: "M8117 74.4h2.5c.5 0 1 .2 1.4.5.4.3.6.7.7 1.2l3 11.8h14.1l2.7-10.1h2.4l-3 10.7c-.1.5-.3.9-.7 1.2-.4.3-.9.5-1.4.5h-14c-.5 0-1-.2-1.4-.5-.4-.3-.6-.7-.7-1.2l-3-11.8h-2.5c-.3 0-.6-.1-.8-.3s-.3-.5-.3-.8c0-.3.1-.6.3-.8s.4-.4.7-.4zm7.8 16.7c.7-.7 1.5-1 2.4-1 .9 0 1.7.3 2.4 1s1 1.5 1 2.4c0 .9-.3 1.7-1 2.4s-1.5 1-2.4 1c-.9 0-1.7-.3-2.4-1s-1-1.5-1-2.4c0-.9.3-1.7 1-2.4zm3.5 2.4c0-.7-.4-1.1-1.1-1.1-.8 0-1.1.4-1.1 1.1 0 .8.4 1.1 1.1 1.1.7 0 1.1-.4 1.1-1.1zm2.2-19.1h2.2V80h3.4l-4.5 4.5-4.5-4.5h3.4v-5.6zm4.4 16.7c.7-.7 1.5-1 2.4-1 .9 0 1.7.3 2.4 1s1 1.5 1 2.4c0 .9-.3 1.7-1 2.4s-1.5 1-2.4 1c-.9 0-1.7-.3-2.4-1s-1-1.5-1-2.4c0-.9.3-1.7 1-2.4zm3.5 2.4c0-.7-.4-1.1-1.1-1.1-.8 0-1.1.4-1.1 1.1 0 .8.4 1.1 1.1 1.1.7 0 1.1-.4 1.1-1.1z",
45
+ d: "M5.64,6.67H7.33A1.41,1.41,0,0,1,8.24,7a1.28,1.28,0,0,1,.5.82l2,7.87h9.38l1.78-6.75h1.59l-2,7.13a1.31,1.31,0,0,1-.5.82,1.46,1.46,0,0,1-.91.3H10.7a1.48,1.48,0,0,1-.91-.3,1.25,1.25,0,0,1-.49-.82l-2-7.88H5.64a.75.75,0,1,1,0-1.5ZM10.8,17.83a2.26,2.26,0,0,1,3.19,0A2.26,2.26,0,0,1,10.8,21a2.26,2.26,0,0,1,0-3.19Zm2.34,1.59a.66.66,0,0,0-.75-.75.75.75,0,0,0,0,1.5A.66.66,0,0,0,13.14,19.42Zm1.5-12.75h1.5v3.75h2.25l-3,3-3-3h2.25Zm2.91,11.16a2.26,2.26,0,0,1,3.19,0A2.26,2.26,0,0,1,17.55,21a2.26,2.26,0,0,1,0-3.19Zm2.34,1.59a.75.75,0,1,0-.75.75A.66.66,0,0,0,19.89,19.42Z",
49
46
  fill: color
50
- }))));
47
+ })));
51
48
  });
52
49
  HiCatalog.muiName = 'SvgIcon';
53
50
 
@@ -34,20 +34,17 @@ var HiCustomer = (0, _pure.default)(function (props) {
34
34
  fontSize: props.size || 24
35
35
  })
36
36
  }, other), _react.default.createElement("svg", {
37
- viewBox: "0 0 37.5 39"
38
- }, _react.default.createElement("g", {
39
- transform: "translate(1650 3570)"
37
+ viewBox: "0 0 28.35 28.35"
40
38
  }, _react.default.createElement("circle", {
41
- cx: -1636.1,
42
- cy: -3545.1,
43
- r: 13.9,
44
- opacity: 0.16,
45
- fill: color
39
+ cx: "11.83",
40
+ cy: "16.66",
41
+ r: "9",
42
+ fill: color,
43
+ opacity: 0.16
46
44
  }), _react.default.createElement("path", {
47
- // eslint-disable-next-line max-len
48
- d: "M-1637.1-3559.6c1.5-1.5 3.4-2.3 5.6-2.3 2.2 0 4 .8 5.6 2.3s2.3 3.4 2.3 5.6c0 1.3-.3 2.6-.9 3.7-.6 1.2-1.5 2.1-2.6 2.8 2.1.9 3.7 2.3 5 4.1 1.3 1.9 1.9 3.9 1.9 6.2h-2.2c0-2.5-.9-4.6-2.6-6.4s-3.9-2.6-6.4-2.6c-2.5 0-4.6.9-6.4 2.6s-2.6 3.9-2.6 6.4h-2.2c0-2.3.6-4.4 1.9-6.2 1.3-1.9 2.9-3.2 5-4.1-1.1-.7-1.9-1.6-2.6-2.8-.6-1.2-.9-2.4-.9-3.7-.3-2.2.5-4 2.1-5.6zm9.5 1.6c-1.1-1.1-2.4-1.7-4-1.7s-2.9.6-4 1.7-1.7 2.4-1.7 4 .6 2.9 1.7 4 2.4 1.7 4 1.7 2.9-.6 4-1.7 1.7-2.4 1.7-4-.6-2.9-1.7-4z",
45
+ d: "M7.47,5.22a5.06,5.06,0,0,1,3.7-1.55,5.07,5.07,0,0,1,3.71,1.55,5.05,5.05,0,0,1,1.54,3.7,5.17,5.17,0,0,1-.63,2.49,5.05,5.05,0,0,1-1.71,1.87,11.2,11.2,0,0,1,1.08.52,6,6,0,0,1,3.51-1.13,6,6,0,0,1,6,6,6,6,0,0,1-6,6,6,6,0,0,1-6-6A5.84,5.84,0,0,1,14,14.92a5.62,5.62,0,0,0-2.82-.75,5.79,5.79,0,0,0-4.24,1.76,5.79,5.79,0,0,0-1.76,4.24H3.67A7.24,7.24,0,0,1,4.94,16a7.63,7.63,0,0,1,3.33-2.74,5.05,5.05,0,0,1-1.71-1.87,5.18,5.18,0,0,1,.91-6.19Zm6.35,1a3.74,3.74,0,0,0-5.3,0,3.64,3.64,0,0,0-1.1,2.65,3.62,3.62,0,0,0,1.1,2.65,3.6,3.6,0,0,0,2.65,1.1,3.59,3.59,0,0,0,2.65-1.1,3.59,3.59,0,0,0,1.1-2.65A3.6,3.6,0,0,0,13.82,6.27Zm8,9.22a4.5,4.5,0,0,0-6.37,0,4.5,4.5,0,0,0,0,6.37,4.53,4.53,0,0,0,6.37,0,4.53,4.53,0,0,0,0-6.37Zm-3.94.18h1.5v2.25h2.25v1.5H19.42v2.25h-1.5V19.42H15.67v-1.5h2.25Z",
49
46
  fill: color
50
- }))));
47
+ })));
51
48
  });
52
49
  HiCustomer.muiName = 'SvgIcon';
53
50
 
@@ -34,20 +34,17 @@ var HiFinance = (0, _pure.default)(function (props) {
34
34
  fontSize: props.size || 24
35
35
  })
36
36
  }, other), _react.default.createElement("svg", {
37
- viewBox: "0 0 37.5 39"
38
- }, _react.default.createElement("g", {
39
- transform: "translate(-8111 -204)"
37
+ viewBox: "0 0 28.35 28.35"
40
38
  }, _react.default.createElement("circle", {
41
- cx: 8124.9,
42
- cy: 228.9,
43
- r: 13.9,
44
- opacity: 0.16,
45
- fill: color
39
+ cx: "11.83",
40
+ cy: "16.66",
41
+ r: "9",
42
+ fill: color,
43
+ opacity: 0.16
46
44
  }), _react.default.createElement("path", {
47
- // eslint-disable-next-line max-len
48
- d: "M8129 209.9c4 0 7.4 1.4 10.1 4.1l-1.5 1.6c-2.3-2.3-5.2-3.5-8.6-3.5-3.4 0-6.3 1.2-8.8 3.6-2.4 2.4-3.6 5.3-3.6 8.8 0 3.4 1.2 6.3 3.6 8.8 2.4 2.4 5.3 3.6 8.8 3.6 3.4 0 6.3-1.2 8.8-3.6 2.4-2.4 3.6-5.3 3.6-8.8 0-.9-.1-1.9-.4-2.8l1.8-1.8c.5 1.4.8 2.9.8 4.6 0 4-1.4 7.5-4.3 10.3-2.9 2.9-6.3 4.3-10.3 4.3-4 0-7.5-1.4-10.3-4.3-2.9-2.9-4.3-6.3-4.3-10.3 0-4 1.4-7.5 4.3-10.3 2.8-2.9 6.3-4.3 10.3-4.3zm12.7 4.8l1.7 1.7-13.5 13.5-.8.7-.8-.7-5.6-5.6 1.7-1.7 4.8 4.9 12.5-12.8z",
45
+ d: "M14.17,4.42a9.19,9.19,0,0,1,6.75,2.77l-1,1.08a7.76,7.76,0,0,0-5.72-2.35A7.94,7.94,0,0,0,8.34,8.34a7.94,7.94,0,0,0-2.42,5.83A8,8,0,0,0,8.34,20a7.93,7.93,0,0,0,5.83,2.41A8,8,0,0,0,20,20a8,8,0,0,0,2.41-5.84,7.48,7.48,0,0,0-.23-1.87l1.22-1.22a8.78,8.78,0,0,1,.51,3.09,9.36,9.36,0,0,1-2.86,6.89,9.36,9.36,0,0,1-6.89,2.86,9.39,9.39,0,0,1-6.89-2.86,9.4,9.4,0,0,1-2.86-6.89A9.43,9.43,0,0,1,7.28,7.28,9.43,9.43,0,0,1,14.17,4.42Zm8.44,3.19,1.13,1.13-9,9-.57.46-.56-.46L9.86,14,11,12.86l3.18,3.24Z",
49
46
  fill: color
50
- }))));
47
+ })));
51
48
  });
52
49
  HiFinance.muiName = 'SvgIcon';
53
50