@itilite/iui-user-management 0.2.7 → 0.2.9

package/dist/index.js

@@ -161,60 +161,32 @@ function _catch(body, recover) {
 
 var styles = {"UUIUserManagementAddEdit":"_3n-WG","pageHeader":"_3qWcA","buttonWrapper":"_1IP9P","scrolled":"_m8f96","headingButtonWrapper":"_w9z7b","headingButtonWrapperProfile":"_12Wd9","hintText":"_ySdbZ","heading":"_2Y1Aw","headingLarge":"_2K1NF","headingMedium":"_RUuAz","headingSmall":"_23Dye","additionalInfoContainer":"_1Suhw","additionalInfoTitle":"_56iJF","titleContainer":"_H5nfl","expandIconAlign":"_3F4i0","detailsContainer":"_2G0LW","formWrapper":"_2fPRc","sectionWrapper":"_37Gqp","margin":"_2Sdl7","minGridWidth":"_2D7iu","firstRowMargin":"_1BozG","firstChildMargin":"_2C3Mb","paddingTop":"_DBPjV","backGrdColorOnHover":"_5oE6H","fieldMargin":"_RCWjq","productContainerGap":"_tuCbi","containerWidth":"_1oWos","productItemBroder":"_T0Hcd","headingPadding":"_2MFfQ","emptyFieldContainer":"_3VWtw","emptyFieldDescription":"_2jC5u","rowGap":"_1NJFY","formTitle":"_GAKk2","formDescription":"_3TZ6Z","themeLink":"_eJ_1B","dashedLine":"_3ZOs1","dividerColor":"_2pxEJ","errorTextCls":"_27eth","backdrop":"_Pm0Au","inputWidth":"_ajB82"};
 
-function toVal(mix) {
-  var k,
-      y,
-      str = '';
-
-  if (typeof mix === 'string' || typeof mix === 'number') {
-    str += mix;
-  } else if (typeof mix === 'object') {
-    if (Array.isArray(mix)) {
-      for (k = 0; k < mix.length; k++) {
-        if (mix[k]) {
-          if (y = toVal(mix[k])) {
-            str && (str += ' ');
-            str += y;
-          }
-        }
-      }
-    } else {
-      for (k in mix) {
-        if (mix[k]) {
-          str && (str += ' ');
-          str += k;
-        }
-      }
-    }
+function r(e) {
+  var t,
+      f,
+      n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) {
+    e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (t in e) {
+    e[t] && (n && (n += " "), n += t);
   }
-
-  return str;
+  return n;
 }
 
 function clsx() {
-  var i = 0,
-      tmp,
-      x,
-      str = '';
-
-  while (i < arguments.length) {
-    if (tmp = arguments[i++]) {
-      if (x = toVal(tmp)) {
-        str && (str += ' ');
-        str += x;
-      }
-    }
+  for (var e, t, f = 0, n = ""; f < arguments.length;) {
+    (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
   }
 
-  return str;
+  return n;
 }
 
 var GetInputType = React__default.forwardRef(function (props, ref) {
   var _p = props._p,
       _props$inputState = props.inputState,
       inputState = _props$inputState === void 0 ? {} : _props$inputState,
-      _props$customHandler = props.customHandler,
-      customHandler = _props$customHandler === void 0 ? function () {} : _props$customHandler,
+      _props$onValueChange = props.onValueChange,
+      onValueChange = _props$onValueChange === void 0 ? function () {} : _props$onValueChange,
       _props$dropdownList = props.dropdownList,
       dropdownList = _props$dropdownList === void 0 ? {} : _props$dropdownList,
       _props$dateFormat = props.dateFormat,
@@ -235,7 +207,7 @@ var GetInputType = React__default.forwardRef(function (props, ref) {
         name: _p.name,
         id: _p.name,
         defaultValue: inputState[_p.name],
-        customHandler: customHandler,
+        onValueChange: onValueChange,
         placeholder: _p.placeholder,
         validation: _p.validation,
         isError: errorArray.indexOf(_p.name) !== -1,
@@ -259,7 +231,7 @@ var GetInputType = React__default.forwardRef(function (props, ref) {
         name: _p.name,
         id: _p.name,
         dateValue: inputState[_p.name],
-        customHandler: customHandler,
+        onValueChange: onValueChange,
         displayDateType: dateFormat,
         placeholder: dateFormat.toUpperCase(),
         maxDate: _p.maxDate,
@@ -283,7 +255,7 @@ var GetInputType = React__default.forwardRef(function (props, ref) {
         name: _p.name,
         id: _p.name,
         value: inputState[_p.name],
-        customSelectHandler: customHandler,
+        onValueChange: onValueChange,
         menuItemTitle: _p.placeholder,
         isError: errorArray.indexOf(_p.name) !== -1,
         errorMsg: errorMsg,
@@ -304,7 +276,7 @@ var GetInputType = React__default.forwardRef(function (props, ref) {
         value: inputState[_p.name],
         required: _p.required,
         selectedCountryOverride: inputState.country_code,
-        customHandler: customHandler,
+        onValueChange: onValueChange,
         validation: _p.validation,
         isError: errorArray.indexOf(_p.name) !== -1,
         errorMsg: errorMsg,
@@ -317,7 +289,7 @@ var GetInputType = React__default.forwardRef(function (props, ref) {
       return /*#__PURE__*/React__default.createElement(iuistyles.IUICheckboxButton, {
         label: _p.label,
         isCheckbox: true,
-        customHandler: customHandler,
+        onValueChange: onValueChange,
         checkboxFlag: inputState[_p.name],
         disabled: _p.readOnly,
         hasInfoIcon: !!_p.tooltip,
@@ -339,7 +311,7 @@ var GetInputType = React__default.forwardRef(function (props, ref) {
         fileType: _p.fileType,
         name: _p.name,
         id: _p.name,
-        customHandler: customHandler,
+        onValueChange: onValueChange,
         value: inputState[_p.name],
         maxFiles: _p.maxNoFiles,
         maxFileSize: _p.fileSize,
@@ -370,7 +342,7 @@ var GetInputType = React__default.forwardRef(function (props, ref) {
         title: _p.title,
         value: inputState[_p.name],
         name: _p.name,
-        customSelectHandler: customHandler,
+        onValueChange: onValueChange,
         inputType: _p.inputType,
         loadOption: _p.loadOption,
         isError: errorArray.indexOf(_p.name) !== -1,
@@ -1463,7 +1435,7 @@ var uploadSingleDocumnet = function uploadSingleDocumnet(payload) {
       profile_pic: 'profile_pic'
     };
     return new Promise(function (resolve, reject) {
-      api$1.get(userAddEditUrl.preSignedUrl() + "?action=upload&item_type=" + payload.itemType + "&file_name=" + payload.fileName).then(function (res) {
+      api$1.get(userAddEditUrl.preSignedUrl() + "?action=upload&item_type=" + payload.itemType + "&file_name=" + encodeURIComponent(payload.fileName)).then(function (res) {
         var resolveResponse = {
           file_type: itemTypes[payload.itemType],
           file_path: res.data.presigned_url.fields.key,
@@ -2313,13 +2285,9 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
       isOpenEditAproverModal = _useState2[0],
       setOpenEditAproverModalFlag = _useState2[1];
 
-  var _useState3 = React.useState(true),
-      isDisabledSubmitBtn = _useState3[0],
-      setDisabledSubmitBtn = _useState3[1];
-
-  var _useState4 = React.useState({}),
-      errMsg = _useState4[0],
-      setErrMsg = _useState4[1];
+  var _useState3 = React.useState({}),
+      errMsg = _useState3[0],
+      setErrMsg = _useState3[1];
 
   var dispatch = reactRedux.useDispatch();
   var paymentDetails = reactRedux.useSelector(function (state) {
@@ -2332,7 +2300,7 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
 
   var closeEditAproverModal = function closeEditAproverModal() {
     setOpenEditAproverModalFlag(false);
-    setDisabledSubmitBtn(true);
+    setErrMsg({});
   };
 
   var handleOnChangeEditApproverFields = function handleOnChangeEditApproverFields(_name, _value, indexAt) {
@@ -2351,7 +2319,6 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
         return true;
       }
     });
-    setDisabledSubmitBtn(false);
     var found = copyOldLabel.approvers.some(function (el) {
       return el.sequence === sequence;
     });
@@ -2416,7 +2383,6 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
         approvers: []
       });
       setOpenEditAproverModalFlag(false);
-      setDisabledSubmitBtn(true);
     });
   };
 
@@ -2454,7 +2420,7 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
   }) : /*#__PURE__*/React__default.createElement(iuistyles.IUIRadio, {
     list: roles,
     value: roleValue,
-    customHandler: onRoleChange
+    onValueChange: onRoleChange
   })))), isProfile && type === 'expense' && fieldsInfo.length === 0 ? null : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
     className: styles.dividerColor
   }), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
@@ -2510,7 +2476,7 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
     }, /*#__PURE__*/React__default.createElement(GetInputType, {
       _p: p,
       inputState: approversInput,
-      customHandler: onApproverChange
+      onValueChange: onApproverChange
     }));
   }), !isProfile && fieldsInfo.length < maxApprovers ? /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
     item: true,
@@ -2556,8 +2522,9 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
     placeHolderCheck: fyiApprover !== undefined && fyiApprover.value === '',
     label: travelConstants.FYILabel,
     value: fyiApprover,
-    customSelectHandler: function customSelectHandler(_name, _val) {
-      return onFYIChange(_val);
+    onValueChange: function onValueChange(_ref) {
+      var _value = _ref._value;
+      return onFYIChange(_value);
     },
     loadOption: approversOptions,
     description: travelConstants.FYIDescription,
@@ -2570,7 +2537,6 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
     cancelLabel: "Cancel",
     submitLabel: "Save",
     submitHandler: handleEditAproverLabel,
-    isDisabledSubmitBtn: isDisabledSubmitBtn,
     width: "420px",
     modalBodyStyle: {
       maxHeight: '600px',
@@ -2617,7 +2583,9 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
       className: styles.inputWidth,
       id: type + '_' + p.sequence,
       name: type + '_' + p.sequence,
-      customHandler: function customHandler(_name, _value) {
+      onValueChange: function onValueChange(_ref2) {
+        var _name = _ref2._name,
+            _value = _ref2._value;
         return handleOnChangeEditApproverFields(_name, _value, i);
       },
       errorMsg: errMsg[i],
@@ -2660,7 +2628,8 @@ var AddCustomFieldModal = function AddCustomFieldModal(_ref) {
     setCustomLabelValue(isEditMode && editId ? defaultValue : '');
   }, [isEditMode, editId, defaultValue]);
 
-  var addCustomFieldsLabel = function addCustomFieldsLabel(_name, _value) {
+  var addCustomFieldsLabel = function addCustomFieldsLabel(_ref2) {
+    var _value = _ref2._value;
     setCustomLabelValue(_value);
   };
 
@@ -2742,7 +2711,7 @@ var AddCustomFieldModal = function AddCustomFieldModal(_ref) {
     label: "Field label",
     fullwidth: false,
     className: styles$2.inputWidth,
-    customHandler: addCustomFieldsLabel,
+    onValueChange: addCustomFieldsLabel,
     required: true,
     errorMsg: inputValueErr,
     isError: !!inputValueErr,
@@ -2832,7 +2801,7 @@ var CustomFields = function CustomFields(_ref) {
       fullwidth: false,
       defaultValue: inputState["custom" + p.attribute_column],
       name: "custom" + p.attribute_column,
-      customHandler: onChangeHandler,
+      onValueChange: onChangeHandler,
       readOnly: isProfile
     }));
   }), !isProfile && customFields.length > 0 && customFields.length < maxCustomAttributes && /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
@@ -3127,7 +3096,7 @@ var workInfo = [{
   validation: {
     regexOnChange: null,
     regexOnBlur: [{
-      regex: /^[A-Za-z0-9 -.&'()]*$/,
+      regex: /^[A-Za-z -.&'()]*$/,
       message: "Only alphabets, numbers & special characters . & ' () - are allowed."
     }, {
       regex: /^[a-zA-Z]/,
@@ -4460,6 +4429,62 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
   var dropdownList = reactRedux.useSelector(function (state) {
     return state.userAddEdit.dropdownList;
   });
+
+  var MembershipField = function MembershipField(_ref2) {
+    var val = _ref2.val,
+        index = _ref2.index;
+
+    if (val.membership_type === 'flight') {
+      return /*#__PURE__*/React__default.createElement(iuistyles.IUIAsyncSelect, {
+        id: "membership-name-" + index,
+        name: "membership-name-" + index,
+        title: "Membership number",
+        label: "Airline name",
+        additional: {
+          page: 1
+        },
+        value: {
+          value: val.name,
+          label: val.name ? val.name : 'Enter airline name'
+        },
+        onValueChange: function onValueChange(_ref3) {
+          var _value = _ref3._value;
+          return onMemInfoInputChange(index, 'name', _value);
+        },
+        loadOption: airlineOptionsfn,
+        placeHolderCheck: !val.name
+      });
+    }
+
+    if (val.membership_type === 'hotel') {
+      return /*#__PURE__*/React__default.createElement(iuistyles.IUIInput, {
+        label: "Hotel name",
+        placeholder: "Enter hotel name",
+        fullwidth: false,
+        defaultValue: val.name,
+        onValueChange: function onValueChange(_ref4) {
+          var _value = _ref4._value;
+          return onMemInfoInputChange(index, 'name', _value);
+        }
+      });
+    }
+
+    if (val.membership_type === 'rental_car') {
+      return /*#__PURE__*/React__default.createElement(iuistyles.IUIInput, {
+        label: "Car provider name",
+        placeholder: "Enter a car provider name",
+        fullwidth: false,
+        defaultValue: val.name,
+        onValueChange: function onValueChange(_ref5) {
+          var _value = _ref5._value;
+          return onMemInfoInputChange(index, 'name', _value);
+        }
+      });
+    }
+
+    return null;
+  };
+
   return /*#__PURE__*/React__default.createElement(iuistyles.IUIAccordion, {
     expanded: defaultExpand === 'open',
     onChange: handleChange('open'),
@@ -4526,7 +4551,7 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
     }, /*#__PURE__*/React__default.createElement(GetInputType, {
       _p: p,
       inputState: passportInfoInput,
-      customHandler: onPassportInfoInputChange,
+      onValueChange: onPassportInfoInputChange,
       dropdownList: dropdownList,
       errorArray: errorArray,
       errorMsg: errorMsgs[p.name],
@@ -4585,6 +4610,18 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
     onClick: function onClick(e) {
       return addMemInfoInput('hotel');
     }
+  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
+    buttonText: "Car rental",
+    type: "text",
+    startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
+      width: "10",
+      height: "10",
+      color: "#EC5D25"
+    }),
+    className: styles.paddingTop,
+    onClick: function onClick(e) {
+      return addMemInfoInput('rental_car');
+    }
   }))), membershipInfoInput.length > 0 && membershipInfoInput.map(function (val, index) {
     if (index >= maxMembershipInput) {
       return null;
@@ -4597,31 +4634,10 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
       md: 8,
       lg: 6,
       xl: 6
-    }, val.membership_type === 'flight' ? /*#__PURE__*/React__default.createElement(iuistyles.IUIAsyncSelect, {
-      id: "membership-name-" + index,
-      name: "membership-name-" + index,
-      title: 'Membership number',
-      label: "Airline name",
-      additional: {
-        page: 1
-      },
-      value: {
-        value: val.name,
-        label: val.name ? val.name : 'Enter airline name'
-      },
-      customSelectHandler: function customSelectHandler(_name, _value) {
-        return onMemInfoInputChange(index, 'name', _value);
-      },
-      loadOption: airlineOptionsfn,
-      placeHolderCheck: !val.name
-    }) : /*#__PURE__*/React__default.createElement(iuistyles.IUIInput, {
-      label: "Hotel name",
-      placeholder: "Enter hotel name",
-      fullwidth: false,
-      defaultValue: val.name,
-      customHandler: function customHandler(_name, _value) {
-        return onMemInfoInputChange(index, 'name', _value);
-      }
+    }, /*#__PURE__*/React__default.createElement(MembershipField, {
+      val: val,
+      index: index,
+      key: index.toString()
     })), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
       item: true,
       md: 8,
@@ -4635,7 +4651,8 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
       placeholder: "Enter membership number",
       fullwidth: false,
       defaultValue: val.number,
-      customHandler: function customHandler(_name, _value) {
+      onValueChange: function onValueChange(_ref6) {
+        var _value = _ref6._value;
         return onMemInfoInputChange(index, 'number', _value);
       }
     }), /*#__PURE__*/React__default.createElement(iuistyles.IUIIconButton, {
@@ -4683,6 +4700,18 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
     onClick: function onClick(e) {
       return addMemInfoInput('hotel');
     }
+  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
+    buttonText: "Car rental",
+    type: "text",
+    startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
+      width: "10",
+      height: "10",
+      color: "#EC5D25"
+    }),
+    className: styles.paddingTop,
+    onClick: function onClick(e) {
+      return addMemInfoInput('rental_car');
+    }
   })))))), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
     className: styles.dividerColor
   }), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
@@ -4720,7 +4749,7 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
     }, /*#__PURE__*/React__default.createElement(GetInputType, {
       _p: p,
       inputState: travelPreferenceInfo,
-      customHandler: travelPreferenceOnChange,
+      onValueChange: travelPreferenceOnChange,
       dropdownList: dropdownList,
       errorArray: errorArray,
       errorMsg: errorMsgs[p.name]
@@ -4762,7 +4791,7 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
     }, /*#__PURE__*/React__default.createElement(GetInputType, {
       _p: p,
       inputState: secureTravelInputInfo,
-      customHandler: onSecureTraveelerInfoInputChange,
+      onValueChange: onSecureTraveelerInfoInputChange,
       errorArray: errorArray,
       errorMsg: errorMsgs[p.name]
     }));
@@ -4835,7 +4864,7 @@ function AddPanelDialog(_ref) {
       isOpen = _ref.isOpen,
       closeHandler = _ref.closeHandler,
       submitHandler = _ref.submitHandler,
-      customHandler = _ref.customHandler,
+      onValueChange = _ref.onValueChange,
       isError = _ref.isError,
       isDisabledSubmitBtn = _ref.isDisabledSubmitBtn,
       validation = _ref.validation;
@@ -4868,7 +4897,7 @@ function AddPanelDialog(_ref) {
     label: name + " name",
     name: "name",
     defaultValue: "",
-    customHandler: customHandler,
+    onValueChange: onValueChange,
     placeholder: "",
     validation: validation,
     isError: isError,
@@ -4926,7 +4955,8 @@ var UserAddEdit = function UserAddEdit(props) {
       productAccess = _useState[0],
       setProductAccess = _useState[1];
 
-  var addProductAccessSelected = function addProductAccessSelected(e) {
+  var addProductAccessSelected = function addProductAccessSelected(args) {
+    var e = args._event;
     var value = e.target.value;
     errorArray.splice(errorArray.indexOf('products'), 1);
     errorMsgs.products = '';
@@ -5262,8 +5292,11 @@ var UserAddEdit = function UserAddEdit(props) {
     }
   };
 
-  var onFocusOutModalInput = function onFocusOutModalInput(name, value) {
-    var validatedValue = value.replace(/\s+/g, ' ').trim();
+  var onFocusOutModalInput = function onFocusOutModalInput(_ref) {
+    var _value = _ref._value;
+
+    var validatedValue = _value.replace(/\s+/g, ' ').trim();
+
     var error = addModalData.isError;
     setAddModalData(_extends({}, addModalData, {
       value: validatedValue,
@@ -5271,19 +5304,7 @@ var UserAddEdit = function UserAddEdit(props) {
     }));
   };
 
-  var onPersonalInfoChange = function onPersonalInfoChange(_name, _value, _isError, _errorMsg, _obj) {
-    if (_isError === void 0) {
-      _isError = false;
-    }
-
-    if (_errorMsg === void 0) {
-      _errorMsg = '';
-    }
-
-    if (_obj === void 0) {
-      _obj = {};
-    }
-
+  var onPersonalInfoChange = function onPersonalInfoChange(args) {
     try {
       var _temp6 = function _temp6() {
         if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
@@ -5293,6 +5314,15 @@ var UserAddEdit = function UserAddEdit(props) {
         }
       };
 
+      var _name = args._name,
+          _value = args._value,
+          _args$_isError = args._isError,
+          _isError = _args$_isError === void 0 ? false : _args$_isError,
+          _args$_errorMsg = args._errorMsg,
+          _errorMsg = _args$_errorMsg === void 0 ? '' : _args$_errorMsg,
+          _args$_obj = args._obj,
+          _obj = _args$_obj === void 0 ? {} : _args$_obj;
+
       var _temp7 = function () {
         if (_name === 'contact_number') {
           setPersonalInfoInput(_extends({}, personalInfoInput, {
@@ -5314,7 +5344,7 @@ var UserAddEdit = function UserAddEdit(props) {
           var _temp9 = function () {
             if (_name === 'profile_pic') {
               var _temp10 = function () {
-                if (_isError.isUpload) {
+                if (_obj.isUpload) {
                   return Promise.resolve(uploadDocs(_value, _name)).then(function (docsData) {
                     _value = _value.map(function (_val) {
                       var found = docsData.find(function (doc) {
@@ -5328,7 +5358,7 @@ var UserAddEdit = function UserAddEdit(props) {
                       return _val;
                     });
                   });
-                } else if (_isError.isDeleted) {
+                } else if (_obj.isDeleted) {
                   var _deletedFiles = [];
 
                   var _uploadedFiles = uploadedFiles.filter(function (file) {
@@ -5366,9 +5396,13 @@ var UserAddEdit = function UserAddEdit(props) {
     }
   };
 
-  var onEmployeeInfoChange = function onEmployeeInfoChange(_name, _value, _isError, _errorMsg, _obj) {
+  var onEmployeeInfoChange = function onEmployeeInfoChange(args) {
     var _extends6;
 
+    var _name = args._name,
+        _value = args._value,
+        _isError = args._isError,
+        _errorMsg = args._errorMsg;
     setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends6 = {}, _extends6[_name] = _value, _extends6)));
     updateError(_name, _isError, _errorMsg);
 
@@ -5386,9 +5420,10 @@ var UserAddEdit = function UserAddEdit(props) {
     return tag.id;
   };
 
-  var onUserTagTypeChange = function onUserTagTypeChange(e) {
+  var onUserTagTypeChange = function onUserTagTypeChange(args) {
     var _extends8;
 
+    var e = args._event;
     setUserTagType(_extends({}, userTagType, (_extends8 = {}, _extends8[e.target.name] = userTagType[e.target.name] ? false : getUserTagTypeId(e.target.name), _extends8)));
 
     if (Object.hasOwnProperty.call(inputChangeLog, 'userTagType')) {
@@ -5398,21 +5433,27 @@ var UserAddEdit = function UserAddEdit(props) {
     }
   };
 
-  var onCustomFieldsChange = function onCustomFieldsChange(_name, _value) {
+  var onCustomFieldsChange = function onCustomFieldsChange(_ref2) {
     var _extends9;
 
+    var _name = _ref2._name,
+        _value = _ref2._value;
     setCustomFieldsInput(_extends({}, customFieldsInput, (_extends9 = {}, _extends9[_name] = _value, _extends9)));
   };
 
-  var onTravelApproversInputChange = function onTravelApproversInputChange(_name, _value) {
+  var onTravelApproversInputChange = function onTravelApproversInputChange(_ref3) {
     var _extends10;
 
+    var _name = _ref3._name,
+        _value = _ref3._value;
     setTravelApproversInput(_extends({}, travelApproversInput, (_extends10 = {}, _extends10[_name] = _value, _extends10)));
   };
 
-  var onExpenseApproversInputChange = function onExpenseApproversInputChange(_name, _value) {
+  var onExpenseApproversInputChange = function onExpenseApproversInputChange(_ref4) {
     var _extends11;
 
+    var _name = _ref4._name,
+        _value = _ref4._value;
     setExpenseApproversInput(_extends({}, expenseApproversInput, (_extends11 = {}, _extends11[_name] = _value, _extends11)));
   };
 
@@ -5458,9 +5499,13 @@ var UserAddEdit = function UserAddEdit(props) {
     setMembershipInfoInput(_membershipInfoInputTemp);
   };
 
-  var travelPreferenceOnChange = function travelPreferenceOnChange(_name, _value, _isError, _errorMsg) {
+  var travelPreferenceOnChange = function travelPreferenceOnChange(args) {
     var _extends12;
 
+    var _name = args._name,
+        _value = args._value,
+        _isError = args._isError,
+        _errorMsg = args._errorMsg;
     settravelPreferenceInfo(_extends({}, travelPreferenceInfo, (_extends12 = {}, _extends12[_name] = _value, _extends12)));
 
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
@@ -5472,9 +5517,13 @@ var UserAddEdit = function UserAddEdit(props) {
     updateError(_name, _isError, _errorMsg);
   };
 
-  var onSecureTraveelerInfoInputChange = function onSecureTraveelerInfoInputChange(_name, _value, _isError, _errorMsg) {
+  var onSecureTraveelerInfoInputChange = function onSecureTraveelerInfoInputChange(args) {
     var _extends14;
 
+    var _name = args._name,
+        _value = args._value,
+        _isError = args._isError,
+        _errorMsg = args._errorMsg;
     setSecureTravelInputInfo(_extends({}, secureTravelInputInfo, (_extends14 = {}, _extends14[_name] = _value, _extends14)));
 
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
@@ -5486,19 +5535,7 @@ var UserAddEdit = function UserAddEdit(props) {
     updateError(_name, _isError, _errorMsg);
   };
 
-  var onPassportInfoInputChange = function onPassportInfoInputChange(_name, _value, _obj, _isError, _errorMsg) {
-    if (_obj === void 0) {
-      _obj = {};
-    }
-
-    if (_isError === void 0) {
-      _isError = false;
-    }
-
-    if (_errorMsg === void 0) {
-      _errorMsg = '';
-    }
-
+  var onPassportInfoInputChange = function onPassportInfoInputChange(args) {
     try {
       var _temp14 = function _temp14() {
         var _extends16;
@@ -5514,6 +5551,15 @@ var UserAddEdit = function UserAddEdit(props) {
         updateError(_name, _isError, _errorMsg);
       };
 
+      var _name = args._name,
+          _value = args._value,
+          _args$_isError2 = args._isError,
+          _isError = _args$_isError2 === void 0 ? false : _args$_isError2,
+          _args$_errorMsg2 = args._errorMsg,
+          _errorMsg = _args$_errorMsg2 === void 0 ? '' : _args$_errorMsg2,
+          _args$_obj2 = args._obj,
+          _obj = _args$_obj2 === void 0 ? {} : _args$_obj2;
+
       if ((_name === 'passport_photo' || _name === 'travel_docs') && _obj.openFile === true) {
         if (_obj.file.isExistingFile) {
           var link = document.createElement('a');
@@ -6581,7 +6627,7 @@ var UserAddEdit = function UserAddEdit(props) {
     }, /*#__PURE__*/React__default.createElement(GetInputType, {
       _p: p,
       inputState: personalInfoInput,
-      customHandler: onPersonalInfoChange,
+      onValueChange: onPersonalInfoChange,
       dropdownList: dropdownList,
       dateFormat: dateFormat,
       countryCode: countryCode,
@@ -6630,7 +6676,7 @@ var UserAddEdit = function UserAddEdit(props) {
     }, /*#__PURE__*/React__default.createElement(GetInputType, {
       _p: p,
       inputState: employeeInfoInput,
-      customHandler: onEmployeeInfoChange,
+      onValueChange: onEmployeeInfoChange,
       dropdownList: dropdownList,
       dateFormat: dateFormat,
       countryCode: countryCode,
@@ -6661,7 +6707,7 @@ var UserAddEdit = function UserAddEdit(props) {
     }, /*#__PURE__*/React__default.createElement(GetInputType, {
       _p: p,
       inputState: userTagType,
-      customHandler: onUserTagTypeChange
+      onValueChange: onUserTagTypeChange
     }));
   }))) : null))), /*#__PURE__*/React__default.createElement(CustomFields, {
     inputState: customFieldsInput,
@@ -6704,7 +6750,7 @@ var UserAddEdit = function UserAddEdit(props) {
     }, /*#__PURE__*/React__default.createElement(GetInputType, {
       _p: p,
       inputState: productAccess,
-      customHandler: addProductAccessSelected
+      onValueChange: addProductAccessSelected
     }));
   }), errorArray.indexOf('products') !== -1 && /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
     item: true,
@@ -6724,7 +6770,10 @@ var UserAddEdit = function UserAddEdit(props) {
     addFields: function addFields() {
       return dispatch(addTravelApproverField());
     },
-    onRoleChange: setTravelRole,
+    onRoleChange: function onRoleChange(_ref5) {
+      var _value = _ref5._value;
+      return setTravelRole(_value);
+    },
     roleValue: travelRole,
     approversInput: travelApproversInput,
     onApproverChange: onTravelApproversInputChange,
@@ -6762,7 +6811,10 @@ var UserAddEdit = function UserAddEdit(props) {
     addFields: function addFields() {
       return dispatch(addExpenseApproverField());
     },
-    onRoleChange: setExpenseRole,
+    onRoleChange: function onRoleChange(_ref6) {
+      var _value = _ref6._value;
+      return setExpenseRole(_value);
+    },
     roleValue: expenseRole,
     approversInput: expenseApproversInput,
     onApproverChange: onExpenseApproversInputChange,
@@ -6781,7 +6833,7 @@ var UserAddEdit = function UserAddEdit(props) {
     isOpen: addModalData.isOpen,
     isError: addModalData.isError,
     closeHandler: onAddModalClose,
-    customHandler: onFocusOutModalInput,
+    onValueChange: onFocusOutModalInput,
     submitHandler: onAddModalSubmit,
     validation: modalValidation
   }));
@@ -9253,7 +9305,7 @@ function EditPanelDialog(_ref) {
 
   var isOpen = _ref.isOpen,
       closeHandler = _ref.closeHandler,
-      customHandler = _ref.customHandler,
+      onValueChange = _ref.onValueChange,
       submitHandler = _ref.submitHandler,
       isError = _ref.isError,
       name = _ref.name,
@@ -9294,7 +9346,7 @@ function EditPanelDialog(_ref) {
     label: name + " name",
     name: "name",
     defaultValue: dialogData.data.name,
-    customHandler: customHandler,
+    onValueChange: onValueChange,
     placeholder: "",
     isError: isError,
     validation: validation,
@@ -9311,7 +9363,7 @@ function MoveUserDialog(_ref) {
       isOpen = _ref.isOpen,
       closeHandler = _ref.closeHandler,
       submitHandler = _ref.submitHandler,
-      customSelectHandler = _ref.customSelectHandler,
+      onValueChange = _ref.onValueChange,
       value = _ref.value,
       isError = _ref.isError,
       isDisabledSubmitBtn = _ref.isDisabledSubmitBtn;
@@ -9377,7 +9429,7 @@ function MoveUserDialog(_ref) {
     value: value,
     name: name,
     isMove: isMove,
-    customSelectHandler: customSelectHandler,
+    onValueChange: onValueChange,
     loadOption: commonLoadOptionsUM,
     isError: isError,
     errorMsg: "Please select " + (name === null || name === void 0 ? void 0 : name.toLowerCase()) + ".",
@@ -9523,8 +9575,11 @@ var UserPanel = function UserPanel(_ref) {
       isTokenVerified = _useSelector2.isTokenVerified,
       hasVerificationError = _useSelector2.hasVerificationError;
 
-  var customHandler = function customHandler(name, value) {
-    var validatedValue = value.replace(/\s+/g, ' ').trim();
+  var onValueChange = function onValueChange(_ref2) {
+    var _value = _ref2._value;
+
+    var validatedValue = _value.replace(/\s+/g, ' ').trim();
+
     setDataList(validatedValue);
   };
 
@@ -9704,8 +9759,9 @@ var UserPanel = function UserPanel(_ref) {
     }
   };
 
-  var customMoveSelectHandler = function customMoveSelectHandler(name, value) {
-    setSelectValue(value);
+  var customMoveSelectHandler = function customMoveSelectHandler(_ref3) {
+    var _value = _ref3._value;
+    setSelectValue(_value);
   };
 
   var closeMoveModal = function closeMoveModal() {
@@ -9769,7 +9825,7 @@ var UserPanel = function UserPanel(_ref) {
     name: title,
     isOpen: addModal,
     isError: errorAdd,
-    customHandler: customHandler,
+    onValueChange: onValueChange,
     closeHandler: closeDeActivateModal,
     submitHandler: handleAddUserPanel,
     isDisabledSubmitBtn: loading,
@@ -9780,12 +9836,10 @@ var UserPanel = function UserPanel(_ref) {
     list: dropdownList,
     value: selectValue,
     data: dialogData.data,
-    customHandler: customHandler,
     closeHandler: closeDeleteModal,
     submitHandler: handleDeletePanel,
     isDisabledSubmitBtn: loading,
-    isError: errorMove,
-    customSelectHandler: customMoveSelectHandler
+    isError: errorMove
   }), /*#__PURE__*/React__default.createElement(DeletePanelModal$1, {
     name: title,
     isOpen: alertModal,
@@ -9799,17 +9853,16 @@ var UserPanel = function UserPanel(_ref) {
     isOpen: moveModal,
     data: dialogData.data,
     value: selectValue,
-    customHandler: customHandler,
+    onValueChange: customMoveSelectHandler,
     closeHandler: closeMoveModal,
     submitHandler: handleMovePanel,
     isError: errorMove,
-    isDisabledSubmitBtn: loading,
-    customSelectHandler: customMoveSelectHandler
+    isDisabledSubmitBtn: loading
   }), /*#__PURE__*/React__default.createElement(EditPanelDialog, {
     name: title,
     isOpen: editModal,
     data: dialogData.data,
-    customHandler: customHandler,
+    onValueChange: onValueChange,
     closeHandler: closeEditDialog,
     submitHandler: handleEditPanel,
     isError: errorEdit,