@itilite/iui-user-management 0.2.1 → 0.2.3

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';
@@ -466,1143 +466,456 @@ var userPanelUrl = {
   }
 };
 
-var dob = {
-  maxDate: moment().subtract(18, 'years'),
-  minDate: moment().subtract(300, 'years')
+var IUILocalStorageService$1 = services.IUILocalStorageService;
+var api = configs.api;
+var NAoptionConfig = {
+  option: {
+    label: 'Not assigned',
+    value: 'Not assigned'
+  },
+  applyFor: ['employee_level', 'department']
 };
-var passportStart = {
-  maxDate: moment(),
-  minDate: moment().subtract(100, 'years')
+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 passportEnd = {
-  maxDate: moment().add(18, 'years'),
-  minDate: moment()
+var commonLoadOptionsUM = function commonLoadOptionsUM(search, loadedOptions, _ref2) {
+  var page = _ref2.page,
+      tabelName = _ref2.tabelName,
+      placeholder = _ref2.placeholder,
+      defaultData = _ref2.defaultData;
+
+  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);
+  }
 };
+var currencyLoadOptions = function currencyLoadOptions(search, loadedOptions, _ref3) {
+  var page = _ref3.page;
 
-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 () {
+      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: 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
+};
+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: 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 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);
   }
-}, {
-  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 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);
   }
-}, {
-  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 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 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
+
+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 res = {
+    company_id: +IUILocalStorageService$2.getCompanyId(),
+    first_name: payload.personalInfoInput.first_name,
+    last_name: payload.personalInfoInput.last_name,
+    email: payload.personalInfoInput.email,
+    user_personal_info: {
+      contact_number: payload.personalInfoInput.contact_number ? payload.personalInfoInput.contact_number.replaceAll(' ', '') : null,
+      country_code: payload.personalInfoInput.country_code || null,
+      contact_country_code: payload.personalInfoInput.contact_country_code || null,
+      dob: payload.personalInfoInput.dob || null,
+      gender: payload.personalInfoInput.gender || null
     },
-    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
+    employee_info: {
+      emp_level_id: payload !== null && payload !== void 0 && (_payload$employeeInfo = payload.employeeInfoInput) !== null && _payload$employeeInfo !== void 0 && (_payload$employeeInfo2 = _payload$employeeInfo.emp_level) !== null && _payload$employeeInfo2 !== void 0 && _payload$employeeInfo2.value ? payload.employeeInfoInput.emp_level.value : null,
+      employee_id: payload.employeeInfoInput.employee_id || null,
+      entity_id: payload !== null && payload !== void 0 && (_payload$employeeInfo3 = payload.employeeInfoInput) !== null && _payload$employeeInfo3 !== void 0 && (_payload$employeeInfo4 = _payload$employeeInfo3.entity) !== null && _payload$employeeInfo4 !== void 0 && _payload$employeeInfo4.value ? payload.employeeInfoInput.entity.value : null,
+      business_unit_id: payload !== null && payload !== void 0 && (_payload$employeeInfo5 = payload.employeeInfoInput) !== null && _payload$employeeInfo5 !== void 0 && (_payload$employeeInfo6 = _payload$employeeInfo5.business_unit) !== null && _payload$employeeInfo6 !== void 0 && _payload$employeeInfo6.value ? payload.employeeInfoInput.business_unit.value : null,
+      department_id: payload !== null && payload !== void 0 && (_payload$employeeInfo7 = payload.employeeInfoInput) !== null && _payload$employeeInfo7 !== void 0 && (_payload$employeeInfo8 = _payload$employeeInfo7.department) !== null && _payload$employeeInfo8 !== void 0 && _payload$employeeInfo8.value ? payload.employeeInfoInput.department.value : null,
+      designation: payload.employeeInfoInput.designation || null,
+      base_location: payload.employeeInfoInput.base_location || null,
+      currency: payload !== null && payload !== void 0 && (_payload$employeeInfo9 = payload.employeeInfoInput) !== null && _payload$employeeInfo9 !== void 0 && (_payload$employeeInfo10 = _payload$employeeInfo9.currency) !== null && _payload$employeeInfo10 !== void 0 && _payload$employeeInfo10.value ? payload.employeeInfoInput.currency.value : null
     },
-    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'
-};
+    custom_attribute: payload.customFieldsInput || null,
+    product: function () {
+      var product = {};
 
-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;
+      if (payload.productAccess.travel) {
+        product.travel = payload.travelRole || 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 mappedValue = response.results.map(function (item) {
-          return {
-            value: item.id,
-            label: item.name
-          };
-        });
+      if (payload.productAccess.expense) {
+        product.expense = payload.expenseRole || null;
+      }
 
-        if (showNaOption && page === 1 && NAoptionConfig.applyFor.includes(tabelName)) {
-          mappedValue.unshift(NAoptionConfig.option);
-        }
+      return product;
+    }(),
+    approvers: {}
+  };
+  var userTags = [];
 
-        if (response.next === null && selectCTA) {
-          mappedValue.push({
-            value: selectCTA.value,
-            label: ''
-          });
-        }
+  for (var key in payload.userTagType) {
+    if (Object.hasOwnProperty.call(payload.userTagType, key) && payload.userTagType[key]) {
+      userTags.push(payload.userTagType[key]);
+    }
+  }
 
-        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);
+  if (userTags.length) {
+    res.user_tags = userTags;
   }
-};
-var commonLoadOptionsUM = function commonLoadOptionsUM(search, loadedOptions, _ref2) {
-  var page = _ref2.page,
-      tabelName = _ref2.tabelName,
-      placeholder = _ref2.placeholder,
-      defaultData = _ref2.defaultData;
 
-  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
-          };
+  if (payload.productAccess.travel) {
+    var _payload$passportInfo, _payload$passportInfo2, _payload$passportInfo3, _payload$passportInfo4, _payload$membershipIn, _payload$uploadedFile;
+
+    res.approvers.travel = [];
+
+    for (var _key in payload.travelApproversInput) {
+      if (Object.hasOwnProperty.call(payload.travelApproversInput, _key) && payload.travelApproversInput[_key] && !!payload.travelApproversInput[_key].value) {
+        res.approvers.travel.push({
+          email: payload.travelApproversInput[_key].value,
+          sequence: +_key.split('-')[1]
         });
-        return {
-          options: mappedValue,
-          hasMore: !!response.next,
-          additional: {
-            page: page + 1,
-            tabelName: tabelName
-          }
+      }
+    }
+
+    if (payload.travelFYI && payload.travelFYI.value) {
+      res.approvers.travel.push({
+        email: payload.travelFYI.value,
+        sequence: 'fyi'
+      });
+    }
+
+    res.user_travel_info = {
+      passport_issue_country: payload !== null && payload !== void 0 && (_payload$passportInfo = payload.passportInfoInput) !== null && _payload$passportInfo !== void 0 && (_payload$passportInfo2 = _payload$passportInfo.passport_issue_country) !== null && _payload$passportInfo2 !== void 0 && _payload$passportInfo2.value ? payload.passportInfoInput.passport_issue_country.value : null,
+      nationality: payload !== null && payload !== void 0 && (_payload$passportInfo3 = payload.passportInfoInput) !== null && _payload$passportInfo3 !== void 0 && (_payload$passportInfo4 = _payload$passportInfo3.nationality) !== null && _payload$passportInfo4 !== void 0 && _payload$passportInfo4.value ? payload.passportInfoInput.nationality.value : null,
+      passport_number: payload.passportInfoInput.passport_number || null,
+      passport_issue_date: payload.passportInfoInput.passport_issue_date || null,
+      passport_expiry_date: payload.passportInfoInput.passport_expiry_date || null,
+      flight_seat_preference: payload.travelPreferenceInfo.flight_seat_preference || null,
+      meal_preference: payload.travelPreferenceInfo.meal_preference || null,
+      trusted_traveller: payload.secureTravelInputInfo.trusted_traveller || null,
+      redress_number: payload.secureTravelInputInfo.redress_number || null
+    };
+
+    if (payload !== null && payload !== void 0 && (_payload$membershipIn = payload.membershipInfoInput) !== null && _payload$membershipIn !== void 0 && _payload$membershipIn.length && payload.membershipInfoInput.length > 0) {
+      res.membership_info = payload.membershipInfoInput.map(function (membership) {
+        var res = {
+          membership_type: membership.membership_type,
+          name: membership.name,
+          number: membership.number
         };
+        return res;
       });
-    }, function () {
-      return {
-        options: [],
-        hasMore: false,
-        additional: {
-          page: 1,
-          tabelName: tabelName,
-          placeholder: placeholder
-        }
-      };
-    }));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-var currencyLoadOptions = function currencyLoadOptions(search, loadedOptions, _ref3) {
-  var page = _ref3.page;
+    } else {
+      res.membership_info = null;
+    }
 
-  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
-          };
-        });
+    if (payload !== null && payload !== void 0 && (_payload$uploadedFile = payload.uploadedFiles) !== null && _payload$uploadedFile !== void 0 && _payload$uploadedFile.length && payload.uploadedFiles.length > 0) {
+      res.files = payload.uploadedFiles.map(function (_file) {
         return {
-          options: mappedValue,
-          hasMore: !!response.next,
-          additional: {
-            page: page + 1
-          }
+          file_type: _file.file_type,
+          file_path: _file.file_path,
+          user_file_name: _file.user_file_name,
+          upload: _file.upload
         };
       });
-    }, function () {
-      return {
-        options: [],
-        hasMore: false,
-        additional: {
-          page: 1
-        }
-      };
-    }));
-  } catch (e) {
-    return Promise.reject(e);
+    } else {
+      res.files = [];
+    }
   }
-};
-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 (payload.productAccess.expense) {
+    res.approvers.expense = [];
 
-        if (page === 1) {
-          var placeholderLbl = {
-            value: '',
-            label: placeholder
-          };
-          mappedValue.unshift(placeholderLbl);
-        }
+    for (var _key2 in payload.expenseApproversInput) {
+      if (Object.hasOwnProperty.call(payload.expenseApproversInput, _key2) && payload.expenseApproversInput[_key2] && payload.expenseApproversInput[_key2].value) {
+        res.approvers.expense.push({
+          email: payload.expenseApproversInput[_key2].value,
+          sequence: +_key2.split('-')[1]
+        });
+      }
+    }
 
-        return {
-          options: mappedValue,
-          hasMore: !!response.next,
-          additional: {
-            page: page + 1,
-            product: product,
-            userId: userId
-          }
-        };
+    if (payload.expenseFYI && payload.expenseFYI.value) {
+      res.approvers.expense.push({
+        email: payload.expenseFYI.value,
+        sequence: 'fyi'
       });
-    }, 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 res = {
-    company_id: +IUILocalStorageService$2.getCompanyId(),
-    first_name: payload.personalInfoInput.first_name,
-    last_name: payload.personalInfoInput.last_name,
-    email: payload.personalInfoInput.email,
-    user_personal_info: {
-      contact_number: payload.personalInfoInput.contact_number ? payload.personalInfoInput.contact_number.replaceAll(' ', '') : null,
-      country_code: payload.personalInfoInput.country_code || null,
-      contact_country_code: payload.personalInfoInput.contact_country_code || null,
-      dob: payload.personalInfoInput.dob || null,
-      gender: payload.personalInfoInput.gender || null
-    },
-    employee_info: {
-      emp_level_id: payload !== null && payload !== void 0 && (_payload$employeeInfo = payload.employeeInfoInput) !== null && _payload$employeeInfo !== void 0 && (_payload$employeeInfo2 = _payload$employeeInfo.emp_level) !== null && _payload$employeeInfo2 !== void 0 && _payload$employeeInfo2.value ? payload.employeeInfoInput.emp_level.value : null,
-      employee_id: payload.employeeInfoInput.employee_id || null,
-      entity_id: payload !== null && payload !== void 0 && (_payload$employeeInfo3 = payload.employeeInfoInput) !== null && _payload$employeeInfo3 !== void 0 && (_payload$employeeInfo4 = _payload$employeeInfo3.entity) !== null && _payload$employeeInfo4 !== void 0 && _payload$employeeInfo4.value ? payload.employeeInfoInput.entity.value : null,
-      business_unit_id: payload !== null && payload !== void 0 && (_payload$employeeInfo5 = payload.employeeInfoInput) !== null && _payload$employeeInfo5 !== void 0 && (_payload$employeeInfo6 = _payload$employeeInfo5.business_unit) !== null && _payload$employeeInfo6 !== void 0 && _payload$employeeInfo6.value ? payload.employeeInfoInput.business_unit.value : null,
-      department_id: payload !== null && payload !== void 0 && (_payload$employeeInfo7 = payload.employeeInfoInput) !== null && _payload$employeeInfo7 !== void 0 && (_payload$employeeInfo8 = _payload$employeeInfo7.department) !== null && _payload$employeeInfo8 !== void 0 && _payload$employeeInfo8.value ? payload.employeeInfoInput.department.value : null,
-      designation: payload.employeeInfoInput.designation || null,
-      base_location: payload.employeeInfoInput.base_location || null,
-      currency: payload !== null && payload !== void 0 && (_payload$employeeInfo9 = payload.employeeInfoInput) !== null && _payload$employeeInfo9 !== void 0 && (_payload$employeeInfo10 = _payload$employeeInfo9.currency) !== null && _payload$employeeInfo10 !== void 0 && _payload$employeeInfo10.value ? payload.employeeInfoInput.currency.value : null
-    },
-    custom_attribute: payload.customFieldsInput || null,
-    product: function () {
-      var product = {};
-
-      if (payload.productAccess.travel) {
-        product.travel = payload.travelRole || null;
-      }
-
-      if (payload.productAccess.expense) {
-        product.expense = payload.expenseRole || null;
-      }
-
-      return product;
-    }(),
-    approvers: {}
-  };
-  var userTags = [];
-
-  for (var key in payload.userTagType) {
-    if (Object.hasOwnProperty.call(payload.userTagType, key) && payload.userTagType[key]) {
-      userTags.push(payload.userTagType[key]);
-    }
-  }
-
-  if (userTags.length) {
-    res.user_tags = userTags;
-  }
-
-  if (payload.productAccess.travel) {
-    var _payload$passportInfo, _payload$passportInfo2, _payload$passportInfo3, _payload$passportInfo4, _payload$membershipIn, _payload$uploadedFile;
-
-    res.approvers.travel = [];
-
-    for (var _key in payload.travelApproversInput) {
-      if (Object.hasOwnProperty.call(payload.travelApproversInput, _key) && payload.travelApproversInput[_key] && !!payload.travelApproversInput[_key].value) {
-        res.approvers.travel.push({
-          email: payload.travelApproversInput[_key].value,
-          sequence: +_key.split('-')[1]
-        });
-      }
-    }
-
-    if (payload.travelFYI && payload.travelFYI.value) {
-      res.approvers.travel.push({
-        email: payload.travelFYI.value,
-        sequence: 'fyi'
-      });
-    }
-
-    res.user_travel_info = {
-      passport_issue_country: payload !== null && payload !== void 0 && (_payload$passportInfo = payload.passportInfoInput) !== null && _payload$passportInfo !== void 0 && (_payload$passportInfo2 = _payload$passportInfo.passport_issue_country) !== null && _payload$passportInfo2 !== void 0 && _payload$passportInfo2.value ? payload.passportInfoInput.passport_issue_country.value : null,
-      nationality: payload !== null && payload !== void 0 && (_payload$passportInfo3 = payload.passportInfoInput) !== null && _payload$passportInfo3 !== void 0 && (_payload$passportInfo4 = _payload$passportInfo3.nationality) !== null && _payload$passportInfo4 !== void 0 && _payload$passportInfo4.value ? payload.passportInfoInput.nationality.value : null,
-      passport_number: payload.passportInfoInput.passport_number || null,
-      passport_issue_date: payload.passportInfoInput.passport_issue_date || null,
-      passport_expiry_date: payload.passportInfoInput.passport_expiry_date || null,
-      flight_seat_preference: payload.travelPreferenceInfo.flight_seat_preference || null,
-      meal_preference: payload.travelPreferenceInfo.meal_preference || null,
-      trusted_traveller: payload.secureTravelInputInfo.trusted_traveller || null,
-      redress_number: payload.secureTravelInputInfo.redress_number || null
-    };
-
-    if (payload !== null && payload !== void 0 && (_payload$membershipIn = payload.membershipInfoInput) !== null && _payload$membershipIn !== void 0 && _payload$membershipIn.length && payload.membershipInfoInput.length > 0) {
-      res.membership_info = payload.membershipInfoInput.map(function (membership) {
-        var res = {
-          membership_type: membership.membership_type,
-          name: membership.name,
-          number: membership.number
-        };
-        return res;
-      });
-    } else {
-      res.membership_info = null;
-    }
-
-    if (payload !== null && payload !== void 0 && (_payload$uploadedFile = payload.uploadedFiles) !== null && _payload$uploadedFile !== void 0 && _payload$uploadedFile.length && payload.uploadedFiles.length > 0) {
-      res.files = payload.uploadedFiles.map(function (_file) {
-        return {
-          file_type: _file.file_type,
-          file_path: _file.file_path,
-          user_file_name: _file.user_file_name,
-          upload: _file.upload
-        };
-      });
-    } else {
-      res.files = [];
-    }
-  }
-
-  if (payload.productAccess.expense) {
-    res.approvers.expense = [];
-
-    for (var _key2 in payload.expenseApproversInput) {
-      if (Object.hasOwnProperty.call(payload.expenseApproversInput, _key2) && payload.expenseApproversInput[_key2] && payload.expenseApproversInput[_key2].value) {
-        res.approvers.expense.push({
-          email: payload.expenseApproversInput[_key2].value,
-          sequence: +_key2.split('-')[1]
-        });
-      }
-    }
-
-    if (payload.expenseFYI && payload.expenseFYI.value) {
-      res.approvers.expense.push({
-        email: payload.expenseFYI.value,
-        sequence: 'fyi'
-      });
-    }
+    }
   }
 
   if (payload.verifyUserId) {
@@ -3513,6 +2826,720 @@ var CustomFields = function CustomFields(_ref) {
   }));
 };
 
+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: null,
+    regexOnBlur: [{
+      regex: /^[a-zA-Z ]*$/,
+      message: 'Only alphabets are allowed.'
+    }],
+    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: null,
+    regexOnBlur: [{
+      regex: /^[a-zA-Z ]*$/,
+      message: 'Only alphabets are allowed.'
+    }],
+    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: [{
+      regex: /^(([^<>()\\.,;:\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,}))$/,
+      message: 'Invalid email address'
+    }],
+    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: null,
+    regexOnBlur: [{
+      regex: /^[A-Za-z0-9]*$/,
+      message: 'Only alphabets & numbers are allowed'
+    }],
+    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: null,
+    regexOnBlur: [{
+      regex: /^[A-Za-z0-9 -.&'()]*$/,
+      message: "Only alphabets, numbers & special characters . & ' () - are allowed."
+    }, {
+      regex: /^[a-zA-Z]/,
+      message: 'Designation should start with alphabets'
+    }],
+    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: null,
+    regexOnBlur: [{
+      regex: /^[A-Za-z0-9 -.&'()]*$/,
+      message: "Only alphabets, numbers & special characters . & ' () - are allowed."
+    }, {
+      regex: /^[a-zA-Z]/,
+      message: 'Base location should start with alphabets'
+    }],
+    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 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: null,
+    regexOnBlur: [{
+      regex: /^[A-Za-z0-9]*$/,
+      message: 'Only alphabets & numbers are allowed'
+    }],
+    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 = {
   loading: false,
   isRendered: false,