@itilite/iui-user-management 1.4.7729 → 1.4.7731

package/dist/index.modern.js

@@ -2650,9 +2650,11 @@ var CardsManagement = function CardsManagement(_ref) {
     _ref$paymentMethod = _ref.paymentMethod,
     paymentMethod = _ref$paymentMethod === void 0 ? null : _ref$paymentMethod;
   var dispatch = useDispatch();
-  var pg = paymentDetails.pg,
-    _paymentDetails$cards = paymentDetails.cards,
-    cards = _paymentDetails$cards === void 0 ? null : _paymentDetails$cards;
+  var _ref2 = paymentDetails || {},
+    _ref2$pg = _ref2.pg,
+    pg = _ref2$pg === void 0 ? null : _ref2$pg,
+    _ref2$cards = _ref2.cards,
+    cards = _ref2$cards === void 0 ? null : _ref2$cards;
   var _useState = useState(null),
     anchorEl = _useState[0],
     setAnchorEl = _useState[1];
@@ -2685,6 +2687,7 @@ var CardsManagement = function CardsManagement(_ref) {
     }));
     handleMenuClose();
   };
+  console.log('test mudu 22');
   var getBrandLogo = function getBrandLogo(brand) {
     var width = 40;
     var aspectRatio = 780 / 500;
@@ -2722,10 +2725,10 @@ var CardsManagement = function CardsManagement(_ref) {
   var getCardTypeLabel = function getCardTypeLabel(category) {
     return category === 'Corporate' ? 'CORPORATE' : category === 'Company' ? 'COMPANY' : 'PERSONAL';
   };
-  var MoreIcon = function MoreIcon(_ref2) {
-    var _ref2$color = _ref2.color,
-      color = _ref2$color === void 0 ? '#3D89FF' : _ref2$color,
-      className = _ref2.className;
+  var MoreIcon = function MoreIcon(_ref3) {
+    var _ref3$color = _ref3.color,
+      color = _ref3$color === void 0 ? '#3D89FF' : _ref3$color,
+      className = _ref3.className;
     return /*#__PURE__*/React.createElement("svg", {
       width: "16",
       height: "16",
@@ -2749,7 +2752,7 @@ var CardsManagement = function CardsManagement(_ref) {
       strokeLinejoin: "round"
     }));
   };
-  var LockIcon = function LockIcon(_ref3) {
+  var LockIcon = function LockIcon(_ref4) {
     return /*#__PURE__*/React.createElement("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       width: "16",
@@ -2762,9 +2765,10 @@ var CardsManagement = function CardsManagement(_ref) {
     }));
   };
   var renderCard = function renderCard(card) {
-    var isCompanyCard = card.category === 'Company';
-    var cardClass = getCardTypeClass(card.category);
-    var isDefaultCard = !!+card.metadata.default_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);
     return /*#__PURE__*/React.createElement("div", {
       key: card.id,
       className: clsx(classes.card, classes[cardClass])
@@ -2774,7 +2778,7 @@ var CardsManagement = function CardsManagement(_ref) {
       className: classes.cardTitleSection
     }, /*#__PURE__*/React.createElement("h3", {
       className: classes.cardName
-    }, card.alias), /*#__PURE__*/React.createElement("span", {
+    }, card === null || card === void 0 ? void 0 : card.alias), /*#__PURE__*/React.createElement("span", {
       className: classes.cardType
     }, getCardTypeLabel(card.category), isDefaultCard && /*#__PURE__*/React.createElement("span", null, ' (Default)'))), isCompanyCard ? /*#__PURE__*/React.createElement(LockIcon, {
       className: classes.lockIcon
@@ -2793,23 +2797,24 @@ var CardsManagement = function CardsManagement(_ref) {
       className: classes.cardNumber
     }, /*#__PURE__*/React.createElement("span", {
       className: classes.cardMaskedNumber
-    }, "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022"), ' ', card.card.last4), /*#__PURE__*/React.createElement("div", {
+    }, "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022"), ' ', card === null || card === void 0 ? void 0 : (_card$card = card.card) === null || _card$card === void 0 ? void 0 : _card$card.last4), /*#__PURE__*/React.createElement("div", {
       className: classes.cardExpiry
-    }, "Expiry date ", card.card.exp_month, "/", String(card.card.exp_year).slice(-2)), /*#__PURE__*/React.createElement("div", {
+    }, "Expiry date ", card === null || card === void 0 ? void 0 : (_card$card2 = card.card) === null || _card$card2 === void 0 ? void 0 : _card$card2.exp_month, "/", String(card === null || card === void 0 ? void 0 : (_card$card3 = card.card) === null || _card$card3 === void 0 ? void 0 : _card$card3.exp_year).slice(-2)), /*#__PURE__*/React.createElement("div", {
       className: classes.cardCvv
     }, "CVV \u2022\u2022\u2022")), /*#__PURE__*/React.createElement("div", {
       className: classes.cardFooter
-    }, /*#__PURE__*/React.createElement("div", null), getBrandLogo(card.card.brand)));
+    }, /*#__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.category === 'Personal';
+    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.category === 'Corporate';
+    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.category === 'Company';
+    return (card === null || card === void 0 ? void 0 : card.category) === 'Company';
   });
+  console.log('test mudu');
   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");
   return /*#__PURE__*/React.createElement("div", {
@@ -2840,11 +2845,11 @@ var CardsManagement = function CardsManagement(_ref) {
     style: classes.disabledNotice
   }, "Company has disabled usage of your personal cards, please reach out to your admin"), /*#__PURE__*/React.createElement("div", {
     className: classes.cardsGrid
-  }, personalCards.map(function (card) {
+  }, personalCards.length !== 0 ? personalCards === null || personalCards === void 0 ? void 0 : personalCards.map(function (card) {
     return renderCard(card);
-  }), corporateCards.map(function (card) {
+  }) : null, corporateCards.length !== 0 ? corporateCards === null || corporateCards === void 0 ? void 0 : corporateCards.map(function (card) {
     return renderCard(card);
-  })), console.log('cards', cards, 'cardsCount', cardsCount), (!cards || cardsCount < 10) && (pg === null || pg === void 0 ? void 0 : (_pg$gateway = pg.gateway) === null || _pg$gateway === void 0 ? void 0 : _pg$gateway.toLowerCase()) === 'stripe' && (pg === null || pg === void 0 ? void 0 : pg.save_card_enable) === 1 && paymentMethod === 1 && /*#__PURE__*/React.createElement("button", {
+  }) : null), console.log('cards', cards, 'cardsCount', cardsCount), (!cards || cardsCount < 10) && (pg === null || pg === void 0 ? void 0 : (_pg$gateway = pg.gateway) === null || _pg$gateway === void 0 ? void 0 : _pg$gateway.toLowerCase()) === 'stripe' && (pg === null || pg === void 0 ? void 0 : pg.save_card_enable) === 1 && paymentMethod === 1 && /*#__PURE__*/React.createElement("button", {
     className: classes.addCardButton,
     onClick: function onClick() {
       return window.location.assign(_url);
@@ -2875,7 +2880,7 @@ var CardsManagement = function CardsManagement(_ref) {
     className: styles$1.formFieldsWrapper
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: classes.cardsGrid
-  }, companyCards.map(function (card) {
+  }, companyCards === null || companyCards === void 0 ? void 0 : companyCards.map(function (card) {
     return renderCard(card);
   }))))))), /*#__PURE__*/React.createElement(Menu, {
     anchorEl: anchorEl,
@@ -2900,10 +2905,12 @@ var CardsManagement = function CardsManagement(_ref) {
 };
 
 var PaymentCards = function PaymentCards(_ref) {
-  var _paymentDetails$pg, _paymentDetails$pg2;
-  var paymentDetails = _ref.paymentDetails,
-    paymentMethod = _ref.paymentMethod;
-  if (!paymentDetails || Object.keys(paymentDetails).length === 0 || (!paymentDetails.cards || paymentDetails.cards.length === 0) && ((paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$pg = paymentDetails.pg) === null || _paymentDetails$pg === void 0 ? void 0 : _paymentDetails$pg.gateway.toLowerCase()) !== 'stripe' || (paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$pg2 = paymentDetails.pg) === null || _paymentDetails$pg2 === void 0 ? void 0 : _paymentDetails$pg2.save_card_enable) !== 1 || paymentMethod !== 1)) {
+  var _Object$keys, _paymentDetails$cards, _paymentDetails$pg, _paymentDetails$pg2;
+  var _ref$paymentDetails = _ref.paymentDetails,
+    paymentDetails = _ref$paymentDetails === void 0 ? {} : _ref$paymentDetails,
+    _ref$paymentMethod = _ref.paymentMethod,
+    paymentMethod = _ref$paymentMethod === void 0 ? null : _ref$paymentMethod;
+  if (!paymentDetails || ((_Object$keys = Object.keys(paymentDetails)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) === 0 || (!(paymentDetails !== null && paymentDetails !== void 0 && paymentDetails.cards) || (paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$cards = paymentDetails.cards) === null || _paymentDetails$cards === void 0 ? void 0 : _paymentDetails$cards.length) === 0) && ((paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$pg = paymentDetails.pg) === null || _paymentDetails$pg === void 0 ? void 0 : _paymentDetails$pg.gateway.toLowerCase()) !== 'stripe' || (paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$pg2 = paymentDetails.pg) === null || _paymentDetails$pg2 === void 0 ? void 0 : _paymentDetails$pg2.save_card_enable) !== 1 || paymentMethod !== 1)) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIDivider, {