@itilite/iui-user-management 0.1.9 → 0.1.11

package/dist/index.js

@@ -222,6 +222,9 @@ var userAddEditUrl = {
   },
   verifyUserInfo: function verifyUserInfo(userId) {
     return "api/v1/onboarding/user-sign-up-info/" + userId + "?company_id=" + IUILocalStorageService.getCompanyId();
+  },
+  airlineList: function airlineList() {
+    return "https://serviceearth.iltech.in/api/v1/paginated/airline/";
   }
 };
 var userListUrl = {
@@ -465,6 +468,45 @@ var countryOptions = function countryOptions(search, loadedOptions, _ref5) {
     return Promise.reject(e);
   }
 };
+var airlineOptionsfn = function airlineOptionsfn(search, loadedOptions, _ref6) {
+  var page = _ref6.page,
+      tabelName = _ref6.tabelName;
+
+  try {
+    return Promise.resolve(_catch(function () {
+      var url = userAddEditUrl.airlineList() + ("?page=" + page + "&search=" + search);
+      return Promise.resolve(api.get(url).then(function (res) {
+        return res.data;
+      })).then(function (response) {
+        var mappedValue = response.results.map(function (item) {
+          return {
+            value: item.id,
+            label: item.name
+          };
+        });
+        return {
+          options: mappedValue,
+          hasMore: !!response.next,
+          additional: {
+            page: page + 1,
+            tabelName: tabelName
+          }
+        };
+      });
+    }, function () {
+      return {
+        options: [],
+        hasMore: false,
+        additional: {
+          page: 1,
+          tabelName: tabelName
+        }
+      };
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
 
 var dob = {
   maxDate: moment().subtract(18, 'years'),
@@ -1629,7 +1671,14 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
           id: membership.id
         };
         return res;
-      });
+      }).concat(payload.membershipInfoInput.filter(function (membership) {
+        return !!membership.isDeleted;
+      }).map(function (membership) {
+        var res = {
+          id: membership.id
+        };
+        return res;
+      }));
     }
 
     res.fields.user_travel_info = {};
@@ -4340,9 +4389,28 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
       md: 8,
       lg: 6,
       xl: 6
-    }, /*#__PURE__*/React__default.createElement(iuistyles.IUIInput, {
-      label: (val.membership_type === 'flight' ? 'Airline' : 'Hotel') + " name",
-      placeholder: "Enter " + (val.membership_type === 'flight' ? 'airline' : 'hotel') + " name",
+    }, val.membership_type === 'flight' ? /*#__PURE__*/React__default.createElement(iuistyles.IUIAsyncSelect, {
+      id: "membership-name-" + index,
+      name: "membership-name-" + index,
+      title: 'Membership number',
+      label: "Airline name",
+      additional: {
+        page: 1,
+        tabelName: 'employee_level',
+        placeholder: "Enter airline name"
+      },
+      value: {
+        value: val.name,
+        label: val.name
+      },
+      customSelectHandler: function customSelectHandler(_name, _value) {
+        return onMemInfoInputChange(index, 'name', _value);
+      },
+      loadOption: airlineOptionsfn,
+      placeholder: "Enter airline name"
+    }) : /*#__PURE__*/React__default.createElement(iuistyles.IUIInput, {
+      label: "Hotel name",
+      placeholder: "Enter hotel name",
       fullwidth: false,
       defaultValue: val.name,
       customHandler: function customHandler(_name, _value) {
@@ -4772,21 +4840,25 @@ var UserAddEdit = function UserAddEdit(props) {
       membershipInfoInput = _useState11[0],
       setMembershipInfoInput = _useState11[1];
 
-  var _useState12 = React.useState({
+  var _useState12 = React.useState([]),
+      removedMembershipInfoInput = _useState12[0],
+      setRemovedMembershipInfoInput = _useState12[1];
+
+  var _useState13 = React.useState({
     flight_seat_preference: '',
     meal_preference: ''
   }),
-      travelPreferenceInfo = _useState12[0],
-      settravelPreferenceInfo = _useState12[1];
+      travelPreferenceInfo = _useState13[0],
+      settravelPreferenceInfo = _useState13[1];
 
-  var _useState13 = React.useState({
+  var _useState14 = React.useState({
     trusted_traveller: '',
     redress_number: ''
   }),
-      secureTravelInputInfo = _useState13[0],
-      setSecureTravelInputInfo = _useState13[1];
+      secureTravelInputInfo = _useState14[0],
+      setSecureTravelInputInfo = _useState14[1];
 
-  var _useState14 = React.useState({
+  var _useState15 = React.useState({
     passport_issue_country: {
       value: '',
       label: 'Select country'
@@ -4801,37 +4873,37 @@ var UserAddEdit = function UserAddEdit(props) {
     passport_photo: [],
     travel_docs: []
   }),
-      passportInfoInput = _useState14[0],
-      setPassportInfoInput = _useState14[1];
+      passportInfoInput = _useState15[0],
+      setPassportInfoInput = _useState15[1];
 
-  var _useState15 = React.useState([]),
-      filesForDelete = _useState15[0],
-      setFilesForDelete = _useState15[1];
+  var _useState16 = React.useState([]),
+      filesForDelete = _useState16[0],
+      setFilesForDelete = _useState16[1];
 
-  var _useState16 = React.useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
-      isAdditionalInfoExpanded = _useState16[0],
-      setAdditionalInfoFlag = _useState16[1];
+  var _useState17 = React.useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
+      isAdditionalInfoExpanded = _useState17[0],
+      setAdditionalInfoFlag = _useState17[1];
 
-  var _useState17 = React.useState('submitter'),
-      expenseRole = _useState17[0],
-      setExpenseRole = _useState17[1];
+  var _useState18 = React.useState('submitter'),
+      expenseRole = _useState18[0],
+      setExpenseRole = _useState18[1];
 
-  var _useState18 = React.useState({}),
-      expenseApproversInput = _useState18[0],
-      setExpenseApproversInput = _useState18[1];
+  var _useState19 = React.useState({}),
+      expenseApproversInput = _useState19[0],
+      setExpenseApproversInput = _useState19[1];
 
-  var _useState19 = React.useState({
+  var _useState20 = React.useState({
     value: '',
     label: 'Select approver'
   }),
-      expenseFYI = _useState19[0],
-      setExpenseFYI = _useState19[1];
+      expenseFYI = _useState20[0],
+      setExpenseFYI = _useState20[1];
 
-  var _useState20 = React.useState([]),
-      errorArray = _useState20[0],
-      setErrorArray = _useState20[1];
+  var _useState21 = React.useState([]),
+      errorArray = _useState21[0],
+      setErrorArray = _useState21[1];
 
-  var _useState21 = React.useState({
+  var _useState22 = React.useState({
     first_name: '',
     last_name: '',
     email: '',
@@ -4861,10 +4933,10 @@ var UserAddEdit = function UserAddEdit(props) {
     userTagType: '',
     profile_pic: ''
   }),
-      errorMsgs = _useState21[0],
-      setErrorMsgs = _useState21[1];
+      errorMsgs = _useState22[0],
+      setErrorMsgs = _useState22[1];
 
-  var _useState22 = React.useState({
+  var _useState23 = React.useState({
     first_name: false,
     last_name: false,
     email: false,
@@ -4891,12 +4963,12 @@ var UserAddEdit = function UserAddEdit(props) {
     userTagType: false,
     profile_pic: false
   }),
-      inputChangeLog = _useState22[0],
-      updateInputChangeLog = _useState22[1];
+      inputChangeLog = _useState23[0],
+      updateInputChangeLog = _useState23[1];
 
-  var _useState23 = React.useState([]),
-      uploadedFiles = _useState23[0],
-      setUploadedFiles = _useState23[1];
+  var _useState24 = React.useState([]),
+      uploadedFiles = _useState24[0],
+      setUploadedFiles = _useState24[1];
 
   var defaultAddModalData = {
     isOpen: false,
@@ -4914,9 +4986,9 @@ var UserAddEdit = function UserAddEdit(props) {
     minLength: 0
   };
 
-  var _useState24 = React.useState(defaultAddModalData),
-      addModalData = _useState24[0],
-      setAddModalData = _useState24[1];
+  var _useState25 = React.useState(defaultAddModalData),
+      addModalData = _useState25[0],
+      setAddModalData = _useState25[1];
 
   var onAddModalClose = function onAddModalClose() {
     setAddModalData(_extends({}, defaultAddModalData));
@@ -5140,7 +5212,12 @@ var UserAddEdit = function UserAddEdit(props) {
   var onMemInfoInputChange = function onMemInfoInputChange(index, key, val) {
     var _membershipInfoInput = [].concat(membershipInfoInput);
 
-    _membershipInfoInput[index][key] = val;
+    if (_membershipInfoInput[index].membership_type === 'flight' && key === 'name') {
+      _membershipInfoInput[index][key] = val.label;
+    } else {
+      _membershipInfoInput[index][key] = val;
+    }
+
     _membershipInfoInput[index].isEditMode = isEditMode;
     setMembershipInfoInput(_membershipInfoInput);
   };
@@ -5157,7 +5234,18 @@ var UserAddEdit = function UserAddEdit(props) {
 
   var handleRemoveMemFields = function handleRemoveMemFields(index) {
     var _membershipInfoInputTemp = [].concat(membershipInfoInput).filter(function (item, key) {
-      return key !== index;
+      if (key !== index) {
+        return true;
+      }
+
+      setRemovedMembershipInfoInput(function (prevState) {
+        prevState.push({
+          id: item.id,
+          isDeleted: true
+        });
+        return prevState;
+      });
+      return false;
     });
 
     setMembershipInfoInput(_membershipInfoInputTemp);
@@ -5707,7 +5795,7 @@ var UserAddEdit = function UserAddEdit(props) {
         travelRole: travelRole,
         travelApproversInput: travelApproversInput,
         travelFYI: travelFYI,
-        membershipInfoInput: membershipInfoInput,
+        membershipInfoInput: [].concat(membershipInfoInput, removedMembershipInfoInput),
         travelPreferenceInfo: travelPreferenceInfo,
         secureTravelInputInfo: secureTravelInputInfo,
         passportInfoInput: passportInfoInput,
@@ -8161,16 +8249,19 @@ var StickyHeadTable = function StickyHeadTable(props) {
     minWidth: 250,
     sortable: true,
     cell: function cell(row) {
-      return /*#__PURE__*/React__default.createElement(iuistyles.IUIProfileBox, {
+      var _row$profile_pic;
+
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIProfileBox, {
         firstName: row.first_name,
         lastName: row.last_name,
-        isLetterAvatar: true,
+        isLetterAvatar: row.profile_pic && row.profile_pic.presigned_url ? false : true,
         primaryText: row.first_name + ' ' + row.last_name,
         secondaryText: row.email,
         letterAvatarTextColor: "black",
         letterAvatarBackgroundColor: "#d3d3d3",
-        avatarClassName: styles$5.avatarClassName
-      });
+        avatarClassName: styles$5.avatarClassName,
+        profilePath: row === null || row === void 0 ? void 0 : (_row$profile_pic = row.profile_pic) === null || _row$profile_pic === void 0 ? void 0 : _row$profile_pic.presigned_url
+      }));
     }
   }, {
     id: 'emp_info__department__name',