@itilite/iui-user-management 1.4.893 → 1.4.895

package/dist/index.modern.js

@@ -2637,7 +2637,7 @@ var Visa = function Visa(props) {
 var IUILocalStorageService$4 = services.IUILocalStorageService;
 var env$3 = configs.env;
 var CardsManagement = function CardsManagement(_ref) {
-  var _selectedCard$metadat, _pg$gateway, _selectedCard$metadat2, _selectedCard$metadat3;
+  var _selectedCard$metadat, _pg$gateway;
   var _ref$paymentDetails = _ref.paymentDetails,
     paymentDetails = _ref$paymentDetails === void 0 ? {} : _ref$paymentDetails,
     _ref$paymentMethod = _ref.paymentMethod,
@@ -2775,11 +2775,22 @@ var CardsManagement = function CardsManagement(_ref) {
       fill: "#2EA363"
     }));
   };
+  var personalCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
+    return (card === null || card === void 0 ? void 0 : card.category) === 'Personal';
+  });
+  var corporateCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
+    return (card === null || card === void 0 ? void 0 : card.category) === 'Corporate';
+  });
+  var companyCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
+    return (card === null || card === void 0 ? void 0 : card.category) === 'Company';
+  });
+  var cardsCount = (personalCards === null || personalCards === void 0 ? void 0 : personalCards.length) + (corporateCards === null || corporateCards === void 0 ? void 0 : corporateCards.length);
   var renderCard = function renderCard(card) {
     var _card$metadata, _card$card, _card$card2, _card$card3, _card$card4;
     var isCompanyCard = (card === null || card === void 0 ? void 0 : card.category) === 'Company';
     var cardClass = getCardTypeClass(card === null || card === void 0 ? void 0 : card.category);
     var isDefaultCard = !!+(card === null || card === void 0 ? void 0 : (_card$metadata = card.metadata) === null || _card$metadata === void 0 ? void 0 : _card$metadata.default_card);
+    var showMenuButton = cardsCount === 1 || cardsCount > 1 && !isDefaultCard;
     return /*#__PURE__*/React.createElement("div", {
       key: card.id,
       className: clsx(classes.card, classes[cardClass])
@@ -2793,7 +2804,7 @@ var CardsManagement = function CardsManagement(_ref) {
       className: classes.cardType
     }, getCardTypeLabel(card.category), isDefaultCard && /*#__PURE__*/React.createElement("span", null, ' (Default)'))), isCompanyCard ? /*#__PURE__*/React.createElement(LockIcon, {
       className: classes.lockIcon
-    }) : /*#__PURE__*/React.createElement(IconButton, {
+    }) : showMenuButton ? /*#__PURE__*/React.createElement(IconButton, {
       size: "small",
       onClick: function onClick(e) {
         return handleMenuClick(e, card);
@@ -2802,7 +2813,7 @@ var CardsManagement = function CardsManagement(_ref) {
     }, /*#__PURE__*/React.createElement(MoreIcon, {
       className: clsx(classes.moreIcon, classes[cardClass]),
       color: isCompanyCard ? '#2EA363' : '#3D89FF'
-    }))), /*#__PURE__*/React.createElement("div", {
+    })) : null), /*#__PURE__*/React.createElement("div", {
       className: classes.cardDetails
     }, /*#__PURE__*/React.createElement("div", {
       className: classes.cardNumber
@@ -2816,18 +2827,8 @@ var CardsManagement = function CardsManagement(_ref) {
       className: classes.cardFooter
     }, /*#__PURE__*/React.createElement("div", null), getBrandLogo(card === null || card === void 0 ? void 0 : (_card$card4 = card.card) === null || _card$card4 === void 0 ? void 0 : _card$card4.brand)));
   };
-  var personalCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
-    return (card === null || card === void 0 ? void 0 : card.category) === 'Personal';
-  });
-  var corporateCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
-    return (card === null || card === void 0 ? void 0 : card.category) === 'Corporate';
-  });
-  var companyCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
-    return (card === null || card === void 0 ? void 0 : card.category) === 'Company';
-  });
-  var cardsCount = (personalCards === null || personalCards === void 0 ? void 0 : personalCards.length) + (corporateCards === null || corporateCards === void 0 ? void 0 : corporateCards.length);
   var _url = env$3.getPaymentUrl() + ("/api/v1/auth/" + IUILocalStorageService$4.getAccessToken() + "/1/" + pg.entity_id + "/0/" + pg.vendor_id + "/1");
-  console.log('show card delete', selectedCard, !+(selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$metadat = selectedCard.metadata) === null || _selectedCard$metadat === void 0 ? void 0 : _selectedCard$metadat.default_card), cardsCount, cards);
+  var showMenuButton = cardsCount === 1 || cardsCount > 1 && !+(selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$metadat = selectedCard.metadata) === null || _selectedCard$metadat === void 0 ? void 0 : _selectedCard$metadat.default_card);
   return /*#__PURE__*/React.createElement("div", {
     style: {
       marginBottom: -20
@@ -2897,7 +2898,7 @@ var CardsManagement = function CardsManagement(_ref) {
     className: classes.cardsGrid
   }, companyCards === null || companyCards === void 0 ? void 0 : companyCards.map(function (card) {
     return renderCard(card);
-  }))))))), (cardsCount === 1 || cardsCount > 1 && !+(selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$metadat2 = selectedCard.metadata) === null || _selectedCard$metadat2 === void 0 ? void 0 : _selectedCard$metadat2.default_card)) && /*#__PURE__*/React.createElement(Menu, {
+  }))))))), showMenuButton && /*#__PURE__*/React.createElement(Menu, {
     anchorEl: anchorEl,
     open: Boolean(anchorEl),
     onClose: handleMenuClose,
@@ -2911,7 +2912,7 @@ var CardsManagement = function CardsManagement(_ref) {
     }
   }, selectedCard && !+selectedCard.metadata.default_card && /*#__PURE__*/React.createElement(MenuItem, {
     onClick: handleMarkAsDefault
-  }, "Mark as default"), (cardsCount === 1 || cardsCount > 1 && !+(selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$metadat3 = selectedCard.metadata) === null || _selectedCard$metadat3 === void 0 ? void 0 : _selectedCard$metadat3.default_card)) && /*#__PURE__*/React.createElement(MenuItem, {
+  }, "Mark as default"), showMenuButton && /*#__PURE__*/React.createElement(MenuItem, {
     onClick: handleDeleteCard,
     style: {
       color: '#ff4444'