@itilite/iui-user-management 1.4.60 → 1.4.71

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.
package/dist/index.js CHANGED
@@ -6,14 +6,14 @@ var React__default = _interopDefault(React);
6
6
  var utils = require('@itilite/utils');
7
7
  var axios = _interopDefault(require('axios'));
8
8
  var AddIcon$1 = _interopDefault(require('@material-ui/icons/Add'));
9
- var DeleteIcon = _interopDefault(require('@material-ui/icons/Delete'));
9
+ var DeleteIcon$1 = _interopDefault(require('@material-ui/icons/Delete'));
10
10
  var reactRedux = require('react-redux');
11
11
  var redux = require('redux');
12
12
  var thunk = _interopDefault(require('redux-thunk'));
13
13
  var moment = _interopDefault(require('moment'));
14
14
  var reduxDevtoolsExtension = require('redux-devtools-extension');
15
15
  var reactRouterDom = require('react-router-dom');
16
- var styles$8 = require('@material-ui/core/styles');
16
+ var styles$9 = require('@material-ui/core/styles');
17
17
  var Tooltip = _interopDefault(require('@material-ui/core/Tooltip'));
18
18
  var Switch = _interopDefault(require('@material-ui/core/Switch'));
19
19
  var MoreHorizIcon = _interopDefault(require('@material-ui/icons/MoreHoriz'));
@@ -21,51 +21,53 @@ var Button = _interopDefault(require('@material-ui/core/Button'));
21
21
  var core = require('@material-ui/core');
22
22
  var useScrollPosition = require('@n8tb1t/use-scroll-position');
23
23
 
24
- function _extends() {
25
- _extends = Object.assign ? Object.assign.bind() : function (target) {
26
- for (var i = 1; i < arguments.length; i++) {
27
- var source = arguments[i];
28
- for (var key in source) {
29
- if (Object.prototype.hasOwnProperty.call(source, key)) {
30
- target[key] = source[key];
31
- }
32
- }
33
- }
34
- return target;
35
- };
36
- return _extends.apply(this, arguments);
37
- }
38
- function _unsupportedIterableToArray(o, minLen) {
39
- if (!o) return;
40
- if (typeof o === "string") return _arrayLikeToArray(o, minLen);
41
- var n = Object.prototype.toString.call(o).slice(8, -1);
42
- if (n === "Object" && o.constructor) n = o.constructor.name;
43
- if (n === "Map" || n === "Set") return Array.from(o);
44
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
45
- }
46
- function _arrayLikeToArray(arr, len) {
47
- if (len == null || len > arr.length) len = arr.length;
48
- for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
49
- return arr2;
24
+ function _arrayLikeToArray(r, a) {
25
+ (null == a || a > r.length) && (a = r.length);
26
+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
27
+ return n;
50
28
  }
51
- function _createForOfIteratorHelperLoose(o, allowArrayLike) {
52
- var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
53
- if (it) return (it = it.call(o)).next.bind(it);
54
- if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
55
- if (it) o = it;
56
- var i = 0;
29
+ function _createForOfIteratorHelperLoose(r, e) {
30
+ var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
31
+ if (t) return (t = t.call(r)).next.bind(t);
32
+ if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
33
+ t && (r = t);
34
+ var o = 0;
57
35
  return function () {
58
- if (i >= o.length) return {
59
- done: true
60
- };
61
- return {
62
- done: false,
63
- value: o[i++]
36
+ return o >= r.length ? {
37
+ done: !0
38
+ } : {
39
+ done: !1,
40
+ value: r[o++]
64
41
  };
65
42
  };
66
43
  }
67
44
  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
68
45
  }
46
+ function _extends() {
47
+ return _extends = Object.assign ? Object.assign.bind() : function (n) {
48
+ for (var e = 1; e < arguments.length; e++) {
49
+ var t = arguments[e];
50
+ for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
51
+ }
52
+ return n;
53
+ }, _extends.apply(null, arguments);
54
+ }
55
+ function _objectWithoutPropertiesLoose(r, e) {
56
+ if (null == r) return {};
57
+ var t = {};
58
+ for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
59
+ if (e.includes(n)) continue;
60
+ t[n] = r[n];
61
+ }
62
+ return t;
63
+ }
64
+ function _unsupportedIterableToArray(r, a) {
65
+ if (r) {
66
+ if ("string" == typeof r) return _arrayLikeToArray(r, a);
67
+ var t = {}.toString.call(r).slice(8, -1);
68
+ return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
69
+ }
70
+ }
69
71
 
70
72
  var _Pact = /*#__PURE__*/function () {
71
73
  function _Pact() {}
@@ -173,6 +175,17 @@ function _catch(body, recover) {
173
175
  }
174
176
  return result;
175
177
  }
178
+ function _finallyRethrows(body, finalizer) {
179
+ try {
180
+ var result = body();
181
+ } catch (e) {
182
+ return finalizer(true, e);
183
+ }
184
+ if (result && result.then) {
185
+ return result.then(finalizer.bind(null, false), finalizer.bind(null, true));
186
+ }
187
+ return finalizer(false, result);
188
+ }
176
189
 
177
190
  var styles = {"UUIUserManagementAddEdit":"_3n-WG","pageHeader":"_3qWcA","buttonWrapper":"_1IP9P","scrolled":"_m8f96","headingButtonWrapper":"_w9z7b","headingButtonWrapperProfile":"_12Wd9","hintText":"_ySdbZ","heading":"_2Y1Aw","headingLarge":"_2K1NF","headingMedium":"_RUuAz","headingSmall":"_23Dye","additionalInfoContainer":"_1Suhw","additionalInfoTitle":"_56iJF","titleContainer":"_H5nfl","expandIconAlign":"_3F4i0","detailsContainer":"_2G0LW","formWrapper":"_2fPRc","sectionWrapper":"_37Gqp","margin":"_2Sdl7","minGridWidth":"_2D7iu","firstRowMargin":"_1BozG","firstChildMargin":"_2C3Mb","paddingTop":"_DBPjV","backGrdColorOnHover":"_5oE6H","fieldMargin":"_RCWjq","productContainerGap":"_tuCbi","containerWidth":"_1oWos","productItemBroder":"_T0Hcd","headingPadding":"_2MFfQ","emptyFieldContainer":"_3VWtw","emptyFieldDescription":"_2jC5u","rowGap":"_1NJFY","formTitle":"_GAKk2","formDescription":"_3TZ6Z","themeLink":"_eJ_1B","dashedLine":"_3ZOs1","dividerColor":"_2pxEJ","errorTextCls":"_27eth","backdrop":"_Pm0Au","inputWidth":"_ajB82"};
178
191
 
@@ -425,10 +438,10 @@ var userAddEditUrl = {
425
438
  return "api/v1/onboarding/user-signup-reject/" + userId + "?action=undo";
426
439
  },
427
440
  cardsEditUserDetails: function cardsEditUserDetails(userId) {
428
- return env.getCardsapiURL() + "/card/authorization/user/" + userId;
441
+ return env.getCardsapiURL() + "/authorization/user/" + userId;
429
442
  },
430
443
  cardsAddUsersDetails: function cardsAddUsersDetails() {
431
- return env.getCardsapiURL() + "/card/authorization/company/" + IUILocalStorageService.getCompanyId() + "/roles";
444
+ return env.getCardsapiURL() + "/authorization/company/" + IUILocalStorageService.getCompanyId() + "/roles";
432
445
  }
433
446
  };
434
447
  var userListUrl = {
@@ -876,10 +889,10 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
876
889
  if (payload.productAccess.expense) {
877
890
  product.expense = payload.expenseRole || null;
878
891
  }
879
- if (payload.productAccess.cards) {
892
+ if (payload.productAccess.card) {
880
893
  var splitRole = payload.cardsRole.split(":");
881
894
  var cardsUsmRole = splitRole[2];
882
- product.cards = cardsUsmRole || null;
895
+ product.card = cardsUsmRole || null;
883
896
  }
884
897
  return product;
885
898
  }(),
@@ -982,14 +995,14 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
982
995
  };
983
996
  if (!env$1.isProfilePage()) {
984
997
  res.fields.product = function () {
985
- if (payload.productAccess.travel && payload.productAccess.expense && payload.productAccess.cards) {
986
- return 'expense+travel+cards';
998
+ if (payload.productAccess.travel && payload.productAccess.expense && payload.productAccess.card) {
999
+ return 'expense+travel+card';
987
1000
  } else if (payload.productAccess.travel && payload.productAccess.expense) {
988
1001
  return 'expense+travel';
989
- } else if (payload.productAccess.expense && payload.productAccess.cards) {
990
- return 'expense+cards';
991
- } else if (payload.productAccess.travel && payload.productAccess.cards) {
992
- return 'travel+cards';
1002
+ } else if (payload.productAccess.expense && payload.productAccess.card) {
1003
+ return 'expense+card';
1004
+ } else if (payload.productAccess.travel && payload.productAccess.card) {
1005
+ return 'travel+card';
993
1006
  } else if (payload.productAccess.travel) {
994
1007
  return 'travel';
995
1008
  } else {
@@ -1004,10 +1017,10 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
1004
1017
  if (payload.productAccess.expense) {
1005
1018
  roles.expense = payload.expenseRole;
1006
1019
  }
1007
- if (payload.productAccess.cards) {
1020
+ if (payload.productAccess.card) {
1008
1021
  var splitRole = payload.cardsRole.split(":");
1009
1022
  var cardsUsmRole = splitRole[2];
1010
- roles.cards = cardsUsmRole;
1023
+ roles.card = cardsUsmRole;
1011
1024
  }
1012
1025
  return roles;
1013
1026
  }();
@@ -2259,7 +2272,7 @@ var CreditCard = function CreditCard(_ref) {
2259
2272
  }, /*#__PURE__*/React__default.createElement("button", {
2260
2273
  type: "button",
2261
2274
  onClick: handleCardDelete
2262
- }, /*#__PURE__*/React__default.createElement(DeleteIcon, {
2275
+ }, /*#__PURE__*/React__default.createElement(DeleteIcon$1, {
2263
2276
  width: "10",
2264
2277
  height: "10"
2265
2278
  }))), /*#__PURE__*/React__default.createElement("div", {
@@ -2330,7 +2343,7 @@ var PaymentCards = function PaymentCards(_ref3) {
2330
2343
  isDefaultCard: !!+card.metadata.default_card,
2331
2344
  pg: paymentDetails.pg
2332
2345
  });
2333
- }), (!paymentDetails.cards || paymentDetails.cards.length < 6) && paymentDetails.pg.gateway.toLowerCase() === 'stripe' && paymentDetails.pg.save_card_enable === 1 && /*#__PURE__*/React__default.createElement(AddCard, {
2346
+ }), (!paymentDetails.cards || paymentDetails.cards.length < 10) && paymentDetails.pg.gateway.toLowerCase() === 'stripe' && paymentDetails.pg.save_card_enable === 1 && /*#__PURE__*/React__default.createElement(AddCard, {
2334
2347
  pg: paymentDetails.pg
2335
2348
  }))))));
2336
2349
  };
@@ -3257,8 +3270,8 @@ var products = [{
3257
3270
  disableText: 'Please get in touch with your administrator to change this value.'
3258
3271
  }, {
3259
3272
  id: 3,
3260
- label: 'Cards',
3261
- name: 'cards',
3273
+ label: 'Card',
3274
+ name: 'card',
3262
3275
  type: 'checkbox',
3263
3276
  disableText: 'Please get in touch with your administrator to change this value.'
3264
3277
  }];
@@ -3438,7 +3451,7 @@ var cardsConstants = {
3438
3451
  roles: [{
3439
3452
  id: 1,
3440
3453
  label: 'Card holder',
3441
- description: 'Can own and use cards that are issued to them',
3454
+ description: 'Can view own cards and transactions.',
3442
3455
  value: '',
3443
3456
  name: '',
3444
3457
  type: 'radio',
@@ -3449,7 +3462,7 @@ var cardsConstants = {
3449
3462
  }, {
3450
3463
  id: 2,
3451
3464
  label: 'Card admin',
3452
- description: 'Can issue cards to others and can manage all cards and transactions across the company.',
3465
+ description: 'Has full administrative access to the card program. Can issue cards, set card limits, add users, has visibility into all transactions, statements and balances.',
3453
3466
  value: '',
3454
3467
  name: '',
3455
3468
  type: 'radio',
@@ -4475,26 +4488,938 @@ var ExpandLessIcon = function ExpandLessIcon(props) {
4475
4488
  }));
4476
4489
  };
4477
4490
 
4478
- var CrossIcon = function CrossIcon(props) {
4479
- var _props$color = props.color,
4480
- color = _props$color === void 0 ? '#6B7280' : _props$color;
4491
+ var styles$3 = {"loyaltymodal":"_2LnGt","membershipDeleteModal":"_2LdH8","loyaltyList":"_r0C_N","divider":"_3v2HU","selectSearchBox":"_1bAuu","chevronIcon":"_33J5X","selectWrapper":"_AJzhr","membershipList":"_u-SZq","list":"_2GyN2","memberItem":"_2d9GY","membershipDetails":"_194K1","title":"_l3kQ9","subtitle":"_33IR-","saveMembership":"_35aiF","newMembershipIcon":"_2d5UD","loading":"_1quY2","searchInput":"_1oiP4","membershipChainInfo":"_10Fx3","addNewMembership":"_3Y8Dj","savedMembership":"_2cSoW","iconWrapper":"_1Thb8","iconPar":"_O51oP","icon":"_3CdwB","number":"_1eJyq","actions":"_f_N1r"};
4492
+
4493
+ var ChevronNext = function ChevronNext(_ref) {
4494
+ var _ref$color = _ref.color,
4495
+ color = _ref$color === void 0 ? '#9CA3AF' : _ref$color;
4481
4496
  return /*#__PURE__*/React__default.createElement("svg", {
4482
4497
  xmlns: "http://www.w3.org/2000/svg",
4483
- width: props.width,
4484
- height: props.height,
4498
+ width: "8",
4499
+ height: "16",
4485
4500
  fill: "none",
4486
- viewBox: "0 0 14 14"
4501
+ viewBox: "0 0 8 16"
4487
4502
  }, /*#__PURE__*/React__default.createElement("path", {
4488
- fill: color,
4489
- d: "M.293.292a1 1 0 011.414 0L7 5.585 12.293.292a1 1 0 111.414 1.415L8.414 7l5.293 5.292a1 1 0 01-1.414 1.415L7 8.414l-5.293 5.293a1 1 0 01-1.414-1.415L5.586 7 .293 1.707a1 1 0 010-1.415z"
4503
+ stroke: color,
4504
+ strokeLinecap: "round",
4505
+ strokeLinejoin: "round",
4506
+ d: "M2 4l4 4-4 4"
4507
+ }));
4508
+ };
4509
+
4510
+ var sixteenDigitNumber = /^\d{16}$/;
4511
+ var MembershipForm = function MembershipForm(_ref) {
4512
+ var selectedMembershipChain = _ref.selectedMembershipChain,
4513
+ isOtherMembership = _ref.isOtherMembership,
4514
+ membershipName = _ref.membershipName,
4515
+ membershipNumber = _ref.membershipNumber,
4516
+ setMembershipName = _ref.setMembershipName,
4517
+ setMembershipNumber = _ref.setMembershipNumber,
4518
+ type = _ref.type,
4519
+ isEdit = _ref.isEdit,
4520
+ _ref$isAAAloyaltySele = _ref.isAAAloyaltySelected,
4521
+ isAAAloyaltySelected = _ref$isAAAloyaltySele === void 0 ? false : _ref$isAAAloyaltySele;
4522
+ var FallbackIcon = function FallbackIcon() {
4523
+ var url = '';
4524
+ if (type === 'flight') {
4525
+ url = 'https://d2n81k4sk1bpk1.cloudfront.net/dashboard/flightmemfallback.png';
4526
+ } else if (type === 'hotel') {
4527
+ url = 'https://d2n81k4sk1bpk1.cloudfront.net/dashboard/hotelmemfallback.png';
4528
+ } else {
4529
+ url = 'https://d2n81k4sk1bpk1.cloudfront.net/dashboard/carmemfallback.png';
4530
+ }
4531
+ return /*#__PURE__*/React__default.createElement("div", {
4532
+ className: styles$3.newMembershipIcon
4533
+ }, /*#__PURE__*/React__default.createElement("img", {
4534
+ src: url
4535
+ }));
4536
+ };
4537
+ var placeholder = 'e.g. SkyMiles';
4538
+ if (type === 'hotel') {
4539
+ placeholder = 'e.g. Best Western';
4540
+ }
4541
+ if (type === 'rental_car') {
4542
+ placeholder = 'e.g. Firefly Car Rental';
4543
+ }
4544
+ return /*#__PURE__*/React__default.createElement("div", {
4545
+ className: styles$3.saveMembership
4546
+ }, isOtherMembership ? /*#__PURE__*/React__default.createElement("div", {
4547
+ className: styles$3.addNewMembership
4548
+ }, /*#__PURE__*/React__default.createElement("div", {
4549
+ className: styles$3.membershipChainInfo
4550
+ }, /*#__PURE__*/React__default.createElement(FallbackIcon, null), /*#__PURE__*/React__default.createElement("p", null, isEdit ? 'Edit' : 'Add new', " membership")), /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
4551
+ label: "Membership name",
4552
+ required: true
4553
+ }), /*#__PURE__*/React__default.createElement(iuistyles.IUISearch, {
4554
+ placeholder: placeholder,
4555
+ value: membershipName,
4556
+ onChangeHandler: function onChangeHandler(e) {
4557
+ var inputValue = e.target.value;
4558
+ if ((inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) <= 50) {
4559
+ setMembershipName(inputValue);
4560
+ }
4561
+ },
4562
+ iconComponent: null,
4563
+ style: {
4564
+ width: '100%',
4565
+ paddingLeft: 0,
4566
+ borderRadius: 6
4567
+ }
4568
+ })) : /*#__PURE__*/React__default.createElement("div", {
4569
+ className: styles$3.membershipChainInfo
4570
+ }, selectedMembershipChain !== null && selectedMembershipChain !== void 0 && selectedMembershipChain.loyalty_program_image_url ? /*#__PURE__*/React__default.createElement("img", {
4571
+ src: selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_image_url,
4572
+ alt: selectedMembershipChain.program_name,
4573
+ onError: function onError(e) {
4574
+ e.target.style.display = 'none';
4575
+ var fallbackContainer = e.target.nextElementSibling;
4576
+ if (fallbackContainer) fallbackContainer.style.display = 'block';
4577
+ }
4578
+ }) : /*#__PURE__*/React__default.createElement(FallbackIcon, null), /*#__PURE__*/React__default.createElement("div", {
4579
+ style: {
4580
+ display: 'none'
4581
+ }
4582
+ }, /*#__PURE__*/React__default.createElement(FallbackIcon, null)), /*#__PURE__*/React__default.createElement("p", null, isEdit ? 'Edit' : 'Add', ' ', (selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_name) || (selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.program_name))), /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
4583
+ label: "Membership number",
4584
+ required: true
4585
+ }), /*#__PURE__*/React__default.createElement(iuistyles.IUISearch, {
4586
+ placeholder: isAAAloyaltySelected ? 'Enter 16-digit AAA membership ID' : 'e.g. ABCD1234',
4587
+ value: membershipNumber,
4588
+ onChangeHandler: function onChangeHandler(e) {
4589
+ var inputValue = e.target.value;
4590
+ if ((inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) <= 50) {
4591
+ setMembershipNumber(inputValue);
4592
+ }
4593
+ },
4594
+ iconComponent: null,
4595
+ style: {
4596
+ width: '100%',
4597
+ paddingLeft: 0,
4598
+ borderRadius: 6
4599
+ }
4600
+ }), isAAAloyaltySelected && membershipNumber && !sixteenDigitNumber.test(membershipNumber) && /*#__PURE__*/React__default.createElement("div", {
4601
+ style: {
4602
+ color: '#cf2231',
4603
+ marginTop: 5
4604
+ }
4605
+ }, "Enter a valid 16-digit AAA membership ID"));
4606
+ };
4607
+
4608
+ var TravelModeIcon = function TravelModeIcon(_ref) {
4609
+ var type = _ref.type;
4610
+ var FlightIcon = React.memo(function () {
4611
+ return /*#__PURE__*/React__default.createElement("svg", {
4612
+ width: "24",
4613
+ height: "24",
4614
+ viewBox: "0 0 24 24",
4615
+ fill: "none",
4616
+ xmlns: "http://www.w3.org/2000/svg"
4617
+ }, /*#__PURE__*/React__default.createElement("path", {
4618
+ d: "M3 15.7694L8.3033 21.0727L8.81769 20.5583C9.15248 20.2235 9.26938 19.7283 9.11966 19.2791L8.65685 17.8907L12.5459 14.0016L16.7886 21.0727L17.6745 20.1867C18.2231 19.6382 18.4504 18.8457 18.2759 18.0898L16.435 10.1125L20.0906 6.45695C20.2454 6.30211 20.3775 6.12609 20.4713 5.92822C20.7764 5.28463 21.4051 3.76894 20.8544 3.21824C20.3037 2.66754 18.7881 3.29628 18.1445 3.60138C17.9466 3.69518 17.7706 3.82724 17.6157 3.98208L13.9602 7.63766L5.98289 5.79675C5.22698 5.62231 4.43452 5.84959 3.88596 6.39814L3 7.28411L10.0711 11.5267L6.18198 15.4158L4.79356 14.953C4.34439 14.8033 3.84918 14.9202 3.51439 15.255L3 15.7694Z",
4619
+ stroke: "#EC5D25",
4620
+ strokeWidth: "1.5",
4621
+ strokeLinejoin: "round"
4622
+ }));
4623
+ });
4624
+ var HotelIcon = React.memo(function () {
4625
+ return /*#__PURE__*/React__default.createElement("svg", {
4626
+ width: "24",
4627
+ height: "24",
4628
+ viewBox: "0 0 24 24",
4629
+ fill: "none",
4630
+ xmlns: "http://www.w3.org/2000/svg"
4631
+ }, /*#__PURE__*/React__default.createElement("path", {
4632
+ fillRule: "evenodd",
4633
+ clipRule: "evenodd",
4634
+ d: "M2.75 5C3.16421 5 3.5 5.33579 3.5 5.75V14H11V9C11 7.89543 11.8954 7 13 7H19C20.6569 7 22 8.34315 22 10V18.25C22 18.6642 21.6642 19 21.25 19C20.8358 19 20.5 18.6642 20.5 18.25V15.5H3.5V18.25C3.5 18.6642 3.16421 19 2.75 19C2.33579 19 2 18.6642 2 18.25V5.75C2 5.33579 2.33579 5 2.75 5ZM20.5 14V10C20.5 9.17157 19.8284 8.5 19 8.5H13C12.7239 8.5 12.5 8.72386 12.5 9V14H20.5ZM7.5 9.5C6.94772 9.5 6.5 9.94772 6.5 10.5C6.5 11.0523 6.94772 11.5 7.5 11.5C8.05228 11.5 8.5 11.0523 8.5 10.5C8.5 9.94772 8.05228 9.5 7.5 9.5ZM5 10.5C5 9.11929 6.11929 8 7.5 8C8.88071 8 10 9.11929 10 10.5C10 11.8807 8.88071 13 7.5 13C6.11929 13 5 11.8807 5 10.5Z",
4635
+ fill: "#EC5D25"
4636
+ }));
4637
+ });
4638
+ var CarIcon = React.memo(function () {
4639
+ return /*#__PURE__*/React__default.createElement("svg", {
4640
+ width: "24",
4641
+ height: "24",
4642
+ viewBox: "0 0 24 24",
4643
+ fill: "none",
4644
+ xmlns: "http://www.w3.org/2000/svg"
4645
+ }, /*#__PURE__*/React__default.createElement("path", {
4646
+ d: "M8 14C8 14.5523 7.55228 15 7 15C6.44772 15 6 14.5523 6 14C6 13.4477 6.44772 13 7 13C7.55228 13 8 13.4477 8 14Z",
4647
+ fill: "#EC5D25"
4648
+ }), /*#__PURE__*/React__default.createElement("path", {
4649
+ d: "M18 14C18 14.5523 17.5523 15 17 15C16.4477 15 16 14.5523 16 14C16 13.4477 16.4477 13 17 13C17.5523 13 18 13.4477 18 14Z",
4650
+ fill: "#EC5D25"
4651
+ }), /*#__PURE__*/React__default.createElement("path", {
4652
+ fillRule: "evenodd",
4653
+ clipRule: "evenodd",
4654
+ d: "M7.69288 5.5C7.46964 5.5 7.27344 5.64799 7.21211 5.86264L6.03001 10H17.97L16.7879 5.86264C16.7266 5.64799 16.5304 5.5 16.3071 5.5H7.69288ZM19.6762 10.5117C20.4737 11.05 21 11.963 21 13V18.75C21 19.4404 20.4404 20 19.75 20C19.0596 20 18.5 19.4404 18.5 18.75V18H5.5V18.75C5.5 19.4404 4.94036 20 4.25 20C3.55964 20 3 19.4404 3 18.75V13C3 11.963 3.52626 11.05 4.32378 10.5117L4.46999 10H3.75C3.33579 10 3 9.66421 3 9.25C3 8.83579 3.33579 8.5 3.75 8.5H4.89856L5.76983 5.45056C6.01514 4.59196 6.79992 4 7.69288 4H16.3071C17.2001 4 17.9849 4.59196 18.2302 5.45056L19.1014 8.5H20.25C20.6642 8.5 21 8.83579 21 9.25C21 9.66421 20.6642 10 20.25 10H19.53L19.6762 10.5117ZM4.5 16.5H19.5V13C19.5 12.4218 19.173 11.9187 18.6904 11.6678C18.4846 11.5608 18.2505 11.5 18 11.5H6C5.7495 11.5 5.51541 11.5608 5.30955 11.6678C4.82695 11.9187 4.5 12.4218 4.5 13V16.5Z",
4655
+ fill: "#EC5D25"
4656
+ }));
4657
+ });
4658
+ if (type === 'flight') return /*#__PURE__*/React__default.createElement(FlightIcon, null);
4659
+ if (type === 'hotel') return /*#__PURE__*/React__default.createElement(HotelIcon, null);
4660
+ if (type === 'rental_car') return /*#__PURE__*/React__default.createElement(CarIcon, null);
4661
+ return null;
4662
+ };
4663
+
4664
+ var Loader = function Loader() {
4665
+ return /*#__PURE__*/React__default.createElement(iuistyles.IUICircularProgress, {
4666
+ color: "inherit",
4667
+ size: 25,
4668
+ style: {
4669
+ color: '#EC5D25'
4670
+ }
4671
+ });
4672
+ };
4673
+ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
4674
+ var items = _ref.items,
4675
+ handleSelect = _ref.handleSelect,
4676
+ loading = _ref.loading,
4677
+ setIsOtherMembership = _ref.setIsOtherMembership,
4678
+ searchQuery = _ref.searchQuery,
4679
+ fetchItems = _ref.fetchItems,
4680
+ type = _ref.type,
4681
+ _ref$nextPageAvailabl = _ref.nextPageAvailable,
4682
+ nextPageAvailable = _ref$nextPageAvailabl === void 0 ? false : _ref$nextPageAvailabl,
4683
+ page = _ref.page;
4684
+ var observerRef = React.useRef(null);
4685
+ var delayTimeoutRef = React.useRef(null);
4686
+ React.useEffect(function () {
4687
+ if (!nextPageAvailable || loading) return;
4688
+ var observer = new IntersectionObserver(function (entries) {
4689
+ if (entries[0].isIntersecting) {
4690
+ if (nextPageAvailable) fetchItems(searchQuery);
4691
+ }
4692
+ }, {
4693
+ threshold: 0.5
4694
+ });
4695
+ var target = observerRef.current;
4696
+ if (target) {
4697
+ observer.observe(target);
4698
+ }
4699
+ return function () {
4700
+ if (target) {
4701
+ observer.unobserve(target);
4702
+ }
4703
+ if (delayTimeoutRef.current) {
4704
+ clearTimeout(delayTimeoutRef.current);
4705
+ }
4706
+ };
4707
+ }, [loading, nextPageAvailable, searchQuery, fetchItems]);
4708
+ var FallbackIcon = function FallbackIcon() {
4709
+ return /*#__PURE__*/React__default.createElement("div", {
4710
+ className: styles$3.newMembershipIcon
4711
+ }, /*#__PURE__*/React__default.createElement(TravelModeIcon, {
4712
+ type: type
4713
+ }));
4714
+ };
4715
+ return /*#__PURE__*/React__default.createElement("div", {
4716
+ className: styles$3.list
4717
+ }, page === 1 && loading ? null : items.map(function (item) {
4718
+ var _item$associated_name, _item$associated_name2;
4719
+ var associatedList = (item === null || item === void 0 ? void 0 : item.program_name) === 'Other' ? 'Add new membership program' : type === 'rental_car' ? item === null || item === void 0 ? void 0 : item.program_name : item !== null && item !== void 0 && (_item$associated_name = item.associated_names) !== null && _item$associated_name !== void 0 && _item$associated_name.length ? item === null || item === void 0 ? void 0 : (_item$associated_name2 = item.associated_names) === null || _item$associated_name2 === void 0 ? void 0 : _item$associated_name2.join(', ') : '';
4720
+ return /*#__PURE__*/React__default.createElement("div", {
4721
+ onClick: function onClick() {
4722
+ handleSelect(item);
4723
+ if (item.program_name === 'Other') {
4724
+ setIsOtherMembership(true);
4725
+ }
4726
+ },
4727
+ key: item.id,
4728
+ className: styles$3.memberItem
4729
+ }, item !== null && item !== void 0 && item.loyalty_program_image_url ? /*#__PURE__*/React__default.createElement("div", {
4730
+ style: {
4731
+ background: "url(" + (item === null || item === void 0 ? void 0 : item.loyalty_program_image_url) + ")",
4732
+ backgroundSize: 600,
4733
+ borderRadius: 6,
4734
+ border: '1px solid #F1F3F5',
4735
+ backgroundPosition: 'top',
4736
+ height: 40,
4737
+ display: 'flex',
4738
+ alignItems: 'center'
4739
+ }
4740
+ }, /*#__PURE__*/React__default.createElement("img", {
4741
+ src: item === null || item === void 0 ? void 0 : item.loyalty_program_image_url,
4742
+ alt: item.title,
4743
+ onError: function onError(e) {
4744
+ e.target.style.display = 'none';
4745
+ var fallbackContainer = e.target.nextElementSibling;
4746
+ if (fallbackContainer) fallbackContainer.style.display = 'block';
4747
+ }
4748
+ })) : /*#__PURE__*/React__default.createElement("div", {
4749
+ className: styles$3.newMembershipIcon
4750
+ }, /*#__PURE__*/React__default.createElement(FallbackIcon, null)), /*#__PURE__*/React__default.createElement("div", {
4751
+ className: styles$3.newMembershipIcon,
4752
+ style: {
4753
+ display: 'none'
4754
+ }
4755
+ }, /*#__PURE__*/React__default.createElement(FallbackIcon, null)), /*#__PURE__*/React__default.createElement("div", {
4756
+ className: styles$3.membershipDetails
4757
+ }, /*#__PURE__*/React__default.createElement("div", {
4758
+ className: styles$3.title
4759
+ }, item === null || item === void 0 ? void 0 : item.program_name), /*#__PURE__*/React__default.createElement("div", {
4760
+ className: styles$3.subtitle,
4761
+ title: associatedList
4762
+ }, associatedList)));
4763
+ }), loading && /*#__PURE__*/React__default.createElement("div", {
4764
+ className: styles$3.loading
4765
+ }, /*#__PURE__*/React__default.createElement(Loader, null)), !loading && nextPageAvailable && /*#__PURE__*/React__default.createElement("div", {
4766
+ ref: observerRef,
4767
+ className: styles$3.loading
4768
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Loader, null))));
4769
+ };
4770
+
4771
+ var EditIcon = function EditIcon() {
4772
+ return /*#__PURE__*/React__default.createElement("svg", {
4773
+ width: "16",
4774
+ height: "16",
4775
+ viewBox: "0 0 16 16",
4776
+ fill: "none",
4777
+ xmlns: "http://www.w3.org/2000/svg"
4778
+ }, /*#__PURE__*/React__default.createElement("g", {
4779
+ clipPath: "url(#clip0_13010_74651)"
4780
+ }, /*#__PURE__*/React__default.createElement("path", {
4781
+ d: "M10.7197 1.72376C11.7029 0.740515 13.2971 0.740516 14.2803 1.72377C15.2636 2.70701 15.2636 4.30118 14.2803 5.28443L5.14645 14.4183C4.77137 14.7934 4.26267 15.0041 3.73223 15.0041H2C1.44772 15.0041 1 14.5564 1 14.0041V12.2719C1 11.7414 1.21071 11.2327 1.58579 10.8576L10.7197 1.72376ZM13.2197 2.78443C12.8222 2.38696 12.1778 2.38696 11.7803 2.78443L11.0607 3.5041L12.5 4.94344L13.2197 4.22376C13.6171 3.8263 13.6171 3.18189 13.2197 2.78443ZM11.4393 6.0041L10 4.56476L2.64645 11.9183C2.55268 12.0121 2.5 12.1393 2.5 12.2719V13.5041H3.73223C3.86484 13.5041 3.99202 13.4514 4.08579 13.3576L11.4393 6.0041Z",
4782
+ fill: "#EC5D25"
4783
+ })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
4784
+ id: "clip0_13010_74651"
4785
+ }, /*#__PURE__*/React__default.createElement("rect", {
4786
+ width: "16",
4787
+ height: "16",
4788
+ fill: "white",
4789
+ transform: "translate(0 0.00390625)"
4790
+ }))));
4791
+ };
4792
+
4793
+ var DeleteIcon = function DeleteIcon() {
4794
+ return /*#__PURE__*/React__default.createElement("svg", {
4795
+ width: "16",
4796
+ height: "16",
4797
+ viewBox: "0 0 16 16",
4798
+ fill: "none",
4799
+ xmlns: "http://www.w3.org/2000/svg"
4800
+ }, /*#__PURE__*/React__default.createElement("path", {
4801
+ fillRule: "evenodd",
4802
+ clipRule: "evenodd",
4803
+ d: "M7.33333 2.33716C7.14924 2.33716 7 2.4864 7 2.67049V3.33716H9V2.67049C9 2.4864 8.85076 2.33716 8.66667 2.33716H7.33333ZM10 3.33716V2.67049C10 1.93411 9.40305 1.33716 8.66667 1.33716H7.33333C6.59695 1.33716 6 1.93411 6 2.67049V3.33716H2.5C2.22386 3.33716 2 3.56102 2 3.83716C2 4.1133 2.22386 4.33716 2.5 4.33716H3.03122L3.57716 12.7993C3.64506 13.8516 4.51843 14.6705 5.57301 14.6705H10.427C11.4816 14.6705 12.3549 13.8516 12.4228 12.7993L12.9688 4.33716H13.5C13.7761 4.33716 14 4.1133 14 3.83716C14 3.56102 13.7761 3.33716 13.5 3.33716H10ZM11.9667 4.33716H4.0333L4.57509 12.7349C4.60903 13.2611 5.04572 13.6705 5.57301 13.6705H10.427C10.9543 13.6705 11.391 13.2611 11.4249 12.7349L11.9667 4.33716ZM6.5 6.00383C6.77614 6.00383 7 6.22768 7 6.50383V11.5038C7 11.78 6.77614 12.0038 6.5 12.0038C6.22386 12.0038 6 11.78 6 11.5038V6.50383C6 6.22768 6.22386 6.00383 6.5 6.00383ZM9.5 6.00383C9.77614 6.00383 10 6.22768 10 6.50383V11.5038C10 11.78 9.77614 12.0038 9.5 12.0038C9.22386 12.0038 9 11.78 9 11.5038V6.50383C9 6.22768 9.22386 6.00383 9.5 6.00383Z",
4804
+ fill: "#CF2231"
4805
+ }));
4806
+ };
4807
+
4808
+ var _excluded = ["ind"];
4809
+ var IUIToastMessageService$4 = utils.services.IUIToastMessageService;
4810
+ var api$6 = utils.configs.api;
4811
+ var SavedMemberships = function SavedMemberships(_ref) {
4812
+ var _ref$list = _ref.list,
4813
+ list = _ref$list === void 0 ? [] : _ref$list,
4814
+ type = _ref.type,
4815
+ _ref$updateList = _ref.updateList,
4816
+ updateList = _ref$updateList === void 0 ? function () {} : _ref$updateList,
4817
+ _ref$handleEdit = _ref.handleEdit,
4818
+ handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit,
4819
+ _ref$isProfile = _ref.isProfile,
4820
+ isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
4821
+ var _useState = React.useState(false),
4822
+ open = _useState[0],
4823
+ setOpen = _useState[1];
4824
+ var _useState2 = React.useState(false),
4825
+ isDeleting = _useState2[0],
4826
+ setIsDeleting = _useState2[1];
4827
+ var _useState3 = React.useState(null),
4828
+ deleteItemData = _useState3[0],
4829
+ setDeleteItemData = _useState3[1];
4830
+ var _useSelector = reactRedux.useSelector(function (state) {
4831
+ return state.common;
4832
+ }),
4833
+ id = _useSelector.id;
4834
+ var _useParams = reactRouterDom.useParams(),
4835
+ editUserId = _useParams.userId;
4836
+ var userID = isProfile ? id : editUserId;
4837
+ var handleClose = function handleClose() {
4838
+ setOpen(false);
4839
+ setDeleteItemData(null);
4840
+ };
4841
+ var handleSubmit = function handleSubmit() {
4842
+ try {
4843
+ var url = "/api/v1/user-management/users/" + userID + "/membership";
4844
+ var index = deleteItemData.ind,
4845
+ rest = _objectWithoutPropertiesLoose(deleteItemData, _excluded);
4846
+ var payload = _extends({}, rest, {
4847
+ user: userID
4848
+ });
4849
+ setIsDeleting(true);
4850
+ var _temp = _catch(function () {
4851
+ return Promise.resolve(api$6["delete"](url, {
4852
+ data: payload
4853
+ })).then(function (response) {
4854
+ var _response$data;
4855
+ if (response !== null && response !== void 0 && (_response$data = response.data) !== null && _response$data !== void 0 && _response$data.status) {
4856
+ updateList(type, index);
4857
+ setOpen(false);
4858
+ IUIToastMessageService$4.notify("Membership deleted.");
4859
+ } else {
4860
+ IUIToastMessageService$4.warningNotify('Something went wrong!!');
4861
+ }
4862
+ setIsDeleting(false);
4863
+ });
4864
+ }, function (error) {
4865
+ console.error('Error occurred while deleting membership:', error);
4866
+ IUIToastMessageService$4.errorNotify('Failed to delete membership. Please try again.');
4867
+ setIsDeleting(false);
4868
+ });
4869
+ return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
4870
+ } catch (e) {
4871
+ return Promise.reject(e);
4872
+ }
4873
+ };
4874
+ var handleDelete = function handleDelete(mem) {
4875
+ setOpen(true);
4876
+ setDeleteItemData(mem);
4877
+ };
4878
+ var onEdit = function onEdit(mem, index, isOther) {
4879
+ handleEdit(mem, index, isOther);
4880
+ };
4881
+ var FallbackIcon = function FallbackIcon(_ref2) {
4882
+ var type = _ref2.type;
4883
+ return /*#__PURE__*/React__default.createElement("div", {
4884
+ className: styles$3.newMembershipIcon
4885
+ }, /*#__PURE__*/React__default.createElement(TravelModeIcon, {
4886
+ type: type
4887
+ }));
4888
+ };
4889
+ var _ref3 = deleteItemData || {},
4890
+ _ref3$name = _ref3.name,
4891
+ name = _ref3$name === void 0 ? '' : _ref3$name,
4892
+ _ref3$program_name = _ref3.program_name,
4893
+ program_name = _ref3$program_name === void 0 ? '' : _ref3$program_name,
4894
+ _ref3$loyalty_program = _ref3.loyalty_program_name,
4895
+ loyalty_program_name = _ref3$loyalty_program === void 0 ? '' : _ref3$loyalty_program;
4896
+ var deleteMembershipName = loyalty_program_name === 'Other' ? name || loyalty_program_name || program_name : loyalty_program_name || program_name || name;
4897
+ return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(iuistyles.IUIModal, {
4898
+ isOpen: open,
4899
+ closeHandler: handleClose,
4900
+ cancelLabel: "Cancel",
4901
+ submitLabel: isDeleting ? 'Deleting...' : 'Delete',
4902
+ submitHandler: handleSubmit,
4903
+ modalBodyStyle: {
4904
+ padding: '0px 24px',
4905
+ minHeight: 50,
4906
+ borderBottom: '1px solid #E5E7EB'
4907
+ },
4908
+ isDisabledSubmitBtn: isDeleting,
4909
+ headerText: "Delete " + deleteMembershipName,
4910
+ width: "640px",
4911
+ modalClass: styles$3.membershipDeleteModal
4912
+ }, /*#__PURE__*/React__default.createElement("p", {
4913
+ style: {
4914
+ marginTop: 0,
4915
+ color: '#6B7280'
4916
+ }
4917
+ }, "Are you sure you want to delete ", deleteMembershipName, "? This change is not reversible.")), list.map(function (mem, ind) {
4918
+ var _ref4 = mem || {},
4919
+ _ref4$name = _ref4.name,
4920
+ name = _ref4$name === void 0 ? '' : _ref4$name,
4921
+ _ref4$number = _ref4.number,
4922
+ number = _ref4$number === void 0 ? '' : _ref4$number,
4923
+ _ref4$program_name = _ref4.program_name,
4924
+ program_name = _ref4$program_name === void 0 ? '' : _ref4$program_name,
4925
+ _ref4$loyalty_program = _ref4.loyalty_program_image_url,
4926
+ loyalty_program_image_url = _ref4$loyalty_program === void 0 ? null : _ref4$loyalty_program,
4927
+ _ref4$loyalty_program2 = _ref4.loyalty_program_name,
4928
+ loyalty_program_name = _ref4$loyalty_program2 === void 0 ? '' : _ref4$loyalty_program2;
4929
+ var isOther = (loyalty_program_name || program_name) === 'Other';
4930
+ return /*#__PURE__*/React__default.createElement("div", {
4931
+ className: styles$3.savedMembership,
4932
+ key: ind
4933
+ }, /*#__PURE__*/React__default.createElement("div", {
4934
+ className: styles$3.iconWrapper
4935
+ }, loyalty_program_image_url ? /*#__PURE__*/React__default.createElement("div", {
4936
+ className: styles$3.iconPar,
4937
+ style: {
4938
+ background: "url(" + loyalty_program_image_url + ")",
4939
+ backgroundSize: 600,
4940
+ borderRadius: 6,
4941
+ border: '1px solid #F1F3F5',
4942
+ backgroundPosition: 'top'
4943
+ }
4944
+ }, /*#__PURE__*/React__default.createElement("img", {
4945
+ src: loyalty_program_image_url,
4946
+ alt: name,
4947
+ className: styles$3.icon,
4948
+ onError: function onError(e) {
4949
+ e.target.style.display = 'none';
4950
+ var fallbackContainer = e.target.nextElementSibling;
4951
+ if (fallbackContainer) fallbackContainer.style.display = 'block';
4952
+ }
4953
+ })) : /*#__PURE__*/React__default.createElement(FallbackIcon, {
4954
+ type: type
4955
+ }), /*#__PURE__*/React__default.createElement("div", {
4956
+ className: styles$3.newMembershipIcon,
4957
+ style: {
4958
+ display: 'none'
4959
+ }
4960
+ }, /*#__PURE__*/React__default.createElement(FallbackIcon, {
4961
+ type: type
4962
+ })), /*#__PURE__*/React__default.createElement("p", null, (loyalty_program_name || program_name) === 'Other' ? name || loyalty_program_name || program_name : loyalty_program_name || program_name || name)), /*#__PURE__*/React__default.createElement("div", {
4963
+ className: styles$3.number
4964
+ }, number), /*#__PURE__*/React__default.createElement("div", {
4965
+ className: styles$3.actions
4966
+ }, /*#__PURE__*/React__default.createElement("div", {
4967
+ onClick: function onClick() {
4968
+ onEdit(mem, ind, isOther);
4969
+ },
4970
+ style: {
4971
+ marginTop: 1
4972
+ }
4973
+ }, /*#__PURE__*/React__default.createElement(EditIcon, {
4974
+ width: "14",
4975
+ height: "14",
4976
+ color: "#EC5D25"
4977
+ })), /*#__PURE__*/React__default.createElement("div", {
4978
+ onClick: function onClick() {
4979
+ handleDelete(_extends({}, mem, {
4980
+ ind: ind
4981
+ }));
4982
+ },
4983
+ style: {
4984
+ marginLeft: 10
4985
+ }
4986
+ }, /*#__PURE__*/React__default.createElement(DeleteIcon, null))));
4490
4987
  }));
4491
4988
  };
4492
4989
 
4990
+ var AddMembershipButton = React.memo(function (_ref) {
4991
+ var _ref$type = _ref.type,
4992
+ type = _ref$type === void 0 ? '' : _ref$type,
4993
+ _ref$setModalState = _ref.setModalState,
4994
+ setModalState = _ref$setModalState === void 0 ? function () {} : _ref$setModalState,
4995
+ modalState = _ref.modalState,
4996
+ _ref$list = _ref.list,
4997
+ list = _ref$list === void 0 ? [] : _ref$list,
4998
+ _ref$updateList = _ref.updateList,
4999
+ updateList = _ref$updateList === void 0 ? function () {} : _ref$updateList,
5000
+ _ref$handleEdit = _ref.handleEdit,
5001
+ handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit,
5002
+ _ref$isProfile = _ref.isProfile,
5003
+ isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
5004
+ var handleAddMembership = function handleAddMembership(type) {
5005
+ var currentModalState = _extends({}, modalState);
5006
+ currentModalState.open = true;
5007
+ if (type === 'flight') {
5008
+ currentModalState.title = 'Add airline membership';
5009
+ currentModalState.subtitle = 'Earn points from your favorite airline by booking on ITILITE.';
5010
+ }
5011
+ if (type === 'hotel') {
5012
+ currentModalState.title = 'Add hotel membership';
5013
+ currentModalState.subtitle = 'Earn points from your favorite hotels by booking on ITILITE.';
5014
+ }
5015
+ if (type === 'rental_car') {
5016
+ currentModalState.title = 'Add rental car membership';
5017
+ currentModalState.subtitle = 'Earn points from your favorite rental car agency by booking on ITILITE.';
5018
+ }
5019
+ currentModalState.type = type;
5020
+ setModalState(currentModalState);
5021
+ };
5022
+ var label = 'Airline';
5023
+ if (type === 'hotel') {
5024
+ label = 'Hotel';
5025
+ }
5026
+ if (type === 'rental_car') {
5027
+ label = 'Rental car';
5028
+ }
5029
+ return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
5030
+ label: label,
5031
+ headerType: true
5032
+ }), /*#__PURE__*/React__default.createElement(SavedMemberships, {
5033
+ list: list,
5034
+ type: type,
5035
+ updateList: updateList,
5036
+ handleEdit: handleEdit,
5037
+ isProfile: isProfile
5038
+ }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
5039
+ buttonText: "Add membership",
5040
+ type: "text",
5041
+ startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
5042
+ width: "10",
5043
+ height: "10",
5044
+ color: "#EC5D25"
5045
+ }),
5046
+ onClick: function onClick() {
5047
+ handleAddMembership(type);
5048
+ }
5049
+ }));
5050
+ });
5051
+
5052
+ var IUIToastMessageService$5 = utils.services.IUIToastMessageService;
5053
+ var api$7 = utils.configs.api;
5054
+ var sixteenDigitNumber$1 = /^\d{16}$/;
5055
+ var Membership = function Membership(_ref) {
5056
+ var _clsx;
5057
+ var _ref$membershipInfoIn = _ref.membershipInfoInput,
5058
+ membershipInfoInput = _ref$membershipInfoIn === void 0 ? [] : _ref$membershipInfoIn,
5059
+ _ref$setMembershipInf = _ref.setMembershipInfoInput,
5060
+ setMembershipInfoInput = _ref$setMembershipInf === void 0 ? function () {} : _ref$setMembershipInf,
5061
+ _ref$isProfile = _ref.isProfile,
5062
+ isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
5063
+ var _useParams = reactRouterDom.useParams(),
5064
+ editUserId = _useParams.userId;
5065
+ var _useSelector = reactRedux.useSelector(function (state) {
5066
+ return state.common;
5067
+ }),
5068
+ id = _useSelector.id;
5069
+ var userID = isProfile ? id : editUserId;
5070
+ var _useState = React.useState(membershipInfoInput),
5071
+ savedMemberships = _useState[0],
5072
+ setSavedMemberships = _useState[1];
5073
+ var groupedMembershipData = savedMemberships.reduce(function (acc, item) {
5074
+ var _acc$item$membership_;
5075
+ acc[item === null || item === void 0 ? void 0 : item.membership_type] = (acc === null || acc === void 0 ? void 0 : acc[item === null || item === void 0 ? void 0 : item.membership_type]) || [];
5076
+ acc === null || acc === void 0 ? void 0 : (_acc$item$membership_ = acc[item === null || item === void 0 ? void 0 : item.membership_type]) === null || _acc$item$membership_ === void 0 ? void 0 : _acc$item$membership_.push(item);
5077
+ return acc;
5078
+ }, {
5079
+ flight: [],
5080
+ hotel: [],
5081
+ rental_car: []
5082
+ });
5083
+ var _useState2 = React.useState({
5084
+ open: false,
5085
+ title: 'Add airline membership'
5086
+ }),
5087
+ modalState = _useState2[0],
5088
+ setModalState = _useState2[1];
5089
+ var _useState3 = React.useState(false),
5090
+ isUpdating = _useState3[0],
5091
+ setIsUpdating = _useState3[1];
5092
+ var _useState4 = React.useState(null),
5093
+ editIndex = _useState4[0],
5094
+ setEditIndex = _useState4[1];
5095
+ var _modalState$open = modalState.open,
5096
+ open = _modalState$open === void 0 ? false : _modalState$open,
5097
+ _modalState$title = modalState.title,
5098
+ title = _modalState$title === void 0 ? '' : _modalState$title,
5099
+ _modalState$subtitle = modalState.subtitle,
5100
+ subtitle = _modalState$subtitle === void 0 ? '' : _modalState$subtitle,
5101
+ _modalState$type = modalState.type,
5102
+ type = _modalState$type === void 0 ? '' : _modalState$type;
5103
+ var _useState5 = React.useState(false),
5104
+ isInputFocused = _useState5[0],
5105
+ setIsInputFocused = _useState5[1];
5106
+ var _useState6 = React.useState(''),
5107
+ searchQuery = _useState6[0],
5108
+ setSearchQuery = _useState6[1];
5109
+ var _useState7 = React.useState(''),
5110
+ debouncedQuery = _useState7[0],
5111
+ setDebouncedQuery = _useState7[1];
5112
+ var _useState8 = React.useState([]),
5113
+ items = _useState8[0],
5114
+ setItems = _useState8[1];
5115
+ var _useState9 = React.useState(1),
5116
+ page = _useState9[0],
5117
+ setPage = _useState9[1];
5118
+ var _useState10 = React.useState(false),
5119
+ loading = _useState10[0],
5120
+ setLoading = _useState10[1];
5121
+ var _useState11 = React.useState(false),
5122
+ isOtherMembership = _useState11[0],
5123
+ setIsOtherMembership = _useState11[1];
5124
+ var _useState12 = React.useState(null),
5125
+ selectedMembershipChain = _useState12[0],
5126
+ setSelectedMembershipChain = _useState12[1];
5127
+ var _useState13 = React.useState(''),
5128
+ membershipName = _useState13[0],
5129
+ setMembershipName = _useState13[1];
5130
+ var _useState14 = React.useState(''),
5131
+ membershipNumber = _useState14[0],
5132
+ setMembershipNumber = _useState14[1];
5133
+ var wrapperRef = React.useRef(null);
5134
+ var nextRef = React.useRef(null);
5135
+ var isAAAloyaltySelected = (selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.program_name) === 'AAA' || (selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_name) === 'AAA';
5136
+ var fetchItems = function fetchItems(query, reset) {
5137
+ if (query === void 0) {
5138
+ query = '';
5139
+ }
5140
+ if (reset === void 0) {
5141
+ reset = false;
5142
+ }
5143
+ try {
5144
+ nextRef.current = null;
5145
+ var pageNo = reset ? 1 : page + 1;
5146
+ setLoading(true);
5147
+ var url = 'api/v1/user-management/loyalty-program/' + ("?page=" + pageNo + "&travel_type=" + type);
5148
+ if (query) {
5149
+ url += "&search_term=" + query.toLowerCase();
5150
+ }
5151
+ if (reset) setPage(1);else setPage(function (prevPage) {
5152
+ return prevPage + 1;
5153
+ });
5154
+ var _temp = _catch(function () {
5155
+ return Promise.resolve(api$7.get(url).then(function (res) {
5156
+ return res;
5157
+ })).then(function (response) {
5158
+ var _response$data, _response$data2;
5159
+ var list = response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.results;
5160
+ nextRef.current = response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.next;
5161
+ setItems(function (prevItems) {
5162
+ return reset ? list : [].concat(prevItems, list);
5163
+ });
5164
+ setLoading(false);
5165
+ });
5166
+ }, function (error) {
5167
+ nextRef.current = null;
5168
+ IUIToastMessageService$5.warningNotify('Something went wrong');
5169
+ setIsInputFocused(false);
5170
+ setLoading(false);
5171
+ console.error('Error fetching data:', error);
5172
+ });
5173
+ return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
5174
+ } catch (e) {
5175
+ return Promise.reject(e);
5176
+ }
5177
+ };
5178
+ var handleSelect = function handleSelect(item) {
5179
+ setSelectedMembershipChain(item);
5180
+ setIsInputFocused(false);
5181
+ };
5182
+ var handleClickOutside = function handleClickOutside(event) {
5183
+ if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {
5184
+ setIsInputFocused(false);
5185
+ }
5186
+ };
5187
+ React.useEffect(function () {
5188
+ setSavedMemberships(membershipInfoInput);
5189
+ }, [membershipInfoInput]);
5190
+ React.useEffect(function () {
5191
+ document.addEventListener('mousedown', handleClickOutside);
5192
+ return function () {
5193
+ document.removeEventListener('mousedown', handleClickOutside);
5194
+ };
5195
+ }, []);
5196
+ React.useEffect(function () {
5197
+ var handler = setTimeout(function () {
5198
+ setDebouncedQuery(searchQuery);
5199
+ }, 750);
5200
+ return function () {
5201
+ clearTimeout(handler);
5202
+ };
5203
+ }, [searchQuery]);
5204
+ React.useEffect(function () {
5205
+ if (isInputFocused) fetchItems(debouncedQuery, true);else {
5206
+ setSearchQuery('');
5207
+ setItems([]);
5208
+ }
5209
+ }, [isInputFocused, debouncedQuery]);
5210
+ React.useEffect(function () {
5211
+ if (!(modalState !== null && modalState !== void 0 && modalState.open)) {
5212
+ setIsInputFocused(false);
5213
+ }
5214
+ }, [modalState]);
5215
+ var handleClose = function handleClose() {
5216
+ setIsUpdating(false);
5217
+ setIsOtherMembership(false);
5218
+ setMembershipName('');
5219
+ setMembershipNumber('');
5220
+ setModalState(_extends({}, modalState, {
5221
+ open: false
5222
+ }));
5223
+ setSelectedMembershipChain(null);
5224
+ setIsInputFocused(false);
5225
+ setItems([]);
5226
+ setEditIndex(null);
5227
+ setSearchQuery('');
5228
+ };
5229
+ var updateList = function updateList(type, index, item) {
5230
+ if (index === void 0) {
5231
+ index = null;
5232
+ }
5233
+ if (item === void 0) {
5234
+ item = null;
5235
+ }
5236
+ if (!groupedMembershipData[type]) {
5237
+ console.error("Invalid type: " + type);
5238
+ return;
5239
+ }
5240
+ if (item) {
5241
+ if (index) {
5242
+ groupedMembershipData[type][index] = _extends({}, groupedMembershipData[type][index], {
5243
+ number: item.number,
5244
+ name: item.name
5245
+ });
5246
+ } else groupedMembershipData[type] = [].concat(groupedMembershipData[type], [item]);
5247
+ }
5248
+ if (index !== null && !item) {
5249
+ var _groupedMembershipDat, _groupedMembershipDat2;
5250
+ if (index < 0 || index >= (groupedMembershipData === null || groupedMembershipData === void 0 ? void 0 : (_groupedMembershipDat = groupedMembershipData[type]) === null || _groupedMembershipDat === void 0 ? void 0 : _groupedMembershipDat.length)) {
5251
+ console.error("Invalid index: " + index);
5252
+ return;
5253
+ }
5254
+ groupedMembershipData[type] = [].concat(groupedMembershipData === null || groupedMembershipData === void 0 ? void 0 : (_groupedMembershipDat2 = groupedMembershipData[type]) === null || _groupedMembershipDat2 === void 0 ? void 0 : _groupedMembershipDat2.slice(0, index), groupedMembershipData[type].slice(index + 1));
5255
+ }
5256
+ var flight = groupedMembershipData.flight,
5257
+ hotel = groupedMembershipData.hotel,
5258
+ rental_car = groupedMembershipData.rental_car;
5259
+ var updatedMemberships = [].concat(flight, hotel, rental_car);
5260
+ setMembershipInfoInput(updatedMemberships);
5261
+ };
5262
+ var handleSubmit = function handleSubmit() {
5263
+ try {
5264
+ if (isAAAloyaltySelected && !sixteenDigitNumber$1.test(membershipNumber)) {
5265
+ IUIToastMessageService$5.warningNotify('Enter 16-digit AAA membership ID');
5266
+ return Promise.resolve();
5267
+ }
5268
+ var url = "/api/v1/user-management/users/" + userID + "/membership";
5269
+ var payload = editIndex ? _extends({}, selectedMembershipChain, {
5270
+ number: membershipNumber,
5271
+ name: membershipName || ''
5272
+ }) : {
5273
+ membership_type: type,
5274
+ number: membershipNumber,
5275
+ iata_code: null,
5276
+ user: userID,
5277
+ loyalty_program_id: selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_id,
5278
+ name: membershipName || ''
5279
+ };
5280
+ setIsUpdating(true);
5281
+ var _temp2 = _finallyRethrows(function () {
5282
+ return _catch(function () {
5283
+ return Promise.resolve(editIndex ? api$7.put(url, payload) : api$7.post(url, payload)).then(function (response) {
5284
+ if ((response === null || response === void 0 ? void 0 : response.status) === 201 || (response === null || response === void 0 ? void 0 : response.status) === 200) {
5285
+ var _response$data3;
5286
+ var updatedResponse = response === null || response === void 0 ? void 0 : response.data;
5287
+ updatedResponse.program_name = selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.program_name;
5288
+ updatedResponse.loyalty_program_image_url = selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_image_url;
5289
+ if (isOtherMembership) updatedResponse.loyalty_program_name = 'Other';
5290
+ updateList(response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.membership_type, editIndex, updatedResponse);
5291
+ IUIToastMessageService$5.sNotify(editIndex ? "Membership updated." : "New membership added.");
5292
+ } else {
5293
+ IUIToastMessageService$5.warningNotify('Failed to save membership');
5294
+ }
5295
+ });
5296
+ }, function (error) {
5297
+ console.error(error);
5298
+ IUIToastMessageService$5.warningNotify('Something went wrong!');
5299
+ });
5300
+ }, function (_wasThrown, _result) {
5301
+ handleClose();
5302
+ if (_wasThrown) throw _result;
5303
+ return _result;
5304
+ });
5305
+ return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
5306
+ } catch (e) {
5307
+ return Promise.reject(e);
5308
+ }
5309
+ };
5310
+ var handleEdit = function handleEdit(mem, index, isOther) {
5311
+ setEditIndex(index);
5312
+ setSelectedMembershipChain(mem);
5313
+ setMembershipName((mem === null || mem === void 0 ? void 0 : mem.name) || '');
5314
+ setMembershipNumber(mem === null || mem === void 0 ? void 0 : mem.number);
5315
+ setIsOtherMembership(isOther);
5316
+ var currentModalState = _extends({}, modalState);
5317
+ currentModalState.open = true;
5318
+ currentModalState.type = mem === null || mem === void 0 ? void 0 : mem.membership_type;
5319
+ setModalState(currentModalState);
5320
+ };
5321
+ return /*#__PURE__*/React__default.createElement("div", {
5322
+ style: {
5323
+ width: '100%'
5324
+ }
5325
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIModal, {
5326
+ isOpen: open,
5327
+ closeHandler: handleClose,
5328
+ modalClass: clsx(styles$3.loyaltymodal, (_clsx = {}, _clsx[styles$3.loyaltyList] = !selectedMembershipChain, _clsx)),
5329
+ cancelLabel: selectedMembershipChain ? 'Cancel' : '',
5330
+ submitLabel: selectedMembershipChain ? isUpdating ? 'Saving...' : editIndex ? 'Save' : 'Add' : '',
5331
+ submitHandler: handleSubmit,
5332
+ isDisabledSubmitBtn: isUpdating || !membershipNumber || isOtherMembership && !membershipName || isAAAloyaltySelected && !sixteenDigitNumber$1.test(membershipNumber),
5333
+ width: selectedMembershipChain ? '480px' : '640px',
5334
+ headerText: selectedMembershipChain ? '' : title,
5335
+ subHanderText: selectedMembershipChain ? '' : subtitle,
5336
+ modalBodyStyle: {
5337
+ padding: selectedMembershipChain ? '0px 24px 25px' : '24px 24px 0px',
5338
+ minHeight: selectedMembershipChain ? 120 : 80,
5339
+ borderBottom: selectedMembershipChain && '1px solid #E5E7EB',
5340
+ marginBottom: selectedMembershipChain ? 0 : -18
5341
+ }
5342
+ }, /*#__PURE__*/React__default.createElement(React.Fragment, null, selectedMembershipChain ? /*#__PURE__*/React__default.createElement(MembershipForm, {
5343
+ selectedMembershipChain: selectedMembershipChain,
5344
+ isOtherMembership: isOtherMembership,
5345
+ membershipName: membershipName,
5346
+ membershipNumber: membershipNumber,
5347
+ setMembershipName: setMembershipName,
5348
+ setMembershipNumber: setMembershipNumber,
5349
+ type: type,
5350
+ isEdit: !!editIndex,
5351
+ isAAAloyaltySelected: isAAAloyaltySelected
5352
+ }) : /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("span", {
5353
+ style: {
5354
+ color: '#374151',
5355
+ fontWeight: 500
5356
+ }
5357
+ }, "Loyalty program"), ' ', /*#__PURE__*/React__default.createElement("span", {
5358
+ style: {
5359
+ color: '#6B7280'
5360
+ }
5361
+ }, "*")), /*#__PURE__*/React__default.createElement("div", {
5362
+ className: styles$3.selectWrapper,
5363
+ ref: wrapperRef
5364
+ }, /*#__PURE__*/React__default.createElement("div", {
5365
+ className: styles$3.selectSearchBox
5366
+ }, /*#__PURE__*/React__default.createElement("input", {
5367
+ className: styles$3.searchInput,
5368
+ placeholder: "Select loyalty program",
5369
+ onFocus: function onFocus() {
5370
+ return setIsInputFocused(true);
5371
+ },
5372
+ onClick: function onClick() {
5373
+ return setIsInputFocused(true);
5374
+ },
5375
+ onChange: function onChange(e) {
5376
+ if (!isInputFocused) {
5377
+ setIsInputFocused(true);
5378
+ }
5379
+ setSearchQuery(e.target.value);
5380
+ },
5381
+ value: searchQuery
5382
+ }), /*#__PURE__*/React__default.createElement("div", {
5383
+ className: styles$3.chevronIcon
5384
+ }, /*#__PURE__*/React__default.createElement(ChevronNext, {
5385
+ color: "#6B7280"
5386
+ }))), isInputFocused && /*#__PURE__*/React__default.createElement("div", {
5387
+ className: styles$3.membershipList
5388
+ }, /*#__PURE__*/React__default.createElement(LoyaltyPrograms, {
5389
+ items: items,
5390
+ handleSelect: handleSelect,
5391
+ loading: loading,
5392
+ setIsOtherMembership: setIsOtherMembership,
5393
+ setSelectedMembershipChain: setSelectedMembershipChain,
5394
+ searchQuery: searchQuery,
5395
+ fetchItems: fetchItems,
5396
+ type: type,
5397
+ nextPageAvailable: nextRef === null || nextRef === void 0 ? void 0 : nextRef.current,
5398
+ page: page
5399
+ })))))), /*#__PURE__*/React__default.createElement("div", {
5400
+ style: {
5401
+ width: '100%'
5402
+ }
5403
+ }, Object.keys(groupedMembershipData).map(function (memType, ind) {
5404
+ return /*#__PURE__*/React__default.createElement(React.Fragment, {
5405
+ key: memType
5406
+ }, /*#__PURE__*/React__default.createElement(AddMembershipButton, {
5407
+ type: memType,
5408
+ setModalState: setModalState,
5409
+ modalState: modalState,
5410
+ list: groupedMembershipData[memType],
5411
+ updateList: updateList,
5412
+ handleEdit: handleEdit,
5413
+ isProfile: isProfile
5414
+ }), ind < 2 && /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
5415
+ className: styles$3.divider
5416
+ }));
5417
+ })));
5418
+ };
5419
+
4493
5420
  var AdditionalInfo = function AdditionalInfo(_ref) {
4494
5421
  var _clsx;
4495
5422
  var membershipInfoInput = _ref.membershipInfoInput,
4496
- onMemInfoInputChange = _ref.onMemInfoInputChange,
4497
- addMemInfoInput = _ref.addMemInfoInput,
4498
5423
  travelPreferenceInfo = _ref.travelPreferenceInfo,
4499
5424
  _ref$travelPreference = _ref.travelPreferenceOnChange,
4500
5425
  travelPreferenceOnChange = _ref$travelPreference === void 0 ? function () {} : _ref$travelPreference,
@@ -4511,10 +5436,12 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
4511
5436
  dateFormat = _ref.dateFormat,
4512
5437
  _ref$defaultExpand = _ref.defaultExpand,
4513
5438
  defaultExpand = _ref$defaultExpand === void 0 ? false : _ref$defaultExpand,
4514
- _ref$handleRemoveMemF = _ref.handleRemoveMemFields,
4515
- handleRemoveMemFields = _ref$handleRemoveMemF === void 0 ? {} : _ref$handleRemoveMemF,
4516
5439
  _ref$setAdditionalInf = _ref.setAdditionalInfoFlag,
4517
- setAdditionalInfoFlag = _ref$setAdditionalInf === void 0 ? function () {} : _ref$setAdditionalInf;
5440
+ setAdditionalInfoFlag = _ref$setAdditionalInf === void 0 ? function () {} : _ref$setAdditionalInf,
5441
+ _ref$setMembershipInf = _ref.setMembershipInfoInput,
5442
+ setMembershipInfoInput = _ref$setMembershipInf === void 0 ? function () {} : _ref$setMembershipInf,
5443
+ _ref$isProfile = _ref.isProfile,
5444
+ isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
4518
5445
  var handleChange = function handleChange(panel) {
4519
5446
  return function (event, defaultExpand) {
4520
5447
  setAdditionalInfoFlag(defaultExpand ? panel : false);
@@ -4526,57 +5453,9 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
4526
5453
  passportInfo = _useSelector.passportInfo,
4527
5454
  secureTravelInfo = _useSelector.secureTravelInfo,
4528
5455
  travelPreference = _useSelector.travelPreference;
4529
- var _useSelector2 = reactRedux.useSelector(function (state) {
4530
- return state.userAddEdit;
4531
- }),
4532
- maxMembershipInput = _useSelector2.maxMembershipInput;
4533
5456
  var dropdownList = reactRedux.useSelector(function (state) {
4534
5457
  return state.userAddEdit.dropdownList;
4535
5458
  });
4536
- var MembershipField = function MembershipField(_ref2) {
4537
- var val = _ref2.val,
4538
- index = _ref2.index;
4539
- if (val.membership_type === 'flight') {
4540
- return (
4541
- /*#__PURE__*/
4542
- React__default.createElement(iuistyles.IUIInput, {
4543
- label: "Airline name",
4544
- placeholder: "Enter airline name",
4545
- fullwidth: false,
4546
- defaultValue: val.name,
4547
- onValueChange: function onValueChange(_ref3) {
4548
- var _value = _ref3._value;
4549
- return onMemInfoInputChange(index, 'name', _value);
4550
- }
4551
- })
4552
- );
4553
- }
4554
- if (val.membership_type === 'hotel') {
4555
- return /*#__PURE__*/React__default.createElement(iuistyles.IUIInput, {
4556
- label: "Hotel name",
4557
- placeholder: "Enter hotel name",
4558
- fullwidth: false,
4559
- defaultValue: val.name,
4560
- onValueChange: function onValueChange(_ref4) {
4561
- var _value = _ref4._value;
4562
- return onMemInfoInputChange(index, 'name', _value);
4563
- }
4564
- });
4565
- }
4566
- if (val.membership_type === 'rental_car') {
4567
- return /*#__PURE__*/React__default.createElement(iuistyles.IUIInput, {
4568
- label: "Car provider name",
4569
- placeholder: "Enter a car provider name",
4570
- fullwidth: false,
4571
- defaultValue: val.name,
4572
- onValueChange: function onValueChange(_ref5) {
4573
- var _value = _ref5._value;
4574
- return onMemInfoInputChange(index, 'name', _value);
4575
- }
4576
- });
4577
- }
4578
- return null;
4579
- };
4580
5459
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIAccordion, {
4581
5460
  expanded: defaultExpand === 'open',
4582
5461
  onChange: handleChange('open'),
@@ -4658,8 +5537,7 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
4658
5537
  md: 4
4659
5538
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
4660
5539
  label: "Membership information",
4661
- headerType: true,
4662
- description: "You can add up to " + maxMembershipInput + " membership details"
5540
+ headerType: true
4663
5541
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
4664
5542
  item: true,
4665
5543
  sm: 12,
@@ -4669,139 +5547,11 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
4669
5547
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
4670
5548
  container: true,
4671
5549
  className: styles.formFieldsWrapper
4672
- }, membershipInfoInput.length === 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
4673
- className: styles.emptyFieldContainer
4674
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
4675
- className: styles.emptyFieldDescription
4676
- }, "No membership details added yet"), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
4677
- className: clsx(styles.emptyFieldBtnContainer, styles.rowGap),
4678
- display: "flex"
4679
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
4680
- buttonText: "Add airline",
4681
- type: "text",
4682
- startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
4683
- width: "10",
4684
- height: "10",
4685
- color: "#EC5D25"
4686
- }),
4687
- className: styles.paddingTop,
4688
- onClick: function onClick(e) {
4689
- return addMemInfoInput('flight');
4690
- }
4691
- }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
4692
- buttonText: "Add hotel",
4693
- type: "text",
4694
- startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
4695
- width: "10",
4696
- height: "10",
4697
- color: "#EC5D25"
4698
- }),
4699
- className: styles.paddingTop,
4700
- onClick: function onClick(e) {
4701
- return addMemInfoInput('hotel');
4702
- }
4703
- }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
4704
- buttonText: "Add car rental",
4705
- type: "text",
4706
- startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
4707
- width: "10",
4708
- height: "10",
4709
- color: "#EC5D25"
4710
- }),
4711
- className: styles.paddingTop,
4712
- onClick: function onClick(e) {
4713
- return addMemInfoInput('rental_car');
4714
- }
4715
- }))), membershipInfoInput.length > 0 && membershipInfoInput.map(function (val, index) {
4716
- if (index >= maxMembershipInput) {
4717
- return null;
4718
- }
4719
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
4720
- key: index.toString()
4721
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
4722
- item: true,
4723
- md: 8,
4724
- lg: 6,
4725
- xl: 6
4726
- }, /*#__PURE__*/React__default.createElement(MembershipField, {
4727
- val: val,
4728
- index: index,
4729
- key: index.toString()
4730
- })), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
4731
- item: true,
4732
- md: 8,
4733
- lg: 6,
4734
- xl: 6
4735
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
4736
- component: "div",
4737
- display: "flex"
4738
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIInput, {
4739
- label: "Membership number",
4740
- placeholder: "Enter membership number",
4741
- fullwidth: false,
4742
- defaultValue: val.number,
4743
- onValueChange: function onValueChange(_ref6) {
4744
- var _value = _ref6._value;
4745
- return onMemInfoInputChange(index, 'number', _value);
4746
- }
4747
- }), /*#__PURE__*/React__default.createElement(iuistyles.IUIIconButton, {
4748
- style: {
4749
- marginTop: '30px'
4750
- },
4751
- disableRipple: true,
4752
- onClick: function onClick() {
4753
- return handleRemoveMemFields(index);
4754
- },
4755
- className: styles.backGrdColorOnHover
4756
- }, /*#__PURE__*/React__default.createElement(CrossIcon, {
4757
- width: "14",
4758
- height: "14"
4759
- })))));
4760
- }), membershipInfoInput.length < maxMembershipInput && membershipInfoInput.length > 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
4761
- item: true,
4762
- md: 8,
4763
- lg: 8,
4764
- xl: 8
4765
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
4766
- className: clsx(styles.emptyFieldBtnContainer, styles.rowGap),
4767
- display: "flex"
4768
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
4769
- buttonText: "Add airline",
4770
- type: "text",
4771
- startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
4772
- width: "10",
4773
- height: "10",
4774
- color: "#EC5D25"
4775
- }),
4776
- className: styles.paddingTop,
4777
- onClick: function onClick(e) {
4778
- return addMemInfoInput('flight');
4779
- }
4780
- }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
4781
- buttonText: "Add hotel",
4782
- type: "text",
4783
- startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
4784
- width: "10",
4785
- height: "10",
4786
- color: "#EC5D25"
4787
- }),
4788
- className: styles.paddingTop,
4789
- onClick: function onClick(e) {
4790
- return addMemInfoInput('hotel');
4791
- }
4792
- }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
4793
- buttonText: "Add car rental",
4794
- type: "text",
4795
- startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
4796
- width: "10",
4797
- height: "10",
4798
- color: "#EC5D25"
4799
- }),
4800
- className: styles.paddingTop,
4801
- onClick: function onClick(e) {
4802
- return addMemInfoInput('rental_car');
4803
- }
4804
- })))))), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
5550
+ }, /*#__PURE__*/React__default.createElement(Membership, {
5551
+ membershipInfoInput: membershipInfoInput,
5552
+ setMembershipInfoInput: setMembershipInfoInput,
5553
+ isProfile: isProfile
5554
+ })))), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
4805
5555
  className: styles.dividerColor
4806
5556
  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
4807
5557
  container: true,
@@ -4885,7 +5635,7 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
4885
5635
  }))))));
4886
5636
  };
4887
5637
 
4888
- var styles$3 = {"root":"_b_muK","minWidth":"_3OQXs","bullet":"_1Q5vL","pos":"_6wGWA","cardHeader":"_SWCfJ","pageHeader":"_2ZeWp","buttonHover":"_2Iuy1","cardHeaderBackground":"_3NJWF","actionCustom":"_3Kbfm"};
5638
+ var styles$4 = {"root":"_b_muK","minWidth":"_3OQXs","bullet":"_1Q5vL","pos":"_6wGWA","cardHeader":"_SWCfJ","pageHeader":"_2ZeWp","buttonHover":"_2Iuy1","cardHeaderBackground":"_3NJWF","actionCustom":"_3Kbfm"};
4889
5639
 
4890
5640
  var VerificationError = function VerificationError(_ref) {
4891
5641
  var config = _ref.config,
@@ -4896,18 +5646,18 @@ var VerificationError = function VerificationError(_ref) {
4896
5646
  var history = reactRouterDom.useHistory();
4897
5647
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
4898
5648
  component: "div",
4899
- className: styles$3.pageHeader
5649
+ className: styles$4.pageHeader
4900
5650
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUICard, {
4901
5651
  headerComponentTitle: title,
4902
- cardHeaderClassName: styles$3.cardHeaderBackground,
5652
+ cardHeaderClassName: styles$4.cardHeaderBackground,
4903
5653
  headerComponent: /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
4904
5654
  gutterBottom: true,
4905
5655
  variant: "h4",
4906
- className: styles$3.cardHeader
5656
+ className: styles$4.cardHeader
4907
5657
  }, title),
4908
5658
  description: errMsg,
4909
5659
  actionComponent: /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
4910
- className: styles$3.buttonHover,
5660
+ className: styles$4.buttonHover,
4911
5661
  buttonText: "BACK TO HOMEPAGE",
4912
5662
  type: "outlined",
4913
5663
  onClick: function onClick() {
@@ -4944,8 +5694,8 @@ var ErrorMessages = {
4944
5694
  passport_photo: 'Please attach passport photo.',
4945
5695
  travel_docs: 'Please attach travel docs.',
4946
5696
  products: 'Please select atleast one product access.',
4947
- only_cards_products: 'Select at least one additional product if opting for cards.',
4948
- none_products: 'Select at least one product. If opting for cards, please choose at least one additional product.'
5697
+ only_cards_products: 'Currently, Card cannot be selected as a standalone option. Please add at least one more product.',
5698
+ none_products: 'Select at least one product. If opting for card, please choose at least one additional product.'
4949
5699
  };
4950
5700
 
4951
5701
  function AddPanelDialog(_ref) {
@@ -5004,7 +5754,11 @@ var CardsField = function CardsField(props) {
5004
5754
  _props$isProfile = props.isProfile,
5005
5755
  isProfile = _props$isProfile === void 0 ? false : _props$isProfile,
5006
5756
  _props$roles = props.roles,
5007
- roles = _props$roles === void 0 ? [] : _props$roles;
5757
+ roles = _props$roles === void 0 ? [] : _props$roles,
5758
+ _props$cardsAdmin = props.cardsAdmin,
5759
+ cardsAdmin = _props$cardsAdmin === void 0 ? false : _props$cardsAdmin,
5760
+ editUserId = props.editUserId,
5761
+ loggedInUserId = props.loggedInUserId;
5008
5762
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
5009
5763
  container: true,
5010
5764
  className: (styles.headingPadding)
@@ -5033,17 +5787,30 @@ var CardsField = function CardsField(props) {
5033
5787
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
5034
5788
  container: true,
5035
5789
  className: styles.formFieldsWrapper
5036
- }, isProfile ? /*#__PURE__*/React__default.createElement(UserRole, {
5790
+ }, isProfile || loggedInUserId === editUserId ? /*#__PURE__*/React__default.createElement(UserRole, {
5037
5791
  list: roles,
5038
5792
  value: roleValue
5039
5793
  }) : /*#__PURE__*/React__default.createElement(iuistyles.IUIRadio, {
5040
5794
  list: roles,
5041
5795
  value: roleValue,
5042
- onValueChange: onRoleChange
5043
- })))));
5796
+ onValueChange: onRoleChange,
5797
+ disabled: cardsAdmin ? false : true
5798
+ })), !cardsAdmin && !isProfile && /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
5799
+ item: true,
5800
+ sm: 12,
5801
+ md: 12,
5802
+ lg: 12,
5803
+ style: {
5804
+ marginTop: "24px"
5805
+ }
5806
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
5807
+ variant: "body2",
5808
+ component: "span",
5809
+ className: styles.errorTextCls
5810
+ }, editUserId ? "Only Card admin can change the Card role." : "Only Card admin can change card roles. By default this user will have Card Holder role.")))));
5044
5811
  };
5045
5812
 
5046
- var IUIToastMessageService$4 = utils.services.IUIToastMessageService,
5813
+ var IUIToastMessageService$6 = utils.services.IUIToastMessageService,
5047
5814
  IUILocalStorageService$5 = utils.services.IUILocalStorageService;
5048
5815
  var env$4 = utils.configs.env;
5049
5816
  var UserAddEdit = function UserAddEdit(props) {
@@ -5052,8 +5819,6 @@ var UserAddEdit = function UserAddEdit(props) {
5052
5819
  config = props.config,
5053
5820
  _props$isProfile = props.isProfile,
5054
5821
  isProfile = _props$isProfile === void 0 ? false : _props$isProfile;
5055
- console.log("isProfile", isProfile);
5056
- console.log("isEditMode", isEditMode);
5057
5822
  env$4.init(config, isProfile);
5058
5823
  var queryParams = new URLSearchParams(window.location.search);
5059
5824
  var verifyUserId = Number(queryParams.get(config.routes.users.add.queryParamKeys.verifyUserId));
@@ -5090,7 +5855,7 @@ var UserAddEdit = function UserAddEdit(props) {
5090
5855
  var _useState = React.useState({
5091
5856
  travel: false,
5092
5857
  expense: false,
5093
- cards: false
5858
+ card: false
5094
5859
  }),
5095
5860
  productAccess = _useState[0],
5096
5861
  setProductAccess = _useState[1];
@@ -5101,7 +5866,7 @@ var UserAddEdit = function UserAddEdit(props) {
5101
5866
  errorMsgs.products = '';
5102
5867
  var _productAccess = _extends({}, productAccess);
5103
5868
  _productAccess[value] = !_productAccess[value];
5104
- if (_productAccess.travel === false && _productAccess.expense === false && _productAccess.cards === true) {
5869
+ if (_productAccess.travel === false && _productAccess.expense === false && _productAccess.card === true) {
5105
5870
  var _errorArray = [].concat(errorArray);
5106
5871
  var _errorMsgs = _extends({}, errorMsgs);
5107
5872
  if (_errorArray.indexOf('products') === -1) {
@@ -5117,7 +5882,7 @@ var UserAddEdit = function UserAddEdit(props) {
5117
5882
  block: 'center'
5118
5883
  });
5119
5884
  }
5120
- } else if (_productAccess.travel === false && _productAccess.expense === false && _productAccess.cards === false) {
5885
+ } else if (_productAccess.travel === false && _productAccess.expense === false && _productAccess.card === false) {
5121
5886
  var _errorArray2 = [].concat(errorArray);
5122
5887
  var _errorMsgs2 = _extends({}, errorMsgs);
5123
5888
  if (_errorArray2.indexOf('products') === -1) {
@@ -5196,9 +5961,9 @@ var UserAddEdit = function UserAddEdit(props) {
5196
5961
  if (_loop()) break;
5197
5962
  }
5198
5963
  } else if (typeof err === 'string') {
5199
- IUIToastMessageService$4.warningNotify(err);
5964
+ IUIToastMessageService$6.warningNotify(err);
5200
5965
  } else {
5201
- IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
5966
+ IUIToastMessageService$6.warningNotify('Opps, Something went wrong.');
5202
5967
  }
5203
5968
  })["finally"](function () {
5204
5969
  dispatch(stopLoader());
@@ -5249,9 +6014,9 @@ var UserAddEdit = function UserAddEdit(props) {
5249
6014
  if (_loop2()) break;
5250
6015
  }
5251
6016
  } else if (typeof err === 'string') {
5252
- IUIToastMessageService$4.warningNotify(err);
6017
+ IUIToastMessageService$6.warningNotify(err);
5253
6018
  } else {
5254
- IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
6019
+ IUIToastMessageService$6.warningNotify('Opps, Something went wrong.');
5255
6020
  }
5256
6021
  })["finally"](function () {
5257
6022
  dispatch(stopLoader());
@@ -5271,7 +6036,7 @@ var UserAddEdit = function UserAddEdit(props) {
5271
6036
  if (res !== null && res !== void 0 && (_res$roles = res.roles) !== null && _res$roles !== void 0 && _res$roles.length) {
5272
6037
  dispatch(setCardsDetails(res));
5273
6038
  } else {
5274
- IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
6039
+ IUIToastMessageService$6.warningNotify('Opps, Something went wrong.');
5275
6040
  }
5276
6041
  })["catch"](function (error) {
5277
6042
  console.log("errorrr", error);
@@ -5291,7 +6056,7 @@ var UserAddEdit = function UserAddEdit(props) {
5291
6056
  if (res !== null && res !== void 0 && (_res$roles2 = res.roles) !== null && _res$roles2 !== void 0 && _res$roles2.length) {
5292
6057
  dispatch(setCardsDetails(res));
5293
6058
  } else {
5294
- IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
6059
+ IUIToastMessageService$6.warningNotify('Opps, Something went wrong.');
5295
6060
  }
5296
6061
  })["catch"](function (error) {
5297
6062
  console.log("errorrr", error);
@@ -5451,68 +6216,50 @@ var UserAddEdit = function UserAddEdit(props) {
5451
6216
  var _useState25 = React.useState(''),
5452
6217
  cardsRole = _useState25[0],
5453
6218
  setCardsRole = _useState25[1];
5454
- var _useState26 = React.useState(false),
5455
- cardsErrorMsg = _useState26[0],
5456
- setCardsErrorMsg = _useState26[1];
5457
- console.log("cardsRole123", cardsRole);
5458
- console.log("cardsErrorMsg", cardsErrorMsg);
5459
6219
  React.useEffect(function () {
5460
- if (isCardsAdmin === false && cardsRole.includes("card-admin")) {
5461
- setCardsErrorMsg(true);
5462
- IUIToastMessageService$4.warningNotify("You are not authorized person to make someone admin");
5463
- } else {
5464
- setCardsErrorMsg(false);
6220
+ if (productAccess.card === false) {
6221
+ setCardsRole('');
5465
6222
  }
5466
- }, [cardsRole]);
6223
+ }, [productAccess.card]);
5467
6224
  React.useEffect(function () {
5468
- if (productAccess.cards === false) {
5469
- setCardsRole('');
5470
- } else {
6225
+ if (isCardsDetailsRendered && !isProfile && productAccess.card) {
6226
+ var selectedRole = cardsDetails.cardsRoles.find(function (role) {
6227
+ return role.isAssigned;
6228
+ });
6229
+ if (selectedRole) {
6230
+ setCardsRole(selectedRole.value);
6231
+ } else {
6232
+ var defaultRole = cardsDetails.cardsRoles.find(function (role) {
6233
+ var splitRoleVal = role.value.split(':');
6234
+ return splitRoleVal[2] === 'card-holder';
6235
+ });
6236
+ if (defaultRole) {
6237
+ setCardsRole(defaultRole.value);
6238
+ }
6239
+ }
6240
+ } else if (isCardsDetailsRendered && isProfile && productAccess.card) {
6241
+ var targetRole = isCardsAdmin ? 'card-admin' : 'card-holder';
5471
6242
  for (var _iterator = _createForOfIteratorHelperLoose(cardsDetails.cardsRoles), _step; !(_step = _iterator()).done;) {
5472
6243
  var role = _step.value;
5473
- var splitRoleval = role.value.split(":");
5474
- var defaultRole = splitRoleval[2];
5475
- if (defaultRole === 'card-holder') {
6244
+ var splitRoleVal = role.value.split(':');
6245
+ var profileRole = splitRoleVal[2];
6246
+ if (profileRole === targetRole) {
5476
6247
  setCardsRole(role.value);
5477
6248
  break;
5478
6249
  }
5479
6250
  }
5480
6251
  }
5481
- }, [productAccess.cards]);
5482
- React.useEffect(function () {
5483
- if (isCardsDetailsRendered) {
5484
- var selectedRole = null;
5485
- for (var _iterator2 = _createForOfIteratorHelperLoose(cardsDetails.cardsRoles), _step2; !(_step2 = _iterator2()).done;) {
5486
- var _role = _step2.value;
5487
- if (_role.isAssigned) {
5488
- setCardsRole(_role.value);
5489
- selectedRole = _role.value;
5490
- break;
5491
- }
5492
- }
5493
- if (selectedRole === null) {
5494
- for (var _iterator3 = _createForOfIteratorHelperLoose(cardsDetails.cardsRoles), _step3; !(_step3 = _iterator3()).done;) {
5495
- var role = _step3.value;
5496
- var splitRoleval = role.value.split(":");
5497
- var defaultRole = splitRoleval[2];
5498
- if (defaultRole === 'card-holder') {
5499
- setCardsRole(role.value);
5500
- break;
5501
- }
5502
- }
5503
- }
5504
- }
5505
- }, [isCardsDetailsRendered, cardsDetails]);
6252
+ }, [isCardsDetailsRendered, cardsDetails, isProfile, productAccess.card, isCardsAdmin]);
5506
6253
  var asyncSelectRefs = React.useRef({
5507
6254
  emp_level: React.useRef(null),
5508
6255
  entity: React.useRef(null),
5509
6256
  business_unit: React.useRef(null),
5510
6257
  department: React.useRef(null)
5511
6258
  });
5512
- var _useState27 = React.useState([]),
5513
- errorArray = _useState27[0],
5514
- setErrorArray = _useState27[1];
5515
- var _useState28 = React.useState({
6259
+ var _useState26 = React.useState([]),
6260
+ errorArray = _useState26[0],
6261
+ setErrorArray = _useState26[1];
6262
+ var _useState27 = React.useState({
5516
6263
  first_name: '',
5517
6264
  last_name: '',
5518
6265
  email: '',
@@ -5542,9 +6289,9 @@ var UserAddEdit = function UserAddEdit(props) {
5542
6289
  userTagType: '',
5543
6290
  profile_pic: ''
5544
6291
  }),
5545
- errorMsgs = _useState28[0],
5546
- setErrorMsgs = _useState28[1];
5547
- var _useState29 = React.useState({
6292
+ errorMsgs = _useState27[0],
6293
+ setErrorMsgs = _useState27[1];
6294
+ var _useState28 = React.useState({
5548
6295
  first_name: false,
5549
6296
  last_name: false,
5550
6297
  email: false,
@@ -5571,14 +6318,14 @@ var UserAddEdit = function UserAddEdit(props) {
5571
6318
  userTagType: false,
5572
6319
  profile_pic: false
5573
6320
  }),
5574
- inputChangeLog = _useState29[0],
5575
- updateInputChangeLog = _useState29[1];
5576
- var _useState30 = React.useState([]),
5577
- uploadedFiles = _useState30[0],
5578
- setUploadedFiles = _useState30[1];
5579
- var _useState31 = React.useState(70),
5580
- maxLengthForModal = _useState31[0],
5581
- setMaxLengthForModal = _useState31[1];
6321
+ inputChangeLog = _useState28[0],
6322
+ updateInputChangeLog = _useState28[1];
6323
+ var _useState29 = React.useState([]),
6324
+ uploadedFiles = _useState29[0],
6325
+ setUploadedFiles = _useState29[1];
6326
+ var _useState30 = React.useState(70),
6327
+ maxLengthForModal = _useState30[0],
6328
+ setMaxLengthForModal = _useState30[1];
5582
6329
  var defaultAddModalData = {
5583
6330
  isOpen: false,
5584
6331
  isError: false,
@@ -5594,9 +6341,9 @@ var UserAddEdit = function UserAddEdit(props) {
5594
6341
  maxLength: maxLengthForModal,
5595
6342
  minLength: 0
5596
6343
  };
5597
- var _useState32 = React.useState(defaultAddModalData),
5598
- addModalData = _useState32[0],
5599
- setAddModalData = _useState32[1];
6344
+ var _useState31 = React.useState(defaultAddModalData),
6345
+ addModalData = _useState31[0],
6346
+ setAddModalData = _useState31[1];
5600
6347
  var onAddModalClose = function onAddModalClose() {
5601
6348
  setAddModalData(_extends({}, defaultAddModalData));
5602
6349
  };
@@ -5657,7 +6404,7 @@ var UserAddEdit = function UserAddEdit(props) {
5657
6404
  setAddModalData(_extends({}, addModalData, {
5658
6405
  isOpen: false
5659
6406
  }));
5660
- IUIToastMessageService$4.sNotify(addModalData.title + " added successfully.");
6407
+ IUIToastMessageService$6.sNotify(addModalData.title + " added successfully.");
5661
6408
  var tempKey = addModalData.id === 'employee_level' ? 'emp_level' : addModalData.id;
5662
6409
  if (addModalData.id === 'department') {
5663
6410
  var _extends2;
@@ -6008,7 +6755,7 @@ var UserAddEdit = function UserAddEdit(props) {
6008
6755
  React.useEffect(function () {
6009
6756
  if (isRendered === true) {
6010
6757
  renderFields === null || renderFields === void 0 ? void 0 : renderFields.products.forEach(function (prod) {
6011
- if ((prod === null || prod === void 0 ? void 0 : prod.name) === 'cards') {
6758
+ if ((prod === null || prod === void 0 ? void 0 : prod.name) === 'card') {
6012
6759
  editUserId ? fetchEditUserCardsDetails(editUserId) : fetchLoggedUserCardsDetails();
6013
6760
  }
6014
6761
  });
@@ -6134,7 +6881,7 @@ var UserAddEdit = function UserAddEdit(props) {
6134
6881
  setProductAccess({
6135
6882
  travel: products.includes('travel'),
6136
6883
  expense: products.includes('expense'),
6137
- cards: products.includes('cards')
6884
+ card: products.includes('card')
6138
6885
  });
6139
6886
  if (products.includes('travel')) {
6140
6887
  var _res$travel_info, _res$travel_info2, _res$travel_info3, _res$travel_info4, _res$travel_info5, _res$travel_info6;
@@ -6342,7 +7089,7 @@ var UserAddEdit = function UserAddEdit(props) {
6342
7089
  try {
6343
7090
  var checkAnyError = doesFormHasError();
6344
7091
  if (checkAnyError) {
6345
- IUIToastMessageService$4.warningNotify(checkAnyError);
7092
+ IUIToastMessageService$6.warningNotify(checkAnyError);
6346
7093
  return Promise.resolve();
6347
7094
  }
6348
7095
  if (employeeInfoInput.manager_id.value !== '') {
@@ -6386,9 +7133,6 @@ var UserAddEdit = function UserAddEdit(props) {
6386
7133
  employeeInfo = optionalFields.employee_info,
6387
7134
  userTravelInfo = optionalFields.user_travel_info;
6388
7135
  var allMandatoryFields = ['first_name', 'last_name', 'email'];
6389
- if (cardsErrorMsg) {
6390
- _isError = true;
6391
- }
6392
7136
  allMandatoryFields.forEach(function (key, index) {
6393
7137
  if (personalInfoInput[key] === '') {
6394
7138
  _isError = true;
@@ -6527,7 +7271,7 @@ var UserAddEdit = function UserAddEdit(props) {
6527
7271
  }
6528
7272
  }
6529
7273
  var cardApiflag = false;
6530
- if (productAccess.cards === false) {
7274
+ if (productAccess.card === false || isCardsAdmin === false) {
6531
7275
  cardApiflag = false;
6532
7276
  } else {
6533
7277
  cardApiflag = true;
@@ -6535,7 +7279,7 @@ var UserAddEdit = function UserAddEdit(props) {
6535
7279
  if (!_isError) {
6536
7280
  if (isEditMode && editUserId || isProfile) {
6537
7281
  dispatch(showLoader());
6538
- if (cardApiflag) {
7282
+ if (cardApiflag && !isProfile && editUserId !== (id === null || id === void 0 ? void 0 : id.toString())) {
6539
7283
  fetch(userAddEditUrl.cardsEditUserDetails(editUserId), {
6540
7284
  method: 'POST',
6541
7285
  body: JSON.stringify(cardsPayload),
@@ -6547,7 +7291,7 @@ var UserAddEdit = function UserAddEdit(props) {
6547
7291
  if (response.status === 200) {
6548
7292
  updateUserApiCall(payload, inputChangeLog);
6549
7293
  } else {
6550
- IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
7294
+ IUIToastMessageService$6.warningNotify('Opps, Something went wrong.');
6551
7295
  }
6552
7296
  })["catch"](function (error) {
6553
7297
  console.log("errorrr", error);
@@ -6572,7 +7316,7 @@ var UserAddEdit = function UserAddEdit(props) {
6572
7316
  }
6573
7317
  }).then(function (response) {
6574
7318
  if (response.status !== 200) {
6575
- IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
7319
+ IUIToastMessageService$6.warningNotify('Opps, Something went wrong.');
6576
7320
  }
6577
7321
  })["catch"](function (error) {
6578
7322
  console.log("errorrr", error);
@@ -6616,9 +7360,9 @@ var UserAddEdit = function UserAddEdit(props) {
6616
7360
  if (_loop4()) break;
6617
7361
  }
6618
7362
  } else if (typeof err === 'string') {
6619
- IUIToastMessageService$4.warningNotify(err);
7363
+ IUIToastMessageService$6.warningNotify(err);
6620
7364
  } else {
6621
- IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
7365
+ IUIToastMessageService$6.warningNotify('Opps, Something went wrong.');
6622
7366
  }
6623
7367
  })["finally"](function () {
6624
7368
  dispatch(stopLoader());
@@ -6957,6 +7701,13 @@ var UserAddEdit = function UserAddEdit(props) {
6957
7701
  className: styles.productContainerGap
6958
7702
  }, renderFields.products.map(function (p, i) {
6959
7703
  p.readOnly = isProfile;
7704
+ if (p.id === 3 && !isCardsAdmin && !isProfile) {
7705
+ p.readOnly = true;
7706
+ p.disableText = "Only card admin can change this access.";
7707
+ } else if (p.id === 3 && editUserId === (id === null || id === void 0 ? void 0 : id.toString())) {
7708
+ p.readOnly = true;
7709
+ p.disableText = "You cannot update your own Card product";
7710
+ }
6960
7711
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
6961
7712
  item: true,
6962
7713
  sm: 12,
@@ -7022,7 +7773,9 @@ var UserAddEdit = function UserAddEdit(props) {
7022
7773
  errorMsgs: errorMsgs,
7023
7774
  dateFormat: dateFormat,
7024
7775
  defaultExpand: isAdditionalInfoExpanded,
7025
- setAdditionalInfoFlag: setAdditionalInfoFlag
7776
+ setAdditionalInfoFlag: setAdditionalInfoFlag,
7777
+ setMembershipInfoInput: setMembershipInfoInput,
7778
+ isProfile: isProfile
7026
7779
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
7027
7780
  className: styles.dividerColor
7028
7781
  }), productAccess && productAccess.expense && /*#__PURE__*/React__default.createElement(TravelExpenseFields, {
@@ -7051,9 +7804,9 @@ var UserAddEdit = function UserAddEdit(props) {
7051
7804
  roles: renderFields.expenseRoles
7052
7805
  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
7053
7806
  className: styles.dividerColor
7054
- }), isCardsDetailsRendered && productAccess && productAccess.cards && /*#__PURE__*/React__default.createElement(CardsField, {
7807
+ }), isCardsDetailsRendered && productAccess && productAccess.card && /*#__PURE__*/React__default.createElement(CardsField, {
7055
7808
  cardsConstants: cardsDetails.cardsConstants,
7056
- type: "cards",
7809
+ type: "card",
7057
7810
  isProfile: isProfile,
7058
7811
  onRoleChange: function onRoleChange(_ref7) {
7059
7812
  var _value = _ref7._value;
@@ -7061,7 +7814,9 @@ var UserAddEdit = function UserAddEdit(props) {
7061
7814
  },
7062
7815
  roleValue: cardsRole,
7063
7816
  roles: cardsDetails.cardsRoles,
7064
- cardsAdmin: isCardsAdmin
7817
+ cardsAdmin: isCardsAdmin,
7818
+ editUserId: editUserId,
7819
+ loggedInUserId: id === null || id === void 0 ? void 0 : id.toString()
7065
7820
  }))) : /*#__PURE__*/React__default.createElement(VerificationError, {
7066
7821
  config: config,
7067
7822
  errMsg: hasVerificationError
@@ -7077,7 +7832,7 @@ var UserAddEdit = function UserAddEdit(props) {
7077
7832
  };
7078
7833
  var index = withStore(UserAddEdit);
7079
7834
 
7080
- var styles$4 = {"UUIUserManagementImport":"_2LqsB","pageHeader":"_2e_3-","heading":"_3eU-2","headingLarge":"_2Att5","headingMedium":"_1V1WI","headingSmall":"_3K2if","dividerColor":"_2HV3a","container":"_1IhuU","customRadioEach":"_1SNqS","fileEmptyScreenClass":"_1oAZy","emptyScreenText":"_2Dr6Z","tablewrapper":"_3qvwi","rowText":"_2gGIL","textTransform":"_1wfQ7","lightColor":"_mB5T5","customRadio":"_Jgvba","radioLbl":"_3ymQp","connector":"_2wR5m","recordsDetails":"_1K8ye","rightBorder":"_2xf9y","mildText":"_GMJnw","buttonTopalignment":"_1yIRP","minWidth":"_2QJ1O","recordValue":"_2B4yV","validationLine":"_3wyl5","descText":"_3mh3L","divider":"_1FdXG","checkboxlabel":"_2Nf4P","disabledText":"_2fNvj","statusCircle":"_3LWGh","draftCircle":"_2sc-Y","colGap":"_7nyR0","infoText":"_1ktOg","infoLbl":"_3dfeW","importStatus":"_f2QaG","completedContainer":"_1bMg3","recordRow":"_3bzZL","numberText":"_33tc8","stepper":"_2qgQw","importProgressInfo":"_3L6ao","importProgressInfotext":"_yI1xw","lightLargeFont":"_evdHP","backdrop":"_1CjJP"};
7835
+ var styles$5 = {"UUIUserManagementImport":"_2LqsB","pageHeader":"_2e_3-","heading":"_3eU-2","headingLarge":"_2Att5","headingMedium":"_1V1WI","headingSmall":"_3K2if","dividerColor":"_2HV3a","container":"_1IhuU","customRadioEach":"_1SNqS","fileEmptyScreenClass":"_1oAZy","emptyScreenText":"_2Dr6Z","tablewrapper":"_3qvwi","rowText":"_2gGIL","textTransform":"_1wfQ7","lightColor":"_mB5T5","customRadio":"_Jgvba","radioLbl":"_3ymQp","connector":"_2wR5m","recordsDetails":"_1K8ye","rightBorder":"_2xf9y","mildText":"_GMJnw","buttonTopalignment":"_1yIRP","minWidth":"_2QJ1O","recordValue":"_2B4yV","validationLine":"_3wyl5","descText":"_3mh3L","divider":"_1FdXG","checkboxlabel":"_2Nf4P","disabledText":"_2fNvj","statusCircle":"_3LWGh","draftCircle":"_2sc-Y","colGap":"_7nyR0","infoText":"_1ktOg","infoLbl":"_3dfeW","importStatus":"_f2QaG","completedContainer":"_1bMg3","recordRow":"_3bzZL","numberText":"_33tc8","stepper":"_2qgQw","importProgressInfo":"_3L6ao","importProgressInfotext":"_yI1xw","lightLargeFont":"_evdHP","backdrop":"_1CjJP"};
7081
7836
 
7082
7837
  var DownloadIcon = function DownloadIcon(props) {
7083
7838
  return /*#__PURE__*/React__default.createElement("svg", {
@@ -7118,21 +7873,6 @@ var CheckCircleIcon = function CheckCircleIcon(props) {
7118
7873
  }));
7119
7874
  };
7120
7875
 
7121
- var ChevronNext = function ChevronNext() {
7122
- return /*#__PURE__*/React__default.createElement("svg", {
7123
- xmlns: "http://www.w3.org/2000/svg",
7124
- width: "8",
7125
- height: "16",
7126
- fill: "none",
7127
- viewBox: "0 0 8 16"
7128
- }, /*#__PURE__*/React__default.createElement("path", {
7129
- stroke: "#9CA3AF",
7130
- strokeLinecap: "round",
7131
- strokeLinejoin: "round",
7132
- d: "M2 4l4 4-4 4"
7133
- }));
7134
- };
7135
-
7136
7876
  var FileError = function FileError() {
7137
7877
  return /*#__PURE__*/React__default.createElement("svg", {
7138
7878
  xmlns: "http://www.w3.org/2000/svg",
@@ -7172,7 +7912,7 @@ var Progressicon = function Progressicon(props) {
7172
7912
  }));
7173
7913
  };
7174
7914
 
7175
- var api$6 = utils.configs.api;
7915
+ var api$8 = utils.configs.api;
7176
7916
  var showLoader$2 = function showLoader() {
7177
7917
  return {
7178
7918
  type: SHOW_LOADER$4
@@ -7198,7 +7938,7 @@ var setBulkActionHistoryFields = function setBulkActionHistoryFields(payload) {
7198
7938
  var generateTemplate = function generateTemplate(payload) {
7199
7939
  return function (dispatch) {
7200
7940
  return new Promise(function (resolve, reject) {
7201
- api$6.get("" + userBulkImport.generateTemplate()).then(function (res) {
7941
+ api$8.get("" + userBulkImport.generateTemplate()).then(function (res) {
7202
7942
  resolve(res);
7203
7943
  })["catch"](function (err) {
7204
7944
  reject(err);
@@ -7209,7 +7949,7 @@ var generateTemplate = function generateTemplate(payload) {
7209
7949
  var uploadBulkUsersFile = function uploadBulkUsersFile(payload) {
7210
7950
  return function (dispatch) {
7211
7951
  return new Promise(function (resolve, reject) {
7212
- api$6.get(userBulkImport.uploadUrl() + "?action=upload_bulk_users&item_type=bulk_users&file_name=" + payload.fileName).then(function (res) {
7952
+ api$8.get(userBulkImport.uploadUrl() + "?action=upload_bulk_users&item_type=bulk_users&file_name=" + payload.fileName).then(function (res) {
7213
7953
  var resolveResponse = {
7214
7954
  file_type: 'bulk_users',
7215
7955
  file_path: res.data.presigned_url.fields.key,
@@ -7248,7 +7988,7 @@ var uploadFileToS3$1 = function uploadFileToS3(presignedPostData, file) {
7248
7988
  var validateUploadedFile = function validateUploadedFile(fileName) {
7249
7989
  return function (dispatch) {
7250
7990
  return new Promise(function (resolve, reject) {
7251
- api$6.post(userBulkImport.validateUploadedFile() + "?file_name=" + fileName).then(function (res) {
7991
+ api$8.post(userBulkImport.validateUploadedFile() + "?file_name=" + fileName).then(function (res) {
7252
7992
  resolve(res);
7253
7993
  })["catch"](function (err) {
7254
7994
  reject(err);
@@ -7256,13 +7996,13 @@ var validateUploadedFile = function validateUploadedFile(fileName) {
7256
7996
  });
7257
7997
  };
7258
7998
  };
7259
- var executionJob = function executionJob(jobId, type) {
7999
+ var _executionJob = function executionJob(jobId, type) {
7260
8000
  return function (dispatch) {
7261
8001
  return new Promise(function (resolve, reject) {
7262
- api$6.get(userBulkImport.executionResult() + "?job_id=" + jobId).then(function (res) {
8002
+ api$8.get(userBulkImport.executionResult() + "?job_id=" + jobId).then(function (res) {
7263
8003
  if (!res.data[type]) {
7264
8004
  setTimeout(function () {
7265
- dispatch(executionJob(jobId, type)).then(function (res) {
8005
+ dispatch(_executionJob(jobId, type)).then(function (res) {
7266
8006
  return res.data[type] && resolve(res);
7267
8007
  })["catch"](function (err) {
7268
8008
  reject(err);
@@ -7279,13 +8019,13 @@ var executionJob = function executionJob(jobId, type) {
7279
8019
  });
7280
8020
  };
7281
8021
  };
7282
- var downloadExecutionJob = function downloadExecutionJob(auditId, type) {
8022
+ var _downloadExecutionJob = function downloadExecutionJob(auditId, type) {
7283
8023
  return function (dispatch) {
7284
8024
  return new Promise(function (resolve, reject) {
7285
- api$6.get(userBulkImport.executionResult() + "?audit_id=" + auditId).then(function (res) {
8025
+ api$8.get(userBulkImport.executionResult() + "?audit_id=" + auditId).then(function (res) {
7286
8026
  if (!res.data[type]) {
7287
8027
  setTimeout(function () {
7288
- dispatch(downloadExecutionJob(auditId, type)).then(function (res) {
8028
+ dispatch(_downloadExecutionJob(auditId, type)).then(function (res) {
7289
8029
  return res.data[type] && resolve(res);
7290
8030
  })["catch"](function (err) {
7291
8031
  reject(err);
@@ -7304,7 +8044,7 @@ var downloadExecutionJob = function downloadExecutionJob(auditId, type) {
7304
8044
  var downloadUploadedRecords = function downloadUploadedRecords(type, jobId) {
7305
8045
  return function (dispatch) {
7306
8046
  return new Promise(function (resolve, reject) {
7307
- api$6.get(userBulkImport.downloadUploadedRecords() + "?status=" + type + "&job_id=" + jobId).then(function (res) {
8047
+ api$8.get(userBulkImport.downloadUploadedRecords() + "?status=" + type + "&job_id=" + jobId).then(function (res) {
7308
8048
  resolve(res);
7309
8049
  })["catch"](function (err) {
7310
8050
  reject(err);
@@ -7315,7 +8055,7 @@ var downloadUploadedRecords = function downloadUploadedRecords(type, jobId) {
7315
8055
  var importUploadedRecords = function importUploadedRecords(jobId, canUpdateExistingUsers) {
7316
8056
  return function (dispatch) {
7317
8057
  return new Promise(function (resolve, reject) {
7318
- api$6.post(userBulkImport.importRecords() + "?job_id=" + jobId + "&update=" + canUpdateExistingUsers).then(function (res) {
8058
+ api$8.post(userBulkImport.importRecords() + "?job_id=" + jobId + "&update=" + canUpdateExistingUsers).then(function (res) {
7319
8059
  resolve(res);
7320
8060
  })["catch"](function (err) {
7321
8061
  reject(err);
@@ -7326,7 +8066,7 @@ var importUploadedRecords = function importUploadedRecords(jobId, canUpdateExist
7326
8066
  var fetchBulkactionHistory = function fetchBulkactionHistory(url) {
7327
8067
  return function (dispatch) {
7328
8068
  return new Promise(function (resolve, reject) {
7329
- api$6.get(url).then(function (res) {
8069
+ api$8.get(url).then(function (res) {
7330
8070
  if (res.status === 204) {
7331
8071
  dispatch(setBulkActionHistoryFields({
7332
8072
  count: 0,
@@ -7350,7 +8090,7 @@ var fetchBulkactionHistory = function fetchBulkactionHistory(url) {
7350
8090
  };
7351
8091
  };
7352
8092
 
7353
- 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_","tooltipTextDiv":"_1l4V-","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","warningSvg":"_2H6Bq","departmentHeadText":"_3pOsV","deactivateBtn":"_2v6e4","user_list_page_tabs":"_xWE7K","TabLabelCount":"_13pXn","deactivateSubmitBtn":"_1qxY-","deactivateCustomButtonClass":"_2YBWE"};
8093
+ var styles$6 = {"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_","tooltipTextDiv":"_1l4V-","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","warningSvg":"_2H6Bq","departmentHeadText":"_3pOsV","deactivateBtn":"_2v6e4","user_list_page_tabs":"_xWE7K","TabLabelCount":"_13pXn","deactivateSubmitBtn":"_1qxY-","deactivateCustomButtonClass":"_2YBWE"};
7354
8094
 
7355
8095
  var BulkUploadModal = function BulkUploadModal(props) {
7356
8096
  var isOpenImportUsersModal = props.isOpenImportUsersModal,
@@ -7423,7 +8163,7 @@ var BulkUploadModal = function BulkUploadModal(props) {
7423
8163
  return Promise.resolve(dispatch(uploadBulkUsersFile(docs[i]))).then(function (res) {
7424
8164
  return Promise.resolve(dispatch(validateUploadedFile(res.user_file_name)).then(function (validatedRes) {
7425
8165
  if (validatedRes.data.status) {
7426
- dispatch(executionJob(validatedRes.data.job_id, 'is_validation_completed')).then(function (response) {
8166
+ dispatch(_executionJob(validatedRes.data.job_id, 'is_validation_completed')).then(function (response) {
7427
8167
  data.push(res);
7428
8168
  setFiles([].concat(data));
7429
8169
  setIsFileUploading(false);
@@ -7466,7 +8206,7 @@ var BulkUploadModal = function BulkUploadModal(props) {
7466
8206
  };
7467
8207
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBackdrop, {
7468
8208
  open: isFileUploading || isFileDownloading,
7469
- className: styles$5.backdrop
8209
+ className: styles$6.backdrop
7470
8210
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUICircularProgress, {
7471
8211
  color: "inherit"
7472
8212
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUIModal, {
@@ -7483,7 +8223,7 @@ var BulkUploadModal = function BulkUploadModal(props) {
7483
8223
  }
7484
8224
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
7485
8225
  container: true,
7486
- className: styles$5.importModalBodyContainer
8226
+ className: styles$6.importModalBodyContainer
7487
8227
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
7488
8228
  item: true,
7489
8229
  md: 12,
@@ -7491,26 +8231,26 @@ var BulkUploadModal = function BulkUploadModal(props) {
7491
8231
  xl: 12,
7492
8232
  sm: 12,
7493
8233
  xs: 12,
7494
- className: styles$5.downloadTemplateContainer
8234
+ className: styles$6.downloadTemplateContainer
7495
8235
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
7496
8236
  display: "flex",
7497
8237
  flexDirection: "column",
7498
8238
  justifyContent: "space-between",
7499
- className: styles$5.downloadTemplateDescContainer
8239
+ className: styles$6.downloadTemplateDescContainer
7500
8240
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
7501
- className: styles$5.labelContainer
8241
+ className: styles$6.labelContainer
7502
8242
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7503
- className: styles$5.downlTempHeader
8243
+ className: styles$6.downlTempHeader
7504
8244
  }, "1.\xA0\xA0 Download the template"), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7505
- className: styles$5.downlTempDescription
8245
+ className: styles$6.downlTempDescription
7506
8246
  }, "Use this template with predefined columns and add users to your team")), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
7507
8247
  type: "outlined",
7508
8248
  buttonText: "Download template",
7509
8249
  onClick: downloadTemplate,
7510
- className: styles$5.downloadTemplateButton,
8250
+ className: styles$6.downloadTemplateButton,
7511
8251
  isLink: true
7512
8252
  })))), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
7513
- className: clsx(styles$5.dividerColor, styles$5.w100)
8253
+ className: clsx(styles$6.dividerColor, styles$6.w100)
7514
8254
  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
7515
8255
  item: true,
7516
8256
  md: 12,
@@ -7518,19 +8258,19 @@ var BulkUploadModal = function BulkUploadModal(props) {
7518
8258
  xl: 12,
7519
8259
  sm: 12,
7520
8260
  xs: 12,
7521
- className: styles$5.downloadTemplateContainer
8261
+ className: styles$6.downloadTemplateContainer
7522
8262
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
7523
8263
  display: "flex",
7524
8264
  flexDirection: "column",
7525
- className: clsx(styles$5.downloadTemplateDescContainer, styles$5.colGap)
8265
+ className: clsx(styles$6.downloadTemplateDescContainer, styles$6.colGap)
7526
8266
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
7527
- className: styles$5.labelContainer
8267
+ className: styles$6.labelContainer
7528
8268
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7529
- className: styles$5.downlTempHeader
8269
+ className: styles$6.downlTempHeader
7530
8270
  }, "2.\xA0\xA0 Upload XLSX"), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7531
- className: styles$5.downlTempDescription
8271
+ className: styles$6.downlTempDescription
7532
8272
  }, "Once you\u2019ve filled out the file, upload it here")), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
7533
- className: styles$5.fileUploaderContainer
8273
+ className: styles$6.fileUploaderContainer
7534
8274
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIDropzone, {
7535
8275
  handleDrop: handleDrop,
7536
8276
  fileNames: fileNames,
@@ -7542,11 +8282,11 @@ var BulkUploadModal = function BulkUploadModal(props) {
7542
8282
  gap: '10px'
7543
8283
  }
7544
8284
  }, /*#__PURE__*/React__default.createElement(ErrorIcon, null), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7545
- className: styles$5.errorText
8285
+ className: styles$6.errorText
7546
8286
  }, errorMessage)))))));
7547
8287
  };
7548
8288
 
7549
- var IUIToastMessageService$5 = utils.services.IUIToastMessageService;
8289
+ var IUIToastMessageService$7 = utils.services.IUIToastMessageService;
7550
8290
  var env$5 = utils.configs.env;
7551
8291
  function getSteps() {
7552
8292
  return ['Review and import', 'Summary'];
@@ -7594,7 +8334,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7594
8334
  if (isTokenVerified === true) {
7595
8335
  var getData = function getData() {
7596
8336
  try {
7597
- return Promise.resolve(dispatch(executionJob(jobId, 'is_validation_completed')).then(function (res) {
8337
+ return Promise.resolve(dispatch(_executionJob(jobId, 'is_validation_completed')).then(function (res) {
7598
8338
  setImportStatus(res.data.bulk_result);
7599
8339
  setActiveStep(getActiveStep(res.data.is_job_completed));
7600
8340
  setCanUpdateExistingUsers(res.data.exist_users > 0);
@@ -7640,12 +8380,12 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7640
8380
  return Promise.resolve(dispatch(downloadUploadedRecords(type, jobId)).then(function (validatedRes) {
7641
8381
  var _validatedRes$data;
7642
8382
  if ((_validatedRes$data = validatedRes.data) !== null && _validatedRes$data !== void 0 && _validatedRes$data.status) {
7643
- dispatch(downloadExecutionJob(validatedRes.data.audit_id, 'status')).then(function (res) {
8383
+ dispatch(_downloadExecutionJob(validatedRes.data.audit_id, 'status')).then(function (res) {
7644
8384
  window.open(res.data.presigned_url, '_self').focus();
7645
8385
  })["catch"](function (reject) {
7646
8386
  if (reject) {
7647
8387
  if (!reject.response.data.status) {
7648
- IUIToastMessageService$5.warningNotify(reject.response.data.message);
8388
+ IUIToastMessageService$7.warningNotify(reject.response.data.message);
7649
8389
  }
7650
8390
  }
7651
8391
  })["finally"](function () {
@@ -7655,7 +8395,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7655
8395
  })["catch"](function (reject) {
7656
8396
  if (reject) {
7657
8397
  if (!reject.response.data.status) {
7658
- IUIToastMessageService$5.warningNotify(reject.response.data.message);
8398
+ IUIToastMessageService$7.warningNotify(reject.response.data.message);
7659
8399
  setDownlStatus(false);
7660
8400
  }
7661
8401
  }
@@ -7681,7 +8421,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7681
8421
  try {
7682
8422
  if (userBulkImportInfo.success === 0 && userBulkImportInfo.exist_users > 0) {
7683
8423
  if (!canUpdateExistingUsers) {
7684
- IUIToastMessageService$5.warningNotify('Select update any existing users box');
8424
+ IUIToastMessageService$7.warningNotify('Select update any existing users box');
7685
8425
  return Promise.resolve(false);
7686
8426
  }
7687
8427
  }
@@ -7689,7 +8429,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7689
8429
  return Promise.resolve(dispatch(importUploadedRecords(jobId, canUpdateExistingUsers ? 1 : 0))).then(function (res) {
7690
8430
  var _temp = function () {
7691
8431
  if (res.data.status) {
7692
- return Promise.resolve(dispatch(executionJob(jobId, 'is_job_completed')).then(function (resp) {
8432
+ return Promise.resolve(dispatch(_executionJob(jobId, 'is_job_completed')).then(function (resp) {
7693
8433
  if (resp.data.status) {
7694
8434
  setImportStatus(+resp.data.bulk_result);
7695
8435
  setActiveStep(1);
@@ -7721,14 +8461,14 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7721
8461
  if ((importStatus === 1 || importStatus === 2 || importStatus === 4) && step === Number(activeStep)) {
7722
8462
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIPrimaryRadio, {
7723
8463
  checked: true,
7724
- className: clsx(styles$4.customRadioEach),
8464
+ className: clsx(styles$5.customRadioEach),
7725
8465
  size: "small",
7726
8466
  disabled: true
7727
8467
  });
7728
8468
  }
7729
8469
  if ((importStatus === 1 || importStatus === 2 || importStatus === 4) && step !== Number(activeStep)) {
7730
8470
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIPrimaryRadio, {
7731
- className: clsx(styles$4.customRadioEach),
8471
+ className: clsx(styles$5.customRadioEach),
7732
8472
  size: "small",
7733
8473
  disabled: true
7734
8474
  });
@@ -7736,7 +8476,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7736
8476
  if (importStatus === 3 && step === Number(activeStep)) {
7737
8477
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIPrimaryRadio, {
7738
8478
  checked: true,
7739
- className: clsx(styles$4.customRadioEach),
8479
+ className: clsx(styles$5.customRadioEach),
7740
8480
  size: "small",
7741
8481
  disabled: true
7742
8482
  });
@@ -7753,11 +8493,11 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7753
8493
  switch (importStatus) {
7754
8494
  case 2:
7755
8495
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DraftIcon, null), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7756
- className: styles$4.descText
8496
+ className: styles$5.descText
7757
8497
  }, "Draft"));
7758
8498
  case 1:
7759
8499
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Progressicon, null), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7760
- className: styles$4.descText
8500
+ className: styles$5.descText
7761
8501
  }, "In progress"));
7762
8502
  case 3:
7763
8503
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(CheckCircleIcon, {
@@ -7765,28 +8505,28 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7765
8505
  height: "16",
7766
8506
  color: "#059669"
7767
8507
  }), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7768
- className: styles$4.descText
8508
+ className: styles$5.descText
7769
8509
  }, "Completed"));
7770
8510
  case 4:
7771
8511
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ErrorIcon, null), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7772
- className: styles$4.descText
8512
+ className: styles$5.descText
7773
8513
  }, "Failed"));
7774
8514
  }
7775
8515
  };
7776
8516
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
7777
8517
  component: "div",
7778
- className: styles$4.UUIUserManagementImport
8518
+ className: styles$5.UUIUserManagementImport
7779
8519
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBackdrop, {
7780
8520
  open: importStatus === 1 || isFileDownloading,
7781
- className: styles$4.backdrop
8521
+ className: styles$5.backdrop
7782
8522
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUICircularProgress, {
7783
8523
  color: "inherit"
7784
8524
  })), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
7785
8525
  component: "div",
7786
- className: clsx(styles$4.pageHeader)
8526
+ className: clsx(styles$5.pageHeader)
7787
8527
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
7788
8528
  component: "div",
7789
- className: styles$4.breadcrumb
8529
+ className: styles$5.breadcrumb
7790
8530
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBreadCrumb, {
7791
8531
  breadCrumbs: [{
7792
8532
  href: config.routes.users.list.path,
@@ -7809,23 +8549,23 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7809
8549
  alignItems: "center"
7810
8550
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
7811
8551
  component: "div",
7812
- className: styles$4.headingWrapper
8552
+ className: styles$5.headingWrapper
7813
8553
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7814
8554
  variant: "h3",
7815
- className: clsx(styles$4.heading, styles$4.headingLarge)
8555
+ className: clsx(styles$5.heading, styles$5.headingLarge)
7816
8556
  }, "Import users"))))), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
7817
- className: styles$4.dividerColor
8557
+ className: styles$5.dividerColor
7818
8558
  }), canShowBlankScreen && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
7819
8559
  display: "flex",
7820
8560
  justifyContent: "center",
7821
8561
  alignItems: "center",
7822
8562
  flexDirection: "column",
7823
- className: styles$4.fileEmptyScreenClass
8563
+ className: styles$5.fileEmptyScreenClass
7824
8564
  }, /*#__PURE__*/React__default.createElement(FileError, null), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7825
- className: styles$4.emptyScreenText
8565
+ className: styles$5.emptyScreenText
7826
8566
  }, blankScreenMessage)), isApiProcessDone && !canShowBlankScreen && /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
7827
8567
  container: true,
7828
- className: styles$4.container
8568
+ className: styles$5.container
7829
8569
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
7830
8570
  item: true,
7831
8571
  lg: 9,
@@ -7840,7 +8580,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7840
8580
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIStepper, {
7841
8581
  activeStep: activeStep,
7842
8582
  nonLinear: true,
7843
- className: styles$4.stepper,
8583
+ className: styles$5.stepper,
7844
8584
  CustomStepIcon: CustomStepIcon,
7845
8585
  steps: steps
7846
8586
  }), importStatus === 1 && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
@@ -7849,21 +8589,21 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7849
8589
  justifyContent: "center",
7850
8590
  width: "800px",
7851
8591
  borderRadius: "6px",
7852
- className: styles$4.importProgressInfo
8592
+ className: styles$5.importProgressInfo
7853
8593
  }, /*#__PURE__*/React__default.createElement(BoldInfoIcon, {
7854
8594
  width: "18",
7855
8595
  height: "18",
7856
8596
  color: "#7C2D12"
7857
8597
  }), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7858
- className: styles$4.importProgressInfotext
8598
+ className: styles$5.importProgressInfotext
7859
8599
  }, "Import is in progress. This can take a few minutes. You can check the status from Bulk action history.")), importStatus !== 3 && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
7860
8600
  paddingLeft: "12px"
7861
8601
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
7862
8602
  container: true,
7863
- className: styles$4.recordsDetails
8603
+ className: styles$5.recordsDetails
7864
8604
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
7865
8605
  item: true,
7866
- className: styles$4.rightBorder,
8606
+ className: styles$5.rightBorder,
7867
8607
  lg: 3,
7868
8608
  md: 3,
7869
8609
  xl: 3
@@ -7876,22 +8616,22 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7876
8616
  gap: '45px'
7877
8617
  }
7878
8618
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7879
- className: clsx(styles$4.mildText)
8619
+ className: clsx(styles$5.mildText)
7880
8620
  }, "Total \xA0 records"), +userBulkImportInfo.total_records > 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIIconButton, {
7881
8621
  onClick: function onClick() {
7882
8622
  return handleDownloadRecords('total');
7883
8623
  },
7884
- className: styles$4.buttonTopalignment
8624
+ className: styles$5.buttonTopalignment
7885
8625
  }, /*#__PURE__*/React__default.createElement(DownloadIcon, {
7886
8626
  width: "11",
7887
8627
  height: "14"
7888
8628
  }))), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
7889
8629
  paddingLeft: "24px"
7890
8630
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7891
- className: clsx(styles$4.recordValue, (_clsx = {}, _clsx[styles$4.lightLargeFont] = +userBulkImportInfo.total_records === 0, _clsx))
8631
+ className: clsx(styles$5.recordValue, (_clsx = {}, _clsx[styles$5.lightLargeFont] = +userBulkImportInfo.total_records === 0, _clsx))
7892
8632
  }, userBulkImportInfo.total_records))), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
7893
8633
  item: true,
7894
- className: styles$4.rightBorder,
8634
+ className: styles$5.rightBorder,
7895
8635
  lg: 3,
7896
8636
  md: 3,
7897
8637
  xl: 3
@@ -7904,22 +8644,22 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7904
8644
  gap: '45px'
7905
8645
  }
7906
8646
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7907
- className: styles$4.mildText
8647
+ className: styles$5.mildText
7908
8648
  }, "Valid new records"), +userBulkImportInfo.success > 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIIconButton, {
7909
8649
  onClick: function onClick() {
7910
8650
  return handleDownloadRecords('success');
7911
8651
  },
7912
- className: styles$4.buttonTopalignment
8652
+ className: styles$5.buttonTopalignment
7913
8653
  }, /*#__PURE__*/React__default.createElement(DownloadIcon, {
7914
8654
  width: "11",
7915
8655
  height: "14"
7916
8656
  }))), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
7917
8657
  paddingLeft: "24px"
7918
8658
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7919
- className: clsx(styles$4.recordValue, (_clsx2 = {}, _clsx2[styles$4.lightLargeFont] = +userBulkImportInfo.success === 0, _clsx2))
8659
+ className: clsx(styles$5.recordValue, (_clsx2 = {}, _clsx2[styles$5.lightLargeFont] = +userBulkImportInfo.success === 0, _clsx2))
7920
8660
  }, userBulkImportInfo.success))), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
7921
8661
  item: true,
7922
- className: styles$4.rightBorder,
8662
+ className: styles$5.rightBorder,
7923
8663
  lg: 3,
7924
8664
  md: 3,
7925
8665
  xl: 3
@@ -7932,19 +8672,19 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7932
8672
  gap: '45px'
7933
8673
  }
7934
8674
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7935
- className: styles$4.mildText
8675
+ className: styles$5.mildText
7936
8676
  }, "Valid existing records"), +userBulkImportInfo.exist_users > 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIIconButton, {
7937
8677
  onClick: function onClick() {
7938
8678
  return handleDownloadRecords('exist');
7939
8679
  },
7940
- className: styles$4.buttonTopalignment
8680
+ className: styles$5.buttonTopalignment
7941
8681
  }, /*#__PURE__*/React__default.createElement(DownloadIcon, {
7942
8682
  width: "11",
7943
8683
  height: "14"
7944
8684
  }))), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
7945
8685
  paddingLeft: "24px"
7946
8686
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7947
- className: clsx(styles$4.recordValue, (_clsx3 = {}, _clsx3[styles$4.lightLargeFont] = +userBulkImportInfo.exist_users === 0, _clsx3))
8687
+ className: clsx(styles$5.recordValue, (_clsx3 = {}, _clsx3[styles$5.lightLargeFont] = +userBulkImportInfo.exist_users === 0, _clsx3))
7948
8688
  }, userBulkImportInfo.exist_users))), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
7949
8689
  item: true,
7950
8690
  lg: 3,
@@ -7959,26 +8699,26 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7959
8699
  gap: '45px'
7960
8700
  }
7961
8701
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7962
- className: styles$4.mildText
8702
+ className: styles$5.mildText
7963
8703
  }, "Invalid records"), +userBulkImportInfo.failure > 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIIconButton, {
7964
8704
  onClick: function onClick() {
7965
8705
  return handleDownloadRecords('failure');
7966
8706
  },
7967
- className: styles$4.buttonTopalignment
8707
+ className: styles$5.buttonTopalignment
7968
8708
  }, /*#__PURE__*/React__default.createElement(DownloadIcon, {
7969
8709
  width: "11",
7970
8710
  height: "14"
7971
8711
  }))), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
7972
8712
  paddingLeft: "24px"
7973
8713
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7974
- className: clsx(styles$4.recordValue, (_clsx4 = {}, _clsx4[styles$4.lightLargeFont] = +userBulkImportInfo.failure === 0, _clsx4))
8714
+ className: clsx(styles$5.recordValue, (_clsx4 = {}, _clsx4[styles$5.lightLargeFont] = +userBulkImportInfo.failure === 0, _clsx4))
7975
8715
  }, userBulkImportInfo.failure)))), +userBulkImportInfo.failure > 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, null, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7976
- className: styles$4.validationLine
8716
+ className: styles$5.validationLine
7977
8717
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
7978
8718
  component: "span",
7979
8719
  display: "inline-flex"
7980
8720
  }, /*#__PURE__*/React__default.createElement(ErrorIcon, null)), +userBulkImportInfo.failure === 1 ? userBulkImportInfo.failure + ' record failed validation' : userBulkImportInfo.failure + ' records failed validation'), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
7981
- className: clsx(styles$4.descText),
8721
+ className: clsx(styles$5.descText),
7982
8722
  style: {
7983
8723
  paddingLeft: '27px'
7984
8724
  }
@@ -7998,9 +8738,9 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
7998
8738
  type: "text",
7999
8739
  onClick: importUserHandler
8000
8740
  }))), (+userBulkImportInfo.success > 0 || +userBulkImportInfo.exist_users > 0) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
8001
- className: styles$4.divider
8741
+ className: styles$5.divider
8002
8742
  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, null, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8003
- className: styles$4.validationLine
8743
+ className: styles$5.validationLine
8004
8744
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8005
8745
  component: "span",
8006
8746
  display: "inline-flex"
@@ -8009,7 +8749,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
8009
8749
  height: "16",
8010
8750
  color: "#059669"
8011
8751
  })), handleSuccessTitle()), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8012
- className: clsx(styles$4.descText),
8752
+ className: clsx(styles$5.descText),
8013
8753
  style: {
8014
8754
  paddingLeft: '27px'
8015
8755
  }
@@ -8024,7 +8764,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
8024
8764
  checked: canUpdateExistingUsers
8025
8765
  }),
8026
8766
  label: "Update any existing users",
8027
- className: clsx(styles$4.checkboxlabel, (_clsx5 = {}, _clsx5[styles$4.disabledText] = +userBulkImportInfo.exist_users === 0, _clsx5)),
8767
+ className: clsx(styles$5.checkboxlabel, (_clsx5 = {}, _clsx5[styles$5.disabledText] = +userBulkImportInfo.exist_users === 0, _clsx5)),
8028
8768
  disabled: +userBulkImportInfo.exist_users === 0
8029
8769
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8030
8770
  display: "flex",
@@ -8038,17 +8778,17 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
8038
8778
  onClick: handleImportUploadRecords,
8039
8779
  disabled: importStatus === 1
8040
8780
  }))))), importStatus === 3 && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8041
- className: styles$4.completedContainer
8781
+ className: styles$5.completedContainer
8042
8782
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, null, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8043
- className: styles$4.importStatus
8783
+ className: styles$5.importStatus
8044
8784
  }, "Import was successful")), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8045
- className: styles$4.recordRow
8785
+ className: styles$5.recordRow
8046
8786
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8047
8787
  display: "flex",
8048
8788
  justifyContent: "space-between",
8049
8789
  alignItems: "center"
8050
8790
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8051
- className: styles$4.numberText
8791
+ className: styles$5.numberText
8052
8792
  }, userBulkImportInfo.total_records, /*#__PURE__*/React__default.createElement("span", null, ' ', +userBulkImportInfo.total_records === 1 ? 'total record' : 'total records', ' ')), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
8053
8793
  buttonText: "Download records",
8054
8794
  type: "text",
@@ -8060,7 +8800,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
8060
8800
  justifyContent: "space-between",
8061
8801
  alignItems: "center"
8062
8802
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8063
- className: styles$4.numberText
8803
+ className: styles$5.numberText
8064
8804
  }, userBulkImportInfo.success, ' ', /*#__PURE__*/React__default.createElement("span", null, ' ', +userBulkImportInfo.success === 1 ? 'new user added ' : 'new users added ', ' ')), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
8065
8805
  buttonText: "Download records",
8066
8806
  type: "text",
@@ -8072,7 +8812,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
8072
8812
  justifyContent: "space-between",
8073
8813
  alignItems: "center"
8074
8814
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8075
- className: styles$4.numberText
8815
+ className: styles$5.numberText
8076
8816
  }, userBulkImportInfo.exist_users, ' ', /*#__PURE__*/React__default.createElement("span", null, ' ', +userBulkImportInfo.exist_users === 1 ? 'existing user updated' : 'existing users updated', ' ')), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
8077
8817
  buttonText: "Download records",
8078
8818
  type: "text",
@@ -8084,7 +8824,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
8084
8824
  justifyContent: "space-between",
8085
8825
  alignItems: "center"
8086
8826
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8087
- className: styles$4.numberText
8827
+ className: styles$5.numberText
8088
8828
  }, userBulkImportInfo.failure, ' ', /*#__PURE__*/React__default.createElement("span", null, ' ', +userBulkImportInfo.failure === 1 ? 'invalid record' : 'invalid records', ' ')), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
8089
8829
  buttonText: "Download records",
8090
8830
  type: "text",
@@ -8104,7 +8844,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
8104
8844
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8105
8845
  display: "flex",
8106
8846
  flexDirection: "column",
8107
- className: styles$4.colGap,
8847
+ className: styles$5.colGap,
8108
8848
  padding: "40px 0px"
8109
8849
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8110
8850
  display: "flex",
@@ -8113,21 +8853,21 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
8113
8853
  },
8114
8854
  alignItems: "center"
8115
8855
  }, customStatus()), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, null, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8116
- className: styles$4.infoLbl
8856
+ className: styles$5.infoLbl
8117
8857
  }, "Import ID"), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8118
- className: styles$4.infoText
8858
+ className: styles$5.infoText
8119
8859
  }, userBulkImportInfo.import_id)), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, null, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8120
- className: styles$4.infoLbl
8860
+ className: styles$5.infoLbl
8121
8861
  }, "File name"), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8122
- className: styles$4.infoText
8862
+ className: styles$5.infoText
8123
8863
  }, userBulkImportInfo.file_name)), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, null, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8124
- className: styles$4.infoLbl
8864
+ className: styles$5.infoLbl
8125
8865
  }, "File uploaded by"), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8126
- className: styles$4.infoText
8866
+ className: styles$5.infoText
8127
8867
  }, userBulkImportInfo.uploaded_by.first_name + ' ' + userBulkImportInfo.uploaded_by.last_name)), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, null, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8128
- className: styles$4.infoLbl
8868
+ className: styles$5.infoLbl
8129
8869
  }, "Import confirmed by"), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8130
- className: styles$4.infoText
8870
+ className: styles$5.infoText
8131
8871
  }, userBulkImportInfo.uploaded_by.first_name + ' ' + userBulkImportInfo.uploaded_by.last_name))))), /*#__PURE__*/React__default.createElement(BulkUploadModal, {
8132
8872
  isOpenImportUsersModal: isOpenImportUsersModal,
8133
8873
  closeImportUsersModal: closeImportUsersModal,
@@ -8186,7 +8926,7 @@ var BulkActionHistoryTable = function BulkActionHistoryTable(props) {
8186
8926
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8187
8927
  component: "div"
8188
8928
  }, row.history_info.upload_id && /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8189
- className: clsx(styles$4.rowText, styles$4.textTransform)
8929
+ className: clsx(styles$5.rowText, styles$5.textTransform)
8190
8930
  }, row.history_info.upload_id));
8191
8931
  }
8192
8932
  }, {
@@ -8198,7 +8938,7 @@ var BulkActionHistoryTable = function BulkActionHistoryTable(props) {
8198
8938
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8199
8939
  component: "div"
8200
8940
  }, row.history_info && /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8201
- className: clsx(styles$4.rowText, styles$4.textTransform)
8941
+ className: clsx(styles$5.rowText, styles$5.textTransform)
8202
8942
  }, row.history_info.type));
8203
8943
  }
8204
8944
  }, {
@@ -8214,9 +8954,9 @@ var BulkActionHistoryTable = function BulkActionHistoryTable(props) {
8214
8954
  gap: '8px'
8215
8955
  }
8216
8956
  }, row.history_info && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8217
- className: clsx(styles$4.rowText, styles$4.textTransform)
8957
+ className: clsx(styles$5.rowText, styles$5.textTransform)
8218
8958
  }, getLocaleTime(row.history_info.date_of_upload + ' ' + row.history_info.time_of_upload, row.history_info.date_format)[0]), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8219
- className: clsx(styles$4.rowText, styles$4.textTransform, styles$4.lightColor)
8959
+ className: clsx(styles$5.rowText, styles$5.textTransform, styles$5.lightColor)
8220
8960
  }, getLocaleTime(row.history_info.date_of_upload + ' ' + row.history_info.time_of_upload, row.history_info.date_format)[1])));
8221
8961
  }
8222
8962
  }, {
@@ -8228,7 +8968,7 @@ var BulkActionHistoryTable = function BulkActionHistoryTable(props) {
8228
8968
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8229
8969
  component: "div"
8230
8970
  }, row.history_info && /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8231
- className: clsx(styles$4.rowText, styles$4.textTransform)
8971
+ className: clsx(styles$5.rowText, styles$5.textTransform)
8232
8972
  }, row.history_info.uploader_first_name, ' ', row.history_info.uploader_last_name));
8233
8973
  }
8234
8974
  }, {
@@ -8260,7 +9000,7 @@ var BulkActionHistoryTable = function BulkActionHistoryTable(props) {
8260
9000
  width: "11",
8261
9001
  height: "14"
8262
9002
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8263
- className: clsx(styles$4.rowText)
9003
+ className: clsx(styles$5.rowText)
8264
9004
  }, row.history_info.total_users, ' ', /*#__PURE__*/React__default.createElement("span", null, ' ', +row.history_info.total_users === 1 ? ' total record' : ' total records '))), +row.history_info.valid_users > 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8265
9005
  component: "div",
8266
9006
  display: "flex",
@@ -8277,7 +9017,7 @@ var BulkActionHistoryTable = function BulkActionHistoryTable(props) {
8277
9017
  width: "11",
8278
9018
  height: "14"
8279
9019
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8280
- className: clsx(styles$4.rowText)
9020
+ className: clsx(styles$5.rowText)
8281
9021
  }, row.history_info.valid_users, ' ', /*#__PURE__*/React__default.createElement("span", null, ' ', +row.history_info.valid_users === 1 ? ' new user can be added ' : ' new users can be added '))), +row.history_info.exist_users > 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8282
9022
  component: "div",
8283
9023
  display: "flex",
@@ -8294,7 +9034,7 @@ var BulkActionHistoryTable = function BulkActionHistoryTable(props) {
8294
9034
  width: "11",
8295
9035
  height: "14"
8296
9036
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8297
- className: clsx(styles$4.rowText)
9037
+ className: clsx(styles$5.rowText)
8298
9038
  }, row.history_info.exist_users, ' ', /*#__PURE__*/React__default.createElement("span", null, ' ', +row.history_info.exist_users === 1 ? ' existing user can be updated ' : ' existing users can be updated '))), +row.history_info.invalid_users > 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8299
9039
  component: "div",
8300
9040
  display: "flex",
@@ -8311,7 +9051,7 @@ var BulkActionHistoryTable = function BulkActionHistoryTable(props) {
8311
9051
  width: "11",
8312
9052
  height: "14"
8313
9053
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8314
- className: clsx(styles$4.rowText)
9054
+ className: clsx(styles$5.rowText)
8315
9055
  }, row.history_info.invalid_users + ' ', /*#__PURE__*/React__default.createElement("span", null, ' ', +row.history_info.invalid_users === 1 ? ' invalid record' : ' invalid records')))));
8316
9056
  }
8317
9057
  }, {
@@ -8328,7 +9068,7 @@ var BulkActionHistoryTable = function BulkActionHistoryTable(props) {
8328
9068
  gap: '5px'
8329
9069
  }
8330
9070
  }, row.history_info && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, getStatusIcon(row.history_info.status.toLowerCase()), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8331
- className: clsx(styles$4.rowText, styles$4.textTransform, styles$4.lightColor)
9071
+ className: clsx(styles$5.rowText, styles$5.textTransform, styles$5.lightColor)
8332
9072
  }, row.history_info.status)));
8333
9073
  }
8334
9074
  }];
@@ -8351,7 +9091,7 @@ var BulkActionHistoryTable = function BulkActionHistoryTable(props) {
8351
9091
  });
8352
9092
  };
8353
9093
 
8354
- var styles$6 = {"UUICustomFields":"_tdVCY","pageHeader":"_8iQvL","buttonWrapper":"_2k_GJ","headingWrapper":"_1rYVz","heading":"_2nxXO","headingLarge":"_2auvl","headingMedium":"_Wjaw1","headingSmall":"_1UmTe","description":"_2BS2i","headerText":"_3SZ_X","letterImage":"_2AwAF","tablewrapper":"_3qSxj","rowText":"_2ZSw6","textTransform":"_1F6ss","lightColor":"_2Wjom","importModalBodyContainer":"_2JCWP","dividerColor":"_3EsJG","downloadTemplateContainer":"_2uRic","downloadTemplateDescContainer":"_55kg5","labelContainer":"_78mCn","downlTempHeader":"_lqUA2","downlTempDescription":"_1vT5l","colGap":"_1x_9W","tableHead":"_5SygC","actionButtons":"_3PeqN","emptyData":"_1bHs-","buttonWidth":"_2W2Jo","iconLayout":"_31IgO","baseAlert":"_342t1","iconStyle":"_3hgYk"};
9094
+ var styles$7 = {"UUICustomFields":"_tdVCY","pageHeader":"_8iQvL","buttonWrapper":"_2k_GJ","headingWrapper":"_1rYVz","heading":"_2nxXO","headingLarge":"_2auvl","headingMedium":"_Wjaw1","headingSmall":"_1UmTe","description":"_2BS2i","headerText":"_3SZ_X","letterImage":"_2AwAF","tablewrapper":"_3qSxj","rowText":"_2ZSw6","textTransform":"_1F6ss","lightColor":"_2Wjom","importModalBodyContainer":"_2JCWP","dividerColor":"_3EsJG","downloadTemplateContainer":"_2uRic","downloadTemplateDescContainer":"_55kg5","labelContainer":"_78mCn","downlTempHeader":"_lqUA2","downlTempDescription":"_1vT5l","colGap":"_1x_9W","tableHead":"_5SygC","actionButtons":"_3PeqN","emptyData":"_1bHs-","buttonWidth":"_2W2Jo","iconLayout":"_31IgO","baseAlert":"_342t1","iconStyle":"_3hgYk"};
8355
9095
 
8356
9096
  function SkeletonLoader(_ref) {
8357
9097
  var _ref$data = _ref.data,
@@ -8376,7 +9116,7 @@ function SkeletonLoader(_ref) {
8376
9116
  }
8377
9117
  }] : _ref$data;
8378
9118
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8379
- className: styles$6.tablewrapper,
9119
+ className: styles$7.tablewrapper,
8380
9120
  style: {
8381
9121
  margin: 20
8382
9122
  }
@@ -8385,7 +9125,7 @@ function SkeletonLoader(_ref) {
8385
9125
  }));
8386
9126
  }
8387
9127
 
8388
- var IUIToastMessageService$6 = utils.services.IUIToastMessageService;
9128
+ var IUIToastMessageService$8 = utils.services.IUIToastMessageService;
8389
9129
  var env$6 = utils.configs.env;
8390
9130
  var BulkActionHistory = function BulkActionHistory(_ref) {
8391
9131
  var config = _ref.config;
@@ -8472,12 +9212,12 @@ var BulkActionHistory = function BulkActionHistory(_ref) {
8472
9212
  return Promise.resolve(dispatch(downloadUploadedRecords(type, jobId)).then(function (validatedRes) {
8473
9213
  var _validatedRes$data;
8474
9214
  if ((_validatedRes$data = validatedRes.data) !== null && _validatedRes$data !== void 0 && _validatedRes$data.status) {
8475
- dispatch(downloadExecutionJob(validatedRes.data.audit_id, 'status')).then(function (res) {
9215
+ dispatch(_downloadExecutionJob(validatedRes.data.audit_id, 'status')).then(function (res) {
8476
9216
  window.open(res.data.presigned_url, '_self').focus();
8477
9217
  })["catch"](function (reject) {
8478
9218
  if (reject) {
8479
9219
  if (!reject.response.data.status) {
8480
- IUIToastMessageService$6.warningNotify(reject.response.data.message);
9220
+ IUIToastMessageService$8.warningNotify(reject.response.data.message);
8481
9221
  }
8482
9222
  }
8483
9223
  })["finally"](function () {
@@ -8487,7 +9227,7 @@ var BulkActionHistory = function BulkActionHistory(_ref) {
8487
9227
  })["catch"](function (reject) {
8488
9228
  if (reject) {
8489
9229
  if (!reject.response.data.status) {
8490
- IUIToastMessageService$6.warningNotify(reject.response.data.message);
9230
+ IUIToastMessageService$8.warningNotify(reject.response.data.message);
8491
9231
  setDownlStatus(false);
8492
9232
  }
8493
9233
  }
@@ -8538,18 +9278,18 @@ var BulkActionHistory = function BulkActionHistory(_ref) {
8538
9278
  }, [isTokenVerified, isSearchingChangeTemp, isSortingChangeTemp]);
8539
9279
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8540
9280
  component: "div",
8541
- className: styles$4.UUIUserManagementImport
9281
+ className: styles$5.UUIUserManagementImport
8542
9282
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBackdrop, {
8543
9283
  open: isApiFetching || isFileDownloading,
8544
- className: styles$4.backdrop
9284
+ className: styles$5.backdrop
8545
9285
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUICircularProgress, {
8546
9286
  color: "inherit"
8547
9287
  })), loading ? /*#__PURE__*/React__default.createElement(SkeletonLoader, null) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8548
9288
  component: "div",
8549
- className: clsx(styles$4.pageHeader)
9289
+ className: clsx(styles$5.pageHeader)
8550
9290
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8551
9291
  component: "div",
8552
- className: styles$4.breadcrumb
9292
+ className: styles$5.breadcrumb
8553
9293
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBreadCrumb, {
8554
9294
  breadCrumbs: [{
8555
9295
  href: config.routes.users.list.path,
@@ -8568,14 +9308,14 @@ var BulkActionHistory = function BulkActionHistory(_ref) {
8568
9308
  alignItems: "center"
8569
9309
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8570
9310
  component: "div",
8571
- className: styles$4.headingWrapper
9311
+ className: styles$5.headingWrapper
8572
9312
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8573
9313
  variant: "h3",
8574
- className: clsx(styles$4.heading, styles$4.headingLarge)
9314
+ className: clsx(styles$5.heading, styles$5.headingLarge)
8575
9315
  }, "Bulk action history"))))), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
8576
- className: styles$4.dividerColor
9316
+ className: styles$5.dividerColor
8577
9317
  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8578
- className: styles$4.tablewrapper
9318
+ className: styles$5.tablewrapper
8579
9319
  }, /*#__PURE__*/React__default.createElement(BulkActionHistoryTable, {
8580
9320
  data: bulkActionFields,
8581
9321
  handleChangeRowsPerPage: handleChangeRowsPerPage,
@@ -8723,7 +9463,7 @@ var DropdownBtn = function DropdownBtn(props) {
8723
9463
  }));
8724
9464
  };
8725
9465
 
8726
- var AntSwitch = styles$8.withStyles(function (theme) {
9466
+ var AntSwitch = styles$9.withStyles(function (theme) {
8727
9467
  return {
8728
9468
  root: {
8729
9469
  width: 32,
@@ -8794,7 +9534,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
8794
9534
  searchValue = props.searchValue,
8795
9535
  _props$isILadmin = props.isILadmin,
8796
9536
  isILadmin = _props$isILadmin === void 0 ? false : _props$isILadmin;
8797
- var useStyles = styles$8.makeStyles(function (theme) {
9537
+ var useStyles = styles$9.makeStyles(function (theme) {
8798
9538
  return {
8799
9539
  tooltip: {
8800
9540
  background: '#1F2937',
@@ -8824,7 +9564,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
8824
9564
  secondaryText: row.email,
8825
9565
  letterAvatarTextColor: "black",
8826
9566
  letterAvatarBackgroundColor: "#d3d3d3",
8827
- avatarClassName: styles$5.avatarClassName,
9567
+ avatarClassName: styles$6.avatarClassName,
8828
9568
  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
8829
9569
  }));
8830
9570
  }
@@ -8846,7 +9586,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
8846
9586
  },
8847
9587
  placement: "top-start"
8848
9588
  }, /*#__PURE__*/React__default.createElement("div", {
8849
- className: clsx(styles$5.tooltipTextDiv)
9589
+ className: clsx(styles$6.tooltipTextDiv)
8850
9590
  }, "Invited")) : null);
8851
9591
  }
8852
9592
  }, {
@@ -8859,7 +9599,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
8859
9599
  component: "div",
8860
9600
  width: 100
8861
9601
  }, row.employee_info && /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8862
- className: clsx(styles$5.rowText, styles$5.textTransform)
9602
+ className: clsx(styles$6.rowText, styles$6.textTransform)
8863
9603
  }, row.employee_info.department));
8864
9604
  }
8865
9605
  }, {
@@ -8870,42 +9610,42 @@ var StickyHeadTable = function StickyHeadTable(props) {
8870
9610
  cell: function cell(row) {
8871
9611
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8872
9612
  component: "div"
8873
- }, row.products.length > 0 ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, row.products[0].role !== "Card Holder" ? /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9613
+ }, row.products.length > 0 ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !row.products[0].role.toLowerCase().includes("holder") ? /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8874
9614
  component: "div",
8875
9615
  display: "flex"
8876
9616
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8877
- className: clsx(styles$5.rowText, styles$5.textTransform, styles$5.lightColor),
9617
+ className: clsx(styles$6.rowText, styles$6.textTransform, styles$6.lightColor),
8878
9618
  style: {
8879
9619
  whiteSpace: 'nowrap'
8880
9620
  }
8881
9621
  }, row.products[0].name + ' / ' + ' '), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8882
- className: clsx(styles$5.rowText, styles$5.textTransform),
9622
+ className: clsx(styles$6.rowText, styles$6.textTransform),
8883
9623
  style: {
8884
9624
  whiteSpace: 'nowrap'
8885
9625
  }
8886
- }, "\xA0" + row.products[0].role)) : "", row.products[1] && row.products[1].role !== "Card Holder" && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9626
+ }, "\xA0" + row.products[0].role)) : "", row.products[1] && !row.products[1].role.toLowerCase().includes("holder") && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8887
9627
  component: "div",
8888
9628
  display: "flex"
8889
9629
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8890
- className: clsx(styles$5.rowText, styles$5.textTransform, styles$5.lightColor),
9630
+ className: clsx(styles$6.rowText, styles$6.textTransform, styles$6.lightColor),
8891
9631
  style: {
8892
9632
  whiteSpace: 'nowrap'
8893
9633
  }
8894
9634
  }, row.products[1].name + ' / '), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8895
- className: clsx(styles$5.rowText, styles$5.textTransform),
9635
+ className: clsx(styles$6.rowText, styles$6.textTransform),
8896
9636
  style: {
8897
9637
  whiteSpace: 'nowrap'
8898
9638
  }
8899
- }, "\xA0" + row.products[1].role)), row.products[2] && row.products[2].role !== "Card Holder" && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9639
+ }, "\xA0" + row.products[1].role)), row.products[2] && !row.products[2].role.toLowerCase().includes("holder") && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8900
9640
  component: "div",
8901
9641
  display: "flex"
8902
9642
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8903
- className: clsx(styles$5.rowText, styles$5.textTransform, styles$5.lightColor),
9643
+ className: clsx(styles$6.rowText, styles$6.textTransform, styles$6.lightColor),
8904
9644
  style: {
8905
9645
  whiteSpace: 'nowrap'
8906
9646
  }
8907
9647
  }, row.products[2].name + ' / '), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8908
- className: clsx(styles$5.rowText, styles$5.textTransform),
9648
+ className: clsx(styles$6.rowText, styles$6.textTransform),
8909
9649
  style: {
8910
9650
  whiteSpace: 'nowrap'
8911
9651
  }
@@ -8918,7 +9658,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
8918
9658
  cell: function cell(row) {
8919
9659
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIFormGroup, null, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8920
9660
  component: "div",
8921
- className: clsx(styles$5.rowText, styles$5.textTransform)
9661
+ className: clsx(styles$6.rowText, styles$6.textTransform)
8922
9662
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
8923
9663
  component: "label",
8924
9664
  container: true,
@@ -9064,7 +9804,7 @@ var SingupRequests = function SingupRequests(props) {
9064
9804
  secondaryText: row.email,
9065
9805
  letterAvatarTextColor: "black",
9066
9806
  letterAvatarBackgroundColor: "#d3d3d3",
9067
- avatarClassName: styles$5.avatarClassName,
9807
+ avatarClassName: styles$6.avatarClassName,
9068
9808
  profilePath: row === null || row === void 0 ? void 0 : (_row$profile_pic2 = row.profile_pic) === null || _row$profile_pic2 === void 0 ? void 0 : _row$profile_pic2.presigned_url
9069
9809
  }));
9070
9810
  }
@@ -9078,7 +9818,7 @@ var SingupRequests = function SingupRequests(props) {
9078
9818
  component: "div",
9079
9819
  width: 100
9080
9820
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
9081
- className: clsx(styles$5.rowText, styles$5.textTransform)
9821
+ className: clsx(styles$6.rowText, styles$6.textTransform)
9082
9822
  }, formatDate(row.created_at)));
9083
9823
  }
9084
9824
  }, {
@@ -9185,9 +9925,9 @@ function InviteInfoIcon() {
9185
9925
  }));
9186
9926
  }
9187
9927
 
9188
- var IUIToastMessageService$7 = utils.services.IUIToastMessageService;
9928
+ var IUIToastMessageService$9 = utils.services.IUIToastMessageService;
9189
9929
  var env$7 = utils.configs.env,
9190
- api$7 = utils.configs.api;
9930
+ api$9 = utils.configs.api;
9191
9931
  var UndoButton = function UndoButton(_ref) {
9192
9932
  var onUndo = _ref.onUndo,
9193
9933
  msg = _ref.msg;
@@ -9383,7 +10123,7 @@ var UserList = function UserList(_ref2) {
9383
10123
  };
9384
10124
  var openDeactivateModal = function openDeactivateModal() {
9385
10125
  if (Object.values(selected).flat().length === 0 || Object.values(selected).flat() === undefined) {
9386
- IUIToastMessageService$7.warningNotify('Select at least one user to deactivate.');
10126
+ IUIToastMessageService$9.warningNotify('Select at least one user to deactivate.');
9387
10127
  return false;
9388
10128
  }
9389
10129
  if (selectedUsersApprover.length) {
@@ -9422,9 +10162,9 @@ var UserList = function UserList(_ref2) {
9422
10162
  history.push(config.routes.users.add.path + "?" + config.routes.users.add.queryParamKeys.verifyUserId + "=" + userId);
9423
10163
  };
9424
10164
  var handleRejectUserClick = function handleRejectUserClick(userId) {
9425
- IUIToastMessageService$7.undoNotify( /*#__PURE__*/React__default.createElement(UndoButton, {
10165
+ IUIToastMessageService$9.undoNotify(/*#__PURE__*/React__default.createElement(UndoButton, {
9426
10166
  onUndo: function onUndo() {
9427
- return IUIToastMessageService$7.setUndoClicked(true);
10167
+ return IUIToastMessageService$9.setUndoClicked(true);
9428
10168
  },
9429
10169
  msg: "Sign-up request rejected"
9430
10170
  }), function (res) {
@@ -9446,7 +10186,7 @@ var UserList = function UserList(_ref2) {
9446
10186
  console.log(err);
9447
10187
  });
9448
10188
  }
9449
- IUIToastMessageService$7.setUndoClicked(false);
10189
+ IUIToastMessageService$9.setUndoClicked(false);
9450
10190
  });
9451
10191
  };
9452
10192
  var handleBulkActionHistoryClick = function handleBulkActionHistoryClick() {
@@ -9552,7 +10292,7 @@ var UserList = function UserList(_ref2) {
9552
10292
  setIsDisabledSubmitBtn(true);
9553
10293
  setApproveeStatus(false);
9554
10294
  if (deactivateSingle === true) {
9555
- api$7.get(userAddEditUrl.transferAppover() + "user_id=" + user.id + "&page=1").then(function (response) {
10295
+ api$9.get(userAddEditUrl.transferAppover() + "user_id=" + user.id + "&page=1").then(function (response) {
9556
10296
  if (response.data["default"].id) {
9557
10297
  setDefaultId(response.data["default"].id);
9558
10298
  setApproverRole({
@@ -9664,7 +10404,7 @@ var UserList = function UserList(_ref2) {
9664
10404
  var toggleInviteModal = function toggleInviteModal(ids, type, firstName, lastName) {
9665
10405
  if (type === undefined) {
9666
10406
  if (Object.values(selected).flat().length === 0 || Object.values(selected).flat() === undefined) {
9667
- IUIToastMessageService$7.warningNotify('Select at least one user to invite.');
10407
+ IUIToastMessageService$9.warningNotify('Select at least one user to invite.');
9668
10408
  return false;
9669
10409
  }
9670
10410
  }
@@ -9699,12 +10439,12 @@ var UserList = function UserList(_ref2) {
9699
10439
  return Promise.resolve(dispatch(exportUsers()).then(function (validatedRes) {
9700
10440
  var _validatedRes$data;
9701
10441
  if ((_validatedRes$data = validatedRes.data) !== null && _validatedRes$data !== void 0 && _validatedRes$data.status) {
9702
- dispatch(downloadExecutionJob(validatedRes.data.audit_id, 'status')).then(function (res) {
10442
+ dispatch(_downloadExecutionJob(validatedRes.data.audit_id, 'status')).then(function (res) {
9703
10443
  window.open(res.data.presigned_url, '_self').focus();
9704
10444
  })["catch"](function (reject) {
9705
10445
  if (reject) {
9706
10446
  if (!reject.response.data.status) {
9707
- IUIToastMessageService$7.warningNotify(reject.response.data.message);
10447
+ IUIToastMessageService$9.warningNotify(reject.response.data.message);
9708
10448
  }
9709
10449
  }
9710
10450
  })["finally"](function () {
@@ -9714,7 +10454,7 @@ var UserList = function UserList(_ref2) {
9714
10454
  })["catch"](function (reject) {
9715
10455
  if (reject) {
9716
10456
  if (!reject.response.data.status) {
9717
- IUIToastMessageService$7.warningNotify(reject.response.data.message);
10457
+ IUIToastMessageService$9.warningNotify(reject.response.data.message);
9718
10458
  setDownlStatus(false);
9719
10459
  }
9720
10460
  }
@@ -9833,14 +10573,14 @@ var UserList = function UserList(_ref2) {
9833
10573
  var topRightButtons = function topRightButtons() {
9834
10574
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9835
10575
  component: "div",
9836
- className: styles$5.buttonWrapper,
10576
+ className: styles$6.buttonWrapper,
9837
10577
  display: "flex",
9838
10578
  justifyContent: "space-between",
9839
10579
  alignItems: "center",
9840
10580
  alignSelf: "flex-start"
9841
10581
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9842
10582
  component: "div",
9843
- className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
10583
+ className: clsx(styles$6.buttonSingle, styles$6.buttonLeft)
9844
10584
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
9845
10585
  buttonText: "Export all users",
9846
10586
  type: "outlined",
@@ -9851,7 +10591,7 @@ var UserList = function UserList(_ref2) {
9851
10591
  onClick: handleExportUsers
9852
10592
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9853
10593
  component: "div",
9854
- className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
10594
+ className: clsx(styles$6.buttonSingle, styles$6.buttonLeft)
9855
10595
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIDropdownButton, {
9856
10596
  buttonText: "Bulk actions",
9857
10597
  type: "outlined",
@@ -9872,12 +10612,12 @@ var UserList = function UserList(_ref2) {
9872
10612
  };
9873
10613
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9874
10614
  component: "div",
9875
- className: styles$5.UUIUserManagementList
10615
+ className: styles$6.UUIUserManagementList
9876
10616
  }, overlayMenu ? /*#__PURE__*/React__default.createElement(core.Box, {
9877
- className: styles$5.scrollOverlayMenu
10617
+ className: styles$6.scrollOverlayMenu
9878
10618
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9879
10619
  component: "div",
9880
- className: clsx(styles$5.pageHeader)
10620
+ className: clsx(styles$6.pageHeader)
9881
10621
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9882
10622
  component: "div",
9883
10623
  display: "flex",
@@ -9900,7 +10640,7 @@ var UserList = function UserList(_ref2) {
9900
10640
  onChangeHandler: function onChangeHandler(e) {
9901
10641
  return onSearchHandler(e.target.value);
9902
10642
  },
9903
- className: styles$5.overlaysearch
10643
+ className: styles$6.overlaysearch
9904
10644
  })), topRightButtons()), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9905
10645
  component: "div",
9906
10646
  display: "flex",
@@ -9908,13 +10648,13 @@ var UserList = function UserList(_ref2) {
9908
10648
  alignItems: "center"
9909
10649
  }))) : '', !hasVerificationError ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBackdrop, {
9910
10650
  open: isFileDownloading || isApiFetching,
9911
- className: styles$5.backdrop
10651
+ className: styles$6.backdrop
9912
10652
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUICircularProgress, {
9913
10653
  color: "inherit"
9914
10654
  })), isDataFetching ? /*#__PURE__*/React__default.createElement(SkeletonLoader, null) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9915
10655
  id: "table-root",
9916
10656
  component: "div",
9917
- className: clsx(styles$5.pageHeader)
10657
+ className: clsx(styles$6.pageHeader)
9918
10658
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9919
10659
  component: "div",
9920
10660
  display: "flex",
@@ -9933,23 +10673,23 @@ var UserList = function UserList(_ref2) {
9933
10673
  }
9934
10674
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9935
10675
  component: "div",
9936
- className: styles$5.headingWrapper
10676
+ className: styles$6.headingWrapper
9937
10677
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
9938
10678
  variant: "h3",
9939
- className: clsx(styles$5.heading, styles$5.headingLarge)
10679
+ className: clsx(styles$6.heading, styles$6.headingLarge)
9940
10680
  }, isILadmin && companyName ? companyName + " - Users" : 'Users'))), topRightButtons()), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9941
10681
  component: "div",
9942
10682
  display: "flex",
9943
10683
  justifyContent: "space-between",
9944
10684
  alignItems: "center"
9945
10685
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9946
- className: styles$5.tablewrapper
10686
+ className: styles$6.tablewrapper
9947
10687
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITabs, {
9948
10688
  value: tabValue,
9949
10689
  customTabHandler: function customTabHandler(value) {
9950
10690
  return dispatch(updateTabValue(value));
9951
10691
  },
9952
- className: styles$5.user_list_page_tabs,
10692
+ className: styles$6.user_list_page_tabs,
9953
10693
  tabs: [{
9954
10694
  label: /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, null, "Current users", ' ', /*#__PURE__*/React__default.createElement(TabLabelCount, {
9955
10695
  count: userListInfo.count
@@ -9960,10 +10700,10 @@ var UserList = function UserList(_ref2) {
9960
10700
  }
9961
10701
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9962
10702
  component: "div",
9963
- className: styles$5.headingWrapper
10703
+ className: styles$6.headingWrapper
9964
10704
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
9965
10705
  variant: "body2",
9966
- className: clsx(styles$5.description)
10706
+ className: clsx(styles$6.description)
9967
10707
  }, "Create new users, customize user permissions and manage user accounts")), /*#__PURE__*/React__default.createElement(StickyHeadTable, {
9968
10708
  data: userListInfo,
9969
10709
  handleChangeRowsPerPage: handleChangeRowsPerPage,
@@ -9996,10 +10736,10 @@ var UserList = function UserList(_ref2) {
9996
10736
  }
9997
10737
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9998
10738
  component: "div",
9999
- className: styles$5.headingSignUpWrapper
10739
+ className: styles$6.headingSignUpWrapper
10000
10740
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
10001
10741
  variant: "body2",
10002
- className: clsx(styles$5.description)
10742
+ className: clsx(styles$6.description)
10003
10743
  }, "Verify and add users to allow them to start using ITILITE. Set up preferences for receiving sign up request updates in", ' ', /*#__PURE__*/React__default.createElement("span", {
10004
10744
  onClick: redirectToNotifications,
10005
10745
  className: clsx(config.routes.notification && 'iui__cursor-pointer iui__border--bottom_solid_black500-1')
@@ -10045,16 +10785,16 @@ var UserList = function UserList(_ref2) {
10045
10785
  headerText: "Deactivate this user?",
10046
10786
  width: "400px",
10047
10787
  subHanderText: "",
10048
- submitBtnClass: styles$5.deactivateBtn,
10788
+ submitBtnClass: styles$6.deactivateBtn,
10049
10789
  isDisabledSubmitBtn: isDisabledSubmitBtn,
10050
10790
  modalClass: "deactivateSingleModal",
10051
10791
  modalBodyStyle: {
10052
10792
  overflowY: 'unset'
10053
10793
  }
10054
10794
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
10055
- className: clsx(styles$5.deactivateSingle, 'iui__mb-16')
10795
+ className: clsx(styles$6.deactivateSingle, 'iui__mb-16')
10056
10796
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
10057
- className: styles$5.deactivateAlert
10797
+ className: styles$6.deactivateAlert
10058
10798
  }, /*#__PURE__*/React__default.createElement(InfoYellowIcon, {
10059
10799
  width: "9",
10060
10800
  height: "9"
@@ -10103,29 +10843,29 @@ var UserList = function UserList(_ref2) {
10103
10843
  alignItems: "center",
10104
10844
  flexDirection: "column",
10105
10845
  padding: "27px 16px 27px",
10106
- className: styles$5.deActivateModalContainer
10846
+ className: styles$6.deActivateModalContainer
10107
10847
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
10108
- className: styles$5.headerText
10848
+ className: styles$6.headerText
10109
10849
  }, '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, {
10110
- className: styles$5.description
10850
+ className: styles$6.description
10111
10851
  }, "The", ' ', Object.values(selected).flat().length === 1 ? ' user ' : ' users ', "won\u2019t be able to access itilite platform"))), /*#__PURE__*/React__default.createElement(iuistyles.IUIModal, {
10112
10852
  isOpen: isBulkDeactivateModalOpen,
10113
10853
  closeHandler: closeDeActiveModal,
10114
10854
  cancelLabel: "Cancel",
10115
10855
  submitLabel: "Deactivate safe users",
10116
10856
  isDisabledSubmitBtn: !((selectedUsersNotApprover === null || selectedUsersNotApprover === void 0 ? void 0 : selectedUsersNotApprover.length) > 0),
10117
- submitBtnClass: clsx(styles$5.deactivateSubmitBtn),
10857
+ submitBtnClass: clsx(styles$6.deactivateSubmitBtn),
10118
10858
  customButtonLabel: "Deactivate all users",
10119
10859
  customButtonHandler: handleDeactivateUsers,
10120
10860
  submitHandler: handleDeactivateSafeUsers,
10121
10861
  width: "640px",
10122
- customButtonClass: clsx(styles$5.deactivateCustomButtonClass),
10862
+ customButtonClass: clsx(styles$6.deactivateCustomButtonClass),
10123
10863
  headerText: "Deactivate users?",
10124
10864
  modalBodyStyle: {
10125
10865
  maxHeight: 'calc(100vh - 50vh)'
10126
10866
  }
10127
10867
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
10128
- className: clsx(styles$5.deactivateAlert, styles$5.warningSvg)
10868
+ className: clsx(styles$6.deactivateAlert, styles$6.warningSvg)
10129
10869
  }, /*#__PURE__*/React__default.createElement(RedWarningIcon, {
10130
10870
  color: "#9A6700",
10131
10871
  size: "14"
@@ -10237,7 +10977,7 @@ var UserList = function UserList(_ref2) {
10237
10977
  var TabLabelCount = function TabLabelCount(_ref5) {
10238
10978
  var count = _ref5.count;
10239
10979
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
10240
- className: styles$5.TabLabelCount
10980
+ className: styles$6.TabLabelCount
10241
10981
  }, " ", count, " ");
10242
10982
  };
10243
10983
  var index$2 = withStore(UserList);
@@ -10258,7 +10998,7 @@ function Header(props) {
10258
10998
  isILadmin = _useSelector.isILadmin;
10259
10999
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
10260
11000
  component: "div",
10261
- className: clsx(styles$5.pageHeader)
11001
+ className: clsx(styles$6.pageHeader)
10262
11002
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
10263
11003
  component: "div",
10264
11004
  display: "flex",
@@ -10277,19 +11017,19 @@ function Header(props) {
10277
11017
  }
10278
11018
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
10279
11019
  component: "div",
10280
- className: styles$5.headingWrapper
11020
+ className: styles$6.headingWrapper
10281
11021
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
10282
11022
  variant: "h3",
10283
- className: clsx(styles$5.heading, styles$5.headingLarge)
11023
+ className: clsx(styles$6.heading, styles$6.headingLarge)
10284
11024
  }, isILadmin === 1 && companyName !== null && companyName + " - ", ' ', headingName)), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
10285
11025
  component: "div",
10286
- className: styles$5.headingWrapper
11026
+ className: styles$6.headingWrapper
10287
11027
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
10288
11028
  variant: "body2",
10289
- className: clsx(styles$5.description)
11029
+ className: clsx(styles$6.description)
10290
11030
  }, subHeading))), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
10291
11031
  component: "div",
10292
- className: styles$5.buttonWrapper,
11032
+ className: styles$6.buttonWrapper,
10293
11033
  display: "flex",
10294
11034
  justifyContent: "space-between",
10295
11035
  alignItems: "center",
@@ -10310,7 +11050,7 @@ function Header(props) {
10310
11050
  })));
10311
11051
  }
10312
11052
 
10313
- 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"};
11053
+ var styles$8 = {"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"};
10314
11054
 
10315
11055
  function Listview(_ref) {
10316
11056
  var data = _ref.data,
@@ -10363,19 +11103,19 @@ function Listview(_ref) {
10363
11103
  display: "flex"
10364
11104
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
10365
11105
  buttonText: "Edit",
10366
- className: styles$7.buttonWidth,
11106
+ className: styles$8.buttonWidth,
10367
11107
  onClick: function onClick() {
10368
11108
  return handleEditDialog(row);
10369
11109
  }
10370
11110
  }), row.no_of_users > 0 ? /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
10371
11111
  buttonText: "Delete",
10372
- className: styles$7.buttonWidth,
11112
+ className: styles$8.buttonWidth,
10373
11113
  onClick: function onClick() {
10374
11114
  return handleDeleteDialog(row, true);
10375
11115
  }
10376
11116
  }) : /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
10377
11117
  buttonText: "Delete",
10378
- className: styles$7.buttonWidth,
11118
+ className: styles$8.buttonWidth,
10379
11119
  onClick: function onClick() {
10380
11120
  return handleDeleteDialog(row, false);
10381
11121
  }
@@ -10401,7 +11141,7 @@ function Listview(_ref) {
10401
11141
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
10402
11142
  component: "div"
10403
11143
  }, deptHeadDetails(row)), row.is_default_dept_head && /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
10404
- className: clsx(styles$7.rowText, styles$7.textTransform, styles$7.lightColor)
11144
+ className: clsx(styles$8.rowText, styles$8.textTransform, styles$8.lightColor)
10405
11145
  }, "Assigned by default"));
10406
11146
  }
10407
11147
  }, {
@@ -10423,19 +11163,19 @@ function Listview(_ref) {
10423
11163
  display: "flex"
10424
11164
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
10425
11165
  buttonText: "Edit",
10426
- className: styles$7.buttonWidth,
11166
+ className: styles$8.buttonWidth,
10427
11167
  onClick: function onClick() {
10428
11168
  return handleEditDialog(row);
10429
11169
  }
10430
11170
  }), row.no_of_users > 0 ? /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
10431
11171
  buttonText: "Delete",
10432
- className: styles$7.buttonWidth,
11172
+ className: styles$8.buttonWidth,
10433
11173
  onClick: function onClick() {
10434
11174
  return handleDeleteDialog(row, true);
10435
11175
  }
10436
11176
  }) : /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
10437
11177
  buttonText: "Delete",
10438
- className: styles$7.buttonWidth,
11178
+ className: styles$8.buttonWidth,
10439
11179
  onClick: function onClick() {
10440
11180
  return handleDeleteDialog(row, false);
10441
11181
  }
@@ -10444,7 +11184,7 @@ function Listview(_ref) {
10444
11184
  }];
10445
11185
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
10446
11186
  p: 3,
10447
- className: data !== null && data !== void 0 && data.results && data.results.length > 0 && data.results[0].code === UNASSIGNED_USERS ? styles$7.tableContainer : ''
11187
+ className: data !== null && data !== void 0 && data.results && data.results.length > 0 && data.results[0].code === UNASSIGNED_USERS ? styles$8.tableContainer : ''
10448
11188
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITable, {
10449
11189
  searchHide: true,
10450
11190
  hasFilter: true,
@@ -10575,11 +11315,11 @@ function EditPanelDialog(_ref) {
10575
11315
  justifyContent: "center",
10576
11316
  alignItems: "center",
10577
11317
  flexDirection: "column",
10578
- className: styles$7.baseAlert
11318
+ className: styles$8.baseAlert
10579
11319
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
10580
- className: styles$7.alertDescContainer
11320
+ className: styles$8.alertDescContainer
10581
11321
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
10582
- className: styles$7.iconLayout,
11322
+ className: styles$8.iconLayout,
10583
11323
  style: {
10584
11324
  paddingTop: '4px'
10585
11325
  }
@@ -10587,7 +11327,7 @@ function EditPanelDialog(_ref) {
10587
11327
  color: "#CA8A04",
10588
11328
  width: "25",
10589
11329
  height: "20",
10590
- className: styles$7.iconStyle
11330
+ className: styles$8.iconStyle
10591
11331
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
10592
11332
  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.",
10593
11333
  style: {
@@ -10602,7 +11342,7 @@ function EditPanelDialog(_ref) {
10602
11342
  color: "#EC5D25"
10603
11343
  }),
10604
11344
  onClick: handleAddPageNavigation,
10605
- className: styles$7.addUserButton
11345
+ className: styles$8.addUserButton
10606
11346
  }))), /*#__PURE__*/React__default.createElement(iuistyles.IUIInput, {
10607
11347
  label: name + " name",
10608
11348
  name: "name",
@@ -10699,14 +11439,14 @@ function MoveUserDialog(_ref) {
10699
11439
  flexDirection: "column"
10700
11440
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
10701
11441
  display: "flex",
10702
- className: styles$7.baseAlert
11442
+ className: styles$8.baseAlert
10703
11443
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
10704
- className: styles$7.iconLayout
11444
+ className: styles$8.iconLayout
10705
11445
  }, /*#__PURE__*/React__default.createElement(BoldInfoIcon, {
10706
11446
  color: "#CA8A04",
10707
11447
  width: "25",
10708
11448
  height: "20",
10709
- className: styles$7.iconStyle
11449
+ className: styles$8.iconStyle
10710
11450
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
10711
11451
  label: data.name + " cannot be deleted as it is linked with some users. You can delete this " + ((_labelData$module = labelData.module) === null || _labelData$module === void 0 ? void 0 : _labelData$module.toLowerCase()) + " only once you move the users to a different " + ((_labelData$module2 = labelData.module) === null || _labelData$module2 === void 0 ? void 0 : _labelData$module2.toLowerCase()) + ".",
10712
11452
  style: {
@@ -10775,11 +11515,11 @@ function DeletePanelModal$1(_ref) {
10775
11515
  alignItems: "center",
10776
11516
  flexDirection: "column"
10777
11517
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, null, /*#__PURE__*/React__default.createElement("span", {
10778
- className: styles$7.onBoardText
11518
+ className: styles$8.onBoardText
10779
11519
  }, data.name), " cannot be deleted as it is linked with some users. To delete this", ' ', labelData.module, ", you must add a new ", labelData.module, " and then move the users to the new ", labelData.module, "."))));
10780
11520
  }
10781
11521
 
10782
- var IUIToastMessageService$8 = utils.services.IUIToastMessageService;
11522
+ var IUIToastMessageService$a = utils.services.IUIToastMessageService;
10783
11523
  var UserPanel = function UserPanel(_ref) {
10784
11524
  var title = _ref.title,
10785
11525
  headingName = _ref.headingName,
@@ -10985,7 +11725,7 @@ var UserPanel = function UserPanel(_ref) {
10985
11725
  }
10986
11726
  dispatch(userPanelShowLoader());
10987
11727
  dispatch(dispatchFun(tableName, payload, getApiData(), optionalParams)).then(function (res) {
10988
- IUIToastMessageService$8.sNotify(type === 'move' ? res.data.message : "" + message);
11728
+ IUIToastMessageService$a.sNotify(type === 'move' ? res.data.message : "" + message);
10989
11729
  dispatch(userPanelStopLoader());
10990
11730
  if (type === 'delete') {
10991
11731
  closeDeleteModal();
@@ -11073,7 +11813,7 @@ var UserPanel = function UserPanel(_ref) {
11073
11813
  };
11074
11814
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
11075
11815
  component: "div",
11076
- className: styles$5.UUIUserManagementList
11816
+ className: styles$6.UUIUserManagementList
11077
11817
  }, hasVerificationError === false ? /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(Header, {
11078
11818
  name: title,
11079
11819
  headingName: headingName,
@@ -11238,14 +11978,14 @@ var DeleteCustomFieldModal = function DeleteCustomFieldModal(_ref) {
11238
11978
  flexDirection: "column"
11239
11979
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
11240
11980
  display: "flex",
11241
- className: styles$6.baseAlert
11981
+ className: styles$7.baseAlert
11242
11982
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
11243
- className: styles$6.iconLayout
11983
+ className: styles$7.iconLayout
11244
11984
  }, /*#__PURE__*/React__default.createElement(BoldInfoIcon, {
11245
11985
  color: "#CA8A04",
11246
11986
  width: "25",
11247
11987
  height: "20",
11248
- className: styles$6.iconStyle
11988
+ className: styles$7.iconStyle
11249
11989
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
11250
11990
  label: "User data associated with the custom field \"" + data.field_name + "\" will get lost. It may also affect the reporting and rules associated with the field.",
11251
11991
  style: {
@@ -11273,7 +12013,7 @@ var PageHeader = function PageHeader() {
11273
12013
  };
11274
12014
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
11275
12015
  component: "div",
11276
- className: clsx(styles$6.pageHeader)
12016
+ className: clsx(styles$7.pageHeader)
11277
12017
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
11278
12018
  component: "div",
11279
12019
  display: "flex",
@@ -11281,13 +12021,13 @@ var PageHeader = function PageHeader() {
11281
12021
  alignItems: "center"
11282
12022
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
11283
12023
  component: "div",
11284
- className: styles$6.headingWrapper
12024
+ className: styles$7.headingWrapper
11285
12025
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
11286
12026
  variant: "h3",
11287
- className: clsx(styles$6.heading, styles$6.headingLarge)
12027
+ className: clsx(styles$7.heading, styles$7.headingLarge)
11288
12028
  }, isILadmin && companyName ? companyName + " - " : '', "Custom fields")), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
11289
12029
  component: "div",
11290
- className: styles$6.buttonWrapper,
12030
+ className: styles$7.buttonWrapper,
11291
12031
  display: "flex",
11292
12032
  justifyContent: "space-between",
11293
12033
  alignItems: "center"
@@ -11310,10 +12050,10 @@ var PageHeader = function PageHeader() {
11310
12050
  alignItems: "center"
11311
12051
  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
11312
12052
  component: "div",
11313
- className: styles$6.headingWrapper
12053
+ className: styles$7.headingWrapper
11314
12054
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
11315
12055
  variant: "body2",
11316
- className: clsx(styles$6.description)
12056
+ className: clsx(styles$7.description)
11317
12057
  }, "Configure fields based on the information you require from your employees in their profile")), /*#__PURE__*/React__default.createElement(AddCustomFieldModal, {
11318
12058
  isOpenModal: isOpenModal,
11319
12059
  closeModalHandler: function closeModalHandler() {
@@ -11375,13 +12115,13 @@ function Table() {
11375
12115
  display: "flex"
11376
12116
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
11377
12117
  buttonText: "Edit",
11378
- className: styles$6.buttonWidth,
12118
+ className: styles$7.buttonWidth,
11379
12119
  onClick: function onClick() {
11380
12120
  return handleEdit(row);
11381
12121
  }
11382
12122
  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
11383
12123
  buttonText: "Delete",
11384
- className: styles$6.buttonWidth,
12124
+ className: styles$7.buttonWidth,
11385
12125
  onClick: function onClick() {
11386
12126
  return handleDelete(row);
11387
12127
  }
@@ -11389,7 +12129,7 @@ function Table() {
11389
12129
  }
11390
12130
  }];
11391
12131
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
11392
- className: styles$6.tablewrapper
12132
+ className: styles$7.tablewrapper
11393
12133
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITable, {
11394
12134
  hasFilter: false,
11395
12135
  isCheckboxTable: false,
@@ -11428,7 +12168,7 @@ var CustomFields$1 = function CustomFields(_ref) {
11428
12168
  }, [isTokenVerified]);
11429
12169
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
11430
12170
  component: "div",
11431
- className: styles$6.UUICustomFields
12171
+ className: styles$7.UUICustomFields
11432
12172
  }, /*#__PURE__*/React__default.createElement(PageHeader, null), loading ? /*#__PURE__*/React__default.createElement(SkeletonLoader, {
11433
12173
  data: [{
11434
12174
  variant: 'rect',