@itilite/iui-user-management 1.4.0 → 1.4.1
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.css +2 -2
- package/dist/index.js +574 -132
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +574 -132
- package/dist/index.modern.js.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -35,6 +35,37 @@ 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
70
|
var _Pact = /*#__PURE__*/function () {
|
|
40
71
|
function _Pact() {}
|
|
@@ -392,6 +423,12 @@ var userAddEditUrl = {
|
|
|
392
423
|
},
|
|
393
424
|
undoRejectUserVerification: function undoRejectUserVerification(userId) {
|
|
394
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";
|
|
395
432
|
}
|
|
396
433
|
};
|
|
397
434
|
var userListUrl = {
|
|
@@ -794,6 +831,7 @@ var styles$1 = {"card":"_3_S9J","cardNumber":"_36E9M","cardDigit":"_2pm-T","expi
|
|
|
794
831
|
var SHOW_LOADER = 'SHOW_LOADER';
|
|
795
832
|
var STOP_LOADER = 'STOP_LOADER';
|
|
796
833
|
var SET_RENDER_FIELDS = 'SET_RENDER_FIELDS';
|
|
834
|
+
var SET_CARDS_DETAILS = 'SET_CARDS_DETAILS';
|
|
797
835
|
var SET_CUSTOM_FIELD = 'SET_CUSTOM_FIELD';
|
|
798
836
|
var SET_TRAVEL_APPROVER_FIELD = 'SET_TRAVEL_APPROVER_FIELD';
|
|
799
837
|
var SET_EXPENSE_APPROVER_FIELD = 'SET_EXPENSE_APPROVER_FIELD';
|
|
@@ -838,9 +876,15 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
|
|
|
838
876
|
if (payload.productAccess.expense) {
|
|
839
877
|
product.expense = payload.expenseRole || null;
|
|
840
878
|
}
|
|
879
|
+
if (payload.productAccess.card) {
|
|
880
|
+
var splitRole = payload.cardsRole.split(":");
|
|
881
|
+
var cardsUsmRole = splitRole[2];
|
|
882
|
+
product.card = cardsUsmRole || null;
|
|
883
|
+
}
|
|
841
884
|
return product;
|
|
842
885
|
}(),
|
|
843
|
-
approvers: {}
|
|
886
|
+
approvers: {},
|
|
887
|
+
requested_user_is_admin: payload.isCardsAdmin
|
|
844
888
|
};
|
|
845
889
|
var userTags = [];
|
|
846
890
|
for (var key in payload.userTagType) {
|
|
@@ -932,13 +976,20 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
|
|
|
932
976
|
var res = {
|
|
933
977
|
fields: {
|
|
934
978
|
user_personal_info: {},
|
|
935
|
-
employee_info: {}
|
|
979
|
+
employee_info: {},
|
|
980
|
+
requested_user_is_admin: payload.isCardsAdmin
|
|
936
981
|
}
|
|
937
982
|
};
|
|
938
983
|
if (!env$1.isProfilePage()) {
|
|
939
984
|
res.fields.product = function () {
|
|
940
|
-
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) {
|
|
941
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';
|
|
942
993
|
} else if (payload.productAccess.travel) {
|
|
943
994
|
return 'travel';
|
|
944
995
|
} else {
|
|
@@ -953,6 +1004,11 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
|
|
|
953
1004
|
if (payload.productAccess.expense) {
|
|
954
1005
|
roles.expense = payload.expenseRole;
|
|
955
1006
|
}
|
|
1007
|
+
if (payload.productAccess.card) {
|
|
1008
|
+
var splitRole = payload.cardsRole.split(":");
|
|
1009
|
+
var cardsUsmRole = splitRole[2];
|
|
1010
|
+
roles.card = cardsUsmRole;
|
|
1011
|
+
}
|
|
956
1012
|
return roles;
|
|
957
1013
|
}();
|
|
958
1014
|
res.fields.custom_attributes = payload.customFieldsInput;
|
|
@@ -1291,6 +1347,12 @@ var setRenderFields = function setRenderFields(payload) {
|
|
|
1291
1347
|
payload: payload
|
|
1292
1348
|
};
|
|
1293
1349
|
};
|
|
1350
|
+
var setCardsDetails = function setCardsDetails(payload) {
|
|
1351
|
+
return {
|
|
1352
|
+
type: SET_CARDS_DETAILS,
|
|
1353
|
+
payload: payload
|
|
1354
|
+
};
|
|
1355
|
+
};
|
|
1294
1356
|
var setCustomField = function setCustomField(payload) {
|
|
1295
1357
|
return {
|
|
1296
1358
|
type: SET_CUSTOM_FIELD,
|
|
@@ -3193,6 +3255,12 @@ var products = [{
|
|
|
3193
3255
|
name: 'expense',
|
|
3194
3256
|
type: 'checkbox',
|
|
3195
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.'
|
|
3196
3264
|
}];
|
|
3197
3265
|
var dropdownList = {
|
|
3198
3266
|
gender: [{
|
|
@@ -3363,6 +3431,34 @@ var expenseConstants = {
|
|
|
3363
3431
|
disableText: 'Please get in touch with your administrator to change this value.'
|
|
3364
3432
|
}]
|
|
3365
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
|
+
};
|
|
3366
3462
|
var passportInfo = [{
|
|
3367
3463
|
id: 1,
|
|
3368
3464
|
label: 'Passport issuing country',
|
|
@@ -3592,6 +3688,12 @@ var initialState = {
|
|
|
3592
3688
|
travelConstants: travelConstants,
|
|
3593
3689
|
expenseConstants: expenseConstants
|
|
3594
3690
|
},
|
|
3691
|
+
isCardsDetailsRendered: false,
|
|
3692
|
+
isCardsAdmin: false,
|
|
3693
|
+
cardsDetails: {
|
|
3694
|
+
cardsRoles: cardsConstants.roles,
|
|
3695
|
+
cardsConstants: cardsConstants
|
|
3696
|
+
},
|
|
3595
3697
|
dropdownList: dropdownList,
|
|
3596
3698
|
maxTravelApprovers: 10,
|
|
3597
3699
|
maxExpenseApprovers: 10,
|
|
@@ -3758,11 +3860,37 @@ var reducer = function reducer(state, action) {
|
|
|
3758
3860
|
isRendered: true
|
|
3759
3861
|
});
|
|
3760
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
|
+
}
|
|
3761
3889
|
case SET_STATIC_FIELDS_VISIBILITY:
|
|
3762
3890
|
{
|
|
3763
3891
|
var _personalInfo = state.renderFields.personalInfo.map(function (input) {
|
|
3764
|
-
var _action$
|
|
3765
|
-
if (action !== null && action !== void 0 && action.payload && Object.hasOwnProperty.call(action.payload, input.name) && action !== null && action !== void 0 && (_action$
|
|
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]) {
|
|
3766
3894
|
if (Object.hasOwnProperty.call(action.payload[input.name], 'readOnly')) {
|
|
3767
3895
|
input.readOnly = action.payload[input.name].readOnly;
|
|
3768
3896
|
}
|
|
@@ -4815,7 +4943,9 @@ var ErrorMessages = {
|
|
|
4815
4943
|
passport_expiry_date: 'Please enter passport expiry date.',
|
|
4816
4944
|
passport_photo: 'Please attach passport photo.',
|
|
4817
4945
|
travel_docs: 'Please attach travel docs.',
|
|
4818
|
-
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.'
|
|
4819
4949
|
};
|
|
4820
4950
|
|
|
4821
4951
|
function AddPanelDialog(_ref) {
|
|
@@ -4865,7 +4995,73 @@ function AddPanelDialog(_ref) {
|
|
|
4865
4995
|
})));
|
|
4866
4996
|
}
|
|
4867
4997
|
|
|
4868
|
-
var
|
|
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;
|
|
4869
5065
|
var env$4 = utils.configs.env;
|
|
4870
5066
|
var UserAddEdit = function UserAddEdit(props) {
|
|
4871
5067
|
var isEditMode = props.isEditMode,
|
|
@@ -4892,7 +5088,10 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
4892
5088
|
isRendered = _useSelector.isRendered,
|
|
4893
5089
|
maxTravelApprovers = _useSelector.maxTravelApprovers,
|
|
4894
5090
|
maxExpenseApprovers = _useSelector.maxExpenseApprovers,
|
|
4895
|
-
maxMembershipInput = _useSelector.maxMembershipInput
|
|
5091
|
+
maxMembershipInput = _useSelector.maxMembershipInput,
|
|
5092
|
+
isCardsDetailsRendered = _useSelector.isCardsDetailsRendered,
|
|
5093
|
+
isCardsAdmin = _useSelector.isCardsAdmin,
|
|
5094
|
+
cardsDetails = _useSelector.cardsDetails;
|
|
4896
5095
|
var _useSelector2 = reactRedux.useSelector(function (state) {
|
|
4897
5096
|
return state.common;
|
|
4898
5097
|
}),
|
|
@@ -4905,7 +5104,8 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
4905
5104
|
var location = reactRouterDom.useLocation();
|
|
4906
5105
|
var _useState = React.useState({
|
|
4907
5106
|
travel: false,
|
|
4908
|
-
expense: false
|
|
5107
|
+
expense: false,
|
|
5108
|
+
card: false
|
|
4909
5109
|
}),
|
|
4910
5110
|
productAccess = _useState[0],
|
|
4911
5111
|
setProductAccess = _useState[1];
|
|
@@ -4916,13 +5116,13 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
4916
5116
|
errorMsgs.products = '';
|
|
4917
5117
|
var _productAccess = _extends({}, productAccess);
|
|
4918
5118
|
_productAccess[value] = !_productAccess[value];
|
|
4919
|
-
if (_productAccess.travel === false && _productAccess.expense === false) {
|
|
5119
|
+
if (_productAccess.travel === false && _productAccess.expense === false && _productAccess.card === true) {
|
|
4920
5120
|
var _errorArray = [].concat(errorArray);
|
|
4921
5121
|
var _errorMsgs = _extends({}, errorMsgs);
|
|
4922
5122
|
if (_errorArray.indexOf('products') === -1) {
|
|
4923
5123
|
_errorArray.push('products');
|
|
4924
5124
|
}
|
|
4925
|
-
_errorMsgs.products = ErrorMessages.
|
|
5125
|
+
_errorMsgs.products = ErrorMessages.only_cards_products;
|
|
4926
5126
|
setErrorArray(_errorArray);
|
|
4927
5127
|
setErrorMsgs(_errorMsgs);
|
|
4928
5128
|
var el = document.getElementById('products');
|
|
@@ -4932,6 +5132,22 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
4932
5132
|
block: 'center'
|
|
4933
5133
|
});
|
|
4934
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
|
+
}
|
|
4935
5151
|
} else {
|
|
4936
5152
|
setErrorArray(errorArray);
|
|
4937
5153
|
setErrorMsgs(errorMsgs);
|
|
@@ -4947,6 +5163,155 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
4947
5163
|
var _useState4 = React.useState([]),
|
|
4948
5164
|
countryContactCode = _useState4[0],
|
|
4949
5165
|
setCountryContactCode = _useState4[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
|
+
};
|
|
4950
5315
|
React.useEffect(function () {
|
|
4951
5316
|
var countryObject = countryContactCode.find(function (t) {
|
|
4952
5317
|
return t.dial_code === countryDialCode;
|
|
@@ -5098,16 +5463,53 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
5098
5463
|
}),
|
|
5099
5464
|
expenseFYI = _useState24[0],
|
|
5100
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]);
|
|
5101
5503
|
var asyncSelectRefs = React.useRef({
|
|
5102
5504
|
emp_level: React.useRef(null),
|
|
5103
5505
|
entity: React.useRef(null),
|
|
5104
5506
|
business_unit: React.useRef(null),
|
|
5105
5507
|
department: React.useRef(null)
|
|
5106
5508
|
});
|
|
5107
|
-
var
|
|
5108
|
-
errorArray =
|
|
5109
|
-
setErrorArray =
|
|
5110
|
-
var
|
|
5509
|
+
var _useState26 = React.useState([]),
|
|
5510
|
+
errorArray = _useState26[0],
|
|
5511
|
+
setErrorArray = _useState26[1];
|
|
5512
|
+
var _useState27 = React.useState({
|
|
5111
5513
|
first_name: '',
|
|
5112
5514
|
last_name: '',
|
|
5113
5515
|
email: '',
|
|
@@ -5137,9 +5539,9 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
5137
5539
|
userTagType: '',
|
|
5138
5540
|
profile_pic: ''
|
|
5139
5541
|
}),
|
|
5140
|
-
errorMsgs =
|
|
5141
|
-
setErrorMsgs =
|
|
5142
|
-
var
|
|
5542
|
+
errorMsgs = _useState27[0],
|
|
5543
|
+
setErrorMsgs = _useState27[1];
|
|
5544
|
+
var _useState28 = React.useState({
|
|
5143
5545
|
first_name: false,
|
|
5144
5546
|
last_name: false,
|
|
5145
5547
|
email: false,
|
|
@@ -5166,14 +5568,14 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
5166
5568
|
userTagType: false,
|
|
5167
5569
|
profile_pic: false
|
|
5168
5570
|
}),
|
|
5169
|
-
inputChangeLog =
|
|
5170
|
-
updateInputChangeLog =
|
|
5171
|
-
var
|
|
5172
|
-
uploadedFiles =
|
|
5173
|
-
setUploadedFiles =
|
|
5174
|
-
var
|
|
5175
|
-
maxLengthForModal =
|
|
5176
|
-
setMaxLengthForModal =
|
|
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];
|
|
5177
5579
|
var defaultAddModalData = {
|
|
5178
5580
|
isOpen: false,
|
|
5179
5581
|
isError: false,
|
|
@@ -5189,9 +5591,9 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
5189
5591
|
maxLength: maxLengthForModal,
|
|
5190
5592
|
minLength: 0
|
|
5191
5593
|
};
|
|
5192
|
-
var
|
|
5193
|
-
addModalData =
|
|
5194
|
-
setAddModalData =
|
|
5594
|
+
var _useState31 = React.useState(defaultAddModalData),
|
|
5595
|
+
addModalData = _useState31[0],
|
|
5596
|
+
setAddModalData = _useState31[1];
|
|
5195
5597
|
var onAddModalClose = function onAddModalClose() {
|
|
5196
5598
|
setAddModalData(_extends({}, defaultAddModalData));
|
|
5197
5599
|
};
|
|
@@ -5602,6 +6004,11 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
5602
6004
|
}, [isTokenVerified]);
|
|
5603
6005
|
React.useEffect(function () {
|
|
5604
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
|
+
});
|
|
5605
6012
|
setPersonalInfoInput(_extends({}, personalInfoInput, {
|
|
5606
6013
|
country_code: countryCode
|
|
5607
6014
|
}));
|
|
@@ -5723,7 +6130,8 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
5723
6130
|
var products = res.user_product.split('+');
|
|
5724
6131
|
setProductAccess({
|
|
5725
6132
|
travel: products.includes('travel'),
|
|
5726
|
-
expense: products.includes('expense')
|
|
6133
|
+
expense: products.includes('expense'),
|
|
6134
|
+
card: products.includes('card')
|
|
5727
6135
|
});
|
|
5728
6136
|
if (products.includes('travel')) {
|
|
5729
6137
|
var _res$travel_info, _res$travel_info2, _res$travel_info3, _res$travel_info4, _res$travel_info5, _res$travel_info6;
|
|
@@ -5940,6 +6348,9 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
5940
6348
|
if (employeeInfoInput.skip_manager_id.value !== '') {
|
|
5941
6349
|
employeeInfoInput.skip_manager_id = employeeInfoInput.skip_manager.value;
|
|
5942
6350
|
}
|
|
6351
|
+
var cardsPayload = {
|
|
6352
|
+
"roles": [cardsRole]
|
|
6353
|
+
};
|
|
5943
6354
|
var payload = {
|
|
5944
6355
|
personalInfoInput: personalInfoInput,
|
|
5945
6356
|
employeeInfoInput: employeeInfoInput,
|
|
@@ -5958,7 +6369,9 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
5958
6369
|
uploadedFiles: uploadedFiles,
|
|
5959
6370
|
filesForDelete: filesForDelete,
|
|
5960
6371
|
profilePicDelete: profilePicDelete,
|
|
5961
|
-
userTagType: userTagType
|
|
6372
|
+
userTagType: userTagType,
|
|
6373
|
+
cardsRole: cardsRole,
|
|
6374
|
+
isCardsAdmin: isCardsAdmin
|
|
5962
6375
|
};
|
|
5963
6376
|
if (verifyUserId) {
|
|
5964
6377
|
payload.verifyUserId = verifyUserId;
|
|
@@ -6084,7 +6497,7 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
6084
6497
|
if (_isError) {
|
|
6085
6498
|
setErrorArray(_errorArray);
|
|
6086
6499
|
setErrorMsgs(_errorMsgs);
|
|
6087
|
-
var
|
|
6500
|
+
var _loop3 = function _loop3() {
|
|
6088
6501
|
if (Object.hasOwnProperty.call(_errorMsgs, _key3)) {
|
|
6089
6502
|
if (_errorMsgs[_key3]) {
|
|
6090
6503
|
if (_key3 in passportInfoInput || _key3 in travelPreferenceInfo || _key3 in secureTravelInputInfo) {
|
|
@@ -6104,115 +6517,109 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
6104
6517
|
}
|
|
6105
6518
|
};
|
|
6106
6519
|
for (var _key3 in _errorMsgs) {
|
|
6107
|
-
if (
|
|
6520
|
+
if (_loop3()) break;
|
|
6108
6521
|
}
|
|
6109
6522
|
}
|
|
6523
|
+
var cardApiflag = false;
|
|
6524
|
+
if (productAccess.card === false || isCardsAdmin === false) {
|
|
6525
|
+
cardApiflag = false;
|
|
6526
|
+
} else {
|
|
6527
|
+
cardApiflag = true;
|
|
6528
|
+
}
|
|
6110
6529
|
if (!_isError) {
|
|
6111
6530
|
if (isEditMode && editUserId || isProfile) {
|
|
6112
6531
|
dispatch(showLoader());
|
|
6113
|
-
|
|
6114
|
-
|
|
6115
|
-
|
|
6116
|
-
|
|
6117
|
-
|
|
6118
|
-
|
|
6119
|
-
|
|
6120
|
-
}
|
|
6121
|
-
setFilesForDelete([]);
|
|
6122
|
-
setProfilePicDelete([]);
|
|
6123
|
-
})["catch"](function (err) {
|
|
6124
|
-
if (typeof err === 'object') {
|
|
6125
|
-
if (err.country_code) {
|
|
6126
|
-
err.contact_number = err.country_code;
|
|
6127
|
-
}
|
|
6128
|
-
if (err.contact_country_code) {
|
|
6129
|
-
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()
|
|
6130
6539
|
}
|
|
6131
|
-
|
|
6132
|
-
|
|
6133
|
-
|
|
6134
|
-
}
|
|
6135
|
-
|
|
6136
|
-
setErrorMsgs(err);
|
|
6137
|
-
var _loop2 = function _loop2() {
|
|
6138
|
-
if (Object.hasOwnProperty.call(err, _key4)) {
|
|
6139
|
-
if (err[_key4]) {
|
|
6140
|
-
if (_key4 in passportInfoInput || _key4 in travelPreferenceInfo || _key4 in secureTravelInputInfo) {
|
|
6141
|
-
setAdditionalInfoFlag('open');
|
|
6142
|
-
}
|
|
6143
|
-
var el = document.getElementById(_key4 === 'country_code' || _key4 === 'contact_country_code' ? 'contact_number' : _key4);
|
|
6144
|
-
if (el) {
|
|
6145
|
-
setTimeout(function () {
|
|
6146
|
-
el.scrollIntoView({
|
|
6147
|
-
behavior: 'smooth',
|
|
6148
|
-
block: 'center'
|
|
6149
|
-
});
|
|
6150
|
-
}, 500);
|
|
6151
|
-
return 1;
|
|
6152
|
-
}
|
|
6153
|
-
}
|
|
6154
|
-
}
|
|
6155
|
-
};
|
|
6156
|
-
for (var _key4 in err) {
|
|
6157
|
-
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.');
|
|
6158
6545
|
}
|
|
6159
|
-
}
|
|
6160
|
-
|
|
6161
|
-
}
|
|
6162
|
-
|
|
6163
|
-
}
|
|
6164
|
-
}
|
|
6165
|
-
|
|
6166
|
-
}
|
|
6546
|
+
})["catch"](function (error) {
|
|
6547
|
+
console.log("errorrr", error);
|
|
6548
|
+
})["finally"](function () {
|
|
6549
|
+
dispatch(stopLoader());
|
|
6550
|
+
});
|
|
6551
|
+
} else {
|
|
6552
|
+
updateUserApiCall(payload, inputChangeLog);
|
|
6553
|
+
}
|
|
6167
6554
|
} else {
|
|
6168
6555
|
dispatch(showLoader());
|
|
6169
|
-
|
|
6170
|
-
|
|
6171
|
-
|
|
6172
|
-
|
|
6173
|
-
|
|
6174
|
-
|
|
6175
|
-
|
|
6176
|
-
|
|
6177
|
-
|
|
6178
|
-
|
|
6179
|
-
|
|
6180
|
-
|
|
6181
|
-
|
|
6182
|
-
|
|
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
|
+
});
|
|
6183
6574
|
}
|
|
6184
|
-
|
|
6185
|
-
|
|
6186
|
-
|
|
6187
|
-
if (
|
|
6188
|
-
|
|
6189
|
-
|
|
6190
|
-
|
|
6191
|
-
|
|
6192
|
-
|
|
6193
|
-
|
|
6194
|
-
|
|
6195
|
-
|
|
6196
|
-
|
|
6197
|
-
|
|
6198
|
-
|
|
6199
|
-
|
|
6200
|
-
|
|
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
|
+
}
|
|
6201
6606
|
}
|
|
6202
6607
|
}
|
|
6608
|
+
};
|
|
6609
|
+
for (var _key4 in err) {
|
|
6610
|
+
if (_loop4()) break;
|
|
6203
6611
|
}
|
|
6204
|
-
}
|
|
6205
|
-
|
|
6206
|
-
|
|
6612
|
+
} else if (typeof err === 'string') {
|
|
6613
|
+
IUIToastMessageService$4.warningNotify(err);
|
|
6614
|
+
} else {
|
|
6615
|
+
IUIToastMessageService$4.warningNotify('Opps, Something went wrong.');
|
|
6207
6616
|
}
|
|
6208
|
-
}
|
|
6209
|
-
|
|
6210
|
-
}
|
|
6211
|
-
|
|
6212
|
-
|
|
6213
|
-
}
|
|
6214
|
-
dispatch(stopLoader());
|
|
6215
|
-
});
|
|
6617
|
+
})["finally"](function () {
|
|
6618
|
+
dispatch(stopLoader());
|
|
6619
|
+
});
|
|
6620
|
+
} else {
|
|
6621
|
+
createUserApiCall(payload);
|
|
6622
|
+
}
|
|
6216
6623
|
}
|
|
6217
6624
|
}
|
|
6218
6625
|
return Promise.resolve();
|
|
@@ -6230,8 +6637,8 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
6230
6637
|
}
|
|
6231
6638
|
}
|
|
6232
6639
|
} else {
|
|
6233
|
-
var _config$
|
|
6234
|
-
(config === null || config === void 0 ? void 0 : (_config$
|
|
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);
|
|
6235
6642
|
}
|
|
6236
6643
|
};
|
|
6237
6644
|
var handleCustomFieldsNavigation = function handleCustomFieldsNavigation() {
|
|
@@ -6544,6 +6951,13 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
6544
6951
|
className: styles.productContainerGap
|
|
6545
6952
|
}, renderFields.products.map(function (p, i) {
|
|
6546
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
|
+
} else if (p.id === 3 && editUserId === (id === null || id === void 0 ? void 0 : id.toString())) {
|
|
6958
|
+
p.readOnly = true;
|
|
6959
|
+
p.disableText = "You cannot update your own Card product";
|
|
6960
|
+
}
|
|
6547
6961
|
return /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
|
|
6548
6962
|
item: true,
|
|
6549
6963
|
sm: 12,
|
|
@@ -6636,6 +7050,21 @@ var UserAddEdit = function UserAddEdit(props) {
|
|
|
6636
7050
|
isProfile: isProfile,
|
|
6637
7051
|
editUserId: editUserId,
|
|
6638
7052
|
roles: renderFields.expenseRoles
|
|
7053
|
+
}), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
|
|
7054
|
+
className: styles.dividerColor
|
|
7055
|
+
}), isCardsDetailsRendered && productAccess && productAccess.card && /*#__PURE__*/React__default.createElement(CardsField, {
|
|
7056
|
+
cardsConstants: cardsDetails.cardsConstants,
|
|
7057
|
+
type: "card",
|
|
7058
|
+
isProfile: isProfile,
|
|
7059
|
+
onRoleChange: function onRoleChange(_ref7) {
|
|
7060
|
+
var _value = _ref7._value;
|
|
7061
|
+
return setCardsRole(_value);
|
|
7062
|
+
},
|
|
7063
|
+
roleValue: cardsRole,
|
|
7064
|
+
roles: cardsDetails.cardsRoles,
|
|
7065
|
+
cardsAdmin: isCardsAdmin,
|
|
7066
|
+
editUserId: editUserId,
|
|
7067
|
+
loggedInUserId: id === null || id === void 0 ? void 0 : id.toString()
|
|
6639
7068
|
}))) : /*#__PURE__*/React__default.createElement(VerificationError, {
|
|
6640
7069
|
config: config,
|
|
6641
7070
|
errMsg: hasVerificationError
|
|
@@ -8444,7 +8873,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
|
|
|
8444
8873
|
cell: function cell(row) {
|
|
8445
8874
|
return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
|
|
8446
8875
|
component: "div"
|
|
8447
|
-
}, row.products.length > 0 ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
|
|
8876
|
+
}, 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, {
|
|
8448
8877
|
component: "div",
|
|
8449
8878
|
display: "flex"
|
|
8450
8879
|
}, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
|
|
@@ -8457,7 +8886,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
|
|
|
8457
8886
|
style: {
|
|
8458
8887
|
whiteSpace: 'nowrap'
|
|
8459
8888
|
}
|
|
8460
|
-
}, "\xA0" + row.products[0].role)), row.products[1] && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
|
|
8889
|
+
}, "\xA0" + row.products[0].role)) : "", row.products[1] && !row.products[1].role.toLowerCase().includes("holder") && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
|
|
8461
8890
|
component: "div",
|
|
8462
8891
|
display: "flex"
|
|
8463
8892
|
}, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
|
|
@@ -8470,7 +8899,20 @@ var StickyHeadTable = function StickyHeadTable(props) {
|
|
|
8470
8899
|
style: {
|
|
8471
8900
|
whiteSpace: 'nowrap'
|
|
8472
8901
|
}
|
|
8473
|
-
}, "\xA0" + row.products[1].role)))
|
|
8902
|
+
}, "\xA0" + row.products[1].role)), row.products[2] && !row.products[2].role.toLowerCase().includes("holder") && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
|
|
8903
|
+
component: "div",
|
|
8904
|
+
display: "flex"
|
|
8905
|
+
}, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
|
|
8906
|
+
className: clsx(styles$5.rowText, styles$5.textTransform, styles$5.lightColor),
|
|
8907
|
+
style: {
|
|
8908
|
+
whiteSpace: 'nowrap'
|
|
8909
|
+
}
|
|
8910
|
+
}, row.products[2].name + ' / '), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
|
|
8911
|
+
className: clsx(styles$5.rowText, styles$5.textTransform),
|
|
8912
|
+
style: {
|
|
8913
|
+
whiteSpace: 'nowrap'
|
|
8914
|
+
}
|
|
8915
|
+
}, "\xA0" + row.products[2].role))) : '');
|
|
8474
8916
|
}
|
|
8475
8917
|
}, {
|
|
8476
8918
|
id: 'status',
|