@itilite/iui-user-management 1.4.493 → 1.4.495

package/dist/index.modern.js

@@ -4487,7 +4487,9 @@ var ExpandLessIcon = function ExpandLessIcon(props) {
 
 var styles$3 = {"divider":"_3v2HU","selectSearchBox":"_1bAuu","chevronIcon":"_33J5X","selectWrapper":"_AJzhr","membershipList":"_u-SZq","memberItem":"_2d9GY","membershipDetails":"_194K1","title":"_l3kQ9","subtitle":"_33IR-","saveMembership":"_35aiF","newMembershipIcon":"_2d5UD","loading":"_1quY2","searchInput":"_1oiP4","membershipChainInfo":"_10Fx3","addNewMembership":"_3Y8Dj","savedMembership":"_2cSoW","iconWrapper":"_1Thb8","icon":"_3CdwB","number":"_1eJyq","actions":"_f_N1r"};
 
-var ChevronNext = function ChevronNext() {
+var ChevronNext = function ChevronNext(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#9CA3AF' : _ref$color;
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "8",
@@ -4495,7 +4497,7 @@ var ChevronNext = function ChevronNext() {
     fill: "none",
     viewBox: "0 0 8 16"
   }, /*#__PURE__*/React.createElement("path", {
-    stroke: "#9CA3AF",
+    stroke: color,
     strokeLinecap: "round",
     strokeLinejoin: "round",
     d: "M2 4l4 4-4 4"
@@ -4526,6 +4528,13 @@ var MembershipForm = function MembershipForm(_ref) {
       src: url
     }));
   };
+  var placeholder = 'e.g. SkyMiles';
+  if (type === 'hotel') {
+    placeholder = 'e.g. Best Western';
+  }
+  if (type === 'rental_car') {
+    placeholder = 'e.g. Firefly Car Rental';
+  }
   return /*#__PURE__*/React.createElement("div", {
     className: styles$3.saveMembership
   }, isOtherMembership ? /*#__PURE__*/React.createElement("div", {
@@ -4536,7 +4545,7 @@ var MembershipForm = function MembershipForm(_ref) {
     label: "Membership name",
     required: true
   }), /*#__PURE__*/React.createElement(IUISearch, {
-    placeholder: "",
+    placeholder: placeholder,
     value: membershipName,
     onChangeHandler: function onChangeHandler(e) {
       return setMembershipName(e.target.value);
@@ -4544,7 +4553,8 @@ var MembershipForm = function MembershipForm(_ref) {
     iconComponent: null,
     style: {
       width: '50%',
-      paddingLeft: 0
+      paddingLeft: 0,
+      borderRadius: 6
     }
   })) : /*#__PURE__*/React.createElement("div", {
     className: styles$3.membershipChainInfo
@@ -4564,7 +4574,7 @@ var MembershipForm = function MembershipForm(_ref) {
     label: "Membership number",
     required: true
   }), /*#__PURE__*/React.createElement(IUISearch, {
-    placeholder: "",
+    placeholder: "e.g. ABCD1234",
     value: membershipNumber,
     onChangeHandler: function onChangeHandler(e) {
       setMembershipNumber(e.target.value);
@@ -4572,7 +4582,8 @@ var MembershipForm = function MembershipForm(_ref) {
     iconComponent: null,
     style: {
       width: '50%',
-      paddingLeft: 0
+      paddingLeft: 0,
+      borderRadius: 6
     }
   }));
 };
@@ -4684,7 +4695,7 @@ var RenderList = function RenderList(_ref) {
     className: styles$3.list
   }, page === 1 && loading ? null : items.map(function (item) {
     var _item$associated_name, _item$associated_name2;
-    var associatedList = (item === null || item === void 0 ? void 0 : item.program_name) === 'Other' ? 'Add new membership program' : item !== null && item !== void 0 && (_item$associated_name = item.associated_names) !== null && _item$associated_name !== void 0 && _item$associated_name.length ? '(' + (item === null || item === void 0 ? void 0 : (_item$associated_name2 = item.associated_names) === null || _item$associated_name2 === void 0 ? void 0 : _item$associated_name2.join(', ')) + ')' : '';
+    var associatedList = (item === null || item === void 0 ? void 0 : item.program_name) === 'Other' ? 'Add new membership program' : type === 'rental_car' ? item === null || item === void 0 ? void 0 : item.program_name : item !== null && item !== void 0 && (_item$associated_name = item.associated_names) !== null && _item$associated_name !== void 0 && _item$associated_name.length ? '(' + (item === null || item === void 0 ? void 0 : (_item$associated_name2 = item.associated_names) === null || _item$associated_name2 === void 0 ? void 0 : _item$associated_name2.join(', ')) + ')' : '';
     return /*#__PURE__*/React.createElement("div", {
       onClick: function onClick() {
         handleSelect(item);
@@ -5262,7 +5273,8 @@ var Membership = function Membership(_ref) {
     modalBodyStyle: {
       padding: selectedMembershipChain ? '0px 24px 25px' : '10px 24px 0px',
       minHeight: selectedMembershipChain ? 120 : 80,
-      borderBottom: selectedMembershipChain && '1px solid #E5E7EB'
+      borderBottom: selectedMembershipChain && '1px solid #E5E7EB',
+      marginBottom: selectedMembershipChain ? 0 : -40
     }
   }, /*#__PURE__*/React.createElement(Fragment$1, null, selectedMembershipChain ? /*#__PURE__*/React.createElement(MembershipForm, {
     selectedMembershipChain: selectedMembershipChain,
@@ -5296,7 +5308,9 @@ var Membership = function Membership(_ref) {
     value: searchQuery
   }), /*#__PURE__*/React.createElement("div", {
     className: styles$3.chevronIcon
-  }, /*#__PURE__*/React.createElement(ChevronNext, null))), isInputFocused && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(ChevronNext, {
+    color: "#6B7280"
+  }))), isInputFocused && /*#__PURE__*/React.createElement("div", {
     className: styles$3.membershipList
   }, /*#__PURE__*/React.createElement(RenderList, {
     items: items,