@itilite/iui-user-management 1.4.4987 → 1.4.4991

package/dist/index.css

@@ -364,7 +364,7 @@
   background: white;
   border-radius: 12px;
   border: 1px solid #d1d5db;
-  max-height: 285px;
+  max-height: 305px;
   overflow-y: auto;
   position: relative;
   top: 4px;
@@ -382,14 +382,18 @@
   background: #6b7280;
 }
 
+._2GyN2 {
+  padding-top: 4px;
+}
+
 ._2d9GY {
   display: flex;
-  padding: 10px;
-  padding-bottom: 5px;
+  padding: 8px 8px 8px 16px;
+  padding-right: 8px;
   align-items: center;
 }
 ._2d9GY:hover {
-  background: #ffe9cf;
+  background: #f1f3f5;
   cursor: pointer;
 }
 ._2d9GY ._194K1 {
@@ -421,8 +425,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;
 }
 
@@ -476,8 +480,8 @@
 ._35aiF img {
   height: 120px;
   width: 240px;
-  -o-object-fit: cover;
-     object-fit: cover;
+  -o-object-fit: contain;
+     object-fit: contain;
   border-radius: 8px;
 }
 ._35aiF ._10Fx3 {
@@ -528,9 +532,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

@@ -4488,7 +4488,7 @@ var ExpandLessIcon = function ExpandLessIcon(props) {
   }));
 };
 
-var styles$3 = {"loyaltymodal":"_2LnGt","membershipDeleteModal":"_2LdH8","divider":"_3v2HU","selectSearchBox":"_1bAuu","chevronIcon":"_33J5X","selectWrapper":"_AJzhr","membershipList":"_u-SZq","memberItem":"_2d9GY","membershipDetails":"_194K1","title":"_l3kQ9","subtitle":"_33IR-","saveMembership":"_35aiF","newMembershipIcon":"_2d5UD","loading":"_1quY2","searchInput":"_1oiP4","membershipChainInfo":"_10Fx3","addNewMembership":"_3Y8Dj","savedMembership":"_2cSoW","iconWrapper":"_1Thb8","icon":"_3CdwB","number":"_1eJyq","actions":"_f_N1r"};
+var styles$3 = {"loyaltymodal":"_2LnGt","membershipDeleteModal":"_2LdH8","divider":"_3v2HU","selectSearchBox":"_1bAuu","chevronIcon":"_33J5X","selectWrapper":"_AJzhr","membershipList":"_u-SZq","list":"_2GyN2","memberItem":"_2d9GY","membershipDetails":"_194K1","title":"_l3kQ9","subtitle":"_33IR-","saveMembership":"_35aiF","newMembershipIcon":"_2d5UD","loading":"_1quY2","searchInput":"_1oiP4","membershipChainInfo":"_10Fx3","addNewMembership":"_3Y8Dj","savedMembership":"_2cSoW","iconWrapper":"_1Thb8","icon":"_3CdwB","number":"_1eJyq","actions":"_f_N1r"};
 
 var ChevronNext = function ChevronNext(_ref) {
   var _ref$color = _ref.color,
@@ -4708,7 +4708,7 @@ var RenderList = function RenderList(_ref) {
     className: styles$3.list
   }, page === 1 && loading ? null : items.map(function (item) {
     var _item$associated_name, _item$associated_name2;
-    var associatedList = (item === null || item === void 0 ? void 0 : item.program_name) === 'Other' ? 'Add new membership program' : type === 'rental_car' ? item === null || item === void 0 ? void 0 : item.program_name : item !== null && item !== void 0 && (_item$associated_name = item.associated_names) !== null && _item$associated_name !== void 0 && _item$associated_name.length ? '(' + (item === null || item === void 0 ? void 0 : (_item$associated_name2 = item.associated_names) === null || _item$associated_name2 === void 0 ? void 0 : _item$associated_name2.join(', ')) + ')' : '';
+    var associatedList = (item === null || item === void 0 ? void 0 : item.program_name) === 'Other' ? 'Add new membership program' : type === 'rental_car' ? item === null || item === void 0 ? void 0 : item.program_name : item !== null && item !== void 0 && (_item$associated_name = item.associated_names) !== null && _item$associated_name !== void 0 && _item$associated_name.length ? item === null || item === void 0 ? void 0 : (_item$associated_name2 = item.associated_names) === null || _item$associated_name2 === void 0 ? void 0 : _item$associated_name2.join(', ') : '';
     return /*#__PURE__*/React__default.createElement("div", {
       onClick: function onClick() {
         handleSelect(item);
@@ -5216,6 +5216,7 @@ var Membership = function Membership(_ref) {
       rental_car = groupedMembershipData.rental_car;
     var updatedMemberships = [].concat(flight, hotel, rental_car);
     setMembershipInfoInput(updatedMemberships);
+    setSavedMemberships(updatedMemberships);
   };
   var handleSubmit = function handleSubmit() {
     try {
@@ -5372,7 +5373,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,
@@ -5500,50 +5500,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
@@ -6023,7 +5980,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();
@@ -6035,7 +5992,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() {
@@ -6043,7 +6000,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();
@@ -6055,7 +6012,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 () {
@@ -7095,7 +7052,7 @@ var UserAddEdit = function UserAddEdit(props) {
         employeeInfoInput.skip_manager_id = employeeInfoInput.skip_manager.value;
       }
       var cardsPayload = {
-        roles: [cardsRole]
+        "roles": [cardsRole]
       };
       var payload = {
         personalInfoInput: personalInfoInput,
@@ -7281,7 +7238,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) {
@@ -7290,7 +7247,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());
             });
@@ -7308,14 +7265,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);
@@ -7769,9 +7726,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, {