@itilite/iui-user-management 1.4.721 → 1.4.751

package/dist/index.modern.js

@@ -9,7 +9,8 @@ import { combineReducers, createStore, applyMiddleware } from 'redux';
 import thunk from 'redux-thunk';
 import moment from 'moment';
 import { composeWithDevTools } from 'redux-devtools-extension';
-import { useParams, useLocation, useHistory } from 'react-router-dom';
+import { useParams, useHistory, useLocation } from 'react-router-dom';
+import { CalendarButton } from '@itilite/third-party-integrations';
 import { withStyles, makeStyles } from '@material-ui/core/styles';
 import Tooltip from '@material-ui/core/Tooltip';
 import Switch from '@material-ui/core/Switch';
@@ -186,17 +187,7 @@ function _finallyRethrows(body, finalizer) {
 
 var styles = {"UUIUserManagementAddEdit":"_3n-WG","pageHeader":"_3qWcA","buttonWrapper":"_1IP9P","scrolled":"_m8f96","headingButtonWrapper":"_w9z7b","headingButtonWrapperProfile":"_12Wd9","hintText":"_ySdbZ","heading":"_2Y1Aw","headingLarge":"_2K1NF","headingMedium":"_RUuAz","headingSmall":"_23Dye","additionalInfoContainer":"_1Suhw","additionalInfoTitle":"_56iJF","titleContainer":"_H5nfl","expandIconAlign":"_3F4i0","detailsContainer":"_2G0LW","formWrapper":"_2fPRc","sectionWrapper":"_37Gqp","margin":"_2Sdl7","minGridWidth":"_2D7iu","firstRowMargin":"_1BozG","firstChildMargin":"_2C3Mb","paddingTop":"_DBPjV","backGrdColorOnHover":"_5oE6H","fieldMargin":"_RCWjq","productContainerGap":"_tuCbi","containerWidth":"_1oWos","productItemBroder":"_T0Hcd","headingPadding":"_2MFfQ","emptyFieldContainer":"_3VWtw","emptyFieldDescription":"_2jC5u","rowGap":"_1NJFY","formTitle":"_GAKk2","formDescription":"_3TZ6Z","themeLink":"_eJ_1B","dashedLine":"_3ZOs1","dividerColor":"_2pxEJ","errorTextCls":"_27eth","backdrop":"_Pm0Au","inputWidth":"_ajB82"};
 
-function r(e) {
-  var t,
-    f,
-    n = "";
-  if ("string" == typeof e || "number" == typeof e) n += e;else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);else for (t in e) e[t] && (n && (n += " "), n += t);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = ""; f < arguments.length;) (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
-}
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 var GetInputType = React.forwardRef(function (props, ref) {
   var _p = props._p,
@@ -937,10 +928,17 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
       res.membership_info = payload.membershipInfoInput.filter(function (membership) {
         return !membership.isDeleted;
       }).map(function (membership) {
+        var _ref = membership || {},
+          _ref$iata_code = _ref.iata_code,
+          iata_code = _ref$iata_code === void 0 ? null : _ref$iata_code,
+          _ref$loyalty_program_ = _ref.loyalty_program_id,
+          loyalty_program_id = _ref$loyalty_program_ === void 0 ? null : _ref$loyalty_program_;
         var res = {
           membership_type: membership.membership_type,
           name: membership.name,
-          number: membership.number
+          number: membership.number,
+          iata_code: iata_code,
+          loyalty_program_id: loyalty_program_id
         };
         return res;
       });
@@ -1118,11 +1116,18 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
       res.fields.membership_info = payload.membershipInfoInput.filter(function (membership) {
         return !!membership.isEditMode;
       }).map(function (membership) {
+        var _ref2 = membership || {},
+          _ref2$iata_code = _ref2.iata_code,
+          iata_code = _ref2$iata_code === void 0 ? null : _ref2$iata_code,
+          _ref2$loyalty_program = _ref2.loyalty_program_id,
+          loyalty_program_id = _ref2$loyalty_program === void 0 ? null : _ref2$loyalty_program;
         var res = {
           membership_type: membership.membership_type,
           name: membership.name,
           number: membership.number,
-          id: membership.id
+          id: membership.id,
+          iata_code: iata_code,
+          loyalty_program_id: loyalty_program_id
         };
         return res;
       }).concat(payload.membershipInfoInput.filter(function (membership) {
@@ -5059,7 +5064,6 @@ 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;
     }),
@@ -5130,6 +5134,7 @@ var Membership = function Membership(_ref) {
     setMembershipNumber = _useState14[1];
   var wrapperRef = useRef(null);
   var nextRef = useRef(null);
+  var isEditing = editIndex !== 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) {
@@ -5236,7 +5241,7 @@ var Membership = function Membership(_ref) {
       return;
     }
     if (item) {
-      if (index) {
+      if (isEditing) {
         groupedMembershipData[type][index] = _extends({}, groupedMembershipData[type][index], {
           number: item.number,
           name: item.name
@@ -5257,24 +5262,24 @@ var Membership = function Membership(_ref) {
     var updatedMemberships = [].concat(flight, hotel, rental_car);
     setMembershipInfoInput(updatedMemberships);
   };
-  console.log(userID, 'xxx');
   var handleSubmit = function handleSubmit() {
     try {
+      var _ref2, _ref3;
       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,
-        name: membershipName || ''
+      var payload = isEditing ? _extends({}, selectedMembershipChain, {
+        number: membershipNumber === null || membershipNumber === void 0 ? void 0 : membershipNumber.trim(),
+        name: (_ref2 = membershipName || '') === null || _ref2 === void 0 ? void 0 : _ref2.trim()
       }) : {
         membership_type: type,
-        number: membershipNumber,
+        number: membershipNumber === null || membershipNumber === void 0 ? void 0 : membershipNumber.trim(),
         iata_code: null,
         user: userID,
         loyalty_program_id: selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_id,
-        name: membershipName || ''
+        name: (_ref3 = membershipName || '') === null || _ref3 === void 0 ? void 0 : _ref3.trim()
       };
       setIsUpdating(true);
       var _temp4 = _finallyRethrows(function () {
@@ -5288,7 +5293,7 @@ var Membership = function Membership(_ref) {
               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(type, editIndex, updatedResponse);
-              if (userID) IUIToastMessageService$5.sNotify(editIndex ? "Membership updated." : "New membership added.");
+              if (userID) IUIToastMessageService$5.sNotify(isEditing ? "Membership updated." : "New membership added.");
             } else {
               IUIToastMessageService$5.warningNotify('Failed to save membership');
             }
@@ -5296,10 +5301,11 @@ var Membership = function Membership(_ref) {
           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) {
+              return Promise.resolve(isEditing ? api$7.put(url, payload) : api$7.post(url, payload)).then(function (_api$put) {
                 response = _api$put;
               });
             } else {
+              delete payload.user;
               response = {
                 data: payload,
                 status: 200
@@ -5341,7 +5347,7 @@ var Membership = function Membership(_ref) {
     closeHandler: handleClose,
     modalClass: clsx(styles$3.loyaltymodal, (_clsx = {}, _clsx[styles$3.loyaltyList] = !selectedMembershipChain, _clsx)),
     cancelLabel: selectedMembershipChain ? 'Cancel' : '',
-    submitLabel: selectedMembershipChain ? isUpdating ? 'Saving...' : editIndex ? 'Save' : 'Add' : '',
+    submitLabel: selectedMembershipChain ? isUpdating ? 'Saving...' : isEditing ? 'Save' : 'Add' : '',
     submitHandler: handleSubmit,
     isDisabledSubmitBtn: isUpdating || !membershipNumber || isOtherMembership && !membershipName || isAAAloyaltySelected && !sixteenDigitNumber$1.test(membershipNumber),
     width: selectedMembershipChain ? '480px' : '640px',
@@ -5361,7 +5367,7 @@ var Membership = function Membership(_ref) {
     setMembershipName: setMembershipName,
     setMembershipNumber: setMembershipNumber,
     type: type,
-    isEdit: !!editIndex,
+    isEdit: isEditing,
     isAAAloyaltySelected: isAAAloyaltySelected
   }) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
     style: {
@@ -7473,32 +7479,6 @@ var UserAddEdit = function UserAddEdit(props) {
             }()
           });
         });
-        if (res.client_admin) {
-          setTravelApproversInput(function (prevState) {
-            var nextState = _extends({}, prevState);
-            for (var key in nextState) {
-              if (Object.hasOwnProperty.call(nextState, key)) {
-                nextState[key] = {
-                  value: res.client_admin,
-                  label: res.client_admin
-                };
-              }
-            }
-            return nextState;
-          });
-          setExpenseApproversInput(function (prevState) {
-            var nextState = _extends({}, prevState);
-            for (var key in nextState) {
-              if (Object.hasOwnProperty.call(nextState, key)) {
-                nextState[key] = {
-                  value: res.client_admin,
-                  label: res.client_admin
-                };
-              }
-            }
-            return nextState;
-          });
-        }
       })["catch"](function (err) {
         console.log(err);
       })["finally"](function () {
@@ -7831,7 +7811,54 @@ var UserAddEdit = function UserAddEdit(props) {
     cardsAdmin: isCardsAdmin,
     editUserId: editUserId,
     loggedInUserId: id === null || id === void 0 ? void 0 : id.toString()
-  }))) : /*#__PURE__*/React.createElement(VerificationError, {
+  }), isProfile && !!personalInfoInput.email && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(IUIDivider, {
+    className: styles.dividerColor
+  }), /*#__PURE__*/React.createElement(IUIGrid, {
+    container: true,
+    className: (styles.headingPadding)
+  }, /*#__PURE__*/React.createElement(IUITypography, {
+    variant: "h3",
+    className: clsx(styles.heading, styles.headingMedium)
+  }, "Google connect")), /*#__PURE__*/React.createElement(IUIDivider, {
+    className: styles.dividerColor
+  }), /*#__PURE__*/React.createElement(IUIGrid, {
+    container: true,
+    className: clsx(styles.product_info, styles.sectionWrapper)
+  }, /*#__PURE__*/React.createElement(IUIGrid, {
+    item: true,
+    sm: 12,
+    md: 4
+  }, /*#__PURE__*/React.createElement(IUILabel, {
+    label: "Google calender",
+    headerType: true
+  })), /*#__PURE__*/React.createElement(IUIGrid, {
+    item: true,
+    sm: 12,
+    md: 8,
+    lg: 8,
+    xl: 6
+  }, /*#__PURE__*/React.createElement(CalendarButton, {
+    email: personalInfoInput.email,
+    googleClientId: "827564411647-eet721luavtsdj28qdsq37abt7tuorkm.apps.googleusercontent.com",
+    outlookClientId: null,
+    apiBaseUrl: "https://connect.itilite.net",
+    buttonText: "Connect Calendar",
+    connectedText: "Calendar Connected",
+    disconnectText: "Disconnect Calendar",
+    onSuccess: function onSuccess(data) {
+      return console.log("Calendar connected:", data);
+    },
+    onError: function onError(error) {
+      return console.error("Calendar error:", error);
+    },
+    onDisconnect: function onDisconnect(data) {
+      return console.log("Calendar disconnected:", data);
+    },
+    className: "custom-class",
+    style: {
+      margin: "10px"
+    }
+  })))))) : /*#__PURE__*/React.createElement(VerificationError, {
     config: config,
     errMsg: hasVerificationError
   }), /*#__PURE__*/React.createElement(AddPanelDialog, {