@itilite/iui-user-management 0.2.0 → 0.2.2

package/dist/index.modern.js

@@ -1,13 +1,13 @@
-import { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUITypography, IUIDivider, IUIGrid, IUIRadio, IUIButton, IUIModal, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUIIconButton, IUICard, IUIBackdrop, IUICircularProgress, IUIBreadCrumb, IUIDropzone, IUIStepper, IUIFormControlLabel, IUICheckBox, IUIPrimaryRadio, IUITable, IUISkeleton, IUIProfileBox, IUIFormGroup, IUIDropdownButton } from '@itilite/iuistyles';
+import { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIDivider, IUIGrid, IUITypography, IUIRadio, IUIButton, IUIModal, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUIIconButton, IUICard, IUIBackdrop, IUICircularProgress, IUIBreadCrumb, IUIDropzone, IUIStepper, IUIFormControlLabel, IUICheckBox, IUIPrimaryRadio, IUITable, IUISkeleton, IUIProfileBox, IUIFormGroup, IUIDropdownButton } from '@itilite/iuistyles';
 import React, { useState, useEffect, Fragment as Fragment$1 } from 'react';
 import { configs, services, utilUrls } from '@itilite/utils';
-import moment from 'moment';
 import axios from 'axios';
 import AddIcon$1 from '@material-ui/icons/Add';
 import DeleteIcon from '@material-ui/icons/Delete';
 import { useDispatch, useSelector, Provider } from 'react-redux';
 import { combineReducers, createStore, applyMiddleware } from 'redux';
 import thunk from 'redux-thunk';
+import moment from 'moment';
 import { composeWithDevTools } from 'redux-devtools-extension';
 import { useHistory } from 'react-router-dom';
 import { withStyles } from '@material-ui/core/styles';
@@ -402,6 +402,9 @@ var userAddEditUrl = {
   },
   airlineList: function airlineList() {
     return "https://serviceearth.iltech.in/api/v1/paginated/airline/";
+  },
+  rejectUserVerification: function rejectUserVerification(userId) {
+    return "api/v1/onboarding/user-signup-reject/" + userId;
   }
 };
 var userListUrl = {
@@ -463,969 +466,327 @@ var userPanelUrl = {
   }
 };
 
-var dob = {
-  maxDate: moment().subtract(18, 'years'),
-  minDate: moment().subtract(300, 'years')
-};
-var passportStart = {
-  maxDate: moment(),
-  minDate: moment().subtract(100, 'years')
+var IUILocalStorageService$1 = services.IUILocalStorageService;
+var api = configs.api;
+var NAoptionConfig = {
+  option: {
+    label: 'Not assigned',
+    value: 'Not assigned'
+  },
+  applyFor: ['employee_level', 'department']
 };
-var passportEnd = {
-  maxDate: moment().add(18, 'years'),
-  minDate: moment()
+var commonLoadOptions = function commonLoadOptions(search, loadedOptions, _ref) {
+  var page = _ref.page,
+      tabelName = _ref.tabelName,
+      placeholder = _ref.placeholder,
+      selectCTA = _ref.selectCTA,
+      showNaOption = _ref.showNaOption;
+
+  try {
+    return Promise.resolve(_catch(function () {
+      var url = userAddEditUrl.dropdownList() + ("?page=" + page + "&table_name=" + tabelName + "&search=" + search);
+      return Promise.resolve(api.get(url).then(function (res) {
+        return res.data;
+      })).then(function (response) {
+        var mappedValue = response.results.map(function (item) {
+          return {
+            value: item.id,
+            label: item.name
+          };
+        });
+
+        if (showNaOption && page === 1 && NAoptionConfig.applyFor.includes(tabelName)) {
+          mappedValue.unshift(NAoptionConfig.option);
+        }
+
+        if (response.next === null && selectCTA) {
+          mappedValue.push({
+            value: selectCTA.value,
+            label: ''
+          });
+        }
+
+        return {
+          options: mappedValue,
+          hasMore: !!response.next,
+          additional: {
+            page: page + 1,
+            tabelName: tabelName,
+            placeholder: placeholder,
+            selectCTA: selectCTA
+          }
+        };
+      });
+    }, function () {
+      return {
+        options: [],
+        hasMore: false,
+        additional: {
+          page: 1,
+          tabelName: tabelName,
+          placeholder: placeholder,
+          selectCTA: selectCTA
+        }
+      };
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
 };
+var commonLoadOptionsUM = function commonLoadOptionsUM(search, loadedOptions, _ref2) {
+  var page = _ref2.page,
+      tabelName = _ref2.tabelName,
+      placeholder = _ref2.placeholder,
+      defaultData = _ref2.defaultData;
 
-var personalInfo = [{
-  id: 1,
-  label: 'First and middle name',
-  name: 'first_name',
-  required: true,
-  type: 'input',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  placeholder: 'Enter first and middle name',
-  validation: {
-    regexOnChange: /^[a-zA-Z ]*$/,
-    regexOnBlur: null,
-    maxLimit: '',
-    minLimit: '',
-    maxLength: 100,
-    minLength: 0
-  },
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 2,
-  label: 'Last name',
-  name: 'last_name',
-  required: true,
-  type: 'input',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  placeholder: 'Enter last name',
-  validation: {
-    regexOnChange: /^[a-zA-Z ]*$/,
-    regexOnBlur: null,
-    maxLimit: '',
-    minLimit: '',
-    maxLength: 100,
-    minLength: 0
-  },
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 3,
-  label: 'Email address',
-  name: 'email',
-  required: true,
-  type: 'input',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  placeholder: 'Enter email address',
-  validation: {
-    regexOnChange: null,
-    regexOnBlur: /^(([^<>()\\.,;:\s@"]+(\.[^<>()\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-    maxLimit: '',
-    minLimit: '',
-    maxLength: 100,
-    minLength: 0
-  },
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 4,
-  label: 'Phone number',
-  name: 'contact_number',
-  required: true,
-  type: 'phone',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  validation: {
-    regexOnChange: /^[\d]/,
-    regexOnBlur: null,
-    maxLimit: '',
-    minLimit: '',
-    maxLength: 100,
-    minLength: 0
-  },
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 5,
-  label: 'Date of birth',
-  name: 'dob',
-  required: false,
-  type: 'datepicker',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  hasIcon: false,
-  size: 'normal',
-  maxDate: dob.maxDate,
-  minDate: dob.minDate,
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 6,
-  empty: true
-}, {
-  id: 7,
-  label: 'Gender',
-  name: 'gender',
-  required: false,
-  type: 'select',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  placeholder: 'Select gender',
-  tooltip: 'This information will be used for flight booking purpose',
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 8,
-  label: 'Profile photo',
-  description: 'This will be displayed on your profile',
-  name: 'profile_pic',
-  required: false,
-  multiple: false,
-  fileType: 'image/png,image/jpeg,image/jpg,image/webp,image/JPG,image/JPEG',
-  fileSize: 5,
-  title: 'Select Profile',
-  type: 'file',
-  fullWidth: true,
-  visibility: true,
-  readOnly: false,
-  maxNoFiles: 2,
-  buttonType: 'profile',
-  disableText: 'Disable text here.'
-}];
-var workInfo = [{
-  id: 1,
-  label: 'Employee level',
-  name: 'emp_level',
-  required: false,
-  type: 'async_select',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  title: 'Select employee level',
-  inputType: false,
-  placeholder: 'Select employee level',
-  loadOption: commonLoadOptions,
-  tabelName: 'employee_level',
-  tooltip: 'This information will be used in creation of policies and approval rules',
-  disableText: 'Please get in touch with your administrator to change this value.',
-  selectCTA: {
-    value: 'employee_level',
-    component: /*#__PURE__*/React.createElement(IUITypography, {
-      className: "iui__font--color-link iui__font--weight-500"
-    }, "+ Add Employee Level"),
-    callback: null
+  try {
+    return Promise.resolve(_catch(function () {
+      var url = userAddEditUrl.dropdownList() + ("?page=" + page + "&table_name=" + tabelName + "&search=" + search);
+      return Promise.resolve(api.get(url).then(function (res) {
+        return res.data;
+      })).then(function (response) {
+        var arrList = response.results.filter(function (item) {
+          return item.name !== defaultData;
+        });
+        var mappedValue = arrList.map(function (item) {
+          return {
+            value: item.id,
+            label: item.name
+          };
+        });
+        return {
+          options: mappedValue,
+          hasMore: !!response.next,
+          additional: {
+            page: page + 1,
+            tabelName: tabelName
+          }
+        };
+      });
+    }, function () {
+      return {
+        options: [],
+        hasMore: false,
+        additional: {
+          page: 1,
+          tabelName: tabelName,
+          placeholder: placeholder
+        }
+      };
+    }));
+  } catch (e) {
+    return Promise.reject(e);
   }
-}, {
-  id: 2,
-  label: 'Employee ID',
-  name: 'employee_id',
-  required: false,
-  type: 'input',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  placeholder: 'Enter employee ID',
-  validation: {
-    regexOnChange: /^[A-Za-z0-9]*$/,
-    regexOnBlur: null,
-    maxLimit: '',
-    minLimit: '',
-    maxLength: 100,
-    minLength: 0
-  },
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 3,
-  label: 'Entity',
-  name: 'entity',
-  required: false,
-  type: 'async_select',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  title: '',
-  inputType: false,
-  placeholder: 'Select entity',
-  loadOption: commonLoadOptions,
-  tabelName: 'entity',
-  tooltip: 'This information will be used in creation of policies and approval rules',
-  disableText: 'Please get in touch with your administrator to change this value.',
-  selectCTA: {
-    value: 'entity',
-    component: /*#__PURE__*/React.createElement(IUITypography, {
-      className: "iui__font--color-link iui__font--weight-500"
-    }, "+ Add Entity"),
-    callback: null
-  }
-}, {
-  id: 4,
-  label: 'Business unit',
-  name: 'business_unit',
-  required: false,
-  type: 'async_select',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  title: 'Select unit',
-  inputType: false,
-  placeholder: 'Select unit',
-  tabelName: 'business_unit',
-  loadOption: commonLoadOptions,
-  disableText: 'Please get in touch with your administrator to change this value.',
-  selectCTA: {
-    value: 'business_unit',
-    component: /*#__PURE__*/React.createElement(IUITypography, {
-      className: "iui__font--color-link iui__font--weight-500"
-    }, "+ Add Business Unit"),
-    callback: null
+};
+var currencyLoadOptions = function currencyLoadOptions(search, loadedOptions, _ref3) {
+  var page = _ref3.page;
+
+  try {
+    return Promise.resolve(_catch(function () {
+      return Promise.resolve(api.get(userAddEditUrl.currencyCode() + "&search=" + search + "&page=" + page).then(function (res) {
+        return res.data;
+      })).then(function (response) {
+        var mappedValue = response.results.map(function (item) {
+          return {
+            value: item.currency_code,
+            label: item.currency_code
+          };
+        });
+        return {
+          options: mappedValue,
+          hasMore: !!response.next,
+          additional: {
+            page: page + 1
+          }
+        };
+      });
+    }, function () {
+      return {
+        options: [],
+        hasMore: false,
+        additional: {
+          page: 1
+        }
+      };
+    }));
+  } catch (e) {
+    return Promise.reject(e);
   }
-}, {
-  id: 5,
-  label: 'Department',
-  name: 'department',
-  required: false,
-  type: 'async_select',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  title: 'Select department',
-  inputType: false,
-  placeholder: 'Select department',
-  tabelName: 'department',
-  loadOption: commonLoadOptions,
-  disableText: 'Please get in touch with your administrator to change this value.',
-  selectCTA: {
-    value: 'department',
-    component: /*#__PURE__*/React.createElement(IUITypography, {
-      className: "iui__font--color-link iui__font--weight-500"
-    }, "+ Add Department"),
-    callback: null
+};
+var approversOptions = function approversOptions(search, loadedOptions, _ref4) {
+  var page = _ref4.page,
+      product = _ref4.product,
+      userId = _ref4.userId,
+      placeholder = _ref4.placeholder;
+
+  try {
+    return Promise.resolve(_catch(function () {
+      return Promise.resolve(api.get(userAddEditUrl.approversSearch() + "?page=" + page + "&product=" + product + "&search=" + search + "&user_id=" + userId).then(function (res) {
+        return res.data;
+      })).then(function (response) {
+        var mappedValue = response.results.map(function (item) {
+          return {
+            value: item.approver,
+            label: item.approver
+          };
+        });
+
+        if (page === 1) {
+          var placeholderLbl = {
+            value: '',
+            label: placeholder
+          };
+          mappedValue.unshift(placeholderLbl);
+        }
+
+        return {
+          options: mappedValue,
+          hasMore: !!response.next,
+          additional: {
+            page: page + 1,
+            product: product,
+            userId: userId
+          }
+        };
+      });
+    }, function () {
+      return {
+        options: [],
+        hasMore: false,
+        additional: {
+          page: 1,
+          product: product,
+          userId: userId
+        }
+      };
+    }));
+  } catch (e) {
+    return Promise.reject(e);
   }
-}, {
-  id: 6,
-  label: 'Designation',
-  name: 'designation',
-  required: false,
-  type: 'input',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  placeholder: 'Enter designation',
-  validation: {
-    regexOnChange: /^[A-Za-z0-9.&'()\- ]*$/,
-    regexOnBlur: /^[a-zA-Z][a-zA-Z0-9.&'()\- ]*$/,
-    maxLimit: '',
-    minLimit: '',
-    maxLength: 100,
-    minLength: 0
-  },
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 7,
-  label: 'Base location',
-  name: 'base_location',
-  required: false,
-  type: 'input',
-  fullWidth: true,
-  placeholder: 'Enter city',
-  visibility: true,
-  readOnly: false,
-  validation: {
-    regexOnChange: /^[A-Za-z0-9 -.&'()]*$/,
-    regexOnBlur: null,
-    maxLimit: '',
-    minLimit: '',
-    maxLength: 500,
-    minLength: 0
-  },
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 7,
-  label: 'Default currency',
-  name: 'currency',
-  required: false,
-  type: 'async_select',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  inputType: false,
-  tabelName: 'default_currency',
-  loadOption: currencyLoadOptions,
-  tooltip: 'This only changes the currency for this user',
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 8,
-  empty: true
-}];
-var products = [{
-  id: 1,
-  label: 'Travel',
-  name: 'travel',
-  type: 'checkbox',
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 2,
-  label: 'Expense',
-  name: 'expense',
-  type: 'checkbox',
-  disableText: 'Please get in touch with your administrator to change this value.'
-}];
-var dropdownList = {
-  gender: [{
-    id: 1,
-    name: 'Male'
-  }, {
-    id: 2,
-    name: 'Female'
-  }, {
-    id: 3,
-    name: 'Others'
-  }],
-  flight_seat_preference: [],
-  meal_preference: [],
-  contact_number: [],
-  passport_issue_country: [],
-  nationality: []
 };
-var travelConstants = {
-  heading: 'Travel specific information',
-  roleHeading: 'Travel role',
-  roleDescription: 'Roles allow users to only access relevant features and functionalities',
-  approverHeading: 'Travel approvers',
-  approverDescription: 'You can add upto :maxApprovers approvers',
-  FYILabel: 'FYI approver',
-  FYIDescription: 'Send travel approval alerts to this email',
-  roles: [{
-    id: 1,
-    label: 'Traveler',
-    description: 'Can create trips for themselves and guests',
-    name: 'traveler',
-    type: 'radio',
-    fullWidth: false,
-    visibility: true,
-    disableText: 'Please get in touch with your administrator to change this value.'
-  }, {
-    id: 2,
-    label: 'Admin',
-    description: 'Can administer the product, manage user access, billing details, company settings etc.',
-    name: 'travel_admin',
-    type: 'radio',
-    fullWidth: false,
-    visibility: true,
-    disableText: 'Please get in touch with your administrator to change this value.'
-  }, {
-    id: 3,
-    label: 'Finance admin',
-    description: 'Can administer the product, manage user access, billing details, company settings etc.',
-    name: 'travel_finance_admin',
-    type: 'radio',
-    fullWidth: false,
-    visibility: true,
-    disableText: 'Please get in touch with your administrator to change this value.'
-  }],
-  approvers: [{
-    id: 1,
-    label: 'Person 1',
-    name: 'travel_approver',
-    required: false,
-    type: 'input',
-    fullWidth: false,
-    visibility: true,
-    readOnly: false,
-    placeholder: 'Select Approver',
-    validation: {
-      regexOnChange: null,
-      regexOnBlur: /^(([^<>()\\.,;:\s@"]+(\.[^<>()\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-      maxLimit: '',
-      minLimit: '',
-      maxLength: 100,
-      minLength: 0
-    },
-    disableText: 'Please get in touch with your administrator to change this value.'
-  }, {
-    id: 2,
-    label: 'Person 2',
-    name: 'travel_approver',
-    required: false,
-    type: 'input',
-    fullWidth: false,
-    visibility: true,
-    readOnly: false,
-    placeholder: 'Select Approver',
-    validation: {
-      regexOnChange: null,
-      regexOnBlur: /^(([^<>()\\.,;:\s@"]+(\.[^<>()\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-      maxLimit: '',
-      minLimit: '',
-      maxLength: 100,
-      minLength: 0
-    },
-    disableText: 'Please get in touch with your administrator to change this value.'
-  }]
+var countryOptions = function countryOptions(search, loadedOptions, _ref5) {
+  var page = _ref5.page,
+      tabelName = _ref5.tabelName;
+
+  try {
+    return Promise.resolve(_catch(function () {
+      return Promise.resolve(api.get(userAddEditUrl.countryPaginated() + "&search=" + search + "&page=" + page + "&info=" + tabelName).then(function (res) {
+        return res.data;
+      })).then(function (response) {
+        var mappedValue = response.results.map(function (item) {
+          return {
+            value: item[tabelName],
+            label: item[tabelName]
+          };
+        });
+        return {
+          options: mappedValue,
+          hasMore: !!response.next,
+          additional: {
+            page: page + 1,
+            tabelName: tabelName
+          }
+        };
+      });
+    }, function () {
+      return {
+        options: [],
+        hasMore: false,
+        additional: {
+          page: 1,
+          tabelName: tabelName
+        }
+      };
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
 };
-var expenseConstants = {
-  heading: 'Expense specific information',
-  roleHeading: 'Expense role',
-  roleDescription: 'Roles allow users to only access relevant features and functionalities',
-  approverHeading: 'Expense approvers',
-  approverDescription: 'You can add upto :maxApprovers approvers',
-  FYILabel: 'FYI approver',
-  FYIDescription: 'Send expense approval alerts to this email',
-  roles: [{
-    id: 1,
-    label: 'Submitter',
-    description: 'Can submit expenses',
-    name: 'submitter',
-    type: 'radio',
-    fullWidth: false,
-    visibility: true,
-    disableText: 'Please get in touch with your administrator to change this value.'
-  }, {
-    id: 2,
-    label: 'Admin',
-    description: 'Can administer the product, manage user access, billing details, company settings etc.',
-    name: 'expense_admin',
-    type: 'radio',
-    fullWidth: false,
-    visibility: true,
-    disableText: 'Please get in touch with your administrator to change this value.'
-  }, {
-    id: 3,
-    label: 'Finance admin',
-    description: 'Can administer the product, manage user access, billing details, company settings etc.',
-    name: 'expense_finance_admin',
-    type: 'radio',
-    fullWidth: false,
-    visibility: true,
-    disableText: 'Please get in touch with your administrator to change this value.'
-  }],
-  approvers: [{
-    id: 1,
-    label: 'Person 1',
-    name: 'expense_approver',
-    required: false,
-    type: 'input',
-    fullWidth: false,
-    visibility: true,
-    readOnly: false,
-    placeholder: 'Select Approver',
-    validation: {
-      regexOnChange: null,
-      regexOnBlur: /^(([^<>()\\.,;:\s@"]+(\.[^<>()\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-      maxLimit: '',
-      minLimit: '',
-      maxLength: 100,
-      minLength: 0
-    },
-    disableText: 'Please get in touch with your administrator to change this value.'
-  }, {
-    id: 2,
-    label: 'Person 2',
-    name: 'expense_approver',
-    required: false,
-    type: 'input',
-    fullWidth: false,
-    visibility: true,
-    readOnly: false,
-    placeholder: 'Select Approver',
-    validation: {
-      regexOnChange: null,
-      regexOnBlur: /^(([^<>()\\.,;:\s@"]+(\.[^<a>()\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-      maxLimit: '',
-      minLimit: '',
-      maxLength: 100,
-      minLength: 0
-    },
-    disableText: 'Please get in touch with your administrator to change this value.'
-  }]
-};
-var passportInfo = [{
-  id: 1,
-  label: 'Passport issuing country',
-  name: 'passport_issue_country',
-  required: false,
-  type: 'async_select',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  placeholder: 'Select country',
-  tabelName: 'country_name',
-  loadOption: countryOptions,
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 2,
-  label: 'Passport number',
-  name: 'passport_number',
-  required: false,
-  type: 'input',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  placeholder: 'Enter passport number',
-  validation: {
-    regexOnChange: /^[A-Za-z0-9]*$/,
-    regexOnBlur: null,
-    maxLimit: '',
-    minLimit: '',
-    maxLength: 15,
-    minLength: 7
-  },
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 3,
-  label: 'Nationality',
-  name: 'nationality',
-  required: false,
-  type: 'async_select',
-  fullWidth: true,
-  visibility: true,
-  readOnly: false,
-  placeholder: 'Select nationality',
-  tabelName: 'nationality',
-  loadOption: countryOptions,
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 4,
-  label: 'Date of issue',
-  name: 'passport_issue_date',
-  required: false,
-  type: 'datepicker',
-  hasIcon: false,
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  size: 'small',
-  maxDate: passportStart.maxDate,
-  minDate: passportStart.minDate,
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 5,
-  label: 'Date of expiry',
-  name: 'passport_expiry_date',
-  required: false,
-  type: 'datepicker',
-  hasIcon: false,
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  size: 'small',
-  maxDate: passportEnd.maxDate,
-  minDate: passportEnd.minDate,
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 6,
-  label: 'Photo of passport',
-  description: '',
-  name: 'passport_photo',
-  required: false,
-  type: 'file',
-  multiple: true,
-  fileType: 'application/pdf,image/png,image/jpeg,image/jpg',
-  fileSize: 5,
-  title: 'Select Photo',
-  fullWidth: true,
-  visibility: true,
-  readOnly: false,
-  maxNoFiles: 2,
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 7,
-  label: 'Travel documents',
-  description: 'You can add upto 5 documents',
-  name: 'travel_docs',
-  required: false,
-  multiple: true,
-  fileType: 'application/pdf,image/png,image/jpeg,image/jpg',
-  fileSize: 5,
-  title: 'Select document',
-  type: 'file',
-  fullWidth: true,
-  visibility: true,
-  readOnly: false,
-  maxNoFiles: 5,
-  tooltip: 'This is for quick access of important travel documents during your trip like Visa, Identification, Vaccine certificates etc.',
-  disableText: 'Please get in touch with your administrator to change this value.'
-}];
-var travelPreference = [{
-  id: 1,
-  label: 'Flight seat preference',
-  name: 'flight_seat_preference',
-  required: false,
-  type: 'select',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  placeholder: 'Select seat preference',
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 1,
-  label: 'Meals preference',
-  name: 'meal_preference',
-  required: false,
-  type: 'select',
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  placeholder: 'Select meals preference',
-  disableText: 'Please get in touch with your administrator to change this value.'
-}];
-var secureTravelInfo = [{
-  id: 1,
-  label: 'Known traveler number',
-  placeholder: 'Enter known traveler number',
-  name: 'trusted_traveller',
-  required: false,
-  type: 'input',
-  hasIcon: true,
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  tooltip: /*#__PURE__*/React.createElement(React.Fragment, null, "The Known Traveler Number is a unique number issued by the U.S. Government to identify customers who participate in a known traveler program (e.g.: Global Entry, SENTRI, NEXUS, TSA PreCheck application process). For more information about the Known Traveler Number,", '  ', /*#__PURE__*/React.createElement("a", {
-    href: "https://www.tsa.gov/travel/frequently-asked-questions",
-    target: "_blank",
-    rel: "noreferrer"
-  }, "visit TSA's PreCheck website")),
-  disableText: 'Please get in touch with your administrator to change this value.'
-}, {
-  id: 1,
-  label: 'Redress number',
-  placeholder: 'Enter redress number',
-  name: 'redress_number',
-  required: false,
-  type: 'input',
-  hasIcon: true,
-  fullWidth: false,
-  visibility: true,
-  readOnly: false,
-  tooltip: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "The Redress Number is a unique number issued by the DHS (Department of Homeland Security) that is used to facilitate passenger clearance for persons who have the same name as someone on the TSA (Transportation Security Administration) watch list. For more information about the Secure Flight program,", '  ', /*#__PURE__*/React.createElement("a", {
-    href: "https://www.tsa.gov/travel/passenger-support/travel-redress-program",
-    target: "_blank",
-    rel: "noreferrer"
-  }, "visit TSA's Secure Flight website"))),
-  disableText: 'Please get in touch with your administrator to change this value.'
-}];
-var NAoptionConfig = {
-  option: {
-    label: 'Not assigned',
-    value: 'Not assigned'
-  },
-  applyFor: ['employee_level', 'department']
-};
-var userAddPageFormLabels = {
-  user_personal_info: {
-    first_name: 'First and middle name',
-    last_name: 'Last name',
-    email: 'Email address',
-    contact_number: 'Phone number',
-    dob: 'Date of birth',
-    gender: 'Gender',
-    profile_pic: 'Profile photo'
-  },
-  employee_info: {
-    emp_level: 'Employee level',
-    employee_id: 'Employee ID',
-    entity: 'Entity',
-    business_unit: 'Business unit',
-    department: 'Department',
-    designation: 'Designation',
-    base_location: 'Base location',
-    currency: 'Default currency'
-  },
-  user_travel_info: {
-    nationality: 'Nationality',
-    passport_number: 'Passport number',
-    passport_expiry_date: 'Date of expiry',
-    passport_issue_country: 'Passport issuing country',
-    passport_issue_date: 'Date of issue',
-    passport_photo: 'Photo of passport',
-    travel_docs: 'Travel documents',
-    flight_seat_preference: 'Flight seat preference',
-    meal_preference: 'Meals preference',
-    trusted_traveller: 'Known traveler number',
-    redress_number: 'Redress number'
-  },
-  products: {
-    travel: 'Travel',
-    expense: 'Expense'
-  },
-  travel_fyi_approver: 'FYI approver'
+var airlineOptionsfn = function airlineOptionsfn(search, loadedOptions, _ref6) {
+  var page = _ref6.page,
+      placeholder = _ref6.placeholder;
+
+  try {
+    return Promise.resolve(_catch(function () {
+      var url = userAddEditUrl.airlineList() + ("?page=" + page + "&search=" + search);
+      var token = IUILocalStorageService$1.getAccessToken();
+      return Promise.resolve(axios.get(url, {
+        headers: {
+          Authorization: 'Bearer ' + token
+        }
+      })).then(function (response) {
+        return Promise.resolve(response.data.results.map(function (item) {
+          return {
+            value: item.id,
+            label: item.name
+          };
+        })).then(function (mappedValue) {
+          if (placeholder) {
+            var placeholderLbl = {
+              value: '',
+              label: placeholder
+            };
+            mappedValue.unshift(placeholderLbl);
+          }
+
+          return {
+            options: mappedValue,
+            hasMore: !!response.data.next,
+            additional: {
+              page: page + 1,
+              placeholder: placeholder
+            }
+          };
+        });
+      });
+    }, function () {
+      return {
+        options: [],
+        hasMore: false,
+        additional: {
+          page: 1,
+          placeholder: placeholder
+        }
+      };
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
 };
 
-var IUILocalStorageService$1 = services.IUILocalStorageService;
-var api = configs.api;
-var commonLoadOptions = function commonLoadOptions(search, loadedOptions, _ref) {
-  var page = _ref.page,
-      tabelName = _ref.tabelName,
-      placeholder = _ref.placeholder,
-      selectCTA = _ref.selectCTA,
-      showNaOption = _ref.showNaOption;
+var UserRole = function UserRole(_ref) {
+  var _ref$list = _ref.list,
+      list = _ref$list === void 0 ? [] : _ref$list,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? '' : _ref$value;
+  var role = list.find(function (role) {
+    return role.name === value;
+  });
+  return /*#__PURE__*/React.createElement("div", null, role && /*#__PURE__*/React.createElement(IUILabel, {
+    label: role.label,
+    headerType: true,
+    description: role.description
+  }));
+};
 
-  try {
-    return Promise.resolve(_catch(function () {
-      var url = userAddEditUrl.dropdownList() + ("?page=" + page + "&table_name=" + tabelName + "&search=" + search);
-      return Promise.resolve(api.get(url).then(function (res) {
-        return res.data;
-      })).then(function (response) {
-        var mappedValue = response.results.map(function (item) {
-          return {
-            value: item.id,
-            label: item.name
-          };
-        });
+var styles$1 = {"card":"_3_S9J","cardNumber":"_36E9M","cardDigit":"_2pm-T","expiryDate":"_2tBnF","cardImage":"_3QvZh","visa":"_1IpBm","mastercard":"_2x6IX","amex":"_2a38S","discover":"_2vksl","diners":"_2kQRs","jcb":"_2bO1f","unionpay":"_2_jfu","is_nothing":"_1Lrzs","addCard":"_3711U","cardDeleteBtn":"_7Da2t","cardLabel":"_PQTex","defaultLabel":"_smjc4","defaultBtn":"_1_ArA","cursonPointer":"_1L115","sectionWrapper":"_VpUCK","margin":"_1Fs_D","minGridWidth":"_1hl-Z","firstRowMargin":"_1WZZj","firstChildMargin":"_IT_O_","paddingTop":"_Mhnl7","dividerColor":"_3ltFd"};
 
-        if (showNaOption && page === 1 && NAoptionConfig.applyFor.includes(tabelName)) {
-          mappedValue.unshift(NAoptionConfig.option);
-        }
+var SHOW_LOADER = 'SHOW_LOADER';
+var STOP_LOADER = 'STOP_LOADER';
+var SET_RENDER_FIELDS = 'SET_RENDER_FIELDS';
+var SET_CUSTOM_FIELD = 'SET_CUSTOM_FIELD';
+var SET_TRAVEL_APPROVER_FIELD = 'SET_TRAVEL_APPROVER_FIELD';
+var SET_EXPENSE_APPROVER_FIELD = 'SET_EXPENSE_APPROVER_FIELD';
+var SET_EDITED_TRAVEL_APPROVER_FIELD = 'SET_EDITED_TRAVEL_APPROVER_FIELD';
+var SET_EDITED_EXPENSE_APPROVER_FIELD = 'SET_EDITED_EXPENSE_APPROVER_FIELD';
+var SET_COUNTRY_CODES = 'SET_COUNTRY_CODES';
+var SET_STATIC_FIELDS_VISIBILITY = 'SET_STATIC_FIELDS_VISIBILITY';
+var SET_PAYMENT_DETAILS = 'SET_PAYMENT_DETAILS';
 
-        if (response.next === null && selectCTA) {
-          mappedValue.push({
-            value: selectCTA.value,
-            label: ''
-          });
-        }
-
-        return {
-          options: mappedValue,
-          hasMore: !!response.next,
-          additional: {
-            page: page + 1,
-            tabelName: tabelName,
-            placeholder: placeholder,
-            selectCTA: selectCTA
-          }
-        };
-      });
-    }, function () {
-      return {
-        options: [],
-        hasMore: false,
-        additional: {
-          page: 1,
-          tabelName: tabelName,
-          placeholder: placeholder,
-          selectCTA: selectCTA
-        }
-      };
-    }));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-var currencyLoadOptions = function currencyLoadOptions(search, loadedOptions, _ref3) {
-  var page = _ref3.page;
-
-  try {
-    return Promise.resolve(_catch(function () {
-      return Promise.resolve(api.get(userAddEditUrl.currencyCode() + "&search=" + search + "&page=" + page).then(function (res) {
-        return res.data;
-      })).then(function (response) {
-        var mappedValue = response.results.map(function (item) {
-          return {
-            value: item.currency_code,
-            label: item.currency_code
-          };
-        });
-        return {
-          options: mappedValue,
-          hasMore: !!response.next,
-          additional: {
-            page: page + 1
-          }
-        };
-      });
-    }, function () {
-      return {
-        options: [],
-        hasMore: false,
-        additional: {
-          page: 1
-        }
-      };
-    }));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-var approversOptions = function approversOptions(search, loadedOptions, _ref4) {
-  var page = _ref4.page,
-      product = _ref4.product,
-      userId = _ref4.userId,
-      placeholder = _ref4.placeholder;
-
-  try {
-    return Promise.resolve(_catch(function () {
-      return Promise.resolve(api.get(userAddEditUrl.approversSearch() + "?page=" + page + "&product=" + product + "&search=" + search + "&user_id=" + userId).then(function (res) {
-        return res.data;
-      })).then(function (response) {
-        var mappedValue = response.results.map(function (item) {
-          return {
-            value: item.approver,
-            label: item.approver
-          };
-        });
-
-        if (page === 1) {
-          var placeholderLbl = {
-            value: '',
-            label: placeholder
-          };
-          mappedValue.unshift(placeholderLbl);
-        }
-
-        return {
-          options: mappedValue,
-          hasMore: !!response.next,
-          additional: {
-            page: page + 1,
-            product: product,
-            userId: userId
-          }
-        };
-      });
-    }, function () {
-      return {
-        options: [],
-        hasMore: false,
-        additional: {
-          page: 1,
-          product: product,
-          userId: userId
-        }
-      };
-    }));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-var countryOptions = function countryOptions(search, loadedOptions, _ref5) {
-  var page = _ref5.page,
-      tabelName = _ref5.tabelName;
-
-  try {
-    return Promise.resolve(_catch(function () {
-      return Promise.resolve(api.get(userAddEditUrl.countryPaginated() + "&search=" + search + "&page=" + page + "&info=" + tabelName).then(function (res) {
-        return res.data;
-      })).then(function (response) {
-        var mappedValue = response.results.map(function (item) {
-          return {
-            value: item[tabelName],
-            label: item[tabelName]
-          };
-        });
-        return {
-          options: mappedValue,
-          hasMore: !!response.next,
-          additional: {
-            page: page + 1,
-            tabelName: tabelName
-          }
-        };
-      });
-    }, function () {
-      return {
-        options: [],
-        hasMore: false,
-        additional: {
-          page: 1,
-          tabelName: tabelName
-        }
-      };
-    }));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-var airlineOptionsfn = function airlineOptionsfn(search, loadedOptions, _ref6) {
-  var page = _ref6.page,
-      placeholder = _ref6.placeholder;
-
-  try {
-    return Promise.resolve(_catch(function () {
-      var url = userAddEditUrl.airlineList() + ("?page=" + page + "&search=" + search);
-      var token = IUILocalStorageService$1.getAccessToken();
-      return Promise.resolve(axios.get(url, {
-        headers: {
-          Authorization: 'Bearer ' + token
-        }
-      })).then(function (response) {
-        return Promise.resolve(response.data.results.map(function (item) {
-          return {
-            value: item.id,
-            label: item.name
-          };
-        })).then(function (mappedValue) {
-          if (placeholder) {
-            var placeholderLbl = {
-              value: '',
-              label: placeholder
-            };
-            mappedValue.unshift(placeholderLbl);
-          }
-
-          return {
-            options: mappedValue,
-            hasMore: !!response.data.next,
-            additional: {
-              page: page + 1,
-              placeholder: placeholder
-            }
-          };
-        });
-      });
-    }, function () {
-      return {
-        options: [],
-        hasMore: false,
-        additional: {
-          page: 1,
-          placeholder: placeholder
-        }
-      };
-    }));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-
-var UserRole = function UserRole(_ref) {
-  var _ref$list = _ref.list,
-      list = _ref$list === void 0 ? [] : _ref$list,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? '' : _ref$value;
-  var role = list.find(function (role) {
-    return role.name === value;
-  });
-  return /*#__PURE__*/React.createElement("div", null, role && /*#__PURE__*/React.createElement(IUILabel, {
-    label: role.label,
-    headerType: true,
-    description: role.description
-  }));
-};
-
-var styles$1 = {"card":"_3_S9J","cardNumber":"_36E9M","cardDigit":"_2pm-T","expiryDate":"_2tBnF","cardImage":"_3QvZh","visa":"_1IpBm","mastercard":"_2x6IX","amex":"_2a38S","discover":"_2vksl","diners":"_2kQRs","jcb":"_2bO1f","unionpay":"_2_jfu","is_nothing":"_1Lrzs","addCard":"_3711U","cardDeleteBtn":"_7Da2t","cardLabel":"_PQTex","defaultLabel":"_smjc4","defaultBtn":"_1_ArA","cursonPointer":"_1L115","sectionWrapper":"_VpUCK","margin":"_1Fs_D","minGridWidth":"_1hl-Z","firstRowMargin":"_1WZZj","firstChildMargin":"_IT_O_","paddingTop":"_Mhnl7","dividerColor":"_3ltFd"};
-
-var SHOW_LOADER = 'SHOW_LOADER';
-var STOP_LOADER = 'STOP_LOADER';
-var SET_RENDER_FIELDS = 'SET_RENDER_FIELDS';
-var SET_CUSTOM_FIELD = 'SET_CUSTOM_FIELD';
-var SET_TRAVEL_APPROVER_FIELD = 'SET_TRAVEL_APPROVER_FIELD';
-var SET_EXPENSE_APPROVER_FIELD = 'SET_EXPENSE_APPROVER_FIELD';
-var SET_EDITED_TRAVEL_APPROVER_FIELD = 'SET_EDITED_TRAVEL_APPROVER_FIELD';
-var SET_EDITED_EXPENSE_APPROVER_FIELD = 'SET_EDITED_EXPENSE_APPROVER_FIELD';
-var SET_COUNTRY_CODES = 'SET_COUNTRY_CODES';
-var SET_STATIC_FIELDS_VISIBILITY = 'SET_STATIC_FIELDS_VISIBILITY';
-var SET_PAYMENT_DETAILS = 'SET_PAYMENT_DETAILS';
-
-var env$1 = configs.env;
-var IUILocalStorageService$2 = services.IUILocalStorageService;
-var formatCreateUserPayload = function formatCreateUserPayload(payload) {
-  var _payload$employeeInfo, _payload$employeeInfo2, _payload$employeeInfo3, _payload$employeeInfo4, _payload$employeeInfo5, _payload$employeeInfo6, _payload$employeeInfo7, _payload$employeeInfo8, _payload$employeeInfo9, _payload$employeeInfo10;
+var env$1 = configs.env;
+var IUILocalStorageService$2 = services.IUILocalStorageService;
+var formatCreateUserPayload = function formatCreateUserPayload(payload) {
+  var _payload$employeeInfo, _payload$employeeInfo2, _payload$employeeInfo3, _payload$employeeInfo4, _payload$employeeInfo5, _payload$employeeInfo6, _payload$employeeInfo7, _payload$employeeInfo8, _payload$employeeInfo9, _payload$employeeInfo10;
 
   var res = {
     company_id: +IUILocalStorageService$2.getCompanyId(),
@@ -1921,12 +1282,12 @@ var addTravelApproverField = function addTravelApproverField() {
     return new Promise(function (resolve, reject) {
       var _travelApprovers = getState().userAddEdit.renderFields.travelApprovers;
       var sNo = _travelApprovers.length + 1;
-      var label = "Travel person " + sNo;
+      var label = "Travel approver " + sNo;
 
       _travelApprovers.forEach(function (approver) {
         if (approver.label === label) {
           sNo++;
-          label = "Travel person " + sNo;
+          label = "Travel approver " + sNo;
         }
       });
 
@@ -1965,12 +1326,12 @@ var addExpenseApproverField = function addExpenseApproverField() {
     return new Promise(function (resolve, reject) {
       var _expenseApprovers = getState().userAddEdit.renderFields.expenseApprovers;
       var sNo = _expenseApprovers.length + 1;
-      var label = "Expense person " + sNo;
+      var label = "Expense approver " + sNo;
 
       _expenseApprovers.forEach(function (approver) {
         if (approver.label === label) {
           sNo++;
-          label = "Expense person " + sNo;
+          label = "Expense approver " + sNo;
         }
       });
 
@@ -2282,6 +1643,33 @@ var submitAddModalData = function submitAddModalData(tableName, data) {
     });
   };
 };
+var rejectUserVerification = function rejectUserVerification(userId) {
+  return function (dispatch) {
+    return new Promise(function (resolve, reject) {
+      api$1.get(userAddEditUrl.rejectUserVerification(userId)).then(function (res) {
+        console.log(res);
+
+        if (res.data.status === true) {
+          var _res$data5;
+
+          IUIToastMessageService.sNotify((res === null || res === void 0 ? void 0 : (_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : _res$data5.message) || 'User rejected successfully.');
+          resolve(res.data);
+        } else {
+          var _res$data6;
+
+          IUIToastMessageService.warningNotify((res === null || res === void 0 ? void 0 : (_res$data6 = res.data) === null || _res$data6 === void 0 ? void 0 : _res$data6.message) || 'Opps, Unable to reject user.');
+          reject(res);
+        }
+      })["catch"](function (err) {
+        var _err$response11, _err$response11$data;
+
+        console.log(err);
+        IUIToastMessageService.warningNotify((err === null || err === void 0 ? void 0 : (_err$response11 = err.response) === null || _err$response11 === void 0 ? void 0 : (_err$response11$data = _err$response11.data) === null || _err$response11$data === void 0 ? void 0 : _err$response11$data.message) || 'Opps, Unable to reject user.');
+        reject(err);
+      });
+    });
+  };
+};
 
 var SHOW_LOADER$1 = 'SHOW_LOADER';
 var STOP_LOADER$1 = 'STOP_LOADER';
@@ -2749,8 +2137,10 @@ var CreditCard = function CreditCard(_ref) {
 var AddCard = function AddCard(_ref2) {
   var pg = _ref2.pg;
 
+  var _url = env$3.getPaymentUrl() + ("/api/v1/auth/" + IUILocalStorageService$5.getAccessToken() + "/1/" + pg.entity_id + "/0/" + pg.vendor_id + "/1");
+
   var handleAddCard = function handleAddCard() {
-    window.location.assign(env$3.getPaymentUrl() + "/api/v1/auth/" + IUILocalStorageService$5.getAccessToken() + "/1/" + pg.entity_id + "/0/" + pg.vendor_id + "/1");
+    window.location.assign(_url);
   };
 
   return /*#__PURE__*/React.createElement("div", {
@@ -2951,13 +2341,13 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
       var rgx = null;
 
       if (type === 'travel') {
-        rgx = /^(travel person)( )[0-9]*$/i;
+        rgx = /^(travel approver)( )[0-9]*$/i;
       } else {
-        rgx = /^(expense person)( )[0-9]*$/i;
+        rgx = /^(expense approver)( )[0-9]*$/i;
       }
 
-      if (editedLabel.approvers[i].label.match(rgx) && editedLabel.approvers[i].label.toLowerCase() !== type.toLowerCase() + " person " + (editedLabel.approvers[i].indexAt + 1)) {
-        _errMsg[editedLabel.approvers[i].indexAt] = "Can't update '" + (type === 'travel' ? 'Travel' : 'Expense') + " person " + (editedLabel.approvers[i].indexAt + 1) + "' to '" + editedLabel.approvers[i].label + "'";
+      if (editedLabel.approvers[i].label.match(rgx) && editedLabel.approvers[i].label.toLowerCase() !== type.toLowerCase() + " approver " + (editedLabel.approvers[i].indexAt + 1)) {
+        _errMsg[editedLabel.approvers[i].indexAt] = "Can't update '" + (type === 'travel' ? 'Travel' : 'Expense') + " approver " + (editedLabel.approvers[i].indexAt + 1) + "' to '" + editedLabel.approvers[i].label + "'";
 
         if (!hasError) {
           hasError = true;
@@ -3072,10 +2462,10 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
       return null;
     }
 
-    if (p.label.toLowerCase() === type + " person " + (i + 1)) {
+    if (p.label.toLowerCase() === type + " approver " + (i + 1)) {
       p.secondaryLabel = '';
     } else {
-      p.secondaryLabel = type + " person " + (i + 1);
+      p.secondaryLabel = type + " approver " + (i + 1);
     }
 
     return /*#__PURE__*/React.createElement(IUIGrid, {
@@ -3191,7 +2581,7 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
       className: styles.fieldMargin
     }, /*#__PURE__*/React.createElement(IUIInput, {
       defaultValue: p.label,
-      label: (type === 'travel' ? 'Travel' : 'Expense') + " person " + (i + 1),
+      label: (type === 'travel' ? 'Travel' : 'Expense') + " approver " + (i + 1),
       className: styles.inputWidth,
       id: type + '_' + p.sequence,
       name: type + '_' + p.sequence,
@@ -3306,134 +2696,821 @@ var AddCustomFieldModal = function AddCustomFieldModal(_ref) {
       overflow: 'auto',
       margin: '0px'
     },
-    footerStyle: {
-      justifyContent: 'end'
-    }
-  }, /*#__PURE__*/React.createElement(IUIBox, {
-    component: "div",
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    flexDirection: "column",
-    padding: "8px 20px"
-  }, /*#__PURE__*/React.createElement(IUIInput, {
-    label: "Field label",
-    fullwidth: false,
-    className: styles$2.inputWidth,
-    customHandler: addCustomFieldsLabel,
-    required: true,
-    errorMsg: inputValueErr,
-    isError: !!inputValueErr,
-    defaultValue: inputValue
-  })));
+    footerStyle: {
+      justifyContent: 'end'
+    }
+  }, /*#__PURE__*/React.createElement(IUIBox, {
+    component: "div",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    flexDirection: "column",
+    padding: "8px 20px"
+  }, /*#__PURE__*/React.createElement(IUIInput, {
+    label: "Field label",
+    fullwidth: false,
+    className: styles$2.inputWidth,
+    customHandler: addCustomFieldsLabel,
+    required: true,
+    errorMsg: inputValueErr,
+    isError: !!inputValueErr,
+    defaultValue: inputValue
+  })));
+};
+
+var CustomFields = function CustomFields(_ref) {
+  var _ref$inputState = _ref.inputState,
+      inputState = _ref$inputState === void 0 ? {} : _ref$inputState,
+      _ref$onChangeHandler = _ref.onChangeHandler,
+      onChangeHandler = _ref$onChangeHandler === void 0 ? function () {} : _ref$onChangeHandler,
+      _ref$isProfile = _ref.isProfile,
+      isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
+  var customFields = useSelector(function (state) {
+    return state.userAddEdit.renderFields.custom_attributes;
+  });
+  var maxCustomAttributes = useSelector(function (state) {
+    return state.userAddEdit.maxCustomAttributes;
+  });
+
+  var _useState = useState(false),
+      isOpenModal = _useState[0],
+      setOpenModalFlag = _useState[1];
+
+  var openCustomFieldModal = function openCustomFieldModal() {
+    setOpenModalFlag(true);
+  };
+
+  if (isProfile && customFields.length === 0) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIDivider, {
+    className: styles.dividerColor
+  }), /*#__PURE__*/React.createElement(IUIGrid, {
+    container: true,
+    className: clsx(styles.personal_info, styles.sectionWrapper)
+  }, /*#__PURE__*/React.createElement(IUIGrid, {
+    item: true,
+    sm: 12,
+    md: 4
+  }, /*#__PURE__*/React.createElement(IUILabel, {
+    label: "Custom fields",
+    headerType: true,
+    description: isProfile ? '' : "You can add up to " + maxCustomAttributes + " fields",
+    hasInfoIcon: !isProfile,
+    tooltipText: "Use custom fields to collect additional information that help you tailor data for your business\u2019 needs"
+  })), /*#__PURE__*/React.createElement(IUIGrid, {
+    item: true,
+    sm: 12,
+    md: 8,
+    lg: 8,
+    xl: 6
+  }, /*#__PURE__*/React.createElement(IUIGrid, {
+    container: true,
+    className: styles.formFieldsWrapper
+  }, customFields.length === 0 && /*#__PURE__*/React.createElement(IUIBox, {
+    className: styles.emptyFieldContainer
+  }, /*#__PURE__*/React.createElement(IUITypography, {
+    className: styles.emptyFieldDescription
+  }, "Add custom fields to collect additional information that help you tailor data for your business\u2019 needs"), !isProfile && /*#__PURE__*/React.createElement(IUIBox, {
+    className: styles.emptyFieldBtnContainer
+  }, /*#__PURE__*/React.createElement(IUIButton, {
+    buttonText: "Add custom field",
+    type: "text",
+    startIcon: /*#__PURE__*/React.createElement(AddIcon, {
+      width: "10",
+      height: "10",
+      color: "#EC5D25"
+    }),
+    className: styles.paddingTop,
+    onClick: openCustomFieldModal
+  }))), customFields.length > 0 && customFields.map(function (p, i) {
+    if (i >= maxCustomAttributes) {
+      return null;
+    }
+
+    return /*#__PURE__*/React.createElement(IUIGrid, {
+      key: i.toString(),
+      item: true,
+      md: 8,
+      lg: 8,
+      xl: 8
+    }, /*#__PURE__*/React.createElement(IUIInput, {
+      label: p.field_name || "Custom " + p.attribute_column,
+      fullwidth: false,
+      defaultValue: inputState["custom" + p.attribute_column],
+      name: "custom" + p.attribute_column,
+      customHandler: onChangeHandler,
+      readOnly: isProfile
+    }));
+  }), !isProfile && customFields.length > 0 && customFields.length < maxCustomAttributes && /*#__PURE__*/React.createElement(IUIGrid, {
+    item: true,
+    md: 8,
+    lg: 8,
+    xl: 8
+  }, /*#__PURE__*/React.createElement(IUIButton, {
+    buttonText: "Add custom field",
+    type: "text",
+    startIcon: /*#__PURE__*/React.createElement(AddIcon, {
+      width: "10",
+      height: "10",
+      color: "#EC5D25"
+    }),
+    className: styles.paddingTop,
+    onClick: openCustomFieldModal
+  }))))), /*#__PURE__*/React.createElement(AddCustomFieldModal, {
+    isOpenModal: isOpenModal,
+    closeModalHandler: function closeModalHandler() {
+      return setOpenModalFlag(false);
+    }
+  }));
+};
+
+var dob = {
+  maxDate: moment().subtract(18, 'years'),
+  minDate: moment().subtract(300, 'years')
+};
+var passportStart = {
+  maxDate: moment(),
+  minDate: moment().subtract(100, 'years')
+};
+var passportEnd = {
+  maxDate: moment().add(18, 'years'),
+  minDate: moment()
+};
+
+var personalInfo = [{
+  id: 1,
+  label: 'First and middle name',
+  name: 'first_name',
+  required: true,
+  type: 'input',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  placeholder: 'Enter first and middle name',
+  validation: {
+    regexOnChange: /^[a-zA-Z ]*$/,
+    regexOnBlur: null,
+    maxLimit: '',
+    minLimit: '',
+    maxLength: 100,
+    minLength: 0
+  },
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 2,
+  label: 'Last name',
+  name: 'last_name',
+  required: true,
+  type: 'input',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  placeholder: 'Enter last name',
+  validation: {
+    regexOnChange: /^[a-zA-Z ]*$/,
+    regexOnBlur: null,
+    maxLimit: '',
+    minLimit: '',
+    maxLength: 100,
+    minLength: 0
+  },
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 3,
+  label: 'Email address',
+  name: 'email',
+  required: true,
+  type: 'input',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  placeholder: 'Enter email address',
+  validation: {
+    regexOnChange: null,
+    regexOnBlur: /^(([^<>()\\.,;:\s@"]+(\.[^<>()\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
+    maxLimit: '',
+    minLimit: '',
+    maxLength: 100,
+    minLength: 0
+  },
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 4,
+  label: 'Phone number',
+  name: 'contact_number',
+  required: true,
+  type: 'phone',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  validation: {
+    regexOnChange: /^[\d]/,
+    regexOnBlur: null,
+    maxLimit: '',
+    minLimit: '',
+    maxLength: 100,
+    minLength: 0
+  },
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 5,
+  label: 'Date of birth',
+  name: 'dob',
+  required: false,
+  type: 'datepicker',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  hasIcon: false,
+  size: 'normal',
+  maxDate: dob.maxDate,
+  minDate: dob.minDate,
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 6,
+  empty: true
+}, {
+  id: 7,
+  label: 'Gender',
+  name: 'gender',
+  required: false,
+  type: 'select',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  placeholder: 'Select gender',
+  tooltip: 'This information will be used for flight booking purpose',
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 8,
+  label: 'Profile photo',
+  description: 'This will be displayed on your profile',
+  name: 'profile_pic',
+  required: false,
+  multiple: false,
+  fileType: 'image/png,image/jpeg,image/jpg,image/webp,image/JPG,image/JPEG',
+  fileSize: 5,
+  title: 'Select Profile',
+  type: 'file',
+  fullWidth: true,
+  visibility: true,
+  readOnly: false,
+  maxNoFiles: 2,
+  buttonType: 'profile',
+  disableText: 'Disable text here.'
+}];
+var workInfo = [{
+  id: 1,
+  label: 'Employee level',
+  name: 'emp_level',
+  required: false,
+  type: 'async_select',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  title: 'Select employee level',
+  inputType: false,
+  placeholder: 'Select employee level',
+  loadOption: commonLoadOptions,
+  tabelName: 'employee_level',
+  tooltip: 'This information will be used in creation of policies and approval rules',
+  disableText: 'Please get in touch with your administrator to change this value.',
+  selectCTA: {
+    value: 'employee_level',
+    component: /*#__PURE__*/React.createElement(IUITypography, {
+      className: "iui__font--color-link iui__font--weight-500"
+    }, "+ Add Employee Level"),
+    callback: null
+  }
+}, {
+  id: 2,
+  label: 'Employee ID',
+  name: 'employee_id',
+  required: false,
+  type: 'input',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  placeholder: 'Enter employee ID',
+  validation: {
+    regexOnChange: /^[A-Za-z0-9]*$/,
+    regexOnBlur: null,
+    maxLimit: '',
+    minLimit: '',
+    maxLength: 100,
+    minLength: 0
+  },
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 3,
+  label: 'Entity',
+  name: 'entity',
+  required: false,
+  type: 'async_select',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  title: '',
+  inputType: false,
+  placeholder: 'Select entity',
+  loadOption: commonLoadOptions,
+  tabelName: 'entity',
+  tooltip: 'This information will be used in creation of policies and approval rules',
+  disableText: 'Please get in touch with your administrator to change this value.',
+  selectCTA: {
+    value: 'entity',
+    component: /*#__PURE__*/React.createElement(IUITypography, {
+      className: "iui__font--color-link iui__font--weight-500"
+    }, "+ Add Entity"),
+    callback: null
+  }
+}, {
+  id: 4,
+  label: 'Business unit',
+  name: 'business_unit',
+  required: false,
+  type: 'async_select',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  title: 'Select unit',
+  inputType: false,
+  placeholder: 'Select unit',
+  tabelName: 'business_unit',
+  loadOption: commonLoadOptions,
+  disableText: 'Please get in touch with your administrator to change this value.',
+  selectCTA: {
+    value: 'business_unit',
+    component: /*#__PURE__*/React.createElement(IUITypography, {
+      className: "iui__font--color-link iui__font--weight-500"
+    }, "+ Add Business Unit"),
+    callback: null
+  }
+}, {
+  id: 5,
+  label: 'Department',
+  name: 'department',
+  required: false,
+  type: 'async_select',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  title: 'Select department',
+  inputType: false,
+  placeholder: 'Select department',
+  tabelName: 'department',
+  loadOption: commonLoadOptions,
+  disableText: 'Please get in touch with your administrator to change this value.',
+  selectCTA: {
+    value: 'department',
+    component: /*#__PURE__*/React.createElement(IUITypography, {
+      className: "iui__font--color-link iui__font--weight-500"
+    }, "+ Add Department"),
+    callback: null
+  }
+}, {
+  id: 6,
+  label: 'Designation',
+  name: 'designation',
+  required: false,
+  type: 'input',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  placeholder: 'Enter designation',
+  validation: {
+    regexOnChange: /^[A-Za-z0-9.&'()\- ]*$/,
+    regexOnBlur: /^[a-zA-Z][a-zA-Z0-9.&'()\- ]*$/,
+    maxLimit: '',
+    minLimit: '',
+    maxLength: 100,
+    minLength: 0
+  },
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 7,
+  label: 'Base location',
+  name: 'base_location',
+  required: false,
+  type: 'input',
+  fullWidth: true,
+  placeholder: 'Enter city',
+  visibility: true,
+  readOnly: false,
+  validation: {
+    regexOnChange: /^[A-Za-z0-9 -.&'()]*$/,
+    regexOnBlur: null,
+    maxLimit: '',
+    minLimit: '',
+    maxLength: 500,
+    minLength: 0
+  },
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 7,
+  label: 'Default currency',
+  name: 'currency',
+  required: false,
+  type: 'async_select',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  inputType: false,
+  tabelName: 'default_currency',
+  loadOption: currencyLoadOptions,
+  tooltip: 'This only changes the currency for this user',
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 8,
+  empty: true
+}];
+var products = [{
+  id: 1,
+  label: 'Travel',
+  name: 'travel',
+  type: 'checkbox',
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 2,
+  label: 'Expense',
+  name: 'expense',
+  type: 'checkbox',
+  disableText: 'Please get in touch with your administrator to change this value.'
+}];
+var dropdownList = {
+  gender: [{
+    id: 1,
+    name: 'Male'
+  }, {
+    id: 2,
+    name: 'Female'
+  }, {
+    id: 3,
+    name: 'Others'
+  }],
+  flight_seat_preference: [],
+  meal_preference: [],
+  contact_number: [],
+  passport_issue_country: [],
+  nationality: []
+};
+var travelConstants = {
+  heading: 'Travel specific information',
+  roleHeading: 'Travel role',
+  roleDescription: 'Roles allow users to only access relevant features and functionalities',
+  approverHeading: 'Travel approvers',
+  approverDescription: 'You can add upto :maxApprovers approvers',
+  FYILabel: 'FYI approver',
+  FYIDescription: 'Send travel approval alerts to this email',
+  roles: [{
+    id: 1,
+    label: 'Traveler',
+    description: 'Can create trips for themselves and guests',
+    name: 'traveler',
+    type: 'radio',
+    fullWidth: false,
+    visibility: true,
+    disableText: 'Please get in touch with your administrator to change this value.'
+  }, {
+    id: 2,
+    label: 'Admin',
+    description: 'Can administer the product, manage user access, billing details, company settings etc.',
+    name: 'travel_admin',
+    type: 'radio',
+    fullWidth: false,
+    visibility: true,
+    disableText: 'Please get in touch with your administrator to change this value.'
+  }, {
+    id: 3,
+    label: 'Finance admin',
+    description: 'Can administer the product, manage user access, billing details, company settings etc.',
+    name: 'travel_finance_admin',
+    type: 'radio',
+    fullWidth: false,
+    visibility: true,
+    disableText: 'Please get in touch with your administrator to change this value.'
+  }],
+  approvers: [{
+    id: 1,
+    label: 'Person 1',
+    name: 'travel_approver',
+    required: false,
+    type: 'input',
+    fullWidth: false,
+    visibility: true,
+    readOnly: false,
+    placeholder: 'Select Approver',
+    validation: {
+      regexOnChange: null,
+      regexOnBlur: /^(([^<>()\\.,;:\s@"]+(\.[^<>()\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
+      maxLimit: '',
+      minLimit: '',
+      maxLength: 100,
+      minLength: 0
+    },
+    disableText: 'Please get in touch with your administrator to change this value.'
+  }, {
+    id: 2,
+    label: 'Person 2',
+    name: 'travel_approver',
+    required: false,
+    type: 'input',
+    fullWidth: false,
+    visibility: true,
+    readOnly: false,
+    placeholder: 'Select Approver',
+    validation: {
+      regexOnChange: null,
+      regexOnBlur: /^(([^<>()\\.,;:\s@"]+(\.[^<>()\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
+      maxLimit: '',
+      minLimit: '',
+      maxLength: 100,
+      minLength: 0
+    },
+    disableText: 'Please get in touch with your administrator to change this value.'
+  }]
 };
-
-var CustomFields = function CustomFields(_ref) {
-  var _ref$inputState = _ref.inputState,
-      inputState = _ref$inputState === void 0 ? {} : _ref$inputState,
-      _ref$onChangeHandler = _ref.onChangeHandler,
-      onChangeHandler = _ref$onChangeHandler === void 0 ? function () {} : _ref$onChangeHandler,
-      _ref$isProfile = _ref.isProfile,
-      isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
-  var customFields = useSelector(function (state) {
-    return state.userAddEdit.renderFields.custom_attributes;
-  });
-  var maxCustomAttributes = useSelector(function (state) {
-    return state.userAddEdit.maxCustomAttributes;
-  });
-
-  var _useState = useState(false),
-      isOpenModal = _useState[0],
-      setOpenModalFlag = _useState[1];
-
-  var openCustomFieldModal = function openCustomFieldModal() {
-    setOpenModalFlag(true);
-  };
-
-  if (isProfile && customFields.length === 0) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIDivider, {
-    className: styles.dividerColor
-  }), /*#__PURE__*/React.createElement(IUIGrid, {
-    container: true,
-    className: clsx(styles.personal_info, styles.sectionWrapper)
-  }, /*#__PURE__*/React.createElement(IUIGrid, {
-    item: true,
-    sm: 12,
-    md: 4
-  }, /*#__PURE__*/React.createElement(IUILabel, {
-    label: "Custom fields",
-    headerType: true,
-    description: isProfile ? '' : "You can add up to " + maxCustomAttributes + " fields",
-    hasInfoIcon: !isProfile,
-    tooltipText: "Use custom fields to collect additional information that help you tailor data for your business\u2019 needs"
-  })), /*#__PURE__*/React.createElement(IUIGrid, {
-    item: true,
-    sm: 12,
-    md: 8,
-    lg: 8,
-    xl: 6
-  }, /*#__PURE__*/React.createElement(IUIGrid, {
-    container: true,
-    className: styles.formFieldsWrapper
-  }, customFields.length === 0 && /*#__PURE__*/React.createElement(IUIBox, {
-    className: styles.emptyFieldContainer
-  }, /*#__PURE__*/React.createElement(IUITypography, {
-    className: styles.emptyFieldDescription
-  }, "Add custom fields to collect additional information that help you tailor data for your business\u2019 needs"), !isProfile && /*#__PURE__*/React.createElement(IUIBox, {
-    className: styles.emptyFieldBtnContainer
-  }, /*#__PURE__*/React.createElement(IUIButton, {
-    buttonText: "Add custom field",
-    type: "text",
-    startIcon: /*#__PURE__*/React.createElement(AddIcon, {
-      width: "10",
-      height: "10",
-      color: "#EC5D25"
-    }),
-    className: styles.paddingTop,
-    onClick: openCustomFieldModal
-  }))), customFields.length > 0 && customFields.map(function (p, i) {
-    if (i >= maxCustomAttributes) {
-      return null;
-    }
-
-    return /*#__PURE__*/React.createElement(IUIGrid, {
-      key: i.toString(),
-      item: true,
-      md: 8,
-      lg: 8,
-      xl: 8
-    }, /*#__PURE__*/React.createElement(IUIInput, {
-      label: p.field_name || "Custom " + p.attribute_column,
-      fullwidth: false,
-      defaultValue: inputState["custom" + p.attribute_column],
-      name: "custom" + p.attribute_column,
-      customHandler: onChangeHandler,
-      readOnly: isProfile
-    }));
-  }), !isProfile && customFields.length > 0 && customFields.length < maxCustomAttributes && /*#__PURE__*/React.createElement(IUIGrid, {
-    item: true,
-    md: 8,
-    lg: 8,
-    xl: 8
-  }, /*#__PURE__*/React.createElement(IUIButton, {
-    buttonText: "Add custom field",
-    type: "text",
-    startIcon: /*#__PURE__*/React.createElement(AddIcon, {
-      width: "10",
-      height: "10",
-      color: "#EC5D25"
-    }),
-    className: styles.paddingTop,
-    onClick: openCustomFieldModal
-  }))))), /*#__PURE__*/React.createElement(AddCustomFieldModal, {
-    isOpenModal: isOpenModal,
-    closeModalHandler: function closeModalHandler() {
-      return setOpenModalFlag(false);
-    }
-  }));
+var expenseConstants = {
+  heading: 'Expense specific information',
+  roleHeading: 'Expense role',
+  roleDescription: 'Roles allow users to only access relevant features and functionalities',
+  approverHeading: 'Expense approvers',
+  approverDescription: 'You can add upto :maxApprovers approvers',
+  FYILabel: 'FYI approver',
+  FYIDescription: 'Send expense approval alerts to this email',
+  roles: [{
+    id: 1,
+    label: 'Submitter',
+    description: 'Can submit expenses',
+    name: 'submitter',
+    type: 'radio',
+    fullWidth: false,
+    visibility: true,
+    disableText: 'Please get in touch with your administrator to change this value.'
+  }, {
+    id: 2,
+    label: 'Admin',
+    description: 'Can administer the product, manage user access, billing details, company settings etc.',
+    name: 'expense_admin',
+    type: 'radio',
+    fullWidth: false,
+    visibility: true,
+    disableText: 'Please get in touch with your administrator to change this value.'
+  }, {
+    id: 3,
+    label: 'Finance admin',
+    description: 'Can administer the product, manage user access, billing details, company settings etc.',
+    name: 'expense_finance_admin',
+    type: 'radio',
+    fullWidth: false,
+    visibility: true,
+    disableText: 'Please get in touch with your administrator to change this value.'
+  }],
+  approvers: [{
+    id: 1,
+    label: 'Person 1',
+    name: 'expense_approver',
+    required: false,
+    type: 'input',
+    fullWidth: false,
+    visibility: true,
+    readOnly: false,
+    placeholder: 'Select Approver',
+    validation: {
+      regexOnChange: null,
+      regexOnBlur: /^(([^<>()\\.,;:\s@"]+(\.[^<>()\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
+      maxLimit: '',
+      minLimit: '',
+      maxLength: 100,
+      minLength: 0
+    },
+    disableText: 'Please get in touch with your administrator to change this value.'
+  }, {
+    id: 2,
+    label: 'Person 2',
+    name: 'expense_approver',
+    required: false,
+    type: 'input',
+    fullWidth: false,
+    visibility: true,
+    readOnly: false,
+    placeholder: 'Select Approver',
+    validation: {
+      regexOnChange: null,
+      regexOnBlur: /^(([^<>()\\.,;:\s@"]+(\.[^<a>()\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
+      maxLimit: '',
+      minLimit: '',
+      maxLength: 100,
+      minLength: 0
+    },
+    disableText: 'Please get in touch with your administrator to change this value.'
+  }]
+};
+var passportInfo = [{
+  id: 1,
+  label: 'Passport issuing country',
+  name: 'passport_issue_country',
+  required: false,
+  type: 'async_select',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  placeholder: 'Select country',
+  tabelName: 'country_name',
+  loadOption: countryOptions,
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 2,
+  label: 'Passport number',
+  name: 'passport_number',
+  required: false,
+  type: 'input',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  placeholder: 'Enter passport number',
+  validation: {
+    regexOnChange: /^[A-Za-z0-9]*$/,
+    regexOnBlur: null,
+    maxLimit: '',
+    minLimit: '',
+    maxLength: 15,
+    minLength: 7
+  },
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 3,
+  label: 'Nationality',
+  name: 'nationality',
+  required: false,
+  type: 'async_select',
+  fullWidth: true,
+  visibility: true,
+  readOnly: false,
+  placeholder: 'Select nationality',
+  tabelName: 'nationality',
+  loadOption: countryOptions,
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 4,
+  label: 'Date of issue',
+  name: 'passport_issue_date',
+  required: false,
+  type: 'datepicker',
+  hasIcon: false,
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  size: 'small',
+  maxDate: passportStart.maxDate,
+  minDate: passportStart.minDate,
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 5,
+  label: 'Date of expiry',
+  name: 'passport_expiry_date',
+  required: false,
+  type: 'datepicker',
+  hasIcon: false,
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  size: 'small',
+  maxDate: passportEnd.maxDate,
+  minDate: passportEnd.minDate,
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 6,
+  label: 'Photo of passport',
+  description: '',
+  name: 'passport_photo',
+  required: false,
+  type: 'file',
+  multiple: true,
+  fileType: 'application/pdf,image/png,image/jpeg,image/jpg',
+  fileSize: 5,
+  title: 'Select Photo',
+  fullWidth: true,
+  visibility: true,
+  readOnly: false,
+  maxNoFiles: 2,
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 7,
+  label: 'Travel documents',
+  description: 'You can add upto 5 documents',
+  name: 'travel_docs',
+  required: false,
+  multiple: true,
+  fileType: 'application/pdf,image/png,image/jpeg,image/jpg',
+  fileSize: 5,
+  title: 'Select document',
+  type: 'file',
+  fullWidth: true,
+  visibility: true,
+  readOnly: false,
+  maxNoFiles: 5,
+  tooltip: 'This is for quick access of important travel documents during your trip like Visa, Identification, Vaccine certificates etc.',
+  disableText: 'Please get in touch with your administrator to change this value.'
+}];
+var travelPreference = [{
+  id: 1,
+  label: 'Flight seat preference',
+  name: 'flight_seat_preference',
+  required: false,
+  type: 'select',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  placeholder: 'Select seat preference',
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 1,
+  label: 'Meals preference',
+  name: 'meal_preference',
+  required: false,
+  type: 'select',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  placeholder: 'Select meals preference',
+  disableText: 'Please get in touch with your administrator to change this value.'
+}];
+var secureTravelInfo = [{
+  id: 1,
+  label: 'Known traveler number',
+  placeholder: 'Enter known traveler number',
+  name: 'trusted_traveller',
+  required: false,
+  type: 'input',
+  hasIcon: true,
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  tooltip: /*#__PURE__*/React.createElement(React.Fragment, null, "The Known Traveler Number is a unique number issued by the U.S. Government to identify customers who participate in a known traveler program (e.g.: Global Entry, SENTRI, NEXUS, TSA PreCheck application process). For more information about the Known Traveler Number,", '  ', /*#__PURE__*/React.createElement("a", {
+    href: "https://www.tsa.gov/travel/frequently-asked-questions",
+    target: "_blank",
+    rel: "noreferrer"
+  }, "visit TSA's PreCheck website")),
+  disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 1,
+  label: 'Redress number',
+  placeholder: 'Enter redress number',
+  name: 'redress_number',
+  required: false,
+  type: 'input',
+  hasIcon: true,
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  tooltip: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "The Redress Number is a unique number issued by the DHS (Department of Homeland Security) that is used to facilitate passenger clearance for persons who have the same name as someone on the TSA (Transportation Security Administration) watch list. For more information about the Secure Flight program,", '  ', /*#__PURE__*/React.createElement("a", {
+    href: "https://www.tsa.gov/travel/passenger-support/travel-redress-program",
+    target: "_blank",
+    rel: "noreferrer"
+  }, "visit TSA's Secure Flight website"))),
+  disableText: 'Please get in touch with your administrator to change this value.'
+}];
+var userAddPageFormLabels = {
+  user_personal_info: {
+    first_name: 'First and middle name',
+    last_name: 'Last name',
+    email: 'Email address',
+    contact_number: 'Phone number',
+    dob: 'Date of birth',
+    gender: 'Gender',
+    profile_pic: 'Profile photo'
+  },
+  employee_info: {
+    emp_level: 'Employee level',
+    employee_id: 'Employee ID',
+    entity: 'Entity',
+    business_unit: 'Business unit',
+    department: 'Department',
+    designation: 'Designation',
+    base_location: 'Base location',
+    currency: 'Default currency'
+  },
+  user_travel_info: {
+    nationality: 'Nationality',
+    passport_number: 'Passport number',
+    passport_expiry_date: 'Date of expiry',
+    passport_issue_country: 'Passport issuing country',
+    passport_issue_date: 'Date of issue',
+    passport_photo: 'Photo of passport',
+    travel_docs: 'Travel documents',
+    flight_seat_preference: 'Flight seat preference',
+    meal_preference: 'Meals preference',
+    trusted_traveller: 'Known traveler number',
+    redress_number: 'Redress number'
+  },
+  products: {
+    travel: 'Travel',
+    expense: 'Expense'
+  },
+  travel_fyi_approver: 'FYI approver'
 };
 
 var initialState = {
@@ -5877,7 +5954,7 @@ var UserAddEdit = function UserAddEdit(props) {
         userTagType: userTagType
       };
 
-      if (verifyUserId) {
+      if (verifyUserId && isILadmin) {
         payload.verifyUserId = verifyUserId;
       }
 
@@ -6197,10 +6274,10 @@ var UserAddEdit = function UserAddEdit(props) {
           window.location.href = config.routes.profile.redirectUrl.cancel;
         }
       }
-    } else if (verifyUserId) {
+    } else if (verifyUserId && isILadmin) {
       var _config$routes4, _config$routes4$signu, _config$routes4$signu2;
 
-      (config === null || config === void 0 ? void 0 : (_config$routes4 = config.routes) === null || _config$routes4 === void 0 ? void 0 : (_config$routes4$signu = _config$routes4.signupRequest) === null || _config$routes4$signu === void 0 ? void 0 : (_config$routes4$signu2 = _config$routes4$signu.list) === null || _config$routes4$signu2 === void 0 ? void 0 : _config$routes4$signu2.path) && history.push(config.routes.signupRequest.list.path);
+      (config === null || config === void 0 ? void 0 : (_config$routes4 = config.routes) === null || _config$routes4 === void 0 ? void 0 : (_config$routes4$signu = _config$routes4.signupRequest) === null || _config$routes4$signu === void 0 ? void 0 : (_config$routes4$signu2 = _config$routes4$signu.list) === null || _config$routes4$signu2 === void 0 ? void 0 : _config$routes4$signu2.path) && window.location.assign(config.routes.signupRequest.list.path);
     } else {
       var _config$routes5, _config$routes5$users, _config$routes5$users2;
 
@@ -6225,7 +6302,7 @@ var UserAddEdit = function UserAddEdit(props) {
   };
 
   var getUserInfoForVerification = function getUserInfoForVerification() {
-    if (verifyUserId) {
+    if (verifyUserId && isILadmin) {
       dispatch(showLoader());
       dispatch(verifyUserInfo(verifyUserId)).then(function (res) {
         setPersonalInfoInput(function (prevState) {
@@ -6327,6 +6404,19 @@ var UserAddEdit = function UserAddEdit(props) {
     }
   };
 
+  var handleSignUpRequestRejection = function handleSignUpRequestRejection() {
+    if (verifyUserId && isILadmin) {
+      dispatch(showLoader());
+      dispatch(rejectUserVerification(verifyUserId)).then(function (res) {
+        setTimeout(function () {
+          window.location.assign(config.routes.signupRequest.list.path);
+        }, 1500);
+      })["finally"](function () {
+        dispatch(stopLoader());
+      });
+    }
+  };
+
   return /*#__PURE__*/React.createElement(IUIBox, {
     component: "div",
     className: styles.UUIUserManagementAddEdit
@@ -6343,7 +6433,7 @@ var UserAddEdit = function UserAddEdit(props) {
     className: styles.breadcrumb
   }, /*#__PURE__*/React.createElement(IUIBreadCrumb, {
     breadCrumbs: [{
-      href: verifyUserId ? config.routes.signupRequest.list.path : config.routes.users.list.path,
+      href: verifyUserId && isILadmin ? config.routes.signupRequest.list.path : config.routes.users.list.path,
       label: 'Users',
       hasLink: true
     }]
@@ -6378,7 +6468,14 @@ var UserAddEdit = function UserAddEdit(props) {
     type: "contained",
     onClick: formSubmitHandler,
     disabled: isPageLoading || productAccess.travel === false && productAccess.expense === false || !!doesFormHasError()
-  }))))), /*#__PURE__*/React.createElement(IUIBox, {
+  })), verifyUserId && isILadmin ? /*#__PURE__*/React.createElement(IUIBox, {
+    component: "div",
+    className: clsx(styles.buttonSingle, styles.buttonLeft)
+  }, /*#__PURE__*/React.createElement(IUIButton, {
+    buttonText: "Reject",
+    type: "outlined",
+    onClick: handleSignUpRequestRejection
+  })) : null))), /*#__PURE__*/React.createElement(IUIBox, {
     component: "div",
     marginTop: "8rem",
     flexDirection: "column"
@@ -9220,7 +9317,7 @@ function MoveUserDialog(_ref) {
     name: name,
     isMove: isMove,
     customSelectHandler: customSelectHandler,
-    loadOption: commonLoadOptions,
+    loadOption: commonLoadOptionsUM,
     isError: isError,
     errorMsg: "Please select " + (name === null || name === void 0 ? void 0 : name.toLowerCase()) + ".",
     placeHolderCheck: name !== undefined && name === ''
@@ -9533,9 +9630,10 @@ var UserPanel = function UserPanel(_ref) {
   var handleEditPanel = function handleEditPanel(data) {
     if (dataList) {
       var payload = {
-        table_name: tableName,
-        from: dialogData.data.name,
-        to: selectValue === null || selectValue === void 0 ? void 0 : selectValue.label
+        rows: [{
+          id: dialogData.data.id,
+          name: dataList
+        }]
       };
       var message = title + " updated successfully.";
       handleApiCall(editRecord, payload, message, 'edit');