@itilite/iui-user-management 1.4.611 → 1.4.612

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) {
@@ -5035,6 +5043,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 +5124,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 +5253,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 +5321,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 +5339,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',