@itilite/iui-user-management 0.0.21 → 0.0.23

package/dist/index.modern.js

@@ -158,24 +158,52 @@ 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 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);
+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;
+        }
+      }
+    }
   }
-  return n;
+
+  return str;
 }
 
 function clsx() {
-  for (var e, t, f = 0, n = ""; f < arguments.length;) {
-    (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
+  var i = 0,
+      tmp,
+      x,
+      str = '';
+
+  while (i < arguments.length) {
+    if (tmp = arguments[i++]) {
+      if (x = toVal(tmp)) {
+        str && (str += ' ');
+        str += x;
+      }
+    }
   }
 
-  return n;
+  return str;
 }
 
 var env = configs.env;
@@ -4187,6 +4215,50 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
   var dropdownList = 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.createElement(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.createElement(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.createElement(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.createElement(IUIAccordion, {
     expanded: defaultExpand === 'open',
     onChange: handleChange('open'),
@@ -4312,6 +4384,18 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
     onClick: function onClick(e) {
       return addMemInfoInput('hotel');
     }
+  }), /*#__PURE__*/React.createElement(IUIButton, {
+    buttonText: "Add car rental",
+    type: "text",
+    startIcon: /*#__PURE__*/React.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;
@@ -4324,14 +4408,10 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
       md: 8,
       lg: 6,
       xl: 6
-    }, /*#__PURE__*/React.createElement(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.createElement(MembershipField, {
+      val: val,
+      index: index,
+      key: index.toString()
     })), /*#__PURE__*/React.createElement(IUIGrid, {
       item: true,
       md: 8,
@@ -4393,6 +4473,18 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
     onClick: function onClick(e) {
       return addMemInfoInput('hotel');
     }
+  }), /*#__PURE__*/React.createElement(IUIButton, {
+    buttonText: "Add car rental",
+    type: "text",
+    startIcon: /*#__PURE__*/React.createElement(AddIcon, {
+      width: "10",
+      height: "10",
+      color: "#EC5D25"
+    }),
+    className: styles.paddingTop,
+    onClick: function onClick(e) {
+      return addMemInfoInput('rental_car');
+    }
   })))))), /*#__PURE__*/React.createElement(IUIDivider, {
     className: styles.dividerColor
   }), /*#__PURE__*/React.createElement(IUIGrid, {