@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.
- package/HiExpansionPanel/HiExpansionPanel.js +63 -98
- package/HiPaymentMeans/HiPaymentMeans.js +8 -5
- package/es/HiExpansionPanel/HiExpansionPanel.js +63 -98
- package/es/HiPaymentMeans/HiPaymentMeans.js +8 -5
- package/es/hi-svg-icons/HiAccount.js +8 -11
- package/es/hi-svg-icons/HiBilling.js +8 -11
- package/es/hi-svg-icons/HiCatalog.js +8 -11
- package/es/hi-svg-icons/HiCustomer.js +8 -11
- package/es/hi-svg-icons/HiFinance.js +8 -11
- package/es/hi-svg-icons/HiIntelligence.js +59 -0
- package/es/hi-svg-icons/HiOrder.js +74 -0
- package/es/hi-svg-icons/HiPaymentOrder.js +56 -0
- package/es/hi-svg-icons/HiPriceGrid.js +56 -0
- package/es/hi-svg-icons/HiRoute.js +8 -11
- package/es/hi-svg-icons/HiSettlement.js +8 -11
- package/es/hi-svg-icons/HiTransaction.js +8 -11
- package/es/hi-svg-icons/HiUser.js +8 -11
- package/es/hi-svg-icons/HiVendor.js +56 -0
- package/es/hi-svg-icons/HiWidget.js +8 -16
- package/es/hi-svg-icons/index.js +41 -1
- package/hi-svg-icons/HiAccount.js +8 -11
- package/hi-svg-icons/HiBilling.js +8 -11
- package/hi-svg-icons/HiCatalog.js +8 -11
- package/hi-svg-icons/HiCustomer.js +8 -11
- package/hi-svg-icons/HiFinance.js +8 -11
- package/hi-svg-icons/HiIntelligence.js +59 -0
- package/hi-svg-icons/HiOrder.js +74 -0
- package/hi-svg-icons/HiPaymentOrder.js +56 -0
- package/hi-svg-icons/HiPriceGrid.js +56 -0
- package/hi-svg-icons/HiRoute.js +8 -11
- package/hi-svg-icons/HiSettlement.js +8 -11
- package/hi-svg-icons/HiTransaction.js +8 -11
- package/hi-svg-icons/HiUser.js +8 -11
- package/hi-svg-icons/HiVendor.js +56 -0
- package/hi-svg-icons/HiWidget.js +8 -16
- package/hi-svg-icons/index.js +41 -1
- 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 =
|
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
|
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
|
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 =
|
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
|
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
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
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
|
-
|
204
|
-
|
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: '
|
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 (
|
550
|
-
|
551
|
-
|
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
|
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 =
|
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
|
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
|
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 =
|
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
|
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
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
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
|
-
|
204
|
-
|
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: '
|
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 (
|
550
|
-
|
551
|
-
|
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
|
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
|
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:
|
42
|
-
cy:
|
43
|
-
r:
|
44
|
-
|
45
|
-
|
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
|
-
|
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
|
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:
|
42
|
-
cy:
|
43
|
-
r:
|
44
|
-
|
45
|
-
|
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
|
-
|
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
|
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:
|
42
|
-
cy:
|
43
|
-
r:
|
44
|
-
|
45
|
-
|
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
|
-
|
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
|
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:
|
42
|
-
cy:
|
43
|
-
r:
|
44
|
-
|
45
|
-
|
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
|
-
|
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
|
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:
|
42
|
-
cy:
|
43
|
-
r:
|
44
|
-
|
45
|
-
|
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
|
-
|
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
|
|