@itilite/iui-user-management 0.4.65 → 0.4.66

package/dist/index.css

@@ -63,13 +63,13 @@
 ._3n-WG ._1Suhw ._56iJF.MuiAccordionSummary-root .MuiAccordionSummary-expandIcon {
   position: absolute;
   margin-left: 80px;
-  top: 50px;
+  top: 38px;
 }
 ._3n-WG ._1Suhw ._56iJF ._H5nfl {
   max-width: 316px;
 }
 ._3n-WG ._1Suhw ._3F4i0.MuiAccordionSummary-root .MuiAccordionSummary-expandIcon {
-  top: 58px;
+  top: 38px;
 }
 ._3n-WG ._1Suhw ._2G0LW {
   flex-direction: column;

package/dist/index.js

@@ -876,10 +876,10 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
       if (payload.productAccess.expense) {
         product.expense = payload.expenseRole || null;
       }
-      if (payload.productAccess.cards) {
+      if (payload.productAccess.card) {
         var splitRole = payload.cardsRole.split(":");
         var cardsUsmRole = splitRole[2];
-        product.cards = cardsUsmRole || null;
+        product.card = cardsUsmRole || null;
       }
       return product;
     }(),
@@ -982,14 +982,14 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
   };
   if (!env$1.isProfilePage()) {
     res.fields.product = function () {
-      if (payload.productAccess.travel && payload.productAccess.expense && payload.productAccess.cards) {
-        return 'expense+travel+cards';
+      if (payload.productAccess.travel && payload.productAccess.expense && payload.productAccess.card) {
+        return 'expense+travel+card';
       } else if (payload.productAccess.travel && payload.productAccess.expense) {
         return 'expense+travel';
-      } else if (payload.productAccess.expense && payload.productAccess.cards) {
-        return 'expense+cards';
-      } else if (payload.productAccess.travel && payload.productAccess.cards) {
-        return 'travel+cards';
+      } else if (payload.productAccess.expense && payload.productAccess.card) {
+        return 'expense+card';
+      } else if (payload.productAccess.travel && payload.productAccess.card) {
+        return 'travel+card';
       } else if (payload.productAccess.travel) {
         return 'travel';
       } else {
@@ -1004,10 +1004,10 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
       if (payload.productAccess.expense) {
         roles.expense = payload.expenseRole;
       }
-      if (payload.productAccess.cards) {
+      if (payload.productAccess.card) {
         var splitRole = payload.cardsRole.split(":");
         var cardsUsmRole = splitRole[2];
-        roles.cards = cardsUsmRole;
+        roles.card = cardsUsmRole;
       }
       return roles;
     }();
@@ -3257,10 +3257,10 @@ var products = [{
   disableText: 'Please get in touch with your administrator to change this value.'
 }, {
   id: 3,
-  label: 'Cards',
-  name: 'cards',
+  label: 'Card',
+  name: 'card',
   type: 'checkbox',
-  disableText: 'Only Card admin can change this access.'
+  disableText: 'Please get in touch with your administrator to change this value.'
 }];
 var dropdownList = {
   gender: [{
@@ -3438,7 +3438,7 @@ var cardsConstants = {
   roles: [{
     id: 1,
     label: 'Card holder',
-    description: 'Can own and use card that are issued to them',
+    description: 'Can view own cards and transactions.',
     value: '',
     name: '',
     type: 'radio',
@@ -3449,7 +3449,7 @@ var cardsConstants = {
   }, {
     id: 2,
     label: 'Card admin',
-    description: 'Can issue card to others and can manage all card and transactions across the company.',
+    description: 'Has full administrative access to the card program. Can issue cards, set card limits, add users, has visibility into all transactions, statements and balances.',
     value: '',
     name: '',
     type: 'radio',
@@ -4944,7 +4944,7 @@ var ErrorMessages = {
   passport_photo: 'Please attach passport photo.',
   travel_docs: 'Please attach travel docs.',
   products: 'Please select atleast one product access.',
-  only_cards_products: 'Select at least one additional product if opting for card.',
+  only_cards_products: 'Currently, Card cannot be selected as a standalone option. Please add at least one more product.',
   none_products: 'Select at least one product. If opting for card, please choose at least one additional product.'
 };
 
@@ -5006,7 +5006,8 @@ var CardsField = function CardsField(props) {
     _props$roles = props.roles,
     roles = _props$roles === void 0 ? [] : _props$roles,
     _props$cardsAdmin = props.cardsAdmin,
-    cardsAdmin = _props$cardsAdmin === void 0 ? false : _props$cardsAdmin;
+    cardsAdmin = _props$cardsAdmin === void 0 ? false : _props$cardsAdmin,
+    editUserId = props.editUserId;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
     container: true,
     className: (styles.headingPadding)
@@ -5055,7 +5056,7 @@ var CardsField = function CardsField(props) {
     variant: "body2",
     component: "span",
     className: styles.errorTextCls
-  }, "Only Card admin can change the roles")))));
+  }, editUserId ? "Only Card admin can change the Card role." : "Only Card admin can change card roles. By default this user will have Card Holder role.")))));
 };
 
 var IUIToastMessageService$4 = utils.services.IUIToastMessageService,
@@ -5105,7 +5106,7 @@ var UserAddEdit = function UserAddEdit(props) {
   var _useState = React.useState({
       travel: false,
       expense: false,
-      cards: false
+      card: false
     }),
     productAccess = _useState[0],
     setProductAccess = _useState[1];
@@ -5116,7 +5117,7 @@ var UserAddEdit = function UserAddEdit(props) {
     errorMsgs.products = '';
     var _productAccess = _extends({}, productAccess);
     _productAccess[value] = !_productAccess[value];
-    if (_productAccess.travel === false && _productAccess.expense === false && _productAccess.cards === true) {
+    if (_productAccess.travel === false && _productAccess.expense === false && _productAccess.card === true) {
       var _errorArray = [].concat(errorArray);
       var _errorMsgs = _extends({}, errorMsgs);
       if (_errorArray.indexOf('products') === -1) {
@@ -5132,7 +5133,7 @@ var UserAddEdit = function UserAddEdit(props) {
           block: 'center'
         });
       }
-    } else if (_productAccess.travel === false && _productAccess.expense === false && _productAccess.cards === false) {
+    } else if (_productAccess.travel === false && _productAccess.expense === false && _productAccess.card === false) {
       var _errorArray2 = [].concat(errorArray);
       var _errorMsgs2 = _extends({}, errorMsgs);
       if (_errorArray2.indexOf('products') === -1) {
@@ -5468,12 +5469,12 @@ var UserAddEdit = function UserAddEdit(props) {
     setCardsRole = _useState25[1];
   console.log("cardsRole123", cardsRole);
   React.useEffect(function () {
-    if (productAccess.cards === false) {
+    if (productAccess.card === false) {
       setCardsRole('');
     }
-  }, [productAccess.cards]);
+  }, [productAccess.card]);
   React.useEffect(function () {
-    if (isCardsDetailsRendered && !isProfile && productAccess.cards) {
+    if (isCardsDetailsRendered && !isProfile && productAccess.card) {
       var selectedRole = cardsDetails.cardsRoles.find(function (role) {
         return role.isAssigned;
       });
@@ -5488,7 +5489,7 @@ var UserAddEdit = function UserAddEdit(props) {
           setCardsRole(defaultRole.value);
         }
       }
-    } else if (isCardsDetailsRendered && isProfile && productAccess.cards) {
+    } else if (isCardsDetailsRendered && isProfile && productAccess.card) {
       var targetRole = isCardsAdmin ? 'card-admin' : 'card-holder';
       for (var _iterator = _createForOfIteratorHelperLoose(cardsDetails.cardsRoles), _step; !(_step = _iterator()).done;) {
         var role = _step.value;
@@ -5500,7 +5501,7 @@ var UserAddEdit = function UserAddEdit(props) {
         }
       }
     }
-  }, [isCardsDetailsRendered, cardsDetails, isProfile, productAccess.cards, isCardsAdmin]);
+  }, [isCardsDetailsRendered, cardsDetails, isProfile, productAccess.card, isCardsAdmin]);
   var asyncSelectRefs = React.useRef({
     emp_level: React.useRef(null),
     entity: React.useRef(null),
@@ -6006,7 +6007,7 @@ var UserAddEdit = function UserAddEdit(props) {
   React.useEffect(function () {
     if (isRendered === true) {
       renderFields === null || renderFields === void 0 ? void 0 : renderFields.products.forEach(function (prod) {
-        if ((prod === null || prod === void 0 ? void 0 : prod.name) === 'cards') {
+        if ((prod === null || prod === void 0 ? void 0 : prod.name) === 'card') {
           editUserId ? fetchEditUserCardsDetails(editUserId) : fetchLoggedUserCardsDetails();
         }
       });
@@ -6132,7 +6133,7 @@ var UserAddEdit = function UserAddEdit(props) {
             setProductAccess({
               travel: products.includes('travel'),
               expense: products.includes('expense'),
-              cards: products.includes('cards')
+              card: products.includes('card')
             });
             if (products.includes('travel')) {
               var _res$travel_info, _res$travel_info2, _res$travel_info3, _res$travel_info4, _res$travel_info5, _res$travel_info6;
@@ -6522,7 +6523,7 @@ var UserAddEdit = function UserAddEdit(props) {
         }
       }
       var cardApiflag = false;
-      if (productAccess.cards === false || isCardsAdmin === false) {
+      if (productAccess.card === false || isCardsAdmin === false) {
         cardApiflag = false;
       } else {
         cardApiflag = true;
@@ -6952,8 +6953,9 @@ var UserAddEdit = function UserAddEdit(props) {
     className: styles.productContainerGap
   }, renderFields.products.map(function (p, i) {
     p.readOnly = isProfile;
-    if (p.id === 3 && !isCardsAdmin) {
+    if (p.id === 3 && !isCardsAdmin && !isProfile) {
       p.readOnly = true;
+      p.disableText = "Only card admin can change this access.";
     }
     return /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
       item: true,
@@ -7049,9 +7051,9 @@ var UserAddEdit = function UserAddEdit(props) {
     roles: renderFields.expenseRoles
   }), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
     className: styles.dividerColor
-  }), isCardsDetailsRendered && productAccess && productAccess.cards && /*#__PURE__*/React__default.createElement(CardsField, {
+  }), isCardsDetailsRendered && productAccess && productAccess.card && /*#__PURE__*/React__default.createElement(CardsField, {
     cardsConstants: cardsDetails.cardsConstants,
-    type: "cards",
+    type: "card",
     isProfile: isProfile,
     onRoleChange: function onRoleChange(_ref7) {
       var _value = _ref7._value;
@@ -7059,7 +7061,8 @@ var UserAddEdit = function UserAddEdit(props) {
     },
     roleValue: cardsRole,
     roles: cardsDetails.cardsRoles,
-    cardsAdmin: isCardsAdmin
+    cardsAdmin: isCardsAdmin,
+    editUserId: editUserId
   }))) : /*#__PURE__*/React__default.createElement(VerificationError, {
     config: config,
     errMsg: hasVerificationError