@itilite/iui-user-management 1.3.12 → 1.3.14

package/dist/index.css

@@ -920,6 +920,10 @@ p._3pOsV {
   background-color: #e11d48 !important;
 }
 
+._xWE7K header {
+  box-shadow: none;
+  background: transparent;
+}
 ._xWE7K ._13pXn {
   display: inline;
   padding: 2px 4px;

package/dist/index.js

@@ -750,7 +750,6 @@ var departmentHeadOptions = function departmentHeadOptions(search, loadedOptions
             data: item
           };
         });
-        console.log(response.next);
         return {
           options: mappedValue,
           hasMore: !!response.next,
@@ -1363,7 +1362,7 @@ var fetchCountryCodes = function fetchCountryCodes() {
     return new Promise(function (resolve, reject) {
       api$2.get(userAddEditUrl.countryCode()).then(function (res) {
         dispatch(setCountryCodes(res.data.country_code_details));
-        resolve('success');
+        resolve(res.data.country_code_details);
       })["catch"](function (err) {
         reject(err);
       })["finally"](function () {});
@@ -3057,8 +3056,8 @@ var workInfo = [{
   validation: {
     regexOnChange: null,
     regexOnBlur: [{
-      regex: /^[(A-Z)(a-z)(0-9)\-& ]*$/,
-      message: "Only alphabets, numbers and - & are allowed."
+      regex: /^[(A-Z)(a-z)(0-9)\-_& ]*$/,
+      message: "Only alphabets, numbers, - and _ & are allowed."
     }],
     maxLimit: '',
     minLimit: '',
@@ -3146,8 +3145,8 @@ var workInfo = [{
   validation: {
     regexOnChange: null,
     regexOnBlur: [{
-      regex: /^[A-Za-z0-9 \-.,&'()\/]*$/,
-      message: "Only alphabets, numbers & special characters . & ' ( ) - , / are allowed."
+      regex: /^[A-Za-z0-9 \-_.,&'()\/]*$/,
+      message: "Only alphabets, numbers & special characters . & ' ( ) _ - , / are allowed."
     }, {
       regex: /^[a-zA-Z]/,
       message: 'Designation should start with alphabets'
@@ -3158,31 +3157,6 @@ var workInfo = [{
     minLength: 0
   },
   disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 7,
-  label: 'Manager',
-  name: 'manager',
-  required: false,
-  type: 'async_select',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  placeholder: 'Select manager',
-  tabelName: 'manager',
-  product: 'travel',
-  loadOption: approversOptions
-}, {
-  id: 8,
-  label: 'Skip manager',
-  name: 'skip_manager',
-  required: false,
-  type: 'async_select',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  placeholder: 'Select manager',
-  product: 'travel',
-  loadOption: approversOptions
 }, {
   id: 9,
   label: 'Base location',
@@ -4983,7 +4957,31 @@ var UserAddEdit = function UserAddEdit(props) {
     }
     setProductAccess(_productAccess);
   };
-  var _useState2 = React.useState({
+  var _useState2 = React.useState(''),
+    newCountryCode = _useState2[0],
+    setNewCountryCode = _useState2[1];
+  var _useState3 = React.useState(),
+    countryDialCode = _useState3[0],
+    setCountryDialCode = _useState3[1];
+  var _useState4 = React.useState([]),
+    countryContactCode = _useState4[0],
+    setCountryContactCode = _useState4[1];
+  React.useEffect(function () {
+    var countryObject = countryContactCode.find(function (t) {
+      return t.dial_code === countryDialCode;
+    });
+    if (countryObject) {
+      setPersonalInfoInput(_extends({}, personalInfoInput, {
+        country_code: countryObject.code
+      }));
+    }
+  }, [countryDialCode]);
+  React.useEffect(function () {
+    var extractedNumber = newCountryCode.substring(1);
+    var convertedNumber = parseInt(extractedNumber);
+    setCountryDialCode(convertedNumber);
+  }, [newCountryCode]);
+  var _useState5 = React.useState({
       first_name: '',
       last_name: '',
       email: '',
@@ -4994,9 +4992,9 @@ var UserAddEdit = function UserAddEdit(props) {
       contact_country_code: '',
       profile_pic: []
     }),
-    personalInfoInput = _useState2[0],
-    setPersonalInfoInput = _useState2[1];
-  var _useState3 = React.useState({
+    personalInfoInput = _useState5[0],
+    setPersonalInfoInput = _useState5[1];
+  var _useState6 = React.useState({
       emp_level: {
         value: '',
         label: 'Select employee level'
@@ -5029,9 +5027,9 @@ var UserAddEdit = function UserAddEdit(props) {
         label: defaultCurrency
       }
     }),
-    employeeInfoInput = _useState3[0],
-    setEmployeeInfoInput = _useState3[1];
-  var _useState4 = React.useState({
+    employeeInfoInput = _useState6[0],
+    setEmployeeInfoInput = _useState6[1];
+  var _useState7 = React.useState({
       emp_level: 0,
       entity: 0,
       business_unit: 0,
@@ -5040,48 +5038,48 @@ var UserAddEdit = function UserAddEdit(props) {
       manager_id: 0,
       skip_manager_id: 0
     }),
-    cacheForAsyncDropdown = _useState4[0],
-    clearCacheForAsyncDropdown = _useState4[1];
-  var _useState5 = React.useState({}),
-    userTagType = _useState5[0],
-    setUserTagType = _useState5[1];
-  var _useState6 = React.useState(false),
-    scroll = _useState6[0],
-    setScroll = _useState6[1];
-  var _useState7 = React.useState({}),
-    customFieldsInput = _useState7[0],
-    setCustomFieldsInput = _useState7[1];
-  var _useState8 = React.useState('traveler'),
-    travelRole = _useState8[0],
-    setTravelRole = _useState8[1];
-  var _useState9 = React.useState({}),
-    travelApproversInput = _useState9[0],
-    setTravelApproversInput = _useState9[1];
-  var _useState10 = React.useState({
+    cacheForAsyncDropdown = _useState7[0],
+    clearCacheForAsyncDropdown = _useState7[1];
+  var _useState8 = React.useState({}),
+    userTagType = _useState8[0],
+    setUserTagType = _useState8[1];
+  var _useState9 = React.useState(false),
+    scroll = _useState9[0],
+    setScroll = _useState9[1];
+  var _useState10 = React.useState({}),
+    customFieldsInput = _useState10[0],
+    setCustomFieldsInput = _useState10[1];
+  var _useState11 = React.useState('traveler'),
+    travelRole = _useState11[0],
+    setTravelRole = _useState11[1];
+  var _useState12 = React.useState({}),
+    travelApproversInput = _useState12[0],
+    setTravelApproversInput = _useState12[1];
+  var _useState13 = React.useState({
       value: '',
       label: 'Select approver'
     }),
-    travelFYI = _useState10[0],
-    setTravelFYI = _useState10[1];
-  var _useState11 = React.useState([]),
-    membershipInfoInput = _useState11[0],
-    setMembershipInfoInput = _useState11[1];
-  var _useState12 = React.useState([]),
-    removedMembershipInfoInput = _useState12[0],
-    setRemovedMembershipInfoInput = _useState12[1];
-  var _useState13 = React.useState({
+    travelFYI = _useState13[0],
+    setTravelFYI = _useState13[1];
+  var _useState14 = React.useState([]),
+    membershipInfoInput = _useState14[0],
+    setMembershipInfoInput = _useState14[1];
+  var _useState15 = React.useState([]),
+    removedMembershipInfoInput = _useState15[0],
+    setRemovedMembershipInfoInput = _useState15[1];
+  var _useState16 = React.useState({
       flight_seat_preference: '',
       meal_preference: ''
     }),
-    travelPreferenceInfo = _useState13[0],
-    settravelPreferenceInfo = _useState13[1];
-  var _useState14 = React.useState({
+    travelPreferenceInfo = _useState16[0],
+    settravelPreferenceInfo = _useState16[1];
+  var _useState17 = React.useState({
       trusted_traveller: '',
       redress_number: ''
     }),
-    secureTravelInputInfo = _useState14[0],
-    setSecureTravelInputInfo = _useState14[1];
-  var _useState15 = React.useState({
+    secureTravelInputInfo = _useState17[0],
+    setSecureTravelInputInfo = _useState17[1];
+  var _useState18 = React.useState({
       passport_issue_country: {
         value: '',
         label: 'Select country'
@@ -5096,39 +5094,39 @@ var UserAddEdit = function UserAddEdit(props) {
       passport_photo: [],
       travel_docs: []
     }),
-    passportInfoInput = _useState15[0],
-    setPassportInfoInput = _useState15[1];
-  var _useState16 = React.useState([]),
-    filesForDelete = _useState16[0],
-    setFilesForDelete = _useState16[1];
-  var _useState17 = React.useState([]),
-    profilePicDelete = _useState17[0],
-    setProfilePicDelete = _useState17[1];
-  var _useState18 = React.useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
-    isAdditionalInfoExpanded = _useState18[0],
-    setAdditionalInfoFlag = _useState18[1];
-  var _useState19 = React.useState('submitter'),
-    expenseRole = _useState19[0],
-    setExpenseRole = _useState19[1];
-  var _useState20 = React.useState({}),
-    expenseApproversInput = _useState20[0],
-    setExpenseApproversInput = _useState20[1];
-  var _useState21 = React.useState({
+    passportInfoInput = _useState18[0],
+    setPassportInfoInput = _useState18[1];
+  var _useState19 = React.useState([]),
+    filesForDelete = _useState19[0],
+    setFilesForDelete = _useState19[1];
+  var _useState20 = React.useState([]),
+    profilePicDelete = _useState20[0],
+    setProfilePicDelete = _useState20[1];
+  var _useState21 = React.useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
+    isAdditionalInfoExpanded = _useState21[0],
+    setAdditionalInfoFlag = _useState21[1];
+  var _useState22 = React.useState('submitter'),
+    expenseRole = _useState22[0],
+    setExpenseRole = _useState22[1];
+  var _useState23 = React.useState({}),
+    expenseApproversInput = _useState23[0],
+    setExpenseApproversInput = _useState23[1];
+  var _useState24 = React.useState({
       value: '',
       label: 'Select approver'
     }),
-    expenseFYI = _useState21[0],
-    setExpenseFYI = _useState21[1];
+    expenseFYI = _useState24[0],
+    setExpenseFYI = _useState24[1];
   var asyncSelectRefs = React.useRef({
     emp_level: React.useRef(null),
     entity: React.useRef(null),
     business_unit: React.useRef(null),
     department: React.useRef(null)
   });
-  var _useState22 = React.useState([]),
-    errorArray = _useState22[0],
-    setErrorArray = _useState22[1];
-  var _useState23 = React.useState({
+  var _useState25 = React.useState([]),
+    errorArray = _useState25[0],
+    setErrorArray = _useState25[1];
+  var _useState26 = React.useState({
       first_name: '',
       last_name: '',
       email: '',
@@ -5158,9 +5156,9 @@ var UserAddEdit = function UserAddEdit(props) {
       userTagType: '',
       profile_pic: ''
     }),
-    errorMsgs = _useState23[0],
-    setErrorMsgs = _useState23[1];
-  var _useState24 = React.useState({
+    errorMsgs = _useState26[0],
+    setErrorMsgs = _useState26[1];
+  var _useState27 = React.useState({
       first_name: false,
       last_name: false,
       email: false,
@@ -5187,11 +5185,14 @@ var UserAddEdit = function UserAddEdit(props) {
       userTagType: false,
       profile_pic: false
     }),
-    inputChangeLog = _useState24[0],
-    updateInputChangeLog = _useState24[1];
-  var _useState25 = React.useState([]),
-    uploadedFiles = _useState25[0],
-    setUploadedFiles = _useState25[1];
+    inputChangeLog = _useState27[0],
+    updateInputChangeLog = _useState27[1];
+  var _useState28 = React.useState([]),
+    uploadedFiles = _useState28[0],
+    setUploadedFiles = _useState28[1];
+  var _useState29 = React.useState(70),
+    maxLengthForModal = _useState29[0],
+    setMaxLengthForModal = _useState29[1];
   var defaultAddModalData = {
     isOpen: false,
     isError: false,
@@ -5204,12 +5205,12 @@ var UserAddEdit = function UserAddEdit(props) {
     regexOnBlur: null,
     maxLimit: '',
     minLimit: '',
-    maxLength: 70,
+    maxLength: maxLengthForModal,
     minLength: 0
   };
-  var _useState26 = React.useState(defaultAddModalData),
-    addModalData = _useState26[0],
-    setAddModalData = _useState26[1];
+  var _useState30 = React.useState(defaultAddModalData),
+    addModalData = _useState30[0],
+    setAddModalData = _useState30[1];
   var onAddModalClose = function onAddModalClose() {
     setAddModalData(_extends({}, defaultAddModalData));
   };
@@ -5229,12 +5230,16 @@ var UserAddEdit = function UserAddEdit(props) {
     var title = '';
     if (id === 'entity') {
       title = 'Entity';
+      setMaxLengthForModal(70);
     } else if (id === 'department') {
       title = 'Department';
+      setMaxLengthForModal(70);
     } else if (id === 'business_unit') {
+      setMaxLengthForModal(150);
       title = 'Business unit';
     } else if (id === 'employee_level') {
       title = 'Employee level';
+      setMaxLengthForModal(70);
     }
     setAddModalData(_extends({}, addModalData, {
       isOpen: true,
@@ -5382,7 +5387,6 @@ var UserAddEdit = function UserAddEdit(props) {
       _value = args._value,
       _isError = args._isError,
       _errorMsg = args._errorMsg;
-    console.log(_name, _value);
     setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends8 = {}, _extends8[_name] = _value, _extends8)));
     updateError(_name, _isError, _errorMsg);
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
@@ -5416,7 +5420,6 @@ var UserAddEdit = function UserAddEdit(props) {
     var _extends12;
     var _name = _ref3._name,
       _value = _ref3._value;
-    console.log(_name, _value, 'travel');
     setTravelApproversInput(_extends({}, travelApproversInput, (_extends12 = {}, _extends12[_name] = _value, _extends12)));
   };
   var onExpenseApproversInputChange = function onExpenseApproversInputChange(_ref4) {
@@ -5628,6 +5631,7 @@ var UserAddEdit = function UserAddEdit(props) {
         }
       }));
       dispatch(fetchCountryCodes()).then(function (_res) {
+        setCountryContactCode(_res);
         if (isEditMode) {
           if (!isProfile && !editUserId) return false;
           dispatch(setStaticFieldsVisibility({
@@ -5949,7 +5953,6 @@ var UserAddEdit = function UserAddEdit(props) {
         IUIToastMessageService$4.warningNotify(checkAnyError);
         return Promise.resolve();
       }
-      console.log(employeeInfoInput, "data");
       if (employeeInfoInput.manager_id.value !== '') {
         employeeInfoInput.manager_id = employeeInfoInput.manager.value;
       }
@@ -6270,17 +6273,13 @@ var UserAddEdit = function UserAddEdit(props) {
     if (verifyUserId) {
       dispatch(showLoader());
       dispatch(verifyUserInfo(verifyUserId)).then(function (res) {
+        setNewCountryCode(res === null || res === void 0 ? void 0 : res.country_contact_code);
         setPersonalInfoInput(function (prevState) {
           return _extends({}, prevState, {
-            first_name: res.fname,
-            last_name: res.lname,
+            first_name: res.first_name,
+            last_name: res.last_name,
             email: res.email,
-            contact_number: res.phone,
-            dob: function () {
-              var dt = new Date(res.dob);
-              var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-              return dt.getDate() + " " + months[dt.getMonth()] + " " + dt.getFullYear();
-            }(),
+            contact_number: res === null || res === void 0 ? void 0 : res.contact_number,
             gender: function () {
               if (res.gender === 'male') return 'Male';else if (res.gender === 'female') return 'Female';else if (res.gender === 'others') return 'Others';else return '';
             }()
@@ -8634,17 +8633,17 @@ var SingupRequests = function SingupRequests(props) {
     return dt.getDate() + " " + months[dt.getMonth()] + " " + dt.getFullYear();
   };
   var columns = [{
-    id: 'fname',
+    id: 'first_name',
     label: 'Name',
     minWidth: 250,
     sortable: true,
     cell: function cell(row) {
       var _row$profile_pic2;
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIProfileBox, {
-        firstName: row.fname,
-        lastName: row.lname,
+        firstName: row.first_name,
+        lastName: row.last_name,
         isLetterAvatar: row.profile_pic && row.profile_pic.presigned_url ? false : true,
-        primaryText: row.fname + ' ' + row.lname,
+        primaryText: row.first_name + ' ' + row.last_name,
         secondaryText: row.email,
         letterAvatarTextColor: "black",
         letterAvatarBackgroundColor: "#d3d3d3",
@@ -8653,7 +8652,7 @@ var SingupRequests = function SingupRequests(props) {
       }));
     }
   }, {
-    id: 'created',
+    id: 'created_at',
     label: 'Requested on',
     minWidth: 100,
     sortable: true,
@@ -8663,7 +8662,7 @@ var SingupRequests = function SingupRequests(props) {
         width: 100
       }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
         className: clsx(styles$5.rowText, styles$5.textTransform)
-      }, formatDate(row.created)));
+      }, formatDate(row.created_at)));
     }
   }, {
     id: 'actions',
@@ -8936,7 +8935,7 @@ var UserList = function UserList(_ref2) {
   var _React$useState11 = React__default.useState('asc'),
     signup_order = _React$useState11[0],
     setSignUpOrder = _React$useState11[1];
-  var _React$useState12 = React__default.useState('fname'),
+  var _React$useState12 = React__default.useState('first_name'),
     signup_orderBy = _React$useState12[0],
     setSignUpOrderBy = _React$useState12[1];
   var _useState22 = React.useState(''),
@@ -8959,9 +8958,11 @@ var UserList = function UserList(_ref2) {
     }),
     signupRequestListInfo = _useSelector3.signupRequestListInfo;
   var redirectToNotifications = function redirectToNotifications() {
-    history.push({
-      pathname: "/settings/notifications"
-    });
+    if (config.routes.notification) {
+      history.push({
+        pathname: config.routes.notification.path
+      });
+    }
   };
   var openDeactivateModal = function openDeactivateModal() {
     if (Object.values(selected).flat().length === 0 || Object.values(selected).flat() === undefined) {
@@ -9074,11 +9075,13 @@ var UserList = function UserList(_ref2) {
     setSortingChangeTemp(!isSortingChangeTemp);
   };
   var onSearchHandler = function onSearchHandler(value) {
+    setPage(1);
     setSearchValue(value);
     setSearchingChange(true);
     setSearchingChangeTemp(!isSearchingChangeTemp);
   };
   var onSignUpReqeustSearchHandler = function onSignUpReqeustSearchHandler(value) {
+    setPage(1);
     set_signup_SearchValue(value);
     setSignUpSearchingChange(true);
     setSignUpSearchingChangeTemp(!isSignUpSearchingChangeTemp);
@@ -9578,7 +9581,7 @@ var UserList = function UserList(_ref2) {
         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("span", {
-        onClick: config.routes.notification && redirectToNotifications,
+        onClick: redirectToNotifications,
         className: clsx(config.routes.notification && 'iui__cursor-pointer iui__border--bottom_solid_black500-1')
       }, "Notifications"))), /*#__PURE__*/React__default.createElement(SingupRequests, {
         data: signupRequestListInfo,
@@ -10116,7 +10119,6 @@ function EditPanelDialog(_ref) {
   }, [rowData]);
   var history = reactRouterDom.useHistory();
   var handleAddPageNavigation = function handleAddPageNavigation() {
-    console.log(rowData);
     history.push({
       pathname: config.routes.users.add.path,
       state: rowData
@@ -10437,12 +10439,20 @@ var UserPanel = function UserPanel(_ref) {
     var validatedValue = _value.replace(/\s+/g, ' ').trim();
     setDataList(validatedValue);
   };
+  var _useState17 = React.useState(70),
+    maxLengthForModal = _useState17[0],
+    setMaxLengthForModal = _useState17[1];
+  React.useEffect(function () {
+    if (title === 'Business unit') {
+      setMaxLengthForModal(150);
+    }
+  }, []);
   var validation = {
     regexOnChange: /^[(A-Z)(a-z)(0-9)&'\-_.,/: ]*$/,
     regexOnBlur: null,
     maxLimit: '',
     minLimit: '',
-    maxLength: 70,
+    maxLength: maxLengthForModal,
     minLength: 0
   };
   React.useEffect(function () {