@itilite/iui-user-management 1.4.7725 → 1.4.7727

package/dist/index.js

@@ -6,6 +6,7 @@ var React__default = _interopDefault(React);
 var utils = require('@itilite/utils');
 var axios = _interopDefault(require('axios'));
 var core = require('@material-ui/core');
+var reactSvgCreditCardPaymentIcons = require('react-svg-credit-card-payment-icons');
 var reactRedux = require('react-redux');
 var redux = require('redux');
 var thunk = _interopDefault(require('redux-thunk'));
@@ -2235,18 +2236,6 @@ var editCustomFieldLabel = function editCustomFieldLabel(payload) {
   };
 };
 
-var masterCardNew = "masterCard~eGXbErPW.png";
-
-var visaCard = "visa~BjGiZFyo.png";
-
-var diners = "diners~ppWhzqPw.png";
-
-var discover = "discover~bnLdjLIy.png";
-
-var amexCard = "amex~KhiVVORY.png";
-
-var union = "unionPay~boILkyzh.png";
-
 var IUILocalStorageService$4 = utils.services.IUILocalStorageService;
 var env$3 = utils.configs.env;
 var CardsManagement = function CardsManagement(_ref) {
@@ -2292,17 +2281,12 @@ var CardsManagement = function CardsManagement(_ref) {
     handleMenuClose();
   };
   var getBrandLogo = function getBrandLogo(brand) {
-    var logos = {
-      mastercard: masterCardNew,
-      jcb: visaCard,
-      diners: diners,
-      discover: discover,
-      amex: amexCard,
-      unionpay: union,
-      visa: visaCard,
-      virtual: masterCardNew
-    };
-    return logos[brand.toLowerCase()] || '';
+    return /*#__PURE__*/React__default.createElement(reactSvgCreditCardPaymentIcons.PaymentIcon, {
+      type: brand === null || brand === void 0 ? void 0 : brand.toLowerCase(),
+      format: "flatRounded",
+      width: 40,
+      height: 24
+    });
   };
   var getCardTypeClass = function getCardTypeClass(category) {
     return category === 'Corporate' ? 'corporate' : category === 'Company' ? 'company' : 'personal';
@@ -2387,11 +2371,7 @@ var CardsManagement = function CardsManagement(_ref) {
       className: classes.cardCvv
     }, "CVV \u2022\u2022\u2022")), /*#__PURE__*/React__default.createElement("div", {
       className: classes.cardFooter
-    }, /*#__PURE__*/React__default.createElement("div", null), /*#__PURE__*/React__default.createElement("img", {
-      src: getBrandLogo(card.card.brand),
-      alt: card.card.brand,
-      className: classes.brandLogo
-    })));
+    }, /*#__PURE__*/React__default.createElement("div", null), getBrandLogo(card.card.brand)));
   };
   var personalCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
     return card.category === 'Personal';