@itilite/iui-user-management 1.4.611 → 1.4.721

package/dist/index.modern.js

@@ -9,7 +9,7 @@ import { combineReducers, createStore, applyMiddleware } from 'redux';
 import thunk from 'redux-thunk';
 import moment from 'moment';
 import { composeWithDevTools } from 'redux-devtools-extension';
-import { useParams, useHistory, useLocation } from 'react-router-dom';
+import { useParams, useLocation, useHistory } from 'react-router-dom';
 import { withStyles, makeStyles } from '@material-ui/core/styles';
 import Tooltip from '@material-ui/core/Tooltip';
 import Switch from '@material-ui/core/Switch';
@@ -4504,6 +4504,7 @@ var ChevronNext = function ChevronNext(_ref) {
   }));
 };
 
+var sixteenDigitNumber = /^\d{16}$/;
 var MembershipForm = function MembershipForm(_ref) {
   var selectedMembershipChain = _ref.selectedMembershipChain,
     isOtherMembership = _ref.isOtherMembership,
@@ -4512,7 +4513,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') {
@@ -4577,7 +4580,7 @@ var MembershipForm = function MembershipForm(_ref) {
     label: "Membership number",
     required: true
   }), /*#__PURE__*/React.createElement(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;
@@ -4591,7 +4594,12 @@ var MembershipForm = function MembershipForm(_ref) {
       paddingLeft: 0,
       borderRadius: 6
     }
-  }));
+  }), isAAAloyaltySelected && membershipNumber && !sixteenDigitNumber.test(membershipNumber) && /*#__PURE__*/React.createElement("div", {
+    style: {
+      color: '#cf2231',
+      marginTop: 5
+    }
+  }, "Enter a valid 16-digit AAA membership ID"));
 };
 
 var TravelModeIcon = function TravelModeIcon(_ref) {
@@ -4804,7 +4812,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 = useState(false),
     open = _useState[0],
     setOpen = _useState[1];
@@ -4817,7 +4827,10 @@ var SavedMemberships = function SavedMemberships(_ref) {
   var _useSelector = useSelector(function (state) {
       return state.common;
     }),
-    userID = _useSelector.id;
+    id = _useSelector.id;
+  var _useParams = useParams(),
+    editUserId = _useParams.userId;
+  var userID = isProfile ? id : editUserId;
   var handleClose = function handleClose() {
     setOpen(false);
     setDeleteItemData(null);
@@ -4982,7 +4995,9 @@ var AddMembershipButton = 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;
@@ -5015,7 +5030,8 @@ var AddMembershipButton = memo(function (_ref) {
     list: list,
     type: type,
     updateList: updateList,
-    handleEdit: handleEdit
+    handleEdit: handleEdit,
+    isProfile: isProfile
   }), /*#__PURE__*/React.createElement(IUIButton, {
     buttonText: "Add membership",
     type: "text",
@@ -5032,6 +5048,7 @@ var AddMembershipButton = memo(function (_ref) {
 
 var IUIToastMessageService$5 = services.IUIToastMessageService;
 var api$7 = configs.api;
+var sixteenDigitNumber$1 = /^\d{16}$/;
 var Membership = function Membership(_ref) {
   var _clsx;
   var _ref$membershipInfoIn = _ref.membershipInfoInput,
@@ -5042,6 +5059,7 @@ var Membership = function Membership(_ref) {
     isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
   var _useParams = useParams(),
     editUserId = _useParams.userId;
+  var location = useLocation();
   var _useSelector = useSelector(function (state) {
       return state.common;
     }),
@@ -5112,6 +5130,7 @@ var Membership = function Membership(_ref) {
     setMembershipNumber = _useState14[1];
   var wrapperRef = useRef(null);
   var nextRef = 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 = '';
@@ -5238,8 +5257,13 @@ var Membership = function Membership(_ref) {
     var updatedMemberships = [].concat(flight, hotel, rental_car);
     setMembershipInfoInput(updatedMemberships);
   };
+  console.log(userID, 'xxx');
   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,
@@ -5253,21 +5277,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!');
@@ -5277,7 +5316,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);
     }
@@ -5304,7 +5343,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,
@@ -5322,7 +5361,8 @@ var Membership = function Membership(_ref) {
     setMembershipName: setMembershipName,
     setMembershipNumber: setMembershipNumber,
     type: type,
-    isEdit: !!editIndex
+    isEdit: !!editIndex,
+    isAAAloyaltySelected: isAAAloyaltySelected
   }) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
     style: {
       color: '#374151',
@@ -5383,7 +5423,8 @@ var Membership = function Membership(_ref) {
       modalState: modalState,
       list: groupedMembershipData[memType],
       updateList: updateList,
-      handleEdit: handleEdit
+      handleEdit: handleEdit,
+      isProfile: isProfile
     }), ind < 2 && /*#__PURE__*/React.createElement(IUIDivider, {
       className: styles$3.divider
     }));