@itilite/iui-user-management 1.3.15 → 1.4.0

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 () {});
@@ -4939,7 +4938,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: '',
@@ -4950,9 +4973,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'
@@ -4985,9 +5008,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,
@@ -4996,48 +5019,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'
@@ -5052,39 +5075,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: '',
@@ -5114,9 +5137,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,
@@ -5143,14 +5166,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];
-  var _useState26 = React.useState(70),
-    maxLengthForModal = _useState26[0],
-    setMaxLengthForModal = _useState26[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,
@@ -5166,9 +5189,9 @@ var UserAddEdit = function UserAddEdit(props) {
     maxLength: maxLengthForModal,
     minLength: 0
   };
-  var _useState27 = React.useState(defaultAddModalData),
-    addModalData = _useState27[0],
-    setAddModalData = _useState27[1];
+  var _useState30 = React.useState(defaultAddModalData),
+    addModalData = _useState30[0],
+    setAddModalData = _useState30[1];
   var onAddModalClose = function onAddModalClose() {
     setAddModalData(_extends({}, defaultAddModalData));
   };
@@ -5345,7 +5368,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)) {
@@ -5379,7 +5401,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) {
@@ -5591,6 +5612,7 @@ var UserAddEdit = function UserAddEdit(props) {
         }
       }));
       dispatch(fetchCountryCodes()).then(function (_res) {
+        setCountryContactCode(_res);
         if (isEditMode) {
           if (!isProfile && !editUserId) return false;
           dispatch(setStaticFieldsVisibility({
@@ -5912,7 +5934,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;
       }
@@ -5976,11 +5997,8 @@ var UserAddEdit = function UserAddEdit(props) {
         }
       }
       for (var _key in employeeInfo) {
-        console.log('key', _key);
         if (Object.hasOwnProperty.call(employeeInfo, _key)) {
-          var _employeeInfoInput$_k;
-          console.log('employeeInfo0000', (_employeeInfoInput$_k = employeeInfoInput[_key]) === null || _employeeInfoInput$_k === void 0 ? void 0 : _employeeInfoInput$_k.value, 'sajkdhjasj');
-          if (employeeInfo[_key] === false && employeeInfoInput[_key] !== undefined && (typeof employeeInfoInput[_key] === 'string' && !employeeInfoInput[_key] || typeof employeeInfoInput[_key] === 'object' && !employeeInfoInput[_key].value || !employeeInfoInput[_key].value) === '' && fieldsVisibility.employee_info[_key] !== 2) {
+          if (employeeInfo[_key] === false && employeeInfoInput[_key] !== undefined && (typeof employeeInfoInput[_key] === 'string' && !employeeInfoInput[_key] || typeof employeeInfoInput[_key] === 'object' && !employeeInfoInput[_key].value) && fieldsVisibility.employee_info[_key] !== 2) {
             _isError = true;
             if (_errorArray.indexOf(_key) === -1) _errorArray.push(_key);
             _errorMsgs[_key] = ErrorMessages[_key];
@@ -6233,17 +6251,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 '';
             }()
@@ -8597,17 +8611,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",
@@ -8616,7 +8630,7 @@ var SingupRequests = function SingupRequests(props) {
       }));
     }
   }, {
-    id: 'created',
+    id: 'created_at',
     label: 'Requested on',
     minWidth: 100,
     sortable: true,
@@ -8626,7 +8640,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',
@@ -8899,7 +8913,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(''),
@@ -8922,7 +8936,11 @@ var UserList = function UserList(_ref2) {
     }),
     signupRequestListInfo = _useSelector3.signupRequestListInfo;
   var redirectToNotifications = function redirectToNotifications() {
-    history.push(config.routes.notification.path);
+    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) {
@@ -9544,7 +9562,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,
@@ -10082,7 +10100,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