@itilite/iui-user-management 1.4.764 → 1.4.765

package/dist/index.css

@@ -357,6 +357,18 @@
   margin-bottom: 60px;
 }
 
+._1yV0j {
+  display: flex;
+  padding: 8px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+  color: #CF2231;
+  border-radius: 4px;
+  background: #FFF1F0;
+  margin-bottom: 32px;
+}
+
 ._1oHGu {
   display: flex;
   flex-wrap: wrap;

package/dist/index.js

@@ -829,7 +829,7 @@ var UserRole = function UserRole(_ref) {
 
 var styles$1 = {"defaultLabel":"_smjc4","card":"_3_S9J","cardNumber":"_36E9M","cardDigit":"_2pm-T","expiryDate":"_2tBnF","cardImage":"_3QvZh","visa":"_1IpBm","mastercard":"_2x6IX","amex":"_2a38S","discover":"_2vksl","diners":"_2kQRs","jcb":"_2bO1f","unionpay":"_2_jfu","is_nothing":"_1Lrzs","addCard":"_3711U","cardDeleteBtn":"_7Da2t","cardLabel":"_PQTex","defaultBtn":"_1_ArA","cursonPointer":"_1L115","sectionWrapper":"_VpUCK","margin":"_1Fs_D","minGridWidth":"_1hl-Z","firstRowMargin":"_1WZZj","firstChildMargin":"_IT_O_","paddingTop":"_Mhnl7","dividerColor":"_3ltFd"};
 
-var classes = {"sectionHeader":"_2d_OH","myCardsSection":"_3MNHj","companyCardsSection":"_34lN6","cardsGrid":"_1oHGu","card":"_3ZTQc","moreIcon":"_3utA0","personal":"_duePd","corporate":"_3O33a","company":"_180_L","cardHeader":"_1eF61","cardTitleSection":"_2c40W","cardMaskedNumber":"_2Vlhq","cardName":"_bp-Mt","cardType":"_3l4HZ","menuButton":"_3TTEn","lockIcon":"_1S27X","cardDetails":"_IP2rg","cardNumber":"_7FOPe","cardExpiry":"_CI_p2","cardCvv":"_3Gzqu","cardUnhide":"_ivgBf","cardFooter":"_1WgPL","brandLogo":"_EV0l8","addCardButton":"_1oaCc","plusIcon":"_w9L5L"};
+var classes = {"sectionHeader":"_2d_OH","myCardsSection":"_3MNHj","companyCardsSection":"_34lN6","disabledNotice":"_1yV0j","cardsGrid":"_1oHGu","card":"_3ZTQc","moreIcon":"_3utA0","personal":"_duePd","corporate":"_3O33a","company":"_180_L","cardHeader":"_1eF61","cardTitleSection":"_2c40W","cardMaskedNumber":"_2Vlhq","cardName":"_bp-Mt","cardType":"_3l4HZ","menuButton":"_3TTEn","lockIcon":"_1S27X","cardDetails":"_IP2rg","cardNumber":"_7FOPe","cardExpiry":"_CI_p2","cardCvv":"_3Gzqu","cardUnhide":"_ivgBf","cardFooter":"_1WgPL","brandLogo":"_EV0l8","addCardButton":"_1oaCc","plusIcon":"_w9L5L"};
 
 var SHOW_LOADER = 'SHOW_LOADER';
 var STOP_LOADER = 'STOP_LOADER';
@@ -2240,7 +2240,9 @@ var env$3 = utils.configs.env;
 var CardsManagement = function CardsManagement(_ref) {
   var _pg$gateway;
   var _ref$paymentDetails = _ref.paymentDetails,
-    paymentDetails = _ref$paymentDetails === void 0 ? {} : _ref$paymentDetails;
+    paymentDetails = _ref$paymentDetails === void 0 ? {} : _ref$paymentDetails,
+    _ref$paymentMethod = _ref.paymentMethod,
+    paymentMethod = _ref$paymentMethod === void 0 ? null : _ref$paymentMethod;
   var dispatch = reactRedux.useDispatch();
   var pg = paymentDetails.pg,
     _paymentDetails$cards = paymentDetails.cards,
@@ -2408,13 +2410,15 @@ 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, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, paymentMethod === 2 && /*#__PURE__*/React__default.createElement("div", {
+    style: classes.disabledNotice
+  }, "Company has disabled usage of your personal cards, please reach out to your admin"), /*#__PURE__*/React__default.createElement("div", {
     className: classes.cardsGrid
   }, personalCards.map(function (card) {
     return renderCard(card);
   }), corporateCards.map(function (card) {
     return renderCard(card);
-  })), (!cards || (cards === null || cards === void 0 ? void 0 : cards.length) < 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 && /*#__PURE__*/React__default.createElement("button", {
+  })), (!cards || (cards === null || cards === void 0 ? void 0 : cards.length) < 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 !== 2 && /*#__PURE__*/React__default.createElement("button", {
     className: classes.addCardButton,
     onClick: function onClick() {
       return window.location.assign(_url);
@@ -2552,7 +2556,9 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
     _props$editUserId = props.editUserId,
     editUserId = _props$editUserId === void 0 ? null : _props$editUserId,
     _props$roles = props.roles,
-    roles = _props$roles === void 0 ? [] : _props$roles;
+    roles = _props$roles === void 0 ? [] : _props$roles,
+    _props$paymentMethod = props.paymentMethod,
+    paymentMethod = _props$paymentMethod === void 0 ? null : _props$paymentMethod;
   var _useState = React.useState({
       product: '',
       approvers: []
@@ -2849,7 +2855,8 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
       placeholder: "Example label - \u201CManager\u201D"
     }));
   })))), type === 'travel' && paymentDetails && /*#__PURE__*/React__default.createElement(PaymentCards, {
-    paymentDetails: paymentDetails
+    paymentDetails: paymentDetails,
+    paymentMethod: paymentMethod
   }));
 };
 
@@ -5970,7 +5977,9 @@ var UserAddEdit = function UserAddEdit(props) {
     editUserId = props.editUserId,
     config = props.config,
     _props$isProfile = props.isProfile,
-    isProfile = _props$isProfile === void 0 ? false : _props$isProfile;
+    isProfile = _props$isProfile === void 0 ? false : _props$isProfile,
+    _props$paymentMethod = props.paymentMethod,
+    paymentMethod = _props$paymentMethod === void 0 ? null : _props$paymentMethod;
   env$4.init(config, isProfile);
   var queryParams = new URLSearchParams(window.location.search);
   var verifyUserId = Number(queryParams.get(config.routes.users.add.queryParamKeys.verifyUserId));
@@ -7881,7 +7890,8 @@ var UserAddEdit = function UserAddEdit(props) {
     maxApprovers: maxTravelApprovers,
     isProfile: isProfile,
     editUserId: editUserId,
-    roles: renderFields.travelRoles
+    roles: renderFields.travelRoles,
+    paymentMethod: paymentMethod
   }), /*#__PURE__*/React__default.createElement(AdditionalInfo, {
     membershipInfoInput: membershipInfoInput,
     onMemInfoInputChange: onMemInfoInputChange,