@itilite/iui-user-management 1.4.7725 → 1.4.7726

package/dist/index.modern.js

@@ -3,6 +3,7 @@ import React, { useState, Fragment as Fragment$1, useEffect, memo, useRef } from
 import { configs, services, utilUrls } from '@itilite/utils';
 import axios from 'axios';
 import { IconButton, Menu, MenuItem, Popper, Grow, Paper, ClickAwayListener, MenuList, Typography, Box } from '@material-ui/core';
+import { PaymentIcon } from 'react-svg-credit-card-payment-icons';
 import { useDispatch, useSelector, Provider } from 'react-redux';
 import { combineReducers, createStore, applyMiddleware } from 'redux';
 import thunk from 'redux-thunk';
@@ -2232,18 +2233,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 = services.IUILocalStorageService;
 var env$3 = configs.env;
 var CardsManagement = function CardsManagement(_ref) {
@@ -2289,17 +2278,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.createElement(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';