@itilite/iui-user-management 0.4.67 → 0.4.69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.css +2 -6
  2. package/dist/index.js +748 -380
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.modern.js +749 -381
  5. package/dist/index.modern.js.map +1 -1
  6. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -35,125 +35,158 @@ function _extends() {
35
35
  };
36
36
  return _extends.apply(this, arguments);
37
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;
50
+ }
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;
57
+ return function () {
58
+ if (i >= o.length) return {
59
+ done: true
60
+ };
61
+ return {
62
+ done: false,
63
+ value: o[i++]
64
+ };
65
+ };
66
+ }
67
+ 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
+ }
38
69
 
39
- // A type of promise-like that resolves synchronously and supports only one observer
40
- const _Pact = /*#__PURE__*/(function() {
41
- function _Pact() {}
42
- _Pact.prototype.then = function(onFulfilled, onRejected) {
43
- const result = new _Pact();
44
- const state = this.s;
45
- if (state) {
46
- const callback = state & 1 ? onFulfilled : onRejected;
47
- if (callback) {
48
- try {
49
- _settle(result, 1, callback(this.v));
50
- } catch (e) {
51
- _settle(result, 2, e);
52
- }
53
- return result;
54
- } else {
55
- return this;
56
- }
57
- }
58
- this.o = function(_this) {
59
- try {
60
- const value = _this.v;
61
- if (_this.s & 1) {
62
- _settle(result, 1, onFulfilled ? onFulfilled(value) : value);
63
- } else if (onRejected) {
64
- _settle(result, 1, onRejected(value));
65
- } else {
66
- _settle(result, 2, value);
67
- }
68
- } catch (e) {
69
- _settle(result, 2, e);
70
- }
71
- };
72
- return result;
73
- };
74
- return _Pact;
75
- })();
76
-
77
- // Settles a pact synchronously
70
+ var _Pact = /*#__PURE__*/function () {
71
+ function _Pact() {}
72
+ _Pact.prototype.then = function (onFulfilled, onRejected) {
73
+ var result = new _Pact();
74
+ var state = this.s;
75
+ if (state) {
76
+ var callback = state & 1 ? onFulfilled : onRejected;
77
+ if (callback) {
78
+ try {
79
+ _settle(result, 1, callback(this.v));
80
+ } catch (e) {
81
+ _settle(result, 2, e);
82
+ }
83
+ return result;
84
+ } else {
85
+ return this;
86
+ }
87
+ }
88
+ this.o = function (_this) {
89
+ try {
90
+ var value = _this.v;
91
+ if (_this.s & 1) {
92
+ _settle(result, 1, onFulfilled ? onFulfilled(value) : value);
93
+ } else if (onRejected) {
94
+ _settle(result, 1, onRejected(value));
95
+ } else {
96
+ _settle(result, 2, value);
97
+ }
98
+ } catch (e) {
99
+ _settle(result, 2, e);
100
+ }
101
+ };
102
+ return result;
103
+ };
104
+ return _Pact;
105
+ }();
78
106
  function _settle(pact, state, value) {
79
- if (!pact.s) {
80
- if (value instanceof _Pact) {
81
- if (value.s) {
82
- if (state & 1) {
83
- state = value.s;
84
- }
85
- value = value.v;
86
- } else {
87
- value.o = _settle.bind(null, pact, state);
88
- return;
89
- }
90
- }
91
- if (value && value.then) {
92
- value.then(_settle.bind(null, pact, state), _settle.bind(null, pact, 2));
93
- return;
94
- }
95
- pact.s = state;
96
- pact.v = value;
97
- const observer = pact.o;
98
- if (observer) {
99
- observer(pact);
100
- }
101
- }
107
+ if (!pact.s) {
108
+ if (value instanceof _Pact) {
109
+ if (value.s) {
110
+ if (state & 1) {
111
+ state = value.s;
112
+ }
113
+ value = value.v;
114
+ } else {
115
+ value.o = _settle.bind(null, pact, state);
116
+ return;
117
+ }
118
+ }
119
+ if (value && value.then) {
120
+ value.then(_settle.bind(null, pact, state), _settle.bind(null, pact, 2));
121
+ return;
122
+ }
123
+ pact.s = state;
124
+ pact.v = value;
125
+ var observer = pact.o;
126
+ if (observer) {
127
+ observer(pact);
128
+ }
129
+ }
102
130
  }
103
-
104
131
  function _isSettledPact(thenable) {
105
- return thenable instanceof _Pact && thenable.s & 1;
132
+ return thenable instanceof _Pact && thenable.s & 1;
106
133
  }
107
-
108
- // Asynchronously iterate through an object that has a length property, passing the index as the first argument to the callback (even as the length property changes)
109
134
  function _forTo(array, body, check) {
110
- var i = -1, pact, reject;
111
- function _cycle(result) {
112
- try {
113
- while (++i < array.length && (!check || !check())) {
114
- result = body(i);
115
- if (result && result.then) {
116
- if (_isSettledPact(result)) {
117
- result = result.v;
118
- } else {
119
- result.then(_cycle, reject || (reject = _settle.bind(null, pact = new _Pact(), 2)));
120
- return;
121
- }
122
- }
123
- }
124
- if (pact) {
125
- _settle(pact, 1, result);
126
- } else {
127
- pact = result;
128
- }
129
- } catch (e) {
130
- _settle(pact || (pact = new _Pact()), 2, e);
131
- }
132
- }
133
- _cycle();
134
- return pact;
135
+ var i = -1,
136
+ pact,
137
+ reject;
138
+ function _cycle(result) {
139
+ try {
140
+ while (++i < array.length && (!check || !check())) {
141
+ result = body(i);
142
+ if (result && result.then) {
143
+ if (_isSettledPact(result)) {
144
+ result = result.v;
145
+ } else {
146
+ result.then(_cycle, reject || (reject = _settle.bind(null, pact = new _Pact(), 2)));
147
+ return;
148
+ }
149
+ }
150
+ }
151
+ if (pact) {
152
+ _settle(pact, 1, result);
153
+ } else {
154
+ pact = result;
155
+ }
156
+ } catch (e) {
157
+ _settle(pact || (pact = new _Pact()), 2, e);
158
+ }
159
+ }
160
+ _cycle();
161
+ return pact;
135
162
  }
136
-
137
- const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
138
-
139
- const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
140
-
141
- // Asynchronously call a function and send errors to recovery continuation
163
+ var _iteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
164
+ var _asyncIteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
142
165
  function _catch(body, recover) {
143
- try {
144
- var result = body();
145
- } catch(e) {
146
- return recover(e);
147
- }
148
- if (result && result.then) {
149
- return result.then(void 0, recover);
150
- }
151
- return result;
166
+ try {
167
+ var result = body();
168
+ } catch (e) {
169
+ return recover(e);
170
+ }
171
+ if (result && result.then) {
172
+ return result.then(void 0, recover);
173
+ }
174
+ return result;
152
175
  }
153
176
 
154
- 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","accessDelegationContainer":"_2x-2f","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"};
177
+ 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"};
155
178
 
156
- function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
179
+ function r(e) {
180
+ var t,
181
+ f,
182
+ n = "";
183
+ if ("string" == typeof e || "number" == typeof e) n += e;else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);else for (t in e) e[t] && (n && (n += " "), n += t);
184
+ return n;
185
+ }
186
+ function clsx() {
187
+ for (var e, t, f = 0, n = ""; f < arguments.length;) (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
188
+ return n;
189
+ }
157
190
 
158
191
  var GetInputType = React__default.forwardRef(function (props, ref) {
159
192
  var _p = props._p,
@@ -390,6 +423,12 @@ var userAddEditUrl = {
390
423
  },
391
424
  undoRejectUserVerification: function undoRejectUserVerification(userId) {
392
425
  return "api/v1/onboarding/user-signup-reject/" + userId + "?action=undo";
426
+ },
427
+ cardsEditUserDetails: function cardsEditUserDetails(userId) {
428
+ return env.getCardsapiURL() + "/card/authorization/user/" + userId;
429
+ },
430
+ cardsAddUsersDetails: function cardsAddUsersDetails() {
431
+ return env.getCardsapiURL() + "/card/authorization/company/" + IUILocalStorageService.getCompanyId() + "/roles";
393
432
  }
394
433
  };
395
434
  var userListUrl = {
@@ -648,7 +687,8 @@ var transferRoleOptions = function transferRoleOptions(search, loadedOptions, _r
648
687
  var approversOptions = function approversOptions(search, loadedOptions, _ref5) {
649
688
  var page = _ref5.page,
650
689
  product = _ref5.product,
651
- userId = _ref5.userId;
690
+ userId = _ref5.userId,
691
+ placeholder = _ref5.placeholder;
652
692
  try {
653
693
  return Promise.resolve(_catch(function () {
654
694
  return Promise.resolve(api.get(userAddEditUrl.approversSearch() + "?page=" + page + "&product=" + product + "&search=" + search + "&user_id=" + userId).then(function (res) {
@@ -662,7 +702,13 @@ var approversOptions = function approversOptions(search, loadedOptions, _ref5) {
662
702
  data: item.approver
663
703
  };
664
704
  });
665
- console.log("AAA", mappedValue);
705
+ if (page === 1) {
706
+ var placeholderLbl = {
707
+ value: '',
708
+ label: placeholder
709
+ };
710
+ mappedValue.unshift(placeholderLbl);
711
+ }
666
712
  return {
667
713
  options: mappedValue,
668
714
  hasMore: !!response.next,
@@ -785,6 +831,7 @@ var styles$1 = {"card":"_3_S9J","cardNumber":"_36E9M","cardDigit":"_2pm-T","expi
785
831
  var SHOW_LOADER = 'SHOW_LOADER';
786
832
  var STOP_LOADER = 'STOP_LOADER';
787
833
  var SET_RENDER_FIELDS = 'SET_RENDER_FIELDS';
834
+ var SET_CARDS_DETAILS = 'SET_CARDS_DETAILS';
788
835
  var SET_CUSTOM_FIELD = 'SET_CUSTOM_FIELD';
789
836
  var SET_TRAVEL_APPROVER_FIELD = 'SET_TRAVEL_APPROVER_FIELD';
790
837
  var SET_EXPENSE_APPROVER_FIELD = 'SET_EXPENSE_APPROVER_FIELD';
@@ -829,9 +876,15 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
829
876
  if (payload.productAccess.expense) {
830
877
  product.expense = payload.expenseRole || null;
831
878
  }
879
+ if (payload.productAccess.card) {
880
+ var splitRole = payload.cardsRole.split(":");
881
+ var cardsUsmRole = splitRole[2];
882
+ product.card = cardsUsmRole || null;
883
+ }
832
884
  return product;
833
885
  }(),
834
- approvers: {}
886
+ approvers: {},
887
+ requested_user_is_admin: payload.isCardsAdmin
835
888
  };
836
889
  var userTags = [];
837
890
  for (var key in payload.userTagType) {
@@ -923,13 +976,20 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
923
976
  var res = {
924
977
  fields: {
925
978
  user_personal_info: {},
926
- employee_info: {}
979
+ employee_info: {},
980
+ requested_user_is_admin: payload.isCardsAdmin
927
981
  }
928
982
  };
929
983
  if (!env$1.isProfilePage()) {
930
984
  res.fields.product = function () {
931
- if (payload.productAccess.travel && payload.productAccess.expense) {
985
+ if (payload.productAccess.travel && payload.productAccess.expense && payload.productAccess.card) {
986
+ return 'expense+travel+card';
987
+ } else if (payload.productAccess.travel && payload.productAccess.expense) {
932
988
  return 'expense+travel';
989
+ } else if (payload.productAccess.expense && payload.productAccess.card) {
990
+ return 'expense+card';
991
+ } else if (payload.productAccess.travel && payload.productAccess.card) {
992
+ return 'travel+card';
933
993
  } else if (payload.productAccess.travel) {
934
994
  return 'travel';
935
995
  } else {
@@ -944,6 +1004,11 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
944
1004
  if (payload.productAccess.expense) {
945
1005
  roles.expense = payload.expenseRole;
946
1006
  }
1007
+ if (payload.productAccess.card) {
1008
+ var splitRole = payload.cardsRole.split(":");
1009
+ var cardsUsmRole = splitRole[2];
1010
+ roles.card = cardsUsmRole;
1011
+ }
947
1012
  return roles;
948
1013
  }();
949
1014
  res.fields.custom_attributes = payload.customFieldsInput;
@@ -1282,6 +1347,12 @@ var setRenderFields = function setRenderFields(payload) {
1282
1347
  payload: payload
1283
1348
  };
1284
1349
  };
1350
+ var setCardsDetails = function setCardsDetails(payload) {
1351
+ return {
1352
+ type: SET_CARDS_DETAILS,
1353
+ payload: payload
1354
+ };
1355
+ };
1285
1356
  var setCustomField = function setCustomField(payload) {
1286
1357
  return {
1287
1358
  type: SET_CUSTOM_FIELD,
@@ -3184,6 +3255,12 @@ var products = [{
3184
3255
  name: 'expense',
3185
3256
  type: 'checkbox',
3186
3257
  disableText: 'Please get in touch with your administrator to change this value.'
3258
+ }, {
3259
+ id: 3,
3260
+ label: 'Card',
3261
+ name: 'card',
3262
+ type: 'checkbox',
3263
+ disableText: 'Please get in touch with your administrator to change this value.'
3187
3264
  }];
3188
3265
  var dropdownList = {
3189
3266
  gender: [{
@@ -3354,6 +3431,34 @@ var expenseConstants = {
3354
3431
  disableText: 'Please get in touch with your administrator to change this value.'
3355
3432
  }]
3356
3433
  };
3434
+ var cardsConstants = {
3435
+ heading: 'Card specific information',
3436
+ roleHeading: 'Card role',
3437
+ roleDescription: 'Roles allow users to only access relevant features and functionalities',
3438
+ roles: [{
3439
+ id: 1,
3440
+ label: 'Card holder',
3441
+ description: 'Can view own cards and transactions.',
3442
+ value: '',
3443
+ name: '',
3444
+ type: 'radio',
3445
+ isAssigned: false,
3446
+ fullWidth: false,
3447
+ visibility: true,
3448
+ disableText: 'Please get in touch with your administrator to change this value.'
3449
+ }, {
3450
+ id: 2,
3451
+ label: 'Card admin',
3452
+ 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
+ value: '',
3454
+ name: '',
3455
+ type: 'radio',
3456
+ isAssigned: false,
3457
+ fullWidth: false,
3458
+ visibility: true,
3459
+ disableText: 'Please get in touch with your administrator to change this value.'
3460
+ }]
3461
+ };
3357
3462
  var passportInfo = [{
3358
3463
  id: 1,
3359
3464
  label: 'Passport issuing country',
@@ -3583,6 +3688,12 @@ var initialState = {
3583
3688
  travelConstants: travelConstants,
3584
3689
  expenseConstants: expenseConstants
3585
3690
  },
3691
+ isCardsDetailsRendered: false,
3692
+ isCardsAdmin: false,
3693
+ cardsDetails: {
3694
+ cardsRoles: cardsConstants.roles,
3695
+ cardsConstants: cardsConstants
3696
+ },
3586
3697
  dropdownList: dropdownList,
3587
3698
  maxTravelApprovers: 10,
3588
3699
  maxExpenseApprovers: 10,
@@ -3749,11 +3860,37 @@ var reducer = function reducer(state, action) {
3749
3860
  isRendered: true
3750
3861
  });
3751
3862
  }
3863
+ case SET_CARDS_DETAILS:
3864
+ {
3865
+ var _action$payload8, _action$payload8$role, _action$payload9;
3866
+ var cardsDetails = _extends({}, state.cardsDetails);
3867
+ if (action !== null && action !== void 0 && (_action$payload8 = action.payload) !== null && _action$payload8 !== void 0 && (_action$payload8$role = _action$payload8.roles) !== null && _action$payload8$role !== void 0 && _action$payload8$role.length) {
3868
+ cardsDetails.cardsRoles = action.payload.roles.map(function (role) {
3869
+ return {
3870
+ id: role.id,
3871
+ label: role.name,
3872
+ description: role.description,
3873
+ value: role.value,
3874
+ isAssigned: role.is_assigned,
3875
+ name: role.value,
3876
+ type: 'radio',
3877
+ fullWidth: false,
3878
+ visibility: true,
3879
+ disableText: 'Please get in touch with your administrator to change this value.'
3880
+ };
3881
+ });
3882
+ }
3883
+ return _extends({}, state, {
3884
+ cardsDetails: cardsDetails,
3885
+ isCardsDetailsRendered: true,
3886
+ isCardsAdmin: action === null || action === void 0 ? void 0 : (_action$payload9 = action.payload) === null || _action$payload9 === void 0 ? void 0 : _action$payload9.requested_user_is_admin
3887
+ });
3888
+ }
3752
3889
  case SET_STATIC_FIELDS_VISIBILITY:
3753
3890
  {
3754
3891
  var _personalInfo = state.renderFields.personalInfo.map(function (input) {
3755
- var _action$payload8;
3756
- if (action !== null && action !== void 0 && action.payload && Object.hasOwnProperty.call(action.payload, input.name) && action !== null && action !== void 0 && (_action$payload8 = action.payload) !== null && _action$payload8 !== void 0 && _action$payload8[input.name]) {
3892
+ var _action$payload10;
3893
+ if (action !== null && action !== void 0 && action.payload && Object.hasOwnProperty.call(action.payload, input.name) && action !== null && action !== void 0 && (_action$payload10 = action.payload) !== null && _action$payload10 !== void 0 && _action$payload10[input.name]) {
3757
3894
  if (Object.hasOwnProperty.call(action.payload[input.name], 'readOnly')) {
3758
3895
  input.readOnly = action.payload[input.name].readOnly;
3759
3896
  }
@@ -4806,7 +4943,9 @@ var ErrorMessages = {
4806
4943
  passport_expiry_date: 'Please enter passport expiry date.',
4807
4944
  passport_photo: 'Please attach passport photo.',
4808
4945
  travel_docs: 'Please attach travel docs.',
4809
- products: 'Please select atleast one product access.'
4946
+ products: 'Please select atleast one product access.',
4947
+ only_cards_products: 'Currently, Card cannot be selected as a standalone option. Please add at least one more product.',
4948
+ none_products: 'Select at least one product. If opting for card, please choose at least one additional product.'
4810
4949
  };
4811
4950
 
4812
4951
  function AddPanelDialog(_ref) {
@@ -4856,7 +4995,73 @@ function AddPanelDialog(_ref) {
4856
4995
  })));
4857
4996
  }
4858
4997
 
4859
- var IUIToastMessageService$4 = utils.services.IUIToastMessageService;
4998
+ var CardsField = function CardsField(props) {
4999
+ var cardsConstants = props.cardsConstants,
5000
+ _props$onRoleChange = props.onRoleChange,
5001
+ onRoleChange = _props$onRoleChange === void 0 ? function () {} : _props$onRoleChange,
5002
+ _props$roleValue = props.roleValue,
5003
+ roleValue = _props$roleValue === void 0 ? '' : _props$roleValue,
5004
+ _props$isProfile = props.isProfile,
5005
+ isProfile = _props$isProfile === void 0 ? false : _props$isProfile,
5006
+ _props$roles = props.roles,
5007
+ roles = _props$roles === void 0 ? [] : _props$roles,
5008
+ _props$cardsAdmin = props.cardsAdmin,
5009
+ cardsAdmin = _props$cardsAdmin === void 0 ? false : _props$cardsAdmin,
5010
+ editUserId = props.editUserId,
5011
+ loggedInUserId = props.loggedInUserId;
5012
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
5013
+ container: true,
5014
+ className: (styles.headingPadding)
5015
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
5016
+ variant: "h3",
5017
+ className: clsx(styles.heading, styles.headingMedium)
5018
+ }, cardsConstants.heading)), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
5019
+ className: styles.dividerColor
5020
+ }), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
5021
+ container: true,
5022
+ className: clsx(styles.product_info, styles.sectionWrapper)
5023
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
5024
+ item: true,
5025
+ sm: 12,
5026
+ md: 4
5027
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
5028
+ label: cardsConstants.roleHeading,
5029
+ headerType: true,
5030
+ description: cardsConstants.roleDescription
5031
+ })), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
5032
+ item: true,
5033
+ sm: 12,
5034
+ md: 8,
5035
+ lg: 8,
5036
+ xl: 6
5037
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
5038
+ container: true,
5039
+ className: styles.formFieldsWrapper
5040
+ }, isProfile || loggedInUserId === editUserId ? /*#__PURE__*/React__default.createElement(UserRole, {
5041
+ list: roles,
5042
+ value: roleValue
5043
+ }) : /*#__PURE__*/React__default.createElement(iuistyles.IUIRadio, {
5044
+ list: roles,
5045
+ value: roleValue,
5046
+ onValueChange: onRoleChange,
5047
+ disabled: cardsAdmin ? false : true
5048
+ })), !cardsAdmin && !isProfile && /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
5049
+ item: true,
5050
+ sm: 12,
5051
+ md: 12,
5052
+ lg: 12,
5053
+ style: {
5054
+ marginTop: "24px"
5055
+ }
5056
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
5057
+ variant: "body2",
5058
+ component: "span",
5059
+ className: styles.errorTextCls
5060
+ }, 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.")))));
5061
+ };
5062
+
5063
+ var IUIToastMessageService$4 = utils.services.IUIToastMessageService,
5064
+ IUILocalStorageService$5 = utils.services.IUILocalStorageService;
4860
5065
  var env$4 = utils.configs.env;
4861
5066
  var UserAddEdit = function UserAddEdit(props) {
4862
5067
  var isEditMode = props.isEditMode,
@@ -4883,7 +5088,10 @@ var UserAddEdit = function UserAddEdit(props) {
4883
5088
  isRendered = _useSelector.isRendered,
4884
5089
  maxTravelApprovers = _useSelector.maxTravelApprovers,
4885
5090
  maxExpenseApprovers = _useSelector.maxExpenseApprovers,
4886
- maxMembershipInput = _useSelector.maxMembershipInput;
5091
+ maxMembershipInput = _useSelector.maxMembershipInput,
5092
+ isCardsDetailsRendered = _useSelector.isCardsDetailsRendered,
5093
+ isCardsAdmin = _useSelector.isCardsAdmin,
5094
+ cardsDetails = _useSelector.cardsDetails;
4887
5095
  var _useSelector2 = reactRedux.useSelector(function (state) {
4888
5096
  return state.common;
4889
5097
  }),
@@ -4896,7 +5104,8 @@ var UserAddEdit = function UserAddEdit(props) {
4896
5104
  var location = reactRouterDom.useLocation();
4897
5105
  var _useState = React.useState({
4898
5106
  travel: false,
4899
- expense: false
5107
+ expense: false,
5108
+ card: false
4900
5109
  }),
4901
5110
  productAccess = _useState[0],
4902
5111
  setProductAccess = _useState[1];
@@ -4907,13 +5116,13 @@ var UserAddEdit = function UserAddEdit(props) {
4907
5116
  errorMsgs.products = '';
4908
5117
  var _productAccess = _extends({}, productAccess);
4909
5118
  _productAccess[value] = !_productAccess[value];
4910
- if (_productAccess.travel === false && _productAccess.expense === false) {
5119
+ if (_productAccess.travel === false && _productAccess.expense === false && _productAccess.card === true) {
4911
5120
  var _errorArray = [].concat(errorArray);
4912
5121
  var _errorMsgs = _extends({}, errorMsgs);
4913
5122
  if (_errorArray.indexOf('products') === -1) {
4914
5123
  _errorArray.push('products');
4915
5124
  }
4916
- _errorMsgs.products = ErrorMessages.products;
5125
+ _errorMsgs.products = ErrorMessages.only_cards_products;
4917
5126
  setErrorArray(_errorArray);
4918
5127
  setErrorMsgs(_errorMsgs);
4919
5128
  var el = document.getElementById('products');
@@ -4923,6 +5132,22 @@ var UserAddEdit = function UserAddEdit(props) {
4923
5132
  block: 'center'
4924
5133
  });
4925
5134
  }
5135
+ } else if (_productAccess.travel === false && _productAccess.expense === false && _productAccess.card === false) {
5136
+ var _errorArray2 = [].concat(errorArray);
5137
+ var _errorMsgs2 = _extends({}, errorMsgs);
5138
+ if (_errorArray2.indexOf('products') === -1) {
5139
+ _errorArray2.push('products');
5140
+ }
5141
+ _errorMsgs2.products = ErrorMessages.products;
5142
+ setErrorArray(_errorArray2);
5143
+ setErrorMsgs(_errorMsgs2);
5144
+ var _el = document.getElementById('products');
5145
+ if (_el) {
5146
+ _el.scrollIntoView({
5147
+ behavior: 'smooth',
5148
+ block: 'center'
5149
+ });
5150
+ }
4926
5151
  } else {
4927
5152
  setErrorArray(errorArray);
4928
5153
  setErrorMsgs(errorMsgs);
@@ -4938,18 +5163,155 @@ var UserAddEdit = function UserAddEdit(props) {
4938
5163
  var _useState4 = React.useState([]),
4939
5164
  countryContactCode = _useState4[0],
4940
5165
  setCountryContactCode = _useState4[1];
4941
- var _useState5 = React.useState({
4942
- errorMsg: '',
4943
- errorIds: [],
4944
- countryIds: {},
4945
- cityIds: {},
4946
- regionIds: {},
4947
- searchText: ''
4948
- }),
4949
- validation = _useState5[0];
4950
- var _useState6 = React.useState(false),
4951
- isDelegatesPresent = _useState6[0],
4952
- setIsDelegatesPresent = _useState6[1];
5166
+ var updateUserApiCall = function updateUserApiCall(payload, inputChangeLog) {
5167
+ dispatch(updateUser(payload, isProfile ? id : editUserId, inputChangeLog)).then(function (res) {
5168
+ if (isProfile) {
5169
+ var _config$routes, _config$routes$profil, _config$routes$profil2;
5170
+ (config === null || config === void 0 ? void 0 : (_config$routes = config.routes) === null || _config$routes === void 0 ? void 0 : (_config$routes$profil = _config$routes.profile) === null || _config$routes$profil === void 0 ? void 0 : (_config$routes$profil2 = _config$routes$profil.redirectUrl) === null || _config$routes$profil2 === void 0 ? void 0 : _config$routes$profil2.submit) && history.push(config.routes.profile.redirectUrl.submit);
5171
+ } else {
5172
+ var _config$routes2, _config$routes2$users, _config$routes2$users2;
5173
+ (config === null || config === void 0 ? void 0 : (_config$routes2 = config.routes) === null || _config$routes2 === void 0 ? void 0 : (_config$routes2$users = _config$routes2.users) === null || _config$routes2$users === void 0 ? void 0 : (_config$routes2$users2 = _config$routes2$users.list) === null || _config$routes2$users2 === void 0 ? void 0 : _config$routes2$users2.path) && history.push(config.routes.users.list.path);
5174
+ }
5175
+ setFilesForDelete([]);
5176
+ setProfilePicDelete([]);
5177
+ })["catch"](function (err) {
5178
+ if (typeof err === 'object') {
5179
+ if (err.country_code) {
5180
+ err.contact_number = err.country_code;
5181
+ }
5182
+ if (err.contact_country_code) {
5183
+ err.contact_number = err.contact_country_code;
5184
+ }
5185
+ if (err.passport) {
5186
+ err.passport_photo = _extends({}, err.passport);
5187
+ delete err.passport;
5188
+ }
5189
+ setErrorArray(Object.keys(err));
5190
+ setErrorMsgs(err);
5191
+ var _loop = function _loop() {
5192
+ if (Object.hasOwnProperty.call(err, key)) {
5193
+ if (err[key]) {
5194
+ if (key in passportInfoInput || key in travelPreferenceInfo || key in secureTravelInputInfo) {
5195
+ setAdditionalInfoFlag('open');
5196
+ }
5197
+ var el = document.getElementById(key === 'country_code' || key === 'contact_country_code' ? 'contact_number' : key);
5198
+ if (el) {
5199
+ setTimeout(function () {
5200
+ el.scrollIntoView({
5201
+ behavior: 'smooth',
5202
+ block: 'center'
5203
+ });
5204
+ }, 500);
5205
+ return 1;
5206
+ }
5207
+ }
5208
+ }
5209
+ };
5210
+ for (var key in err) {
5211
+ if (_loop()) break;
5212
+ }
5213
+ } else if (typeof err === 'string') {
5214
+ IUIToastMessageService$4.warningNotify(err);
5215
+ } else {
5216
+ IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
5217
+ }
5218
+ })["finally"](function () {
5219
+ dispatch(stopLoader());
5220
+ });
5221
+ };
5222
+ var createUserApiCall = function createUserApiCall(payload) {
5223
+ dispatch(createUser(payload)).then(function (res) {
5224
+ var _config$routes3, _config$routes3$users, _config$routes3$users2;
5225
+ if (config !== null && config !== void 0 && (_config$routes3 = config.routes) !== null && _config$routes3 !== void 0 && (_config$routes3$users = _config$routes3.users) !== null && _config$routes3$users !== void 0 && (_config$routes3$users2 = _config$routes3$users.list) !== null && _config$routes3$users2 !== void 0 && _config$routes3$users2.path) {
5226
+ history.push({
5227
+ pathname: config.routes.users.list.path
5228
+ });
5229
+ }
5230
+ })["catch"](function (err) {
5231
+ if (typeof err === 'object') {
5232
+ if (err.country_code) {
5233
+ err.contact_number = err.country_code;
5234
+ }
5235
+ if (err.contact_country_code) {
5236
+ err.contact_number = err.contact_country_code;
5237
+ }
5238
+ if (err.passport) {
5239
+ err.passport_photo = _extends({}, err.passport);
5240
+ delete err.passport;
5241
+ }
5242
+ setErrorArray(Object.keys(err));
5243
+ setErrorMsgs(err);
5244
+ var _loop2 = function _loop2() {
5245
+ if (Object.hasOwnProperty.call(err, key)) {
5246
+ if (err[key]) {
5247
+ if (key in passportInfoInput || key in travelPreferenceInfo || key in secureTravelInputInfo) {
5248
+ setAdditionalInfoFlag('open');
5249
+ }
5250
+ var el = document.getElementById(key === 'country_code' || key === 'contact_country_code' ? 'contact_number' : key);
5251
+ if (el) {
5252
+ setTimeout(function () {
5253
+ el.scrollIntoView({
5254
+ behavior: 'smooth',
5255
+ block: 'center'
5256
+ });
5257
+ }, 500);
5258
+ return 1;
5259
+ }
5260
+ }
5261
+ }
5262
+ };
5263
+ for (var key in err) {
5264
+ if (_loop2()) break;
5265
+ }
5266
+ } else if (typeof err === 'string') {
5267
+ IUIToastMessageService$4.warningNotify(err);
5268
+ } else {
5269
+ IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
5270
+ }
5271
+ })["finally"](function () {
5272
+ dispatch(stopLoader());
5273
+ });
5274
+ };
5275
+ var fetchEditUserCardsDetails = function fetchEditUserCardsDetails(editUserId) {
5276
+ fetch(userAddEditUrl.cardsEditUserDetails(editUserId), {
5277
+ method: 'GET',
5278
+ headers: {
5279
+ 'Content-Type': 'application/json',
5280
+ 'authorization': "Bearer " + IUILocalStorageService$5.getAccessToken()
5281
+ }
5282
+ }).then(function (response) {
5283
+ return response.json();
5284
+ }).then(function (res) {
5285
+ var _res$roles;
5286
+ if (res !== null && res !== void 0 && (_res$roles = res.roles) !== null && _res$roles !== void 0 && _res$roles.length) {
5287
+ dispatch(setCardsDetails(res));
5288
+ } else {
5289
+ IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
5290
+ }
5291
+ })["catch"](function (error) {
5292
+ console.log("errorrr", error);
5293
+ });
5294
+ };
5295
+ var fetchLoggedUserCardsDetails = function fetchLoggedUserCardsDetails() {
5296
+ fetch(userAddEditUrl.cardsAddUsersDetails(), {
5297
+ method: 'GET',
5298
+ headers: {
5299
+ 'Content-Type': 'application/json',
5300
+ 'authorization': "Bearer " + IUILocalStorageService$5.getAccessToken()
5301
+ }
5302
+ }).then(function (response) {
5303
+ return response.json();
5304
+ }).then(function (res) {
5305
+ var _res$roles2;
5306
+ if (res !== null && res !== void 0 && (_res$roles2 = res.roles) !== null && _res$roles2 !== void 0 && _res$roles2.length) {
5307
+ dispatch(setCardsDetails(res));
5308
+ } else {
5309
+ IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
5310
+ }
5311
+ })["catch"](function (error) {
5312
+ console.log("errorrr", error);
5313
+ });
5314
+ };
4953
5315
  React.useEffect(function () {
4954
5316
  var countryObject = countryContactCode.find(function (t) {
4955
5317
  return t.dial_code === countryDialCode;
@@ -4965,7 +5327,7 @@ var UserAddEdit = function UserAddEdit(props) {
4965
5327
  var convertedNumber = parseInt(extractedNumber);
4966
5328
  setCountryDialCode(convertedNumber);
4967
5329
  }, [newCountryCode]);
4968
- var _useState7 = React.useState({
5330
+ var _useState5 = React.useState({
4969
5331
  first_name: '',
4970
5332
  last_name: '',
4971
5333
  email: '',
@@ -4976,9 +5338,9 @@ var UserAddEdit = function UserAddEdit(props) {
4976
5338
  contact_country_code: '',
4977
5339
  profile_pic: []
4978
5340
  }),
4979
- personalInfoInput = _useState7[0],
4980
- setPersonalInfoInput = _useState7[1];
4981
- var _useState8 = React.useState({
5341
+ personalInfoInput = _useState5[0],
5342
+ setPersonalInfoInput = _useState5[1];
5343
+ var _useState6 = React.useState({
4982
5344
  emp_level: {
4983
5345
  value: '',
4984
5346
  label: 'Select employee level'
@@ -5011,9 +5373,9 @@ var UserAddEdit = function UserAddEdit(props) {
5011
5373
  label: defaultCurrency
5012
5374
  }
5013
5375
  }),
5014
- employeeInfoInput = _useState8[0],
5015
- setEmployeeInfoInput = _useState8[1];
5016
- var _useState9 = React.useState({
5376
+ employeeInfoInput = _useState6[0],
5377
+ setEmployeeInfoInput = _useState6[1];
5378
+ var _useState7 = React.useState({
5017
5379
  emp_level: 0,
5018
5380
  entity: 0,
5019
5381
  business_unit: 0,
@@ -5022,48 +5384,48 @@ var UserAddEdit = function UserAddEdit(props) {
5022
5384
  manager_id: 0,
5023
5385
  skip_manager_id: 0
5024
5386
  }),
5025
- cacheForAsyncDropdown = _useState9[0],
5026
- clearCacheForAsyncDropdown = _useState9[1];
5387
+ cacheForAsyncDropdown = _useState7[0],
5388
+ clearCacheForAsyncDropdown = _useState7[1];
5389
+ var _useState8 = React.useState({}),
5390
+ userTagType = _useState8[0],
5391
+ setUserTagType = _useState8[1];
5392
+ var _useState9 = React.useState(false),
5393
+ scroll = _useState9[0],
5394
+ setScroll = _useState9[1];
5027
5395
  var _useState10 = React.useState({}),
5028
- userTagType = _useState10[0],
5029
- setUserTagType = _useState10[1];
5030
- var _useState11 = React.useState(false),
5031
- scroll = _useState11[0],
5032
- setScroll = _useState11[1];
5396
+ customFieldsInput = _useState10[0],
5397
+ setCustomFieldsInput = _useState10[1];
5398
+ var _useState11 = React.useState('traveler'),
5399
+ travelRole = _useState11[0],
5400
+ setTravelRole = _useState11[1];
5033
5401
  var _useState12 = React.useState({}),
5034
- customFieldsInput = _useState12[0],
5035
- setCustomFieldsInput = _useState12[1];
5036
- var _useState13 = React.useState('traveler'),
5037
- travelRole = _useState13[0],
5038
- setTravelRole = _useState13[1];
5039
- var _useState14 = React.useState({}),
5040
- travelApproversInput = _useState14[0],
5041
- setTravelApproversInput = _useState14[1];
5042
- var _useState15 = React.useState({
5402
+ travelApproversInput = _useState12[0],
5403
+ setTravelApproversInput = _useState12[1];
5404
+ var _useState13 = React.useState({
5043
5405
  value: '',
5044
5406
  label: 'Select approver'
5045
5407
  }),
5046
- travelFYI = _useState15[0],
5047
- setTravelFYI = _useState15[1];
5048
- var _useState16 = React.useState([]),
5049
- membershipInfoInput = _useState16[0],
5050
- setMembershipInfoInput = _useState16[1];
5051
- var _useState17 = React.useState([]),
5052
- removedMembershipInfoInput = _useState17[0],
5053
- setRemovedMembershipInfoInput = _useState17[1];
5054
- var _useState18 = React.useState({
5408
+ travelFYI = _useState13[0],
5409
+ setTravelFYI = _useState13[1];
5410
+ var _useState14 = React.useState([]),
5411
+ membershipInfoInput = _useState14[0],
5412
+ setMembershipInfoInput = _useState14[1];
5413
+ var _useState15 = React.useState([]),
5414
+ removedMembershipInfoInput = _useState15[0],
5415
+ setRemovedMembershipInfoInput = _useState15[1];
5416
+ var _useState16 = React.useState({
5055
5417
  flight_seat_preference: '',
5056
5418
  meal_preference: ''
5057
5419
  }),
5058
- travelPreferenceInfo = _useState18[0],
5059
- settravelPreferenceInfo = _useState18[1];
5060
- var _useState19 = React.useState({
5420
+ travelPreferenceInfo = _useState16[0],
5421
+ settravelPreferenceInfo = _useState16[1];
5422
+ var _useState17 = React.useState({
5061
5423
  trusted_traveller: '',
5062
5424
  redress_number: ''
5063
5425
  }),
5064
- secureTravelInputInfo = _useState19[0],
5065
- setSecureTravelInputInfo = _useState19[1];
5066
- var _useState20 = React.useState({
5426
+ secureTravelInputInfo = _useState17[0],
5427
+ setSecureTravelInputInfo = _useState17[1];
5428
+ var _useState18 = React.useState({
5067
5429
  passport_issue_country: {
5068
5430
  value: '',
5069
5431
  label: 'Select country'
@@ -5078,39 +5440,76 @@ var UserAddEdit = function UserAddEdit(props) {
5078
5440
  passport_photo: [],
5079
5441
  travel_docs: []
5080
5442
  }),
5081
- passportInfoInput = _useState20[0],
5082
- setPassportInfoInput = _useState20[1];
5083
- var _useState21 = React.useState([]),
5084
- filesForDelete = _useState21[0],
5085
- setFilesForDelete = _useState21[1];
5086
- var _useState22 = React.useState([]),
5087
- profilePicDelete = _useState22[0],
5088
- setProfilePicDelete = _useState22[1];
5089
- var _useState23 = React.useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
5090
- isAdditionalInfoExpanded = _useState23[0],
5091
- setAdditionalInfoFlag = _useState23[1];
5092
- var _useState24 = React.useState('submitter'),
5093
- expenseRole = _useState24[0],
5094
- setExpenseRole = _useState24[1];
5095
- var _useState25 = React.useState({}),
5096
- expenseApproversInput = _useState25[0],
5097
- setExpenseApproversInput = _useState25[1];
5098
- var _useState26 = React.useState({
5443
+ passportInfoInput = _useState18[0],
5444
+ setPassportInfoInput = _useState18[1];
5445
+ var _useState19 = React.useState([]),
5446
+ filesForDelete = _useState19[0],
5447
+ setFilesForDelete = _useState19[1];
5448
+ var _useState20 = React.useState([]),
5449
+ profilePicDelete = _useState20[0],
5450
+ setProfilePicDelete = _useState20[1];
5451
+ var _useState21 = React.useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
5452
+ isAdditionalInfoExpanded = _useState21[0],
5453
+ setAdditionalInfoFlag = _useState21[1];
5454
+ var _useState22 = React.useState('submitter'),
5455
+ expenseRole = _useState22[0],
5456
+ setExpenseRole = _useState22[1];
5457
+ var _useState23 = React.useState({}),
5458
+ expenseApproversInput = _useState23[0],
5459
+ setExpenseApproversInput = _useState23[1];
5460
+ var _useState24 = React.useState({
5099
5461
  value: '',
5100
5462
  label: 'Select approver'
5101
5463
  }),
5102
- expenseFYI = _useState26[0],
5103
- setExpenseFYI = _useState26[1];
5464
+ expenseFYI = _useState24[0],
5465
+ setExpenseFYI = _useState24[1];
5466
+ var _useState25 = React.useState(''),
5467
+ cardsRole = _useState25[0],
5468
+ setCardsRole = _useState25[1];
5469
+ React.useEffect(function () {
5470
+ if (productAccess.card === false) {
5471
+ setCardsRole('');
5472
+ }
5473
+ }, [productAccess.card]);
5474
+ React.useEffect(function () {
5475
+ if (isCardsDetailsRendered && !isProfile && productAccess.card) {
5476
+ var selectedRole = cardsDetails.cardsRoles.find(function (role) {
5477
+ return role.isAssigned;
5478
+ });
5479
+ if (selectedRole) {
5480
+ setCardsRole(selectedRole.value);
5481
+ } else {
5482
+ var defaultRole = cardsDetails.cardsRoles.find(function (role) {
5483
+ var splitRoleVal = role.value.split(':');
5484
+ return splitRoleVal[2] === 'card-holder';
5485
+ });
5486
+ if (defaultRole) {
5487
+ setCardsRole(defaultRole.value);
5488
+ }
5489
+ }
5490
+ } else if (isCardsDetailsRendered && isProfile && productAccess.card) {
5491
+ var targetRole = isCardsAdmin ? 'card-admin' : 'card-holder';
5492
+ for (var _iterator = _createForOfIteratorHelperLoose(cardsDetails.cardsRoles), _step; !(_step = _iterator()).done;) {
5493
+ var role = _step.value;
5494
+ var splitRoleVal = role.value.split(':');
5495
+ var profileRole = splitRoleVal[2];
5496
+ if (profileRole === targetRole) {
5497
+ setCardsRole(role.value);
5498
+ break;
5499
+ }
5500
+ }
5501
+ }
5502
+ }, [isCardsDetailsRendered, cardsDetails, isProfile, productAccess.card, isCardsAdmin]);
5104
5503
  var asyncSelectRefs = React.useRef({
5105
5504
  emp_level: React.useRef(null),
5106
5505
  entity: React.useRef(null),
5107
5506
  business_unit: React.useRef(null),
5108
5507
  department: React.useRef(null)
5109
5508
  });
5110
- var _useState27 = React.useState([]),
5111
- errorArray = _useState27[0],
5112
- setErrorArray = _useState27[1];
5113
- var _useState28 = React.useState({
5509
+ var _useState26 = React.useState([]),
5510
+ errorArray = _useState26[0],
5511
+ setErrorArray = _useState26[1];
5512
+ var _useState27 = React.useState({
5114
5513
  first_name: '',
5115
5514
  last_name: '',
5116
5515
  email: '',
@@ -5140,9 +5539,9 @@ var UserAddEdit = function UserAddEdit(props) {
5140
5539
  userTagType: '',
5141
5540
  profile_pic: ''
5142
5541
  }),
5143
- errorMsgs = _useState28[0],
5144
- setErrorMsgs = _useState28[1];
5145
- var _useState29 = React.useState({
5542
+ errorMsgs = _useState27[0],
5543
+ setErrorMsgs = _useState27[1];
5544
+ var _useState28 = React.useState({
5146
5545
  first_name: false,
5147
5546
  last_name: false,
5148
5547
  email: false,
@@ -5169,14 +5568,14 @@ var UserAddEdit = function UserAddEdit(props) {
5169
5568
  userTagType: false,
5170
5569
  profile_pic: false
5171
5570
  }),
5172
- inputChangeLog = _useState29[0],
5173
- updateInputChangeLog = _useState29[1];
5174
- var _useState30 = React.useState([]),
5175
- uploadedFiles = _useState30[0],
5176
- setUploadedFiles = _useState30[1];
5177
- var _useState31 = React.useState(70),
5178
- maxLengthForModal = _useState31[0],
5179
- setMaxLengthForModal = _useState31[1];
5571
+ inputChangeLog = _useState28[0],
5572
+ updateInputChangeLog = _useState28[1];
5573
+ var _useState29 = React.useState([]),
5574
+ uploadedFiles = _useState29[0],
5575
+ setUploadedFiles = _useState29[1];
5576
+ var _useState30 = React.useState(70),
5577
+ maxLengthForModal = _useState30[0],
5578
+ setMaxLengthForModal = _useState30[1];
5180
5579
  var defaultAddModalData = {
5181
5580
  isOpen: false,
5182
5581
  isError: false,
@@ -5192,9 +5591,9 @@ var UserAddEdit = function UserAddEdit(props) {
5192
5591
  maxLength: maxLengthForModal,
5193
5592
  minLength: 0
5194
5593
  };
5195
- var _useState32 = React.useState(defaultAddModalData),
5196
- addModalData = _useState32[0],
5197
- setAddModalData = _useState32[1];
5594
+ var _useState31 = React.useState(defaultAddModalData),
5595
+ addModalData = _useState31[0],
5596
+ setAddModalData = _useState31[1];
5198
5597
  var onAddModalClose = function onAddModalClose() {
5199
5598
  setAddModalData(_extends({}, defaultAddModalData));
5200
5599
  };
@@ -5605,6 +6004,11 @@ var UserAddEdit = function UserAddEdit(props) {
5605
6004
  }, [isTokenVerified]);
5606
6005
  React.useEffect(function () {
5607
6006
  if (isRendered === true) {
6007
+ renderFields === null || renderFields === void 0 ? void 0 : renderFields.products.forEach(function (prod) {
6008
+ if ((prod === null || prod === void 0 ? void 0 : prod.name) === 'card') {
6009
+ editUserId ? fetchEditUserCardsDetails(editUserId) : fetchLoggedUserCardsDetails();
6010
+ }
6011
+ });
5608
6012
  setPersonalInfoInput(_extends({}, personalInfoInput, {
5609
6013
  country_code: countryCode
5610
6014
  }));
@@ -5726,7 +6130,8 @@ var UserAddEdit = function UserAddEdit(props) {
5726
6130
  var products = res.user_product.split('+');
5727
6131
  setProductAccess({
5728
6132
  travel: products.includes('travel'),
5729
- expense: products.includes('expense')
6133
+ expense: products.includes('expense'),
6134
+ card: products.includes('card')
5730
6135
  });
5731
6136
  if (products.includes('travel')) {
5732
6137
  var _res$travel_info, _res$travel_info2, _res$travel_info3, _res$travel_info4, _res$travel_info5, _res$travel_info6;
@@ -5943,6 +6348,9 @@ var UserAddEdit = function UserAddEdit(props) {
5943
6348
  if (employeeInfoInput.skip_manager_id.value !== '') {
5944
6349
  employeeInfoInput.skip_manager_id = employeeInfoInput.skip_manager.value;
5945
6350
  }
6351
+ var cardsPayload = {
6352
+ "roles": [cardsRole]
6353
+ };
5946
6354
  var payload = {
5947
6355
  personalInfoInput: personalInfoInput,
5948
6356
  employeeInfoInput: employeeInfoInput,
@@ -5961,7 +6369,9 @@ var UserAddEdit = function UserAddEdit(props) {
5961
6369
  uploadedFiles: uploadedFiles,
5962
6370
  filesForDelete: filesForDelete,
5963
6371
  profilePicDelete: profilePicDelete,
5964
- userTagType: userTagType
6372
+ userTagType: userTagType,
6373
+ cardsRole: cardsRole,
6374
+ isCardsAdmin: isCardsAdmin
5965
6375
  };
5966
6376
  if (verifyUserId) {
5967
6377
  payload.verifyUserId = verifyUserId;
@@ -6087,7 +6497,7 @@ var UserAddEdit = function UserAddEdit(props) {
6087
6497
  if (_isError) {
6088
6498
  setErrorArray(_errorArray);
6089
6499
  setErrorMsgs(_errorMsgs);
6090
- var _loop = function _loop() {
6500
+ var _loop3 = function _loop3() {
6091
6501
  if (Object.hasOwnProperty.call(_errorMsgs, _key3)) {
6092
6502
  if (_errorMsgs[_key3]) {
6093
6503
  if (_key3 in passportInfoInput || _key3 in travelPreferenceInfo || _key3 in secureTravelInputInfo) {
@@ -6107,115 +6517,109 @@ var UserAddEdit = function UserAddEdit(props) {
6107
6517
  }
6108
6518
  };
6109
6519
  for (var _key3 in _errorMsgs) {
6110
- if (_loop()) break;
6520
+ if (_loop3()) break;
6111
6521
  }
6112
6522
  }
6523
+ var cardApiflag = false;
6524
+ if (productAccess.card === false || isCardsAdmin === false) {
6525
+ cardApiflag = false;
6526
+ } else {
6527
+ cardApiflag = true;
6528
+ }
6113
6529
  if (!_isError) {
6114
6530
  if (isEditMode && editUserId || isProfile) {
6115
6531
  dispatch(showLoader());
6116
- dispatch(updateUser(payload, isProfile ? id : editUserId, inputChangeLog)).then(function (res) {
6117
- if (isProfile) {
6118
- var _config$routes, _config$routes$profil, _config$routes$profil2;
6119
- (config === null || config === void 0 ? void 0 : (_config$routes = config.routes) === null || _config$routes === void 0 ? void 0 : (_config$routes$profil = _config$routes.profile) === null || _config$routes$profil === void 0 ? void 0 : (_config$routes$profil2 = _config$routes$profil.redirectUrl) === null || _config$routes$profil2 === void 0 ? void 0 : _config$routes$profil2.submit) && history.push(config.routes.profile.redirectUrl.submit);
6120
- } else {
6121
- var _config$routes2, _config$routes2$users, _config$routes2$users2;
6122
- (config === null || config === void 0 ? void 0 : (_config$routes2 = config.routes) === null || _config$routes2 === void 0 ? void 0 : (_config$routes2$users = _config$routes2.users) === null || _config$routes2$users === void 0 ? void 0 : (_config$routes2$users2 = _config$routes2$users.list) === null || _config$routes2$users2 === void 0 ? void 0 : _config$routes2$users2.path) && history.push(config.routes.users.list.path);
6123
- }
6124
- setFilesForDelete([]);
6125
- setProfilePicDelete([]);
6126
- })["catch"](function (err) {
6127
- if (typeof err === 'object') {
6128
- if (err.country_code) {
6129
- err.contact_number = err.country_code;
6130
- }
6131
- if (err.contact_country_code) {
6132
- err.contact_number = err.contact_country_code;
6532
+ if (cardApiflag && !isProfile && editUserId !== (id === null || id === void 0 ? void 0 : id.toString())) {
6533
+ fetch(userAddEditUrl.cardsEditUserDetails(editUserId), {
6534
+ method: 'POST',
6535
+ body: JSON.stringify(cardsPayload),
6536
+ headers: {
6537
+ 'Content-Type': 'application/json',
6538
+ 'authorization': "Bearer " + IUILocalStorageService$5.getAccessToken()
6133
6539
  }
6134
- if (err.passport) {
6135
- err.passport_photo = _extends({}, err.passport);
6136
- delete err.passport;
6137
- }
6138
- setErrorArray(Object.keys(err));
6139
- setErrorMsgs(err);
6140
- var _loop2 = function _loop2() {
6141
- if (Object.hasOwnProperty.call(err, _key4)) {
6142
- if (err[_key4]) {
6143
- if (_key4 in passportInfoInput || _key4 in travelPreferenceInfo || _key4 in secureTravelInputInfo) {
6144
- setAdditionalInfoFlag('open');
6145
- }
6146
- var el = document.getElementById(_key4 === 'country_code' || _key4 === 'contact_country_code' ? 'contact_number' : _key4);
6147
- if (el) {
6148
- setTimeout(function () {
6149
- el.scrollIntoView({
6150
- behavior: 'smooth',
6151
- block: 'center'
6152
- });
6153
- }, 500);
6154
- return 1;
6155
- }
6156
- }
6157
- }
6158
- };
6159
- for (var _key4 in err) {
6160
- if (_loop2()) break;
6540
+ }).then(function (response) {
6541
+ if (response.status === 200) {
6542
+ updateUserApiCall(payload, inputChangeLog);
6543
+ } else {
6544
+ IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
6161
6545
  }
6162
- } else if (typeof err === 'string') {
6163
- IUIToastMessageService$4.warningNotify(err);
6164
- } else {
6165
- IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
6166
- }
6167
- })["finally"](function () {
6168
- dispatch(stopLoader());
6169
- });
6546
+ })["catch"](function (error) {
6547
+ console.log("errorrr", error);
6548
+ })["finally"](function () {
6549
+ dispatch(stopLoader());
6550
+ });
6551
+ } else {
6552
+ updateUserApiCall(payload, inputChangeLog);
6553
+ }
6170
6554
  } else {
6171
6555
  dispatch(showLoader());
6172
- dispatch(createUser(payload)).then(function (res) {
6173
- var _config$routes3, _config$routes3$users, _config$routes3$users2;
6174
- (config === null || config === void 0 ? void 0 : (_config$routes3 = config.routes) === null || _config$routes3 === void 0 ? void 0 : (_config$routes3$users = _config$routes3.users) === null || _config$routes3$users === void 0 ? void 0 : (_config$routes3$users2 = _config$routes3$users.list) === null || _config$routes3$users2 === void 0 ? void 0 : _config$routes3$users2.path) && history.push(config.routes.users.list.path);
6175
- })["catch"](function (err) {
6176
- if (typeof err === 'object') {
6177
- if (err.country_code) {
6178
- err.contact_number = err.country_code;
6179
- }
6180
- if (err.contact_country_code) {
6181
- err.contact_number = err.contact_country_code;
6182
- }
6183
- if (err.passport) {
6184
- err.passport_photo = _extends({}, err.passport);
6185
- delete err.passport;
6556
+ if (cardApiflag === true) {
6557
+ dispatch(createUser(payload)).then(function (res) {
6558
+ var _config$routes4, _config$routes4$users, _config$routes4$users2;
6559
+ if (res !== null && res !== void 0 && res.user_id) {
6560
+ fetch(userAddEditUrl.cardsEditUserDetails(res === null || res === void 0 ? void 0 : res.user_id), {
6561
+ method: 'POST',
6562
+ body: JSON.stringify(cardsPayload),
6563
+ headers: {
6564
+ 'Content-Type': 'application/json',
6565
+ 'authorization': "Bearer " + IUILocalStorageService$5.getAccessToken()
6566
+ }
6567
+ }).then(function (response) {
6568
+ if (response.status !== 200) {
6569
+ IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
6570
+ }
6571
+ })["catch"](function (error) {
6572
+ console.log("errorrr", error);
6573
+ });
6186
6574
  }
6187
- setErrorArray(Object.keys(err));
6188
- setErrorMsgs(err);
6189
- var _loop3 = function _loop3() {
6190
- if (Object.hasOwnProperty.call(err, _key5)) {
6191
- if (err[_key5]) {
6192
- if (_key5 in passportInfoInput || _key5 in travelPreferenceInfo || _key5 in secureTravelInputInfo) {
6193
- setAdditionalInfoFlag('open');
6194
- }
6195
- var el = document.getElementById(_key5 === 'country_code' || _key5 === 'contact_country_code' ? 'contact_number' : _key5);
6196
- if (el) {
6197
- setTimeout(function () {
6198
- el.scrollIntoView({
6199
- behavior: 'smooth',
6200
- block: 'center'
6201
- });
6202
- }, 500);
6203
- return 1;
6575
+ (config === null || config === void 0 ? void 0 : (_config$routes4 = config.routes) === null || _config$routes4 === void 0 ? void 0 : (_config$routes4$users = _config$routes4.users) === null || _config$routes4$users === void 0 ? void 0 : (_config$routes4$users2 = _config$routes4$users.list) === null || _config$routes4$users2 === void 0 ? void 0 : _config$routes4$users2.path) && history.push(config.routes.users.list.path);
6576
+ })["catch"](function (err) {
6577
+ if (typeof err === 'object') {
6578
+ if (err.country_code) {
6579
+ err.contact_number = err.country_code;
6580
+ }
6581
+ if (err.contact_country_code) {
6582
+ err.contact_number = err.contact_country_code;
6583
+ }
6584
+ if (err.passport) {
6585
+ err.passport_photo = _extends({}, err.passport);
6586
+ delete err.passport;
6587
+ }
6588
+ setErrorArray(Object.keys(err));
6589
+ setErrorMsgs(err);
6590
+ var _loop4 = function _loop4() {
6591
+ if (Object.hasOwnProperty.call(err, _key4)) {
6592
+ if (err[_key4]) {
6593
+ if (_key4 in passportInfoInput || _key4 in travelPreferenceInfo || _key4 in secureTravelInputInfo) {
6594
+ setAdditionalInfoFlag('open');
6595
+ }
6596
+ var el = document.getElementById(_key4 === 'country_code' || _key4 === 'contact_country_code' ? 'contact_number' : _key4);
6597
+ if (el) {
6598
+ setTimeout(function () {
6599
+ el.scrollIntoView({
6600
+ behavior: 'smooth',
6601
+ block: 'center'
6602
+ });
6603
+ }, 500);
6604
+ return 1;
6605
+ }
6204
6606
  }
6205
6607
  }
6608
+ };
6609
+ for (var _key4 in err) {
6610
+ if (_loop4()) break;
6206
6611
  }
6207
- };
6208
- for (var _key5 in err) {
6209
- if (_loop3()) break;
6612
+ } else if (typeof err === 'string') {
6613
+ IUIToastMessageService$4.warningNotify(err);
6614
+ } else {
6615
+ IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
6210
6616
  }
6211
- } else if (typeof err === 'string') {
6212
- IUIToastMessageService$4.warningNotify(err);
6213
- } else {
6214
- IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
6215
- }
6216
- })["finally"](function () {
6217
- dispatch(stopLoader());
6218
- });
6617
+ })["finally"](function () {
6618
+ dispatch(stopLoader());
6619
+ });
6620
+ } else {
6621
+ createUserApiCall(payload);
6622
+ }
6219
6623
  }
6220
6624
  }
6221
6625
  return Promise.resolve();
@@ -6233,8 +6637,8 @@ var UserAddEdit = function UserAddEdit(props) {
6233
6637
  }
6234
6638
  }
6235
6639
  } else {
6236
- var _config$routes4, _config$routes4$users, _config$routes4$users2;
6237
- (config === null || config === void 0 ? void 0 : (_config$routes4 = config.routes) === null || _config$routes4 === void 0 ? void 0 : (_config$routes4$users = _config$routes4.users) === null || _config$routes4$users === void 0 ? void 0 : (_config$routes4$users2 = _config$routes4$users.list) === null || _config$routes4$users2 === void 0 ? void 0 : _config$routes4$users2.path) && history.push(config.routes.users.list.path);
6640
+ var _config$routes5, _config$routes5$users, _config$routes5$users2;
6641
+ (config === null || config === void 0 ? void 0 : (_config$routes5 = config.routes) === null || _config$routes5 === void 0 ? void 0 : (_config$routes5$users = _config$routes5.users) === null || _config$routes5$users === void 0 ? void 0 : (_config$routes5$users2 = _config$routes5$users.list) === null || _config$routes5$users2 === void 0 ? void 0 : _config$routes5$users2.path) && history.push(config.routes.users.list.path);
6238
6642
  }
6239
6643
  };
6240
6644
  var handleCustomFieldsNavigation = function handleCustomFieldsNavigation() {
@@ -6531,74 +6935,6 @@ var UserAddEdit = function UserAddEdit(props) {
6531
6935
  item: true,
6532
6936
  sm: 12,
6533
6937
  md: 4
6534
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
6535
- label: "Delegation access",
6536
- description: isProfile ? '' : 'Authorise another user to access your account. The delegated user will have full access to your account. Read more.',
6537
- headerType: true,
6538
- hasInfoIcon: true,
6539
- tooltipText: "test tooltip"
6540
- })), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
6541
- item: true,
6542
- sm: 12,
6543
- md: 8,
6544
- lg: 8,
6545
- xl: 6
6546
- }, isDelegatesPresent ? /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
6547
- className: styles.accessDelegationContainer
6548
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIAsyncMultiSelect, {
6549
- id: 'asyncSelect',
6550
- additional: {
6551
- page: 1,
6552
- product: 'travel',
6553
- userId: editUserId,
6554
- placeholder: 'Select approver'
6555
- },
6556
- placeHolderCheck: travelFYI !== undefined && travelFYI.value === '',
6557
- value: travelFYI.label === 'Select approver' ? '' : travelFYI,
6558
- customSelectHandler: function customSelectHandler(selectedOption) {
6559
- setTravelFYI(selectedOption);
6560
- },
6561
- loadOption: approversOptions,
6562
- readOnly: isProfile,
6563
- isMulti: true,
6564
- label: 'Users',
6565
- name: '',
6566
- inputType: true,
6567
- disableText: 'disabled',
6568
- validation: validation,
6569
- isAccessDelegation: true
6570
- })) : /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
6571
- container: true,
6572
- className: styles.accessDelegationContainer
6573
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
6574
- className: styles.emptyFieldContainer
6575
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
6576
- className: styles.emptyFieldDescription
6577
- }, "No Delegates added."), !isProfile && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
6578
- className: styles.emptyFieldBtnContainer
6579
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
6580
- buttonText: "Add delegate",
6581
- type: "text",
6582
- startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
6583
- width: "10",
6584
- height: "10",
6585
- color: "#EC5D25"
6586
- }),
6587
- className: styles.paddingTop,
6588
- onClick: function onClick() {
6589
- return setIsDelegatesPresent(function (prev) {
6590
- return !prev;
6591
- });
6592
- }
6593
- })))))), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
6594
- className: styles.dividerColor
6595
- }), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
6596
- container: true,
6597
- className: clsx(styles.product_info, styles.sectionWrapper)
6598
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
6599
- item: true,
6600
- sm: 12,
6601
- md: 4
6602
6938
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
6603
6939
  label: "Product access",
6604
6940
  description: isProfile ? '' : 'Select at least one product',
@@ -6615,6 +6951,10 @@ var UserAddEdit = function UserAddEdit(props) {
6615
6951
  className: styles.productContainerGap
6616
6952
  }, renderFields.products.map(function (p, i) {
6617
6953
  p.readOnly = isProfile;
6954
+ if (p.id === 3 && !isCardsAdmin && !isProfile) {
6955
+ p.readOnly = true;
6956
+ p.disableText = "Only card admin can change this access.";
6957
+ }
6618
6958
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
6619
6959
  item: true,
6620
6960
  sm: 12,
@@ -6707,6 +7047,21 @@ var UserAddEdit = function UserAddEdit(props) {
6707
7047
  isProfile: isProfile,
6708
7048
  editUserId: editUserId,
6709
7049
  roles: renderFields.expenseRoles
7050
+ }), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
7051
+ className: styles.dividerColor
7052
+ }), isCardsDetailsRendered && productAccess && productAccess.card && /*#__PURE__*/React__default.createElement(CardsField, {
7053
+ cardsConstants: cardsDetails.cardsConstants,
7054
+ type: "card",
7055
+ isProfile: isProfile,
7056
+ onRoleChange: function onRoleChange(_ref7) {
7057
+ var _value = _ref7._value;
7058
+ return setCardsRole(_value);
7059
+ },
7060
+ roleValue: cardsRole,
7061
+ roles: cardsDetails.cardsRoles,
7062
+ cardsAdmin: isCardsAdmin,
7063
+ editUserId: editUserId,
7064
+ loggedInUserId: id === null || id === void 0 ? void 0 : id.toString()
6710
7065
  }))) : /*#__PURE__*/React__default.createElement(VerificationError, {
6711
7066
  config: config,
6712
7067
  errMsg: hasVerificationError
@@ -8515,7 +8870,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
8515
8870
  cell: function cell(row) {
8516
8871
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8517
8872
  component: "div"
8518
- }, row.products.length > 0 ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8873
+ }, 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, {
8519
8874
  component: "div",
8520
8875
  display: "flex"
8521
8876
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
@@ -8528,7 +8883,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
8528
8883
  style: {
8529
8884
  whiteSpace: 'nowrap'
8530
8885
  }
8531
- }, "\xA0" + row.products[0].role)), row.products[1] && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8886
+ }, "\xA0" + row.products[0].role)) : "", row.products[1] && !row.products[1].role.toLowerCase().includes("holder") && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8532
8887
  component: "div",
8533
8888
  display: "flex"
8534
8889
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
@@ -8541,7 +8896,20 @@ var StickyHeadTable = function StickyHeadTable(props) {
8541
8896
  style: {
8542
8897
  whiteSpace: 'nowrap'
8543
8898
  }
8544
- }, "\xA0" + row.products[1].role))) : '');
8899
+ }, "\xA0" + row.products[1].role)), row.products[2] && !row.products[2].role.toLowerCase().includes("holder") && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8900
+ component: "div",
8901
+ display: "flex"
8902
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8903
+ className: clsx(styles$5.rowText, styles$5.textTransform, styles$5.lightColor),
8904
+ style: {
8905
+ whiteSpace: 'nowrap'
8906
+ }
8907
+ }, row.products[2].name + ' / '), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
8908
+ className: clsx(styles$5.rowText, styles$5.textTransform),
8909
+ style: {
8910
+ whiteSpace: 'nowrap'
8911
+ }
8912
+ }, "\xA0" + row.products[2].role))) : '');
8545
8913
  }
8546
8914
  }, {
8547
8915
  id: 'status',