@itilite/iui-user-management 0.4.202 → 0.4.204

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.css +212 -5
  2. package/dist/index.js +1198 -484
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.modern.js +1201 -487
  5. package/dist/index.modern.js.map +1 -1
  6. package/package.json +6 -4
package/dist/index.js CHANGED
@@ -14,7 +14,12 @@ var moment = _interopDefault(require('moment'));
14
14
  var reduxDevtoolsExtension = require('redux-devtools-extension');
15
15
  var reactRouterDom = require('react-router-dom');
16
16
  var styles$8 = require('@material-ui/core/styles');
17
+ var Tooltip = _interopDefault(require('@material-ui/core/Tooltip'));
17
18
  var Switch = _interopDefault(require('@material-ui/core/Switch'));
19
+ var MoreHorizIcon = _interopDefault(require('@material-ui/icons/MoreHoriz'));
20
+ var Button = _interopDefault(require('@material-ui/core/Button'));
21
+ var core = require('@material-ui/core');
22
+ var useScrollPosition = require('@n8tb1t/use-scroll-position');
18
23
 
19
24
  function _extends() {
20
25
  _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -67,7 +72,6 @@ var _Pact = /*#__PURE__*/function () {
67
72
  };
68
73
  return _Pact;
69
74
  }();
70
-
71
75
  function _settle(pact, state, value) {
72
76
  if (!pact.s) {
73
77
  if (value instanceof _Pact) {
@@ -96,7 +100,6 @@ function _settle(pact, state, value) {
96
100
  function _isSettledPact(thenable) {
97
101
  return thenable instanceof _Pact && thenable.s & 1;
98
102
  }
99
-
100
103
  function _forTo(array, body, check) {
101
104
  var i = -1,
102
105
  pact,
@@ -128,7 +131,6 @@ function _forTo(array, body, check) {
128
131
  }
129
132
  var _iteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
130
133
  var _asyncIteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
131
-
132
134
  function _catch(body, recover) {
133
135
  try {
134
136
  var result = body();
@@ -147,17 +149,11 @@ function r(e) {
147
149
  var t,
148
150
  f,
149
151
  n = "";
150
- if ("string" == typeof e || "number" == typeof e) n += e;else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) {
151
- e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
152
- } else for (t in e) {
153
- e[t] && (n && (n += " "), n += t);
154
- }
152
+ if ("string" == typeof e || "number" == typeof e) n += e;else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);else for (t in e) e[t] && (n && (n += " "), n += t);
155
153
  return n;
156
154
  }
157
155
  function clsx() {
158
- for (var e, t, f = 0, n = ""; f < arguments.length;) {
159
- (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
160
- }
156
+ for (var e, t, f = 0, n = ""; f < arguments.length;) (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
161
157
  return n;
162
158
  }
163
159
 
@@ -361,12 +357,24 @@ var userAddEditUrl = {
361
357
  approversSearch: function approversSearch() {
362
358
  return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/company-approvers";
363
359
  },
360
+ _approversSearch: function _approversSearch() {
361
+ return "api/v1/user-management/users/single-user/transfer-approver-role?";
362
+ },
364
363
  preSignedUrl: function preSignedUrl() {
365
364
  return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/presigned-url";
366
365
  },
367
366
  editUser: function editUser(userId) {
368
367
  return "api/v1/user-management/users/" + userId;
369
368
  },
369
+ primaryAdmin: function primaryAdmin(userId) {
370
+ return "api/v1/user-management/mark-primary/" + userId;
371
+ },
372
+ resetPasswordForUserApi: function resetPasswordForUserApi() {
373
+ return "account/auth/password-reset/";
374
+ },
375
+ resendInviteForUserApi: function resendInviteForUserApi() {
376
+ return "api/v1/user-management/resend-welcome-email";
377
+ },
370
378
  deletePaymentCard: function deletePaymentCard(pmId, vendorId) {
371
379
  return env.getPaymentUrl() + "/api/v1/card/delete/" + pmId + "/" + vendorId + "/1";
372
380
  },
@@ -439,15 +447,23 @@ var userPanelUrl = {
439
447
  return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/table?action=delete&table=" + tableName;
440
448
  },
441
449
  getUnit: function getUnit(tableName, length, sort) {
442
- return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/table?table_name=" + tableName + "&length=" + length + "&order=" + sort;
450
+ return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/table?table_name=" + tableName + "&length=" + length + "&ordering=" + sort;
443
451
  },
444
452
  getPaginationUnit: function getPaginationUnit(tableName, length, page, sort) {
445
- return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/table?table_name=" + tableName + "&length=" + length + "&page=" + page + "&order=" + sort;
453
+ return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/table?table_name=" + tableName + "&length=" + length + "&page=" + page + "&ordering=" + sort;
446
454
  },
447
455
  moveUnit: function moveUnit() {
448
456
  return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/transfer-users";
449
457
  }
450
458
  };
459
+ var departmentUrl = {
460
+ departmentUrl: function departmentUrl() {
461
+ return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/department";
462
+ },
463
+ getDepartmentHead: function getDepartmentHead(departmentId, page) {
464
+ return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/department/" + departmentId + "/users?page=" + page;
465
+ }
466
+ };
451
467
 
452
468
  var api = utils.configs.api;
453
469
  var NAoptionConfig = {
@@ -457,7 +473,6 @@ var NAoptionConfig = {
457
473
  },
458
474
  applyFor: ['employee_level', 'department']
459
475
  };
460
-
461
476
  var commonLoadOptions = function commonLoadOptions(search, loadedOptions, _ref) {
462
477
  var page = _ref.page,
463
478
  tabelName = _ref.tabelName,
@@ -593,28 +608,20 @@ var currencyLoadOptions = function currencyLoadOptions(search, loadedOptions, _r
593
608
  var approversOptions = function approversOptions(search, loadedOptions, _ref4) {
594
609
  var page = _ref4.page,
595
610
  product = _ref4.product,
596
- userId = _ref4.userId,
597
- placeholder = _ref4.placeholder;
611
+ userId = _ref4.userId;
598
612
  try {
599
613
  return Promise.resolve(_catch(function () {
600
- return Promise.resolve(api.get(userAddEditUrl.approversSearch() + "?page=" + page + "&product=" + product + "&search=" + search + "&user_id=" + userId).then(function (res) {
614
+ return Promise.resolve(api.get(userAddEditUrl._approversSearch() + "user_id=" + userId + "&page=" + page).then(function (res) {
601
615
  return res.data;
602
616
  })).then(function (response) {
603
617
  var mappedValue = response.results.map(function (item) {
604
618
  return {
605
- value: item.approver.email,
606
- label: item.approver.email,
619
+ value: item.email,
620
+ label: item.email,
607
621
  type: 'detailed',
608
- data: item.approver
622
+ data: item
609
623
  };
610
624
  });
611
- if (page === 1) {
612
- var placeholderLbl = {
613
- value: '',
614
- label: placeholder
615
- };
616
- mappedValue.unshift(placeholderLbl);
617
- }
618
625
  return {
619
626
  options: mappedValue,
620
627
  hasMore: !!response.next,
@@ -654,7 +661,6 @@ var countryOptions = function countryOptions(search, loadedOptions, _ref5) {
654
661
  label: item[tabelName]
655
662
  };
656
663
  });
657
-
658
664
  return {
659
665
  options: mappedValue,
660
666
  hasMore: !!response.next,
@@ -678,6 +684,46 @@ var countryOptions = function countryOptions(search, loadedOptions, _ref5) {
678
684
  return Promise.reject(e);
679
685
  }
680
686
  };
687
+ var departmentHeadOptions = function departmentHeadOptions(search, loadedOptions, _ref6) {
688
+ var page = _ref6.page,
689
+ departmentId = _ref6.departmentId;
690
+ try {
691
+ return Promise.resolve(_catch(function () {
692
+ return Promise.resolve(api.get(departmentUrl.getDepartmentHead(departmentId, page) + "&search=" + search).then(function (res) {
693
+ return res.data;
694
+ })).then(function (response) {
695
+ var mappedValue = response.results.map(function (item) {
696
+ return {
697
+ value: item.id,
698
+ label: item.first_name + ' ' + item.last_name,
699
+ type: 'detailed',
700
+ data: item
701
+ };
702
+ });
703
+ console.log(response.next);
704
+ return {
705
+ options: mappedValue,
706
+ hasMore: !!response.next,
707
+ additional: {
708
+ page: page + 1,
709
+ departmentId: departmentId
710
+ }
711
+ };
712
+ });
713
+ }, function () {
714
+ return {
715
+ options: [],
716
+ hasMore: false,
717
+ additional: {
718
+ page: 1,
719
+ departmentId: departmentId
720
+ }
721
+ };
722
+ }));
723
+ } catch (e) {
724
+ return Promise.reject(e);
725
+ }
726
+ };
681
727
 
682
728
  var UserRole = function UserRole(_ref) {
683
729
  var _ref$list = _ref.list,
@@ -756,7 +802,6 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
756
802
  if (userTags.length) {
757
803
  res.user_tags = userTags;
758
804
  }
759
-
760
805
  if (payload.productAccess.travel) {
761
806
  var _payload$passportInfo, _payload$passportInfo2, _payload$passportInfo3, _payload$passportInfo4, _payload$membershipIn, _payload$uploadedFile;
762
807
  res.approvers.travel = [];
@@ -768,14 +813,12 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
768
813
  });
769
814
  }
770
815
  }
771
-
772
816
  if (payload.travelFYI && payload.travelFYI.value) {
773
817
  res.approvers.travel.push({
774
818
  email: payload.travelFYI.value,
775
819
  sequence: 'fyi'
776
820
  });
777
821
  }
778
-
779
822
  res.user_travel_info = {
780
823
  passport_issue_country: payload !== null && payload !== void 0 && (_payload$passportInfo = payload.passportInfoInput) !== null && _payload$passportInfo !== void 0 && (_payload$passportInfo2 = _payload$passportInfo.passport_issue_country) !== null && _payload$passportInfo2 !== void 0 && _payload$passportInfo2.value ? payload.passportInfoInput.passport_issue_country.value : null,
781
824
  nationality: payload !== null && payload !== void 0 && (_payload$passportInfo3 = payload.passportInfoInput) !== null && _payload$passportInfo3 !== void 0 && (_payload$passportInfo4 = _payload$passportInfo3.nationality) !== null && _payload$passportInfo4 !== void 0 && _payload$passportInfo4.value ? payload.passportInfoInput.nationality.value : null,
@@ -814,7 +857,6 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
814
857
  res.files = [];
815
858
  }
816
859
  }
817
-
818
860
  if (payload.productAccess.expense) {
819
861
  res.approvers.expense = [];
820
862
  for (var _key2 in payload.expenseApproversInput) {
@@ -825,7 +867,6 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
825
867
  });
826
868
  }
827
869
  }
828
-
829
870
  if (payload.expenseFYI && payload.expenseFYI.value) {
830
871
  res.approvers.expense.push({
831
872
  email: payload.expenseFYI.value,
@@ -933,7 +974,6 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
933
974
  });
934
975
  }
935
976
  }
936
-
937
977
  if (payload.travelFYI && payload.travelFYI.value) {
938
978
  res.fields.approvers.travel.push({
939
979
  email: payload.travelFYI.value,
@@ -1010,7 +1050,6 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
1010
1050
  res.fields.user_travel_info.redress_number = payload.secureTravelInputInfo.redress_number || null;
1011
1051
  }
1012
1052
  }
1013
-
1014
1053
  if (payload.productAccess.expense) {
1015
1054
  if (!env$1.isProfilePage()) {
1016
1055
  res.fields.approvers.expense = [];
@@ -1022,7 +1061,6 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
1022
1061
  });
1023
1062
  }
1024
1063
  }
1025
-
1026
1064
  if (payload.expenseFYI && payload.expenseFYI.value) {
1027
1065
  res.fields.approvers.expense.push({
1028
1066
  email: payload.expenseFYI.value,
@@ -1062,12 +1100,6 @@ var setUserActiveStatus = function setUserActiveStatus(payload) {
1062
1100
  payload: payload
1063
1101
  };
1064
1102
  };
1065
- var setBulkDeactivatedUsers = function setBulkDeactivatedUsers(payload) {
1066
- return {
1067
- type: SET_BULK_DEACTIVATED_USERS,
1068
- payload: payload
1069
- };
1070
- };
1071
1103
  var showDataFetchingStatus = function showDataFetchingStatus(payload) {
1072
1104
  return {
1073
1105
  type: SHOW_LOADER$1,
@@ -1128,36 +1160,25 @@ var exportUsers = function exportUsers(payload) {
1128
1160
  });
1129
1161
  };
1130
1162
  };
1131
- var deActivateUsers = function deActivateUsers(ids) {
1132
- return function (dispatch) {
1133
- return new Promise(function (resolve, reject) {
1134
- api$1.post("" + userListUrl.bulkDeactivate(), {
1135
- user_ids: ids
1136
- }).then(function (res) {
1137
- dispatch(setBulkDeactivatedUsers(ids));
1138
- IUIToastMessageService.sNotify(ids.length + ' Users deactivated successfully');
1139
- resolve();
1140
- })["catch"](function (err) {
1141
- if (!err.response.data.status) {
1142
- IUIToastMessageService.warningNotify(err.response.data.message);
1143
- reject(err);
1144
- return;
1145
- }
1146
- reject(err);
1147
- });
1148
- });
1149
- };
1150
- };
1151
1163
  var updateTabValue = function updateTabValue(tabId) {
1152
1164
  return {
1153
1165
  type: SET_TAB_VALUE,
1154
1166
  payload: tabId
1155
1167
  };
1156
1168
  };
1157
- var updateActiveStatus = function updateActiveStatus(activateVal, id) {
1169
+ var updateActiveStatus = function updateActiveStatus(activateVal, id, roleTransfer, newApproverUserId) {
1170
+ if (roleTransfer === void 0) {
1171
+ roleTransfer = false;
1172
+ }
1173
+ var _payload = {
1174
+ role_transfer: roleTransfer
1175
+ };
1176
+ if (roleTransfer) {
1177
+ _payload['new_approver_user_id'] = newApproverUserId;
1178
+ }
1158
1179
  return function (dispatch) {
1159
1180
  return new Promise(function (resolve, reject) {
1160
- api$1.get(userListUrl.updateActiveStatus + 'user_id=' + id + '&activate=' + activateVal).then(function (res) {
1181
+ api$1.put(userListUrl.updateActiveStatus + "user_id=" + id + "&activate=" + activateVal, _payload).then(function (res) {
1161
1182
  dispatch(setUserActiveStatus({
1162
1183
  is_active: activateVal !== 0,
1163
1184
  id: id
@@ -1254,7 +1275,6 @@ var fetchRenderFileds = function fetchRenderFileds() {
1254
1275
  var _res$data;
1255
1276
  IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.message) || 'Opps, Something went wrong.');
1256
1277
  dispatch(stopLoader());
1257
- reject();
1258
1278
  }
1259
1279
  })["catch"](function (err) {
1260
1280
  reject(err);
@@ -1328,6 +1348,35 @@ var addTravelApproverField = function addTravelApproverField() {
1328
1348
  });
1329
1349
  };
1330
1350
  };
1351
+ var addManagerApproverField = function addManagerApproverField() {
1352
+ return function (dispatch, getState) {
1353
+ return new Promise(function (resolve, reject) {
1354
+ api$2.post(userAddEditUrl.approverField(), {
1355
+ label: 'Manager'
1356
+ }).then(function (res) {
1357
+ dispatch(setTravelApproverField({
1358
+ id: 7,
1359
+ label: 'Manager',
1360
+ name: 'manager',
1361
+ required: false,
1362
+ type: 'async_select',
1363
+ fullWidth: false,
1364
+ visibility: true,
1365
+ sequence: res.data.sequence,
1366
+ placeholder: 'Select manager',
1367
+ loadOption: approversOptions
1368
+ }));
1369
+ resolve();
1370
+ })["catch"](function (err) {
1371
+ var _err$response3, _err$response3$data;
1372
+ if (err !== null && err !== void 0 && (_err$response3 = err.response) !== null && _err$response3 !== void 0 && (_err$response3$data = _err$response3.data) !== null && _err$response3$data !== void 0 && _err$response3$data.message) {
1373
+ IUIToastMessageService$1.warningNotify(err.response.data.message);
1374
+ }
1375
+ reject(err);
1376
+ });
1377
+ });
1378
+ };
1379
+ };
1331
1380
  var addExpenseApproverField = function addExpenseApproverField() {
1332
1381
  return function (dispatch, getState) {
1333
1382
  return new Promise(function (resolve, reject) {
@@ -1359,8 +1408,8 @@ var addExpenseApproverField = function addExpenseApproverField() {
1359
1408
  }));
1360
1409
  resolve();
1361
1410
  })["catch"](function (err) {
1362
- var _err$response3, _err$response3$data;
1363
- if (err !== null && err !== void 0 && (_err$response3 = err.response) !== null && _err$response3 !== void 0 && (_err$response3$data = _err$response3.data) !== null && _err$response3$data !== void 0 && _err$response3$data.message) {
1411
+ var _err$response4, _err$response4$data;
1412
+ if (err !== null && err !== void 0 && (_err$response4 = err.response) !== null && _err$response4 !== void 0 && (_err$response4$data = _err$response4.data) !== null && _err$response4$data !== void 0 && _err$response4$data.message) {
1364
1413
  IUIToastMessageService$1.warningNotify(err.response.data.message);
1365
1414
  }
1366
1415
  reject(err);
@@ -1378,8 +1427,8 @@ var editApproverLabel = function editApproverLabel(payload) {
1378
1427
  dispatch(payload.product === 'travel' ? setEditedTravelApproverField(payload) : setEditedExpenseApproverField(payload));
1379
1428
  resolve();
1380
1429
  })["catch"](function (err) {
1381
- var _err$response4, _err$response4$data;
1382
- if (err !== null && err !== void 0 && (_err$response4 = err.response) !== null && _err$response4 !== void 0 && (_err$response4$data = _err$response4.data) !== null && _err$response4$data !== void 0 && _err$response4$data.message) {
1430
+ var _err$response5, _err$response5$data;
1431
+ if (err !== null && err !== void 0 && (_err$response5 = err.response) !== null && _err$response5 !== void 0 && (_err$response5$data = _err$response5.data) !== null && _err$response5$data !== void 0 && _err$response5$data.message) {
1383
1432
  IUIToastMessageService$1.warningNotify(err.response.data.message);
1384
1433
  }
1385
1434
  reject(err);
@@ -1397,16 +1446,14 @@ var createUser = function createUser(payload) {
1397
1446
  } else {
1398
1447
  if (res.data.errors && typeof res.data.errors === 'object') {
1399
1448
  reject(res.data.errors);
1400
- return;
1401
1449
  } else if (!Object.keys(res.data.errors).length) {
1402
1450
  IUIToastMessageService$1.warningNotify(res.data.message);
1403
1451
  }
1404
- reject();
1405
1452
  }
1406
1453
  })["catch"](function (err) {
1407
- var _err$response5;
1454
+ var _err$response6;
1408
1455
  var error = 'Opps, Something went error.';
1409
- if (err !== null && err !== void 0 && (_err$response5 = err.response) !== null && _err$response5 !== void 0 && _err$response5.data) {
1456
+ if (err !== null && err !== void 0 && (_err$response6 = err.response) !== null && _err$response6 !== void 0 && _err$response6.data) {
1410
1457
  if (err.response.data.errors && typeof err.response.data.errors === 'object' && Object.keys(err.response.data.errors).length) {
1411
1458
  reject(err.response.data.errors);
1412
1459
  return;
@@ -1447,17 +1494,13 @@ var uploadSingleDocumnet = function uploadSingleDocumnet(payload) {
1447
1494
  });
1448
1495
  };
1449
1496
  };
1450
-
1451
1497
  var uploadFileToS3 = function uploadFileToS3(presignedPostData, file) {
1452
1498
  return new Promise(function (resolve, reject) {
1453
1499
  var formData = new FormData();
1454
-
1455
1500
  Object.keys(presignedPostData.fields).forEach(function (key) {
1456
1501
  formData.append(key, presignedPostData.fields[key]);
1457
1502
  });
1458
-
1459
1503
  formData.append('file', file);
1460
-
1461
1504
  axios.post(presignedPostData.url, formData, {
1462
1505
  headers: {
1463
1506
  'Content-Type': 'multipart/form-data'
@@ -1484,6 +1527,24 @@ var fetchUserDetails = function fetchUserDetails(payload) {
1484
1527
  });
1485
1528
  };
1486
1529
  };
1530
+ var makePrimaryAdmin = function makePrimaryAdmin(payload) {
1531
+ return function (dispatch) {
1532
+ return new Promise(function (resolve, reject) {
1533
+ api$2.put(userAddEditUrl.primaryAdmin(payload.userId)).then(function (res) {
1534
+ if (res) {
1535
+ IUIToastMessageService$1.sNotify(res.data.message);
1536
+ resolve();
1537
+ } else {
1538
+ reject(res);
1539
+ }
1540
+ })["catch"](function (err) {
1541
+ var _err$response7, _err$response7$data;
1542
+ IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response7 = err.response) === null || _err$response7 === void 0 ? void 0 : (_err$response7$data = _err$response7.data) === null || _err$response7$data === void 0 ? void 0 : _err$response7$data.message) || 'Opps, Something went wrong.');
1543
+ reject(err);
1544
+ });
1545
+ });
1546
+ };
1547
+ };
1487
1548
  var undoneSignUpRejection = function undoneSignUpRejection(userId) {
1488
1549
  return function (dispatch) {
1489
1550
  return new Promise(function (resolve, reject) {
@@ -1496,8 +1557,29 @@ var undoneSignUpRejection = function undoneSignUpRejection(userId) {
1496
1557
  }));
1497
1558
  resolve();
1498
1559
  })["catch"](function (err) {
1499
- var _err$response6, _err$response6$data;
1500
- IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response6 = err.response) === null || _err$response6 === void 0 ? void 0 : (_err$response6$data = _err$response6.data) === null || _err$response6$data === void 0 ? void 0 : _err$response6$data.message) || 'Opps, Something went wrong.');
1560
+ var _err$response8, _err$response8$data;
1561
+ IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response8 = err.response) === null || _err$response8 === void 0 ? void 0 : (_err$response8$data = _err$response8.data) === null || _err$response8$data === void 0 ? void 0 : _err$response8$data.message) || 'Opps, Something went wrong.');
1562
+ reject(err);
1563
+ });
1564
+ });
1565
+ };
1566
+ };
1567
+ var resetPasswordForUser = function resetPasswordForUser(data) {
1568
+ return function (dispatch) {
1569
+ return new Promise(function (resolve, reject) {
1570
+ api$2.post("" + userAddEditUrl.resetPasswordForUserApi(), {
1571
+ email: data.email
1572
+ }).then(function (res) {
1573
+ IUIToastMessageService$1.sNotify("The link to reset the password has been sent to the user's email address. Check your \"junk mail\" or \"spam\" folders in case it's not received.");
1574
+ resolve();
1575
+ })["catch"](function (err) {
1576
+ var _err$response9, _err$response9$data;
1577
+ if (!(err !== null && err !== void 0 && (_err$response9 = err.response) !== null && _err$response9 !== void 0 && (_err$response9$data = _err$response9.data) !== null && _err$response9$data !== void 0 && _err$response9$data.status)) {
1578
+ var _err$response10, _err$response10$data, _err$response10$data$;
1579
+ IUIToastMessageService$1.errNotify(err === null || err === void 0 ? void 0 : (_err$response10 = err.response) === null || _err$response10 === void 0 ? void 0 : (_err$response10$data = _err$response10.data) === null || _err$response10$data === void 0 ? void 0 : (_err$response10$data$ = _err$response10$data.message) === null || _err$response10$data$ === void 0 ? void 0 : _err$response10$data$.email[0]);
1580
+ reject(err);
1581
+ return;
1582
+ }
1501
1583
  reject(err);
1502
1584
  });
1503
1585
  });
@@ -1517,9 +1599,9 @@ var updateUser = function updateUser(payload, userId, inputChangeLog) {
1517
1599
  reject(res.data.errors);
1518
1600
  }
1519
1601
  })["catch"](function (err) {
1520
- var _err$response7;
1602
+ var _err$response13;
1521
1603
  var error = 'Opps, Something went error.';
1522
- if (err !== null && err !== void 0 && (_err$response7 = err.response) !== null && _err$response7 !== void 0 && _err$response7.data) {
1604
+ if (err !== null && err !== void 0 && (_err$response13 = err.response) !== null && _err$response13 !== void 0 && _err$response13.data) {
1523
1605
  if (err.response.data.errors && typeof err.response.data.errors === 'object' && Object.keys(err.response.data.errors).length) {
1524
1606
  reject(err.response.data.errors);
1525
1607
  return;
@@ -1566,8 +1648,8 @@ var deletePaymentCard = function deletePaymentCard(payload) {
1566
1648
  reject(res);
1567
1649
  }
1568
1650
  })["catch"](function (err) {
1569
- var _err$response8, _err$response8$data;
1570
- IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response8 = err.response) === null || _err$response8 === void 0 ? void 0 : (_err$response8$data = _err$response8.data) === null || _err$response8$data === void 0 ? void 0 : _err$response8$data.message) || 'Opps, Something went wrong.');
1651
+ var _err$response14, _err$response14$data;
1652
+ IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response14 = err.response) === null || _err$response14 === void 0 ? void 0 : (_err$response14$data = _err$response14.data) === null || _err$response14$data === void 0 ? void 0 : _err$response14$data.message) || 'Opps, Something went wrong.');
1571
1653
  reject(err);
1572
1654
  })["finally"](function () {
1573
1655
  dispatch(stopLoader());
@@ -1602,8 +1684,8 @@ var setDefaultPaymentCard = function setDefaultPaymentCard(payload) {
1602
1684
  reject(res);
1603
1685
  }
1604
1686
  })["catch"](function (err) {
1605
- var _err$response9, _err$response9$data;
1606
- IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response9 = err.response) === null || _err$response9 === void 0 ? void 0 : (_err$response9$data = _err$response9.data) === null || _err$response9$data === void 0 ? void 0 : _err$response9$data.message) || 'Opps, Something went wrong.');
1687
+ var _err$response15, _err$response15$data;
1688
+ IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response15 = err.response) === null || _err$response15 === void 0 ? void 0 : (_err$response15$data = _err$response15.data) === null || _err$response15$data === void 0 ? void 0 : _err$response15$data.message) || 'Opps, Something went wrong.');
1607
1689
  reject(err);
1608
1690
  })["finally"](function () {
1609
1691
  dispatch(stopLoader());
@@ -1626,8 +1708,8 @@ var verifyUserInfo = function verifyUserInfo(userId) {
1626
1708
  reject(res);
1627
1709
  }
1628
1710
  })["catch"](function (err) {
1629
- var _err$response10, _err$response10$data;
1630
- IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response10 = err.response) === null || _err$response10 === void 0 ? void 0 : (_err$response10$data = _err$response10.data) === null || _err$response10$data === void 0 ? void 0 : _err$response10$data.message) || 'Opps, Unable to fetch user info.');
1711
+ var _err$response16, _err$response16$data;
1712
+ IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response16 = err.response) === null || _err$response16 === void 0 ? void 0 : (_err$response16$data = _err$response16.data) === null || _err$response16$data === void 0 ? void 0 : _err$response16$data.message) || 'Opps, Unable to fetch user info.');
1631
1713
  setTimeout(function () {
1632
1714
  window.history.back();
1633
1715
  }, 1000);
@@ -1639,11 +1721,11 @@ var verifyUserInfo = function verifyUserInfo(userId) {
1639
1721
  var submitAddModalData = function submitAddModalData(tableName, data) {
1640
1722
  return function (dispatch) {
1641
1723
  return new Promise(function (resolve, reject) {
1642
- api$2.post(userAddEditUrl.dropdownList() + ("?action=add&table=" + tableName), data).then(function (res) {
1724
+ api$2.post(tableName === 'department' ? departmentUrl.departmentUrl() : userAddEditUrl.dropdownList() + ("?action=add&table=" + tableName), data).then(function (res) {
1643
1725
  resolve(res);
1644
1726
  })["catch"](function (err) {
1645
- var _err$response11, _err$response11$data;
1646
- IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response11 = err.response) === null || _err$response11 === void 0 ? void 0 : (_err$response11$data = _err$response11.data) === null || _err$response11$data === void 0 ? void 0 : _err$response11$data.message) || 'Opps, Something went wrong.');
1727
+ var _err$response17, _err$response17$data;
1728
+ IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response17 = err.response) === null || _err$response17 === void 0 ? void 0 : (_err$response17$data = _err$response17.data) === null || _err$response17$data === void 0 ? void 0 : _err$response17$data.message) || 'Opps, Something went wrong.');
1647
1729
  dispatch(stopLoader());
1648
1730
  });
1649
1731
  });
@@ -1653,7 +1735,6 @@ var rejectUserVerification = function rejectUserVerification(userId) {
1653
1735
  return function (dispatch) {
1654
1736
  return new Promise(function (resolve, reject) {
1655
1737
  api$2.get(userAddEditUrl.rejectUserVerification(userId)).then(function (res) {
1656
- console.log(res);
1657
1738
  if (res.data.status === true) {
1658
1739
  resolve(res.data);
1659
1740
  } else {
@@ -1662,9 +1743,8 @@ var rejectUserVerification = function rejectUserVerification(userId) {
1662
1743
  reject(res);
1663
1744
  }
1664
1745
  })["catch"](function (err) {
1665
- var _err$response12, _err$response12$data;
1666
- console.log(err);
1667
- IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response12 = err.response) === null || _err$response12 === void 0 ? void 0 : (_err$response12$data = _err$response12.data) === null || _err$response12$data === void 0 ? void 0 : _err$response12$data.message) || 'Opps, Unable to reject user.');
1746
+ var _err$response18, _err$response18$data;
1747
+ IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response18 = err.response) === null || _err$response18 === void 0 ? void 0 : (_err$response18$data = _err$response18.data) === null || _err$response18$data === void 0 ? void 0 : _err$response18$data.message) || 'Opps, Unable to reject user.');
1668
1748
  reject(err);
1669
1749
  });
1670
1750
  });
@@ -1677,6 +1757,7 @@ var OPEN_DIALOG = 'OPEN_DIALOG';
1677
1757
  var CLOSE_DIALOG = 'CLOSE_DIALOG';
1678
1758
  var FETCH_USERPANEL_DATA = 'FETCH_USERPANEL_DATA';
1679
1759
  var UNASSIGNED_USERS = 'Not assigned';
1760
+ var FETCH_DEPARTMENT_USERS_DATA = 'FETCH_DEPARTMENT_USERS_DATA';
1680
1761
 
1681
1762
  var api$3 = utils.configs.api;
1682
1763
  var IUIToastMessageService$2 = utils.services.IUIToastMessageService;
@@ -1723,18 +1804,17 @@ var getUserPanalData = function getUserPanalData(params) {
1723
1804
  });
1724
1805
  };
1725
1806
  };
1726
-
1727
1807
  var addRecord = function addRecord(tableName, data, getParam) {
1728
1808
  return function (dispatch) {
1729
1809
  return new Promise(function (resolve, reject) {
1730
- api$3.post(userPanelUrl.addUnit(tableName), data).then(function (res) {
1810
+ api$3.post(tableName === 'department' ? departmentUrl.departmentUrl() : userPanelUrl.addUnit(tableName), data).then(function (res) {
1731
1811
  dispatch(getUserPanalData(getParam));
1732
1812
  dispatch(closeDialog());
1733
1813
  resolve(res);
1734
1814
  })["catch"](function (err) {
1735
- var _err$response2, _err$response2$data;
1815
+ var _err$response3, _err$response3$data;
1736
1816
  dispatch(userPanelStopLoader());
1737
- IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.message) || 'Opps, Something went wrong.');
1817
+ IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response3 = err.response) === null || _err$response3 === void 0 ? void 0 : (_err$response3$data = _err$response3.data) === null || _err$response3$data === void 0 ? void 0 : _err$response3$data.message) || 'Opps, Something went wrong.');
1738
1818
  });
1739
1819
  });
1740
1820
  };
@@ -1748,25 +1828,37 @@ var deleteRecord = function deleteRecord(tableName, id, getParam) {
1748
1828
  dispatch(userPanelStopLoader());
1749
1829
  resolve();
1750
1830
  })["catch"](function (err) {
1751
- var _err$response3, _err$response3$data;
1752
- IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response3 = err.response) === null || _err$response3 === void 0 ? void 0 : (_err$response3$data = _err$response3.data) === null || _err$response3$data === void 0 ? void 0 : _err$response3$data.message) || 'Opps, Something went wrong.');
1831
+ var _err$response4, _err$response4$data;
1832
+ IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response4 = err.response) === null || _err$response4 === void 0 ? void 0 : (_err$response4$data = _err$response4.data) === null || _err$response4$data === void 0 ? void 0 : _err$response4$data.message) || 'Opps, Something went wrong.');
1753
1833
  dispatch(userPanelStopLoader());
1754
1834
  });
1755
1835
  });
1756
1836
  };
1757
1837
  };
1758
- var editRecord = function editRecord(tableName, data, getParam) {
1838
+ var editRecord = function editRecord(tableName, data, getParam, optionalParams) {
1759
1839
  return function (dispatch) {
1760
1840
  return new Promise(function (resolve, reject) {
1761
- api$3.post(userPanelUrl.editUnit(tableName), data).then(function (res) {
1762
- dispatch(getUserPanalData(getParam));
1763
- dispatch(closeDialog());
1764
- resolve();
1765
- })["catch"](function (err) {
1766
- var _err$response4, _err$response4$data;
1767
- dispatch(userPanelStopLoader());
1768
- IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response4 = err.response) === null || _err$response4 === void 0 ? void 0 : (_err$response4$data = _err$response4.data) === null || _err$response4$data === void 0 ? void 0 : _err$response4$data.message) || 'Opps, Something went wrong.');
1769
- });
1841
+ if (tableName === 'department') {
1842
+ api$3.put(departmentUrl.departmentUrl() + "/" + optionalParams, data).then(function (res) {
1843
+ dispatch(getUserPanalData(getParam));
1844
+ dispatch(closeDialog());
1845
+ resolve();
1846
+ })["catch"](function (err) {
1847
+ var _err$response5, _err$response5$data;
1848
+ dispatch(userPanelStopLoader());
1849
+ IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response5 = err.response) === null || _err$response5 === void 0 ? void 0 : (_err$response5$data = _err$response5.data) === null || _err$response5$data === void 0 ? void 0 : _err$response5$data.message) || 'Opps, Something went wrong.');
1850
+ });
1851
+ } else {
1852
+ api$3.post(userPanelUrl.editUnit(tableName), data).then(function (res) {
1853
+ dispatch(getUserPanalData(getParam));
1854
+ dispatch(closeDialog());
1855
+ resolve();
1856
+ })["catch"](function (err) {
1857
+ var _err$response6, _err$response6$data;
1858
+ dispatch(userPanelStopLoader());
1859
+ IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response6 = err.response) === null || _err$response6 === void 0 ? void 0 : (_err$response6$data = _err$response6.data) === null || _err$response6$data === void 0 ? void 0 : _err$response6$data.message) || 'Opps, Something went wrong.');
1860
+ });
1861
+ }
1770
1862
  });
1771
1863
  };
1772
1864
  };
@@ -1778,8 +1870,8 @@ var moveRecord = function moveRecord(tableName, data, getParam) {
1778
1870
  dispatch(closeDialog());
1779
1871
  resolve(res);
1780
1872
  })["catch"](function (err) {
1781
- var _err$response5, _err$response5$data;
1782
- IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response5 = err.response) === null || _err$response5 === void 0 ? void 0 : (_err$response5$data = _err$response5.data) === null || _err$response5$data === void 0 ? void 0 : _err$response5$data.message) || 'Opps, Something went wrong.');
1873
+ var _err$response7, _err$response7$data;
1874
+ IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response7 = err.response) === null || _err$response7 === void 0 ? void 0 : (_err$response7$data = _err$response7.data) === null || _err$response7$data === void 0 ? void 0 : _err$response7$data.message) || 'Opps, Something went wrong.');
1783
1875
  });
1784
1876
  });
1785
1877
  };
@@ -2267,7 +2359,6 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
2267
2359
  setOpenEditAproverModalFlag(false);
2268
2360
  });
2269
2361
  };
2270
-
2271
2362
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
2272
2363
  container: true,
2273
2364
  className: (styles.headingPadding)
@@ -2415,8 +2506,7 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
2415
2506
  headerText: "Edit approver field",
2416
2507
  cancelLabel: "Cancel",
2417
2508
  submitLabel: "Save",
2418
- submitHandler: handleEditAproverLabel
2419
- ,
2509
+ submitHandler: handleEditAproverLabel,
2420
2510
  width: "420px",
2421
2511
  modalBodyStyle: {
2422
2512
  maxHeight: '600px',
@@ -2972,7 +3062,7 @@ var workInfo = [{
2972
3062
  },
2973
3063
  disableText: 'Please get in touch with your administrator to change this value.'
2974
3064
  }, {
2975
- id: 7,
3065
+ id: 9,
2976
3066
  label: 'Base location',
2977
3067
  name: 'base_location',
2978
3068
  required: false,
@@ -2997,7 +3087,7 @@ var workInfo = [{
2997
3087
  },
2998
3088
  disableText: 'Please get in touch with your administrator to change this value.'
2999
3089
  }, {
3000
- id: 7,
3090
+ id: 10,
3001
3091
  label: 'Default currency',
3002
3092
  name: 'currency',
3003
3093
  required: false,
@@ -3011,7 +3101,7 @@ var workInfo = [{
3011
3101
  tooltip: 'This only changes the currency for this user',
3012
3102
  disableText: 'Please get in touch with your administrator to change this value.'
3013
3103
  }, {
3014
- id: 8,
3104
+ id: 11,
3015
3105
  empty: true
3016
3106
  }];
3017
3107
  var products = [{
@@ -3381,6 +3471,7 @@ var userAddPageFormLabels = {
3381
3471
  business_unit: 'Business unit',
3382
3472
  department: 'Department',
3383
3473
  designation: 'Designation',
3474
+ manager: 'Manager',
3384
3475
  base_location: 'Base location',
3385
3476
  currency: 'Default currency'
3386
3477
  },
@@ -3805,7 +3896,6 @@ var reducer$1 = function reducer(state, action) {
3805
3896
  _userListInfo.results[i].is_active = action.payload.is_active;
3806
3897
  }
3807
3898
  });
3808
-
3809
3899
  var _deactivatedUsers = _userListInfo.results.length > 0 ? _userListInfo.results.filter(function (val) {
3810
3900
  return !val.is_active;
3811
3901
  }).map(function (obj) {
@@ -3828,7 +3918,6 @@ var reducer$1 = function reducer(state, action) {
3828
3918
  }
3829
3919
  });
3830
3920
  });
3831
-
3832
3921
  var _deactivatedUsers2 = _userListInfo2.results.length > 0 ? _userListInfo2.results.filter(function (val) {
3833
3922
  return !val.is_active;
3834
3923
  }).map(function (obj) {
@@ -3882,6 +3971,7 @@ var initialState$2 = {
3882
3971
  previous: null,
3883
3972
  results: []
3884
3973
  },
3974
+ deptUsers: [],
3885
3975
  loading: false
3886
3976
  };
3887
3977
  var reducer$2 = function reducer(state, action) {
@@ -3951,6 +4041,12 @@ var reducer$2 = function reducer(state, action) {
3951
4041
  loading: false
3952
4042
  });
3953
4043
  }
4044
+ case FETCH_DEPARTMENT_USERS_DATA:
4045
+ {
4046
+ return _extends({}, state, {
4047
+ deptUsers: action.payload
4048
+ });
4049
+ }
3954
4050
  default:
3955
4051
  return state;
3956
4052
  }
@@ -4137,8 +4233,7 @@ var rootReducer = redux.combineReducers({
4137
4233
  customFields: reducer$5
4138
4234
  });
4139
4235
 
4140
- var store = redux.createStore(rootReducer, reduxDevtoolsExtension.composeWithDevTools(redux.applyMiddleware(thunk)
4141
- ));
4236
+ var store = redux.createStore(rootReducer, reduxDevtoolsExtension.composeWithDevTools(redux.applyMiddleware(thunk)));
4142
4237
 
4143
4238
  function withStore(Component) {
4144
4239
  function WrappedComponent(props) {
@@ -4681,8 +4776,7 @@ function AddPanelDialog(_ref) {
4681
4776
  flexDirection: "column",
4682
4777
  padding: "8px 20px"
4683
4778
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIInput, {
4684
- label: name + " name"
4685
- ,
4779
+ label: name + " name",
4686
4780
  name: "name",
4687
4781
  defaultValue: "",
4688
4782
  onValueChange: onValueChange,
@@ -4731,6 +4825,7 @@ var UserAddEdit = function UserAddEdit(props) {
4731
4825
  isILadmin = _useSelector2.isILadmin,
4732
4826
  companyName = _useSelector2.companyName;
4733
4827
  var history = reactRouterDom.useHistory();
4828
+ var location = reactRouterDom.useLocation();
4734
4829
  var _useState = React.useState({
4735
4830
  travel: false,
4736
4831
  expense: false
@@ -4766,7 +4861,6 @@ var UserAddEdit = function UserAddEdit(props) {
4766
4861
  }
4767
4862
  setProductAccess(_productAccess);
4768
4863
  };
4769
-
4770
4864
  var _useState2 = React.useState({
4771
4865
  first_name: '',
4772
4866
  last_name: '',
@@ -4987,8 +5081,19 @@ var UserAddEdit = function UserAddEdit(props) {
4987
5081
  var onAddModalClose = function onAddModalClose() {
4988
5082
  setAddModalData(_extends({}, defaultAddModalData));
4989
5083
  };
5084
+ React.useEffect(function () {
5085
+ var _location$state, _location$state2;
5086
+ if (location !== null && location !== void 0 && (_location$state = location.state) !== null && _location$state !== void 0 && _location$state.id && location !== null && location !== void 0 && (_location$state2 = location.state) !== null && _location$state2 !== void 0 && _location$state2.name) {
5087
+ var _location$state3, _location$state4;
5088
+ setEmployeeInfoInput(_extends({}, employeeInfoInput, {
5089
+ department: {
5090
+ value: location === null || location === void 0 ? void 0 : (_location$state3 = location.state) === null || _location$state3 === void 0 ? void 0 : _location$state3.id,
5091
+ label: location === null || location === void 0 ? void 0 : (_location$state4 = location.state) === null || _location$state4 === void 0 ? void 0 : _location$state4.name
5092
+ }
5093
+ }));
5094
+ }
5095
+ }, []);
4990
5096
  var onModalOpen = function onModalOpen(e, id) {
4991
- console.log('onModalOpen', e, id);
4992
5097
  var title = '';
4993
5098
  if (id === 'entity') {
4994
5099
  title = 'Entity';
@@ -5013,23 +5118,42 @@ var UserAddEdit = function UserAddEdit(props) {
5013
5118
  }));
5014
5119
  } else {
5015
5120
  dispatch(showLoader());
5016
- dispatch(submitAddModalData(addModalData.id, {
5017
- names: [validatedValue]
5018
- })).then(function (res) {
5019
- var _extends2;
5121
+ var dataObj;
5122
+ if (addModalData.id === 'department') {
5123
+ dataObj = {
5124
+ name: validatedValue,
5125
+ department_head_id: null
5126
+ };
5127
+ } else {
5128
+ dataObj = {
5129
+ names: [validatedValue]
5130
+ };
5131
+ }
5132
+ dispatch(submitAddModalData(addModalData.id, dataObj)).then(function (res) {
5133
+ var _extends4;
5020
5134
  setAddModalData(_extends({}, addModalData, {
5021
5135
  isOpen: false
5022
5136
  }));
5023
5137
  IUIToastMessageService$4.sNotify(addModalData.title + " added successfully.");
5024
5138
  var tempKey = addModalData.id === 'employee_level' ? 'emp_level' : addModalData.id;
5025
- setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends2 = {}, _extends2[tempKey] = {
5026
- value: res.data.value,
5027
- label: res.data.label
5028
- }, _extends2)));
5139
+ if (addModalData.id === 'department') {
5140
+ var _extends2;
5141
+ setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends2 = {}, _extends2[tempKey] = {
5142
+ value: res.data.result.id,
5143
+ label: res.data.result.name
5144
+ }, _extends2)));
5145
+ } else {
5146
+ var _extends3;
5147
+ setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends3 = {}, _extends3[tempKey] = {
5148
+ value: res.data.value,
5149
+ label: res.data.label
5150
+ }, _extends3)));
5151
+ }
5152
+ updateInputChangeLog(_extends({}, inputChangeLog, (_extends4 = {}, _extends4[tempKey] = true, _extends4)));
5029
5153
  asyncSelectRefs.current[tempKey].current.blur();
5030
5154
  clearCacheForAsyncDropdown(function (prevState) {
5031
- var _extends3;
5032
- return _extends({}, prevState, (_extends3 = {}, _extends3[tempKey] = prevState[tempKey] + 1, _extends3));
5155
+ var _extends5;
5156
+ return _extends({}, prevState, (_extends5 = {}, _extends5[tempKey] = prevState[tempKey] + 1, _extends5));
5033
5157
  });
5034
5158
  dispatch(stopLoader());
5035
5159
  });
@@ -5046,10 +5170,10 @@ var UserAddEdit = function UserAddEdit(props) {
5046
5170
  };
5047
5171
  var onPersonalInfoChange = function onPersonalInfoChange(args) {
5048
5172
  try {
5049
- var _temp6 = function _temp6() {
5173
+ var _temp5 = function _temp5() {
5050
5174
  if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
5051
- var _extends4;
5052
- updateInputChangeLog(_extends({}, inputChangeLog, (_extends4 = {}, _extends4[_name] = true, _extends4)));
5175
+ var _extends6;
5176
+ updateInputChangeLog(_extends({}, inputChangeLog, (_extends6 = {}, _extends6[_name] = true, _extends6)));
5053
5177
  }
5054
5178
  };
5055
5179
  var _name = args._name,
@@ -5060,7 +5184,7 @@ var UserAddEdit = function UserAddEdit(props) {
5060
5184
  _errorMsg = _args$_errorMsg === void 0 ? '' : _args$_errorMsg,
5061
5185
  _args$_obj = args._obj,
5062
5186
  _obj = _args$_obj === void 0 ? {} : _args$_obj;
5063
- var _temp7 = function () {
5187
+ var _temp4 = function () {
5064
5188
  if (_name === 'contact_number') {
5065
5189
  setPersonalInfoInput(_extends({}, personalInfoInput, {
5066
5190
  contact_number: _value.trim(),
@@ -5071,14 +5195,14 @@ var UserAddEdit = function UserAddEdit(props) {
5071
5195
  updateError('country_code', _isError, _errorMsg);
5072
5196
  updateError('contact_country_code', _isError, _errorMsg);
5073
5197
  } else {
5074
- var _temp8 = function _temp8() {
5075
- var _extends5;
5076
- setPersonalInfoInput(_extends({}, personalInfoInput, (_extends5 = {}, _extends5[_name] = _value, _extends5)));
5198
+ var _temp3 = function _temp3() {
5199
+ var _extends7;
5200
+ setPersonalInfoInput(_extends({}, personalInfoInput, (_extends7 = {}, _extends7[_name] = _value, _extends7)));
5077
5201
  updateError(_name, _isError, _errorMsg);
5078
5202
  };
5079
- var _temp9 = function () {
5203
+ var _temp2 = function () {
5080
5204
  if (_name === 'profile_pic') {
5081
- var _temp10 = function () {
5205
+ var _temp = function () {
5082
5206
  if (_obj.isUpload) {
5083
5207
  return Promise.resolve(uploadDocs(_value, _name)).then(function (docsData) {
5084
5208
  _value = _value.map(function (_val) {
@@ -5109,28 +5233,32 @@ var UserAddEdit = function UserAddEdit(props) {
5109
5233
  setProfilePicDelete([].concat(profilePicDelete, _deletedFiles));
5110
5234
  }
5111
5235
  }();
5112
- if (_temp10 && _temp10.then) return _temp10.then(function () {});
5236
+ if (_temp && _temp.then) return _temp.then(function () {});
5113
5237
  }
5114
5238
  }();
5115
- return _temp9 && _temp9.then ? _temp9.then(_temp8) : _temp8(_temp9);
5239
+ return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
5116
5240
  }
5117
5241
  }();
5118
- return Promise.resolve(_temp7 && _temp7.then ? _temp7.then(_temp6) : _temp6(_temp7));
5242
+ return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4));
5119
5243
  } catch (e) {
5120
5244
  return Promise.reject(e);
5121
5245
  }
5122
5246
  };
5123
5247
  var onEmployeeInfoChange = function onEmployeeInfoChange(args) {
5124
- var _extends6;
5248
+ var _extends8;
5125
5249
  var _name = args._name,
5126
5250
  _value = args._value,
5127
5251
  _isError = args._isError,
5128
5252
  _errorMsg = args._errorMsg;
5129
- setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends6 = {}, _extends6[_name] = _value, _extends6)));
5253
+ console.log({
5254
+ _name: _name,
5255
+ _value: _value
5256
+ });
5257
+ setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends8 = {}, _extends8[_name] = _value, _extends8)));
5130
5258
  updateError(_name, _isError, _errorMsg);
5131
5259
  if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
5132
- var _extends7;
5133
- updateInputChangeLog(_extends({}, inputChangeLog, (_extends7 = {}, _extends7[_name] = true, _extends7)));
5260
+ var _extends9;
5261
+ updateInputChangeLog(_extends({}, inputChangeLog, (_extends9 = {}, _extends9[_name] = true, _extends9)));
5134
5262
  }
5135
5263
  };
5136
5264
  var getUserTagTypeId = function getUserTagTypeId(name) {
@@ -5140,9 +5268,9 @@ var UserAddEdit = function UserAddEdit(props) {
5140
5268
  return tag.id;
5141
5269
  };
5142
5270
  var onUserTagTypeChange = function onUserTagTypeChange(args) {
5143
- var _extends8;
5271
+ var _extends10;
5144
5272
  var e = args._event;
5145
- setUserTagType(_extends({}, userTagType, (_extends8 = {}, _extends8[e.target.name] = userTagType[e.target.name] ? false : getUserTagTypeId(e.target.name), _extends8)));
5273
+ setUserTagType(_extends({}, userTagType, (_extends10 = {}, _extends10[e.target.name] = userTagType[e.target.name] ? false : getUserTagTypeId(e.target.name), _extends10)));
5146
5274
  if (Object.hasOwnProperty.call(inputChangeLog, 'userTagType')) {
5147
5275
  updateInputChangeLog(_extends({}, inputChangeLog, {
5148
5276
  userTagType: true
@@ -5150,30 +5278,27 @@ var UserAddEdit = function UserAddEdit(props) {
5150
5278
  }
5151
5279
  };
5152
5280
  var onCustomFieldsChange = function onCustomFieldsChange(_ref2) {
5153
- var _extends9;
5281
+ var _extends11;
5154
5282
  var _name = _ref2._name,
5155
5283
  _value = _ref2._value;
5156
- setCustomFieldsInput(_extends({}, customFieldsInput, (_extends9 = {}, _extends9[_name] = _value, _extends9)));
5284
+ setCustomFieldsInput(_extends({}, customFieldsInput, (_extends11 = {}, _extends11[_name] = _value, _extends11)));
5157
5285
  };
5158
5286
  var onTravelApproversInputChange = function onTravelApproversInputChange(_ref3) {
5159
- var _extends10;
5287
+ var _extends12;
5160
5288
  var _name = _ref3._name,
5161
5289
  _value = _ref3._value;
5162
- setTravelApproversInput(_extends({}, travelApproversInput, (_extends10 = {}, _extends10[_name] = _value, _extends10)));
5290
+ console.log(_name, _value, 'travel');
5291
+ setTravelApproversInput(_extends({}, travelApproversInput, (_extends12 = {}, _extends12[_name] = _value, _extends12)));
5163
5292
  };
5164
5293
  var onExpenseApproversInputChange = function onExpenseApproversInputChange(_ref4) {
5165
- var _extends11;
5294
+ var _extends13;
5166
5295
  var _name = _ref4._name,
5167
5296
  _value = _ref4._value;
5168
- setExpenseApproversInput(_extends({}, expenseApproversInput, (_extends11 = {}, _extends11[_name] = _value, _extends11)));
5297
+ setExpenseApproversInput(_extends({}, expenseApproversInput, (_extends13 = {}, _extends13[_name] = _value, _extends13)));
5169
5298
  };
5170
5299
  var onMemInfoInputChange = function onMemInfoInputChange(index, key, val) {
5171
5300
  var _membershipInfoInput = [].concat(membershipInfoInput);
5172
- if (_membershipInfoInput[index].membership_type === 'flight' && key === 'name') {
5173
- _membershipInfoInput[index][key] = val.label;
5174
- } else {
5175
- _membershipInfoInput[index][key] = val;
5176
- }
5301
+ _membershipInfoInput[index][key] = val;
5177
5302
  _membershipInfoInput[index].isEditMode = isEditMode;
5178
5303
  setMembershipInfoInput(_membershipInfoInput);
5179
5304
  };
@@ -5203,39 +5328,39 @@ var UserAddEdit = function UserAddEdit(props) {
5203
5328
  setMembershipInfoInput(_membershipInfoInputTemp);
5204
5329
  };
5205
5330
  var travelPreferenceOnChange = function travelPreferenceOnChange(args) {
5206
- var _extends12;
5331
+ var _extends14;
5207
5332
  var _name = args._name,
5208
5333
  _value = args._value,
5209
5334
  _isError = args._isError,
5210
5335
  _errorMsg = args._errorMsg;
5211
- settravelPreferenceInfo(_extends({}, travelPreferenceInfo, (_extends12 = {}, _extends12[_name] = _value, _extends12)));
5336
+ settravelPreferenceInfo(_extends({}, travelPreferenceInfo, (_extends14 = {}, _extends14[_name] = _value, _extends14)));
5212
5337
  if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
5213
- var _extends13;
5214
- updateInputChangeLog(_extends({}, inputChangeLog, (_extends13 = {}, _extends13[_name] = true, _extends13)));
5338
+ var _extends15;
5339
+ updateInputChangeLog(_extends({}, inputChangeLog, (_extends15 = {}, _extends15[_name] = true, _extends15)));
5215
5340
  }
5216
5341
  updateError(_name, _isError, _errorMsg);
5217
5342
  };
5218
5343
  var onSecureTraveelerInfoInputChange = function onSecureTraveelerInfoInputChange(args) {
5219
- var _extends14;
5344
+ var _extends16;
5220
5345
  var _name = args._name,
5221
5346
  _value = args._value,
5222
5347
  _isError = args._isError,
5223
5348
  _errorMsg = args._errorMsg;
5224
- setSecureTravelInputInfo(_extends({}, secureTravelInputInfo, (_extends14 = {}, _extends14[_name] = _value, _extends14)));
5349
+ setSecureTravelInputInfo(_extends({}, secureTravelInputInfo, (_extends16 = {}, _extends16[_name] = _value, _extends16)));
5225
5350
  if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
5226
- var _extends15;
5227
- updateInputChangeLog(_extends({}, inputChangeLog, (_extends15 = {}, _extends15[_name] = true, _extends15)));
5351
+ var _extends17;
5352
+ updateInputChangeLog(_extends({}, inputChangeLog, (_extends17 = {}, _extends17[_name] = true, _extends17)));
5228
5353
  }
5229
5354
  updateError(_name, _isError, _errorMsg);
5230
5355
  };
5231
5356
  var onPassportInfoInputChange = function onPassportInfoInputChange(args) {
5232
5357
  try {
5233
- var _temp14 = function _temp14() {
5234
- var _extends16;
5235
- setPassportInfoInput(_extends({}, passportInfoInput, (_extends16 = {}, _extends16[_name] = _value, _extends16)));
5358
+ var _temp8 = function _temp8() {
5359
+ var _extends18;
5360
+ setPassportInfoInput(_extends({}, passportInfoInput, (_extends18 = {}, _extends18[_name] = _value, _extends18)));
5236
5361
  if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
5237
- var _extends17;
5238
- updateInputChangeLog(_extends({}, inputChangeLog, (_extends17 = {}, _extends17[_name] = true, _extends17)));
5362
+ var _extends19;
5363
+ updateInputChangeLog(_extends({}, inputChangeLog, (_extends19 = {}, _extends19[_name] = true, _extends19)));
5239
5364
  }
5240
5365
  updateError(_name, _isError, _errorMsg);
5241
5366
  };
@@ -5273,9 +5398,9 @@ var UserAddEdit = function UserAddEdit(props) {
5273
5398
  }
5274
5399
  return Promise.resolve();
5275
5400
  }
5276
- var _temp15 = function () {
5401
+ var _temp7 = function () {
5277
5402
  if (_name === 'passport_photo' || _name === 'travel_docs') {
5278
- var _temp16 = function () {
5403
+ var _temp6 = function () {
5279
5404
  if (_obj.isUpload) {
5280
5405
  var checkAlreadyUploadedFiles = uploadedFiles.filter(function (_file) {
5281
5406
  if (_name === 'passport_photo') {
@@ -5319,10 +5444,10 @@ var UserAddEdit = function UserAddEdit(props) {
5319
5444
  setFilesForDelete([].concat(filesForDelete, _deletedFiles));
5320
5445
  }
5321
5446
  }();
5322
- if (_temp16 && _temp16.then) return _temp16.then(function () {});
5447
+ if (_temp6 && _temp6.then) return _temp6.then(function () {});
5323
5448
  }
5324
5449
  }();
5325
- return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(_temp14) : _temp14(_temp15));
5450
+ return Promise.resolve(_temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7));
5326
5451
  } catch (e) {
5327
5452
  return Promise.reject(e);
5328
5453
  }
@@ -5341,8 +5466,8 @@ var UserAddEdit = function UserAddEdit(props) {
5341
5466
  return _errorArray;
5342
5467
  });
5343
5468
  setErrorMsgs(function (prevState) {
5344
- var _extends18;
5345
- return _extends({}, prevState, (_extends18 = {}, _extends18[_name] = _errorMsg, _extends18));
5469
+ var _extends20;
5470
+ return _extends({}, prevState, (_extends20 = {}, _extends20[_name] = _errorMsg, _extends20));
5346
5471
  });
5347
5472
  };
5348
5473
  var dispatch = reactRedux.useDispatch();
@@ -5601,7 +5726,6 @@ var UserAddEdit = function UserAddEdit(props) {
5601
5726
  required: true
5602
5727
  }
5603
5728
  }));
5604
-
5605
5729
  var _productAccess = _extends({}, productAccess);
5606
5730
  renderFields.products.forEach(function (product) {
5607
5731
  _productAccess[product.name] = true;
@@ -5649,7 +5773,7 @@ var UserAddEdit = function UserAddEdit(props) {
5649
5773
  }, [renderFields.expenseApprovers]);
5650
5774
  var uploadDocs = function uploadDocs(docToUpload, type) {
5651
5775
  try {
5652
- var _temp19 = function _temp19() {
5776
+ var _temp10 = function _temp10() {
5653
5777
  setUploadedFiles([].concat(uploadedFiles, data));
5654
5778
  dispatch(stopLoader());
5655
5779
  return data;
@@ -5665,12 +5789,12 @@ var UserAddEdit = function UserAddEdit(props) {
5665
5789
  userID: editUserId
5666
5790
  });
5667
5791
  });
5668
- var _temp20 = _forTo(docs, function (i) {
5792
+ var _temp9 = _forTo(docs, function (i) {
5669
5793
  return Promise.resolve(dispatch(uploadSingleDocumnet(docs[i]))).then(function (res) {
5670
5794
  data.push(res);
5671
5795
  });
5672
5796
  });
5673
- return Promise.resolve(_temp20 && _temp20.then ? _temp20.then(_temp19) : _temp19(_temp20));
5797
+ return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9));
5674
5798
  } catch (e) {
5675
5799
  return Promise.reject(e);
5676
5800
  }
@@ -5798,8 +5922,7 @@ var UserAddEdit = function UserAddEdit(props) {
5798
5922
  }
5799
5923
  _errorMsgs.passport_issue_date = '';
5800
5924
  }
5801
- if (passportInfoInput.passport_photo.length === 0 && userTravelInfo.file_name === false &&
5802
- fieldsVisibility.user_travel_info.file_name !== 2) {
5925
+ if (passportInfoInput.passport_photo.length === 0 && userTravelInfo.file_name === false && fieldsVisibility.user_travel_info.file_name !== 2) {
5803
5926
  _isError = true;
5804
5927
  if (_errorArray.indexOf('passport_photo') === -1) {
5805
5928
  _errorArray.push('passport_photo');
@@ -5811,8 +5934,7 @@ var UserAddEdit = function UserAddEdit(props) {
5811
5934
  }
5812
5935
  _errorMsgs.passport_photo = '';
5813
5936
  }
5814
- if (passportInfoInput.travel_docs.length === 0 && userTravelInfo.file_name === false &&
5815
- fieldsVisibility.user_travel_info.file_name !== 2) {
5937
+ if (passportInfoInput.travel_docs.length === 0 && userTravelInfo.file_name === false && fieldsVisibility.user_travel_info.file_name !== 2) {
5816
5938
  _isError = true;
5817
5939
  if (_errorArray.indexOf('travel_docs') === -1) {
5818
5940
  _errorArray.push('travel_docs');
@@ -5828,27 +5950,28 @@ var UserAddEdit = function UserAddEdit(props) {
5828
5950
  if (_isError) {
5829
5951
  setErrorArray(_errorArray);
5830
5952
  setErrorMsgs(_errorMsgs);
5831
- for (var _key3 in _errorMsgs) {
5953
+ var _loop = function _loop() {
5832
5954
  if (Object.hasOwnProperty.call(_errorMsgs, _key3)) {
5833
5955
  if (_errorMsgs[_key3]) {
5834
- var _ret = function () {
5835
- if (_key3 in passportInfoInput || _key3 in travelPreferenceInfo || _key3 in secureTravelInputInfo) {
5836
- setAdditionalInfoFlag('open');
5837
- }
5838
- var el = document.getElementById(_key3 === 'country_code' || _key3 === 'contact_country_code' ? 'contact_number' : _key3);
5839
- if (el) {
5840
- setTimeout(function () {
5841
- el.scrollIntoView({
5842
- behavior: 'smooth',
5843
- block: 'center'
5844
- });
5845
- }, 500);
5846
- return "break";
5847
- }
5848
- }();
5849
- if (_ret === "break") break;
5956
+ if (_key3 in passportInfoInput || _key3 in travelPreferenceInfo || _key3 in secureTravelInputInfo) {
5957
+ setAdditionalInfoFlag('open');
5958
+ }
5959
+ var el = document.getElementById(_key3 === 'country_code' || _key3 === 'contact_country_code' ? 'contact_number' : _key3);
5960
+ if (el) {
5961
+ setTimeout(function () {
5962
+ el.scrollIntoView({
5963
+ behavior: 'smooth',
5964
+ block: 'center'
5965
+ });
5966
+ }, 500);
5967
+ return "break";
5968
+ }
5850
5969
  }
5851
5970
  }
5971
+ };
5972
+ for (var _key3 in _errorMsgs) {
5973
+ var _ret = _loop();
5974
+ if (_ret === "break") break;
5852
5975
  }
5853
5976
  return Promise.resolve();
5854
5977
  }
@@ -5862,6 +5985,8 @@ var UserAddEdit = function UserAddEdit(props) {
5862
5985
  var _config$routes2, _config$routes2$users, _config$routes2$users2;
5863
5986
  (config === null || config === void 0 ? void 0 : (_config$routes2 = config.routes) === null || _config$routes2 === void 0 ? void 0 : (_config$routes2$users = _config$routes2.users) === null || _config$routes2$users === void 0 ? void 0 : (_config$routes2$users2 = _config$routes2$users.list) === null || _config$routes2$users2 === void 0 ? void 0 : _config$routes2$users2.path) && history.push(config.routes.users.list.path);
5864
5987
  }
5988
+ setFilesForDelete([]);
5989
+ setProfilePicDelete([]);
5865
5990
  })["catch"](function (err) {
5866
5991
  if (typeof err === 'object') {
5867
5992
  if (err.country_code) {
@@ -5876,27 +6001,28 @@ var UserAddEdit = function UserAddEdit(props) {
5876
6001
  }
5877
6002
  setErrorArray(Object.keys(err));
5878
6003
  setErrorMsgs(err);
5879
- for (var _key4 in err) {
6004
+ var _loop2 = function _loop2() {
5880
6005
  if (Object.hasOwnProperty.call(err, _key4)) {
5881
6006
  if (err[_key4]) {
5882
- var _ret2 = function () {
5883
- if (_key4 in passportInfoInput || _key4 in travelPreferenceInfo || _key4 in secureTravelInputInfo) {
5884
- setAdditionalInfoFlag('open');
5885
- }
5886
- var el = document.getElementById(_key4 === 'country_code' || _key4 === 'contact_country_code' ? 'contact_number' : _key4);
5887
- if (el) {
5888
- setTimeout(function () {
5889
- el.scrollIntoView({
5890
- behavior: 'smooth',
5891
- block: 'center'
5892
- });
5893
- }, 500);
5894
- return "break";
5895
- }
5896
- }();
5897
- if (_ret2 === "break") break;
6007
+ if (_key4 in passportInfoInput || _key4 in travelPreferenceInfo || _key4 in secureTravelInputInfo) {
6008
+ setAdditionalInfoFlag('open');
6009
+ }
6010
+ var el = document.getElementById(_key4 === 'country_code' || _key4 === 'contact_country_code' ? 'contact_number' : _key4);
6011
+ if (el) {
6012
+ setTimeout(function () {
6013
+ el.scrollIntoView({
6014
+ behavior: 'smooth',
6015
+ block: 'center'
6016
+ });
6017
+ }, 500);
6018
+ return "break";
6019
+ }
5898
6020
  }
5899
6021
  }
6022
+ };
6023
+ for (var _key4 in err) {
6024
+ var _ret2 = _loop2();
6025
+ if (_ret2 === "break") break;
5900
6026
  }
5901
6027
  } else if (typeof err === 'string') {
5902
6028
  IUIToastMessageService$4.warningNotify(err);
@@ -5925,27 +6051,28 @@ var UserAddEdit = function UserAddEdit(props) {
5925
6051
  }
5926
6052
  setErrorArray(Object.keys(err));
5927
6053
  setErrorMsgs(err);
5928
- for (var _key5 in err) {
6054
+ var _loop3 = function _loop3() {
5929
6055
  if (Object.hasOwnProperty.call(err, _key5)) {
5930
6056
  if (err[_key5]) {
5931
- var _ret3 = function () {
5932
- if (_key5 in passportInfoInput || _key5 in travelPreferenceInfo || _key5 in secureTravelInputInfo) {
5933
- setAdditionalInfoFlag('open');
5934
- }
5935
- var el = document.getElementById(_key5 === 'country_code' || _key5 === 'contact_country_code' ? 'contact_number' : _key5);
5936
- if (el) {
5937
- setTimeout(function () {
5938
- el.scrollIntoView({
5939
- behavior: 'smooth',
5940
- block: 'center'
5941
- });
5942
- }, 500);
5943
- return "break";
5944
- }
5945
- }();
5946
- if (_ret3 === "break") break;
6057
+ if (_key5 in passportInfoInput || _key5 in travelPreferenceInfo || _key5 in secureTravelInputInfo) {
6058
+ setAdditionalInfoFlag('open');
6059
+ }
6060
+ var el = document.getElementById(_key5 === 'country_code' || _key5 === 'contact_country_code' ? 'contact_number' : _key5);
6061
+ if (el) {
6062
+ setTimeout(function () {
6063
+ el.scrollIntoView({
6064
+ behavior: 'smooth',
6065
+ block: 'center'
6066
+ });
6067
+ }, 500);
6068
+ return "break";
6069
+ }
5947
6070
  }
5948
6071
  }
6072
+ };
6073
+ for (var _key5 in err) {
6074
+ var _ret3 = _loop3();
6075
+ if (_ret3 === "break") break;
5949
6076
  }
5950
6077
  } else if (typeof err === 'string') {
5951
6078
  IUIToastMessageService$4.warningNotify(err);
@@ -5970,8 +6097,7 @@ var UserAddEdit = function UserAddEdit(props) {
5970
6097
  window.location.href = config.routes.profile.redirectUrl.cancel;
5971
6098
  }
5972
6099
  }
5973
- }
5974
- else {
6100
+ } else {
5975
6101
  var _config$routes4, _config$routes4$users, _config$routes4$users2;
5976
6102
  (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);
5977
6103
  }
@@ -6004,7 +6130,6 @@ var UserAddEdit = function UserAddEdit(props) {
6004
6130
  var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
6005
6131
  return dt.getDate() + " " + months[dt.getMonth()] + " " + dt.getFullYear();
6006
6132
  }(),
6007
-
6008
6133
  gender: function () {
6009
6134
  if (res.gender === 'male') return 'Male';else if (res.gender === 'female') return 'Female';else if (res.gender === 'others') return 'Others';else return '';
6010
6135
  }()
@@ -6049,7 +6174,6 @@ var UserAddEdit = function UserAddEdit(props) {
6049
6174
  }()
6050
6175
  });
6051
6176
  });
6052
-
6053
6177
  if (res.client_admin) {
6054
6178
  setTravelApproversInput(function (prevState) {
6055
6179
  var nextState = _extends({}, prevState);
@@ -6083,7 +6207,6 @@ var UserAddEdit = function UserAddEdit(props) {
6083
6207
  });
6084
6208
  }
6085
6209
  };
6086
-
6087
6210
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
6088
6211
  component: "div",
6089
6212
  className: styles.UUIUserManagementAddEdit
@@ -6100,8 +6223,7 @@ var UserAddEdit = function UserAddEdit(props) {
6100
6223
  className: styles.breadcrumb
6101
6224
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBreadCrumb, {
6102
6225
  breadCrumbs: [{
6103
- href:
6104
- config.routes.users.list.path,
6226
+ href: config.routes.users.list.path,
6105
6227
  label: 'Users',
6106
6228
  hasLink: true
6107
6229
  }]
@@ -6170,6 +6292,9 @@ var UserAddEdit = function UserAddEdit(props) {
6170
6292
  if (!p.visibility) {
6171
6293
  return null;
6172
6294
  }
6295
+ if (p.name === 'profile_pic' && config.env.isExpenseProduct) {
6296
+ return null;
6297
+ }
6173
6298
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
6174
6299
  item: true,
6175
6300
  sm: 12,
@@ -6322,6 +6447,9 @@ var UserAddEdit = function UserAddEdit(props) {
6322
6447
  addFields: function addFields() {
6323
6448
  return dispatch(addTravelApproverField());
6324
6449
  },
6450
+ addManager: function addManager() {
6451
+ return dispatch(addManagerApproverField);
6452
+ },
6325
6453
  onRoleChange: function onRoleChange(_ref5) {
6326
6454
  var _value = _ref5._value;
6327
6455
  return setTravelRole(_value);
@@ -6363,6 +6491,9 @@ var UserAddEdit = function UserAddEdit(props) {
6363
6491
  addFields: function addFields() {
6364
6492
  return dispatch(addExpenseApproverField());
6365
6493
  },
6494
+ addManager: function addManager() {
6495
+ return dispatch(addManagerApproverField);
6496
+ },
6366
6497
  onRoleChange: function onRoleChange(_ref6) {
6367
6498
  var _value = _ref6._value;
6368
6499
  return setExpenseRole(_value);
@@ -6542,17 +6673,13 @@ var uploadBulkUsersFile = function uploadBulkUsersFile(payload) {
6542
6673
  });
6543
6674
  };
6544
6675
  };
6545
-
6546
6676
  var uploadFileToS3$1 = function uploadFileToS3(presignedPostData, file) {
6547
6677
  return new Promise(function (resolve, reject) {
6548
6678
  var formData = new FormData();
6549
-
6550
6679
  Object.keys(presignedPostData.fields).forEach(function (key) {
6551
6680
  formData.append(key, presignedPostData.fields[key]);
6552
6681
  });
6553
-
6554
6682
  formData.append('file', file);
6555
-
6556
6683
  axios.post(presignedPostData.url, formData, {
6557
6684
  headers: {
6558
6685
  'Content-Type': 'multipart/form-data'
@@ -6669,7 +6796,7 @@ var fetchBulkactionHistory = function fetchBulkactionHistory(url) {
6669
6796
  };
6670
6797
  };
6671
6798
 
6672
- var styles$5 = {"UUIUserManagementList":"_3WNHx","pageHeader":"_1WLpc","buttonWrapper":"_2egTG","headingWrapper":"_1He01","headingSignUpWrapper":"_Q8vqd","heading":"_1uPaO","headingLarge":"_2FsLd","headingMedium":"_nGXA9","headingSmall":"_2rpwF","description":"_25vb9","headerText":"_1Ny9J","letterImage":"_2hr3R","tablewrapper":"_1-RPw","rowText":"_1LXyO","textTransform":"_3kFQS","lightColor":"_3Ghgw","avatarClassName":"_2qO_X","importModalBodyContainer":"_25xUk","dividerColor":"_2HZv9","w100":"_3vGmU","downloadTemplateContainer":"_3-Xu_","downloadTemplateDescContainer":"_tLw43","labelContainer":"_7TYUZ","downlTempHeader":"__CZpe","downlTempDescription":"_19jEe","downloadTemplateButton":"_1qXtq","fileUploaderContainer":"_1YVz2","colGap":"_3vnY5","deActivateModalContainer":"_28H9H","backdrop":"_1ky1x","errorText":"_26_if","user_list_page_tabs":"_xWE7K","TabLabelCount":"_13pXn"};
6799
+ var styles$5 = {"UUIUserManagementList":"_3WNHx","scrollOverlayMenu":"_2_WEg","overlaysearch":"_1Pbhb","pageHeader":"_1WLpc","buttonWrapper":"_2egTG","headingWrapper":"_1He01","headingSignUpWrapper":"_Q8vqd","heading":"_1uPaO","headingLarge":"_2FsLd","headingMedium":"_nGXA9","headingSmall":"_2rpwF","description":"_25vb9","headerText":"_1Ny9J","letterImage":"_2hr3R","tablewrapper":"_1-RPw","rowText":"_1LXyO","textTransform":"_3kFQS","lightColor":"_3Ghgw","avatarClassName":"_2qO_X","tooltipText":"_151u_","tooltip":"_-LQNH","importModalBodyContainer":"_25xUk","dividerColor":"_2HZv9","w100":"_3vGmU","downloadTemplateContainer":"_3-Xu_","downloadTemplateDescContainer":"_tLw43","labelContainer":"_7TYUZ","downlTempHeader":"__CZpe","downlTempDescription":"_19jEe","downloadTemplateButton":"_1qXtq","fileUploaderContainer":"_1YVz2","colGap":"_3vnY5","deActivateModalContainer":"_28H9H","backdrop":"_1ky1x","errorText":"_26_if","deactivateAlert":"_3hvWz","departmentHeadText":"_3pOsV","deactivateBtn":"_2v6e4","user_list_page_tabs":"_xWE7K","TabLabelCount":"_13pXn"};
6673
6800
 
6674
6801
  var BulkUploadModal = function BulkUploadModal(props) {
6675
6802
  var isOpenImportUsersModal = props.isOpenImportUsersModal,
@@ -6738,7 +6865,7 @@ var BulkUploadModal = function BulkUploadModal(props) {
6738
6865
  file: doc
6739
6866
  });
6740
6867
  });
6741
- var _temp2 = _forTo(docs, function (i) {
6868
+ var _temp = _forTo(docs, function (i) {
6742
6869
  return Promise.resolve(dispatch(uploadBulkUsersFile(docs[i]))).then(function (res) {
6743
6870
  return Promise.resolve(dispatch(validateUploadedFile(res.user_file_name)).then(function (validatedRes) {
6744
6871
  if (validatedRes.data.status) {
@@ -6778,7 +6905,7 @@ var BulkUploadModal = function BulkUploadModal(props) {
6778
6905
  })).then(function () {});
6779
6906
  });
6780
6907
  });
6781
- return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
6908
+ return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
6782
6909
  } catch (e) {
6783
6910
  return Promise.reject(e);
6784
6911
  }
@@ -6953,7 +7080,6 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
6953
7080
  setOpenImportUsersModal(false);
6954
7081
  handleImportPagenavigation(jobId);
6955
7082
  };
6956
-
6957
7083
  var handleDownloadRecords = function handleDownloadRecords(type) {
6958
7084
  try {
6959
7085
  setDownlStatus(true);
@@ -7929,6 +8055,120 @@ var BulkDownloadIcon = function BulkDownloadIcon(props) {
7929
8055
  }));
7930
8056
  };
7931
8057
 
8058
+ var classes = {"containedBtn":"_2A4_u","customMiniBox":"_QGIKG","muiBtn":"_3iFbO","outlinedBtn":"_3lQYD","menuList":"_1C8bJ","menuListContainer":"_1N83W","menuItemContainer":"_3VtcE","menuItemtext":"_2xqnU","subTxt":"_3CVzX"};
8059
+
8060
+ var DropdownBtn = function DropdownBtn(props) {
8061
+ var _clsx;
8062
+ var _props$buttonText = props.buttonText,
8063
+ buttonText = _props$buttonText === void 0 ? '' : _props$buttonText,
8064
+ _props$disableRipple = props.disableRipple,
8065
+ disableRipple = _props$disableRipple === void 0 ? true : _props$disableRipple,
8066
+ _props$onClickHandler = props.onClickHandler,
8067
+ onClickHandler = _props$onClickHandler === void 0 ? function () {} : _props$onClickHandler,
8068
+ _props$menuListInfo = props.menuListInfo,
8069
+ menuListInfo = _props$menuListInfo === void 0 ? [] : _props$menuListInfo,
8070
+ _props$endIcon = props.endIcon,
8071
+ endIcon = _props$endIcon === void 0 ? /*#__PURE__*/React__default.createElement(ExpandMoreIcon, {
8072
+ width: "10",
8073
+ height: "10"
8074
+ }) : _props$endIcon,
8075
+ _props$outlinedBtn = props.outlinedBtn,
8076
+ outlinedBtn = _props$outlinedBtn === void 0 ? true : _props$outlinedBtn,
8077
+ _props$placement = props.placement,
8078
+ placement = _props$placement === void 0 ? 'auto-center' : _props$placement,
8079
+ className = props.className,
8080
+ menuListClass = props.menuListClass;
8081
+ var _React$useState = React__default.useState(false),
8082
+ open = _React$useState[0],
8083
+ setOpen = _React$useState[1];
8084
+ var anchorRef = React__default.useRef(null);
8085
+ var handleToggle = function handleToggle() {
8086
+ setOpen(function (prevOpen) {
8087
+ return !prevOpen;
8088
+ });
8089
+ };
8090
+ var handleClose = function handleClose(event) {
8091
+ if (anchorRef.current && anchorRef.current.contains(event.target)) {
8092
+ return;
8093
+ }
8094
+ setOpen(false);
8095
+ onClickHandler(event);
8096
+ };
8097
+ var handleListKeyDown = function handleListKeyDown(event) {
8098
+ if (event.key === 'Tab') {
8099
+ event.preventDefault();
8100
+ setOpen(false);
8101
+ }
8102
+ };
8103
+ var handleMenuClick = function handleMenuClick(val) {
8104
+ setOpen(false);
8105
+ if (val.disable) return false;
8106
+ if (val.handler && typeof val.handler === 'function') val.handler();
8107
+ };
8108
+ var prevOpen = React__default.useRef(open);
8109
+ React__default.useEffect(function () {
8110
+ if (prevOpen.current === true && open === false) {
8111
+ anchorRef.current.focus();
8112
+ }
8113
+ prevOpen.current = open;
8114
+ }, [open]);
8115
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
8116
+ endIcon: endIcon,
8117
+ className: clsx(classes.muiBtn, className, (_clsx = {}, _clsx[classes.outlinedBtn] = outlinedBtn, _clsx)),
8118
+ disableRipple: disableRipple,
8119
+ variant: "outlined",
8120
+ ref: anchorRef,
8121
+ "aria-controls": open ? 'menu-list-grow' : undefined,
8122
+ "aria-haspopup": "true",
8123
+ onClick: handleToggle
8124
+ }, buttonText), /*#__PURE__*/React__default.createElement(core.Popper, {
8125
+ open: open,
8126
+ anchorEl: anchorRef.current,
8127
+ role: undefined,
8128
+ transition: true,
8129
+ disablePortal: true,
8130
+ style: {
8131
+ zIndex: '9'
8132
+ },
8133
+ placement: placement
8134
+ }, function (_ref) {
8135
+ var _clsx2;
8136
+ var TransitionProps = _ref.TransitionProps,
8137
+ placement = _ref.placement;
8138
+ return /*#__PURE__*/React__default.createElement(core.Grow, _extends({}, TransitionProps, {
8139
+ style: {
8140
+ transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
8141
+ }
8142
+ }), /*#__PURE__*/React__default.createElement(core.Paper, {
8143
+ className: classes.menuListContainer,
8144
+ elevation: 0
8145
+ }, /*#__PURE__*/React__default.createElement(core.ClickAwayListener, {
8146
+ onClickAway: handleClose
8147
+ }, /*#__PURE__*/React__default.createElement(core.MenuList, {
8148
+ autoFocusItem: open,
8149
+ className: clsx(classes.menuList, (_clsx2 = {}, _clsx2[classes.outlinedBtn] = outlinedBtn, _clsx2), menuListClass),
8150
+ id: "menu-list-grow",
8151
+ onKeyDown: function onKeyDown(e) {
8152
+ return handleListKeyDown(e);
8153
+ }
8154
+ }, menuListInfo.map(function (val, _i) {
8155
+ return /*#__PURE__*/React__default.createElement(core.MenuItem, {
8156
+ onClick: function onClick() {
8157
+ return handleMenuClick(val);
8158
+ },
8159
+ key: _i,
8160
+ className: clsx(classes.menuItemContainer, val.disable && 'iui__cursor-not-allowed'),
8161
+ disableRipple: true
8162
+ }, /*#__PURE__*/React__default.createElement(core.Typography, {
8163
+ className: clsx(classes.menuItemtext, val && val.disable && 'iui__opacity--60')
8164
+ }, val.label), val.subText && /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8165
+ variant: "subtitle2",
8166
+ className: clsx(classes.menuItemtext, classes.subTxt)
8167
+ }, val.subText));
8168
+ })))));
8169
+ }));
8170
+ };
8171
+
7932
8172
  var AntSwitch = styles$8.withStyles(function (theme) {
7933
8173
  return {
7934
8174
  root: {
@@ -7979,6 +8219,10 @@ var StickyHeadTable = function StickyHeadTable(props) {
7979
8219
  selected = props.selected,
7980
8220
  _props$handleSingleCh = props.handleSingleCheckBoxClick,
7981
8221
  handleSingleCheckBoxClick = _props$handleSingleCh === void 0 ? function () {} : _props$handleSingleCh,
8222
+ _props$onResetPasswor = props.onResetPasswordHandler,
8223
+ onResetPasswordHandler = _props$onResetPasswor === void 0 ? function () {} : _props$onResetPasswor,
8224
+ _props$toggleInviteMo = props.toggleInviteModal,
8225
+ toggleInviteModal = _props$toggleInviteMo === void 0 ? function () {} : _props$toggleInviteMo,
7982
8226
  orderBy = props.orderBy,
7983
8227
  order = props.order,
7984
8228
  _props$onRequestSort = props.onRequestSort,
@@ -7987,11 +8231,30 @@ var StickyHeadTable = function StickyHeadTable(props) {
7987
8231
  onSearchHandler = _props$onSearchHandle === void 0 ? function () {} : _props$onSearchHandle,
7988
8232
  _props$onEditHandler = props.onEditHandler,
7989
8233
  onEditHandler = _props$onEditHandler === void 0 ? function () {} : _props$onEditHandler,
8234
+ _props$onPrimaryAdmin = props.onPrimaryAdminHandler,
8235
+ onPrimaryAdminHandler = _props$onPrimaryAdmin === void 0 ? function () {} : _props$onPrimaryAdmin,
7990
8236
  _props$isDataFetching = props.isDataFetching,
7991
8237
  isDataFetching = _props$isDataFetching === void 0 ? false : _props$isDataFetching,
7992
8238
  _props$disableRowChec = props.disableRowCheckbox,
7993
8239
  disableRowCheckbox = _props$disableRowChec === void 0 ? false : _props$disableRowChec,
7994
- searchValue = props.searchValue;
8240
+ searchValue = props.searchValue,
8241
+ _props$isILadmin = props.isILadmin,
8242
+ isILadmin = _props$isILadmin === void 0 ? false : _props$isILadmin;
8243
+ var useStyles = styles$8.makeStyles(function (theme) {
8244
+ return {
8245
+ tooltip: {
8246
+ background: '#1F2937',
8247
+ fontSize: '14px',
8248
+ color: '#ffffff',
8249
+ padding: '12px 16px',
8250
+ borderRadius: '6px'
8251
+ },
8252
+ arrow: {
8253
+ color: '#1F2937'
8254
+ }
8255
+ };
8256
+ });
8257
+ var classes = useStyles();
7995
8258
  var columns = [{
7996
8259
  id: 'first_name',
7997
8260
  label: 'Name',
@@ -8002,8 +8265,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
8002
8265
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIProfileBox, {
8003
8266
  firstName: row.first_name,
8004
8267
  lastName: row.last_name,
8005
- isLetterAvatar:
8006
- row.profile_pic && row.profile_pic.presigned_url ? false : true,
8268
+ isLetterAvatar: !(row.profile_pic && row.profile_pic.presigned_url),
8007
8269
  primaryText: row.first_name + ' ' + row.last_name,
8008
8270
  secondaryText: row.email,
8009
8271
  letterAvatarTextColor: "black",
@@ -8012,10 +8274,31 @@ var StickyHeadTable = function StickyHeadTable(props) {
8012
8274
  profilePath: row === null || row === void 0 ? void 0 : (_row$profile_pic = row.profile_pic) === null || _row$profile_pic === void 0 ? void 0 : _row$profile_pic.presigned_url
8013
8275
  }));
8014
8276
  }
8277
+ }, {
8278
+ id: 'first_name',
8279
+ label: '',
8280
+ minWidth: 60,
8281
+ sortable: false,
8282
+ cell: function cell(row) {
8283
+ return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8284
+ component: "div",
8285
+ width: 60
8286
+ }, row && row.has_visited === 0 ? /*#__PURE__*/React__default.createElement(Tooltip, {
8287
+ title: "This user hasn't logged on to the platform yet",
8288
+ arrow: true,
8289
+ classes: {
8290
+ arrow: classes.arrow,
8291
+ tooltip: classes.tooltip
8292
+ },
8293
+ placement: "top-start"
8294
+ }, /*#__PURE__*/React__default.createElement("div", {
8295
+ className: clsx(styles$5.tooltipText)
8296
+ }, "Invited")) : null);
8297
+ }
8015
8298
  }, {
8016
8299
  id: 'emp_info__department__name',
8017
8300
  label: 'Department',
8018
- minWidth: 100,
8301
+ minWidth: 80,
8019
8302
  sortable: true,
8020
8303
  cell: function cell(row) {
8021
8304
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
@@ -8028,7 +8311,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
8028
8311
  }, {
8029
8312
  id: 'productusermapping__role',
8030
8313
  label: 'Product roles',
8031
- minWidth: 170,
8314
+ minWidth: 125,
8032
8315
  sortable: true,
8033
8316
  cell: function cell(row) {
8034
8317
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
@@ -8064,7 +8347,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
8064
8347
  }, {
8065
8348
  id: 'status',
8066
8349
  label: 'Status',
8067
- minWidth: 190,
8350
+ minWidth: 160,
8068
8351
  cell: function cell(row) {
8069
8352
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIFormGroup, null, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8070
8353
  component: "div",
@@ -8090,15 +8373,55 @@ var StickyHeadTable = function StickyHeadTable(props) {
8090
8373
  }, {
8091
8374
  id: 'actions',
8092
8375
  label: 'Actions',
8093
- minWidth: 170,
8376
+ minWidth: 70,
8094
8377
  align: 'left',
8095
8378
  cell: function cell(row) {
8096
- return /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
8097
- buttonText: "Edit",
8098
- onClick: function onClick() {
8379
+ var options = [{
8380
+ label: 'Edit details',
8381
+ handler: function handler() {
8099
8382
  return onEditHandler(row.id);
8100
8383
  }
8101
- });
8384
+ }];
8385
+ if (row && row.has_visited && row.is_active) {
8386
+ options.push({
8387
+ label: 'Reset password',
8388
+ handler: function handler() {
8389
+ return onResetPasswordHandler(row.email);
8390
+ }
8391
+ });
8392
+ } else if (row && row.is_active) {
8393
+ options.push({
8394
+ label: 'Resend invite',
8395
+ handler: function handler() {
8396
+ return toggleInviteModal(row.id, 'single');
8397
+ }
8398
+ });
8399
+ }
8400
+ if (isILadmin) {
8401
+ options.push({
8402
+ label: 'Make primary admin',
8403
+ handler: function handler() {
8404
+ return onPrimaryAdminHandler(row.id);
8405
+ }
8406
+ });
8407
+ }
8408
+ return /*#__PURE__*/React__default.createElement("div", {
8409
+ style: {
8410
+ marginLeft: '50px'
8411
+ }
8412
+ }, /*#__PURE__*/React__default.createElement(DropdownBtn, {
8413
+ buttonText: /*#__PURE__*/React__default.createElement(MoreHorizIcon, {
8414
+ fontSize: "medium",
8415
+ color: "#6B7280"
8416
+ }),
8417
+ disableRipple: false,
8418
+ menuListInfo: options,
8419
+ menuListClass: "menuClass",
8420
+ endIcon: null,
8421
+ outlinedBtn: false,
8422
+ className: "threedotMenuBtn",
8423
+ placement: "bottom-end"
8424
+ }));
8102
8425
  },
8103
8426
  style: {
8104
8427
  paddingLeft: '40px'
@@ -8126,7 +8449,8 @@ var StickyHeadTable = function StickyHeadTable(props) {
8126
8449
  isDataFetching: isDataFetching,
8127
8450
  disableRowCheckbox: disableRowCheckbox,
8128
8451
  searchBoxWidth: "400px",
8129
- searchValue: searchValue
8452
+ searchValue: searchValue,
8453
+ hideTopPagination: false
8130
8454
  });
8131
8455
  };
8132
8456
  var SingupRequests = function SingupRequests(props) {
@@ -8157,7 +8481,6 @@ var SingupRequests = function SingupRequests(props) {
8157
8481
  var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
8158
8482
  return dt.getDate() + " " + months[dt.getMonth()] + " " + dt.getFullYear();
8159
8483
  };
8160
-
8161
8484
  var columns = [{
8162
8485
  id: 'fname',
8163
8486
  label: 'Name',
@@ -8168,8 +8491,7 @@ var SingupRequests = function SingupRequests(props) {
8168
8491
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIProfileBox, {
8169
8492
  firstName: row.fname,
8170
8493
  lastName: row.lname,
8171
- isLetterAvatar:
8172
- row.profile_pic && row.profile_pic.presigned_url ? false : true,
8494
+ isLetterAvatar: row.profile_pic && row.profile_pic.presigned_url ? false : true,
8173
8495
  primaryText: row.fname + ' ' + row.lname,
8174
8496
  secondaryText: row.email,
8175
8497
  letterAvatarTextColor: "black",
@@ -8243,11 +8565,73 @@ var SingupRequests = function SingupRequests(props) {
8243
8565
  });
8244
8566
  };
8245
8567
 
8568
+ function InfoYellowIcon(props) {
8569
+ return /*#__PURE__*/React__default.createElement("svg", {
8570
+ width: props.width,
8571
+ height: props.height,
8572
+ viewBox: "0 0 20 20",
8573
+ fill: "none",
8574
+ xmlns: "http://www.w3.org/2000/svg"
8575
+ }, /*#__PURE__*/React__default.createElement("path", {
8576
+ d: "M11 4.99951C11 5.5518 10.5523 5.99951 10 5.99951C9.44771 5.99951 9 5.5518 9 4.99951C9 4.44723 9.44771 3.99951 10 3.99951C10.5523 3.99951 11 4.44723 11 4.99951Z",
8577
+ fill: "#CA8A04"
8578
+ }), /*#__PURE__*/React__default.createElement("path", {
8579
+ d: "M8 7.99951C7.44772 7.99951 7 8.44723 7 8.99951C7 9.5518 7.44772 9.99951 8 9.99951H9V12.9995H8C7.44772 12.9995 7 13.4472 7 13.9995C7 14.5518 7.44772 14.9995 8 14.9995H12C12.5523 14.9995 13 14.5518 13 13.9995C13 13.4472 12.5523 12.9995 12 12.9995H11V8.99951C11 8.44723 10.5523 7.99951 10 7.99951H8Z",
8580
+ fill: "#CA8A04"
8581
+ }), /*#__PURE__*/React__default.createElement("path", {
8582
+ d: "M0 9.99951C0 15.5224 4.47715 19.9995 10 19.9995C15.5228 19.9995 20 15.5224 20 9.99951C20 4.47666 15.5228 -0.000488281 10 -0.000488281C4.47715 -0.000488281 0 4.47666 0 9.99951ZM10 1.99951C14.4183 1.99951 18 5.58123 18 9.99951C18 14.4178 14.4183 17.9995 10 17.9995C5.58172 17.9995 2 14.4178 2 9.99951C2 5.58123 5.58172 1.99951 10 1.99951Z",
8583
+ fill: "#CA8A04"
8584
+ }));
8585
+ }
8586
+
8587
+ function RedWarningIcon(props) {
8588
+ var _props$color = props.color,
8589
+ color = _props$color === void 0 ? '#E11D48' : _props$color,
8590
+ _props$size = props.size,
8591
+ size = _props$size === void 0 ? '14' : _props$size;
8592
+ return /*#__PURE__*/React__default.createElement("svg", {
8593
+ width: size,
8594
+ height: size,
8595
+ viewBox: "0 0 14 14",
8596
+ fill: color,
8597
+ xmlns: "http://www.w3.org/2000/svg"
8598
+ }, /*#__PURE__*/React__default.createElement("path", {
8599
+ d: "M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM6 4C6 3.44772 6.44772 3 7 3C7.55229 3 8 3.44772 8 4V6C8 6.55229 7.55229 7 7 7C6.44772 7 6 6.55229 6 6V4ZM6 10C6 9.44771 6.44772 9 7 9C7.55229 9 8 9.44771 8 10C8 10.5523 7.55229 11 7 11C6.44772 11 6 10.5523 6 10Z",
8600
+ fill: color
8601
+ }));
8602
+ }
8603
+
8246
8604
  var IUIToastMessageService$7 = utils.services.IUIToastMessageService;
8247
- var env$7 = utils.configs.env;
8248
- var UserList = function UserList(_ref) {
8249
- var config = _ref.config,
8250
- isProfile = _ref.isProfile;
8605
+ var env$7 = utils.configs.env,
8606
+ api$7 = utils.configs.api;
8607
+ var UndoButton = function UndoButton(_ref) {
8608
+ var onUndo = _ref.onUndo,
8609
+ msg = _ref.msg;
8610
+ return /*#__PURE__*/React__default.createElement("div", {
8611
+ style: {
8612
+ display: 'flex',
8613
+ flexDirection: 'row',
8614
+ width: '270px',
8615
+ justifyContent: 'space-between'
8616
+ }
8617
+ }, /*#__PURE__*/React__default.createElement("p", {
8618
+ style: {
8619
+ whiteSpace: 'nowrap',
8620
+ paddingTop: '8px'
8621
+ }
8622
+ }, msg), /*#__PURE__*/React__default.createElement("p", {
8623
+ onClick: onUndo,
8624
+ style: {
8625
+ whiteSpace: 'nowrap',
8626
+ fontWeight: '600',
8627
+ fontSize: '1rem',
8628
+ padding: '8px 20px 0'
8629
+ }
8630
+ }, "UNDO"));
8631
+ };
8632
+ var UserList = function UserList(_ref2) {
8633
+ var config = _ref2.config,
8634
+ isProfile = _ref2.isProfile;
8251
8635
  env$7.init(config, isProfile);
8252
8636
  var history = reactRouterDom.useHistory();
8253
8637
  var _useSelector = reactRedux.useSelector(function (state) {
@@ -8257,26 +8641,42 @@ var UserList = function UserList(_ref) {
8257
8641
  isDataFetching = _useSelector.isDataFetching,
8258
8642
  deactivatedUsers = _useSelector.deactivatedUsers,
8259
8643
  tabValue = _useSelector.tabValue;
8260
- var _React$useState = React__default.useState(1),
8261
- page = _React$useState[0],
8262
- setPage = _React$useState[1];
8263
- var _useState = React.useState(5),
8644
+ var newSelecteds = userListInfo.results;
8645
+ var _React$useState = React__default.useState(''),
8646
+ deactivateUser = _React$useState[0],
8647
+ setDeactivateUser = _React$useState[1];
8648
+ var _React$useState2 = React__default.useState(null),
8649
+ setDefaultId = _React$useState2[1];
8650
+ var _React$useState3 = React__default.useState({
8651
+ admin: false,
8652
+ dept_head: false,
8653
+ approver: false
8654
+ });
8655
+ var _React$useState4 = React__default.useState(1),
8656
+ page = _React$useState4[0],
8657
+ setPage = _React$useState4[1];
8658
+ var _React$useState5 = React__default.useState(''),
8659
+ user = _React$useState5[0],
8660
+ setUser = _React$useState5[1];
8661
+ var _useState = React.useState(10),
8264
8662
  rowsPerPage = _useState[0],
8265
8663
  setRowsPerPage = _useState[1];
8266
- var _React$useState2 = React__default.useState({}),
8267
- selected = _React$useState2[0],
8268
- setSelected = _React$useState2[1];
8269
- var _React$useState3 = React__default.useState('asc'),
8270
- order = _React$useState3[0],
8271
- setOrder = _React$useState3[1];
8272
- var _React$useState4 = React__default.useState('first_name'),
8273
- orderBy = _React$useState4[0],
8274
- setOrderBy = _React$useState4[1];
8664
+ var _React$useState6 = React__default.useState({}),
8665
+ selected = _React$useState6[0],
8666
+ setSelected = _React$useState6[1];
8667
+ var _React$useState7 = React__default.useState('asc'),
8668
+ order = _React$useState7[0],
8669
+ setOrder = _React$useState7[1];
8670
+ var _React$useState8 = React__default.useState(false),
8671
+ deactivateSingle = _React$useState8[0],
8672
+ setDeactivateSingle = _React$useState8[1];
8673
+ var _React$useState9 = React__default.useState('first_name'),
8674
+ orderBy = _React$useState9[0],
8675
+ setOrderBy = _React$useState9[1];
8275
8676
  var _useState2 = React.useState(''),
8276
8677
  searchValue = _useState2[0],
8277
8678
  setSearchValue = _useState2[1];
8278
8679
  var _useState3 = React.useState(false),
8279
- isOpenDeActivateModal = _useState3[0],
8280
8680
  setOpenDeActivateModalFlag = _useState3[1];
8281
8681
  var _useSelector2 = reactRedux.useSelector(function (state) {
8282
8682
  return state.common;
@@ -8286,54 +8686,92 @@ var UserList = function UserList(_ref) {
8286
8686
  isILadmin = _useSelector2.isILadmin,
8287
8687
  companyName = _useSelector2.companyName;
8288
8688
  var _useState4 = React.useState(false),
8289
- isOpenImportUsersModal = _useState4[0],
8290
8689
  setOpenImportUsersModal = _useState4[1];
8291
8690
  var _useState5 = React.useState(false),
8292
- isFileDownloading = _useState5[0],
8293
- setDownlStatus = _useState5[1];
8691
+ approveeStatus = _useState5[0],
8692
+ setApproveeStatus = _useState5[1];
8294
8693
  var _useState6 = React.useState(false),
8295
- isSortingChange = _useState6[0],
8296
- setSortingChange = _useState6[1];
8694
+ isFileDownloading = _useState6[0],
8695
+ setDownlStatus = _useState6[1];
8297
8696
  var _useState7 = React.useState(false),
8298
- isSearchingChange = _useState7[0],
8299
- setSearchingChange = _useState7[1];
8697
+ isSortingChange = _useState7[0],
8698
+ setSortingChange = _useState7[1];
8300
8699
  var _useState8 = React.useState(false),
8301
- isSortingChangeTemp = _useState8[0],
8302
- setSortingChangeTemp = _useState8[1];
8700
+ isSearchingChange = _useState8[0],
8701
+ setSearchingChange = _useState8[1];
8303
8702
  var _useState9 = React.useState(false),
8304
- isSearchingChangeTemp = _useState9[0],
8305
- setSearchingChangeTemp = _useState9[1];
8703
+ isSortingChangeTemp = _useState9[0],
8704
+ setSortingChangeTemp = _useState9[1];
8306
8705
  var _useState10 = React.useState(false),
8307
- isApiFetching = _useState10[0],
8308
- setisApiFetching = _useState10[1];
8309
-
8310
- var _React$useState5 = React__default.useState(1),
8311
- signup_page = _React$useState5[0],
8312
- setSignUpPage = _React$useState5[1];
8313
- var _useState11 = React.useState(5),
8314
- signup_rowsPerPage = _useState11[0],
8315
- setSignUpRowsPerPage = _useState11[1];
8316
- var _React$useState6 = React__default.useState('asc'),
8317
- signup_order = _React$useState6[0],
8318
- setSignUpOrder = _React$useState6[1];
8319
- var _React$useState7 = React__default.useState('fname'),
8320
- signup_orderBy = _React$useState7[0],
8321
- setSignUpOrderBy = _React$useState7[1];
8322
- var _useState12 = React.useState(''),
8323
- signup_searchValue = _useState12[0],
8324
- set_signup_SearchValue = _useState12[1];
8706
+ isSearchingChangeTemp = _useState10[0],
8707
+ setSearchingChangeTemp = _useState10[1];
8708
+ var _useState11 = React.useState(false),
8709
+ isApiFetching = _useState11[0],
8710
+ setisApiFetching = _useState11[1];
8711
+ var _useState12 = React.useState({
8712
+ value: '',
8713
+ label: 'Select approver'
8714
+ }),
8715
+ approverRole = _useState12[0],
8716
+ setApproverRole = _useState12[1];
8325
8717
  var _useState13 = React.useState(false),
8326
- isSignUpSortingChange = _useState13[0],
8327
- setSignUpSortingChange = _useState13[1];
8328
- var _useState14 = React.useState(false),
8329
- isSignUpSearchingChange = _useState14[0],
8330
- setSignUpSearchingChange = _useState14[1];
8331
- var _useState15 = React.useState(false),
8332
- isSignUpSortingChangeTemp = _useState15[0],
8333
- setSignUpSortingChangeTemp = _useState15[1];
8334
- var _useState16 = React.useState(false),
8335
- isSignUpSearchingChangeTemp = _useState16[0],
8336
- setSignUpSearchingChangeTemp = _useState16[1];
8718
+ showInviteModal = _useState13[0],
8719
+ setToggleInviteModal = _useState13[1];
8720
+ var _useState14 = React.useState(''),
8721
+ setUserIds = _useState14[1];
8722
+ var _React$useState10 = React__default.useState(false),
8723
+ overlayMenu = _React$useState10[0],
8724
+ setOverlayMenu = _React$useState10[1];
8725
+ var _useState15 = React.useState(true),
8726
+ isDisabledSubmitBtn = _useState15[0],
8727
+ setIsDisabledSubmitBtn = _useState15[1];
8728
+ useScrollPosition.useScrollPosition(function (_ref3) {
8729
+ var prevPos = _ref3.prevPos,
8730
+ currPos = _ref3.currPos;
8731
+ if (prevPos.y - currPos.y > 0) {
8732
+ if (currPos.y <= -275) {
8733
+ setOverlayMenu(true);
8734
+ }
8735
+ } else {
8736
+ if (currPos.y > -295) {
8737
+ setOverlayMenu(false);
8738
+ }
8739
+ }
8740
+ }, [overlayMenu]);
8741
+ var scrollTo = function scrollTo(id) {
8742
+ var el = document.getElementById(id);
8743
+ window.scrollTo({
8744
+ top: el.offsetTop,
8745
+ behavior: 'smooth'
8746
+ });
8747
+ };
8748
+ var _React$useState11 = React__default.useState(1),
8749
+ signup_page = _React$useState11[0],
8750
+ setSignUpPage = _React$useState11[1];
8751
+ var _useState16 = React.useState(5),
8752
+ signup_rowsPerPage = _useState16[0],
8753
+ setSignUpRowsPerPage = _useState16[1];
8754
+ var _React$useState12 = React__default.useState('asc'),
8755
+ signup_order = _React$useState12[0],
8756
+ setSignUpOrder = _React$useState12[1];
8757
+ var _React$useState13 = React__default.useState('fname'),
8758
+ signup_orderBy = _React$useState13[0],
8759
+ setSignUpOrderBy = _React$useState13[1];
8760
+ var _useState17 = React.useState(''),
8761
+ signup_searchValue = _useState17[0],
8762
+ set_signup_SearchValue = _useState17[1];
8763
+ var _useState18 = React.useState(false),
8764
+ isSignUpSortingChange = _useState18[0],
8765
+ setSignUpSortingChange = _useState18[1];
8766
+ var _useState19 = React.useState(false),
8767
+ isSignUpSearchingChange = _useState19[0],
8768
+ setSignUpSearchingChange = _useState19[1];
8769
+ var _useState20 = React.useState(false),
8770
+ isSignUpSortingChangeTemp = _useState20[0],
8771
+ setSignUpSortingChangeTemp = _useState20[1];
8772
+ var _useState21 = React.useState(false),
8773
+ isSignUpSearchingChangeTemp = _useState21[0],
8774
+ setSignUpSearchingChangeTemp = _useState21[1];
8337
8775
  var _useSelector3 = reactRedux.useSelector(function (state) {
8338
8776
  return state.userList;
8339
8777
  }),
@@ -8345,59 +8783,32 @@ var UserList = function UserList(_ref) {
8345
8783
  }
8346
8784
  setOpenDeActivateModalFlag(true);
8347
8785
  };
8348
- var closeDeActivateModal = function closeDeActivateModal() {
8349
- setOpenDeActivateModalFlag(false);
8350
- };
8351
8786
  var handleAddPageNavigation = function handleAddPageNavigation() {
8352
8787
  history.push(config.routes.users.add.path);
8353
8788
  };
8354
- var handleImportPagenavigation = function handleImportPagenavigation(jobId) {
8355
- history.push(config.routes.bulkUpload["import"].path.replace(":" + config.routes.bulkUpload["import"].paramKeys.jobId, jobId));
8356
- };
8357
8789
  var handleEditUserClick = function handleEditUserClick(userId) {
8358
8790
  history.push(config.routes.users.edit.path.replace(":" + config.routes.users.edit.paramKeys.userId, userId));
8359
8791
  };
8360
8792
  var handleVerifyUserClick = function handleVerifyUserClick(userId) {
8361
8793
  history.push(config.routes.users.add.path + "?" + config.routes.users.add.queryParamKeys.verifyUserId + "=" + userId);
8362
8794
  };
8363
- var UndoButton = function UndoButton(_ref2) {
8364
- var msg = _ref2.msg,
8365
- id = _ref2.id;
8366
- return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8367
- display: "flex",
8368
- flexDirection: "row",
8369
- width: "270px"
8370
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8371
- style: {
8372
- whiteSpace: 'nowrap',
8373
- paddingTop: '8px'
8374
- }
8375
- }, msg), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
8376
- type: "text",
8377
- buttonText: "UNDO",
8378
- style: {
8379
- color: '#FFFFFF'
8380
- },
8381
- onClick: function onClick() {
8382
- return dispatch(undoneSignUpRejection(id));
8383
- }
8384
- }));
8385
- };
8386
8795
  var handleRejectUserClick = function handleRejectUserClick(userId) {
8387
8796
  dispatch(rejectUserVerification(userId)).then(function (res) {
8388
- var _res$data;
8389
- console.log(res);
8390
- IUIToastMessageService$7.undoNotify( /*#__PURE__*/React__default.createElement(UndoButton, {
8391
- msg: (res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.message) || 'Sign-up request rejected',
8392
- id: userId
8393
- }));
8394
8797
  if (res.status === true) {
8798
+ var _res$data;
8799
+ IUIToastMessageService$7.undoNotify( /*#__PURE__*/React__default.createElement(UndoButton, {
8800
+ onUndo: function onUndo() {
8801
+ return dispatch(undoneSignUpRejection(userId));
8802
+ },
8803
+ msg: (res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.message) || 'Sign-up request rejected'
8804
+ }));
8395
8805
  dispatch(showDataFetchingStatus());
8396
8806
  dispatch(fetchUserSignupRequests({
8397
8807
  ordering: signup_order === 'asc' ? signup_orderBy : "-" + signup_orderBy,
8398
8808
  length: signup_rowsPerPage,
8399
8809
  page: signup_page,
8400
- search: signup_searchValue.trim()
8810
+ search: signup_searchValue.trim(),
8811
+ pagename: 'company'
8401
8812
  })).then(function () {
8402
8813
  return dispatch(stopDataFetchingStatus());
8403
8814
  });
@@ -8416,12 +8827,13 @@ var UserList = function UserList(_ref) {
8416
8827
  };
8417
8828
  var deselectingCheckboxHandler = function deselectingCheckboxHandler(page) {
8418
8829
  var _extends2;
8419
- var newSelecteds = userListInfo.results.filter(function (n) {
8830
+ var _newSelecteds = newSelecteds;
8831
+ _newSelecteds.filter(function (n) {
8420
8832
  return n.is_active;
8421
8833
  }).map(function (obj) {
8422
8834
  return obj.id.toString();
8423
8835
  });
8424
- setSelected(_extends({}, selected, (_extends2 = {}, _extends2[page] = newSelecteds, _extends2)));
8836
+ setSelected(_extends({}, selected, (_extends2 = {}, _extends2[page] = _newSelecteds, _extends2)));
8425
8837
  };
8426
8838
  var handleSelectAllClick = function handleSelectAllClick(event, page) {
8427
8839
  var _extends3;
@@ -8467,6 +8879,25 @@ var UserList = function UserList(_ref) {
8467
8879
  }
8468
8880
  setSelected(_extends({}, selected, (_extends4 = {}, _extends4[page] = newSelected, _extends4)));
8469
8881
  };
8882
+ React.useEffect(function () {
8883
+ if (deactivateSingle === true) {
8884
+ api$7.get(userAddEditUrl._approversSearch() + "user_id=" + user.id + "&page=1").then(function (response) {
8885
+ setDefaultId(response.data["default"].id);
8886
+ response.data.results.map(function (item) {
8887
+ if (response.data["default"].id === item.id) {
8888
+ setApproverRole({
8889
+ value: '',
8890
+ label: item.email
8891
+ });
8892
+ setIsDisabledSubmitBtn(false);
8893
+ if (item.approvee_status) {
8894
+ setApproveeStatus(true);
8895
+ }
8896
+ }
8897
+ });
8898
+ });
8899
+ }
8900
+ }, [deactivateSingle]);
8470
8901
  var handleChangeRowsPerPage = function handleChangeRowsPerPage(event) {
8471
8902
  setRowsPerPage(+event.target.value);
8472
8903
  setPage(1);
@@ -8476,31 +8907,61 @@ var UserList = function UserList(_ref) {
8476
8907
  };
8477
8908
  var handleActiveUser = function handleActiveUser(e, id, page) {
8478
8909
  var isActive = e.target.checked;
8479
- dispatch(updateActiveStatus(e.target.checked ? 1 : 0, e.target.id)).then(function () {
8480
- if (!isActive) {
8481
- if (Object.values(selected).flat().includes(id.toString())) {
8482
- var _extends5;
8483
- var selectedTemp = _extends({}, selected);
8484
- selectedTemp[page].splice(selectedTemp[page].indexOf(id.toString()), 1);
8485
- setSelected(_extends({}, selected, (_extends5 = {}, _extends5[page] = selectedTemp[page], _extends5)));
8910
+ var _isApprover;
8911
+ newSelecteds.map(function (item) {
8912
+ if (item.id === id) {
8913
+ _isApprover = item.roles.is_approver;
8914
+ if (_isApprover === true && isActive === false) {
8915
+ setDeactivateSingle(true);
8916
+ setDeactivateUser(item.first_name + ' ' + item.last_name);
8917
+ setUser(item);
8918
+ } else {
8919
+ dispatch(updateActiveStatus(e.target.checked ? 1 : 0, e.target.id, _isApprover)).then(function () {
8920
+ if (!isActive) {
8921
+ if (Object.values(selected).flat().includes(id.toString())) {
8922
+ var _extends5;
8923
+ var selectedTemp = _extends({}, selected);
8924
+ selectedTemp[page].splice(selectedTemp[page].indexOf(id.toString()), 1);
8925
+ setSelected(_extends({}, selected, (_extends5 = {}, _extends5[page] = selectedTemp[page], _extends5)));
8926
+ }
8927
+ }
8928
+ });
8486
8929
  }
8487
8930
  }
8488
8931
  });
8489
8932
  };
8933
+ var selectApprover = function selectApprover(_ref4) {
8934
+ var _value = _ref4._value;
8935
+ if (_value.data.approvee_status) {
8936
+ setApproveeStatus(true);
8937
+ } else {
8938
+ setApproveeStatus(false);
8939
+ }
8940
+ setApproverRole(_value);
8941
+ setIsDisabledSubmitBtn(false);
8942
+ };
8490
8943
  var handleDeactivateUsers = function handleDeactivateUsers() {
8491
- dispatch(deActivateUsers(Object.values(selected).flat()));
8944
+ dispatch(updateActiveStatus(0, user.id, user.roles.is_approver, approverRole.data.id));
8492
8945
  setOpenDeActivateModalFlag(false);
8946
+ setDeactivateSingle(false);
8493
8947
  setSelected({});
8494
8948
  };
8495
8949
  var importUserHandler = function importUserHandler() {
8496
8950
  setOpenImportUsersModal(true);
8497
8951
  };
8498
- var closeImportUsersModal = function closeImportUsersModal() {
8499
- setOpenImportUsersModal(false);
8952
+ var onResetPasswordHandler = function onResetPasswordHandler(email) {
8953
+ dispatch(resetPasswordForUser({
8954
+ email: email
8955
+ }));
8500
8956
  };
8501
- var closeImportModal = function closeImportModal(jobId) {
8502
- setOpenImportUsersModal(false);
8503
- handleImportPagenavigation(jobId);
8957
+ var toggleInviteModal = function toggleInviteModal(ids, type) {
8958
+ console.log(type);
8959
+ if (!type && (Object.values(selected).flat().length === 0 || Object.values(selected).flat() === undefined)) {
8960
+ IUIToastMessageService$7.warningNotify('Select at least one user to invite.');
8961
+ return false;
8962
+ }
8963
+ setUserIds(ids);
8964
+ setToggleInviteModal(!showInviteModal);
8504
8965
  };
8505
8966
  var handleExportUsers = function handleExportUsers() {
8506
8967
  try {
@@ -8541,12 +9002,20 @@ var UserList = function UserList(_ref) {
8541
9002
  }, {
8542
9003
  label: 'Bulk action history',
8543
9004
  handler: handleBulkActionHistoryClick
9005
+ }, {
9006
+ label: 'Resend invite',
9007
+ handler: toggleInviteModal
8544
9008
  }];
8545
9009
  React.useEffect(function () {
8546
9010
  var roleCanAccess = ['travel_itilite_admin', 'travel_admin', 'expense_itilite_admin', 'expense_admin'];
8547
9011
  dispatch(showDataFetchingStatus());
8548
9012
  dispatch(verifyAccessToken(roleCanAccess));
8549
9013
  }, []);
9014
+ var onPrimaryAdminHandler = function onPrimaryAdminHandler(userId) {
9015
+ dispatch(makePrimaryAdmin({
9016
+ userId: userId
9017
+ }));
9018
+ };
8550
9019
  var dispatch = reactRedux.useDispatch();
8551
9020
  React.useEffect(function () {
8552
9021
  if (isTokenVerified === true) {
@@ -8560,6 +9029,7 @@ var UserList = function UserList(_ref) {
8560
9029
  dispatch(fetchUsersList(url)).then(function () {
8561
9030
  setSearchingChange(false);
8562
9031
  setisApiFetching(false);
9032
+ scrollTo('table-root');
8563
9033
  });
8564
9034
  }, 1000);
8565
9035
  return function () {
@@ -8573,7 +9043,8 @@ var UserList = function UserList(_ref) {
8573
9043
  ordering: signup_order === 'asc' ? signup_orderBy : "-" + signup_orderBy,
8574
9044
  length: signup_rowsPerPage,
8575
9045
  page: signup_page,
8576
- search: signup_searchValue.trim()
9046
+ search: signup_searchValue.trim(),
9047
+ pagename: 'company'
8577
9048
  })).then(function () {
8578
9049
  setSignUpSearchingChange(false);
8579
9050
  setisApiFetching(false);
@@ -8585,6 +9056,7 @@ var UserList = function UserList(_ref) {
8585
9056
  }
8586
9057
  if (isSortingChange) {
8587
9058
  setisApiFetching(true);
9059
+ scrollTo('table-root');
8588
9060
  dispatch(fetchUsersList(url)).then(function () {
8589
9061
  setisApiFetching(false);
8590
9062
  setSortingChange(false);
@@ -8599,7 +9071,8 @@ var UserList = function UserList(_ref) {
8599
9071
  ordering: signup_order === 'asc' ? signup_orderBy : "-" + signup_orderBy,
8600
9072
  length: signup_rowsPerPage,
8601
9073
  page: signup_page,
8602
- search: signup_searchValue.trim()
9074
+ search: signup_searchValue.trim(),
9075
+ pagename: 'company'
8603
9076
  })).then(function () {
8604
9077
  setisApiFetching(false);
8605
9078
  setSignUpSortingChange(false);
@@ -8615,7 +9088,8 @@ var UserList = function UserList(_ref) {
8615
9088
  ordering: signup_order === 'asc' ? signup_orderBy : "-" + signup_orderBy,
8616
9089
  length: signup_rowsPerPage,
8617
9090
  page: signup_page,
8618
- search: signup_searchValue.trim()
9091
+ search: signup_searchValue.trim(),
9092
+ pagename: 'company'
8619
9093
  })).then(function () {
8620
9094
  return dispatch(stopDataFetchingStatus());
8621
9095
  });
@@ -8623,15 +9097,89 @@ var UserList = function UserList(_ref) {
8623
9097
  }
8624
9098
  }
8625
9099
  }, [isTokenVerified, isSearchingChangeTemp, isSortingChangeTemp, isSignUpSearchingChangeTemp, isSignUpSortingChangeTemp]);
9100
+ var topRightButtons = function topRightButtons() {
9101
+ return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9102
+ component: "div",
9103
+ className: styles$5.buttonWrapper,
9104
+ display: "flex",
9105
+ justifyContent: "space-between",
9106
+ alignItems: "center",
9107
+ alignSelf: "flex-start"
9108
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9109
+ component: "div",
9110
+ className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
9111
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
9112
+ buttonText: "Export all users",
9113
+ type: "outlined",
9114
+ startIcon: /*#__PURE__*/React__default.createElement(BulkDownloadIcon, {
9115
+ width: "22",
9116
+ height: "22"
9117
+ }),
9118
+ onClick: handleExportUsers
9119
+ })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9120
+ component: "div",
9121
+ className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
9122
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIDropdownButton, {
9123
+ buttonText: "Bulk actions",
9124
+ type: "outlined",
9125
+ menuListInfo: BulkUploadInfo
9126
+ })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9127
+ component: "div",
9128
+ className: "pageHeader--button-single button-right"
9129
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
9130
+ buttonText: "Add user",
9131
+ type: "contained",
9132
+ startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
9133
+ width: "9",
9134
+ height: "9",
9135
+ color: "white"
9136
+ }),
9137
+ onClick: handleAddPageNavigation
9138
+ })));
9139
+ };
8626
9140
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8627
9141
  component: "div",
8628
9142
  className: styles$5.UUIUserManagementList
8629
- }, !hasVerificationError ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBackdrop, {
9143
+ }, overlayMenu ? /*#__PURE__*/React__default.createElement(core.Box, {
9144
+ className: styles$5.scrollOverlayMenu
9145
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9146
+ component: "div",
9147
+ className: clsx(styles$5.pageHeader)
9148
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9149
+ component: "div",
9150
+ display: "flex",
9151
+ justifyContent: "space-between",
9152
+ alignItems: "center",
9153
+ flexWrap: "wrap",
9154
+ style: {
9155
+ gap: '1rem'
9156
+ }
9157
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9158
+ component: "div",
9159
+ display: "flex",
9160
+ flexDirection: "column",
9161
+ style: {
9162
+ gap: '0.5rem'
9163
+ }
9164
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUISearch, {
9165
+ placeholder: "Search by name, email & department",
9166
+ value: searchValue,
9167
+ onChangeHandler: function onChangeHandler(e) {
9168
+ return onSearchHandler(e.target.value);
9169
+ },
9170
+ className: styles$5.overlaysearch
9171
+ })), topRightButtons()), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9172
+ component: "div",
9173
+ display: "flex",
9174
+ justifyContent: "space-between",
9175
+ alignItems: "center"
9176
+ }))) : '', !hasVerificationError ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBackdrop, {
8630
9177
  open: isFileDownloading || isApiFetching,
8631
9178
  className: styles$5.backdrop
8632
9179
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUICircularProgress, {
8633
9180
  color: "inherit"
8634
9181
  })), isDataFetching ? /*#__PURE__*/React__default.createElement(SkeletonLoader, null) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9182
+ id: "table-root",
8635
9183
  component: "div",
8636
9184
  className: clsx(styles$5.pageHeader)
8637
9185
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
@@ -8656,44 +9204,7 @@ var UserList = function UserList(_ref) {
8656
9204
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8657
9205
  variant: "h3",
8658
9206
  className: clsx(styles$5.heading, styles$5.headingLarge)
8659
- }, isILadmin && companyName ? companyName + " - Users" : 'Users'))), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8660
- component: "div",
8661
- className: styles$5.buttonWrapper,
8662
- display: "flex",
8663
- justifyContent: "space-between",
8664
- alignItems: "center",
8665
- alignSelf: "flex-start"
8666
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8667
- component: "div",
8668
- className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
8669
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
8670
- buttonText: "Export all users",
8671
- type: "outlined",
8672
- startIcon: /*#__PURE__*/React__default.createElement(BulkDownloadIcon, {
8673
- width: "22",
8674
- height: "22"
8675
- }),
8676
- onClick: handleExportUsers
8677
- })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8678
- component: "div",
8679
- className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
8680
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIDropdownButton, {
8681
- buttonText: "Bulk actions",
8682
- type: "outlined",
8683
- menuListInfo: BulkUploadInfo
8684
- })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8685
- component: "div",
8686
- className: "pageHeader--button-single button-right"
8687
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
8688
- buttonText: "Add user",
8689
- type: "contained",
8690
- startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
8691
- width: "9",
8692
- height: "9",
8693
- color: "white"
8694
- }),
8695
- onClick: handleAddPageNavigation
8696
- })))), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9207
+ }, isILadmin && companyName ? companyName + " - Users" : 'Users'))), topRightButtons()), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8697
9208
  component: "div",
8698
9209
  display: "flex",
8699
9210
  justifyContent: "space-between",
@@ -8736,7 +9247,11 @@ var UserList = function UserList(_ref) {
8736
9247
  onSearchHandler: onSearchHandler,
8737
9248
  onEditHandler: handleEditUserClick,
8738
9249
  disableRowCheckbox: deactivatedUsers,
8739
- searchValue: searchValue
9250
+ searchValue: searchValue,
9251
+ isILadmin: isILadmin,
9252
+ onPrimaryAdminHandler: onPrimaryAdminHandler,
9253
+ onResetPasswordHandler: onResetPasswordHandler,
9254
+ toggleInviteModal: toggleInviteModal
8740
9255
  }))
8741
9256
  }, {
8742
9257
  label: /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, null, "Sign-up requests", ' ', /*#__PURE__*/React__default.createElement(TabLabelCount, {
@@ -8784,42 +9299,51 @@ var UserList = function UserList(_ref) {
8784
9299
  }))
8785
9300
  }]
8786
9301
  }))), /*#__PURE__*/React__default.createElement(iuistyles.IUIModal, {
8787
- isOpen: Object.values(selected).flat().length > 0 && isOpenDeActivateModal,
8788
- closeHandler: closeDeActivateModal,
9302
+ isOpen: deactivateSingle,
9303
+ closeHandler: function closeHandler() {
9304
+ setDeactivateSingle(false);
9305
+ },
8789
9306
  cancelLabel: "Cancel",
8790
9307
  submitLabel: "Deactivate",
8791
9308
  submitHandler: handleDeactivateUsers,
8792
- width: "508px",
8793
- hideCloseIcon: true,
8794
- modalBodyStyle: {
8795
- padding: '0px'
8796
- },
8797
- footerStyle: {
8798
- justifyContent: 'center'
8799
- }
9309
+ headerText: "Deactivate this user?",
9310
+ width: "400px",
9311
+ subHanderText: "",
9312
+ submitBtnClass: styles$5.deactivateBtn,
9313
+ isDisabledSubmitBtn: isDisabledSubmitBtn
8800
9314
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8801
- component: "div",
8802
- display: "flex",
8803
- justifyContent: "center",
8804
- alignItems: "center",
8805
- flexDirection: "column",
8806
- padding: "27px 16px 27px",
8807
- className: styles$5.deActivateModalContainer
8808
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8809
- className: styles$5.headerText
8810
- }, 'Are you sure you want to deactivate ' + Object.values(selected).flat().length.toString() + (Object.values(selected).flat().length === 1 ? ' user ?' : ' users ?')), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8811
- className: styles$5.description
8812
- }, "The", ' ', Object.values(selected).flat().length === 1 ? ' user ' : ' users ', "won\u2019t be able to access itilite platform"))), /*#__PURE__*/React__default.createElement(BulkUploadModal, {
8813
- isOpenImportUsersModal: isOpenImportUsersModal,
8814
- closeImportUsersModal: closeImportUsersModal,
8815
- closeImportModal: closeImportModal
8816
- })) : /*#__PURE__*/React__default.createElement(VerificationError, {
9315
+ className: styles$5.deactivateSingle
9316
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9317
+ className: styles$5.deactivateAlert
9318
+ }, /*#__PURE__*/React__default.createElement(InfoYellowIcon, {
9319
+ width: "9",
9320
+ height: "9"
9321
+ }), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, null, /*#__PURE__*/React__default.createElement("b", null, deactivateUser), " is linked with multiple roles. You can deactivate them only once you transfer the roles to another user.")), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9322
+ className: "iui__my-15"
9323
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIAsyncSelect, {
9324
+ isMove: true,
9325
+ additional: {
9326
+ page: 1,
9327
+ product: 'travel',
9328
+ userId: user.id
9329
+ },
9330
+ placeHolderCheck: approverRole !== undefined && approverRole.value === '',
9331
+ label: "Transfer approver role to",
9332
+ value: approverRole,
9333
+ onValueChange: selectApprover,
9334
+ loadOption: approversOptions,
9335
+ disableText: "Please get in touch with your administrator to change this value."
9336
+ }), approveeStatus && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9337
+ className: "iui__d-flex iui__align-items-baseline iui__mr-5"
9338
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, null, /*#__PURE__*/React__default.createElement(RedWarningIcon, null)), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9339
+ className: "iui__font--para-normal iui__font--color-black500 iui__mt-5 iui__ml-5"
9340
+ }, "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(VerificationError, {
8817
9341
  config: config,
8818
9342
  errMsg: hasVerificationError
8819
9343
  }));
8820
9344
  };
8821
- var TabLabelCount = function TabLabelCount(_ref3) {
8822
- var count = _ref3.count;
9345
+ var TabLabelCount = function TabLabelCount(_ref5) {
9346
+ var count = _ref5.count;
8823
9347
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8824
9348
  className: styles$5.TabLabelCount
8825
9349
  }, " ", count, " ");
@@ -8894,11 +9418,12 @@ function Header(props) {
8894
9418
  })));
8895
9419
  }
8896
9420
 
8897
- var styles$7 = {"sidebar__container":"_1EFxC","sidebar__wrapper":"_3Mk3_","sidebar__navlinks":"_29KVG","sidebar__navlinks-title":"_2Eg7m","MuiListItem-button":"_3yWwI","Mui-selected":"_3Ou88","buttonWidth":"_13tv0","onBoardText":"_HUoW-","iconStyle":"_3k0Fb","iconLayout":"_v3GT2","baseAlert":"_12zY5","headingWrapper":"_20Qv9","pageHeader":"_36au5","description":"_tULrl","headerText":"_3W_ZV","tableContainer":"_3xdGF"};
9421
+ var styles$7 = {"sidebar__container":"_1EFxC","sidebar__wrapper":"_3Mk3_","sidebar__navlinks":"_29KVG","sidebar__navlinks-title":"_2Eg7m","MuiListItem-button":"_3yWwI","Mui-selected":"_3Ou88","rowText":"_2XKxl","lightColor":"_3uyfh","buttonWidth":"_13tv0","readOnlyInput":"_3yYuQ","addUserButton":"_1zbr_","alertDescContainer":"_3h8DM","onBoardText":"_HUoW-","iconStyle":"_3k0Fb","iconLayout":"_v3GT2","baseAlert":"_12zY5","headingWrapper":"_20Qv9","pageHeader":"_36au5","description":"_tULrl","headerText":"_3W_ZV","tableContainer":"_3xdGF"};
8898
9422
 
8899
9423
  function Listview(_ref) {
8900
9424
  var data = _ref.data,
8901
9425
  name = _ref.name,
9426
+ tableName = _ref.tableName,
8902
9427
  handleEditDialog = _ref.handleEditDialog,
8903
9428
  handleDeleteDialog = _ref.handleDeleteDialog,
8904
9429
  orderBy = _ref.orderBy,
@@ -8911,10 +9436,16 @@ function Listview(_ref) {
8911
9436
  handleChangePage = _ref$handleChangePage === void 0 ? function () {} : _ref$handleChangePage,
8912
9437
  page = _ref.page,
8913
9438
  rowsPerPage = _ref.rowsPerPage;
9439
+ var deptHeadDetails = function deptHeadDetails(data) {
9440
+ var _data$dept_head_detai;
9441
+ if ((data === null || data === void 0 ? void 0 : (_data$dept_head_detai = data.dept_head_details) === null || _data$dept_head_detai === void 0 ? void 0 : _data$dept_head_detai.length) > 0) {
9442
+ return data.dept_head_details[0].first_name + ' ' + data.dept_head_details[0].last_name;
9443
+ }
9444
+ };
8914
9445
  var columns = [{
8915
9446
  id: 'name',
8916
9447
  label: name,
8917
- width: '45%',
9448
+ width: '40%',
8918
9449
  sortable: true,
8919
9450
  cell: function cell(row) {
8920
9451
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
@@ -8924,7 +9455,7 @@ function Listview(_ref) {
8924
9455
  }, {
8925
9456
  id: 'no_of_users',
8926
9457
  label: 'Number of users',
8927
- width: '45%',
9458
+ width: '40%',
8928
9459
  sortable: true,
8929
9460
  cell: function cell(row) {
8930
9461
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
@@ -8934,7 +9465,67 @@ function Listview(_ref) {
8934
9465
  }, {
8935
9466
  id: 'actions',
8936
9467
  label: 'Actions',
8937
- width: '10%',
9468
+ width: '20%',
9469
+ cell: function cell(row) {
9470
+ return row.code !== UNASSIGNED_USERS && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9471
+ display: "flex"
9472
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
9473
+ buttonText: "Edit",
9474
+ className: styles$7.buttonWidth,
9475
+ onClick: function onClick() {
9476
+ return handleEditDialog(row);
9477
+ }
9478
+ }), row.no_of_users > 0 ? /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
9479
+ buttonText: "Delete",
9480
+ className: styles$7.buttonWidth,
9481
+ onClick: function onClick() {
9482
+ return handleDeleteDialog(row, true);
9483
+ }
9484
+ }) : /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
9485
+ buttonText: "Delete",
9486
+ className: styles$7.buttonWidth,
9487
+ onClick: function onClick() {
9488
+ return handleDeleteDialog(row, false);
9489
+ }
9490
+ }));
9491
+ }
9492
+ }];
9493
+ var departmentColumns = [{
9494
+ id: 'name',
9495
+ label: name,
9496
+ width: '30%',
9497
+ sortable: true,
9498
+ cell: function cell(row) {
9499
+ return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9500
+ component: "div"
9501
+ }, row.name);
9502
+ }
9503
+ }, {
9504
+ id: 'department_head',
9505
+ label: 'Department head',
9506
+ width: '30%',
9507
+ sortable: true,
9508
+ cell: function cell(row) {
9509
+ return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9510
+ component: "div"
9511
+ }, deptHeadDetails(row)), row.is_default_dept_head && /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
9512
+ className: clsx(styles$7.rowText, styles$7.textTransform, styles$7.lightColor)
9513
+ }, "Assigned by default"));
9514
+ }
9515
+ }, {
9516
+ id: 'no_of_users',
9517
+ label: 'Number of users',
9518
+ width: '45%',
9519
+ sortable: false,
9520
+ cell: function cell(row) {
9521
+ return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9522
+ component: "div"
9523
+ }, row.no_of_users);
9524
+ }
9525
+ }, {
9526
+ id: 'actions',
9527
+ label: 'Actions',
9528
+ width: '15%',
8938
9529
  cell: function cell(row) {
8939
9530
  return row.code !== UNASSIGNED_USERS && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8940
9531
  display: "flex"
@@ -8967,7 +9558,7 @@ function Listview(_ref) {
8967
9558
  hasFilter: true,
8968
9559
  isCheckboxTable: false,
8969
9560
  count: data.count,
8970
- columns: columns,
9561
+ columns: tableName === 'department' ? departmentColumns : columns,
8971
9562
  rows: data.results,
8972
9563
  page: page,
8973
9564
  handleChangePage: handleChangePage,
@@ -9024,16 +9615,44 @@ function EditPanelDialog(_ref) {
9024
9615
  var isOpen = _ref.isOpen,
9025
9616
  closeHandler = _ref.closeHandler,
9026
9617
  onValueChange = _ref.onValueChange,
9027
- submitHandler = _ref.submitHandler,
9618
+ _submitHandler = _ref.submitHandler,
9028
9619
  isError = _ref.isError,
9029
9620
  name = _ref.name,
9030
9621
  isDisabledSubmitBtn = _ref.isDisabledSubmitBtn,
9031
- validation = _ref.validation;
9622
+ validation = _ref.validation,
9623
+ rowData = _ref.rowData,
9624
+ tableName = _ref.tableName,
9625
+ config = _ref.config;
9032
9626
  var _useSelector = reactRedux.useSelector(function (state) {
9033
9627
  return state.userPanel;
9034
9628
  }),
9035
9629
  dialogData = _useSelector.dialogData;
9036
-
9630
+ var deptHeadDetails = function deptHeadDetails(data) {
9631
+ var _data$dept_head_detai;
9632
+ if ((data === null || data === void 0 ? void 0 : (_data$dept_head_detai = data.dept_head_details) === null || _data$dept_head_detai === void 0 ? void 0 : _data$dept_head_detai.length) > 0) {
9633
+ setHead({
9634
+ value: data.dept_head_details[0].id,
9635
+ label: data.dept_head_details[0].first_name + ' ' + data.dept_head_details[0].last_name
9636
+ });
9637
+ }
9638
+ };
9639
+ var _useState = React.useState({
9640
+ value: '',
9641
+ label: 'Select'
9642
+ }),
9643
+ head = _useState[0],
9644
+ setHead = _useState[1];
9645
+ React.useEffect(function () {
9646
+ deptHeadDetails(rowData);
9647
+ }, [rowData]);
9648
+ var history = reactRouterDom.useHistory();
9649
+ var handleAddPageNavigation = function handleAddPageNavigation() {
9650
+ console.log(rowData);
9651
+ history.push({
9652
+ pathname: config.routes.users.add.path,
9653
+ state: rowData
9654
+ });
9655
+ };
9037
9656
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIModal, {
9038
9657
  isDisabledSubmitBtn: isDisabledSubmitBtn,
9039
9658
  isOpen: isOpen,
@@ -9041,27 +9660,60 @@ function EditPanelDialog(_ref) {
9041
9660
  headerText: "Edit " + name.toLowerCase(),
9042
9661
  cancelLabel: (_dialogData$labels = dialogData.labels) === null || _dialogData$labels === void 0 ? void 0 : _dialogData$labels.cancelLabel,
9043
9662
  submitLabel: (_dialogData$labels2 = dialogData.labels) === null || _dialogData$labels2 === void 0 ? void 0 : _dialogData$labels2.submitLabel,
9044
- submitHandler: submitHandler,
9045
- width: "365px",
9663
+ submitHandler: function submitHandler() {
9664
+ return _submitHandler(head);
9665
+ },
9666
+ width: tableName === 'department' ? '400px' : '365px',
9046
9667
  hideCloseIcon: false,
9047
9668
  modalBodyStyle: {
9048
- maxHeight: '400px',
9049
- overflow: 'auto',
9050
- margin: '0px'
9669
+ overflowY: 'visible'
9051
9670
  },
9052
9671
  footerStyle: {
9053
9672
  justifyContent: 'end'
9054
9673
  }
9674
+ }, tableName === 'department' && rowData.no_of_users === 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9675
+ display: "flex",
9676
+ justifyContent: "center",
9677
+ alignItems: "center",
9678
+ flexDirection: "column",
9679
+ style: {
9680
+ marginBottom: '30px'
9681
+ }
9055
9682
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9056
- component: "div",
9057
9683
  display: "flex",
9058
9684
  justifyContent: "center",
9059
9685
  alignItems: "center",
9060
9686
  flexDirection: "column",
9061
- padding: "8px 24px"
9062
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIInput, {
9063
- label: name + " name"
9064
- ,
9687
+ className: styles$7.baseAlert
9688
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9689
+ className: styles$7.alertDescContainer
9690
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9691
+ className: styles$7.iconLayout,
9692
+ style: {
9693
+ paddingTop: '4px'
9694
+ }
9695
+ }, /*#__PURE__*/React__default.createElement(BoldInfoIcon, {
9696
+ color: "#CA8A04",
9697
+ width: "25",
9698
+ height: "20",
9699
+ className: styles$7.iconStyle
9700
+ })), /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
9701
+ label: "By default, the primary admin gets assigned as the department head. This department has no users, so to change department head, add a new user.",
9702
+ style: {
9703
+ fontWeight: 'normal'
9704
+ }
9705
+ })), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
9706
+ buttonText: "Add user",
9707
+ type: "text",
9708
+ startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
9709
+ width: "9",
9710
+ height: "9",
9711
+ color: "#EC5D25"
9712
+ }),
9713
+ onClick: handleAddPageNavigation,
9714
+ className: styles$7.addUserButton
9715
+ }))), /*#__PURE__*/React__default.createElement(iuistyles.IUIInput, {
9716
+ label: name + " name",
9065
9717
  name: "name",
9066
9718
  defaultValue: dialogData.data.name,
9067
9719
  onValueChange: onValueChange,
@@ -9069,7 +9721,49 @@ function EditPanelDialog(_ref) {
9069
9721
  isError: isError,
9070
9722
  validation: validation,
9071
9723
  errorMsg: "Please enter " + name.toLowerCase() + " name.",
9072
- required: true
9724
+ required: true,
9725
+ style: tableName === 'department' && {
9726
+ width: '350px'
9727
+ }
9728
+ }), tableName === 'department' && rowData.no_of_users === 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9729
+ className: "iui__mt-15",
9730
+ style: {
9731
+ width: '100%'
9732
+ }
9733
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIInput, {
9734
+ label: "Department head",
9735
+ name: "name",
9736
+ defaultValue: head.label,
9737
+ placeholder: "",
9738
+ readOnly: true,
9739
+ style: {
9740
+ width: '350px'
9741
+ }
9742
+ })), tableName === 'department' && rowData.no_of_users > 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9743
+ className: "iui__mt-15",
9744
+ style: {
9745
+ width: '100%'
9746
+ }
9747
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIAsyncSelect, {
9748
+ noResultsText: true,
9749
+ isMove: true,
9750
+ additional: {
9751
+ page: 1,
9752
+ departmentId: rowData.id
9753
+ },
9754
+ placeHolderCheck: head !== undefined && head.value === '',
9755
+ label: "Department head",
9756
+ value: head,
9757
+ onValueChange: function onValueChange(_ref2) {
9758
+ var _value = _ref2._value;
9759
+ return setHead(_value);
9760
+ },
9761
+ loadOption: departmentHeadOptions,
9762
+ disableText: "Please get in touch with your administrator to change this value.",
9763
+ customLoadingText: "No users found in this department",
9764
+ customLoadingTextStyle: {
9765
+ color: '#374151'
9766
+ }
9073
9767
  })));
9074
9768
  }
9075
9769
 
@@ -9248,12 +9942,15 @@ var UserPanel = function UserPanel(_ref) {
9248
9942
  var _useState13 = React.useState(false),
9249
9943
  isSortingChangeTemp = _useState13[0],
9250
9944
  setSortingChangeTemp = _useState13[1];
9251
- var _useState14 = React.useState(1),
9252
- page = _useState14[0],
9253
- setPage = _useState14[1];
9254
- var _useState15 = React.useState(5),
9255
- rowsPerPage = _useState15[0],
9256
- setRowsPerPage = _useState15[1];
9945
+ var _useState14 = React.useState([]),
9946
+ rowData = _useState14[0],
9947
+ setRowData = _useState14[1];
9948
+ var _useState15 = React.useState(1),
9949
+ page = _useState15[0],
9950
+ setPage = _useState15[1];
9951
+ var _useState16 = React.useState(5),
9952
+ rowsPerPage = _useState16[0],
9953
+ setRowsPerPage = _useState16[1];
9257
9954
  var orderingParam = orderBy;
9258
9955
  var _useSelector = reactRedux.useSelector(function (state) {
9259
9956
  return state.userPanel;
@@ -9266,7 +9963,6 @@ var UserPanel = function UserPanel(_ref) {
9266
9963
  }),
9267
9964
  isTokenVerified = _useSelector2.isTokenVerified,
9268
9965
  hasVerificationError = _useSelector2.hasVerificationError;
9269
-
9270
9966
  var onValueChange = function onValueChange(_ref2) {
9271
9967
  var _value = _ref2._value;
9272
9968
  var validatedValue = _value.replace(/\s+/g, ' ').trim();
@@ -9350,6 +10046,7 @@ var UserPanel = function UserPanel(_ref) {
9350
10046
  submitLabel: 'Save'
9351
10047
  }, '', data));
9352
10048
  setDataList(data.name);
10049
+ setRowData(data);
9353
10050
  setEditModal(true);
9354
10051
  };
9355
10052
  var closeEditDialog = function closeEditDialog() {
@@ -9364,6 +10061,12 @@ var UserPanel = function UserPanel(_ref) {
9364
10061
  var payload = {
9365
10062
  names: [dataList]
9366
10063
  };
10064
+ if (tableName === 'department') {
10065
+ payload = {
10066
+ name: dataList,
10067
+ department_head_id: null
10068
+ };
10069
+ }
9367
10070
  var message = title + " added successfully.";
9368
10071
  handleApiCall(addRecord, payload, message, 'add');
9369
10072
  } else {
@@ -9377,10 +10080,12 @@ var UserPanel = function UserPanel(_ref) {
9377
10080
  var message = title + " deleted successfully.";
9378
10081
  handleApiCall(deleteRecord, payload, message, 'delete');
9379
10082
  };
9380
-
9381
- var handleApiCall = function handleApiCall(dispatchFun, payload, message, type) {
10083
+ var handleApiCall = function handleApiCall(dispatchFun, payload, message, type, optionalParams) {
10084
+ if (optionalParams === void 0) {
10085
+ optionalParams = null;
10086
+ }
9382
10087
  dispatch(userPanelShowLoader());
9383
- dispatch(dispatchFun(tableName, payload, getApiData())).then(function (res) {
10088
+ dispatch(dispatchFun(tableName, payload, getApiData(), optionalParams)).then(function (res) {
9384
10089
  IUIToastMessageService$8.sNotify(type === 'move' ? res.data.message : "" + message);
9385
10090
  dispatch(userPanelStopLoader());
9386
10091
  if (type === 'delete') {
@@ -9422,8 +10127,14 @@ var UserPanel = function UserPanel(_ref) {
9422
10127
  name: dataList
9423
10128
  }]
9424
10129
  };
10130
+ if (tableName === 'department') {
10131
+ payload = {
10132
+ name: dataList,
10133
+ department_head_id: data.value === '' || rowData.is_default_dept_head && rowData.dept_head === data.value ? null : data.value
10134
+ };
10135
+ }
9425
10136
  var message = title + " updated successfully.";
9426
- handleApiCall(editRecord, payload, message, 'edit');
10137
+ handleApiCall(editRecord, payload, message, 'edit', dialogData.data.id);
9427
10138
  setErrorEdit(false);
9428
10139
  } else {
9429
10140
  setErrorEdit(true);
@@ -9530,7 +10241,10 @@ var UserPanel = function UserPanel(_ref) {
9530
10241
  submitHandler: handleEditPanel,
9531
10242
  isError: errorEdit,
9532
10243
  isDisabledSubmitBtn: loading,
9533
- validation: validation
10244
+ validation: validation,
10245
+ rowData: rowData,
10246
+ tableName: tableName,
10247
+ config: config
9534
10248
  })) : /*#__PURE__*/React__default.createElement(VerificationError, {
9535
10249
  config: config
9536
10250
  }));