@itilite/iui-user-management 1.5.14 → 1.5.15

package/dist/index.js

@@ -423,6 +423,9 @@ var userAddEditUrl = {
   setDefaultCard: function setDefaultCard(pmId, vendorId) {
     return env.getPaymentUrl() + "/api/v1/card/default";
   },
+  personalCardEligibility: function personalCardEligibility() {
+    return env.getPaymentUrl() + "/api/v1/card/clients/" + IUILocalStorageService.getClientId() + "/personal/eligibility?app_type=1";
+  },
   disablePaymentCard: function disablePaymentCard() {
     return env.getPaymentUrl() + "/api/v1/card/status";
   },
@@ -2670,13 +2673,12 @@ var CARDS_DISABLED = {
 };
 
 var IUILocalStorageService$3 = utils.services.IUILocalStorageService;
-var env$3 = utils.configs.env;
+var env$3 = utils.configs.env,
+  paymentApi$1 = utils.configs.paymentApi;
 var CardsManagement = function CardsManagement(_ref) {
-  var _selectedCard$metadat, _pg$gateway;
+  var _selectedCard$metadat;
   var _ref$paymentDetails = _ref.paymentDetails,
     paymentDetails = _ref$paymentDetails === void 0 ? {} : _ref$paymentDetails,
-    _ref$paymentMethod = _ref.paymentMethod,
-    paymentMethod = _ref$paymentMethod === void 0 ? null : _ref$paymentMethod,
     _ref$sendLog = _ref.sendLog,
     sendLog = _ref$sendLog === void 0 ? function () {} : _ref$sendLog;
   var dispatch = reactRedux.useDispatch();
@@ -2691,6 +2693,23 @@ var CardsManagement = function CardsManagement(_ref) {
   var _useState2 = React.useState(null),
     selectedCard = _useState2[0],
     setSelectedCard = _useState2[1];
+  var _useState3 = React.useState(false),
+    allowPersonalCardAdd = _useState3[0],
+    setAllowPersonalCardAdd = _useState3[1];
+  React.useEffect(function () {
+    var isActive = true;
+    paymentApi$1.get(userAddEditUrl.personalCardEligibility()).then(function (res) {
+      if (isActive) {
+        var _res$data, _res$data$data;
+        setAllowPersonalCardAdd((res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$data = _res$data.data) === null || _res$data$data === void 0 ? void 0 : _res$data$data.allow_personal_card_add) === true);
+      }
+    })["catch"](function () {
+      if (isActive) setAllowPersonalCardAdd(false);
+    });
+    return function () {
+      isActive = false;
+    };
+  }, []);
   var handleMenuClick = function handleMenuClick(event, card) {
     setAnchorEl(event.currentTarget);
     setSelectedCard(card);
@@ -2908,7 +2927,7 @@ var CardsManagement = function CardsManagement(_ref) {
   }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
     container: true,
     className: styles$1.formFieldsWrapper
-  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, paymentMethod === 2 && /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, !allowPersonalCardAdd && /*#__PURE__*/React__default.createElement("div", {
     className: classes.disabledNotice
   }, "Company has disabled usage of your personal cards, please reach out to your admin"), /*#__PURE__*/React__default.createElement("div", {
     className: classes.cardsGrid
@@ -2916,7 +2935,7 @@ var CardsManagement = function CardsManagement(_ref) {
     return renderCard(card);
   }) : null, corporateCards.length !== 0 ? corporateCards === null || corporateCards === void 0 ? void 0 : corporateCards.map(function (card) {
     return renderCard(card);
-  }) : null), console.log('cards', cards, 'cardsCount', cardsCount, pg), (!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__default.createElement("button", {
+  }) : null), (!cards || cardsCount < 10) && allowPersonalCardAdd && /*#__PURE__*/React__default.createElement("button", {
     className: classes.addCardButton,
     onClick: function onClick() {
       sendLog({