@itilite/iui-user-management 1.4.93 → 1.4.96

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, IUIStepper, IUIIconButton, IUIFormControlLabel, IUICheckBox, 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,7 +182,7 @@ 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}
 
@@ -411,7 +411,7 @@ var userAddEditUrl = {
     return env.getPaymentUrl() + "/api/v1/card/default";
   },
   disablePaymentCard: function disablePaymentCard() {
-    return env.getPaymentUrl() + "/api/v1/payment/card-management/card/status";
+    return env.getPaymentUrl() + "/api/v1/card/status";
   },
   verifyUserInfo: function verifyUserInfo(userId) {
     return "api/v1/onboarding/user-sign-up-info/" + userId + "?company_id=" + IUILocalStorageService.getCompanyId();
@@ -829,7 +829,7 @@ var UserRole = function UserRole(_ref) {
 
 var styles$1 = {"defaultLabel":"_smjc4","card":"_3_S9J","cardNumber":"_36E9M","cardDigit":"_2pm-T","expiryDate":"_2tBnF","cardImage":"_3QvZh","visa":"_1IpBm","mastercard":"_2x6IX","amex":"_2a38S","discover":"_2vksl","diners":"_2kQRs","jcb":"_2bO1f","unionpay":"_2_jfu","is_nothing":"_1Lrzs","addCard":"_3711U","cardDeleteBtn":"_7Da2t","cardLabel":"_PQTex","defaultBtn":"_1_ArA","cursonPointer":"_1L115","sectionWrapper":"_VpUCK","margin":"_1Fs_D","minGridWidth":"_1hl-Z","firstRowMargin":"_1WZZj","firstChildMargin":"_IT_O_","paddingTop":"_Mhnl7","dividerColor":"_3ltFd"};
 
-var classes = {"disabledCard":"_3MVKj","sectionHeader":"_2d_OH","myCardsSection":"_3MNHj","companyCardsSection":"_34lN6","disabledNotice":"_1yV0j","cardsGrid":"_1oHGu","card":"_3ZTQc","moreIcon":"_3utA0","personal":"_duePd","corporate":"_3O33a","company":"_180_L","cardHeader":"_1eF61","cardTitleSection":"_2c40W","cardMaskedNumber":"_2Vlhq","cardName":"_bp-Mt","cardType":"_3l4HZ","menuButton":"_3TTEn","lockIcon":"_1S27X","cardDetails":"_IP2rg","cardNumber":"_7FOPe","cardExpiry":"_CI_p2","cardCvv":"_3Gzqu","cardUnhide":"_ivgBf","cardFooter":"_1WgPL","brandLogo":"_EV0l8","addCardButton":"_1oaCc","plusIcon":"_w9L5L"};
+var classes = {"disabledCard":"_3MVKj","expiredLabel":"_2_sgJ","expiresoonLabel":"_3G7La","sectionHeader":"_2d_OH","myCardsSection":"_3MNHj","companyCardsSection":"_34lN6","disabledNotice":"_1yV0j","cardsGrid":"_1oHGu","card":"_3ZTQc","moreIcon":"_3utA0","personal":"_duePd","corporate":"_3O33a","company":"_180_L","cardHeader":"_1eF61","cardTitleSection":"_2c40W","cardMaskedNumber":"_2Vlhq","cardName":"_bp-Mt","cardAlias":"_19m4v","cardType":"_3l4HZ","menuButton":"_3TTEn","lockIcon":"_1S27X","cardDetails":"_IP2rg","cardNumber":"_7FOPe","cardExpiry":"_CI_p2","cardCvv":"_3Gzqu","cardUnhide":"_ivgBf","cardFooter":"_1WgPL","brandLogo":"_EV0l8","addCardButton":"_1oaCc","plusIcon":"_w9L5L"};
 
 var SHOW_LOADER = 'SHOW_LOADER';
 var STOP_LOADER = 'STOP_LOADER';
@@ -846,6 +846,27 @@ var SET_PAYMENT_DETAILS = 'SET_PAYMENT_DETAILS';
 
 var env$1 = configs.env;
 var IUILocalStorageService$1 = services.IUILocalStorageService;
+var resolveMembershipName = function resolveMembershipName(membership) {
+  var _membership;
+  if (membership === void 0) {
+    membership = {};
+  }
+  if (((_membership = membership) === null || _membership === void 0 ? void 0 : _membership.membership_type) === 'rental_car') {
+    var _membership2, _membership3, _membership3$program_, _membership5, _membership6, _membership6$loyalty_;
+    if ((_membership2 = membership) !== null && _membership2 !== void 0 && _membership2.program_name && (_membership3 = membership) !== null && _membership3 !== void 0 && (_membership3$program_ = _membership3.program_name) !== null && _membership3$program_ !== void 0 && _membership3$program_.trim()) {
+      var _membership4, _membership4$program_;
+      return (_membership4 = membership) === null || _membership4 === void 0 ? void 0 : (_membership4$program_ = _membership4.program_name) === null || _membership4$program_ === void 0 ? void 0 : _membership4$program_.trim();
+    }
+    if ((_membership5 = membership) !== null && _membership5 !== void 0 && _membership5.loyalty_program_name && (_membership6 = membership) !== null && _membership6 !== void 0 && (_membership6$loyalty_ = _membership6.loyalty_program_name) !== null && _membership6$loyalty_ !== void 0 && _membership6$loyalty_.trim()) {
+      var _membership7, _membership7$loyalty_;
+      return (_membership7 = membership) === null || _membership7 === void 0 ? void 0 : (_membership7$loyalty_ = _membership7.loyalty_program_name) === null || _membership7$loyalty_ === void 0 ? void 0 : _membership7$loyalty_.trim();
+    } else {
+      return '';
+    }
+  } else {
+    return membership.name;
+  }
+};
 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 = {
@@ -889,6 +910,9 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
     approvers: {},
     requested_user_is_admin: payload.isCardsAdmin
   };
+  if (payload.send_welcome_email !== undefined) {
+    res.should_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]) {
@@ -937,7 +961,7 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
           loyalty_program_id = _ref$loyalty_program_ === void 0 ? null : _ref$loyalty_program_;
         var res = {
           membership_type: membership.membership_type,
-          name: membership.name,
+          name: resolveMembershipName(membership),
           number: membership.number,
           iata_code: iata_code,
           loyalty_program_id: loyalty_program_id
@@ -1125,7 +1149,7 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
           loyalty_program_id = _ref2$loyalty_program === void 0 ? null : _ref2$loyalty_program;
         var res = {
           membership_type: membership.membership_type,
-          name: membership.name,
+          name: resolveMembershipName(membership),
           number: membership.number,
           id: membership.id,
           iata_code: iata_code,
@@ -1813,40 +1837,6 @@ var deletePaymentCard = function deletePaymentCard(payload) {
     });
   };
 };
-var disablePaymentCard = function disablePaymentCard(payload) {
-  return function (dispatch, getState) {
-    return new Promise(function (resolve, reject) {
-      dispatch(showLoader());
-      axios.patch(userAddEditUrl.disablePaymentCard(), payload, {
-        headers: {
-          Authorization: 'Bearer ' + IUILocalStorageService$2.getAccessToken()
-        }
-      }).then(function (res) {
-        if (res.data) {
-          resolve(res.data);
-          var _paymentDetails = getState().userAddEdit.paymentDetails;
-          _paymentDetails.cards = _paymentDetails.cards.map(function (card) {
-            if (card.id === payload.method_id) {
-              card.metadata.is_enabled = payload.is_enabled ? '1' : '0';
-            }
-            return card;
-          });
-          dispatch(setPaymentDetails(_paymentDetails));
-        } else {
-          var _res$data3;
-          IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.message) || 'Opps, Something went wrong.');
-          reject(res);
-        }
-      })["catch"](function (err) {
-        var _err$response15, _err$response15$data;
-        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response15 = err.response) === null || _err$response15 === void 0 ? void 0 : (_err$response15$data = _err$response15.data) === null || _err$response15$data === void 0 ? void 0 : _err$response15$data.message) || 'Opps, Something went wrong.');
-        reject(err);
-      })["finally"](function () {
-        dispatch(stopLoader());
-      });
-    });
-  };
-};
 var setDefaultPaymentCard = function setDefaultPaymentCard(payload) {
   return function (dispatch, getState) {
     return new Promise(function (resolve, reject) {
@@ -2671,7 +2661,7 @@ var Visa = function Visa(props) {
 var IUILocalStorageService$4 = services.IUILocalStorageService;
 var env$3 = configs.env;
 var CardsManagement = function CardsManagement(_ref) {
-  var _pg$gateway, _selectedCard$metadat2;
+  var _selectedCard$metadat, _pg$gateway;
   var _ref$paymentDetails = _ref.paymentDetails,
     paymentDetails = _ref$paymentDetails === void 0 ? {} : _ref$paymentDetails,
     _ref$paymentMethod = _ref.paymentMethod,
@@ -2717,32 +2707,13 @@ var CardsManagement = function CardsManagement(_ref) {
     }));
     handleMenuClose();
   };
-  var handleDisableCard = function handleDisableCard() {
-    var _selectedCard$card2, _selectedCard$metadat;
-    if (!pg || !selectedCard) return;
-    sendLog({
-      eventName: 'disable_card_clicked',
-      customProperties: {
-        card_last4: (selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$card2 = selectedCard.card) === null || _selectedCard$card2 === void 0 ? void 0 : _selectedCard$card2.last4) || ''
-      },
-      logImpression: true
-    });
-    dispatch(disablePaymentCard({
-      stripe_card_ref: selectedCard.id,
-      vendor_id: pg.vendor_id,
-      is_enabled: (selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$metadat = selectedCard.metadata) === null || _selectedCard$metadat === void 0 ? void 0 : _selectedCard$metadat.is_enabled) === '0',
-      card_payment_type: 1,
-      app_type: 1
-    }));
-    handleMenuClose();
-  };
   var handleDeleteCard = function handleDeleteCard() {
-    var _selectedCard$card3;
+    var _selectedCard$card2;
     sendLog({
       eventName: 'edit_card_clicked',
       customProperties: {
         action_type: 'Delete',
-        card_last4: (selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$card3 = selectedCard.card) === null || _selectedCard$card3 === void 0 ? void 0 : _selectedCard$card3.last4) || ''
+        card_last4: (selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$card2 = selectedCard.card) === null || _selectedCard$card2 === void 0 ? void 0 : _selectedCard$card2.last4) || ''
       },
       logImpression: true
     });
@@ -2828,13 +2799,29 @@ var CardsManagement = function CardsManagement(_ref) {
       fill: "#2EA363"
     }));
   };
+  var personalCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
+    return (card === null || card === void 0 ? void 0 : card.category) === 'Personal';
+  });
+  var corporateCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
+    return (card === null || card === void 0 ? void 0 : card.category) === 'Corporate';
+  });
+  var companyCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
+    return (card === null || card === void 0 ? void 0 : card.category) === 'Company';
+  });
+  var cardsCount = (personalCards === null || personalCards === void 0 ? void 0 : personalCards.length) + (corporateCards === null || corporateCards === void 0 ? void 0 : corporateCards.length);
   var renderCard = function renderCard(card) {
-    var _card$metadata, _card$metadata2, _clsx, _card$card, _card$card2, _card$card3, _card$card4;
-    console.log('_paymentDetails2', card, cards);
+    var _card$metadata, _clsx, _card$card, _card$card2, _card$card3, _card$card4;
     var isCompanyCard = (card === null || card === void 0 ? void 0 : card.category) === 'Company';
     var cardClass = getCardTypeClass(card === null || card === void 0 ? void 0 : card.category);
     var isDefaultCard = !!+(card === null || card === void 0 ? void 0 : (_card$metadata = card.metadata) === null || _card$metadata === void 0 ? void 0 : _card$metadata.default_card);
-    var isDisabled = (card === null || card === void 0 ? void 0 : (_card$metadata2 = card.metadata) === null || _card$metadata2 === void 0 ? void 0 : _card$metadata2.is_enabled) === '0';
+    var isExpired = card.metadata.is_enabled === '2';
+    var isDisabled = card.metadata.is_enabled === '0' || isExpired;
+    var currentDate = new Date();
+    var cardExpDate = new Date(parseInt(card.card.exp_year, 10), parseInt(card.card.exp_month, 10) - 1);
+    var timeDiff = cardExpDate.getTime() - currentDate.getTime();
+    var daysToExpire = Math.ceil(timeDiff / (1000 * 3600 * 24));
+    var expiresSoon = daysToExpire <= 30 && !isExpired;
+    var showMenuButton = !isExpired && (cardsCount === 1 || cardsCount > 1 && !isDefaultCard);
     return /*#__PURE__*/React.createElement("div", {
       key: card.id,
       className: clsx(classes.card, classes[cardClass], (_clsx = {}, _clsx[classes.disabledCard] = isDisabled, _clsx))
@@ -2844,11 +2831,17 @@ var CardsManagement = function CardsManagement(_ref) {
       className: classes.cardTitleSection
     }, /*#__PURE__*/React.createElement("h3", {
       className: classes.cardName
-    }, card === null || card === void 0 ? void 0 : card.alias), /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
+      className: classes.cardAlias
+    }, card === null || card === void 0 ? void 0 : card.alias), isExpired && /*#__PURE__*/React.createElement("span", {
+      className: classes.expiredLabel
+    }, "Expired"), expiresSoon && /*#__PURE__*/React.createElement("span", {
+      className: clsx(classes.expiresoonLabel, classes.expiredLabel)
+    }, "Expires Soon")), /*#__PURE__*/React.createElement("span", {
       className: classes.cardType
     }, getCardTypeLabel(card.category), isDefaultCard && /*#__PURE__*/React.createElement("span", null, ' (Default)'))), isCompanyCard ? /*#__PURE__*/React.createElement(LockIcon, {
       className: classes.lockIcon
-    }) : /*#__PURE__*/React.createElement(IconButton, {
+    }) : showMenuButton ? /*#__PURE__*/React.createElement(IconButton, {
       size: "small",
       onClick: function onClick(e) {
         return handleMenuClick(e, card);
@@ -2857,7 +2850,7 @@ var CardsManagement = function CardsManagement(_ref) {
     }, /*#__PURE__*/React.createElement(MoreIcon, {
       className: clsx(classes.moreIcon, classes[cardClass]),
       color: isCompanyCard ? '#2EA363' : '#3D89FF'
-    }))), /*#__PURE__*/React.createElement("div", {
+    })) : null), /*#__PURE__*/React.createElement("div", {
       className: classes.cardDetails
     }, /*#__PURE__*/React.createElement("div", {
       className: classes.cardNumber
@@ -2871,17 +2864,8 @@ var CardsManagement = function CardsManagement(_ref) {
       className: classes.cardFooter
     }, /*#__PURE__*/React.createElement("div", null), getBrandLogo(card === null || card === void 0 ? void 0 : (_card$card4 = card.card) === null || _card$card4 === void 0 ? void 0 : _card$card4.brand)));
   };
-  var personalCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
-    return (card === null || card === void 0 ? void 0 : card.category) === 'Personal';
-  });
-  var corporateCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
-    return (card === null || card === void 0 ? void 0 : card.category) === 'Corporate';
-  });
-  var companyCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
-    return (card === null || card === void 0 ? void 0 : card.category) === 'Company';
-  });
-  var cardsCount = (personalCards === null || personalCards === void 0 ? void 0 : personalCards.length) + (corporateCards === null || corporateCards === void 0 ? void 0 : corporateCards.length);
   var _url = env$3.getPaymentUrl() + ("/api/v1/auth/" + IUILocalStorageService$4.getAccessToken() + "/1/" + pg.entity_id + "/0/" + pg.vendor_id + "/1");
+  var showMenuButton = cardsCount === 1 || cardsCount > 1 && !+(selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$metadat = selectedCard.metadata) === null || _selectedCard$metadat === void 0 ? void 0 : _selectedCard$metadat.default_card);
   return /*#__PURE__*/React.createElement("div", {
     style: {
       marginBottom: -20
@@ -2951,7 +2935,7 @@ var CardsManagement = function CardsManagement(_ref) {
     className: classes.cardsGrid
   }, companyCards === null || companyCards === void 0 ? void 0 : companyCards.map(function (card) {
     return renderCard(card);
-  }))))))), /*#__PURE__*/React.createElement(Menu, {
+  }))))))), showMenuButton && /*#__PURE__*/React.createElement(Menu, {
     anchorEl: anchorEl,
     open: Boolean(anchorEl),
     onClose: handleMenuClose,
@@ -2965,9 +2949,7 @@ var CardsManagement = function CardsManagement(_ref) {
     }
   }, selectedCard && !+selectedCard.metadata.default_card && /*#__PURE__*/React.createElement(MenuItem, {
     onClick: handleMarkAsDefault
-  }, "Mark as default"), selectedCard && !+selectedCard.category !== 'Company' && /*#__PURE__*/React.createElement(MenuItem, {
-    onClick: handleDisableCard
-  }, (selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$metadat2 = selectedCard.metadata) === null || _selectedCard$metadat2 === void 0 ? void 0 : _selectedCard$metadat2.is_enabled) === '0' ? 'Enable' : 'Disable'), /*#__PURE__*/React.createElement(MenuItem, {
+  }, "Mark as default"), showMenuButton && /*#__PURE__*/React.createElement(MenuItem, {
     onClick: handleDeleteCard,
     style: {
       color: '#ff4444'
@@ -3663,7 +3645,7 @@ var personalInfo = [{
     maxLength: 100,
     minLength: 0
   },
-  disableText: 'Please get in touch with your administrator to change this value.'
+  disableText: 'A user’s email is their primary identifier and cannot be changed for security reasons. To update it, please deactivate the existing user and create a new one with the correct email address.'
 }, {
   id: 4,
   label: 'Phone number',
@@ -5127,6 +5109,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,
@@ -5134,7 +5117,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"
   }));
 };
@@ -5716,14 +5699,37 @@ 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 resolveMembershipName$1 = function resolveMembershipName(membership, customName) {
+  var _membership, _ref;
+  if (membership === void 0) {
+    membership = {};
+  }
+  if (customName === void 0) {
+    customName = '';
+  }
+  if (((_membership = membership) === null || _membership === void 0 ? void 0 : _membership.membership_type) === 'rental_car') {
+    var _membership2, _membership3, _membership3$program_, _membership5, _membership6, _membership6$loyalty_;
+    if ((_membership2 = membership) !== null && _membership2 !== void 0 && _membership2.program_name && (_membership3 = membership) !== null && _membership3 !== void 0 && (_membership3$program_ = _membership3.program_name) !== null && _membership3$program_ !== void 0 && _membership3$program_.trim()) {
+      var _membership4, _membership4$program_;
+      return (_membership4 = membership) === null || _membership4 === void 0 ? void 0 : (_membership4$program_ = _membership4.program_name) === null || _membership4$program_ === void 0 ? void 0 : _membership4$program_.trim();
+    }
+    if ((_membership5 = membership) !== null && _membership5 !== void 0 && _membership5.loyalty_program_name && (_membership6 = membership) !== null && _membership6 !== void 0 && (_membership6$loyalty_ = _membership6.loyalty_program_name) !== null && _membership6$loyalty_ !== void 0 && _membership6$loyalty_.trim()) {
+      var _membership7, _membership7$loyalty_;
+      return (_membership7 = membership) === null || _membership7 === void 0 ? void 0 : (_membership7$loyalty_ = _membership7.loyalty_program_name) === null || _membership7$loyalty_ === void 0 ? void 0 : _membership7$loyalty_.trim();
+    } else {
+      return '';
+    }
+  }
+  return (_ref = customName || '') === null || _ref === void 0 ? void 0 : _ref.trim();
+};
+var Membership = function Membership(_ref2) {
   var _clsx;
-  var _ref$membershipInfoIn = _ref.membershipInfoInput,
-    membershipInfoInput = _ref$membershipInfoIn === void 0 ? [] : _ref$membershipInfoIn,
-    _ref$setMembershipInf = _ref.setMembershipInfoInput,
-    setMembershipInfoInput = _ref$setMembershipInf === void 0 ? function () {} : _ref$setMembershipInf,
-    _ref$isProfile = _ref.isProfile,
-    isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
+  var _ref2$membershipInfoI = _ref2.membershipInfoInput,
+    membershipInfoInput = _ref2$membershipInfoI === void 0 ? [] : _ref2$membershipInfoI,
+    _ref2$setMembershipIn = _ref2.setMembershipInfoInput,
+    setMembershipInfoInput = _ref2$setMembershipIn === void 0 ? function () {} : _ref2$setMembershipIn,
+    _ref2$isProfile = _ref2.isProfile,
+    isProfile = _ref2$isProfile === void 0 ? false : _ref2$isProfile;
   var _useParams = useParams(),
     editUserId = _useParams.userId;
   var _useSelector = useSelector(function (state) {
@@ -5926,22 +5932,24 @@ var Membership = function Membership(_ref) {
   };
   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 resolvedMembershipName = resolveMembershipName$1(_extends({}, selectedMembershipChain, {
+        membership_type: type
+      }), 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()
+        name: resolvedMembershipName
       }) : {
         membership_type: type,
         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: (_ref3 = membershipName || '') === null || _ref3 === void 0 ? void 0 : _ref3.trim()
+        name: resolvedMembershipName
       };
       setIsUpdating(true);
       var _temp4 = _finallyRethrows(function () {
@@ -5992,7 +6000,7 @@ var Membership = function Membership(_ref) {
   var handleEdit = function handleEdit(mem, index, isOther) {
     setEditIndex(index);
     setSelectedMembershipChain(mem);
-    setMembershipName((mem === null || mem === void 0 ? void 0 : mem.name) || '');
+    setMembershipName((mem === null || mem === void 0 ? void 0 : mem.name) || resolveMembershipName$1(mem, mem === null || mem === void 0 ? void 0 : mem.name));
     setMembershipNumber(mem === null || mem === void 0 ? void 0 : mem.number);
     setIsOtherMembership(isOther);
     var currentModalState = _extends({}, modalState);
@@ -7783,7 +7791,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) {
@@ -7821,6 +7832,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;
       }
@@ -8209,12 +8223,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",
@@ -8726,10 +8762,15 @@ var downloadUploadedRecords = function downloadUploadedRecords(type, jobId) {
     });
   };
 };
-var importUploadedRecords = function importUploadedRecords(jobId, canUpdateExistingUsers) {
+var importUploadedRecords = function importUploadedRecords(jobId, canUpdateExistingUsers, sendInvite) {
+  if (sendInvite === void 0) {
+    sendInvite = false;
+  }
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$8.post(userBulkImport.importRecords() + "?job_id=" + jobId + "&update=" + canUpdateExistingUsers).then(function (res) {
+      api$8.post(userBulkImport.importRecords() + "?job_id=" + jobId + "&update=" + canUpdateExistingUsers, {
+        should_send_welcome_email: sendInvite
+      }).then(function (res) {
         resolve(res);
       })["catch"](function (err) {
         reject(err);
@@ -8990,9 +9031,12 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
   var _useState5 = useState(false),
     canUpdateExistingUsers = _useState5[0],
     setCanUpdateExistingUsers = _useState5[1];
-  var _useState6 = useState(false),
-    isFileDownloading = _useState6[0],
-    setDownlStatus = _useState6[1];
+  var _useState6 = useState(true),
+    sendInvite = _useState6[0],
+    setSendInvite = _useState6[1];
+  var _useState7 = useState(false),
+    isFileDownloading = _useState7[0],
+    setDownlStatus = _useState7[1];
   var _useSelector = useSelector(function (state) {
       return state.common;
     }),
@@ -9100,7 +9144,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
         }
       }
       setImportStatus(1);
-      return Promise.resolve(dispatch(importUploadedRecords(jobId, canUpdateExistingUsers ? 1 : 0))).then(function (res) {
+      return Promise.resolve(dispatch(importUploadedRecords(jobId, canUpdateExistingUsers ? 1 : 0, sendInvite))).then(function (res) {
         var _temp = function () {
           if (res.data.status) {
             return Promise.resolve(dispatch(_executionJob(jobId, 'is_job_completed')).then(function (resp) {
@@ -9131,6 +9175,9 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
   var handleExistingUserUpdation = function handleExistingUserUpdation(event) {
     setCanUpdateExistingUsers(!canUpdateExistingUsers);
   };
+  var handleSendInvite = function handleSendInvite() {
+    setSendInvite(!sendInvite);
+  };
   var CustomStepIcon = function CustomStepIcon(step) {
     if ((importStatus === 1 || importStatus === 2 || importStatus === 4) && step === Number(activeStep)) {
       return /*#__PURE__*/React.createElement(IUIPrimaryRadio, {
@@ -9440,6 +9487,18 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
     label: "Update any existing users",
     className: clsx(styles$5.checkboxlabel, (_clsx5 = {}, _clsx5[styles$5.disabledText] = +userBulkImportInfo.exist_users === 0, _clsx5)),
     disabled: +userBulkImportInfo.exist_users === 0
+  })), /*#__PURE__*/React.createElement(IUIBox, {
+    display: "flex",
+    style: {
+      paddingLeft: '28px'
+    }
+  }, /*#__PURE__*/React.createElement(IUIFormControlLabel, {
+    control: /*#__PURE__*/React.createElement(IUICheckBox, {
+      handleCheckBoxHandler: handleSendInvite,
+      checked: sendInvite
+    }),
+    label: "Send invitation emails to new users who have not logged into the platform.",
+    className: clsx(styles$5.checkboxlabel)
   })), /*#__PURE__*/React.createElement(IUIBox, {
     display: "flex",
     style: {
@@ -10329,6 +10388,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
     id: 'status',
     label: 'Status',
     minWidth: 160,
+    sortable: true,
     cell: function cell(row) {
       return /*#__PURE__*/React.createElement(IUIFormGroup, null, /*#__PURE__*/React.createElement(IUITypography, {
         component: "div",
@@ -11168,7 +11228,7 @@ var UserList = function UserList(_ref2) {
     if (isTokenVerified === true) {
       var pageNum = page;
       var searchParam = searchValue.trim() !== '' ? '&search=' + searchValue : '';
-      var orderingParam = orderBy === '' ? '' : order === 'asc' ? '&ordering=' + orderBy : '&ordering=-' + orderBy;
+      var orderingParam = orderBy === '' ? '' : orderBy === 'status' ? order === 'asc' ? '&ordering=is_active,-has_visited' : '&ordering=-is_active,-has_visited' : order === 'asc' ? '&ordering=' + orderBy : '&ordering=-' + orderBy;
       var url = userListUrl.getUser + '?length=' + rowsPerPage + '&page=' + pageNum + searchParam + orderingParam;
       if (isSearchingChange) {
         var delayDebounceFn = setTimeout(function () {