@itilite/iui-user-management 1.4.4986 → 1.4.4988

package/dist/index.css

@@ -421,8 +421,8 @@
   max-height: 40px;
   max-width: 48px;
   border-radius: 6px;
-  -o-object-fit: cover;
-     object-fit: cover;
+  -o-object-fit: contain;
+     object-fit: contain;
   border: 1px solid #d1d5db;
 }
 
@@ -528,9 +528,8 @@
   width: 48px;
   height: 40px;
   border-radius: 4px;
-  -o-object-fit: cover;
-     object-fit: cover;
-  border: 1px solid #d1d5db;
+  -o-object-fit: contain;
+     object-fit: contain;
 }
 ._2cSoW img {
   width: 48px;

package/dist/index.js

@@ -4551,7 +4551,10 @@ var MembershipForm = function MembershipForm(_ref) {
     placeholder: placeholder,
     value: membershipName,
     onChangeHandler: function onChangeHandler(e) {
-      return setMembershipName(e.target.value);
+      var inputValue = e.target.value;
+      if ((inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) <= 50) {
+        setMembershipName(inputValue);
+      }
     },
     iconComponent: null,
     style: {
@@ -4580,7 +4583,10 @@ var MembershipForm = function MembershipForm(_ref) {
     placeholder: "e.g. ABCD1234",
     value: membershipNumber,
     onChangeHandler: function onChangeHandler(e) {
-      setMembershipNumber(e.target.value);
+      var inputValue = e.target.value;
+      if ((inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) <= 50) {
+        setMembershipNumber(inputValue);
+      }
     },
     iconComponent: null,
     style: {
@@ -5277,7 +5283,7 @@ var Membership = function Membership(_ref) {
     cancelLabel: selectedMembershipChain ? 'Cancel' : '',
     submitLabel: selectedMembershipChain ? isUpdating ? 'Saving...' : editIndex ? 'Save' : 'Add' : '',
     submitHandler: handleSubmit,
-    isDisabledSubmitBtn: isUpdating || !membershipNumber,
+    isDisabledSubmitBtn: isUpdating || !membershipNumber || isOtherMembership && !membershipName,
     width: "640px",
     headerText: selectedMembershipChain ? '' : title,
     subHanderText: selectedMembershipChain ? '' : subtitle,
@@ -5366,7 +5372,6 @@ var Membership = function Membership(_ref) {
 var AdditionalInfo = function AdditionalInfo(_ref) {
   var _clsx;
   var membershipInfoInput = _ref.membershipInfoInput,
-    addMemInfoInput = _ref.addMemInfoInput,
     travelPreferenceInfo = _ref.travelPreferenceInfo,
     _ref$travelPreference = _ref.travelPreferenceOnChange,
     travelPreferenceOnChange = _ref$travelPreference === void 0 ? function () {} : _ref$travelPreference,
@@ -5494,50 +5499,7 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
   }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
     container: true,
     className: styles.formFieldsWrapper
-  }, membershipInfoInput.length === 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
-    className: styles.emptyFieldContainer
-  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
-    className: styles.emptyFieldDescription
-  }, "No membership details added yet"), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
-    className: clsx(styles.emptyFieldBtnContainer, styles.rowGap),
-    display: "flex"
-  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
-    buttonText: "Add airline",
-    type: "text",
-    startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
-      width: "10",
-      height: "10",
-      color: "#EC5D25"
-    }),
-    className: styles.paddingTop,
-    onClick: function onClick(e) {
-      return addMemInfoInput('flight');
-    }
-  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
-    buttonText: "Add hotel",
-    type: "text",
-    startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
-      width: "10",
-      height: "10",
-      color: "#EC5D25"
-    }),
-    className: styles.paddingTop,
-    onClick: function onClick(e) {
-      return addMemInfoInput('hotel');
-    }
-  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
-    buttonText: "Add car rental",
-    type: "text",
-    startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
-      width: "10",
-      height: "10",
-      color: "#EC5D25"
-    }),
-    className: styles.paddingTop,
-    onClick: function onClick(e) {
-      return addMemInfoInput('rental_car');
-    }
-  }))), /*#__PURE__*/React__default.createElement(Membership, {
+  }, /*#__PURE__*/React__default.createElement(Membership, {
     membershipInfoInput: membershipInfoInput,
     setMembershipInfoInput: setMembershipInfoInput,
     isProfile: isProfile
@@ -6017,7 +5979,7 @@ var UserAddEdit = function UserAddEdit(props) {
       method: 'GET',
       headers: {
         'Content-Type': 'application/json',
-        authorization: "Bearer " + IUILocalStorageService$5.getAccessToken()
+        'authorization': "Bearer " + IUILocalStorageService$5.getAccessToken()
       }
     }).then(function (response) {
       return response.json();
@@ -6029,7 +5991,7 @@ var UserAddEdit = function UserAddEdit(props) {
         IUIToastMessageService$6.warningNotify('Opps, Something went wrong.');
       }
     })["catch"](function (error) {
-      console.log('errorrr', error);
+      console.log("errorrr", error);
     });
   };
   var fetchLoggedUserCardsDetails = function fetchLoggedUserCardsDetails() {
@@ -6037,7 +5999,7 @@ var UserAddEdit = function UserAddEdit(props) {
       method: 'GET',
       headers: {
         'Content-Type': 'application/json',
-        authorization: "Bearer " + IUILocalStorageService$5.getAccessToken()
+        'authorization': "Bearer " + IUILocalStorageService$5.getAccessToken()
       }
     }).then(function (response) {
       return response.json();
@@ -6049,7 +6011,7 @@ var UserAddEdit = function UserAddEdit(props) {
         IUIToastMessageService$6.warningNotify('Opps, Something went wrong.');
       }
     })["catch"](function (error) {
-      console.log('errorrr', error);
+      console.log("errorrr", error);
     });
   };
   React.useEffect(function () {
@@ -7089,7 +7051,7 @@ var UserAddEdit = function UserAddEdit(props) {
         employeeInfoInput.skip_manager_id = employeeInfoInput.skip_manager.value;
       }
       var cardsPayload = {
-        roles: [cardsRole]
+        "roles": [cardsRole]
       };
       var payload = {
         personalInfoInput: personalInfoInput,
@@ -7275,7 +7237,7 @@ var UserAddEdit = function UserAddEdit(props) {
               body: JSON.stringify(cardsPayload),
               headers: {
                 'Content-Type': 'application/json',
-                authorization: "Bearer " + IUILocalStorageService$5.getAccessToken()
+                'authorization': "Bearer " + IUILocalStorageService$5.getAccessToken()
               }
             }).then(function (response) {
               if (response.status === 200) {
@@ -7284,7 +7246,7 @@ var UserAddEdit = function UserAddEdit(props) {
                 IUIToastMessageService$6.warningNotify('Opps, Something went wrong.');
               }
             })["catch"](function (error) {
-              console.log('errorrr', error);
+              console.log("errorrr", error);
             })["finally"](function () {
               dispatch(stopLoader());
             });
@@ -7302,14 +7264,14 @@ var UserAddEdit = function UserAddEdit(props) {
                   body: JSON.stringify(cardsPayload),
                   headers: {
                     'Content-Type': 'application/json',
-                    authorization: "Bearer " + IUILocalStorageService$5.getAccessToken()
+                    'authorization': "Bearer " + IUILocalStorageService$5.getAccessToken()
                   }
                 }).then(function (response) {
                   if (response.status !== 200) {
                     IUIToastMessageService$6.warningNotify('Opps, Something went wrong.');
                   }
                 })["catch"](function (error) {
-                  console.log('errorrr', error);
+                  console.log("errorrr", error);
                 });
               }
               (config === null || config === void 0 ? void 0 : (_config$routes4 = config.routes) === null || _config$routes4 === void 0 ? void 0 : (_config$routes4$users = _config$routes4.users) === null || _config$routes4$users === void 0 ? void 0 : (_config$routes4$users2 = _config$routes4$users.list) === null || _config$routes4$users2 === void 0 ? void 0 : _config$routes4$users2.path) && history.push(config.routes.users.list.path);
@@ -7763,9 +7725,7 @@ var UserAddEdit = function UserAddEdit(props) {
     errorMsgs: errorMsgs,
     dateFormat: dateFormat,
     defaultExpand: isAdditionalInfoExpanded,
-    setAdditionalInfoFlag: setAdditionalInfoFlag,
-    setMembershipInfoInput: setMembershipInfoInput,
-    isProfile: isProfile
+    setAdditionalInfoFlag: setAdditionalInfoFlag
   })), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
     className: styles.dividerColor
   }), productAccess && productAccess.expense && /*#__PURE__*/React__default.createElement(TravelExpenseFields, {