@hipay/hipay-material-ui 2.3.4 → 2.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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