@itilite/iui-user-management 0.4.503 → 0.4.505

package/dist/index.js

@@ -6048,12 +6048,12 @@ var UserAddEdit = function UserAddEdit(props) {
         setErrorArray(_errorArray);
         setErrorMsgs(_errorMsgs);
         var _loop = function _loop() {
-          if (Object.hasOwnProperty.call(_errorMsgs, _key3)) {
-            if (_errorMsgs[_key3]) {
-              if (_key3 in passportInfoInput || _key3 in travelPreferenceInfo || _key3 in secureTravelInputInfo) {
+          if (Object.hasOwnProperty.call(_errorMsgs, key)) {
+            if (_errorMsgs[key]) {
+              if (key in passportInfoInput || key in travelPreferenceInfo || key in secureTravelInputInfo) {
                 setAdditionalInfoFlag('open');
               }
-              var el = document.getElementById(_key3 === 'country_code' || _key3 === 'contact_country_code' ? 'contact_number' : _key3);
+              var el = document.getElementById(key === 'country_code' || key === 'contact_country_code' ? 'contact_number' : key);
               if (el) {
                 setTimeout(function () {
                   el.scrollIntoView({
@@ -6099,12 +6099,12 @@ var UserAddEdit = function UserAddEdit(props) {
             setErrorArray(Object.keys(err));
             setErrorMsgs(err);
             var _loop2 = function _loop2() {
-              if (Object.hasOwnProperty.call(err, _key4)) {
-                if (err[_key4]) {
-                  if (_key4 in passportInfoInput || _key4 in travelPreferenceInfo || _key4 in secureTravelInputInfo) {
+              if (Object.hasOwnProperty.call(err, key)) {
+                if (err[key]) {
+                  if (key in passportInfoInput || key in travelPreferenceInfo || key in secureTravelInputInfo) {
                     setAdditionalInfoFlag('open');
                   }
-                  var el = document.getElementById(_key4 === 'country_code' || _key4 === 'contact_country_code' ? 'contact_number' : _key4);
+                  var el = document.getElementById(key === 'country_code' || key === 'contact_country_code' ? 'contact_number' : key);
                   if (el) {
                     setTimeout(function () {
                       el.scrollIntoView({
@@ -6149,12 +6149,12 @@ var UserAddEdit = function UserAddEdit(props) {
             setErrorArray(Object.keys(err));
             setErrorMsgs(err);
             var _loop3 = function _loop3() {
-              if (Object.hasOwnProperty.call(err, _key5)) {
-                if (err[_key5]) {
-                  if (_key5 in passportInfoInput || _key5 in travelPreferenceInfo || _key5 in secureTravelInputInfo) {
+              if (Object.hasOwnProperty.call(err, key)) {
+                if (err[key]) {
+                  if (key in passportInfoInput || key in travelPreferenceInfo || key in secureTravelInputInfo) {
                     setAdditionalInfoFlag('open');
                   }
-                  var el = document.getElementById(_key5 === 'country_code' || _key5 === 'contact_country_code' ? 'contact_number' : _key5);
+                  var el = document.getElementById(key === 'country_code' || key === 'contact_country_code' ? 'contact_number' : key);
                   if (el) {
                     setTimeout(function () {
                       el.scrollIntoView({
@@ -8912,6 +8912,17 @@ var UserList = function UserList(_ref2) {
       return false;
     }
     if (selectedUsersApprover.length) {
+      var _SelectedUsersNotApprover = [].concat(selectedUsersNotApprover);
+      var _SelectedUsersApprover = [].concat(selectedUsersApprover);
+      var _selected = Object.values(selected).flat();
+      _SelectedUsersNotApprover = _SelectedUsersNotApprover.filter(function (item) {
+        return _selected.includes(item.id.toString());
+      });
+      _SelectedUsersApprover = _SelectedUsersApprover.filter(function (item) {
+        return _selected.includes(item.id.toString());
+      });
+      setSelectedUsersNotApprover(_SelectedUsersNotApprover);
+      setSelectedUsersApprover(_SelectedUsersApprover);
       setIsBulkDeactivateModalOpen(true);
     } else {
       setOpenDeActivateModalFlag(true);
@@ -8997,8 +9008,6 @@ var UserList = function UserList(_ref2) {
       return;
     }
     setSelected(_extends({}, selected, (_extends3 = {}, _extends3[page] = [], _extends3)));
-    setSelectedUsersNotApprover([]);
-    setSelectedUsersApprover([]);
   };
   var onRequestSort = function onRequestSort(event, property) {
     var isAsc = orderBy === property && order === 'asc';
@@ -9034,26 +9043,24 @@ var UserList = function UserList(_ref2) {
     } else if (selectedIndex > 0) {
       _newSelected = _newSelected.concat(selectedTemp[page].slice(0, selectedIndex), selectedTemp[page].slice(selectedIndex + 1));
     }
-    if (selectedUsersNotApprover !== null && selectedUsersNotApprover !== void 0 && selectedUsersNotApprover.length || selectedUsersApprover !== null && selectedUsersApprover !== void 0 && selectedUsersApprover.length) {
-      var _SelectedUsersNotApprover = [].concat(selectedUsersNotApprover);
-      var _SelectedUsersApprover = [].concat(selectedUsersApprover);
-      if (Object.values(selected).flat().includes(id.toString())) {
-        _SelectedUsersNotApprover = selectedUsersNotApprover.filter(function (item) {
-          return id !== item.id.toString();
-        });
-        _SelectedUsersApprover = selectedUsersApprover.filter(function (item) {
-          return item.id.toString() !== id;
-        });
-      } else if (data !== null && data !== void 0 && data.roles) {
-        if (data.roles.is_approver === true) {
-          _SelectedUsersApprover.push(data);
-        } else if (data.roles.is_approver === false) {
-          _SelectedUsersNotApprover.push(data);
-        }
+    var _SelectedUsersNotApprover = [].concat(selectedUsersNotApprover);
+    var _SelectedUsersApprover = [].concat(selectedUsersApprover);
+    if (Object.values(selected).flat().includes(id.toString())) {
+      _SelectedUsersNotApprover = selectedUsersNotApprover.filter(function (item) {
+        return id !== item.id.toString();
+      });
+      _SelectedUsersApprover = selectedUsersApprover.filter(function (item) {
+        return item.id.toString() !== id;
+      });
+    } else if (data !== null && data !== void 0 && data.roles) {
+      if (data.roles.is_approver === true) {
+        _SelectedUsersApprover.push(data);
+      } else if (data.roles.is_approver === false) {
+        _SelectedUsersNotApprover.push(data);
       }
-      setSelectedUsersNotApprover(_SelectedUsersNotApprover);
-      setSelectedUsersApprover(_SelectedUsersApprover);
     }
+    setSelectedUsersNotApprover(_SelectedUsersNotApprover);
+    setSelectedUsersApprover(_SelectedUsersApprover);
     setSelected(_extends({}, selected, (_extends4 = {}, _extends4[page] = _newSelected, _extends4)));
   };
   React.useEffect(function () {
@@ -9259,6 +9266,9 @@ var UserList = function UserList(_ref2) {
       userId: userId
     }));
   };
+  var knowMore = function knowMore() {
+    window.open('https://itilite.notion.site/All-about-deactivating-users-77554de1fb494832ac7e344ca14277f0', '_blank');
+  };
   var dispatch = reactRedux.useDispatch();
   React.useEffect(function () {
     if (isTokenVerified === true) {
@@ -9510,8 +9520,7 @@ var UserList = function UserList(_ref2) {
       }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
         variant: "body2",
         className: clsx(styles$5.description)
-      }, "Verify and add users to allow them to start using ITILITE. Set up preferences for receiving sign up request updates in", ' ', /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
-        variant: "span",
+      }, "Verify and add users to allow them to start using ITILITE. Set up preferences for receiving sign up request updates in", ' ', /*#__PURE__*/React__default.createElement("span", {
         onClick: config.routes.notification && redirectToNotifications,
         className: clsx(config.routes.notification && 'iui__cursor-pointer iui__border--bottom_solid_black500-1')
       }, "Notifications"))), /*#__PURE__*/React__default.createElement(SingupRequests, {
@@ -9569,7 +9578,12 @@ var UserList = function UserList(_ref2) {
   }, /*#__PURE__*/React__default.createElement(InfoYellowIcon, {
     width: "9",
     height: "9"
-  }), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, null, /*#__PURE__*/React__default.createElement("b", null, deactivateUser), " is linked with following role. You can deactivate them only once you transfer the role to another user.")), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
+  }), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
+    variant: "body2"
+  }, /*#__PURE__*/React__default.createElement("b", null, deactivateUser), " is linked with following role. You can deactivate only once you transfer the role to another user. The changes will reflect subsequently.", ' ', /*#__PURE__*/React__default.createElement("span", {
+    onClick: knowMore,
+    className: "iui__cursor-pointer iui__border--bottom_solid_black500-1"
+  }, "Know more"))), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
     className: "iui__mt-15"
   }, /*#__PURE__*/React__default.createElement(iuistyles.IUIAsyncSelect, {
     isMove: true,
@@ -9578,7 +9592,6 @@ var UserList = function UserList(_ref2) {
       product: 'travel',
       userId: user.id
     },
-    placeHolderCheck: approverRole !== undefined && approverRole.value === '',
     label: "Transfer approver role to",
     value: approverRole,
     onValueChange: selectApprover,
@@ -9589,7 +9602,7 @@ var UserList = function UserList(_ref2) {
     className: "iui__d-flex iui__align-items-baseline iui__mr-5"
   }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, null, /*#__PURE__*/React__default.createElement(RedWarningIcon, null)), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
     className: "iui__font--para-normal iui__font--color-black500 iui__mt-5 iui__ml-5"
-  }, "The user You're deactivating is the approver of the user you're transferring the role to. If you continue, this user will become a self-approver"))))), /*#__PURE__*/React__default.createElement(iuistyles.IUIModal, {
+  }, "The user you're deactivating is the approver of the user you're transferring the role to. If you continue, this user will become a self-approver"))))), /*#__PURE__*/React__default.createElement(iuistyles.IUIModal, {
     isOpen: Object.values(selected).flat().length > 0 && isOpenDeActivateModal,
     closeHandler: closeDeActivateModal,
     cancelLabel: "Cancel",
@@ -9620,6 +9633,7 @@ var UserList = function UserList(_ref2) {
     closeHandler: closeDeActiveModal,
     cancelLabel: "Cancel",
     submitLabel: "Deactivate safe users",
+    isDisabledSubmitBtn: !((selectedUsersNotApprover === null || selectedUsersNotApprover === void 0 ? void 0 : selectedUsersNotApprover.length) > 0),
     submitBtnClass: clsx(styles$5.deactivateSubmitBtn),
     customButtonLabel: "Deactivate all users",
     customButtonHandler: handleDeactivateUsers,
@@ -9635,7 +9649,12 @@ var UserList = function UserList(_ref2) {
   }, /*#__PURE__*/React__default.createElement(RedWarningIcon, {
     color: "#9A6700",
     size: "14"
-  }), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, null, "Some users are linked with approval roles. Deactivating these users will result in missing roles and approvers. Deactivate these users individually and transfer their roles to avoid missing roles.")), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
+  }), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
+    variant: "body2"
+  }, "Some users are linked with approval roles. Deactivating these users will result in missing roles and approvers. Deactivate these users individually and transfer their roles to avoid missing roles. The changes will reflect subsequently.", ' ', /*#__PURE__*/React__default.createElement("span", {
+    onClick: knowMore,
+    className: "iui__cursor-pointer iui__border--bottom_solid_black500-1"
+  }, "Know more"))), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
     className: "iui__my-15"
   }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
     className: "iui__font--para-large iui__font--weight-medium"