@itilite/iui-user-management 0.0.22 → 0.0.24

package/dist/index.js

@@ -3089,7 +3089,7 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
       className: styles.fieldMargin
     }, /*#__PURE__*/React__default.createElement(iuistyles.IUIInput, {
       defaultValue: p.label,
-      label: (type === 'travel' ? 'Travel' : 'Expense') + " approver " + (i + 1),
+      label: (type === 'travel' ? 'Travel' : 'Expense') + " approver " + (i + 1) + " label",
       className: styles.inputWidth,
       id: type + '_' + p.sequence,
       name: type + '_' + p.sequence,
@@ -3097,7 +3097,8 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
         return handleOnChangeEditApproverFields(_name, _value, i);
       },
       errorMsg: errMsg[i],
-      isError: !!errMsg[i]
+      isError: !!errMsg[i],
+      placeholder: "Example label - \u201CManager\u201D"
     }));
   })))), type === 'travel' && isProfile && paymentDetails && /*#__PURE__*/React__default.createElement(PaymentCards, {
     paymentDetails: paymentDetails
@@ -4190,6 +4191,50 @@ 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.IUIInput, {
+        label: "Airline name",
+        placeholder: "Enter airline name",
+        fullwidth: false,
+        defaultValue: val.name,
+        customHandler: function customHandler(_name, _value) {
+          return onMemInfoInputChange(index, 'name', _value);
+        }
+      });
+    }
+
+    if (val.membership_type === 'hotel') {
+      return /*#__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);
+        }
+      });
+    }
+
+    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,
+        customHandler: function customHandler(_name, _value) {
+          return onMemInfoInputChange(index, 'name', _value);
+        }
+      });
+    }
+
+    return null;
+  };
+
   return /*#__PURE__*/React__default.createElement(iuistyles.IUIAccordion, {
     expanded: defaultExpand === 'open',
     onChange: handleChange('open'),
@@ -4315,6 +4360,18 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
     onClick: function onClick(e) {
       return addMemInfoInput('hotel');
     }
+  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
+    buttonText: "Add 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;
@@ -4327,14 +4384,10 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
       md: 8,
       lg: 6,
       xl: 6
-    }, /*#__PURE__*/React__default.createElement(iuistyles.IUIInput, {
-      label: (val.membership_type === 'flight' ? 'Airline' : 'Hotel') + " name",
-      placeholder: "Enter " + (val.membership_type === 'flight' ? 'airline' : '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,
@@ -4396,6 +4449,18 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
     onClick: function onClick(e) {
       return addMemInfoInput('hotel');
     }
+  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
+    buttonText: "Add 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, {