@itilite/iui-user-management 1.4.84 → 1.4.86

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIGrid, IUIDivider, IUITypography, IUIRadio, IUIButton, IUIModal, IUISearch, IUICircularProgress, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUICard, IUIBackdrop, IUIBreadCrumb, IUIDropzone, IUIStepper, IUIIconButton, IUIFormControlLabel, IUICheckBox, IUIPrimaryRadio, IUITable, IUISkeleton, IUIProfileBox, IUIFormGroup, IUIDropdownButton, IUITabs } from '@itilite/iuistyles';
+import { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIGrid, IUIDivider, IUITypography, IUIRadio, IUIButton, IUIModal, IUISearch, IUICircularProgress, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUICard, IUIBackdrop, IUIBreadCrumb, IUIDropdownButton, IUIDropzone, IUICheckBox, IUIStepper, IUIIconButton, IUIFormControlLabel, IUIPrimaryRadio, IUITable, IUISkeleton, IUIProfileBox, IUIFormGroup, IUITabs } from '@itilite/iuistyles';
 import React, { useState, Fragment as Fragment$1, useEffect, memo, useRef } from 'react';
 import { configs, services, utilUrls } from '@itilite/utils';
 import axios from 'axios';
@@ -182,19 +182,9 @@ function _finallyRethrows(body, finalizer) {
   return finalizer(false, result);
 }
 
-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"};
+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","buttonRight":"_1lEyQ","containedDropdownBtn":"_3ymE1"};
 
-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,
@@ -896,6 +886,9 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
     approvers: {},
     requested_user_is_admin: payload.isCardsAdmin
   };
+  if (payload.send_welcome_email !== undefined) {
+    res.send_welcome_email = payload.send_welcome_email;
+  }
   var userTags = [];
   for (var key in payload.userTagType) {
     if (Object.hasOwnProperty.call(payload.userTagType, key) && payload.userTagType[key]) {
@@ -5077,6 +5070,7 @@ function withStore(Component) {
 }
 
 var ExpandMoreIcon = function ExpandMoreIcon(props) {
+  var fillColor = props.fillColor || '#6B7280';
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: props.width,
@@ -5084,7 +5078,7 @@ var ExpandMoreIcon = function ExpandMoreIcon(props) {
     fill: "none",
     viewBox: "0 0 12 7"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#6B7280",
+    fill: fillColor,
     d: "M.293.294a1 1 0 011.414 0L6 4.587 10.293.294a1 1 0 111.414 1.414l-5 5a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414z"
   }));
 };
@@ -6678,6 +6672,26 @@ var UserAddEdit = function UserAddEdit(props) {
       console.log('errorrr', error);
     });
   };
+  var fetchLoggedUserCardsDetails = function fetchLoggedUserCardsDetails() {
+    fetch(userAddEditUrl.cardsAddUsersDetails(), {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+        authorization: "Bearer " + IUILocalStorageService$5.getAccessToken()
+      }
+    }).then(function (response) {
+      return response.json();
+    }).then(function (res) {
+      var _res$roles2;
+      if (res !== null && res !== void 0 && (_res$roles2 = res.roles) !== null && _res$roles2 !== void 0 && _res$roles2.length) {
+        dispatch(setCardsDetails(res));
+      } else {
+        IUIToastMessageService$6.warningNotify('Opps, Something went wrong.');
+      }
+    })["catch"](function (error) {
+      console.log('errorrr', error);
+    });
+  };
   useEffect(function () {
     var countryObject = countryContactCode.find(function (t) {
       return t.dial_code === countryDialCode;
@@ -7379,8 +7393,12 @@ var UserAddEdit = function UserAddEdit(props) {
     if (isRendered === true) {
       renderFields === null || renderFields === void 0 ? void 0 : renderFields.products.forEach(function (prod) {
         console.log(prod, isProfile, editUserId, id, 'card check');
-        if ((prod === null || prod === void 0 ? void 0 : prod.name) === 'card' && (isProfile || editUserId)) {
-          fetchEditUserCardsDetails(isProfile ? id : editUserId);
+        if ((prod === null || prod === void 0 ? void 0 : prod.name) === 'card') {
+          if (isProfile || editUserId) {
+            fetchEditUserCardsDetails(isProfile ? id : editUserId);
+          } else {
+            fetchLoggedUserCardsDetails();
+          }
         }
       });
       setPersonalInfoInput(_extends({}, personalInfoInput, {
@@ -7709,7 +7727,10 @@ var UserAddEdit = function UserAddEdit(props) {
       return Promise.reject(e);
     }
   };
-  var formSubmitHandler = function formSubmitHandler() {
+  var formSubmitHandler = function formSubmitHandler(send_welcome_email) {
+    if (send_welcome_email === void 0) {
+      send_welcome_email = false;
+    }
     try {
       var checkAnyError = doesFormHasError();
       if (checkAnyError) {
@@ -7747,6 +7768,9 @@ var UserAddEdit = function UserAddEdit(props) {
         cardsRole: cardsRole,
         isCardsAdmin: isCardsAdmin
       };
+      if (!isEditMode && !isProfile) {
+        payload.send_welcome_email = send_welcome_email;
+      }
       if (verifyUserId) {
         payload.verifyUserId = verifyUserId;
       }
@@ -8135,12 +8159,34 @@ var UserAddEdit = function UserAddEdit(props) {
     onClick: handleCancelNavigation
   })), /*#__PURE__*/React.createElement(IUIBox, {
     component: "div",
-    className: "pageHeader--button-single button-right"
-  }, /*#__PURE__*/React.createElement(IUIButton, {
+    className: clsx('pageHeader--button-single', styles.buttonRight)
+  }, isEditMode || isProfile ? /*#__PURE__*/React.createElement(IUIButton, {
     buttonText: "Save",
     type: "contained",
     onClick: formSubmitHandler,
     disabled: isPageLoading || productAccess.travel === false && productAccess.expense === false || !!doesFormHasError()
+  }) : /*#__PURE__*/React.createElement(IUIDropdownButton, {
+    buttonText: "Create user",
+    outlinedBtn: false,
+    className: styles.containedDropdownBtn,
+    placement: "bottom-end",
+    endIcon: /*#__PURE__*/React.createElement(ExpandMoreIcon, {
+      fillColor: "white",
+      width: "10",
+      height: "10",
+      fill: true
+    }),
+    menuListInfo: [{
+      label: 'Send email invite',
+      handler: function handler() {
+        return formSubmitHandler(true);
+      }
+    }, {
+      label: 'Do not send email',
+      handler: function handler() {
+        return formSubmitHandler(false);
+      }
+    }]
   }))))), /*#__PURE__*/React.createElement(IUIBox, {
     component: "div",
     marginTop: "8rem",
@@ -8585,10 +8631,15 @@ var uploadFileToS3$1 = function uploadFileToS3(presignedPostData, file) {
     });
   });
 };
-var validateUploadedFile = function validateUploadedFile(fileName) {
+var validateUploadedFile = function validateUploadedFile(fileName, sendInvite) {
+  if (sendInvite === void 0) {
+    sendInvite = false;
+  }
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$8.post(userBulkImport.validateUploadedFile() + "?file_name=" + fileName).then(function (res) {
+      api$8.post(userBulkImport.validateUploadedFile() + "?file_name=" + fileName, {
+        send_welcome_email: sendInvite
+      }).then(function (res) {
         resolve(res);
       })["catch"](function (err) {
         reject(err);
@@ -8715,11 +8766,15 @@ var BulkUploadModal = function BulkUploadModal(props) {
   var _useState6 = useState(''),
     errorMessage = _useState6[0],
     setErrorMessage = _useState6[1];
+  var _useState7 = useState(false),
+    sendInvite = _useState7[0],
+    setSendInvite = _useState7[1];
   var handleFileNameSelectedOnClose = function handleFileNameSelectedOnClose() {
     setFileNames([]);
     setFiles([]);
     setErrorMessage('');
     setErrorStatus(false);
+    setSendInvite(false);
     closeImportUsersModal();
   };
   var handleFileNameUploadedOnClose = function handleFileNameUploadedOnClose(jobId) {
@@ -8727,6 +8782,7 @@ var BulkUploadModal = function BulkUploadModal(props) {
     setFiles([]);
     setErrorMessage('');
     setErrorStatus(false);
+    setSendInvite(false);
     closeImportModal(jobId);
   };
   var handleDrop = function handleDrop(acceptedFiles) {
@@ -8761,7 +8817,7 @@ var BulkUploadModal = function BulkUploadModal(props) {
       });
       var _temp = _forTo(docs, function (i) {
         return Promise.resolve(dispatch(uploadBulkUsersFile(docs[i]))).then(function (res) {
-          return Promise.resolve(dispatch(validateUploadedFile(res.user_file_name)).then(function (validatedRes) {
+          return Promise.resolve(dispatch(validateUploadedFile(res.user_file_name, sendInvite)).then(function (validatedRes) {
             if (validatedRes.data.status) {
               dispatch(_executionJob(validatedRes.data.job_id, 'is_validation_completed')).then(function (response) {
                 data.push(res);
@@ -8875,7 +8931,28 @@ var BulkUploadModal = function BulkUploadModal(props) {
     handleDrop: handleDrop,
     fileNames: fileNames,
     removeSelectedFiles: removeSelectedFiles
-  })), isError && /*#__PURE__*/React.createElement(IUIBox, {
+  })), /*#__PURE__*/React.createElement(IUIBox, {
+    display: "flex",
+    style: {
+      marginLeft: '16px',
+      alignItems: 'center',
+      marginTop: '-8px',
+      cursor: 'pointer'
+    },
+    onClick: function onClick() {
+      return setSendInvite(function (prev) {
+        return !prev;
+      });
+    }
+  }, /*#__PURE__*/React.createElement(IUICheckBox, {
+    checked: sendInvite
+  }), /*#__PURE__*/React.createElement("span", {
+    style: {
+      marginLeft: '-4px',
+      fontWeight: '500',
+      color: '#4B5563'
+    }
+  }, "Send invitation emails to new users who have not logged into the platform.")), isError && /*#__PURE__*/React.createElement(IUIBox, {
     display: "flex",
     alignItems: "center",
     style: {