@itilite/iui-user-management 0.1.10 → 0.1.12

package/dist/index.modern.js

@@ -1,10 +1,10 @@
 import { IUITypography, IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIDivider, IUIGrid, IUIRadio, IUIButton, IUIModal, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUIIconButton, IUICard, IUIBackdrop, IUICircularProgress, IUIBreadCrumb, IUIDropzone, IUIStepper, IUIFormControlLabel, IUICheckBox, IUIPrimaryRadio, IUITable, IUISkeleton, IUIProfileBox, IUIFormGroup, IUIDropdownButton } from '@itilite/iuistyles';
 import React, { useState, useEffect, Fragment as Fragment$1 } from 'react';
 import { configs, services, utilUrls } from '@itilite/utils';
+import axios from 'axios';
 import moment from 'moment';
 import AddIcon$1 from '@material-ui/icons/Add';
 import DeleteIcon from '@material-ui/icons/Delete';
-import axios from 'axios';
 import { useDispatch, useSelector, Provider } from 'react-redux';
 import { combineReducers, createStore, applyMiddleware } from 'redux';
 import thunk from 'redux-thunk';
@@ -283,6 +283,7 @@ var userPanelUrl = {
   }
 };
 
+var IUILocalStorageService$1 = services.IUILocalStorageService;
 var api = configs.api;
 var commonLoadOptions = function commonLoadOptions(search, loadedOptions, _ref) {
   var page = _ref.page,
@@ -467,28 +468,40 @@ var countryOptions = function countryOptions(search, loadedOptions, _ref5) {
 };
 var airlineOptionsfn = function airlineOptionsfn(search, loadedOptions, _ref6) {
   var page = _ref6.page,
-      tabelName = _ref6.tabelName;
+      placeholder = _ref6.placeholder;
 
   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;
+      var token = IUILocalStorageService$1.getAccessToken();
+      return Promise.resolve(axios.get(url, {
+        headers: {
+          Authorization: 'Bearer ' + token
+        }
       })).then(function (response) {
-        var mappedValue = response.results.map(function (item) {
+        return Promise.resolve(response.data.results.map(function (item) {
           return {
             value: item.id,
             label: item.name
           };
-        });
-        return {
-          options: mappedValue,
-          hasMore: !!response.next,
-          additional: {
-            page: page + 1,
-            tabelName: tabelName
+        })).then(function (mappedValue) {
+          if (placeholder) {
+            var placeholderLbl = {
+              value: '',
+              label: placeholder
+            };
+            mappedValue.unshift(placeholderLbl);
           }
-        };
+
+          return {
+            options: mappedValue,
+            hasMore: !!response.data.next,
+            additional: {
+              page: page + 1,
+              placeholder: placeholder
+            }
+          };
+        });
       });
     }, function () {
       return {
@@ -496,7 +509,7 @@ var airlineOptionsfn = function airlineOptionsfn(search, loadedOptions, _ref6) {
         hasMore: false,
         additional: {
           page: 1,
-          tabelName: tabelName
+          placeholder: placeholder
         }
       };
     }));
@@ -1367,12 +1380,12 @@ var SET_STATIC_FIELDS_VISIBILITY = 'SET_STATIC_FIELDS_VISIBILITY';
 var SET_PAYMENT_DETAILS = 'SET_PAYMENT_DETAILS';
 
 var env$1 = configs.env;
-var IUILocalStorageService$1 = services.IUILocalStorageService;
+var IUILocalStorageService$2 = services.IUILocalStorageService;
 var formatCreateUserPayload = function formatCreateUserPayload(payload) {
   var _payload$employeeInfo, _payload$employeeInfo2, _payload$employeeInfo3, _payload$employeeInfo4, _payload$employeeInfo5, _payload$employeeInfo6, _payload$employeeInfo7, _payload$employeeInfo8, _payload$employeeInfo9, _payload$employeeInfo10;
 
   var res = {
-    company_id: +IUILocalStorageService$1.getCompanyId(),
+    company_id: +IUILocalStorageService$2.getCompanyId(),
     first_name: payload.personalInfoInput.first_name,
     last_name: payload.personalInfoInput.last_name,
     email: payload.personalInfoInput.email,
@@ -1748,7 +1761,7 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
 
 var api$1 = configs.api;
 var IUIToastMessageService = services.IUIToastMessageService,
-    IUILocalStorageService$2 = services.IUILocalStorageService;
+    IUILocalStorageService$3 = services.IUILocalStorageService;
 var showLoader = function showLoader() {
   return {
     type: SHOW_LOADER
@@ -2119,7 +2132,7 @@ var deletePaymentCard = function deletePaymentCard(payload) {
       dispatch(showLoader());
       axios["delete"](userAddEditUrl.deletePaymentCard(payload.pmId, payload.vendorId), {
         headers: {
-          Authorization: 'Bearer ' + IUILocalStorageService$2.getAccessToken()
+          Authorization: 'Bearer ' + IUILocalStorageService$3.getAccessToken()
         }
       }).then(function (res) {
         if (res.data.status) {
@@ -2152,7 +2165,7 @@ var setDefaultPaymentCard = function setDefaultPaymentCard(payload) {
       dispatch(showLoader());
       axios.put(userAddEditUrl.setDefaultCard(), payload, {
         headers: {
-          Authorization: 'Bearer ' + IUILocalStorageService$2.getAccessToken()
+          Authorization: 'Bearer ' + IUILocalStorageService$3.getAccessToken()
         }
       }).then(function (res) {
         if (res.data.status) {
@@ -2472,7 +2485,7 @@ var SET_VERIFICATION_ERROR = 'SET_VERIFICATION_ERROR';
 var api$4 = configs.api,
     env$2 = configs.env;
 var common = utilUrls.common;
-var IUILocalStorageService$3 = services.IUILocalStorageService;
+var IUILocalStorageService$4 = services.IUILocalStorageService;
 var setTokenResponse = function setTokenResponse(payload) {
   return {
     type: VERIFY_ACCESS_TOKEN,
@@ -2494,7 +2507,7 @@ var verifyAccessToken = function verifyAccessToken(roleCanAccess) {
     return new Promise(function (resolve, reject) {
       dispatch(setVerificationError(false));
       api$4.post(common.verifyToken(), {
-        client_id: +IUILocalStorageService$3.getClientId() || null,
+        client_id: +IUILocalStorageService$4.getClientId() || null,
         product: env$2.isExpense() ? 'expense' : 'travel'
       }).then(function (res) {
         if (res.data.status === true) {
@@ -2505,14 +2518,14 @@ var verifyAccessToken = function verifyAccessToken(roleCanAccess) {
           }
 
           if (env$2.isProfilePage()) {
-            IUILocalStorageService$3.setCompanyId(res.data.company);
+            IUILocalStorageService$4.setCompanyId(res.data.company);
             dispatch(setTokenResponse(res.data));
             dispatch(setVerificationError(false));
 
             if (env$2.isExpense()) {
-              IUILocalStorageService$3.setRole('submitter');
+              IUILocalStorageService$4.setRole('submitter');
             } else {
-              IUILocalStorageService$3.setRole('traveler');
+              IUILocalStorageService$4.setRole('traveler');
             }
 
             resolve();
@@ -2520,8 +2533,8 @@ var verifyAccessToken = function verifyAccessToken(roleCanAccess) {
           } else {
             for (var index = 0; index < res.data.applicable_role.length; index++) {
               if (roleCanAccess.includes(res.data.applicable_role[index])) {
-                IUILocalStorageService$3.setCompanyId(res.data.company);
-                IUILocalStorageService$3.setRole(res.data.applicable_role[index]);
+                IUILocalStorageService$4.setCompanyId(res.data.company);
+                IUILocalStorageService$4.setRole(res.data.applicable_role[index]);
                 dispatch(setTokenResponse(res.data));
                 dispatch(setVerificationError(false));
                 resolve();
@@ -2638,7 +2651,7 @@ var editCustomFieldLabel = function editCustomFieldLabel(payload) {
   };
 };
 
-var IUILocalStorageService$4 = services.IUILocalStorageService;
+var IUILocalStorageService$5 = services.IUILocalStorageService;
 var env$3 = configs.env;
 
 var CreditCard = function CreditCard(_ref) {
@@ -2707,7 +2720,7 @@ var AddCard = function AddCard(_ref2) {
   var pg = _ref2.pg;
 
   var handleAddCard = function handleAddCard() {
-    window.location.assign(env$3.getPaymentUrl() + "/api/v1/auth/" + IUILocalStorageService$4.getAccessToken() + "/1/" + pg.entity_id + "/0/" + pg.vendor_id + "/1");
+    window.location.assign(env$3.getPaymentUrl() + "/api/v1/auth/" + IUILocalStorageService$5.getAccessToken() + "/1/" + pg.entity_id + "/0/" + pg.vendor_id + "/1");
   };
 
   return /*#__PURE__*/React.createElement("div", {
@@ -4392,19 +4405,17 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
       title: 'Membership number',
       label: "Airline name",
       additional: {
-        page: 1,
-        tabelName: 'employee_level',
-        placeholder: "Enter airline name"
+        page: 1
       },
       value: {
         value: val.name,
-        label: val.name
+        label: val.name ? val.name : 'Enter airline name'
       },
       customSelectHandler: function customSelectHandler(_name, _value) {
         return onMemInfoInputChange(index, 'name', _value);
       },
       loadOption: airlineOptionsfn,
-      placeholder: "Enter airline name"
+      placeHolderCheck: !val.name
     }) : /*#__PURE__*/React.createElement(IUIInput, {
       label: "Hotel name",
       placeholder: "Enter hotel name",
@@ -8246,16 +8257,19 @@ var StickyHeadTable = function StickyHeadTable(props) {
     minWidth: 250,
     sortable: true,
     cell: function cell(row) {
-      return /*#__PURE__*/React.createElement(IUIProfileBox, {
+      var _row$profile_pic;
+
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(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',