@itilite/iui-user-management 1.4.61 → 1.4.71

package/dist/index.css

@@ -362,7 +362,7 @@
   z-index: 1000;
   right: 0;
   left: 20px;
-  width: 65%;
+  width: 93%;
 }
 ._AJzhr ._u-SZq {
   background: white;

package/dist/index.js

@@ -4507,6 +4507,7 @@ var ChevronNext = function ChevronNext(_ref) {
   }));
 };
 
+var sixteenDigitNumber = /^\d{16}$/;
 var MembershipForm = function MembershipForm(_ref) {
   var selectedMembershipChain = _ref.selectedMembershipChain,
     isOtherMembership = _ref.isOtherMembership,
@@ -4515,7 +4516,9 @@ var MembershipForm = function MembershipForm(_ref) {
     setMembershipName = _ref.setMembershipName,
     setMembershipNumber = _ref.setMembershipNumber,
     type = _ref.type,
-    isEdit = _ref.isEdit;
+    isEdit = _ref.isEdit,
+    _ref$isAAAloyaltySele = _ref.isAAAloyaltySelected,
+    isAAAloyaltySelected = _ref$isAAAloyaltySele === void 0 ? false : _ref$isAAAloyaltySele;
   var FallbackIcon = function FallbackIcon() {
     var url = '';
     if (type === 'flight') {
@@ -4580,7 +4583,7 @@ var MembershipForm = function MembershipForm(_ref) {
     label: "Membership number",
     required: true
   }), /*#__PURE__*/React__default.createElement(iuistyles.IUISearch, {
-    placeholder: "e.g. ABCD1234",
+    placeholder: isAAAloyaltySelected ? 'Enter 16-digit AAA membership ID' : 'e.g. ABCD1234',
     value: membershipNumber,
     onChangeHandler: function onChangeHandler(e) {
       var inputValue = e.target.value;
@@ -4594,7 +4597,12 @@ var MembershipForm = function MembershipForm(_ref) {
       paddingLeft: 0,
       borderRadius: 6
     }
-  }));
+  }), isAAAloyaltySelected && membershipNumber && !sixteenDigitNumber.test(membershipNumber) && /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      color: '#cf2231',
+      marginTop: 5
+    }
+  }, "Enter a valid 16-digit AAA membership ID"));
 };
 
 var TravelModeIcon = function TravelModeIcon(_ref) {
@@ -4807,7 +4815,9 @@ var SavedMemberships = function SavedMemberships(_ref) {
     _ref$updateList = _ref.updateList,
     updateList = _ref$updateList === void 0 ? function () {} : _ref$updateList,
     _ref$handleEdit = _ref.handleEdit,
-    handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit;
+    handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit,
+    _ref$isProfile = _ref.isProfile,
+    isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
   var _useState = React.useState(false),
     open = _useState[0],
     setOpen = _useState[1];
@@ -4820,7 +4830,10 @@ var SavedMemberships = function SavedMemberships(_ref) {
   var _useSelector = reactRedux.useSelector(function (state) {
       return state.common;
     }),
-    userID = _useSelector.id;
+    id = _useSelector.id;
+  var _useParams = reactRouterDom.useParams(),
+    editUserId = _useParams.userId;
+  var userID = isProfile ? id : editUserId;
   var handleClose = function handleClose() {
     setOpen(false);
     setDeleteItemData(null);
@@ -4985,7 +4998,9 @@ var AddMembershipButton = React.memo(function (_ref) {
     _ref$updateList = _ref.updateList,
     updateList = _ref$updateList === void 0 ? function () {} : _ref$updateList,
     _ref$handleEdit = _ref.handleEdit,
-    handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit;
+    handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit,
+    _ref$isProfile = _ref.isProfile,
+    isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
   var handleAddMembership = function handleAddMembership(type) {
     var currentModalState = _extends({}, modalState);
     currentModalState.open = true;
@@ -5018,7 +5033,8 @@ var AddMembershipButton = React.memo(function (_ref) {
     list: list,
     type: type,
     updateList: updateList,
-    handleEdit: handleEdit
+    handleEdit: handleEdit,
+    isProfile: isProfile
   }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
     buttonText: "Add membership",
     type: "text",
@@ -5035,6 +5051,7 @@ var AddMembershipButton = React.memo(function (_ref) {
 
 var IUIToastMessageService$5 = utils.services.IUIToastMessageService;
 var api$7 = utils.configs.api;
+var sixteenDigitNumber$1 = /^\d{16}$/;
 var Membership = function Membership(_ref) {
   var _clsx;
   var _ref$membershipInfoIn = _ref.membershipInfoInput,
@@ -5115,6 +5132,7 @@ var Membership = function Membership(_ref) {
     setMembershipNumber = _useState14[1];
   var wrapperRef = React.useRef(null);
   var nextRef = React.useRef(null);
+  var isAAAloyaltySelected = (selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.program_name) === 'AAA' || (selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_name) === 'AAA';
   var fetchItems = function fetchItems(query, reset) {
     if (query === void 0) {
       query = '';
@@ -5243,6 +5261,10 @@ var Membership = function Membership(_ref) {
   };
   var handleSubmit = function handleSubmit() {
     try {
+      if (isAAAloyaltySelected && !sixteenDigitNumber$1.test(membershipNumber)) {
+        IUIToastMessageService$5.warningNotify('Enter 16-digit AAA membership ID');
+        return Promise.resolve();
+      }
       var url = "/api/v1/user-management/users/" + userID + "/membership";
       var payload = editIndex ? _extends({}, selectedMembershipChain, {
         number: membershipNumber,
@@ -5307,7 +5329,7 @@ var Membership = function Membership(_ref) {
     cancelLabel: selectedMembershipChain ? 'Cancel' : '',
     submitLabel: selectedMembershipChain ? isUpdating ? 'Saving...' : editIndex ? 'Save' : 'Add' : '',
     submitHandler: handleSubmit,
-    isDisabledSubmitBtn: isUpdating || !membershipNumber || isOtherMembership && !membershipName,
+    isDisabledSubmitBtn: isUpdating || !membershipNumber || isOtherMembership && !membershipName || isAAAloyaltySelected && !sixteenDigitNumber$1.test(membershipNumber),
     width: selectedMembershipChain ? '480px' : '640px',
     headerText: selectedMembershipChain ? '' : title,
     subHanderText: selectedMembershipChain ? '' : subtitle,
@@ -5325,7 +5347,8 @@ var Membership = function Membership(_ref) {
     setMembershipName: setMembershipName,
     setMembershipNumber: setMembershipNumber,
     type: type,
-    isEdit: !!editIndex
+    isEdit: !!editIndex,
+    isAAAloyaltySelected: isAAAloyaltySelected
   }) : /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("span", {
     style: {
       color: '#374151',
@@ -5386,7 +5409,8 @@ var Membership = function Membership(_ref) {
       modalState: modalState,
       list: groupedMembershipData[memType],
       updateList: updateList,
-      handleEdit: handleEdit
+      handleEdit: handleEdit,
+      isProfile: isProfile
     }), ind < 2 && /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
       className: styles$3.divider
     }));