@itilite/iui-user-management 1.4.61 → 1.4.72

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,
@@ -5256,21 +5278,36 @@ var Membership = function Membership(_ref) {
         name: membershipName || ''
       };
       setIsUpdating(true);
-      var _temp2 = _finallyRethrows(function () {
+      var _temp4 = _finallyRethrows(function () {
         return _catch(function () {
-          return Promise.resolve(editIndex ? api$7.put(url, payload) : api$7.post(url, payload)).then(function (response) {
-            if ((response === null || response === void 0 ? void 0 : response.status) === 201 || (response === null || response === void 0 ? void 0 : response.status) === 200) {
-              var _response$data3;
-              var updatedResponse = response === null || response === void 0 ? void 0 : response.data;
+          function _temp3() {
+            var _response, _response2;
+            if (((_response = response) === null || _response === void 0 ? void 0 : _response.status) === 201 || ((_response2 = response) === null || _response2 === void 0 ? void 0 : _response2.status) === 200) {
+              var _response3;
+              var updatedResponse = (_response3 = response) === null || _response3 === void 0 ? void 0 : _response3.data;
               updatedResponse.program_name = selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.program_name;
               updatedResponse.loyalty_program_image_url = selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_image_url;
               if (isOtherMembership) updatedResponse.loyalty_program_name = 'Other';
-              updateList(response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.membership_type, editIndex, updatedResponse);
-              IUIToastMessageService$5.sNotify(editIndex ? "Membership updated." : "New membership added.");
+              updateList(type, editIndex, updatedResponse);
+              if (!userID) IUIToastMessageService$5.sNotify(editIndex ? "Membership updated." : "New membership added.");
             } else {
               IUIToastMessageService$5.warningNotify('Failed to save membership');
             }
-          });
+          }
+          var response = {};
+          var _temp2 = function () {
+            if (!userID) {
+              return Promise.resolve(editIndex ? api$7.put(url, payload) : api$7.post(url, payload)).then(function (_api$put) {
+                response = _api$put;
+              });
+            } else {
+              response = {
+                data: payload,
+                status: 200
+              };
+            }
+          }();
+          return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
         }, function (error) {
           console.error(error);
           IUIToastMessageService$5.warningNotify('Something went wrong!');
@@ -5280,7 +5317,7 @@ var Membership = function Membership(_ref) {
         if (_wasThrown) throw _result;
         return _result;
       });
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5307,7 +5344,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 +5362,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 +5424,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
     }));