@hipay/hipay-material-ui 2.3.3 → 2.3.5

package/es/HiExpansionPanel/HiExpansionPanel.js

@@ -1,31 +1,25 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
 
@@ -39,7 +33,7 @@ var _styles = require("@material-ui/core/styles");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var styles = function styles(theme) {
+var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     summaryContent: {
       display: 'flex',
@@ -114,105 +108,76 @@ var styles = function styles(theme) {
       right: 0
     }
   };
-};
+});
 /**
  * HiExpansionPanel
  */
 
-
-exports.styles = styles;
-
 var _ref = _react.default.createElement(_HiIcon.default, {
   icon: "mdi_menu_up",
   size: 24
 });
 
-var HiExpansionPanel =
-/*#__PURE__*/
-function (_React$PureComponent) {
-  (0, _inherits2.default)(HiExpansionPanel, _React$PureComponent);
-
-  function HiExpansionPanel(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, HiExpansionPanel);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiExpansionPanel).call(this, props));
-    _this.state = {
-      panelDetailsExited: !(props.collapseDisable || props.expanded)
-    };
-    return _this;
-  }
-
-  (0, _createClass2.default)(HiExpansionPanel, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          disabled = _this$props.disabled,
-          heading = _this$props.heading,
-          secondaryHeading = _this$props.secondaryHeading,
-          secondaryHeadingDisabled = _this$props.secondaryHeadingDisabled,
-          secondaryHeadingIcon = _this$props.secondaryHeadingIcon,
-          collapseDisable = _this$props.collapseDisable,
-          children = _this$props.children,
-          classes = _this$props.classes,
-          expanded = _this$props.expanded,
-          props = (0, _objectWithoutProperties2.default)(_this$props, ["disabled", "heading", "secondaryHeading", "secondaryHeadingDisabled", "secondaryHeadingIcon", "collapseDisable", "children", "classes", "expanded"]);
-      var effectiveDisabled = disabled || !children;
-      return _react.default.createElement(_ExpansionPanel.default, (0, _extends2.default)({
-        disabled: effectiveDisabled,
-        classes: {
-          root: classes.panel,
-          disabled: classes.disabledPanel
-        },
-        expanded: collapseDisable || expanded
-      }, props, {
-        TransitionProps: {
-          onExited: function onExited() {
-            _this2.setState({
-              panelDetailsExited: true
-            });
-          },
-          onEnter: function onEnter() {
-            _this2.setState({
-              panelDetailsExited: false
-            });
-          }
-        }
-      }), _react.default.createElement(_ExpansionPanelSummary.default, {
-        classes: {
-          root: classes.summaryRoot,
-          content: classes.summaryContent,
-          expanded: classes.expanded,
-          expandIcon: classes.expandIcon
-        },
-        className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.collapseDisable, collapseDisable)),
-        expandIcon: !collapseDisable && _ref
-      }, _react.default.createElement("div", {
-        className: classes.heading
-      }, heading), _react.default.createElement("div", {
-        className: classes.secondaryHeading
-      }, _react.default.createElement("span", {
-        className: classes.secondaryHeadingSpan
-      }, !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled), secondaryHeadingIcon)), !!children && _react.default.createElement(_ExpansionPanelDetails.default, {
-        className: (0, _classnames.default)(classes.panelDetails, (0, _defineProperty2.default)({}, classes.panelDetailsExited, this.state.panelDetailsExited))
-      }, children));
+function HiExpansionPanel(props) {
+  var disabled = props.disabled,
+      heading = props.heading,
+      secondaryHeading = props.secondaryHeading,
+      secondaryHeadingDisabled = props.secondaryHeadingDisabled,
+      secondaryHeadingIcon = props.secondaryHeadingIcon,
+      collapseDisable = props.collapseDisable,
+      children = props.children,
+      expanded = props.expanded,
+      TransitionProps = props.TransitionProps,
+      others = (0, _objectWithoutProperties2.default)(props, ["disabled", "heading", "secondaryHeading", "secondaryHeadingDisabled", "secondaryHeadingIcon", "collapseDisable", "children", "expanded", "TransitionProps"]);
+  var classes = useStyles(props);
+
+  var _useState = (0, _react.useState)(!collapseDisable && !expanded),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      panelDetailsExited = _useState2[0],
+      setPanelDetailsExited = _useState2[1];
+
+  var effectiveDisabled = disabled || !children;
+  return _react.default.createElement(_ExpansionPanel.default, (0, _extends2.default)({
+    disabled: effectiveDisabled,
+    expanded: collapseDisable || expanded,
+    TransitionProps: (0, _objectSpread2.default)({
+      onExited: function onExited() {
+        return setPanelDetailsExited(true);
+      },
+      onEnter: function onEnter() {
+        return setPanelDetailsExited(false);
+      }
+    }, TransitionProps)
+  }, others, {
+    classes: {
+      root: classes.panel,
+      disabled: classes.disabledPanel
     }
-  }]);
-  return HiExpansionPanel;
-}(_react.default.PureComponent);
+  }), _react.default.createElement(_ExpansionPanelSummary.default, {
+    classes: {
+      root: classes.summaryRoot,
+      content: classes.summaryContent,
+      expanded: classes.expanded,
+      expandIcon: classes.expandIcon
+    },
+    className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.collapseDisable, collapseDisable)),
+    expandIcon: !collapseDisable && _ref
+  }, _react.default.createElement("div", {
+    className: classes.heading
+  }, heading), _react.default.createElement("div", {
+    className: classes.secondaryHeading
+  }, _react.default.createElement("span", {
+    className: classes.secondaryHeadingSpan
+  }, !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled), secondaryHeadingIcon)), !!children && _react.default.createElement(_ExpansionPanelDetails.default, {
+    className: (0, _classnames.default)(classes.panelDetails, (0, _defineProperty2.default)({}, classes.panelDetailsExited, panelDetailsExited))
+  }, children));
+}
 
 HiExpansionPanel.defaultProps = {
   disabled: false,
   secondaryHeading: '',
   secondaryHeadingIcon: '',
-  secondaryHeadingDisabled: 'PAS ENCORE COMPLETE'
+  secondaryHeadingDisabled: ''
 };
-
-var _default = (0, _styles.withStyles)(styles, {
-  hiComponent: true,
-  name: 'HmuiHiExpansionPanel'
-})(HiExpansionPanel);
-
+var _default = HiExpansionPanel;
 exports.default = _default;

package/es/HiPaymentMeans/HiPaymentMeans.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.styles = void 0;
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
@@ -226,7 +228,10 @@ var styles = function styles(theme) {
       display: 'block',
       fontFamily: theme.typography.fontFamily,
       fontSize: 13,
-      color: '#FFFFFF'
+      color: '#FFFFFF',
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
     },
     userNameCard: {
       position: 'absolute',
@@ -386,7 +391,8 @@ function (_React$Component) {
             },
             className: classes.wallet
           }, _react.default.createElement("div", {
-            className: (0, _classnames.default)(classes.labelLarge, classes.userNameWallet)
+            className: (0, _classnames.default)(classes.labelLarge, classes.userNameWallet),
+            title: username
           }, username), _react.default.createElement("span", {
             className: (0, _classnames.default)(classes.stripe, classes.stripeBottomLeft)
           }, imgComponent), _react.default.createElement("span", {
@@ -410,7 +416,8 @@ function (_React$Component) {
           }, formatNumber), cardNumber && _react.default.createElement("div", {
             className: (0, _classnames.default)(classes.labelMedium, classes.cardNumberLabel)
           }, "Card number"), _react.default.createElement("div", {
-            className: (0, _classnames.default)(classes.labelLarge, classes.userNameCard)
+            className: (0, _classnames.default)(classes.labelLarge, classes.userNameCard),
+            title: username
           }, username), _react.default.createElement("div", {
             className: classes.dateValid
           }, cardValidity), cardValidity && _react.default.createElement("div", {
@@ -446,9 +453,11 @@ function (_React$Component) {
           }, cardValidity), cardValidity && _react.default.createElement("div", {
             className: classes.validThru
           }, "Valid Thru"), _react.default.createElement("div", {
-            className: (0, _classnames.default)(classes.labelLarge, classes.userNameCorporate)
+            className: (0, _classnames.default)(classes.labelLarge, classes.userNameCorporate),
+            title: cardUser
           }, cardUser), _react.default.createElement("div", {
-            className: (0, _classnames.default)(classes.labelLarge, classes.businessName)
+            className: (0, _classnames.default)(classes.labelLarge, classes.businessName),
+            title: businessName
           }, businessName));
           break;
 
@@ -470,7 +479,8 @@ function (_React$Component) {
           }, "IBAN"), _react.default.createElement("div", {
             className: (0, _classnames.default)(classes.number, classes.ibanNumber)
           }, formatNumber), _react.default.createElement("div", {
-            className: (0, _classnames.default)(classes.labelLarge, classes.userNameSepa)
+            className: (0, _classnames.default)(classes.labelLarge, classes.userNameSepa),
+            title: username
           }, username), _react.default.createElement("div", {
             className: (0, _classnames.default)(classes.labelLarge, classes.labelDebitCredit)
           }, creditDebit));
@@ -514,7 +524,8 @@ function (_React$Component) {
           }, cardNumber), cardNumber && _react.default.createElement("div", {
             className: (0, _classnames.default)(classes.labelMedium, classes.cardNumberLabel)
           }, "Card number"), _react.default.createElement("div", {
-            className: (0, _classnames.default)(classes.labelLarge, classes.userNameCard)
+            className: (0, _classnames.default)(classes.labelLarge, classes.userNameCard),
+            title: username
           }, username), _react.default.createElement("div", {
             className: classes.dateValid
           }, cardValidity), cardValidity && _react.default.createElement("div", {
@@ -537,12 +548,13 @@ function (_React$Component) {
       return cardNumber;
     };
 
-    _this.formatIBANNumber = function (cardNumber) {
-      if (cardNumber.search(' ') < 0) {
-        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));
-      }
+    _this.formatIBANNumber = function (iban) {
+      // 1) remove spaces
+      var res = iban.replace(/\s/g, ''); // 2) add space each 4 chars
 
-      return cardNumber;
+      return (0, _toConsumableArray2.default)(res).map(function (char, index) {
+        return index > 0 && index % 4 === 0 ? ' ' + char : char;
+      }).join('');
     };
 
     return _this;

package/es/hi-svg-icons/HiAccount.js

@@ -34,20 +34,17 @@ var HiAccount = (0, _pure.default)(function (props) {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {
-    viewBox: "0 0 37.5 39"
-  }, _react.default.createElement("g", {
-    transform: "translate(-8111 -110)"
+    viewBox: "0 0 28.35 28.35"
   }, _react.default.createElement("circle", {
-    cx: 8124.9,
-    cy: 134.9,
-    r: 13.9,
-    opacity: 0.16,
-    fill: color
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
   }), _react.default.createElement("path", {
-    // eslint-disable-next-line max-len
-    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",
+    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",
     fill: color
-  }))));
+  })));
 });
 HiAccount.muiName = 'SvgIcon';
 

package/es/hi-svg-icons/HiBilling.js

@@ -34,20 +34,17 @@ var HiBilling = (0, _pure.default)(function (props) {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {
-    viewBox: "0 0 36 39"
-  }, _react.default.createElement("g", {
-    transform: "translate(-8111 -202)"
+    viewBox: "0 0 28.35 28.35"
   }, _react.default.createElement("circle", {
-    cx: 8124.9,
-    cy: 226.9,
-    r: 13.9,
-    opacity: 0.16,
-    fill: color
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
   }), _react.default.createElement("path", {
-    // eslint-disable-next-line max-len
-    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",
+    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",
     fill: color
-  }))));
+  })));
 });
 HiBilling.muiName = 'SvgIcon';
 

package/es/hi-svg-icons/HiCatalog.js

@@ -34,20 +34,17 @@ var HiCatalog = (0, _pure.default)(function (props) {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {
-    viewBox: "0 0 37.5 39"
-  }, _react.default.createElement("g", {
-    transform: "translate(-8111 -64)"
+    viewBox: "0 0 28.35 28.35"
   }, _react.default.createElement("circle", {
-    cx: 8124.9,
-    cy: 88.9,
-    r: 13.9,
-    opacity: 0.16,
-    fill: color
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
   }), _react.default.createElement("path", {
-    // eslint-disable-next-line max-len
-    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",
+    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",
     fill: color
-  }))));
+  })));
 });
 HiCatalog.muiName = 'SvgIcon';
 

package/es/hi-svg-icons/HiCustomer.js

@@ -34,20 +34,17 @@ var HiCustomer = (0, _pure.default)(function (props) {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {
-    viewBox: "0 0 37.5 39"
-  }, _react.default.createElement("g", {
-    transform: "translate(1650 3570)"
+    viewBox: "0 0 28.35 28.35"
   }, _react.default.createElement("circle", {
-    cx: -1636.1,
-    cy: -3545.1,
-    r: 13.9,
-    opacity: 0.16,
-    fill: color
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
   }), _react.default.createElement("path", {
-    // eslint-disable-next-line max-len
-    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",
+    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",
     fill: color
-  }))));
+  })));
 });
 HiCustomer.muiName = 'SvgIcon';
 

package/es/hi-svg-icons/HiFinance.js

@@ -34,20 +34,17 @@ var HiFinance = (0, _pure.default)(function (props) {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {
-    viewBox: "0 0 37.5 39"
-  }, _react.default.createElement("g", {
-    transform: "translate(-8111 -204)"
+    viewBox: "0 0 28.35 28.35"
   }, _react.default.createElement("circle", {
-    cx: 8124.9,
-    cy: 228.9,
-    r: 13.9,
-    opacity: 0.16,
-    fill: color
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
   }), _react.default.createElement("path", {
-    // eslint-disable-next-line max-len
-    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",
+    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",
     fill: color
-  }))));
+  })));
 });
 HiFinance.muiName = 'SvgIcon';
 

package/es/hi-svg-icons/HiIntelligence.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+/**
+ * @ignore - internal component.
+ */
+var HiIntelligence = (0, _pure.default)(function (props) {
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("circle", {
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
+  }), _react.default.createElement("path", {
+    d: "M17.45,13.56h3.91a2.35,2.35,0,1,0,2.33-3H23.6a2.27,2.27,0,0,0-2.24,1.73H17.45A3.7,3.7,0,0,0,16.1,10l1.35-2.31h.32a1.79,1.79,0,0,0,1.79-1.79h0a1.83,1.83,0,0,0-1.79-1.8A1.8,1.8,0,0,0,16,5.87h0A1.88,1.88,0,0,0,16.42,7L15.08,9.34a4.15,4.15,0,0,0-1.35-.26,3.91,3.91,0,0,0-2.24.7l-4-4A2.24,2.24,0,0,0,7.77,4.6,2.43,2.43,0,1,0,5.34,7a2.19,2.19,0,0,0,1.15-.32l4,4a3.56,3.56,0,0,0-.64,1.6H6a1.85,1.85,0,1,0,0,1.28H9.89a3.83,3.83,0,0,0,7.56-.07Zm-.26-7.69a.5.5,0,0,1,.5-.51h0a.56.56,0,0,1,.58.51.51.51,0,0,1-.5.52h0a.63.63,0,0,1-.58-.51Zm6.41,6a1.1,1.1,0,0,1,1.09,1.07v0a1,1,0,0,1-1,1.09H23.6a1,1,0,0,1-1.09-1v-.1a1.08,1.08,0,0,1,1.07-1.09ZM4.25,4.59A1.16,1.16,0,1,1,5.4,5.75h0A1.2,1.2,0,0,1,4.25,4.59Zm-.51,8.33a.58.58,0,0,1,1.15,0,.58.58,0,0,1-.57.58h0a.62.62,0,0,1-.58-.58Zm7.37,0a2.56,2.56,0,1,1,2.56,2.57h0a2.57,2.57,0,0,1-2.56-2.57Z",
+    fill: color
+  }), _react.default.createElement("path", {
+    d: "M19.24,23.81a2.37,2.37,0,0,0-2.36-2.37h0l-1.22-4.16a.7.7,0,0,0-.76-.45.63.63,0,0,0-.45.64v.19l1.21,4.17a2.42,2.42,0,0,0-1.08,2,2.35,2.35,0,0,0,2.36,2.37h0a2.3,2.3,0,0,0,2.3-2.31Zm-3.4,0a1.1,1.1,0,0,1,1.07-1.09h0a1.09,1.09,0,1,1,0,2.18h0a1.08,1.08,0,0,1-1.09-1.07Z",
+    fill: color
+  })));
+});
+HiIntelligence.muiName = 'SvgIcon';
+
+var _default = (0, _styles.withStyles)({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiIntelligence);
+
+exports.default = _default;

package/es/hi-svg-icons/HiOrder.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+/**
+ * @ignore - internal component.
+ */
+var HiOrder = (0, _pure.default)(function (props) {
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("circle", {
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
+  }), _react.default.createElement("path", {
+    d: "M7.59,23.25a2,2,0,0,1-1.87-1.43L3.89,13.37H3.2v-1.6H7.74l3.91-6.68L13,5.9,9.59,11.77h9.18L15.43,5.89l1.39-.79,3.79,6.67h4.54v1.6h-.69l-1.82,8.4a2,2,0,0,1-1.86,1.48ZM5.53,13.37l1.74,8.06a.37.37,0,0,0,.34.22H20.76a.37.37,0,0,0,.33-.27l1.73-8Z",
+    fill: color
+  }), _react.default.createElement("rect", {
+    fill: color,
+    x: "10.2",
+    y: "14.77",
+    width: "1.6",
+    height: "5.49"
+  }), _react.default.createElement("rect", {
+    fill: color,
+    x: "13.5",
+    y: "14.77",
+    width: "1.6",
+    height: "5.49"
+  }), _react.default.createElement("rect", {
+    fill: color,
+    x: "16.54",
+    y: "14.77",
+    width: "1.6",
+    height: "5.49"
+  })));
+});
+HiOrder.muiName = 'SvgIcon';
+
+var _default = (0, _styles.withStyles)({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiOrder);
+
+exports.default = _default;

package/es/hi-svg-icons/HiPaymentOrder.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+/**
+ * @ignore - internal component.
+ */
+var HiPaymentOrder = (0, _pure.default)(function (props) {
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("circle", {
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
+  }), _react.default.createElement("path", {
+    d: "M7.42,5.55h13.5V22.8l-1.22-.89-5.53-4.17L8.64,21.91l-1.22.89V5.55Zm1.5,1.5V19.8l4.78-3.61.47-.33.47.33,4.78,3.61V7.05Z",
+    fill: color
+  })));
+});
+HiPaymentOrder.muiName = 'SvgIcon';
+
+var _default = (0, _styles.withStyles)({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiPaymentOrder);
+
+exports.default = _default;