@itilite/iui-user-management 1.4.943 → 1.4.4982

package/dist/index.modern.js

@@ -1,8 +1,9 @@
-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 { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIDivider, IUIGrid, 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 React, { useState, useEffect, memo, useRef, Fragment as Fragment$1 } from 'react';
 import { configs, services, utilUrls } from '@itilite/utils';
 import axios from 'axios';
-import { IconButton, Menu, MenuItem, Popper, Grow, Paper, ClickAwayListener, MenuList, Typography, Box } from '@material-ui/core';
+import AddIcon$1 from '@material-ui/icons/Add';
+import DeleteIcon from '@material-ui/icons/Delete';
 import { useDispatch, useSelector, Provider } from 'react-redux';
 import { combineReducers, createStore, applyMiddleware } from 'redux';
 import thunk from 'redux-thunk';
@@ -14,6 +15,7 @@ import Tooltip from '@material-ui/core/Tooltip';
 import Switch from '@material-ui/core/Switch';
 import MoreHorizIcon from '@material-ui/icons/MoreHoriz';
 import Button from '@material-ui/core/Button';
+import { Popper, Grow, Paper, ClickAwayListener, MenuList, MenuItem, Typography, Box } from '@material-ui/core';
 import { useScrollPosition } from '@n8tb1t/use-scroll-position';
 
 function _arrayLikeToArray(r, a) {
@@ -51,7 +53,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
+    if (e.includes(n)) continue;
     t[n] = r[n];
   }
   return t;
@@ -182,7 +184,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","buttonRight":"_1lEyQ","containedDropdownBtn":"_3ymE1"};
+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,
@@ -420,9 +422,6 @@ var userAddEditUrl = {
   setDefaultCard: function setDefaultCard(pmId, vendorId) {
     return env.getPaymentUrl() + "/api/v1/card/default";
   },
-  disablePaymentCard: function disablePaymentCard() {
-    return env.getPaymentUrl() + "/api/v1/card/status";
-  },
   verifyUserInfo: function verifyUserInfo(userId) {
     return "api/v1/onboarding/user-sign-up-info/" + userId + "?company_id=" + IUILocalStorageService.getCompanyId();
   },
@@ -837,9 +836,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 styles$1 = {"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","defaultLabel":"_smjc4","defaultBtn":"_1_ArA","cursonPointer":"_1L115","sectionWrapper":"_VpUCK","margin":"_1Fs_D","minGridWidth":"_1hl-Z","firstRowMargin":"_1WZZj","firstChildMargin":"_IT_O_","paddingTop":"_Mhnl7","dividerColor":"_3ltFd"};
 
 var SHOW_LOADER = 'SHOW_LOADER';
 var STOP_LOADER = 'STOP_LOADER';
@@ -856,29 +853,8 @@ 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$employeeInfo0;
+  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(),
     first_name: payload.personalInfoInput.first_name,
@@ -899,7 +875,7 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
       department_id: payload !== null && payload !== void 0 && (_payload$employeeInfo7 = payload.employeeInfoInput) !== null && _payload$employeeInfo7 !== void 0 && (_payload$employeeInfo8 = _payload$employeeInfo7.department) !== null && _payload$employeeInfo8 !== void 0 && _payload$employeeInfo8.value ? payload.employeeInfoInput.department.value : null,
       designation: payload.employeeInfoInput.designation || null,
       base_location: payload.employeeInfoInput.base_location || null,
-      currency: payload !== null && payload !== void 0 && (_payload$employeeInfo9 = payload.employeeInfoInput) !== null && _payload$employeeInfo9 !== void 0 && (_payload$employeeInfo0 = _payload$employeeInfo9.currency) !== null && _payload$employeeInfo0 !== void 0 && _payload$employeeInfo0.value ? payload.employeeInfoInput.currency.value : null
+      currency: payload !== null && payload !== void 0 && (_payload$employeeInfo9 = payload.employeeInfoInput) !== null && _payload$employeeInfo9 !== void 0 && (_payload$employeeInfo10 = _payload$employeeInfo9.currency) !== null && _payload$employeeInfo10 !== void 0 && _payload$employeeInfo10.value ? payload.employeeInfoInput.currency.value : null
     },
     custom_attribute: payload.customFieldsInput || null,
     product: function () {
@@ -920,9 +896,6 @@ 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]) {
@@ -964,17 +937,10 @@ 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: resolveMembershipName(membership),
-          number: membership.number,
-          iata_code: iata_code,
-          loyalty_program_id: loyalty_program_id
+          name: membership.name,
+          number: membership.number
         };
         return res;
       });
@@ -1084,23 +1050,23 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
     res.fields.user_personal_info.gender = payload.personalInfoInput.gender || null;
   }
   if (inputChangeLog.emp_level) {
-    var _payload$employeeInfo1, _payload$employeeInfo10;
-    res.fields.employee_info.emp_level_id = payload !== null && payload !== void 0 && (_payload$employeeInfo1 = payload.employeeInfoInput) !== null && _payload$employeeInfo1 !== void 0 && (_payload$employeeInfo10 = _payload$employeeInfo1.emp_level) !== null && _payload$employeeInfo10 !== void 0 && _payload$employeeInfo10.value ? payload.employeeInfoInput.emp_level.value : null;
+    var _payload$employeeInfo11, _payload$employeeInfo12;
+    res.fields.employee_info.emp_level_id = payload !== null && payload !== void 0 && (_payload$employeeInfo11 = payload.employeeInfoInput) !== null && _payload$employeeInfo11 !== void 0 && (_payload$employeeInfo12 = _payload$employeeInfo11.emp_level) !== null && _payload$employeeInfo12 !== void 0 && _payload$employeeInfo12.value ? payload.employeeInfoInput.emp_level.value : null;
   }
   if (inputChangeLog.employee_id) {
     res.fields.employee_info.employee_id = payload.employeeInfoInput.employee_id || null;
   }
   if (inputChangeLog.entity) {
-    var _payload$employeeInfo11, _payload$employeeInfo12;
-    res.fields.employee_info.entity_id = payload !== null && payload !== void 0 && (_payload$employeeInfo11 = payload.employeeInfoInput) !== null && _payload$employeeInfo11 !== void 0 && (_payload$employeeInfo12 = _payload$employeeInfo11.entity) !== null && _payload$employeeInfo12 !== void 0 && _payload$employeeInfo12.value ? payload.employeeInfoInput.entity.value : null;
+    var _payload$employeeInfo13, _payload$employeeInfo14;
+    res.fields.employee_info.entity_id = payload !== null && payload !== void 0 && (_payload$employeeInfo13 = payload.employeeInfoInput) !== null && _payload$employeeInfo13 !== void 0 && (_payload$employeeInfo14 = _payload$employeeInfo13.entity) !== null && _payload$employeeInfo14 !== void 0 && _payload$employeeInfo14.value ? payload.employeeInfoInput.entity.value : null;
   }
   if (inputChangeLog.business_unit) {
-    var _payload$employeeInfo13, _payload$employeeInfo14;
-    res.fields.employee_info.business_unit_id = payload !== null && payload !== void 0 && (_payload$employeeInfo13 = payload.employeeInfoInput) !== null && _payload$employeeInfo13 !== void 0 && (_payload$employeeInfo14 = _payload$employeeInfo13.business_unit) !== null && _payload$employeeInfo14 !== void 0 && _payload$employeeInfo14.value ? payload.employeeInfoInput.business_unit.value : null;
+    var _payload$employeeInfo15, _payload$employeeInfo16;
+    res.fields.employee_info.business_unit_id = payload !== null && payload !== void 0 && (_payload$employeeInfo15 = payload.employeeInfoInput) !== null && _payload$employeeInfo15 !== void 0 && (_payload$employeeInfo16 = _payload$employeeInfo15.business_unit) !== null && _payload$employeeInfo16 !== void 0 && _payload$employeeInfo16.value ? payload.employeeInfoInput.business_unit.value : null;
   }
   if (inputChangeLog.department) {
-    var _payload$employeeInfo15, _payload$employeeInfo16;
-    res.fields.employee_info.department_id = payload !== null && payload !== void 0 && (_payload$employeeInfo15 = payload.employeeInfoInput) !== null && _payload$employeeInfo15 !== void 0 && (_payload$employeeInfo16 = _payload$employeeInfo15.department) !== null && _payload$employeeInfo16 !== void 0 && _payload$employeeInfo16.value ? payload.employeeInfoInput.department.value : null;
+    var _payload$employeeInfo17, _payload$employeeInfo18;
+    res.fields.employee_info.department_id = payload !== null && payload !== void 0 && (_payload$employeeInfo17 = payload.employeeInfoInput) !== null && _payload$employeeInfo17 !== void 0 && (_payload$employeeInfo18 = _payload$employeeInfo17.department) !== null && _payload$employeeInfo18 !== void 0 && _payload$employeeInfo18.value ? payload.employeeInfoInput.department.value : null;
   }
   if (inputChangeLog.designation) {
     res.fields.employee_info.designation = payload.employeeInfoInput.designation || null;
@@ -1109,8 +1075,8 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
     res.fields.employee_info.base_location = payload.employeeInfoInput.base_location || null;
   }
   if (inputChangeLog.currency) {
-    var _payload$employeeInfo17, _payload$employeeInfo18;
-    res.fields.employee_info.currency = payload !== null && payload !== void 0 && (_payload$employeeInfo17 = payload.employeeInfoInput) !== null && _payload$employeeInfo17 !== void 0 && (_payload$employeeInfo18 = _payload$employeeInfo17.currency) !== null && _payload$employeeInfo18 !== void 0 && _payload$employeeInfo18.value ? payload.employeeInfoInput.currency.value : null;
+    var _payload$employeeInfo19, _payload$employeeInfo20;
+    res.fields.employee_info.currency = payload !== null && payload !== void 0 && (_payload$employeeInfo19 = payload.employeeInfoInput) !== null && _payload$employeeInfo19 !== void 0 && (_payload$employeeInfo20 = _payload$employeeInfo19.currency) !== null && _payload$employeeInfo20 !== void 0 && _payload$employeeInfo20.value ? payload.employeeInfoInput.currency.value : null;
   }
   if (payload.productAccess.travel) {
     if (!env$1.isProfilePage()) {
@@ -1152,18 +1118,11 @@ 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: resolveMembershipName(membership),
+          name: membership.name,
           number: membership.number,
-          id: membership.id,
-          iata_code: iata_code,
-          loyalty_program_id: loyalty_program_id
+          id: membership.id
         };
         return res;
       }).concat(payload.membershipInfoInput.filter(function (membership) {
@@ -1744,8 +1703,8 @@ var resetPasswordForUser = function resetPasswordForUser(data) {
       })["catch"](function (err) {
         var _err$response9, _err$response9$data;
         if (!(err !== null && err !== void 0 && (_err$response9 = err.response) !== null && _err$response9 !== void 0 && (_err$response9$data = _err$response9.data) !== null && _err$response9$data !== void 0 && _err$response9$data.status)) {
-          var _err$response0, _err$response0$data, _err$response0$data$m;
-          IUIToastMessageService$1.errNotify(err === null || err === void 0 ? void 0 : (_err$response0 = err.response) === null || _err$response0 === void 0 ? void 0 : (_err$response0$data = _err$response0.data) === null || _err$response0$data === void 0 ? void 0 : (_err$response0$data$m = _err$response0$data.message) === null || _err$response0$data$m === void 0 ? void 0 : _err$response0$data$m.email[0]);
+          var _err$response10, _err$response10$data, _err$response10$data$;
+          IUIToastMessageService$1.errNotify(err === null || err === void 0 ? void 0 : (_err$response10 = err.response) === null || _err$response10 === void 0 ? void 0 : (_err$response10$data = _err$response10.data) === null || _err$response10$data === void 0 ? void 0 : (_err$response10$data$ = _err$response10$data.message) === null || _err$response10$data$ === void 0 ? void 0 : _err$response10$data$.email[0]);
           reject(err);
           return;
         }
@@ -1763,10 +1722,10 @@ var resendInviteForUser = function resendInviteForUser(data) {
         IUIToastMessageService$1.sNotify(res.data.message);
         resolve();
       })["catch"](function (err) {
-        var _err$response1, _err$response1$data;
-        if (!(err !== null && err !== void 0 && (_err$response1 = err.response) !== null && _err$response1 !== void 0 && (_err$response1$data = _err$response1.data) !== null && _err$response1$data !== void 0 && _err$response1$data.status)) {
-          var _err$response10, _err$response10$data, _err$response10$data$;
-          IUIToastMessageService$1.errNotify(err === null || err === void 0 ? void 0 : (_err$response10 = err.response) === null || _err$response10 === void 0 ? void 0 : (_err$response10$data = _err$response10.data) === null || _err$response10$data === void 0 ? void 0 : (_err$response10$data$ = _err$response10$data.message) === null || _err$response10$data$ === void 0 ? void 0 : _err$response10$data$.email[0]);
+        var _err$response11, _err$response11$data;
+        if (!(err !== null && err !== void 0 && (_err$response11 = err.response) !== null && _err$response11 !== void 0 && (_err$response11$data = _err$response11.data) !== null && _err$response11$data !== void 0 && _err$response11$data.status)) {
+          var _err$response12, _err$response12$data, _err$response12$data$;
+          IUIToastMessageService$1.errNotify(err === null || err === void 0 ? void 0 : (_err$response12 = err.response) === null || _err$response12 === void 0 ? void 0 : (_err$response12$data = _err$response12.data) === null || _err$response12$data === void 0 ? void 0 : (_err$response12$data$ = _err$response12$data.message) === null || _err$response12$data$ === void 0 ? void 0 : _err$response12$data$.email[0]);
           reject(err);
           return;
         }
@@ -1789,9 +1748,9 @@ var updateUser = function updateUser(payload, userId, inputChangeLog) {
           reject(res.data.errors);
         }
       })["catch"](function (err) {
-        var _err$response11;
+        var _err$response13;
         var error = 'Opps, Something went error.';
-        if (err !== null && err !== void 0 && (_err$response11 = err.response) !== null && _err$response11 !== void 0 && _err$response11.data) {
+        if (err !== null && err !== void 0 && (_err$response13 = err.response) !== null && _err$response13 !== void 0 && _err$response13.data) {
           if (err.response.data.errors && typeof err.response.data.errors === 'object' && Object.keys(err.response.data.errors).length) {
             reject(err.response.data.errors);
             return;
@@ -1838,8 +1797,8 @@ var deletePaymentCard = function deletePaymentCard(payload) {
           reject(res);
         }
       })["catch"](function (err) {
-        var _err$response12, _err$response12$data;
-        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response12 = err.response) === null || _err$response12 === void 0 ? void 0 : (_err$response12$data = _err$response12.data) === null || _err$response12$data === void 0 ? void 0 : _err$response12$data.message) || 'Opps, Something went wrong.');
+        var _err$response14, _err$response14$data;
+        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response14 = err.response) === null || _err$response14 === void 0 ? void 0 : (_err$response14$data = _err$response14.data) === null || _err$response14$data === void 0 ? void 0 : _err$response14$data.message) || 'Opps, Something went wrong.');
         reject(err);
       })["finally"](function () {
         dispatch(stopLoader());
@@ -1869,13 +1828,13 @@ var setDefaultPaymentCard = function setDefaultPaymentCard(payload) {
           });
           dispatch(setPaymentDetails(_paymentDetails));
         } else {
-          var _res$data4;
-          IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : _res$data4.message) || 'Opps, Something went wrong.');
+          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$response14, _err$response14$data;
-        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response14 = err.response) === null || _err$response14 === void 0 ? void 0 : (_err$response14$data = _err$response14.data) === null || _err$response14$data === void 0 ? void 0 : _err$response14$data.message) || 'Opps, Something went wrong.');
+        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());
@@ -1890,16 +1849,16 @@ var verifyUserInfo = function verifyUserInfo(userId) {
         if (res.data.status === 200) {
           resolve(res.data.result);
         } else {
-          var _res$data5;
-          IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : _res$data5.message) || 'Opps, Unable to fetch user info.');
+          var _res$data4;
+          IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : _res$data4.message) || 'Opps, Unable to fetch user info.');
           setTimeout(function () {
             window.history.back();
           }, 1000);
           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, Unable to fetch user info.');
+        var _err$response16, _err$response16$data;
+        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response16 = err.response) === null || _err$response16 === void 0 ? void 0 : (_err$response16$data = _err$response16.data) === null || _err$response16$data === void 0 ? void 0 : _err$response16$data.message) || 'Opps, Unable to fetch user info.');
         setTimeout(function () {
           window.history.back();
         }, 1000);
@@ -1914,8 +1873,8 @@ var submitAddModalData = function submitAddModalData(tableName, data) {
       api$2.post(tableName === 'department' ? departmentUrl.departmentUrl() : userAddEditUrl.dropdownList() + ("?action=add&table=" + tableName), data).then(function (res) {
         resolve(res);
       })["catch"](function (err) {
-        var _err$response16, _err$response16$data;
-        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response16 = err.response) === null || _err$response16 === void 0 ? void 0 : (_err$response16$data = _err$response16.data) === null || _err$response16$data === void 0 ? void 0 : _err$response16$data.message) || 'Opps, Something went wrong.');
+        var _err$response17, _err$response17$data;
+        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response17 = err.response) === null || _err$response17 === void 0 ? void 0 : (_err$response17$data = _err$response17.data) === null || _err$response17$data === void 0 ? void 0 : _err$response17$data.message) || 'Opps, Something went wrong.');
         dispatch(stopLoader());
       });
     });
@@ -1928,13 +1887,13 @@ var rejectUserVerification = function rejectUserVerification(userId) {
         if (res.data.status === true) {
           resolve(res.data);
         } else {
-          var _res$data6;
-          IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data6 = res.data) === null || _res$data6 === void 0 ? void 0 : _res$data6.message) || 'Opps, Unable to reject user.');
+          var _res$data5;
+          IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : _res$data5.message) || 'Opps, Unable to reject user.');
           reject(res);
         }
       })["catch"](function (err) {
-        var _err$response17, _err$response17$data;
-        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response17 = err.response) === null || _err$response17 === void 0 ? void 0 : (_err$response17$data = _err$response17.data) === null || _err$response17$data === void 0 ? void 0 : _err$response17$data.message) || 'Opps, Unable to reject user.');
+        var _err$response18, _err$response18$data;
+        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response18 = err.response) === null || _err$response18 === void 0 ? void 0 : (_err$response18$data = _err$response18.data) === null || _err$response18$data === void 0 ? void 0 : _err$response18$data.message) || 'Opps, Unable to reject user.');
         reject(err);
       });
     });
@@ -2269,646 +2228,86 @@ var editCustomFieldLabel = function editCustomFieldLabel(payload) {
   };
 };
 
-function Alipay(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlSpace: "preserve",
-    width: 780,
-    height: 500
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M40 0h700c22.092 0 40 17.909 40 40v420c0 22.092-17.908 40-40 40H40c-22.091 0-40-17.908-40-40V40C0 17.909 17.909 0 40 0"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#2BA6DF",
-    d: "M114.26 257.95c-4.8.601-13.203 2.4-18.004 6.601-14.403 12.599-6.001 34.798 23.406 34.798 16.803 0 33.607-10.8 46.81-27.6-19.204-9-34.808-15.6-52.212-13.799"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#2BA6DF",
-    d: "M221.83 273.4c27.006 9 33.007 9.6 33.007 9.6v-95.998c0-16.199-13.203-29.398-30.006-29.398H98.801c-16.204 0-30.007 13.2-30.007 29.4v126c0 16.199 13.203 29.398 30.007 29.398h126.03c16.203 0 30.006-13.2 30.006-29.4v-1.199s-48.01-19.799-72.616-31.799c-16.203 19.799-37.208 32.399-59.413 32.399-37.208 0-49.811-32.399-31.807-53.399 3.6-4.8 10.202-9 20.404-11.399 15.604-3.601 40.81 2.399 64.215 10.2 4.2-7.801 7.801-16.2 10.202-25.2h-72.616v-7.2h37.208v-14.399h-45.61v-7.2h45.61v-18.599s0-3 3-3h18.005v22.2h45.01v6.601h-45.01v13.199h36.608c-3.6 14.399-9.002 27.599-15.604 38.998 12.003 4.2 22.205 7.801 29.407 10.199z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#3F3A39",
-    d: "m340.49 201.22 39.608 85.797h-21.005l-10.802-22.801h-32.408l-10.802 22.801h-13.803l40.209-83.398s1.199-2.4 3.6-2.4h5.402v.001zm-21.006 55.197h25.206l-12.603-27-12.603 27m87.448 31.282h-19.204v-81.598c0-2.399 1.2-3.601 4.2-3.601h15.004zm36.007-.558h-19.203v-61.798c0-2.4 1.199-3.601 4.199-3.601h15.004v65.399zm23.483-64.116h12.604v6c2.4-1.8 4.801-3.601 7.801-4.2 3.002-1.199 6.002-1.8 10.203-1.8 4.199 0 7.801.601 10.803 2.399 3.6 1.801 6 3.601 8.4 6.601s4.201 6 5.402 9.601c1.199 3.6 1.799 7.199 1.799 11.398 0 5.4-.6 10.2-2.398 14.4-1.801 4.199-3.602 8.399-6.602 11.399-3.002 3-6.002 5.999-10.203 7.8-4.201 1.799-8.402 2.399-13.203 2.399h-6.602c-1.799 0-3.6-.601-5.4-1.2v21.6H459.82v-78.598c-.599-7.799 2.401-7.799 6.602-7.799zm12.603 46.798c0 1.801 0 3 .6 4.2s1.201 2.399 2.4 3.601c1.199 1.199 2.4 1.799 3.602 2.399 1.199.601 3 .601 4.801.601 1.799 0 3-.601 4.801-1.801 1.199-1.199 3-2.4 3.602-4.8.6-2.399 1.799-4.2 2.398-7.2.602-3 1.201-5.4 1.201-9 0-4.199 0-7.799-.6-10.799-.602-3-1.201-5.4-2.4-7.8-1.201-1.8-2.4-3.601-3.6-4.8-1.201-1.2-3.002-1.801-4.803-1.801-1.199 0-2.4 0-3.6.601-1.201.601-2.4 1.2-3.002 1.8-1.199.6-1.799 1.801-3 2.4-1.201 1.199-1.801 1.8-2.4 3v29.4-.001zm81.028-46.798c4.801 0 8.402.601 12.002 1.2 3 .6 6.002 1.8 8.402 3.6 2.4 1.801 3.6 3.6 4.801 5.4 1.199 2.4 1.801 4.8 1.801 7.199v47.398h-19.205v-4.8c-1.199 1.2-2.398 1.8-3 2.399l-3.602 1.801c-1.199.6-2.4 1.199-4.199 1.199-1.801.601-3.602.601-5.402.601-3 0-5.4-.601-7.803-1.2-2.398-.6-4.199-1.8-6-3.6-1.801-1.2-3.002-3-3.602-5.4-.6-1.8-1.199-4.199-1.199-6.6s.6-4.801 1.199-6.6c.6-1.801 2.4-3.601 3.602-5.4 1.199-1.801 3.6-3 5.4-4.2 2.4-1.2 4.201-2.399 7.203-3.601 2.398-1.198 4.799-1.799 7.801-2.998 2.4-.601 5.4-1.801 7.801-2.4l2.4-.6v-6.601c0-1.8 0-3.6-.6-5.399l-1.801-3.601c-.6-.6-1.799-1.8-2.398-1.8-1.201-.6-2.4-.6-3.602-.6 0 0-10.203 0-19.205 7.8l-4.201-6.601c-1.798 1.203 9.004-6.596 23.407-6.596zm6.599 31.799c-1.799.601-3.6 1.8-5.398 3l-5.402 3.601c-1.801 1.199-3 2.399-3.6 4.199-1.201 1.2-1.201 3-1.201 4.2s0 2.4.6 3.601c.6 1.199.6 1.8 1.199 3 .602 1.199 1.201 1.199 1.801 1.8.6.6 1.201.6 2.4.6 1.801 0 3.002-.6 4.801-1.2l5.402-3.6v-19.2h-.602zm46.555 53.998h-12.604l-.6-11.399s15.604.6 20.404-5.4c1.801-2.4 3-8.999 3-8.999l-31.205-59.998h21.004l19.805 38.999 17.404-39h13.803l-31.807 70.799c-1.2 2.4-6.001 14.999-19.204 14.998z"
-  }), /*#__PURE__*/React.createElement("ellipse", {
-    cx: 433.4,
-    cy: 204.1,
-    fill: "#2BA6DF",
-    rx: 9.602,
-    ry: 8.5
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#3F3A39",
-    d: "M683.68 172.91h-6.602v-1.201h14.402v1.201h-6.6v18.599h-1.801V172.91zm10.716-1.201h2.4l4.201 11.4 1.801 4.2c.6-1.2 1.199-3 1.799-4.2l4.201-11.4h2.4v20.4H708.8v-18l-1.8 4.801-4.201 12H701.6l-4.201-12-1.801-4.801v18h-1.801v-20.4z"
-  }));
-}
-
-function Amex(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlSpace: "preserve",
-    width: 780,
-    height: 500
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fill: "#2557D6",
-    d: "M40 .001h700c22.092 0 40 17.909 40 40v420c0 22.092-17.908 40-40 40H40c-22.091 0-40-17.908-40-40v-420c0-22.091 17.909-40 40-40z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M.253 235.69h37.441l8.442-19.51h18.9l8.42 19.51h73.668v-14.915l6.576 14.98h38.243l6.576-15.202v15.138h183.08l-.085-32.026h3.542c2.479.083 3.204.302 3.204 4.226v27.8h94.689v-7.455c7.639 3.92 19.518 7.455 35.148 7.455h39.836l8.525-19.51h18.9l8.337 19.51h76.765v-18.532l11.626 18.532h61.515v-122.51h-60.88v14.468l-8.522-14.468h-62.471v14.468l-7.828-14.468h-84.38c-14.123 0-26.539 1.889-36.569 7.153v-7.153h-58.229v7.153c-6.383-5.426-15.079-7.153-24.75-7.153h-212.74l-14.274 31.641-14.659-31.641H91.294v14.468l-7.362-14.468H26.787L.248 171.427v64.261h.003zm236.34-17.67h-22.464l-.083-68.794-31.775 68.793h-19.24l-31.858-68.854v68.854h-44.57l-8.42-19.592H32.556l-8.505 19.592H.25l39.241-87.837H72.05l37.269 83.164v-83.164h35.766l28.678 59.587 26.344-59.587h36.485l.001 87.838zm-165.9-37.823L55.695 145.18 40.78 180.197h29.913m255.3 37.821H252.79v-87.837h73.203v18.291h-51.289v15.833h50.06v18.005h-50.061v17.542h51.289l.001 18.166m103.16-64.18c0 14.004-9.755 21.24-15.439 23.412 4.794 1.748 8.891 4.838 10.84 7.397 3.094 4.369 3.628 8.271 3.628 16.116v17.255h-22.104l-.083-11.077c0-5.285.528-12.886-3.458-17.112-3.202-3.09-8.083-3.76-15.973-3.76h-23.523v31.95h-21.914v-87.838h50.401c11.199 0 19.451.283 26.535 4.207 6.933 3.924 11.09 9.652 11.09 19.45zm-27.699 13.042c-3.013 1.752-6.573 1.81-10.841 1.81h-26.62v-19.51h26.982c3.818 0 7.804.164 10.393 1.584 2.842 1.28 4.601 4.003 4.601 7.765 0 3.84-1.674 6.929-4.515 8.351zm62.844 51.138H441.94v-87.837h22.358v87.837m259.56 0h-31.053l-41.535-65.927v65.927h-44.628l-8.527-19.592h-45.521l-8.271 19.592h-25.648c-10.649 0-24.138-2.257-31.773-9.715-7.701-7.458-11.708-17.56-11.708-33.533 0-13.027 2.395-24.936 11.812-34.347 7.085-7.01 18.18-10.242 33.28-10.242h21.215v18.821H520.73c-7.997 0-12.514 1.14-16.862 5.203-3.735 3.699-6.298 10.69-6.298 19.897 0 9.41 1.951 16.196 6.023 20.628 3.373 3.476 9.506 4.53 15.272 4.53h9.842l30.884-69.076h32.835l37.102 83.081v-83.08h33.366l38.519 61.174v-61.174h22.445v87.833zm-133.2-37.82-15.165-35.017-15.081 35.017h30.246m189.04 178.08c-5.322 7.457-15.694 11.238-29.736 11.238h-42.319v-18.84h42.147c4.181 0 7.106-.527 8.868-2.175 1.665-1.474 2.605-3.554 2.591-5.729 0-2.561-1.064-4.593-2.677-5.811-1.59-1.342-3.904-1.95-7.722-1.95-20.574-.67-46.244.608-46.244-27.194 0-12.742 8.443-26.156 31.439-26.156h43.649v-17.479h-40.557c-12.237 0-21.129 2.81-27.425 7.174v-7.175h-59.985c-9.595 0-20.854 2.279-26.179 7.175v-7.175h-107.12v7.175c-8.524-5.892-22.908-7.175-29.549-7.175h-70.656v7.175c-6.745-6.258-21.742-7.175-30.886-7.175H308.26l-18.094 18.764-16.949-18.764h-118.13v122.59h115.9l18.646-19.062 17.565 19.062 71.442.061v-28.838h7.021c9.479.14 20.66-.228 30.523-4.312v33.085h58.928v-31.952h2.842c3.628 0 3.985.144 3.985 3.615v28.333h179.01c11.364 0 23.244-2.786 29.824-7.845v7.845h56.78c11.815 0 23.354-1.587 32.134-5.649l.002-22.84zm-354.94-47.155c0 24.406-19.005 29.445-38.159 29.445h-27.343v29.469h-42.591l-26.984-29.086-28.042 29.086h-86.802v-87.859h88.135l26.961 28.799 27.875-28.799h70.021c17.389 0 36.929 4.613 36.929 28.945zm-174.22 40.434H196.66v-17.48h48.11v-17.926h-48.11v-15.974h54.939l23.969 25.604-25.03 25.776m86.81 10.06-33.644-35.789 33.644-34.65v70.439zm49.757-39.066h-28.318v-22.374h28.572c7.912 0 13.404 3.09 13.404 10.772 0 7.599-5.238 11.602-13.658 11.602zm148.36-40.373h73.138v18.17h-51.315v15.973h50.062v17.926h-50.062v17.48l51.314.08v18.23h-73.139l.002-87.859zm-28.119 47.029c4.878 1.725 8.865 4.816 10.734 7.375 3.095 4.291 3.542 8.294 3.631 16.037v17.418h-22.002v-10.992c0-5.286.531-13.112-3.542-17.198-3.201-3.147-8.083-3.899-16.076-3.899h-23.42v32.09h-22.02v-87.859h50.594c11.093 0 19.173.47 26.366 4.146 6.915 4.004 11.266 9.487 11.266 19.511-.001 14.022-9.764 21.178-15.531 23.371zM494.961 318.1c-2.932 1.667-6.556 1.811-10.818 1.811h-26.622v-19.732h26.982c3.902 0 7.807.08 10.458 1.587 2.84 1.423 4.538 4.146 4.538 7.903 0 3.758-1.699 6.786-4.538 8.431zm197.82 5.597c4.27 4.229 6.554 9.571 6.554 18.613 0 18.9-12.322 27.723-34.425 27.723h-42.68v-18.84h42.51c4.157 0 7.104-.525 8.95-2.175 1.508-1.358 2.589-3.333 2.589-5.729 0-2.561-1.17-4.592-2.675-5.811-1.675-1.34-3.986-1.949-7.803-1.949-20.493-.67-46.157.609-46.157-27.192 0-12.744 8.355-26.158 31.33-26.158h43.932v18.7h-40.198c-3.984 0-6.575.145-8.779 1.587-2.4 1.422-3.29 3.534-3.29 6.319 0 3.314 2.037 5.57 4.795 6.546 2.311.77 4.795.995 8.526.995l11.797.306c11.895.276 20.061 2.248 25.024 7.065zm86.955-23.52h-39.938c-3.986 0-6.638.144-8.867 1.587-2.312 1.423-3.202 3.534-3.202 6.322 0 3.314 1.951 5.568 4.791 6.544 2.312.771 4.795.996 8.444.996l11.878.304c11.983.284 19.982 2.258 24.86 7.072.891.67 1.422 1.422 2.033 2.175v-25h.001z"
-  }));
-}
-
-var Diners = function Diners(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlSpace: "preserve",
-    width: 780,
-    height: 500,
-    viewBox: "0 0 780 500"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fill: "#0079BE",
-    d: "M40 0h700c22.092 0 40 17.909 40 40v420c0 22.092-17.908 40-40 40H40c-22.091 0-40-17.908-40-40V40C0 17.909 17.909 0 40 0"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M599.93 251.45c0-99.415-82.98-168.13-173.9-168.1h-78.242c-92.003-.033-167.73 68.705-167.73 168.1 0 90.93 75.727 165.64 167.73 165.2h78.242c90.914.436 173.9-74.294 173.9-165.2"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#0079BE",
-    d: "M348.28 97.43c-84.07.027-152.19 68.308-152.21 152.58.02 84.258 68.144 152.53 152.21 152.56 84.09-.027 152.23-68.303 152.24-152.56-.011-84.272-68.149-152.55-152.24-152.58z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M252.07 249.6c.08-41.181 25.746-76.297 61.94-90.25v180.48c-36.194-13.948-61.861-49.045-61.94-90.23zm131 90.274v-180.53c36.207 13.92 61.914 49.057 61.979 90.257-.065 41.212-25.772 76.322-61.979 90.269z"
-  }));
-};
-
-var Discover = function Discover(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 780,
-    height: 500,
-    viewBox: "0 0 780 501"
-  }, props), /*#__PURE__*/React.createElement("g", {
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#4D4D4D",
-    d: "M54.992 0C24.627 0 0 24.63 0 55.004v390.992C0 476.376 24.619 501 54.992 501h670.016C755.373 501 780 476.37 780 445.996V55.004C780 24.624 755.381 0 725.008 0H54.992z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
-    d: "M327.152 161.893c8.837 0 16.248 1.784 25.268 6.09v22.751c-8.544-7.863-15.955-11.154-25.756-11.154-19.264 0-34.414 15.015-34.414 34.05 0 20.075 14.681 34.196 35.37 34.196 9.312 0 16.586-3.12 24.8-10.857v22.763c-9.341 4.14-16.911 5.776-25.756 5.776-31.278 0-55.582-22.596-55.582-51.737 0-28.826 24.951-51.878 56.07-51.878zm-97.113.627c11.546 0 22.11 3.72 30.943 10.994l-10.748 13.248c-5.35-5.646-10.41-8.028-16.564-8.028-8.853 0-15.3 4.745-15.3 10.989 0 5.354 3.619 8.188 15.944 12.482 23.365 8.044 30.29 15.176 30.29 30.926 0 19.193-14.976 32.553-36.32 32.553-15.63 0-26.994-5.795-36.458-18.872l13.268-12.03c4.73 8.61 12.622 13.222 22.42 13.222 9.163 0 15.947-5.952 15.947-13.984 0-4.164-2.055-7.734-6.158-10.258-2.066-1.195-6.158-2.977-14.2-5.647-19.291-6.538-25.91-13.527-25.91-27.185 0-16.225 14.214-28.41 32.846-28.41zm234.723 1.728h22.437l28.084 66.592 28.446-66.592h22.267l-45.494 101.686h-11.053l-44.687-101.686zm-397.348.152h30.15c33.312 0 56.534 20.382 56.534 49.641 0 14.59-7.104 28.696-19.118 38.057-10.108 7.901-21.626 11.445-37.574 11.445H67.414zm96.135 0h20.54v99.143h-20.54V164.4m411.734 0h58.252v16.8H595.81v22.005h36.336v16.791H595.81v26.762h37.726v16.785h-58.252V164.4zm71.858 0h30.455c23.69 0 37.265 10.71 37.265 29.272 0 15.18-8.514 25.14-23.986 28.105l33.148 41.766h-25.26l-28.429-39.828h-2.678v39.828h-20.515zm20.515 15.616v30.025h6.002c13.117 0 20.069-5.362 20.069-15.328 0-9.648-6.954-14.697-19.745-14.697h-6.326zM87.94 181.199v65.559h5.512c13.273 0 21.656-2.394 28.11-7.88 7.103-5.955 11.376-15.465 11.376-24.98 0-9.499-4.273-18.725-11.376-24.681-6.785-5.78-14.837-8.018-28.11-8.018z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#F47216",
-    d: "M415.13 161.21c30.941 0 56.022 23.58 56.022 52.709v.033c0 29.13-25.081 52.742-56.021 52.742s-56.022-23.613-56.022-52.742v-.033c0-29.13 25.082-52.71 56.022-52.71zm364.85 127.15C753.93 306.69 558.9 437.7 221.23 500.98h503.76c30.365 0 54.992-24.63 54.992-55.004v-157.62z"
-  })));
-};
-
-var Elo = function Elo(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlSpace: "preserve",
-    width: 780,
-    height: 500,
-    viewBox: "0 0 780 500"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M41.68 0h698.14c23.027 0 41.68 18.983 41.68 42.42v414.66c0 23.437-18.652 42.42-41.68 42.42H41.68C18.652 499.5 0 480.517 0 457.08V42.42C0 18.983 18.652 0 41.68 0"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF100",
-    d: "M167.25 181.4c6.8-2.3 14.1-3.5 21.7-3.5 33.2 0 60.9 23.601 67.2 54.9l47-9.6c-10.8-53.2-57.8-93.301-114.2-93.301-12.9 0-25.3 2.101-36.9 6l15.2 45.501z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#00A3DF",
-    d: "m111.75 333.8 31.8-36c-14.2-12.6-23.1-30.9-23.1-51.4 0-20.399 8.9-38.8 23.1-51.3l-31.8-35.899c-24.1 21.399-39.3 52.5-39.3 87.3 0 34.699 15.2 65.898 39.3 87.299z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#EE4023",
-    d: "M256.15 260.2c-6.4 31.3-34 54.8-67.2 54.8-7.6 0-14.9-1.2-21.8-3.5l-15.2 45.5c11.6 3.899 24.1 6 37 6 56.4 0 103.4-40 114.2-93.2z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M459.75 292.4c-7.8 7.601-18.3 12.2-29.9 12-8-.1-15.399-2.5-21.6-6.5l-15.601 24.801c10.7 6.699 23.2 10.699 36.801 10.899 19.699.3 37.699-7.5 50.8-20.2zm-28.2-101.1c-39.2-.6-71.6 30.8-72.2 70-.2 14.7 4 28.5 11.5 39.9l128.8-55.101c-7.2-30.899-34.8-54.2-68.1-54.799m-42.7 75.599c-.2-1.6-.3-3.3-.3-5 .4-23.1 19.4-41.6 42.5-41.199 12.6.199 23.8 5.899 31.3 14.899l-73.5 31.3m151.3-107.6v137.3l23.801 9.9-11.301 27.1-23.6-9.8c-5.3-2.3-8.9-5.8-11.6-9.8-2.601-4-4.601-9.601-4.601-17v-137.7h27.301zm85.901 63.5c4.2-1.4 8.6-2.1 13.3-2.1 20.3 0 37.101 14.399 41 33.5l28.7-5.9c-6.6-32.5-35.3-56.9-69.7-56.9-7.899 0-15.5 1.301-22.5 3.601l9.2 27.799m-33.901 92.9 19.4-21.9c-8.7-7.7-14.1-18.9-14.1-31.4s5.5-23.699 14.1-31.3l-19.4-21.899c-14.699 13-24 32.1-24 53.3s9.301 40.199 24 53.199zm88.201-44.801c-3.899 19.101-20.8 33.5-41 33.5-4.6 0-9.1-.8-13.3-2.199l-9.3 27.8c7.1 2.399 14.7 3.7 22.6 3.7 34.4 0 63.101-24.4 69.7-56.9l-28.7-5.901z"
-  }));
-};
-
-var Generic = function Generic(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlSpace: "preserve",
-    width: 780,
-    height: 500
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fill: "#000C9D",
-    d: "M40 0h700c22.092 0 40 17.909 40 40v420c0 22.092-17.908 40-40 40H40c-22.091 0-40-17.908-40-40V40C0 17.909 17.909 0 40 0"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#9D9400",
-    d: "M66.908 106.91h110.32v99.679H66.908z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M94.714 284.15v-3.795h-5.117v-11.27h-4.198l-.402 11.27H73.554l10.58-25.07-3.967-1.725-11.673 27.141v3.449h16.445v9.66h4.658v-9.66zm19.586-30.589c-4.025 0-7.878 1.381-11.213 4.6l2.588 2.934c2.645-2.473 5.002-3.68 8.395-3.68 4.197 0 7.532 2.357 7.532 6.727 0 4.773-3.737 6.959-7.532 6.959h-2.358l-.575 3.795h3.335c4.658 0 8.223 1.84 8.223 7.531 0 4.945-3.278 8.107-8.855 8.107-3.22 0-6.555-1.322-8.798-3.967l-3.22 2.645c2.99 3.68 7.705 5.232 12.133 5.232 8.165 0 13.742-5.174 13.742-12.018 0-6.152-4.37-9.371-9.027-9.717 4.197-.807 7.762-4.43 7.762-9.199 0-5.406-4.715-9.949-12.132-9.949zm34.477 0c-5.347 0-8.912 1.896-12.075 5.693l3.335 2.529c2.53-2.934 4.658-4.197 8.568-4.197 4.427 0 7.072 2.76 7.072 7.188 0 6.496-3.22 10.809-18.17 25.127v3.908h23.518l.575-4.08h-18.63c13.052-11.904 17.71-17.826 17.71-25.07 0-6.325-4.428-11.098-11.903-11.098zm48.738 36.339h-8.28v-35.648h-4.198l-11.73 7.244 2.07 3.393 9.085-5.463v30.476h-9.775v3.908h22.828v-3.91zm69.587-5.75v-3.795h-5.117v-11.27h-4.198l-.402 11.27h-11.443l10.58-25.07-3.967-1.725-11.673 27.141v3.449h16.445v9.66h4.658v-9.66h5.117zm19.585-30.589c-4.025 0-7.877 1.381-11.212 4.6l2.587 2.934c2.645-2.473 5.003-3.68 8.395-3.68 4.198 0 7.533 2.357 7.533 6.727 0 4.773-3.738 6.959-7.533 6.959H284.1l-.575 3.795h3.335c4.657 0 8.222 1.84 8.222 7.531 0 4.945-3.277 8.107-8.855 8.107-3.22 0-6.555-1.322-8.797-3.967l-3.22 2.645c2.99 3.68 7.705 5.232 12.132 5.232 8.165 0 13.743-5.174 13.743-12.018 0-6.152-4.37-9.371-9.028-9.717 4.198-.807 7.763-4.43 7.763-9.199 0-5.406-4.715-9.949-12.133-9.949zm34.478 0c-5.348 0-8.913 1.896-12.075 5.693l3.335 2.529c2.53-2.934 4.657-4.197 8.567-4.197 4.428 0 7.073 2.76 7.073 7.188 0 6.496-3.221 10.809-18.171 25.127v3.908h23.518l.575-4.08h-18.63c13.053-11.904 17.71-17.826 17.71-25.07 0-6.325-4.427-11.098-11.902-11.098zm48.737 36.339h-8.28v-35.648h-4.196l-11.729 7.244 2.069 3.393 9.085-5.463v30.476h-9.774v3.908h22.827l-.002-3.91zm69.588-5.75v-3.795h-5.119v-11.27h-4.197l-.401 11.27H418.33l10.58-25.07-3.969-1.725-11.672 27.141v3.449h16.445v9.66h4.656v-9.66h5.12zm19.584-30.589c-4.023 0-7.877 1.381-11.213 4.6l2.588 2.934c2.646-2.473 5.002-3.68 8.396-3.68 4.195 0 7.531 2.357 7.531 6.727 0 4.773-3.736 6.959-7.531 6.959h-2.358l-.574 3.795h3.334c4.658 0 8.225 1.84 8.225 7.531 0 4.945-3.278 8.107-8.854 8.107-3.222 0-6.556-1.322-8.799-3.967l-3.22 2.645c2.988 3.68 7.703 5.232 12.134 5.232 8.163 0 13.741-5.174 13.741-12.018 0-6.152-4.371-9.371-9.026-9.717 4.196-.807 7.762-4.43 7.762-9.199-.003-5.406-4.718-9.949-12.136-9.949zm34.479 0c-5.348 0-8.912 1.896-12.076 5.693l3.337 2.529c2.528-2.934 4.657-4.197 8.565-4.197 4.428 0 7.072 2.76 7.072 7.188 0 6.496-3.219 10.809-18.17 25.127v3.908h23.518l.576-4.08h-18.631c13.053-11.904 17.711-17.826 17.711-25.07 0-6.326-4.428-11.098-11.904-11.098h.002zm48.736 36.339h-8.279v-35.648h-4.197l-11.729 7.244 2.07 3.393 9.084-5.463v30.476h-9.775v3.908h22.828l-.002-3.91zm69.588-5.75v-3.795h-5.117v-11.27h-4.197l-.401 11.27h-11.443l10.58-25.07-3.967-1.725-11.672 27.141v3.449h16.445v9.66h4.655v-9.66h5.117zm19.584-30.589c-4.023 0-7.877 1.381-11.211 4.6l2.588 2.934c2.646-2.473 5.002-3.68 8.396-3.68 4.196 0 7.532 2.357 7.532 6.727 0 4.773-3.737 6.959-7.532 6.959h-2.357l-.574 3.795h3.334c4.658 0 8.224 1.84 8.224 7.531 0 4.945-3.277 8.107-8.855 8.107-3.219 0-6.555-1.322-8.797-3.967l-3.221 2.645c2.99 3.68 7.705 5.232 12.133 5.232 8.166 0 13.742-5.174 13.742-12.018 0-6.152-4.369-9.371-9.027-9.717 4.197-.807 7.764-4.43 7.764-9.199 0-5.406-4.715-9.949-12.133-9.949h-.006zm34.478 0c-5.347 0-8.912 1.896-12.074 5.693l3.334 2.529c2.531-2.934 4.658-4.197 8.567-4.197 4.429 0 7.072 2.76 7.072 7.188 0 6.496-3.221 10.809-18.17 25.127v3.908h23.519l.575-4.08h-18.631c13.054-11.904 17.711-17.826 17.711-25.07.002-6.325-4.428-11.098-11.903-11.098zm48.739 36.339H706.4v-35.648h-4.2l-11.729 7.244 2.068 3.393 9.086-5.463v30.476h-9.775v3.908h22.828v-3.91z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    fillOpacity: 0.784,
-    d: "M72.219 389.2h6.445v-22.246l-7.012 1.406v-3.594l6.973-1.406h3.945v25.84h6.446v3.32H72.219v-3.32zm25.468 0h6.446v-22.246l-7.012 1.406v-3.594l6.973-1.406h3.945v25.84h6.445v3.32H97.687v-3.32zm40.918 0h13.77v3.32h-18.516v-3.32a752.685 752.685 0 0 1 6.114-6.229c2.591-2.617 4.218-4.305 4.882-5.061 1.263-1.42 2.142-2.617 2.637-3.594.508-.988.762-1.959.762-2.91 0-1.549-.547-2.811-1.64-3.789-1.081-.977-2.495-1.465-4.24-1.465-1.237 0-2.545.215-3.925.646-1.367.43-2.831 1.08-4.394 1.953v-3.986c1.588-.637 3.072-1.119 4.453-1.443 1.38-.326 2.643-.486 3.789-.486 3.021 0 5.429.754 7.226 2.264 1.797 1.512 2.696 3.529 2.696 6.055a8.696 8.696 0 0 1-.684 3.418c-.442 1.068-1.256 2.332-2.441 3.789-.326.377-1.361 1.471-3.106 3.281a2639.606 2639.606 0 0 1-7.383 7.557zm34.024-12.402c1.888.404 3.359 1.244 4.414 2.521 1.067 1.275 1.601 2.852 1.601 4.727 0 2.877-.99 5.104-2.968 6.682-1.979 1.574-4.792 2.361-8.438 2.361-1.224 0-2.487-.125-3.789-.371a26.818 26.818 0 0 1-4.004-1.074v-3.809a13.644 13.644 0 0 0 3.594 1.445c1.302.324 2.663.488 4.082.488 2.474 0 4.356-.488 5.645-1.465 1.302-.979 1.953-2.396 1.953-4.26 0-1.719-.605-3.061-1.817-4.021-1.198-.979-2.872-1.465-5.02-1.465h-3.398v-3.242h3.555c1.94 0 3.425-.385 4.453-1.152 1.029-.781 1.543-1.9 1.543-3.359 0-1.496-.534-2.645-1.601-3.438-1.055-.809-2.572-1.211-4.551-1.211-1.081 0-2.24.117-3.477.354-1.237.232-2.597.598-4.082 1.092v-3.514a38.214 38.214 0 0 1 4.2-.939 23.906 23.906 0 0 1 3.71-.311c2.995 0 5.365.682 7.11 2.049 1.745 1.354 2.617 3.189 2.617 5.508 0 1.615-.462 2.98-1.387 4.102-.925 1.105-2.24 1.872-3.945 2.302zm26.289-13.438h15.488v3.32h-11.874v7.148c.573-.195 1.146-.34 1.719-.43a9.516 9.516 0 0 1 1.719-.156c3.255 0 5.833.893 7.734 2.676s2.852 4.199 2.852 7.246c0 3.139-.977 5.578-2.93 7.324-1.954 1.732-4.708 2.598-8.262 2.598-1.224 0-2.474-.104-3.75-.312a29.714 29.714 0 0 1-3.926-.938v-3.965c1.172.639 2.383 1.113 3.633 1.426s2.572.469 3.965.469c2.253 0 4.037-.594 5.352-1.777s1.972-2.793 1.972-4.824-.657-3.639-1.972-4.824-3.099-1.775-5.352-1.775c-1.055 0-2.109.117-3.164.352-1.041.234-2.109.6-3.203 1.092l-.001-14.65zm33.867 15.313c-1.875 0-3.353.502-4.434 1.506-1.067 1.002-1.601 2.383-1.601 4.141s.534 3.137 1.601 4.139c1.082 1.004 2.56 1.506 4.434 1.506 1.875 0 3.354-.502 4.434-1.504 1.08-1.016 1.62-2.396 1.62-4.141 0-1.758-.54-3.139-1.62-4.141-1.068-1.004-2.546-1.506-4.434-1.506zm-3.945-1.68c-1.693-.416-3.015-1.203-3.965-2.363-.938-1.158-1.406-2.57-1.406-4.236 0-2.332.827-4.174 2.48-5.527 1.667-1.354 3.945-2.029 6.836-2.029 2.904 0 5.183.676 6.836 2.027 1.653 1.355 2.48 3.197 2.48 5.529 0 1.666-.475 3.078-1.425 4.236-.938 1.16-2.247 1.947-3.926 2.363 1.9.443 3.378 1.311 4.434 2.598 1.067 1.289 1.601 2.865 1.601 4.729 0 2.824-.866 4.992-2.598 6.504-1.719 1.51-4.186 2.266-7.402 2.266s-5.69-.756-7.422-2.266c-1.719-1.512-2.578-3.68-2.578-6.504 0-1.863.534-3.439 1.602-4.729 1.067-1.289 2.551-2.154 4.453-2.598m-1.446-6.228c0 1.51.469 2.688 1.407 3.533.95.848 2.278 1.271 3.984 1.271 1.693 0 3.015-.424 3.965-1.271.963-.848 1.445-2.023 1.445-3.535 0-1.51-.481-2.688-1.445-3.535-.951-.846-2.272-1.271-3.965-1.271-1.706 0-3.034.426-3.984 1.271-.938.847-1.407 2.025-1.407 3.537zM325.45 388.23h6.444v-22.246l-7.012 1.406v-3.594l6.973-1.406h3.946v25.84h6.444v3.32h-16.797l.002-3.32zm36.738-12.404c1.889.404 3.359 1.244 4.415 2.521 1.067 1.275 1.602 2.852 1.602 4.727 0 2.877-.989 5.105-2.969 6.68-1.979 1.576-4.791 2.363-8.438 2.363-1.224 0-2.487-.123-3.79-.371a26.363 26.363 0 0 1-4.003-1.074v-3.809a13.583 13.583 0 0 0 3.595 1.445c1.303.326 2.662.488 4.082.488 2.474 0 4.354-.488 5.645-1.465 1.302-.977 1.953-2.396 1.953-4.258 0-1.719-.605-3.061-1.816-4.023-1.197-.977-2.871-1.465-5.02-1.465h-3.398v-3.242h3.556c1.939 0 3.425-.385 4.453-1.152 1.028-.781 1.543-1.9 1.543-3.359 0-1.496-.533-2.643-1.603-3.438-1.055-.807-2.571-1.209-4.55-1.209-1.081 0-2.24.115-3.479.35-1.236.234-2.598.6-4.081 1.096v-3.518a38.635 38.635 0 0 1 4.198-.938 23.7 23.7 0 0 1 3.71-.312c2.996 0 5.365.686 7.11 2.053 1.744 1.354 2.616 3.189 2.616 5.508 0 1.613-.462 2.98-1.386 4.102-.923 1.103-2.239 1.872-3.945 2.3zm16.915 12.404h13.771v3.32h-18.518v-3.32a735.247 735.247 0 0 1 6.114-6.23c2.59-2.617 4.218-4.305 4.883-5.059 1.264-1.42 2.143-2.617 2.637-3.594.508-.99.762-1.961.762-2.91 0-1.549-.547-2.812-1.64-3.789-1.081-.977-2.494-1.465-4.239-1.465-1.236 0-2.545.215-3.926.645-1.367.43-2.831 1.08-4.396 1.953v-3.984c1.589-.639 3.073-1.119 4.453-1.445s2.645-.488 3.789-.488c3.021 0 5.43.756 7.227 2.268 1.797 1.51 2.695 3.527 2.695 6.055a8.7 8.7 0 0 1-.684 3.418c-.441 1.066-1.256 2.33-2.441 3.789-.325.377-1.36 1.471-3.104 3.279a2783.933 2783.933 0 0 1-7.383 7.557zm22.753 0h6.447v-22.246l-7.014 1.406v-3.594l6.975-1.406h3.943v25.84h6.445v3.32h-16.798zm49.472-12.404c1.889.404 3.358 1.244 4.414 2.521 1.067 1.275 1.604 2.852 1.604 4.727 0 2.877-.99 5.105-2.971 6.68-1.979 1.576-4.791 2.363-8.438 2.363a20.24 20.24 0 0 1-3.788-.371 26.385 26.385 0 0 1-4.005-1.074v-3.809a13.61 13.61 0 0 0 3.595 1.445 16.76 16.76 0 0 0 4.082.488c2.475 0 4.354-.488 5.645-1.465 1.303-.977 1.953-2.396 1.953-4.258 0-1.719-.605-3.061-1.814-4.023-1.198-.977-2.873-1.465-5.021-1.465h-3.396v-3.242h3.554c1.94 0 3.424-.385 4.453-1.152 1.028-.781 1.543-1.9 1.543-3.359 0-1.496-.533-2.643-1.603-3.438-1.055-.807-2.569-1.209-4.551-1.209-1.08 0-2.238.115-3.477.35-1.236.234-2.599.6-4.082 1.096v-3.518a38.612 38.612 0 0 1 4.2-.938 23.677 23.677 0 0 1 3.709-.312c2.996 0 5.365.686 7.109 2.053 1.746 1.354 2.617 3.189 2.617 5.508 0 1.613-.461 2.98-1.387 4.102-.923 1.103-2.238 1.872-3.945 2.3zm24.356-10-9.959 15.568h9.959v-15.568m-1.036-3.435h4.961v19.004h4.159v3.281h-4.159v6.875h-3.925v-6.875h-13.166v-3.811l12.132-18.477h-.002v.003zm15.706 0h15.486v3.32h-11.875v7.146a10.489 10.489 0 0 1 1.721-.43 9.597 9.597 0 0 1 1.718-.156c3.256 0 5.834.893 7.735 2.676 1.9 1.785 2.851 4.199 2.851 7.246 0 3.139-.978 5.58-2.931 7.324-1.953 1.73-4.707 2.598-8.262 2.598-1.223 0-2.473-.104-3.75-.311a29.957 29.957 0 0 1-3.926-.939V386.9a15.356 15.356 0 0 0 3.633 1.426 16.23 16.23 0 0 0 3.967.469c2.252 0 4.035-.592 5.351-1.775 1.315-1.186 1.973-2.793 1.973-4.824s-.656-3.641-1.973-4.824c-1.314-1.186-3.099-1.777-5.351-1.777-1.055 0-2.108.117-3.164.352-1.043.234-2.11.6-3.203 1.094v-14.65zm25.466 0h15.489v3.32h-11.877v7.146a10.453 10.453 0 0 1 1.72-.43 9.59 9.59 0 0 1 1.719-.156c3.256 0 5.832.893 7.733 2.676 1.9 1.785 2.853 4.199 2.853 7.246 0 3.139-.978 5.58-2.93 7.324-1.953 1.73-4.707 2.598-8.263 2.598a23.38 23.38 0 0 1-3.75-.311 29.843 29.843 0 0 1-3.926-.939V386.9a15.356 15.356 0 0 0 3.633 1.426c1.25.314 2.572.469 3.965.469 2.252 0 4.037-.592 5.353-1.775 1.313-1.186 1.973-2.793 1.973-4.824s-.658-3.641-1.973-4.824c-1.316-1.186-3.101-1.777-5.353-1.777-1.055 0-2.108.117-3.164.352-1.043.234-2.108.6-3.202 1.094z"
-  }));
-};
-
-var Hiper = function Hiper(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlSpace: "preserve",
-    viewBox: "0 0 780 500"
-  }, props), /*#__PURE__*/React.createElement("style", null, ".hiper_svg__st1{fill:#fff}"), /*#__PURE__*/React.createElement("path", {
-    d: "M724.3 0H55.7C25.4 0 .8 24.6.8 54.9v390.2c0 30.3 24.6 54.9 54.9 54.9h668.7c30.3 0 54.9-24.6 54.9-54.9V54.9c-.1-30.3-24.7-54.9-55-54.9",
-    fill: "#f37421"
-  }), /*#__PURE__*/React.createElement("path", {
-    className: "hiper_svg__st1",
-    d: "M100 139.9v175h39.7v-73.2h65.2v73.2h39.5v-175h-39.5v67.3h-65.2v-67.3zM586.2 264c.5-2.9 1.3-8.8 1.3-15.6 0-31.4-15.6-63.4-56.6-63.4-44.1 0-64.1 35.6-64.1 67.8 0 39.7 24.7 64.7 67.8 64.7 17.1 0 33-2.6 46-7.8l-5.2-26.7c-10.6 3.4-21.6 5.2-35.1 5.2-18.4 0-34.5-7.8-35.8-24.1h81.7zm-82.1-27c1-10.6 7.8-25.7 24.4-25.7 18.2 0 22.3 16.1 22.3 25.7zM600.1 314.9h39.5v-64.4c0-3.1.3-6.2.8-8.8 2.6-12.2 12.5-20 27-20 4.4 0 7.8.5 10.6 1v-37.1c-2.9-.5-4.7-.5-8.3-.5-12.2 0-27.8 7.8-34.3 26.2h-1l-1.3-23.4h-34c.5 10.9 1 23.1 1 41.8v85.2z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M284.5 132.9c11.2 0 20.3 9.1 20.3 20.3 0 11.2-9.1 20.3-20.3 20.3-11.2 0-20.3-9.1-20.3-20.3 0-11.2 9.1-20.3 20.3-20.3",
-    fill: "#ffe700",
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M367.9 285.3h19.8c19.9 0 28.9-12.7 28.9-26s-1-43.3-25.5-43.3c-28.2 0-23.7 37.3-23.5 56.8-.1 4.2.2 8.4.3 12.5m-103.7-97.5h40.6v71.6c0 13.3 7.4 26 23.7 26 .1-32.2 0-65.4-1.1-97.6h33.9c.7 6.2 1.4 12.4 2 18.6 16-32 66.5-25 83.5 2.1 17.5 27.9 23.5 107.9-59.1 107.9h-19.2c.2 16.2.2 32.5.2 48.8h-40.6c0-15.6.1-32 .2-48.8-43.9-.2-64.1-28-64.1-57v-71.6z",
-    fill: "#fff",
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
-};
-
-var Hipercard = function Hipercard(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlSpace: "preserve",
-    viewBox: "0 0 780 500"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M725 0H55C24.673 0 0 24.673 0 55v391c0 30.327 24.673 55 55 55h670c30.325 0 55-24.673 55-55V55c0-30.327-24.675-55-55-55",
-    fill: "#fff"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#B3131B",
-    className: "hiper_svg__st1",
-    d: "m333.56 399.69-286.53.104v-.69c0-.379.457-2.838 1.015-5.465.559-2.626 1.427-6.804 1.931-9.283a5493.85 5493.85 0 0 1 1.909-9.364 3950.214 3950.214 0 0 0 3.989-19.592c.517-2.576 1.378-6.79 1.916-9.363a2545.19 2545.19 0 0 0 2.037-9.884c.582-2.86 1.467-7.231 1.967-9.711s1.294-6.303 1.765-8.495c.47-2.193 1.071-5.158 1.333-6.59.263-1.43 1.114-5.645 1.891-9.363a764.39 764.39 0 0 0 1.905-9.363c.271-1.43 1.132-5.645 1.914-9.363.781-3.718 1.639-7.932 1.907-9.363.268-1.43 1.131-5.644 1.917-9.363.788-3.72 1.638-7.854 1.888-9.189.252-1.335.94-4.768 1.53-7.629.589-2.861 1.705-8.245 2.479-11.964a2471.17 2471.17 0 0 0 2.942-14.394c.845-4.195 1.854-9.188 2.243-11.096a4356.864 4356.864 0 0 1 3.461-16.818c.574-2.768 1.507-7.293 2.074-10.059.568-2.766 1.442-7.057 1.943-9.536s1.356-6.614 1.9-9.19c.544-2.574 1.48-7.101 2.08-10.057.6-2.957 1.605-7.482 2.233-10.057s1.516-5.696 1.974-6.935c.457-1.241 1.72-3.927 2.806-5.973l1.975-3.717 1.795-2.352c.986-1.292 2.749-3.335 3.916-4.539s3.135-3.016 4.376-4.026c1.239-1.011 3.034-2.375 3.987-3.031.954-.656 2.827-1.805 4.162-2.553s3.209-1.727 4.162-2.176c.954-.449 2.905-1.27 4.335-1.823 1.43-.552 4.161-1.479 6.068-2.058 1.907-.58 5.488-1.454 7.957-1.941 2.469-.488 6.369-1.14 8.67-1.449l4.181-.562 286.71-.108 286.71-.111v.69c0 .379-.46 2.838-1.021 5.464a1298.22 1298.22 0 0 0-2.088 9.977c-.588 2.861-1.441 6.997-1.901 9.19-.65 3.12-1.295 6.241-1.933 9.363a6439.36 6439.36 0 0 1-2.063 10.057c-.531 2.575-1.392 6.789-1.912 9.363-.52 2.576-1.386 6.789-1.923 9.363-.626 3.004-1.244 6.01-1.854 9.018-.481 2.384-1.353 6.675-1.936 9.536-.584 2.86-1.521 7.387-2.083 10.057s-1.418 6.806-1.902 9.19l-1.938 9.535c-.582 2.861-1.517 7.388-2.079 10.059-.562 2.67-1.398 6.727-1.861 9.016a7757.898 7757.898 0 0 1-3.874 19.074c-.47 2.288-1.307 6.346-1.86 9.016-.709 3.408-1.411 6.818-2.108 10.23a8889.65 8889.65 0 0 1-1.923 9.364c-.454 2.192-1.301 6.327-1.885 9.188-.684 3.354-1.371 6.705-2.063 10.057-.551 2.671-1.415 6.885-1.921 9.365-.504 2.479-1.383 6.771-1.95 9.535-.568 2.766-1.497 7.291-2.062 10.057-.566 2.766-1.414 6.902-1.885 9.191-.642 3.119-1.278 6.24-1.912 9.362a952.63 952.63 0 0 1-2.102 10.019l-1.044 4.817-1.244 3.332c-.684 1.833-1.713 4.269-2.287 5.414-.571 1.144-1.738 3.163-2.592 4.487-.854 1.322-2.044 3.018-2.644 3.767-.601.749-2.407 2.683-4.018 4.299l-2.923 2.935-2.814 2c-1.548 1.101-3.217 2.22-3.705 2.486-.49.268-2.355 1.221-4.146 2.115-1.789.896-4.317 2.037-5.617 2.534-1.3.499-3.875 1.346-5.722 1.883-1.847.539-3.827 1.069-4.398 1.179-.573.109-2.559.52-4.414.914-1.855.393-5.601.979-8.322 1.303l-4.95.59-286.53.1zm-101.94-74.115h7.456l.21-.549c.117-.302.211-1.011.211-1.576s.246-2.619.547-4.565c.3-1.948 1.004-6.427 1.566-9.955.561-3.529 1.401-8.835 1.867-11.791.443-2.8.864-5.604 1.265-8.41.229-1.669.508-3.034.621-3.034.112 0 .594.737 1.071 1.639l.866 1.639 1.922 1.938 1.923 1.937 2.366.948 2.367.947 2.82.365 2.821.365 3.579-.219 3.58-.221 3.876-1.002 3.877-1.005 2.08-.948c1.145-.522 3.173-1.662 4.508-2.531l2.428-1.581 2.263-2.263c1.245-1.242 3.001-3.238 3.901-4.434.902-1.193 1.639-2.258 1.639-2.364s.443-.846.984-1.644c.541-.797 1.647-3.012 2.459-4.918.813-1.907 2.081-5.34 2.821-7.629l1.344-4.162.695-3.604c.382-1.982.874-5.26 1.093-7.283l.397-3.678-.23-3.121-.229-3.121-.725-3.121-.723-3.121-1.172-2.336-1.171-2.338-2.263-2.398-2.262-2.398-2.677-1.384-2.677-1.383-2.948-.707-2.948-.705-2.948-.216-2.947-.217-3.283.377-3.285.378-2.679.685-2.68.684-2.329 1.078c-1.28.592-3.144 1.599-4.14 2.236-.997.639-2.026 1.371-2.286 1.63-.259.259-.882.74-1.382 1.066l-.911.597.636-3.047c.351-1.675.643-3.24.651-3.48l.014-.433h-12.716l-1.114 7.022c-.614 3.863-1.582 9.832-2.152 13.266a5814.12 5814.12 0 0 1-3.816 22.714c-.567 3.337-1.504 8.644-2.083 11.791s-1.426 7.751-1.884 10.231c-.457 2.479-1.319 7.16-1.913 10.402-.701 3.816-1.409 7.631-2.124 11.444-.677 3.586-1.369 7.169-2.074 10.75-.568 2.86-1.116 5.554-1.221 5.981l-.189.781h7.457v.001zm32.1-40.095-2.895.175-1.892-.336-1.893-.334-1.922-.877-1.923-.878-1.342-1.282-1.343-1.281-.775-1.734c-.427-.954-.974-2.574-1.217-3.602l-.442-1.865.177-2.989.178-2.987.893-4.683a930.952 930.952 0 0 0 1.96-10.75c.587-3.338 1.477-8.229 1.976-10.869l.907-4.8 1.988-1.654c1.094-.908 2.826-2.129 3.85-2.709l1.86-1.056 2.427-.751 2.428-.752 3.121-.184 3.121-.183 2.542.542 2.541.541 1.794.826 1.793.826 1.504 1.512 1.505 1.512.81 1.602c.447.881 1.074 2.604 1.393 3.83l.581 2.229-.178 6.59-.178 6.59-.89 3.895c-.49 2.142-1.422 5.419-2.072 7.281l-1.181 3.389-1.448 2.742c-.796 1.509-2.023 3.547-2.727 4.529s-1.827 2.258-2.495 2.83a54.497 54.497 0 0 1-2.484 1.991l-1.271.949-2.943 1.001-2.943 1.001-2.895.173zm72.011 9.534 3.815.044 3.813-.348c2.1-.191 5.532-.59 7.629-.887 2.1-.295 5.724-.957 8.056-1.469l4.239-.933.212-1.564c.115-.858.592-3.417 1.058-5.685l.847-4.125-.188-.186-.187-.187-1.296.625c-.713.344-2.934 1.166-4.934 1.825l-3.638 1.197-3.818.741-3.818.739-6.068.013-6.069.011-2.081-.664c-1.144-.365-2.827-1.033-3.74-1.486l-1.659-.821-1.369-1.237-1.37-1.238-1.069-1.867-1.069-1.869-.67-2.342-.67-2.344-.004-4.336-.005-4.336.594-3.867.597-3.869 5.218-.244 5.218-.244 19.291.125 19.29.123.582-2.47c.321-1.359.811-4.168 1.089-6.242l.506-3.772.011-3.172.012-3.173-.549-2.368-.551-2.369-.908-1.567c-.498-.862-1.38-2.112-1.955-2.778-.576-.665-1.605-1.604-2.286-2.084-.683-.48-2.02-1.29-2.974-1.797l-1.733-.922-3.029-.73-3.03-.729-3.731-.357-3.734-.356-3.467.226-3.468.225-4.162.8-4.161.8-2.602 1.039c-1.431.57-3.615 1.615-4.854 2.318-1.24.703-2.956 1.847-3.813 2.541-.86.696-2.347 2.049-3.304 3.006-.958.957-2.376 2.676-3.148 3.82-.774 1.146-1.96 3.174-2.638 4.508-.676 1.336-1.557 3.209-1.958 4.162-.399.953-1.129 2.904-1.617 4.334-.49 1.432-1.26 4.162-1.709 6.07a114.01 114.01 0 0 0-1.373 6.977l-.554 3.51.006 5.16.006 5.16.526 2.254c.289 1.24.845 3.113 1.231 4.162s1.104 2.609 1.593 3.468 1.532 2.239 2.318 3.071c.785.83 2.21 2.092 3.164 2.801.952.709 2.65 1.709 3.771 2.219l2.039.928 2.843.688c1.563.378 3.923.826 5.244.996 1.317.165 4.114.325 6.212.348zm6.531-48.853c-9.6 0-17.455-.068-17.455-.153 0-.083.41-1.293.911-2.688.5-1.394 1.38-3.468 1.953-4.609l1.045-2.077 2.293-2.281 2.294-2.283 2.255-1.077c1.239-.593 2.878-1.238 3.641-1.435.764-.196 2.947-.456 4.854-.577l3.469-.223 2.664.343 2.662.342 1.936.886 1.936.887 1.062 1.145c.583.629 1.278 1.557 1.546 2.059l.483.916.32 2.033.321 2.031-.367 3.381-.366 3.383h-17.457v-.003zm103.75 48.855 3.817.042 4.332-.514c2.383-.282 5.555-.75 7.05-1.041a80.37 80.37 0 0 0 5.375-1.275c1.462-.414 2.785-.861 2.939-.993.155-.133.567-1.706.918-3.497s.792-4.192.981-5.337c.188-1.145.286-2.142.217-2.217-.07-.075-.325.022-.568.214-.243.194-1.944.91-3.781 1.592l-3.339 1.24-4.756.921-4.756.921-4.042-.137-4.043-.138-2.297-.798-2.297-.797-1.774-1.551-1.773-1.553-1.178-2.145-1.177-2.143-.562-2.869-.561-2.867.005-3.721.003-3.721.681-4.508.682-4.51.721-2.428c.396-1.335.846-2.895.997-3.467.152-.573.787-2.211 1.413-3.643.625-1.43 1.741-3.641 2.479-4.912l1.342-2.312 1.649-1.709 1.648-1.709 1.745-1.082 1.747-1.083 2.242-.691c1.233-.379 3.413-.873 4.843-1.094l2.602-.406 3.813.191 3.815.191 4.508.902 4.509.901 1.833.685c1.008.375 1.877.685 1.932.685.054 0 .296-1.288.537-2.862.242-1.572.672-4.162.956-5.752.285-1.592.449-2.962.364-3.045-.083-.084-1.438-.299-3.01-.479-1.573-.178-5.848-.496-9.498-.707l-6.639-.381-4.683.358-4.681.36-3.469.728-3.468.729-2.233.893c-1.229.491-3.027 1.378-3.998 1.971a61.659 61.659 0 0 0-2.745 1.77c-.54.382-2.176 1.87-3.638 3.309l-2.655 2.613-1.484 2.172c-.814 1.195-2.225 3.686-3.134 5.536l-1.652 3.364-1.267 3.64c-.696 2.003-1.669 5.28-2.16 7.283l-.895 3.642-.325 3.295-.324 3.295.003 4.334.004 4.334.327 2.522.327 2.522 1.039 2.594 1.038 2.594 1.201 1.875 1.198 1.875 1.907 1.878 1.909 1.877 2.017 1.068 2.02 1.065 2.65.737c1.457.404 3.564.869 4.682 1.032s3.748.316 5.848.339h-.003zm57.044-.128 4.681-.135 2.948-.754 2.948-.756 1.908-.9c1.049-.495 2.765-1.475 3.813-2.176 1.05-.7 2.675-2.032 3.609-2.959.935-.928 2.322-2.51 3.082-3.517s1.428-1.784 1.483-1.728c.058.056-.118 1.658-.389 3.562-.269 1.905-.493 4.438-.497 5.631l-.006 2.166h12.729l.194-4.94.194-4.942.908-6.416c.5-3.529 1.307-8.757 1.794-11.617.485-2.86 1.331-7.697 1.879-10.75a2412.41 2412.41 0 0 1 1.925-10.578l.932-5.027.032-4.344.03-4.344-.981-2.007-.982-2.008-1.331-1.278-1.333-1.279-2.185-1.106-2.188-1.108-3.259-.726-3.259-.726-4.486-.34-4.487-.342-5.778.358c-3.181.196-7.652.584-9.941.862l-4.162.505-2.836.011-2.836.011-.413 1.995c-.227 1.096-.858 3.701-1.401 5.79-.545 2.088-.938 3.847-.877 3.908s1.578-.283 3.37-.765c1.792-.483 5.601-1.275 8.462-1.764l5.201-.886 4.682-.192 4.682-.193 3.016.529 3.017.528 2.012.993 2.013.994 1.127 1.68 1.128 1.68-.016 2.647-.017 2.649-.598 2.905-.598 2.907-12.479.045-12.478.044-4.083 1.12c-2.246.616-4.733 1.434-5.527 1.816-.794.385-1.588.699-1.765.699-.176 0-1.512.739-2.969 1.646l-2.648 1.645-2.085 2.082c-1.148 1.146-2.613 2.862-3.257 3.816-.645.953-1.691 2.945-2.325 4.427l-1.154 2.693-.529 3.028-.53 3.028v6.355l.505 2.646.507 2.646.938 1.725c.517.948 1.466 2.339 2.106 3.089l1.168 1.364 2.073 1.26 2.074 1.261 2.375.67c1.306.369 3.293.817 4.417.996l2.042.321 4.682-.134h-.001zm4.335-9.699-2.774.146-1.838-.469c-1.01-.257-2.544-.83-3.407-1.274l-1.569-.808-.858-1.019c-.471-.562-1.19-1.661-1.6-2.446l-.743-1.428-.145-3.333-.147-3.334.588-2.022c.323-1.111 1.082-3.043 1.687-4.289l1.098-2.267 2.104-2.087 2.102-2.088 2.232-1.075 2.231-1.073 2.774-.66 2.774-.66h17.34l.549.228.548.226-.461 2.723c-.254 1.496-.859 4.203-1.347 6.015-.485 1.813-1.344 4.476-1.906 5.919-.563 1.444-1.024 2.721-1.024 2.836 0 .117-.57 1.168-1.267 2.338l-1.267 2.127-2.079 2.061c-1.143 1.132-2.206 2.059-2.359 2.059s-.854.392-1.558.868l-1.277.866-2.813.891-2.812.889-2.776.14zm112.88 9.822 3.294.042 3.122-.507c1.717-.278 3.901-.727 4.855-.997.953-.271 2.671-.97 3.813-1.556l2.082-1.066 1.79-1.576 1.789-1.576 1.886-2.513c1.037-1.383 1.976-2.748 2.086-3.035l.201-.521-.175 1.734a57.135 57.135 0 0 1-.479 3.469c-.169.953-.407 2.787-.533 4.074l-.23 2.34h13.606v-4.681l1.036-8.844c.569-4.864 1.413-11.339 1.873-14.392s1.171-7.42 1.58-9.709c.406-2.289 1.13-6.426 1.604-9.19.476-2.765 1.334-7.604 1.908-10.75.573-3.148 1.492-8.142 2.041-11.097l1.895-10.231c.494-2.669 1.377-7.353 1.964-10.403.615-3.184 1.25-6.363 1.906-9.537.462-2.192.839-4.105.838-4.248v-.261h-14.844l-.219 2.168c-.12 1.192-.689 5.132-1.262 8.757a2210.22 2210.22 0 0 1-2.08 12.83 2326.75 2326.75 0 0 0-1.22 7.399l-.186 1.155-.585-.248c-.322-.137-2.069-.622-3.88-1.077l-3.294-.827-4.508-.352-4.51-.351-3.814.354-3.814.356-3.468.877-3.468.876-3.294 1.607-3.296 1.607-2.428 1.795-2.427 1.797-2.097 2.25c-1.153 1.235-2.818 3.281-3.702 4.543l-1.604 2.297-1.886 3.922c-1.036 2.158-2.298 5.015-2.803 6.35-.506 1.336-1.396 4.295-1.981 6.577l-1.061 4.15-.523 5.388-.522 5.387.392 4.334.395 4.336.463 1.56c.257.858.794 2.388 1.196 3.397l.732 1.84 1.335 1.806 1.336 1.808 1.524 1.248 1.523 1.249 2.081 1.034c1.146.566 3.064 1.302 4.267 1.631 1.2.329 3.151.725 4.335.878 1.183.156 3.632.301 5.445.323zm5.913-9.837-2.619.137-1.766-.317c-.972-.175-2.527-.645-3.457-1.043l-1.689-.723-1.422-1.166-1.421-1.164-1.056-2.023-1.057-2.022-.482-2.254-.48-2.255.041-4.508.04-4.508.56-3.989.559-3.987.869-2.773c.479-1.526.872-2.967.874-3.201.004-.232.474-1.48 1.049-2.772a95.333 95.333 0 0 1 2.13-4.431c.599-1.145 1.717-2.928 2.483-3.965.769-1.035 2.138-2.596 3.042-3.469.904-.869 2.341-2.014 3.196-2.539l1.552-.955 2.727-.943 2.727-.944 5.722-.003h5.722l3.294.915c1.813.502 3.737 1.085 4.276 1.295l.981.382-.191.951c-.104.524-.518 2.825-.916 5.113-.398 2.289-1.184 6.659-1.745 9.711s-1.423 7.656-1.916 10.23c-.492 2.574-1.205 5.852-1.585 7.281-.39 1.47-.786 2.938-1.189 4.403-.275.991-.93 2.709-1.454 3.815-.525 1.106-1.444 2.715-2.042 3.572-.599.858-1.608 2.049-2.246 2.643-.639.596-2.02 1.652-3.068 2.349l-1.907 1.269-2.757.875-2.757.875-2.622.138zm-510.38 8.149h8.425l.605-3.727c.332-2.051.982-5.992 1.443-8.757l1.907-11.444c.588-3.529 1.47-8.757 1.959-11.617.489-2.861 1.267-7.299 1.727-9.861.461-2.565.926-4.75 1.032-4.856l.195-.194h45.313l.252.252.252.252-.394 2.002c-.215 1.102-.854 4.498-1.419 7.551-.565 3.052-1.515 8.201-2.112 11.445-.627 3.412-1.265 6.821-1.914 10.229-.458 2.384-1.384 7.377-2.058 11.097-.673 3.719-1.223 6.957-1.221 7.196l.004.433h16.921l.374-2.166c.207-1.192.537-3.338.737-4.769.198-1.431.679-4.476 1.066-6.763.387-2.288 1.16-6.815 1.719-10.057.558-3.242 1.494-8.783 2.078-12.312s1.45-8.679 1.926-11.443c.602-3.472 1.229-6.94 1.88-10.403.559-2.957 1.491-7.95 2.071-11.099.58-3.146 1.447-7.905 1.929-10.577.482-2.67 1.36-7.508 1.952-10.75s1.339-7.025 1.66-8.41l.584-2.514h-17.133l-.233 1.648c-.127.904-.541 3.441-.919 5.635-.379 2.193-1.065 6.094-1.527 8.669-.462 2.576-1.306 7.491-1.876 10.925a815.983 815.983 0 0 0-1.614 10.1l-.578 3.856-12.575.255-12.576.254-10.532-.25c-5.793-.137-10.565-.277-10.605-.31-.039-.034.158-1.381.438-2.995a274.33 274.33 0 0 1 1.179-6.229 693.105 693.105 0 0 0 1.55-7.978c.485-2.574 1.033-5.772 1.22-7.108.186-1.334.577-3.559.868-4.942.291-1.382.843-4.295 1.227-6.472.383-2.178.792-4.207.909-4.508l.21-.551h-16.995l-.543 3.035c-.3 1.669-.699 4.048-.887 5.288-.189 1.239-.822 5.219-1.407 8.843s-1.449 9.008-1.92 11.964l-1.903 11.964a730.503 730.503 0 0 1-2.116 12.484c-.617 3.412-1.246 6.822-1.887 10.23-.451 2.385-1.31 6.91-1.91 10.058a875.487 875.487 0 0 1-1.945 9.884c-.47 2.288-.989 4.941-1.153 5.895-.166.953-.702 3.705-1.194 6.113-.491 2.407-.893 4.631-.893 4.941v.562h8.427v.002zm93.278 0h7.459l.21-.548c.117-.303.211-1.094.211-1.758 0-.666.47-4.126 1.042-7.688 1.309-8.118 2.65-16.23 4.024-24.338a570.689 570.689 0 0 1 1.859-10.23c.552-2.86 1.4-7.309 1.884-9.882.483-2.575 1.435-7.474 2.114-10.888.679-3.412 1.319-6.341 1.422-6.508l.189-.305-7.543.093-7.543.093-.63 4.51c-.344 2.479-1.1 7.396-1.678 10.923-.577 3.528-1.451 8.914-1.942 11.964a518.372 518.372 0 0 1-1.9 10.925c-.555 2.956-1.405 7.481-1.89 10.056-.484 2.576-1.353 7.102-1.931 10.058-.578 2.957-1.353 6.858-1.723 8.67-.371 1.813-.768 3.646-.884 4.075l-.209.779h7.459zm174.46 0h7.403l.223-3.133c.123-1.722.541-5.195.931-7.716s1.189-7.548 1.774-11.171c.74-4.48 1.546-8.949 2.418-13.406.746-3.748 1.587-7.474 1.871-8.279s.517-1.678.517-1.938c0-.263.557-1.687 1.237-3.165.68-1.479 1.947-3.743 2.817-5.032l1.581-2.344 2.115-1.96 2.116-1.958 2.608-1.246 2.609-1.247 3.989.021 3.986.021 1.961.585c1.078.322 2.054.586 2.167.586.114 0 .207-.368.207-.819 0-.449.391-2.733.867-5.075.477-2.341.867-4.355.867-4.476s-1.131-.564-2.514-.984-3.295-.86-4.248-.979l-1.734-.214-2.254.398c-1.24.22-3.083.703-4.096 1.076-1.015.373-2.688 1.217-3.72 1.877-1.03.66-2.636 1.946-3.564 2.857-.931.912-2.495 2.751-3.477 4.086a498.01 498.01 0 0 0-2.28 3.121l-.496.693.301-1.387c.166-.764.628-3.261 1.026-5.549.397-2.289.809-4.436.908-4.768l.186-.608h-13.226v.837c0 .459-.391 3.229-.866 6.154a2708.93 2708.93 0 0 0-1.748 10.869 2518.21 2518.21 0 0 1-1.91 11.791 603.724 603.724 0 0 1-1.911 10.923 2446.15 2446.15 0 0 1-4.005 20.808c-.584 2.957-1.283 6.447-1.552 7.76-.271 1.31-.491 2.519-.491 2.686v.305h7.407zm175.76 0h7.57v-4.634l.871-5.746c.481-3.159 1.272-8.165 1.761-11.12.487-2.957 1.095-6.701 1.35-8.324.256-1.62.933-5.131 1.503-7.801.573-2.672 1.286-5.558 1.587-6.416.302-.858.549-1.76.552-2.002.005-.242.649-1.8 1.435-3.462l1.429-3.022 1.887-2.506 1.885-2.504 2.062-1.551c1.134-.854 2.959-1.984 4.056-2.516l1.991-.965 4.334.029 4.335.031 1.707.547 1.706.549.288-.179.287-.178.017-1.106c.007-.608.378-2.873.823-5.033l.812-3.926-.912-.356a54.557 54.557 0 0 0-2.646-.902l-1.733-.547-3.121.009-3.121.008-2.544.896-2.544.894-1.91 1.152-1.909 1.152-2.483 2.601-2.483 2.601-1.334 2.018c-.733 1.109-1.379 1.968-1.435 1.907-.057-.061.343-2.373.886-5.138.543-2.767.995-5.381 1.003-5.81l.015-.781h-12.831v.222c0 .121-.319 2.346-.711 4.941-.391 2.598-1.177 7.608-1.744 11.137-.682 4.221-1.373 8.44-2.072 12.658a674.076 674.076 0 0 1-1.915 10.924c-.481 2.574-1.336 7.101-1.9 10.057-.563 2.957-1.49 7.717-2.058 10.578l-1.673 8.408-.641 3.207h7.568zM223.752 208.7l2.104.008 1.674-.57 1.675-.57 1.481-1.503 1.482-1.502.779-2.003.781-2.002.027-2.948.028-2.946-.693-1.151-.694-1.151-1.207-.746-1.208-.748h-5.214l-1.775.795-1.775.793-1.03 1.104-1.03 1.104-.81 1.908-.809 1.906-.153 2.971-.152 2.971.752 1.478.754 1.476 1.454.66 1.453.659 2.106.007z"
-  }));
-};
-
-var Jcb = function Jcb(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 780 500"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fill: "#0E4C96",
-    d: "M40 0h700c22.092 0 40 17.909 40 40v420c0 22.092-17.908 40-40 40H40c-22.091 0-40-17.908-40-40V40C0 17.909 17.909 0 40 0"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M632.24 361.27c0 41.615-33.729 75.36-75.36 75.36H147.75V138.75c0-41.626 33.733-75.37 75.365-75.37l409.12-.001.001 297.89z"
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "jcb-a",
-    x1: "0",
-    x2: "1"
-  }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0",
-    stopColor: "#007B40"
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: "1",
-    stopColor: "#55B330"
-  })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "jcb-b",
-    x1: "0",
-    x2: "1"
-  }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0",
-    stopColor: "#1D2970"
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: "1",
-    stopColor: "#006DBA"
-  })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "jcb-d",
-    x1: "0",
-    x2: "1"
-  }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0",
-    stopColor: "#6E2B2F"
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: "1",
-    stopColor: "#E30138"
-  }))), /*#__PURE__*/React.createElement("path", {
-    fill: "url(#jcb-a)",
-    d: "M498.86 256.54c11.684.253 23.437-.516 35.076.4..."
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "url(#jcb-b)",
-    d: "M174.74 139.54c.674-27.163 24.889-50.611..."
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "url(#jcb-d)",
-    d: "M324.72 211.89c-2.434.517-.489-8.301..."
-  }));
-};
-
-var Maestro = function Maestro(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 780 500"
-  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "maestro-clip"
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "780",
-    height: "500"
-  }))), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#maestro-clip)"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#000",
-    d: "M40 0h700c22.092 0 40 17.909 40 40v420c0 22.092-17.908 40-40 40H40c-22.091 0-40-17.908-40-40V40C0 17.909 17.909 0 40 0"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#7673C0",
-    d: "M465.769 69.048H314.195V341.45h151.574z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#EB001B",
-    d: "M323.822 205.271a172.94 172.94 0 0 1 66.163-136.224 173.22 173.22 0 0 0-182.754-19.604 173.22 173.22 0 0 0-97.512 155.804 173.22 173.22 0 0 0 97.512 155.804 173.23 173.23 0 0 0 182.754-19.604 172.95 172.95 0 0 1-66.163-136.176"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#00A1DF",
-    d: "M670.228 205.272a173.22 173.22 0 0 1-97.518 155.765 173.2 173.2 0 0 1-94.174 16.433 173.2 173.2 0 0 1-88.552-36.022 173.23 173.23 0 0 0 48.766-211.916 173.2 173.2 0 0 0-48.766-60.485 173.23 173.23 0 0 1 253.899 44.27 173.23 173.23 0 0 1 26.393 91.907z"
-  })));
-};
-
-var Mastercard = function Mastercard(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 780,
-    height: 500,
-    fill: "none"
-  }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#mastercard_svg__a)"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#253747",
-    d: "M40 0h700c22.092 0 40 17.909 40 40v420c0 22.092-17.908 40-40 40H40c-22.091 0-40-17.908-40-40V40C0 17.909 17.909 0 40 0"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M211.053 467.045v-28.936c0-11.068-6.742-18.316-18.317-18.316-5.787 0-12.079 1.91-16.406 8.203-3.371-5.281-8.203-8.203-15.451-8.203-4.832 0-9.664 1.461-13.484 6.742v-5.787h-10.114v46.297h10.114v-25.564c0-8.203 4.326-12.08 11.068-12.08s10.114 4.326 10.114 12.08v25.564h10.113v-25.564c0-8.203 4.832-12.08 11.069-12.08 6.742 0 10.113 4.326 10.113 12.08v25.564zm150.015-46.297h-16.406v-13.99h-10.113v13.99h-9.158v9.158h9.158v21.239c0 10.619 4.326 16.855 15.9 16.855 4.327 0 9.159-1.461 12.53-3.371l-2.922-8.709c-2.922 1.911-6.293 2.416-8.709 2.416-4.832 0-6.742-2.921-6.742-7.697v-20.733h16.406v-9.158zm85.852-1.011c-5.787 0-9.664 2.921-12.08 6.742v-5.787h-10.113v46.297h10.113v-26.07c0-7.698 3.371-12.08 9.664-12.08 1.91 0 4.326.506 6.293.955l2.921-9.664c-2.022-.393-4.888-.393-6.798-.393m-129.733 4.832c-4.831-3.371-11.574-4.832-18.822-4.832-11.574 0-19.271 5.787-19.271 14.945 0 7.698 5.787 12.08 15.9 13.485l4.832.505c5.282.956 8.203 2.416 8.203 4.832 0 3.371-3.877 5.787-10.619 5.787s-12.08-2.416-15.451-4.832l-4.832 7.698c5.282 3.877 12.53 5.787 19.777 5.787 13.485 0 21.239-6.293 21.239-14.945 0-8.203-6.293-12.53-15.901-13.991l-4.832-.505c-4.326-.506-7.697-1.461-7.697-4.327 0-3.371 3.371-5.281 8.708-5.281 5.788 0 11.575 2.416 14.496 3.877zm269.073-4.832c-5.787 0-9.664 2.921-12.08 6.742v-5.787h-10.113v46.297h10.113v-26.07c0-7.698 3.371-12.08 9.664-12.08 1.91 0 4.326.506 6.293.955l2.922-9.552c-1.967-.505-4.832-.505-6.799-.505m-129.227 24.16c0 13.99 9.664 24.103 24.61 24.103 6.742 0 11.574-1.461 16.406-5.281l-4.832-8.203c-3.877 2.921-7.698 4.326-12.08 4.326-8.203 0-13.99-5.787-13.99-14.945 0-8.709 5.787-14.496 13.99-14.946 4.326 0 8.203 1.461 12.08 4.327l4.832-8.204c-4.832-3.876-9.664-5.281-16.406-5.281-14.946-.056-24.61 10.113-24.61 24.104m93.549 0v-23.149h-10.113v5.787c-3.371-4.326-8.203-6.742-14.496-6.742-13.035 0-23.148 10.113-23.148 24.104S512.938 468 525.973 468c6.742 0 11.574-2.416 14.496-6.742v5.787h10.113zm-37.138 0c0-8.204 5.281-14.946 13.99-14.946 8.203 0 13.99 6.293 13.99 14.946 0 8.203-5.787 14.945-13.99 14.945-8.653-.506-13.99-6.799-13.99-14.945m-121.024-24.16c-13.485 0-23.149 9.664-23.149 24.103 0 14.496 9.664 24.104 23.655 24.104 6.742 0 13.484-1.91 18.822-6.293l-4.832-7.248c-3.877 2.922-8.709 4.832-13.485 4.832-6.292 0-12.529-2.921-13.99-11.068h34.217v-3.877c.45-14.889-8.259-24.553-21.238-24.553m0 8.709c6.293 0 10.619 3.876 11.574 11.068h-24.103c.955-6.236 5.281-11.068 12.529-11.068m251.262 15.451v-41.465h-10.114v24.103c-3.371-4.326-8.203-6.742-14.495-6.742-13.036 0-23.149 10.113-23.149 24.104S606.037 468 619.073 468c6.742 0 11.574-2.416 14.495-6.742v5.787h10.114zm-37.139 0c0-8.204 5.282-14.946 13.99-14.946 8.203 0 13.991 6.293 13.991 14.946 0 8.203-5.788 14.945-13.991 14.945-8.708-.506-13.99-6.799-13.99-14.945m-338.574 0v-23.149h-10.114v5.787c-3.371-4.326-8.203-6.742-14.495-6.742-13.035 0-23.149 10.113-23.149 24.104S230.325 468 243.36 468c6.742 0 11.574-2.416 14.495-6.742v5.787h10.114zm-37.588 0c0-8.204 5.281-14.946 13.99-14.946 8.203 0 13.99 6.293 13.99 14.946 0 8.203-5.787 14.945-13.99 14.945-8.709-.506-13.99-6.799-13.99-14.945"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#FF5A00",
-    d: "M465.738 69.139H313.812v272.949h151.926z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#EB001B",
-    d: "M323.926 205.613c0-55.455 26.07-104.673 66.074-136.474C360.559 45.99 323.42 32 282.91 32c-95.965 0-173.613 77.648-173.613 173.613s77.648 173.614 173.613 173.614c40.51 0 77.649-13.99 107.09-37.139-40.06-31.351-66.074-81.019-66.074-136.475"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#F79E1B",
-    d: "M670.711 205.613c0 95.965-77.649 173.614-173.613 173.614-40.51 0-77.649-13.99-107.09-37.139 40.51-31.857 66.074-81.019 66.074-136.475s-26.07-104.673-66.074-136.474C419.393 45.99 456.532 32 497.041 32c96.021 0 173.67 78.154 173.67 173.613"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "mastercard_svg__a"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M0 0h780v500H0z"
-  }))));
-};
-
-var Mir = function Mir(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 780 500"
-  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "mir-gradient",
-    x1: "0",
-    y1: "0",
-    x2: "1",
-    y2: "0",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "matrix(201.7633 0 0 -79 0 0)"
-  }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0",
-    stopColor: "#00a0e5"
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: "1",
-    stopColor: "#0077c3"
-  }))), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M40 0h700c22.1 0 40 17.9 40 40v420c0 22.1-17.9 40-40 40H40c-22.1 0-40-17.9-40-40V40C0 17.9 17.9 0 40 0"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#37a72e",
-    d: "M544.1 240.5v108h60v-64h68c28.6-.2 52.9-18.5 62.1-44z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "url(#mir-gradient)",
-    d: "M536.1 151.5c3.5 44.1 45.3 79 96.3 79h104.3 c.8-4 1.2-8.2 1.2-12.5 0-36.6-29.5-66.2-66-66.5z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#37a72e",
-    d: "M447.3 229.4c.7-1.2 1.8-1.9 3.2-1.9 2 0 3.5 1.6 3.6 3.5v116.5h60v-196h-60 c-7.6.3-16.2 5.8-19.4 12.7L387 266.6 c-.1.4-.3.8-.5 1.2-.7 1-1.9 1.7-3.3 1.7 -2.2 0-4-1.8-4-4v-114h-60v196h60 c7.5-.4 15.9-5.9 19.1-12.7l49-105.1z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#37a72e",
-    d: "M223.3 232.8l-35.1 114.7H145l-35-114.8 c-.3-1.8-1.9-3.2-3.9-3.2 -2.2 0-3.9 1.8-3.9 3.9v114h-60v-196H109 c11 0 22.6 8.6 25.8 19.1L164 266 c1.5 4.8 3.8 4.7 5.3 0l29.2-95.5 c3.2-10.6 14.8-19.1 25.8-19.1h66.8v196h-60V233.3 c0-2.2-1.8-3.9-3.9-3.9-2 .1-3.6 1.5-3.9 3.4"
-  }));
-};
-
-var Paypal = function Paypal(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 780 500"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M725 0H55C24.673 0 0 24.673 0 55v391c0 30.327 24.673 55 55 55h670c30.325 0 55-24.673 55-55V55c0-30.327-24.675-55-55-55"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#003087",
-    d: "M168.38 169.85c-8.399-5.774-19.359-8.668-32.88-8.668H83.154 c-4.145 0-6.435 2.073-6.87 6.214l-21.265 133.48 c-.221 1.311.107 2.51.981 3.6.869 1.093 1.962 1.636 3.271 1.636 h24.864c4.361 0 6.758-2.068 7.198-6.216l5.888-35.985 c.215-1.744.982-3.162 2.291-4.254 1.308-1.09 2.944-1.804 4.907-2.13 1.963-.324 3.814-.487 5.562-.487 1.743 0 3.814.11 6.217.327 2.397.218 3.925.324 4.58.324 18.756 0 33.478-5.285 44.167-15.866 10.684-10.577 16.032-25.244 16.032-44.004 0-12.868-4.202-22.192-12.597-27.975z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#009CDE",
-    d: "M720.79 161.18h-24.208c-2.405 0-3.821 1.2-4.253 3.599 l-21.267 136.1c0 1.096.437 2.127 1.311 3.109 .868.979 1.963 1.471 3.271 1.471h21.595 c4.138 0 6.429-2.068 6.871-6.215l21.265-133.81 c0-3.053-1.424-4.58-4.257-4.58z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#003087",
-    d: "M428.31 213.86c0-1.088-.438-2.126-1.306-3.106 -.875-.981-1.857-1.474-2.945-1.474h-25.191 c-2.404 0-4.366 1.096-5.89 3.271l-34.679 51.04 -14.394-49.075c-1.096-3.488-3.493-5.236-7.198-5.236 h-24.54c-1.093 0-2.075.492-2.942 1.474 -.875.98-1.309 2.019-1.309 3.106 0 .44 2.127 6.871 6.379 19.303 4.252 12.434 8.833 25.848 13.741 40.244 4.908 14.394 7.468 22.031 7.688 22.898 -17.886 24.43-26.826 37.518-26.826 39.26 0 2.838 1.417 4.254 4.253 4.254h25.191 c2.399 0 4.361-1.088 5.89-3.271 l83.427-120.4c.433-.433.651-1.193.651-2.289z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#009CDE",
-    d: "M662.89 209.28h-24.865c-3.056 0-4.904 3.599-5.559 10.797 -5.677-8.72-16.031-13.088-31.083-13.088 -15.704 0-29.065 5.89-40.077 17.668 -11.016 11.779-16.521 25.631-16.521 41.551 0 12.871 3.761 23.121 11.285 30.752 7.524 7.639 17.611 11.451 30.266 11.451 6.323 0 12.757-1.311 19.3-3.926 6.544-2.617 11.665-6.105 15.379-10.469z"
-  }));
-};
-
-var Unionpay = function Unionpay(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlSpace: "preserve",
-    width: 780,
-    height: 500,
-    viewBox: "0 0 780 500"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M40 0h700c22.092 0 40 17.909 40 40v420c0 22.092-17.908 40-40 40H40c-22.091 0-40-17.908-40-40V40C0 17.909 17.909 0 40 0"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#D10429",
-    d: "M216.4 69.791h142.39c19.87 0 32.287 16.406 27.63 36.47l-66.333 287.48c-4.656 20.063-24.629 36.47-44.498 36.47h-142.39c-19.87 0-32.287-16.406-27.63-36.47l66.331-287.48c4.657-20.168 24.526-36.47 44.395-36.47h.104z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#022E64",
-    d: "M346.34 69.791h163.82c19.868 0 10.865 16.406 6.209 36.47l-66.334 287.48c-4.657 20.063-3.208 36.47-23.077 36.47h-163.81c-19.972 0-32.287-16.406-27.527-36.47l66.334-287.48c4.656-20.168 24.524-36.47 44.498-36.47h-.104z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#076F74",
-    d: "M504.41 69.791h142.4c19.869 0 32.287 16.406 27.629 36.47l-66.332 287.48c-4.658 20.063-24.631 36.47-44.499 36.47h-142.39c-19.973 0-32.287-16.406-27.63-36.47l66.333-287.48c4.656-20.168 24.525-36.47 44.394-36.47h.104z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#FEFEFE",
-    d: "M480.5 340.81h13.453l3.829-13.063h-13.351zm10.762-35.95-4.657 15.467s5.071-2.613 7.865-3.449c2.794-.627 6.933-1.15 6.933-1.15l3.208-10.763H491.16zm6.726-22.153-4.449 14.839s4.967-2.3 7.761-3.029c2.794-.732 6.933-.941 6.933-.941l3.208-10.764h-13.349l-.104-.105zm29.701 0-17.386 57.997h4.657l-3.622 12.018h-4.657l-1.138 3.657h-16.559l1.14-3.657h-33.529l3.311-11.076h3.415l17.594-58.938 3.518-11.913h16.868l-1.76 5.956s4.449-3.239 8.797-4.39c4.243-1.148 28.665-1.566 28.665-1.566l-3.622 11.809h-5.795l.103.103z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#FEFEFE",
-    d: "M534.59 270.79h18.006l.207 6.792c-.103 1.149.828 1.672 3.001 1.672h3.622l-3.311 11.183h-9.729c-8.382.627-11.59-3.03-11.383-7.106l-.311-12.437-.102-.104zm2.216 53.2h-17.178l2.896-9.927h19.662l2.794-9.092h-19.351l3.311-11.182h53.812l-3.312 11.182h-18.109l-2.794 9.092h18.109l-3.002 9.927h-19.558l-3.518 4.18h7.968l1.966 12.54c.207 1.254.207 2.09.62 2.613.415.418 2.795.627 4.14.627h2.38l-3.725 12.227h-6.106c-.93 0-2.38-.104-4.346-.104-1.863-.21-3.104-1.255-4.346-1.882-1.139-.522-2.794-1.881-3.208-4.284l-1.863-12.54-8.899 12.331c-2.795 3.866-6.622 6.897-13.143 6.897h-12.418l3.311-10.869h4.761c1.346 0 2.588-.521 3.52-1.045.931-.418 1.758-.836 2.586-2.193l13.04-18.498zm-187.9-27.2h45.429l-3.312 10.973h-18.109l-2.793 9.299h18.627l-3.415 11.287h-18.524l-4.553 15.152c-.517 1.672 4.45 1.881 6.209 1.881l9.313-1.254-3.726 12.54h-20.904c-1.654 0-2.896-.209-4.76-.627-1.76-.418-2.587-1.254-3.311-2.403-.726-1.254-1.968-2.195-1.14-4.912l6.002-20.063h-10.348l3.415-11.495h10.348l2.794-9.3h-10.347l3.312-10.974-.207-.104zm31.387-19.835h18.627l-3.415 11.39h-25.457l-2.794 2.404c-1.242 1.15-1.552.732-3.105 1.568-1.447.73-4.449 2.193-8.382 2.193h-8.175l3.311-10.972h2.484c2.07 0 3.52-.21 4.243-.627.828-.522 1.76-1.672 2.69-3.554l4.656-8.568h18.525l-3.208 6.27v-.104zm35.107 18.81s5.07-4.701 13.764-6.164c1.966-.418 14.384-.211 14.384-.211l1.863-6.27h-26.182l-3.83 12.75.001-.105m24.629 4.807h-25.975l-1.552 5.329h22.56c2.69-.313 3.208.104 3.415-.104l1.655-5.225h-.103zm-33.735-29.678h15.833l-2.276 8.047s4.967-4.075 8.485-5.539c3.519-1.254 11.383-2.508 11.383-2.508l25.664-.104-8.796 29.469c-1.449 5.016-3.208 8.256-4.243 9.823-.93 1.463-2.07 2.821-4.346 4.075-2.173 1.15-4.141 1.881-6.002 1.986-1.656.104-4.347.209-7.865.209h-24.732l-6.934 23.303c-.62 2.299-.931 3.447-.517 4.074.31.523 1.241 1.15 2.38 1.15l10.865-1.045-3.726 12.749h-12.21c-3.933 0-6.727-.104-8.693-.21-1.862-.208-3.83 0-5.175-1.044-1.138-1.045-2.896-2.403-2.794-3.763.104-1.254.621-3.344 1.45-6.27l22.249-74.402z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#FEFEFE",
-    d: "m452.43 317.79-1.449 7.105c-.619 2.194-1.138 3.867-2.794 5.33-1.759 1.463-3.725 3.03-8.484 3.03l-8.796.418-.104 7.942c-.103 2.193.519 1.984.828 2.402.414.418.724.523 1.138.732l2.794-.21 8.384-.417-3.52 11.704h-9.624c-6.726 0-11.797-.21-13.35-1.463-1.655-1.046-1.862-2.3-1.862-4.599l.62-31.141h15.42l-.207 6.374h3.725c1.242 0 2.175-.104 2.691-.418s.828-.836 1.035-1.567l1.552-5.016h12.108zm-219.37-156c-.517 2.508-10.451 48.592-10.451 48.592-2.174 9.3-3.726 15.989-8.9 20.273-3.001 2.508-6.52 3.657-10.555 3.657-6.52 0-10.245-3.239-10.866-9.404l-.104-2.09s1.966-12.436 1.966-12.54c0 0 10.349-42.009 12.212-47.548.103-.313.103-.522.103-.627-20.18.21-23.801 0-24.008-.313-.104.418-.621 3.03-.621 3.03l-10.556 47.34-.932 3.97-1.758 13.168c0 3.866.724 7.105 2.277 9.718 4.863 8.569 18.627 9.823 26.388 9.823 10.038 0 19.455-2.195 25.767-6.061 11.073-6.584 13.97-16.929 16.454-26.02l1.242-4.703s10.659-43.576 12.522-49.219c.103-.314.103-.523.207-.627-14.695.104-18.938 0-20.387-.314v-.105zm59.03 86.623c-7.141-.105-9.728-.105-18.11.313l-.311-.627c.724-3.24 1.552-6.374 2.173-9.614l1.035-4.389c1.552-6.792 3.001-14.839 3.208-17.242.207-1.463.62-5.12-3.519-5.12-1.759 0-3.518.835-5.38 1.671-1.036 3.658-3.002 13.899-4.037 18.497-2.07 9.823-2.173 10.972-3.104 15.78l-.621.626c-7.347-.104-9.934-.104-18.42.314l-.414-.732c1.449-5.852 2.794-11.704 4.14-17.556 3.518-15.78 4.45-21.84 5.38-29.887l.725-.418c8.279-1.149 10.245-1.463 19.248-3.239l.724.836-1.345 5.016c1.552-.94 3.001-1.881 4.553-2.613 4.243-2.09 8.9-2.717 11.487-2.717 3.932 0 8.279 1.15 10.038 5.748 1.656 4.075.62 9.091-1.656 19.019l-1.138 5.016c-2.277 11.077-2.69 13.062-3.933 20.586l-.827.627.104.105zm29.057.027c-4.346 0-7.14-.104-9.83 0-2.691 0-5.278.21-9.314.314l-.207-.314-.207-.418c1.138-4.18 1.656-5.643 2.277-7.106.517-1.463 1.034-2.926 2.07-7.21 1.241-5.539 2.069-9.405 2.586-12.854.621-3.24.932-6.06 1.346-9.3l.31-.209.31-.313c4.347-.627 7.038-1.045 9.832-1.463s5.691-.94 10.141-1.776l.207.418.103.418-2.482 10.345c-.828 3.449-1.656 6.897-2.38 10.346-1.554 7.315-2.277 10.032-2.587 12.017-.414 1.881-.519 2.822-1.14 6.584l-.414.313-.414.314-.207-.106zm45.942-25.675c-.31 1.881-1.966 8.883-4.139 11.809-1.553 2.194-3.312 3.553-5.382 3.553-.62 0-4.14 0-4.242-5.33 0-2.612.517-5.33 1.138-8.255 1.863-8.465 4.14-15.466 9.831-15.466 4.45 0 4.76 5.225 2.794 13.689zm18.73.836c2.483-11.077.518-16.302-1.862-19.437-3.726-4.807-10.348-6.374-17.178-6.374-4.141 0-13.867.418-21.525 7.524-5.484 5.12-8.071 12.122-9.52 18.81-1.554 6.792-3.312 19.019 7.864 23.617 3.414 1.463 8.382 1.88 11.59 1.88 8.176 0 16.558-2.298 22.87-8.986 4.863-5.434 7.036-13.585 7.864-17.034zm174.43 26.08c-8.693-.104-11.176-.104-19.146.314l-.517-.627c2.173-8.256 4.346-16.616 6.312-24.976 2.483-10.868 3.104-15.466 3.933-21.84l.62-.522c8.59-1.254 10.97-1.567 19.973-3.239l.207.731c-1.656 6.897-3.208 13.69-4.864 20.482-3.311 14.317-4.45 21.632-5.69 29.156l-.828.627v-.106z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#FEFEFE",
-    d: "M547.75 224.16c-.414 1.776-2.07 8.882-4.243 11.808-1.449 2.09-4.967 3.449-6.933 3.449-.621 0-4.036 0-4.243-5.225 0-2.613.517-5.33 1.138-8.256 1.863-8.255 4.141-15.257 9.831-15.257 4.45 0 6.416 5.12 4.45 13.585zm17.075.836c2.482-11.077-7.658-.94-9.21-4.598-2.484-5.748-.933-17.243-10.866-21.109-3.829-1.568-12.832.418-20.49 7.524-5.381 5.016-8.072 12.017-9.52 18.705-1.554 6.688-3.312 19.02 7.76 23.304 3.52 1.567 6.727 1.985 9.935 1.776 11.178-.627 19.662-17.661 25.976-24.349 4.861-5.329 5.69 1.986 6.415-1.253zm-129.94 23.413c-7.14-.105-9.624-.105-18.006.313l-.311-.627c.725-3.24 1.553-6.374 2.276-9.614l.931-4.389c1.554-6.792 3.105-14.839 3.208-17.242.207-1.463.621-5.12-3.415-5.12-1.759 0-3.62.835-5.38 1.671-.932 3.658-3.002 13.899-4.037 18.497-1.966 9.823-2.173 10.972-3.104 15.78l-.621.626c-7.347-.104-9.934-.104-18.42.314l-.414-.732c1.449-5.852 2.794-11.704 4.14-17.556 3.519-15.78 4.347-21.84 5.38-29.887l.621-.418c8.28-1.149 10.35-1.463 19.248-3.239l.726.836-1.242 5.016c1.449-.94 3.001-1.881 4.45-2.613 4.243-2.09 8.899-2.717 11.485-2.717 3.934 0 8.177 1.15 10.038 5.748 1.656 4.075.519 9.091-1.759 19.019l-1.138 5.016c-2.38 11.077-2.69 13.062-3.934 20.586l-.826.627.104.105zm62.001-86.519-6.002.105c-15.523.209-21.732.104-24.215-.209-.207 1.15-.621 3.135-.621 3.135s-5.588 25.916-5.588 26.02c0 0-13.246 55.176-13.867 57.788 13.556-.209 19.041-.209 21.421.105.519-2.613 3.622-17.974 3.726-17.974 0 0 2.69-11.286 2.795-11.704 0 0 .826-1.15 1.654-1.672h1.242c11.694 0 24.836 0 35.186-7.628 7.036-5.225 11.797-13.063 13.97-22.468.517-2.299.931-5.016.931-7.837 0-3.658-.724-7.21-2.794-10.032-5.279-7.42-15.731-7.524-27.838-7.629zm7.761 27.066c-1.241 5.747-4.967 10.659-9.727 12.958-3.933 1.985-8.693 2.194-13.66 2.194h-3.208l.207-1.254s5.899-25.916 5.899-25.811l.206-1.359.104-1.045 2.38.21s12.211 1.044 12.418 1.044c4.759 1.881 6.83 6.688 5.381 13.063m127.21 8.666-.723-.836c-8.797 1.776-10.453 2.09-18.525 3.24l-.619.626c0 .105-.104.21-.104.418v-.104c-6.002 14.107-5.9 11.077-10.762 22.154 0-.523 0-.836-.105-1.359l-1.242-24.035-.723-.836c-9.314 1.777-9.521 2.09-18.007 3.24l-.621.627c-.104.313-.104.627-.104.94l.104.105c1.035 5.538.828 4.284 1.863 12.958.517 4.284 1.138 8.569 1.655 12.749.828 7.106 1.346 10.554 2.381 21.318-5.797 9.613-7.142 13.271-12.729 21.734l.31.836c8.384-.312 10.246-.312 16.455-.312l1.346-1.568c4.656-10.135 40.256-71.79 40.256-71.79l-.106-.105zm-302.72 6.922c4.76-3.344 5.38-7.942 1.345-10.345-4.036-2.404-11.176-1.672-15.937 1.672-4.76 3.24-5.277 7.837-1.241 10.345 3.932 2.3 11.072 1.672 15.833-1.672z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#FEFEFE",
-    d: "m590.33 270.9-6.935 12.019c-2.173 4.075-6.312 7.21-12.728 7.21l-11.073-.209 3.208-10.868h2.173c1.138 0 1.966-.104 2.587-.418.621-.209.933-.627 1.449-1.254l4.14-6.583h17.282l-.103.103z"
-  }));
-};
-
-var Visa = function Visa(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 40,
-    height: 25.64,
-    viewBox: "0 0 780 500",
-    fill: "none"
-  }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#visa_svg__a)"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#1434CB",
-    d: "M40 0h700c22.092 0 40 17.909 40 40v420c0 22.092-17.908 40-40 40H40c-22.091 0-40-17.908-40-40V40C0 17.909 17.909 0 40 0"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M489.823 143.111c-46.835 0-88.689 24.282-88.689 69.145 0 51.45 74.23 55.003 74.23 80.85 0 10.883-12.469 20.625-33.764 20.625-30.223 0-52.811-13.612-52.811-13.612l-9.666 45.272s26.022 11.498 60.569 11.498c51.206 0 91.498-25.474 91.498-71.105 0-54.365-74.538-57.813-74.538-81.803 0-8.526 10.235-17.867 31.47-17.867 23.959 0 43.506 9.9 43.506 9.9l9.459-43.725s-21.269-9.178-51.264-9.178m-428.494 3.3-1.134 6.6s19.704 3.607 37.45 10.803c22.85 8.25 24.477 13.054 28.326 27.972l41.934 161.7h56.213l86.601-207.075h-56.084l-55.646 140.791-22.707-119.341c-2.083-13.658-12.631-21.45-25.542-21.45zm271.942 0-43.996 207.075h53.481l43.842-207.075zm298.283 0c-12.896 0-19.729 6.907-24.743 18.975l-78.353 188.1h56.084l10.851-31.35h68.327l6.598 31.35h49.487l-43.172-207.075zm7.294 55.945 16.625 77.705h-44.538z"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "visa_svg__a"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M0 0h780v500H0z"
-  }))));
-};
-
 var IUILocalStorageService$4 = services.IUILocalStorageService;
 var env$3 = configs.env;
-var CardsManagement = function CardsManagement(_ref) {
-  var _selectedCard$metadat, _pg$gateway;
-  var _ref$paymentDetails = _ref.paymentDetails,
-    paymentDetails = _ref$paymentDetails === void 0 ? {} : _ref$paymentDetails,
-    _ref$paymentMethod = _ref.paymentMethod,
-    paymentMethod = _ref$paymentMethod === void 0 ? null : _ref$paymentMethod,
-    _ref$sendLog = _ref.sendLog,
-    sendLog = _ref$sendLog === void 0 ? function () {} : _ref$sendLog;
+var CreditCard = function CreditCard(_ref) {
+  var cardId = _ref.cardId,
+    lastDigit = _ref.lastDigit,
+    expMonth = _ref.expMonth,
+    expYear = _ref.expYear,
+    cardBrand = _ref.cardBrand,
+    _ref$isDefaultCard = _ref.isDefaultCard,
+    isDefaultCard = _ref$isDefaultCard === void 0 ? false : _ref$isDefaultCard,
+    pg = _ref.pg;
   var dispatch = useDispatch();
-  var _ref2 = paymentDetails || {},
-    _ref2$pg = _ref2.pg,
-    pg = _ref2$pg === void 0 ? null : _ref2$pg,
-    _ref2$cards = _ref2.cards,
-    cards = _ref2$cards === void 0 ? null : _ref2$cards;
-  var _useState = useState(null),
-    anchorEl = _useState[0],
-    setAnchorEl = _useState[1];
-  var _useState2 = useState(null),
-    selectedCard = _useState2[0],
-    setSelectedCard = _useState2[1];
-  var handleMenuClick = function handleMenuClick(event, card) {
-    setAnchorEl(event.currentTarget);
-    setSelectedCard(card);
-  };
-  var handleMenuClose = function handleMenuClose() {
-    setAnchorEl(null);
-    setSelectedCard(null);
-  };
-  var handleMarkAsDefault = function handleMarkAsDefault() {
-    var _selectedCard$card;
-    if (!pg || !selectedCard) return;
-    sendLog({
-      eventName: 'edit_card_clicked',
-      customProperties: {
-        action_type: 'Make default',
-        card_last4: (selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$card = selectedCard.card) === null || _selectedCard$card === void 0 ? void 0 : _selectedCard$card.last4) || ''
-      },
-      logImpression: true
-    });
-    dispatch(setDefaultPaymentCard({
-      user_id: +pg.user_id,
-      method_id: selectedCard.id,
-      vendor_id: +pg.vendor_id,
-      app_type: 1
-    }));
-    handleMenuClose();
-  };
-  var handleDeleteCard = function handleDeleteCard() {
-    var _selectedCard$card2;
-    sendLog({
-      eventName: 'edit_card_clicked',
-      customProperties: {
-        action_type: 'Delete',
-        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
-    });
+  var handleCardDelete = function handleCardDelete() {
     dispatch(deletePaymentCard({
-      pmId: selectedCard.id,
+      pmId: cardId,
       vendorId: pg.vendor_id
     }));
-    handleMenuClose();
-  };
-  var getBrandLogo = function getBrandLogo(brand) {
-    var width = 40;
-    var aspectRatio = 780 / 500;
-    var defaultType = 'generic';
-    var formatedType = brand || defaultType;
-    var sanitizedType = (formatedType || brand).replace(/[-_]/g, '');
-    var cardProvider = sanitizedType.charAt(0).toUpperCase() + sanitizedType.slice(1);
-    var cardComponents = {
-      Alipay: Alipay,
-      Amex: Amex,
-      Diners: Diners,
-      Discover: Discover,
-      Elo: Elo,
-      Generic: Generic,
-      Hiper: Hiper,
-      Hipercard: Hipercard,
-      Jcb: Jcb,
-      Maestro: Maestro,
-      Mastercard: Mastercard,
-      Mir: Mir,
-      Paypal: Paypal,
-      Unionpay: Unionpay,
-      Visa: Visa
-    };
-    var CardComponent = cardComponents[cardProvider] || Generic;
-    return /*#__PURE__*/React.createElement(CardComponent, {
-      width: width,
-      height: width / aspectRatio,
-      viewBox: "0 0 780 500"
-    });
   };
-  var getCardTypeClass = function getCardTypeClass(category) {
-    return category === 'Corporate' ? 'corporate' : category === 'Company' ? 'company' : 'personal';
-  };
-  var getCardTypeLabel = function getCardTypeLabel(category) {
-    return category === 'Corporate' ? 'CORPORATE' : category === 'Company' ? 'COMPANY' : 'PERSONAL';
-  };
-  var MoreIcon = function MoreIcon(_ref3) {
-    var _ref3$color = _ref3.color,
-      color = _ref3$color === void 0 ? '#3D89FF' : _ref3$color,
-      className = _ref3.className;
-    return /*#__PURE__*/React.createElement("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      className: className
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M0.8125 8.00439C0.8125 8.4188 0.97712 8.81622 1.27015 9.10925C1.56317 9.40227 1.9606 9.56689 2.375 9.56689C2.7894 9.56689 3.18683 9.40227 3.47985 9.10925C3.77288 8.81622 3.9375 8.4188 3.9375 8.00439C3.9375 7.58999 3.77288 7.19257 3.47985 6.89954C3.18683 6.60651 2.7894 6.44189 2.375 6.44189C1.9606 6.44189 1.56317 6.60651 1.27015 6.89954C0.97712 7.19257 0.8125 7.58999 0.8125 8.00439Z",
-      stroke: color,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M6.4375 8.00439C6.4375 8.20958 6.47792 8.41277 6.55644 8.60234C6.63496 8.79191 6.75005 8.96416 6.89515 9.10925C7.04024 9.25434 7.21249 9.36943 7.40206 9.44796C7.59163 9.52648 7.79481 9.56689 8 9.56689C8.20519 9.56689 8.40837 9.52648 8.59794 9.44796C8.78751 9.36943 8.95976 9.25434 9.10485 9.10925C9.24995 8.96416 9.36504 8.79191 9.44356 8.60234C9.52208 8.41277 9.5625 8.20958 9.5625 8.00439C9.5625 7.7992 9.52208 7.59602 9.44356 7.40645C9.36504 7.21688 9.24995 7.04463 9.10485 6.89954C8.95976 6.75445 8.78751 6.63936 8.59794 6.56083C8.40837 6.48231 8.20519 6.44189 8 6.44189C7.79481 6.44189 7.59163 6.48231 7.40206 6.56083C7.21249 6.63936 7.04024 6.75445 6.89515 6.89954C6.75005 7.04463 6.63496 7.21688 6.55644 7.40645C6.47792 7.59602 6.4375 7.7992 6.4375 8.00439Z",
-      stroke: color,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M12.0625 8.00439C12.0625 8.4188 12.2271 8.81622 12.5201 9.10925C12.8132 9.40227 13.2106 9.56689 13.625 9.56689C14.0394 9.56689 14.4368 9.40227 14.7299 9.10925C15.0229 8.81622 15.1875 8.4188 15.1875 8.00439C15.1875 7.58999 15.0229 7.19257 14.7299 6.89954C14.4368 6.60651 14.0394 6.44189 13.625 6.44189C13.2106 6.44189 12.8132 6.60651 12.5201 6.89954C12.2271 7.19257 12.0625 7.58999 12.0625 8.00439Z",
-      stroke: color,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }));
-  };
-  var LockIcon = function LockIcon(_ref4) {
-    return /*#__PURE__*/React.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M7.83562 1.50971L8 1.50439C9.32548 1.50439 10.41 2.53593 10.4947 3.84002L10.5 4.00439V5.00439H11.5C12.3284 5.00439 13 5.67597 13 6.50439V12.5044C13 13.3328 12.3284 14.0044 11.5 14.0044H4.5C3.67157 14.0044 3 13.3328 3 12.5044V6.50439C3 5.67597 3.67157 5.00439 4.5 5.00439H5.5V4.00439C5.5 2.67891 6.53154 1.59436 7.83562 1.50971ZM11.5 6.00439H4.5C4.22386 6.00439 4 6.22825 4 6.50439V12.5044C4 12.7805 4.22386 13.0044 4.5 13.0044H11.5C11.7761 13.0044 12 12.7805 12 12.5044V6.50439C12 6.22825 11.7761 6.00439 11.5 6.00439ZM8 8.50439C8.55228 8.50439 9 8.95211 9 9.50439C9 10.0567 8.55228 10.5044 8 10.5044C7.44772 10.5044 7 10.0567 7 9.50439C7 8.95211 7.44772 8.50439 8 8.50439ZM8.14446 2.51126L8 2.50439C7.2203 2.50439 6.57955 3.09928 6.50687 3.85993L6.5 4.00439V5.00439H9.5V4.00439C9.5 3.2247 8.90511 2.58395 8.14446 2.51126Z",
-      fill: "#2EA363"
+  var setDefaultCard = function setDefaultCard() {
+    dispatch(setDefaultPaymentCard({
+      user_id: +pg.user_id,
+      method_id: cardId,
+      vendor_id: +pg.vendor_id,
+      app_type: 1
     }));
   };
-  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 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 showMenuButton = 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))
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classes.cardHeader
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classes.cardTitleSection
-    }, /*#__PURE__*/React.createElement("h3", {
-      className: classes.cardName
-    }, card === null || card === void 0 ? void 0 : card.alias), /*#__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
-    }) : showMenuButton ? /*#__PURE__*/React.createElement(IconButton, {
-      size: "small",
-      onClick: function onClick(e) {
-        return handleMenuClick(e, card);
-      },
-      className: classes.menuButton
-    }, /*#__PURE__*/React.createElement(MoreIcon, {
-      className: clsx(classes.moreIcon, classes[cardClass]),
-      color: isCompanyCard ? '#2EA363' : '#3D89FF'
-    })) : null), /*#__PURE__*/React.createElement("div", {
-      className: classes.cardDetails
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classes.cardNumber
-    }, /*#__PURE__*/React.createElement("span", {
-      className: classes.cardMaskedNumber
-    }, "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022"), ' ', card === null || card === void 0 ? void 0 : (_card$card = card.card) === null || _card$card === void 0 ? void 0 : _card$card.last4), /*#__PURE__*/React.createElement("div", {
-      className: classes.cardExpiry
-    }, "Expiry date ", card === null || card === void 0 ? void 0 : (_card$card2 = card.card) === null || _card$card2 === void 0 ? void 0 : _card$card2.exp_month, "/", String(card === null || card === void 0 ? void 0 : (_card$card3 = card.card) === null || _card$card3 === void 0 ? void 0 : _card$card3.exp_year).slice(-2)), /*#__PURE__*/React.createElement("div", {
-      className: classes.cardCvv
-    }, "CVV \u2022\u2022\u2022")), /*#__PURE__*/React.createElement("div", {
-      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 _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
-    }
-  }, /*#__PURE__*/React.createElement(IUIGrid, {
-    container: true,
-    className: clsx(styles$1.sectionWrapper)
-  }, /*#__PURE__*/React.createElement(IUIGrid, {
-    item: true,
-    sm: 12,
-    md: 4
-  }, /*#__PURE__*/React.createElement(IUILabel, {
-    label: "My cards",
-    headerType: true,
-    description: "These are personal & company issued cards owned by you."
-  })), /*#__PURE__*/React.createElement(IUIGrid, {
-    item: true,
-    sm: 12,
-    md: 8,
-    lg: 8,
-    xl: 6
-  }, /*#__PURE__*/React.createElement(IUIGrid, {
-    container: true,
-    className: styles$1.formFieldsWrapper
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, paymentMethod === 2 && /*#__PURE__*/React.createElement("div", {
-    className: classes.disabledNotice
-  }, "Company has disabled usage of your personal cards, please reach out to your admin"), /*#__PURE__*/React.createElement("div", {
-    className: classes.cardsGrid
-  }, personalCards.length !== 0 ? personalCards === null || personalCards === void 0 ? void 0 : personalCards.map(function (card) {
-    return renderCard(card);
-  }) : null, corporateCards.length !== 0 ? corporateCards === null || corporateCards === void 0 ? void 0 : corporateCards.map(function (card) {
-    return renderCard(card);
-  }) : null), console.log('cards', cards, 'cardsCount', cardsCount, pg), (!cards || cardsCount < 10) && (pg === null || pg === void 0 ? void 0 : (_pg$gateway = pg.gateway) === null || _pg$gateway === void 0 ? void 0 : _pg$gateway.toLowerCase()) === 'stripe' && (pg === null || pg === void 0 ? void 0 : pg.save_card_enable) === 1 && paymentMethod === 1 && /*#__PURE__*/React.createElement("button", {
-    className: classes.addCardButton,
-    onClick: function onClick() {
-      sendLog({
-        eventName: 'add_user_card_clicked',
-        logImpression: true
-      });
-      window.location.assign(_url);
-    }
+    className: styles$1.card
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$1.cardLabel
+  }, isDefaultCard ? /*#__PURE__*/React.createElement("span", {
+    className: styles$1.defaultLabel
+  }, "Default Card") : /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: setDefaultCard,
+    className: styles$1.defaultBtn
+  }, "Make This Default")), !isDefaultCard && /*#__PURE__*/React.createElement("div", {
+    className: styles$1.cardDeleteBtn
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: handleCardDelete
+  }, /*#__PURE__*/React.createElement(DeleteIcon, {
+    width: "10",
+    height: "10"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles$1.cardNumber
   }, /*#__PURE__*/React.createElement("span", {
-    className: classes.plusIcon
-  }, "+"), " Add card")))))), (companyCards === null || companyCards === void 0 ? void 0 : companyCards.length) !== 0 && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(IUIDivider, {
+    className: styles$1.cardDigit
+  }, "XXXX"), /*#__PURE__*/React.createElement("span", {
+    className: styles$1.cardDigit
+  }, "XXXX"), /*#__PURE__*/React.createElement("span", {
+    className: styles$1.cardDigit
+  }, "XXXX"), /*#__PURE__*/React.createElement("span", {
+    className: styles$1.cardDigit
+  }, lastDigit)), /*#__PURE__*/React.createElement("div", {
+    className: styles$1.expiryDate
+  }, expMonth, " / ", expYear), /*#__PURE__*/React.createElement("div", {
+    className: clsx(styles$1.cardImage, styles$1[cardBrand])
+  }));
+};
+var AddCard = function AddCard(_ref2) {
+  var pg = _ref2.pg;
+  var _url = env$3.getPaymentUrl() + ("/api/v1/auth/" + IUILocalStorageService$4.getAccessToken() + "/1/" + pg.entity_id + "/0/" + pg.vendor_id + "/1");
+  var handleAddCard = function handleAddCard() {
+    window.location.assign(_url);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: clsx(styles$1.card, styles$1.cursonPointer),
+    onClick: handleAddCard
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$1.addCard
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(AddIcon$1, null)), /*#__PURE__*/React.createElement("div", null, "Add New Card")));
+};
+var PaymentCards = function PaymentCards(_ref3) {
+  var _paymentDetails$pg, _paymentDetails$pg2;
+  var paymentDetails = _ref3.paymentDetails;
+  if (!paymentDetails || Object.keys(paymentDetails).length === 0 || (!paymentDetails.cards || paymentDetails.cards.length === 0) && ((paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$pg = paymentDetails.pg) === null || _paymentDetails$pg === void 0 ? void 0 : _paymentDetails$pg.gateway.toLowerCase()) !== 'stripe' || (paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$pg2 = paymentDetails.pg) === null || _paymentDetails$pg2 === void 0 ? void 0 : _paymentDetails$pg2.save_card_enable) !== 1)) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIDivider, {
     className: styles$1.dividerColor
   }), /*#__PURE__*/React.createElement(IUIGrid, {
     container: true,
@@ -2918,9 +2317,9 @@ var CardsManagement = function CardsManagement(_ref) {
     sm: 12,
     md: 4
   }, /*#__PURE__*/React.createElement(IUILabel, {
-    label: "Company cards",
-    description: "These are the centralized cards owned by your company.",
-    headerType: true
+    label: "Card Details",
+    headerType: true,
+    description: ""
   })), /*#__PURE__*/React.createElement(IUIGrid, {
     item: true,
     sm: 12,
@@ -2930,50 +2329,20 @@ var CardsManagement = function CardsManagement(_ref) {
   }, /*#__PURE__*/React.createElement(IUIGrid, {
     container: true,
     className: styles$1.formFieldsWrapper
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: classes.cardsGrid
-  }, companyCards === null || companyCards === void 0 ? void 0 : companyCards.map(function (card) {
-    return renderCard(card);
-  }))))))), showMenuButton && /*#__PURE__*/React.createElement(Menu, {
-    anchorEl: anchorEl,
-    open: Boolean(anchorEl),
-    onClose: handleMenuClose,
-    anchorOrigin: {
-      vertical: 'top',
-      horizontal: 'right'
-    },
-    transformOrigin: {
-      vertical: 'top',
-      horizontal: 'right'
-    }
-  }, selectedCard && !+selectedCard.metadata.default_card && /*#__PURE__*/React.createElement(MenuItem, {
-    onClick: handleMarkAsDefault
-  }, "Mark as default"), showMenuButton && /*#__PURE__*/React.createElement(MenuItem, {
-    onClick: handleDeleteCard,
-    style: {
-      color: '#ff4444'
-    }
-  }, "Delete card")));
-};
-
-var PaymentCards = function PaymentCards(_ref) {
-  var _Object$keys, _paymentDetails$cards, _paymentDetails$pg, _paymentDetails$pg2;
-  var _ref$paymentDetails = _ref.paymentDetails,
-    paymentDetails = _ref$paymentDetails === void 0 ? {} : _ref$paymentDetails,
-    _ref$paymentMethod = _ref.paymentMethod,
-    paymentMethod = _ref$paymentMethod === void 0 ? null : _ref$paymentMethod,
-    _ref$sendLog = _ref.sendLog,
-    sendLog = _ref$sendLog === void 0 ? function () {} : _ref$sendLog;
-  if (!paymentDetails || ((_Object$keys = Object.keys(paymentDetails)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) === 0 || (!(paymentDetails !== null && paymentDetails !== void 0 && paymentDetails.cards) || (paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$cards = paymentDetails.cards) === null || _paymentDetails$cards === void 0 ? void 0 : _paymentDetails$cards.length) === 0) && ((paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$pg = paymentDetails.pg) === null || _paymentDetails$pg === void 0 ? void 0 : _paymentDetails$pg.gateway.toLowerCase()) !== 'stripe' || (paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$pg2 = paymentDetails.pg) === null || _paymentDetails$pg2 === void 0 ? void 0 : _paymentDetails$pg2.save_card_enable) !== 1 || paymentMethod !== 1)) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIDivider, {
-    className: styles$1.dividerColor
-  }), /*#__PURE__*/React.createElement(CardsManagement, {
-    paymentDetails: paymentDetails,
-    paymentMethod: paymentMethod,
-    sendLog: sendLog
-  }));
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, paymentDetails.cards && paymentDetails.cards.map(function (card) {
+    return /*#__PURE__*/React.createElement(CreditCard, {
+      key: card.id,
+      cardId: card.id,
+      lastDigit: card.card.last4,
+      expMonth: card.card.exp_month,
+      expYear: card.card.exp_year,
+      cardBrand: card.card.brand,
+      isDefaultCard: !!+card.metadata.default_card,
+      pg: paymentDetails.pg
+    });
+  }), (!paymentDetails.cards || paymentDetails.cards.length < 10) && paymentDetails.pg.gateway.toLowerCase() === 'stripe' && paymentDetails.pg.save_card_enable === 1 && /*#__PURE__*/React.createElement(AddCard, {
+    pg: paymentDetails.pg
+  }))))));
 };
 
 function AddIcon(props) {
@@ -3046,11 +2415,7 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
     _props$editUserId = props.editUserId,
     editUserId = _props$editUserId === void 0 ? null : _props$editUserId,
     _props$roles = props.roles,
-    roles = _props$roles === void 0 ? [] : _props$roles,
-    _props$paymentMethod = props.paymentMethod,
-    paymentMethod = _props$paymentMethod === void 0 ? null : _props$paymentMethod,
-    _props$sendLog = props.sendLog,
-    sendLog = _props$sendLog === void 0 ? function () {} : _props$sendLog;
+    roles = _props$roles === void 0 ? [] : _props$roles;
   var _useState = useState({
       product: '',
       approvers: []
@@ -3346,10 +2711,8 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
       isError: !!errMsg[i],
       placeholder: "Example label - \u201CManager\u201D"
     }));
-  })))), type === 'travel' && paymentDetails && isProfile && /*#__PURE__*/React.createElement(PaymentCards, {
-    paymentDetails: paymentDetails,
-    paymentMethod: paymentMethod,
-    sendLog: sendLog
+  })))), type === 'travel' && isProfile && paymentDetails && /*#__PURE__*/React.createElement(PaymentCards, {
+    paymentDetails: paymentDetails
   }));
 };
 
@@ -4104,17 +3467,6 @@ var cardsConstants = {
     fullWidth: false,
     visibility: true,
     disableText: 'Please get in touch with your administrator to change this value.'
-  }, {
-    id: 3,
-    label: 'Bookkeeper',
-    description: 'This role is capable of reading all the action for own and other card employees',
-    value: '',
-    name: '',
-    type: 'radio',
-    isAssigned: false,
-    fullWidth: false,
-    visibility: true,
-    disableText: 'Please get in touch with your administrator to change this value.'
   }]
 };
 var passportInfo = [{
@@ -4547,8 +3899,8 @@ var reducer = function reducer(state, action) {
     case SET_STATIC_FIELDS_VISIBILITY:
       {
         var _personalInfo = state.renderFields.personalInfo.map(function (input) {
-          var _action$payload0;
-          if (action !== null && action !== void 0 && action.payload && Object.hasOwnProperty.call(action.payload, input.name) && action !== null && action !== void 0 && (_action$payload0 = action.payload) !== null && _action$payload0 !== void 0 && _action$payload0[input.name]) {
+          var _action$payload10;
+          if (action !== null && action !== void 0 && action.payload && Object.hasOwnProperty.call(action.payload, input.name) && action !== null && action !== void 0 && (_action$payload10 = action.payload) !== null && _action$payload10 !== void 0 && _action$payload10[input.name]) {
             if (Object.hasOwnProperty.call(action.payload[input.name], 'readOnly')) {
               input.readOnly = action.payload[input.name].readOnly;
             }
@@ -5108,7 +4460,6 @@ 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,
@@ -5116,7 +4467,7 @@ var ExpandMoreIcon = function ExpandMoreIcon(props) {
     fill: "none",
     viewBox: "0 0 12 7"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: fillColor,
+    fill: "#6B7280",
     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"
   }));
 };
@@ -5134,7 +4485,7 @@ var ExpandLessIcon = function ExpandLessIcon(props) {
   }));
 };
 
-var styles$3 = {"loyaltymodal":"_2LnGt","membershipDeleteModal":"_2LdH8","loyaltyList":"_r0C_N","divider":"_3v2HU","selectSearchBox":"_1bAuu","chevronIcon":"_33J5X","selectWrapper":"_AJzhr","membershipList":"_u-SZq","list":"_2GyN2","memberItem":"_2d9GY","membershipDetails":"_194K1","title":"_l3kQ9","subtitle":"_33IR-","saveMembership":"_35aiF","newMembershipIcon":"_2d5UD","loading":"_1quY2","searchInput":"_1oiP4","membershipChainInfo":"_10Fx3","addNewMembership":"_3Y8Dj","savedMembership":"_2cSoW","iconWrapper":"_1Thb8","iconPar":"_O51oP","icon":"_3CdwB","number":"_1eJyq","actions":"_f_N1r"};
+var styles$3 = {"loyaltymodal":"_2LnGt","membershipDeleteModal":"_2LdH8","divider":"_3v2HU","selectSearchBox":"_1bAuu","chevronIcon":"_33J5X","selectWrapper":"_AJzhr","membershipList":"_u-SZq","memberItem":"_2d9GY","membershipDetails":"_194K1","title":"_l3kQ9","subtitle":"_33IR-","saveMembership":"_35aiF","newMembershipIcon":"_2d5UD","loading":"_1quY2","searchInput":"_1oiP4","membershipChainInfo":"_10Fx3","addNewMembership":"_3Y8Dj","savedMembership":"_2cSoW","iconWrapper":"_1Thb8","icon":"_3CdwB","number":"_1eJyq","actions":"_f_N1r"};
 
 var ChevronNext = function ChevronNext(_ref) {
   var _ref$color = _ref.color,
@@ -5153,7 +4504,6 @@ var ChevronNext = function ChevronNext(_ref) {
   }));
 };
 
-var sixteenDigitNumber = /^\d{16}$/;
 var MembershipForm = function MembershipForm(_ref) {
   var selectedMembershipChain = _ref.selectedMembershipChain,
     isOtherMembership = _ref.isOtherMembership,
@@ -5162,17 +4512,15 @@ var MembershipForm = function MembershipForm(_ref) {
     setMembershipName = _ref.setMembershipName,
     setMembershipNumber = _ref.setMembershipNumber,
     type = _ref.type,
-    isEdit = _ref.isEdit,
-    _ref$isAAAloyaltySele = _ref.isAAAloyaltySelected,
-    isAAAloyaltySelected = _ref$isAAAloyaltySele === void 0 ? false : _ref$isAAAloyaltySele;
+    isEdit = _ref.isEdit;
   var FallbackIcon = function FallbackIcon() {
     var url = '';
     if (type === 'flight') {
-      url = 'https://d2n81k4sk1bpk1.cloudfront.net/dashboard/flightmemfallback.png';
+      url = 'https://i.imghippo.com/files/Tcd6723qtY.png';
     } else if (type === 'hotel') {
-      url = 'https://d2n81k4sk1bpk1.cloudfront.net/dashboard/hotelmemfallback.png';
+      url = 'https://i.imghippo.com/files/CWoy5950wU.png';
     } else {
-      url = 'https://d2n81k4sk1bpk1.cloudfront.net/dashboard/carmemfallback.png';
+      url = 'https://i.imghippo.com/files/MNQI7762nvk.png';
     }
     return /*#__PURE__*/React.createElement("div", {
       className: styles$3.newMembershipIcon
@@ -5200,14 +4548,11 @@ var MembershipForm = function MembershipForm(_ref) {
     placeholder: placeholder,
     value: membershipName,
     onChangeHandler: function onChangeHandler(e) {
-      var inputValue = e.target.value;
-      if ((inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) <= 50) {
-        setMembershipName(inputValue);
-      }
+      return setMembershipName(e.target.value);
     },
     iconComponent: null,
     style: {
-      width: '100%',
+      width: '50%',
       paddingLeft: 0,
       borderRadius: 6
     }
@@ -5229,26 +4574,18 @@ var MembershipForm = function MembershipForm(_ref) {
     label: "Membership number",
     required: true
   }), /*#__PURE__*/React.createElement(IUISearch, {
-    placeholder: isAAAloyaltySelected ? 'Enter 16-digit AAA membership ID' : 'e.g. ABCD1234',
+    placeholder: "e.g. ABCD1234",
     value: membershipNumber,
     onChangeHandler: function onChangeHandler(e) {
-      var inputValue = e.target.value;
-      if ((inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) <= 50) {
-        setMembershipNumber(inputValue);
-      }
+      setMembershipNumber(e.target.value);
     },
     iconComponent: null,
     style: {
-      width: '100%',
+      width: '50%',
       paddingLeft: 0,
       borderRadius: 6
     }
-  }), isAAAloyaltySelected && membershipNumber && !sixteenDigitNumber.test(membershipNumber) && /*#__PURE__*/React.createElement("div", {
-    style: {
-      color: '#cf2231',
-      marginTop: 5
-    }
-  }, "Enter a valid 16-digit AAA membership ID"));
+  }));
 };
 
 var TravelModeIcon = function TravelModeIcon(_ref) {
@@ -5316,7 +4653,7 @@ var Loader = function Loader() {
     }
   });
 };
-var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
+var RenderList = function RenderList(_ref) {
   var items = _ref.items,
     handleSelect = _ref.handleSelect,
     loading = _ref.loading,
@@ -5362,7 +4699,7 @@ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
     className: styles$3.list
   }, page === 1 && loading ? null : items.map(function (item) {
     var _item$associated_name, _item$associated_name2;
-    var associatedList = (item === null || item === void 0 ? void 0 : item.program_name) === 'Other' ? 'Add new membership program' : type === 'rental_car' ? item === null || item === void 0 ? void 0 : item.program_name : item !== null && item !== void 0 && (_item$associated_name = item.associated_names) !== null && _item$associated_name !== void 0 && _item$associated_name.length ? item === null || item === void 0 ? void 0 : (_item$associated_name2 = item.associated_names) === null || _item$associated_name2 === void 0 ? void 0 : _item$associated_name2.join(', ') : '';
+    var associatedList = (item === null || item === void 0 ? void 0 : item.program_name) === 'Other' ? 'Add new membership program' : type === 'rental_car' ? item === null || item === void 0 ? void 0 : item.program_name : item !== null && item !== void 0 && (_item$associated_name = item.associated_names) !== null && _item$associated_name !== void 0 && _item$associated_name.length ? '(' + (item === null || item === void 0 ? void 0 : (_item$associated_name2 = item.associated_names) === null || _item$associated_name2 === void 0 ? void 0 : _item$associated_name2.join(', ')) + ')' : '';
     return /*#__PURE__*/React.createElement("div", {
       onClick: function onClick() {
         handleSelect(item);
@@ -5372,18 +4709,7 @@ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
       },
       key: item.id,
       className: styles$3.memberItem
-    }, item !== null && item !== void 0 && item.loyalty_program_image_url ? /*#__PURE__*/React.createElement("div", {
-      style: {
-        background: "url(" + (item === null || item === void 0 ? void 0 : item.loyalty_program_image_url) + ")",
-        backgroundSize: 600,
-        borderRadius: 6,
-        border: '1px solid #F1F3F5',
-        backgroundPosition: 'top',
-        height: 40,
-        display: 'flex',
-        alignItems: 'center'
-      }
-    }, /*#__PURE__*/React.createElement("img", {
+    }, item !== null && item !== void 0 && item.loyalty_program_image_url ? /*#__PURE__*/React.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.loyalty_program_image_url,
       alt: item.title,
       onError: function onError(e) {
@@ -5391,7 +4717,7 @@ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
         var fallbackContainer = e.target.nextElementSibling;
         if (fallbackContainer) fallbackContainer.style.display = 'block';
       }
-    })) : /*#__PURE__*/React.createElement("div", {
+    }) : /*#__PURE__*/React.createElement("div", {
       className: styles$3.newMembershipIcon
     }, /*#__PURE__*/React.createElement(FallbackIcon, null)), /*#__PURE__*/React.createElement("div", {
       className: styles$3.newMembershipIcon,
@@ -5414,43 +4740,6 @@ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Loader, null))));
 };
 
-var EditIcon = function EditIcon() {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#clip0_13010_74651)"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M10.7197 1.72376C11.7029 0.740515 13.2971 0.740516 14.2803 1.72377C15.2636 2.70701 15.2636 4.30118 14.2803 5.28443L5.14645 14.4183C4.77137 14.7934 4.26267 15.0041 3.73223 15.0041H2C1.44772 15.0041 1 14.5564 1 14.0041V12.2719C1 11.7414 1.21071 11.2327 1.58579 10.8576L10.7197 1.72376ZM13.2197 2.78443C12.8222 2.38696 12.1778 2.38696 11.7803 2.78443L11.0607 3.5041L12.5 4.94344L13.2197 4.22376C13.6171 3.8263 13.6171 3.18189 13.2197 2.78443ZM11.4393 6.0041L10 4.56476L2.64645 11.9183C2.55268 12.0121 2.5 12.1393 2.5 12.2719V13.5041H3.73223C3.86484 13.5041 3.99202 13.4514 4.08579 13.3576L11.4393 6.0041Z",
-    fill: "#EC5D25"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "clip0_13010_74651"
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "16",
-    height: "16",
-    fill: "white",
-    transform: "translate(0 0.00390625)"
-  }))));
-};
-
-var DeleteIcon = function DeleteIcon() {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M7.33333 2.33716C7.14924 2.33716 7 2.4864 7 2.67049V3.33716H9V2.67049C9 2.4864 8.85076 2.33716 8.66667 2.33716H7.33333ZM10 3.33716V2.67049C10 1.93411 9.40305 1.33716 8.66667 1.33716H7.33333C6.59695 1.33716 6 1.93411 6 2.67049V3.33716H2.5C2.22386 3.33716 2 3.56102 2 3.83716C2 4.1133 2.22386 4.33716 2.5 4.33716H3.03122L3.57716 12.7993C3.64506 13.8516 4.51843 14.6705 5.57301 14.6705H10.427C11.4816 14.6705 12.3549 13.8516 12.4228 12.7993L12.9688 4.33716H13.5C13.7761 4.33716 14 4.1133 14 3.83716C14 3.56102 13.7761 3.33716 13.5 3.33716H10ZM11.9667 4.33716H4.0333L4.57509 12.7349C4.60903 13.2611 5.04572 13.6705 5.57301 13.6705H10.427C10.9543 13.6705 11.391 13.2611 11.4249 12.7349L11.9667 4.33716ZM6.5 6.00383C6.77614 6.00383 7 6.22768 7 6.50383V11.5038C7 11.78 6.77614 12.0038 6.5 12.0038C6.22386 12.0038 6 11.78 6 11.5038V6.50383C6 6.22768 6.22386 6.00383 6.5 6.00383ZM9.5 6.00383C9.77614 6.00383 10 6.22768 10 6.50383V11.5038C10 11.78 9.77614 12.0038 9.5 12.0038C9.22386 12.0038 9 11.78 9 11.5038V6.50383C9 6.22768 9.22386 6.00383 9.5 6.00383Z",
-    fill: "#CF2231"
-  }));
-};
-
 var _excluded = ["ind"];
 var IUIToastMessageService$4 = services.IUIToastMessageService;
 var api$6 = configs.api;
@@ -5461,9 +4750,7 @@ var SavedMemberships = function SavedMemberships(_ref) {
     _ref$updateList = _ref.updateList,
     updateList = _ref$updateList === void 0 ? function () {} : _ref$updateList,
     _ref$handleEdit = _ref.handleEdit,
-    handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit,
-    _ref$isProfile = _ref.isProfile,
-    isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
+    handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit;
   var _useState = useState(false),
     open = _useState[0],
     setOpen = _useState[1];
@@ -5476,10 +4763,42 @@ var SavedMemberships = function SavedMemberships(_ref) {
   var _useSelector = useSelector(function (state) {
       return state.common;
     }),
-    id = _useSelector.id;
-  var _useParams = useParams(),
-    editUserId = _useParams.userId;
-  var userID = isProfile ? id : editUserId;
+    userID = _useSelector.id;
+  var DeleteIcon = function DeleteIcon() {
+    return /*#__PURE__*/React.createElement("svg", {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M7.33333 2.33716C7.14924 2.33716 7 2.4864 7 2.67049V3.33716H9V2.67049C9 2.4864 8.85076 2.33716 8.66667 2.33716H7.33333ZM10 3.33716V2.67049C10 1.93411 9.40305 1.33716 8.66667 1.33716H7.33333C6.59695 1.33716 6 1.93411 6 2.67049V3.33716H2.5C2.22386 3.33716 2 3.56102 2 3.83716C2 4.1133 2.22386 4.33716 2.5 4.33716H3.03122L3.57716 12.7993C3.64506 13.8516 4.51843 14.6705 5.57301 14.6705H10.427C11.4816 14.6705 12.3549 13.8516 12.4228 12.7993L12.9688 4.33716H13.5C13.7761 4.33716 14 4.1133 14 3.83716C14 3.56102 13.7761 3.33716 13.5 3.33716H10ZM11.9667 4.33716H4.0333L4.57509 12.7349C4.60903 13.2611 5.04572 13.6705 5.57301 13.6705H10.427C10.9543 13.6705 11.391 13.2611 11.4249 12.7349L11.9667 4.33716ZM6.5 6.00383C6.77614 6.00383 7 6.22768 7 6.50383V11.5038C7 11.78 6.77614 12.0038 6.5 12.0038C6.22386 12.0038 6 11.78 6 11.5038V6.50383C6 6.22768 6.22386 6.00383 6.5 6.00383ZM9.5 6.00383C9.77614 6.00383 10 6.22768 10 6.50383V11.5038C10 11.78 9.77614 12.0038 9.5 12.0038C9.22386 12.0038 9 11.78 9 11.5038V6.50383C9 6.22768 9.22386 6.00383 9.5 6.00383Z",
+      fill: "#CF2231"
+    }));
+  };
+  var EditIcon = function EditIcon() {
+    return /*#__PURE__*/React.createElement("svg", {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#clip0_13010_74651)"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M10.7197 1.72376C11.7029 0.740515 13.2971 0.740516 14.2803 1.72377C15.2636 2.70701 15.2636 4.30118 14.2803 5.28443L5.14645 14.4183C4.77137 14.7934 4.26267 15.0041 3.73223 15.0041H2C1.44772 15.0041 1 14.5564 1 14.0041V12.2719C1 11.7414 1.21071 11.2327 1.58579 10.8576L10.7197 1.72376ZM13.2197 2.78443C12.8222 2.38696 12.1778 2.38696 11.7803 2.78443L11.0607 3.5041L12.5 4.94344L13.2197 4.22376C13.6171 3.8263 13.6171 3.18189 13.2197 2.78443ZM11.4393 6.0041L10 4.56476L2.64645 11.9183C2.55268 12.0121 2.5 12.1393 2.5 12.2719V13.5041H3.73223C3.86484 13.5041 3.99202 13.4514 4.08579 13.3576L11.4393 6.0041Z",
+      fill: "#EC5D25"
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "clip0_13010_74651"
+    }, /*#__PURE__*/React.createElement("rect", {
+      width: "16",
+      height: "16",
+      fill: "white",
+      transform: "translate(0 0.00390625)"
+    }))));
+  };
   var handleClose = function handleClose() {
     setOpen(false);
     setDeleteItemData(null);
@@ -5572,22 +4891,13 @@ var SavedMemberships = function SavedMemberships(_ref) {
       loyalty_program_image_url = _ref4$loyalty_program === void 0 ? null : _ref4$loyalty_program,
       _ref4$loyalty_program2 = _ref4.loyalty_program_name,
       loyalty_program_name = _ref4$loyalty_program2 === void 0 ? '' : _ref4$loyalty_program2;
-    var isOther = (loyalty_program_name || program_name) === 'Other';
+    var isOther = !!name;
     return /*#__PURE__*/React.createElement("div", {
       className: styles$3.savedMembership,
       key: ind
     }, /*#__PURE__*/React.createElement("div", {
       className: styles$3.iconWrapper
-    }, loyalty_program_image_url ? /*#__PURE__*/React.createElement("div", {
-      className: styles$3.iconPar,
-      style: {
-        background: "url(" + loyalty_program_image_url + ")",
-        backgroundSize: 600,
-        borderRadius: 6,
-        border: '1px solid #F1F3F5',
-        backgroundPosition: 'top'
-      }
-    }, /*#__PURE__*/React.createElement("img", {
+    }, loyalty_program_image_url ? /*#__PURE__*/React.createElement("img", {
       src: loyalty_program_image_url,
       alt: name,
       className: styles$3.icon,
@@ -5595,8 +4905,9 @@ var SavedMemberships = function SavedMemberships(_ref) {
         e.target.style.display = 'none';
         var fallbackContainer = e.target.nextElementSibling;
         if (fallbackContainer) fallbackContainer.style.display = 'block';
+        console.log(fallbackContainer, 'xxx4');
       }
-    })) : /*#__PURE__*/React.createElement(FallbackIcon, {
+    }) : /*#__PURE__*/React.createElement(FallbackIcon, {
       type: type
     }), /*#__PURE__*/React.createElement("div", {
       className: styles$3.newMembershipIcon,
@@ -5605,7 +4916,7 @@ var SavedMemberships = function SavedMemberships(_ref) {
       }
     }, /*#__PURE__*/React.createElement(FallbackIcon, {
       type: type
-    })), /*#__PURE__*/React.createElement("p", null, (loyalty_program_name || program_name) === 'Other' ? name || loyalty_program_name || program_name : loyalty_program_name || program_name || name)), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/React.createElement("p", null, loyalty_program_name === 'Other' ? name || loyalty_program_name || program_name : loyalty_program_name || program_name || name)), /*#__PURE__*/React.createElement("div", {
       className: styles$3.number
     }, number), /*#__PURE__*/React.createElement("div", {
       className: styles$3.actions
@@ -5644,9 +4955,7 @@ var AddMembershipButton = memo(function (_ref) {
     _ref$updateList = _ref.updateList,
     updateList = _ref$updateList === void 0 ? function () {} : _ref$updateList,
     _ref$handleEdit = _ref.handleEdit,
-    handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit,
-    _ref$isProfile = _ref.isProfile,
-    isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
+    handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit;
   var handleAddMembership = function handleAddMembership(type) {
     var currentModalState = _extends({}, modalState);
     currentModalState.open = true;
@@ -5679,8 +4988,7 @@ var AddMembershipButton = memo(function (_ref) {
     list: list,
     type: type,
     updateList: updateList,
-    handleEdit: handleEdit,
-    isProfile: isProfile
+    handleEdit: handleEdit
   }), /*#__PURE__*/React.createElement(IUIButton, {
     buttonText: "Add membership",
     type: "text",
@@ -5697,38 +5005,13 @@ var AddMembershipButton = memo(function (_ref) {
 
 var IUIToastMessageService$5 = services.IUIToastMessageService;
 var api$7 = configs.api;
-var sixteenDigitNumber$1 = /^\d{16}$/;
-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 _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 Membership = function Membership(_ref) {
+  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 _useParams = useParams(),
     editUserId = _useParams.userId;
   var _useSelector = useSelector(function (state) {
@@ -5740,9 +5023,8 @@ var Membership = function Membership(_ref2) {
     savedMemberships = _useState[0],
     setSavedMemberships = _useState[1];
   var groupedMembershipData = savedMemberships.reduce(function (acc, item) {
-    var _acc$item$membership_;
-    acc[item === null || item === void 0 ? void 0 : item.membership_type] = (acc === null || acc === void 0 ? void 0 : acc[item === null || item === void 0 ? void 0 : item.membership_type]) || [];
-    acc === null || acc === void 0 ? void 0 : (_acc$item$membership_ = acc[item === null || item === void 0 ? void 0 : item.membership_type]) === null || _acc$item$membership_ === void 0 ? void 0 : _acc$item$membership_.push(item);
+    acc[item.membership_type] = acc[item.membership_type] || [];
+    acc[item.membership_type].push(item);
     return acc;
   }, {
     flight: [],
@@ -5784,25 +5066,23 @@ var Membership = function Membership(_ref2) {
   var _useState9 = useState(1),
     page = _useState9[0],
     setPage = _useState9[1];
-  var _useState0 = useState(false),
-    loading = _useState0[0],
-    setLoading = _useState0[1];
-  var _useState1 = useState(false),
-    isOtherMembership = _useState1[0],
-    setIsOtherMembership = _useState1[1];
-  var _useState10 = useState(null),
-    selectedMembershipChain = _useState10[0],
-    setSelectedMembershipChain = _useState10[1];
-  var _useState11 = useState(''),
-    membershipName = _useState11[0],
-    setMembershipName = _useState11[1];
-  var _useState12 = useState(''),
-    membershipNumber = _useState12[0],
-    setMembershipNumber = _useState12[1];
+  var _useState10 = useState(false),
+    loading = _useState10[0],
+    setLoading = _useState10[1];
+  var _useState11 = useState(false),
+    isOtherMembership = _useState11[0],
+    setIsOtherMembership = _useState11[1];
+  var _useState12 = useState(null),
+    selectedMembershipChain = _useState12[0],
+    setSelectedMembershipChain = _useState12[1];
+  var _useState13 = useState(''),
+    membershipName = _useState13[0],
+    setMembershipName = _useState13[1];
+  var _useState14 = useState(''),
+    membershipNumber = _useState14[0],
+    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) {
       query = '';
@@ -5908,7 +5188,7 @@ var Membership = function Membership(_ref2) {
       return;
     }
     if (item) {
-      if (isEditing) {
+      if (index) {
         groupedMembershipData[type][index] = _extends({}, groupedMembershipData[type][index], {
           number: item.number,
           name: item.name
@@ -5916,12 +5196,11 @@ var Membership = function Membership(_ref2) {
       } else groupedMembershipData[type] = [].concat(groupedMembershipData[type], [item]);
     }
     if (index !== null && !item) {
-      var _groupedMembershipDat, _groupedMembershipDat2;
-      if (index < 0 || index >= (groupedMembershipData === null || groupedMembershipData === void 0 ? void 0 : (_groupedMembershipDat = groupedMembershipData[type]) === null || _groupedMembershipDat === void 0 ? void 0 : _groupedMembershipDat.length)) {
+      if (index < 0 || index >= groupedMembershipData[type].length) {
         console.error("Invalid index: " + index);
         return;
       }
-      groupedMembershipData[type] = [].concat(groupedMembershipData === null || groupedMembershipData === void 0 ? void 0 : (_groupedMembershipDat2 = groupedMembershipData[type]) === null || _groupedMembershipDat2 === void 0 ? void 0 : _groupedMembershipDat2.slice(0, index), groupedMembershipData[type].slice(index + 1));
+      groupedMembershipData[type] = [].concat(groupedMembershipData[type].slice(0, index), groupedMembershipData[type].slice(index + 1));
     }
     var flight = groupedMembershipData.flight,
       hotel = groupedMembershipData.hotel,
@@ -5931,57 +5210,33 @@ var Membership = function Membership(_ref2) {
   };
   var handleSubmit = function handleSubmit() {
     try {
-      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: resolvedMembershipName
+      var payload = editIndex ? _extends({}, selectedMembershipChain, {
+        number: membershipNumber
       }) : {
         membership_type: type,
-        number: membershipNumber === null || membershipNumber === void 0 ? void 0 : membershipNumber.trim(),
+        number: membershipNumber,
         iata_code: null,
         user: userID,
         loyalty_program_id: selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_id,
-        name: resolvedMembershipName
+        name: membershipName || ''
       };
       setIsUpdating(true);
-      var _temp4 = _finallyRethrows(function () {
+      var _temp2 = _finallyRethrows(function () {
         return _catch(function () {
-          function _temp3() {
-            var _response, _response2;
-            if (((_response = response) === null || _response === void 0 ? void 0 : _response.status) === 201 || ((_response2 = response) === null || _response2 === void 0 ? void 0 : _response2.status) === 200) {
-              var _response3;
-              var updatedResponse = (_response3 = response) === null || _response3 === void 0 ? void 0 : _response3.data;
+          return Promise.resolve(editIndex ? api$7.put(url, payload) : api$7.post(url, payload)).then(function (response) {
+            if ((response === null || response === void 0 ? void 0 : response.status) === 201 || (response === null || response === void 0 ? void 0 : response.status) === 200) {
+              var _response$data3;
+              var updatedResponse = response === null || response === void 0 ? void 0 : response.data;
               updatedResponse.program_name = selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.program_name;
               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(isEditing ? "Membership updated." : "New membership added.");
+              updateList(response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.membership_type, editIndex, updatedResponse);
+              IUIToastMessageService$5.sNotify(editIndex ? "Membership updated." : "New membership added.");
             } else {
               IUIToastMessageService$5.warningNotify('Failed to save membership');
             }
-          }
-          var response = {};
-          var _temp2 = function () {
-            if (userID) {
-              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
-              };
-            }
-          }();
-          return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
+          });
         }, function (error) {
           console.error(error);
           IUIToastMessageService$5.warningNotify('Something went wrong!');
@@ -5991,7 +5246,7 @@ var Membership = function Membership(_ref2) {
         if (_wasThrown) throw _result;
         return _result;
       });
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5999,7 +5254,7 @@ var Membership = function Membership(_ref2) {
   var handleEdit = function handleEdit(mem, index, isOther) {
     setEditIndex(index);
     setSelectedMembershipChain(mem);
-    setMembershipName((mem === null || mem === void 0 ? void 0 : mem.name) || resolveMembershipName$1(mem, mem === null || mem === void 0 ? void 0 : mem.name));
+    setMembershipName((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);
@@ -6014,19 +5269,19 @@ var Membership = function Membership(_ref2) {
   }, /*#__PURE__*/React.createElement(IUIModal, {
     isOpen: open,
     closeHandler: handleClose,
-    modalClass: clsx(styles$3.loyaltymodal, (_clsx = {}, _clsx[styles$3.loyaltyList] = !selectedMembershipChain, _clsx)),
+    modalClass: styles$3.loyaltymodal,
     cancelLabel: selectedMembershipChain ? 'Cancel' : '',
-    submitLabel: selectedMembershipChain ? isUpdating ? 'Saving...' : isEditing ? 'Save' : 'Add' : '',
+    submitLabel: selectedMembershipChain ? isUpdating ? 'Saving...' : editIndex ? 'Save' : 'Add' : '',
     submitHandler: handleSubmit,
-    isDisabledSubmitBtn: isUpdating || !membershipNumber || isOtherMembership && !membershipName || isAAAloyaltySelected && !sixteenDigitNumber$1.test(membershipNumber),
-    width: selectedMembershipChain ? '480px' : '640px',
+    isDisabledSubmitBtn: isUpdating || !membershipNumber,
+    width: "640px",
     headerText: selectedMembershipChain ? '' : title,
     subHanderText: selectedMembershipChain ? '' : subtitle,
     modalBodyStyle: {
       padding: selectedMembershipChain ? '0px 24px 25px' : '24px 24px 0px',
       minHeight: selectedMembershipChain ? 120 : 80,
       borderBottom: selectedMembershipChain && '1px solid #E5E7EB',
-      marginBottom: selectedMembershipChain ? 0 : -18
+      marginBottom: selectedMembershipChain ? 0 : -40
     }
   }, /*#__PURE__*/React.createElement(Fragment$1, null, selectedMembershipChain ? /*#__PURE__*/React.createElement(MembershipForm, {
     selectedMembershipChain: selectedMembershipChain,
@@ -6036,8 +5291,7 @@ var Membership = function Membership(_ref2) {
     setMembershipName: setMembershipName,
     setMembershipNumber: setMembershipNumber,
     type: type,
-    isEdit: isEditing,
-    isAAAloyaltySelected: isAAAloyaltySelected
+    isEdit: !!editIndex
   }) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
     style: {
       color: '#374151',
@@ -6074,7 +5328,7 @@ var Membership = function Membership(_ref2) {
     color: "#6B7280"
   }))), isInputFocused && /*#__PURE__*/React.createElement("div", {
     className: styles$3.membershipList
-  }, /*#__PURE__*/React.createElement(LoyaltyPrograms, {
+  }, /*#__PURE__*/React.createElement(RenderList, {
     items: items,
     handleSelect: handleSelect,
     loading: loading,
@@ -6098,8 +5352,7 @@ var Membership = function Membership(_ref2) {
       modalState: modalState,
       list: groupedMembershipData[memType],
       updateList: updateList,
-      handleEdit: handleEdit,
-      isProfile: isProfile
+      handleEdit: handleEdit
     }), ind < 2 && /*#__PURE__*/React.createElement(IUIDivider, {
       className: styles$3.divider
     }));
@@ -6109,6 +5362,7 @@ var Membership = function Membership(_ref2) {
 var AdditionalInfo = function AdditionalInfo(_ref) {
   var _clsx;
   var membershipInfoInput = _ref.membershipInfoInput,
+    addMemInfoInput = _ref.addMemInfoInput,
     travelPreferenceInfo = _ref.travelPreferenceInfo,
     _ref$travelPreference = _ref.travelPreferenceOnChange,
     travelPreferenceOnChange = _ref$travelPreference === void 0 ? function () {} : _ref$travelPreference,
@@ -6236,7 +5490,50 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
   }, /*#__PURE__*/React.createElement(IUIGrid, {
     container: true,
     className: styles.formFieldsWrapper
-  }, /*#__PURE__*/React.createElement(Membership, {
+  }, membershipInfoInput.length === 0 && /*#__PURE__*/React.createElement(IUIBox, {
+    className: styles.emptyFieldContainer
+  }, /*#__PURE__*/React.createElement(IUITypography, {
+    className: styles.emptyFieldDescription
+  }, "No membership details added yet"), /*#__PURE__*/React.createElement(IUIBox, {
+    className: clsx(styles.emptyFieldBtnContainer, styles.rowGap),
+    display: "flex"
+  }, /*#__PURE__*/React.createElement(IUIButton, {
+    buttonText: "Add airline",
+    type: "text",
+    startIcon: /*#__PURE__*/React.createElement(AddIcon, {
+      width: "10",
+      height: "10",
+      color: "#EC5D25"
+    }),
+    className: styles.paddingTop,
+    onClick: function onClick(e) {
+      return addMemInfoInput('flight');
+    }
+  }), /*#__PURE__*/React.createElement(IUIButton, {
+    buttonText: "Add hotel",
+    type: "text",
+    startIcon: /*#__PURE__*/React.createElement(AddIcon, {
+      width: "10",
+      height: "10",
+      color: "#EC5D25"
+    }),
+    className: styles.paddingTop,
+    onClick: function onClick(e) {
+      return addMemInfoInput('hotel');
+    }
+  }), /*#__PURE__*/React.createElement(IUIButton, {
+    buttonText: "Add car rental",
+    type: "text",
+    startIcon: /*#__PURE__*/React.createElement(AddIcon, {
+      width: "10",
+      height: "10",
+      color: "#EC5D25"
+    }),
+    className: styles.paddingTop,
+    onClick: function onClick(e) {
+      return addMemInfoInput('rental_car');
+    }
+  }))), /*#__PURE__*/React.createElement(Membership, {
     membershipInfoInput: membershipInfoInput,
     setMembershipInfoInput: setMembershipInfoInput,
     isProfile: isProfile
@@ -6507,11 +5804,7 @@ var UserAddEdit = function UserAddEdit(props) {
     editUserId = props.editUserId,
     config = props.config,
     _props$isProfile = props.isProfile,
-    isProfile = _props$isProfile === void 0 ? false : _props$isProfile,
-    _props$paymentMethod = props.paymentMethod,
-    paymentMethod = _props$paymentMethod === void 0 ? null : _props$paymentMethod,
-    _props$sendLog = props.sendLog,
-    sendLog = _props$sendLog === void 0 ? function () {} : _props$sendLog;
+    isProfile = _props$isProfile === void 0 ? false : _props$isProfile;
   env$4.init(config, isProfile);
   var queryParams = new URLSearchParams(window.location.search);
   var verifyUserId = Number(queryParams.get(config.routes.users.add.queryParamKeys.verifyUserId));
@@ -6835,40 +6128,40 @@ var UserAddEdit = function UserAddEdit(props) {
   var _useState9 = useState(false),
     scroll = _useState9[0],
     setScroll = _useState9[1];
-  var _useState0 = useState({}),
-    customFieldsInput = _useState0[0],
-    setCustomFieldsInput = _useState0[1];
-  var _useState1 = useState('traveler'),
-    travelRole = _useState1[0],
-    setTravelRole = _useState1[1];
   var _useState10 = useState({}),
-    travelApproversInput = _useState10[0],
-    setTravelApproversInput = _useState10[1];
-  var _useState11 = useState({
+    customFieldsInput = _useState10[0],
+    setCustomFieldsInput = _useState10[1];
+  var _useState11 = useState('traveler'),
+    travelRole = _useState11[0],
+    setTravelRole = _useState11[1];
+  var _useState12 = useState({}),
+    travelApproversInput = _useState12[0],
+    setTravelApproversInput = _useState12[1];
+  var _useState13 = useState({
       value: '',
       label: 'Select approver'
     }),
-    travelFYI = _useState11[0],
-    setTravelFYI = _useState11[1];
-  var _useState12 = useState([]),
-    membershipInfoInput = _useState12[0],
-    setMembershipInfoInput = _useState12[1];
-  var _useState13 = useState([]),
-    removedMembershipInfoInput = _useState13[0],
-    setRemovedMembershipInfoInput = _useState13[1];
-  var _useState14 = useState({
+    travelFYI = _useState13[0],
+    setTravelFYI = _useState13[1];
+  var _useState14 = useState([]),
+    membershipInfoInput = _useState14[0],
+    setMembershipInfoInput = _useState14[1];
+  var _useState15 = useState([]),
+    removedMembershipInfoInput = _useState15[0],
+    setRemovedMembershipInfoInput = _useState15[1];
+  var _useState16 = useState({
       flight_seat_preference: '',
       meal_preference: ''
     }),
-    travelPreferenceInfo = _useState14[0],
-    settravelPreferenceInfo = _useState14[1];
-  var _useState15 = useState({
+    travelPreferenceInfo = _useState16[0],
+    settravelPreferenceInfo = _useState16[1];
+  var _useState17 = useState({
       trusted_traveller: '',
       redress_number: ''
     }),
-    secureTravelInputInfo = _useState15[0],
-    setSecureTravelInputInfo = _useState15[1];
-  var _useState16 = useState({
+    secureTravelInputInfo = _useState17[0],
+    setSecureTravelInputInfo = _useState17[1];
+  var _useState18 = useState({
       passport_issue_country: {
         value: '',
         label: 'Select country'
@@ -6883,32 +6176,32 @@ var UserAddEdit = function UserAddEdit(props) {
       passport_photo: [],
       travel_docs: []
     }),
-    passportInfoInput = _useState16[0],
-    setPassportInfoInput = _useState16[1];
-  var _useState17 = useState([]),
-    filesForDelete = _useState17[0],
-    setFilesForDelete = _useState17[1];
-  var _useState18 = useState([]),
-    profilePicDelete = _useState18[0],
-    setProfilePicDelete = _useState18[1];
-  var _useState19 = useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
-    isAdditionalInfoExpanded = _useState19[0],
-    setAdditionalInfoFlag = _useState19[1];
-  var _useState20 = useState('submitter'),
-    expenseRole = _useState20[0],
-    setExpenseRole = _useState20[1];
-  var _useState21 = useState({}),
-    expenseApproversInput = _useState21[0],
-    setExpenseApproversInput = _useState21[1];
-  var _useState22 = useState({
+    passportInfoInput = _useState18[0],
+    setPassportInfoInput = _useState18[1];
+  var _useState19 = useState([]),
+    filesForDelete = _useState19[0],
+    setFilesForDelete = _useState19[1];
+  var _useState20 = useState([]),
+    profilePicDelete = _useState20[0],
+    setProfilePicDelete = _useState20[1];
+  var _useState21 = useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
+    isAdditionalInfoExpanded = _useState21[0],
+    setAdditionalInfoFlag = _useState21[1];
+  var _useState22 = useState('submitter'),
+    expenseRole = _useState22[0],
+    setExpenseRole = _useState22[1];
+  var _useState23 = useState({}),
+    expenseApproversInput = _useState23[0],
+    setExpenseApproversInput = _useState23[1];
+  var _useState24 = useState({
       value: '',
       label: 'Select approver'
     }),
-    expenseFYI = _useState22[0],
-    setExpenseFYI = _useState22[1];
-  var _useState23 = useState(''),
-    cardsRole = _useState23[0],
-    setCardsRole = _useState23[1];
+    expenseFYI = _useState24[0],
+    setExpenseFYI = _useState24[1];
+  var _useState25 = useState(''),
+    cardsRole = _useState25[0],
+    setCardsRole = _useState25[1];
   useEffect(function () {
     if (productAccess.card === false) {
       setCardsRole('');
@@ -6932,20 +6225,13 @@ var UserAddEdit = function UserAddEdit(props) {
       }
     } else if (isCardsDetailsRendered && isProfile && productAccess.card) {
       var targetRole = isCardsAdmin ? 'card-admin' : 'card-holder';
-      var _selectedRole = cardsDetails.cardsRoles.find(function (role) {
-        return role.isAssigned;
-      });
-      if (_selectedRole) {
-        setCardsRole(_selectedRole.value);
-      } else {
-        for (var _iterator = _createForOfIteratorHelperLoose(cardsDetails.cardsRoles), _step; !(_step = _iterator()).done;) {
-          var role = _step.value;
-          var splitRoleVal = role.value.split(':');
-          var profileRole = splitRoleVal[2];
-          if (profileRole === targetRole) {
-            setCardsRole(role.value);
-            break;
-          }
+      for (var _iterator = _createForOfIteratorHelperLoose(cardsDetails.cardsRoles), _step; !(_step = _iterator()).done;) {
+        var role = _step.value;
+        var splitRoleVal = role.value.split(':');
+        var profileRole = splitRoleVal[2];
+        if (profileRole === targetRole) {
+          setCardsRole(role.value);
+          break;
         }
       }
     }
@@ -6956,10 +6242,10 @@ var UserAddEdit = function UserAddEdit(props) {
     business_unit: useRef(null),
     department: useRef(null)
   });
-  var _useState24 = useState([]),
-    errorArray = _useState24[0],
-    setErrorArray = _useState24[1];
-  var _useState25 = useState({
+  var _useState26 = useState([]),
+    errorArray = _useState26[0],
+    setErrorArray = _useState26[1];
+  var _useState27 = useState({
       first_name: '',
       last_name: '',
       email: '',
@@ -6989,9 +6275,9 @@ var UserAddEdit = function UserAddEdit(props) {
       userTagType: '',
       profile_pic: ''
     }),
-    errorMsgs = _useState25[0],
-    setErrorMsgs = _useState25[1];
-  var _useState26 = useState({
+    errorMsgs = _useState27[0],
+    setErrorMsgs = _useState27[1];
+  var _useState28 = useState({
       first_name: false,
       last_name: false,
       email: false,
@@ -7018,14 +6304,14 @@ var UserAddEdit = function UserAddEdit(props) {
       userTagType: false,
       profile_pic: false
     }),
-    inputChangeLog = _useState26[0],
-    updateInputChangeLog = _useState26[1];
-  var _useState27 = useState([]),
-    uploadedFiles = _useState27[0],
-    setUploadedFiles = _useState27[1];
-  var _useState28 = useState(70),
-    maxLengthForModal = _useState28[0],
-    setMaxLengthForModal = _useState28[1];
+    inputChangeLog = _useState28[0],
+    updateInputChangeLog = _useState28[1];
+  var _useState29 = useState([]),
+    uploadedFiles = _useState29[0],
+    setUploadedFiles = _useState29[1];
+  var _useState30 = useState(70),
+    maxLengthForModal = _useState30[0],
+    setMaxLengthForModal = _useState30[1];
   var defaultAddModalData = {
     isOpen: false,
     isError: false,
@@ -7041,9 +6327,9 @@ var UserAddEdit = function UserAddEdit(props) {
     maxLength: maxLengthForModal,
     minLength: 0
   };
-  var _useState29 = useState(defaultAddModalData),
-    addModalData = _useState29[0],
-    setAddModalData = _useState29[1];
+  var _useState31 = useState(defaultAddModalData),
+    addModalData = _useState31[0],
+    setAddModalData = _useState31[1];
   var onAddModalClose = function onAddModalClose() {
     setAddModalData(_extends({}, defaultAddModalData));
   };
@@ -7234,9 +6520,9 @@ var UserAddEdit = function UserAddEdit(props) {
     return tag.id;
   };
   var onUserTagTypeChange = function onUserTagTypeChange(args) {
-    var _extends0;
+    var _extends10;
     var e = args._event;
-    setUserTagType(_extends({}, userTagType, (_extends0 = {}, _extends0[e.target.name] = userTagType[e.target.name] ? false : getUserTagTypeId(e.target.name), _extends0)));
+    setUserTagType(_extends({}, userTagType, (_extends10 = {}, _extends10[e.target.name] = userTagType[e.target.name] ? false : getUserTagTypeId(e.target.name), _extends10)));
     if (Object.hasOwnProperty.call(inputChangeLog, 'userTagType')) {
       updateInputChangeLog(_extends({}, inputChangeLog, {
         userTagType: true
@@ -7244,22 +6530,22 @@ var UserAddEdit = function UserAddEdit(props) {
     }
   };
   var onCustomFieldsChange = function onCustomFieldsChange(_ref2) {
-    var _extends1;
+    var _extends11;
     var _name = _ref2._name,
       _value = _ref2._value;
-    setCustomFieldsInput(_extends({}, customFieldsInput, (_extends1 = {}, _extends1[_name] = _value, _extends1)));
+    setCustomFieldsInput(_extends({}, customFieldsInput, (_extends11 = {}, _extends11[_name] = _value, _extends11)));
   };
   var onTravelApproversInputChange = function onTravelApproversInputChange(_ref3) {
-    var _extends10;
+    var _extends12;
     var _name = _ref3._name,
       _value = _ref3._value;
-    setTravelApproversInput(_extends({}, travelApproversInput, (_extends10 = {}, _extends10[_name] = _value, _extends10)));
+    setTravelApproversInput(_extends({}, travelApproversInput, (_extends12 = {}, _extends12[_name] = _value, _extends12)));
   };
   var onExpenseApproversInputChange = function onExpenseApproversInputChange(_ref4) {
-    var _extends11;
+    var _extends13;
     var _name = _ref4._name,
       _value = _ref4._value;
-    setExpenseApproversInput(_extends({}, expenseApproversInput, (_extends11 = {}, _extends11[_name] = _value, _extends11)));
+    setExpenseApproversInput(_extends({}, expenseApproversInput, (_extends13 = {}, _extends13[_name] = _value, _extends13)));
   };
   var onMemInfoInputChange = function onMemInfoInputChange(index, key, val) {
     var _membershipInfoInput = [].concat(membershipInfoInput);
@@ -7293,39 +6579,39 @@ var UserAddEdit = function UserAddEdit(props) {
     setMembershipInfoInput(_membershipInfoInputTemp);
   };
   var travelPreferenceOnChange = function travelPreferenceOnChange(args) {
-    var _extends12;
+    var _extends14;
     var _name = args._name,
       _value = args._value,
       _isError = args._isError,
       _errorMsg = args._errorMsg;
-    settravelPreferenceInfo(_extends({}, travelPreferenceInfo, (_extends12 = {}, _extends12[_name] = _value, _extends12)));
+    settravelPreferenceInfo(_extends({}, travelPreferenceInfo, (_extends14 = {}, _extends14[_name] = _value, _extends14)));
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-      var _extends13;
-      updateInputChangeLog(_extends({}, inputChangeLog, (_extends13 = {}, _extends13[_name] = true, _extends13)));
+      var _extends15;
+      updateInputChangeLog(_extends({}, inputChangeLog, (_extends15 = {}, _extends15[_name] = true, _extends15)));
     }
     updateError(_name, _isError, _errorMsg);
   };
   var onSecureTraveelerInfoInputChange = function onSecureTraveelerInfoInputChange(args) {
-    var _extends14;
+    var _extends16;
     var _name = args._name,
       _value = args._value,
       _isError = args._isError,
       _errorMsg = args._errorMsg;
-    setSecureTravelInputInfo(_extends({}, secureTravelInputInfo, (_extends14 = {}, _extends14[_name] = _value, _extends14)));
+    setSecureTravelInputInfo(_extends({}, secureTravelInputInfo, (_extends16 = {}, _extends16[_name] = _value, _extends16)));
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-      var _extends15;
-      updateInputChangeLog(_extends({}, inputChangeLog, (_extends15 = {}, _extends15[_name] = true, _extends15)));
+      var _extends17;
+      updateInputChangeLog(_extends({}, inputChangeLog, (_extends17 = {}, _extends17[_name] = true, _extends17)));
     }
     updateError(_name, _isError, _errorMsg);
   };
   var onPassportInfoInputChange = function onPassportInfoInputChange(args) {
     try {
       var _temp8 = function _temp8() {
-        var _extends16;
-        setPassportInfoInput(_extends({}, passportInfoInput, (_extends16 = {}, _extends16[_name] = _value, _extends16)));
+        var _extends18;
+        setPassportInfoInput(_extends({}, passportInfoInput, (_extends18 = {}, _extends18[_name] = _value, _extends18)));
         if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-          var _extends17;
-          updateInputChangeLog(_extends({}, inputChangeLog, (_extends17 = {}, _extends17[_name] = true, _extends17)));
+          var _extends19;
+          updateInputChangeLog(_extends({}, inputChangeLog, (_extends19 = {}, _extends19[_name] = true, _extends19)));
         }
         updateError(_name, _isError, _errorMsg);
       };
@@ -7431,8 +6717,8 @@ var UserAddEdit = function UserAddEdit(props) {
       return _errorArray;
     });
     setErrorMsgs(function (prevState) {
-      var _extends18;
-      return _extends({}, prevState, (_extends18 = {}, _extends18[_name] = _errorMsg, _extends18));
+      var _extends20;
+      return _extends({}, prevState, (_extends20 = {}, _extends20[_name] = _errorMsg, _extends20));
     });
   };
   var dispatch = useDispatch();
@@ -7455,13 +6741,8 @@ var UserAddEdit = function UserAddEdit(props) {
   useEffect(function () {
     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') {
-          if (isProfile || editUserId) {
-            fetchEditUserCardsDetails(isProfile ? id : editUserId);
-          } else {
-            fetchLoggedUserCardsDetails();
-          }
+          editUserId ? fetchEditUserCardsDetails(editUserId) : fetchLoggedUserCardsDetails();
         }
       });
       setPersonalInfoInput(_extends({}, personalInfoInput, {
@@ -7764,7 +7045,7 @@ var UserAddEdit = function UserAddEdit(props) {
   }, [renderFields.expenseApprovers]);
   var uploadDocs = function uploadDocs(docToUpload, type) {
     try {
-      var _temp0 = function _temp0() {
+      var _temp10 = function _temp10() {
         setUploadedFiles([].concat(uploadedFiles, data));
         dispatch(stopLoader());
         return data;
@@ -7785,15 +7066,12 @@ var UserAddEdit = function UserAddEdit(props) {
           data.push(res);
         });
       });
-      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp0) : _temp0(_temp9));
+      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9));
     } catch (e) {
       return Promise.reject(e);
     }
   };
-  var formSubmitHandler = function formSubmitHandler(send_welcome_email) {
-    if (send_welcome_email === void 0) {
-      send_welcome_email = false;
-    }
+  var formSubmitHandler = function formSubmitHandler() {
     try {
       var checkAnyError = doesFormHasError();
       if (checkAnyError) {
@@ -7831,9 +7109,6 @@ var UserAddEdit = function UserAddEdit(props) {
         cardsRole: cardsRole,
         isCardsAdmin: isCardsAdmin
       };
-      if (!isEditMode && !isProfile) {
-        payload.send_welcome_email = send_welcome_email;
-      }
       if (verifyUserId) {
         payload.verifyUserId = verifyUserId;
       }
@@ -8170,6 +7445,32 @@ 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 () {
@@ -8222,34 +7523,12 @@ var UserAddEdit = function UserAddEdit(props) {
     onClick: handleCancelNavigation
   })), /*#__PURE__*/React.createElement(IUIBox, {
     component: "div",
-    className: clsx('pageHeader--button-single', styles.buttonRight)
-  }, isEditMode || isProfile ? /*#__PURE__*/React.createElement(IUIButton, {
+    className: "pageHeader--button-single button-right"
+  }, /*#__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",
@@ -8462,9 +7741,9 @@ var UserAddEdit = function UserAddEdit(props) {
     maxApprovers: maxTravelApprovers,
     isProfile: isProfile,
     editUserId: editUserId,
-    roles: renderFields.travelRoles,
-    paymentMethod: paymentMethod,
-    sendLog: sendLog
+    roles: renderFields.travelRoles
+  }), /*#__PURE__*/React.createElement(IUIDivider, {
+    className: styles.dividerColor
   }), /*#__PURE__*/React.createElement(AdditionalInfo, {
     membershipInfoInput: membershipInfoInput,
     onMemInfoInputChange: onMemInfoInputChange,
@@ -8508,9 +7787,7 @@ var UserAddEdit = function UserAddEdit(props) {
     maxApprovers: maxExpenseApprovers,
     isProfile: isProfile,
     editUserId: editUserId,
-    roles: renderFields.expenseRoles,
-    paymentMethod: paymentMethod,
-    sendLog: sendLog
+    roles: renderFields.expenseRoles
   }), /*#__PURE__*/React.createElement(IUIDivider, {
     className: styles.dividerColor
   }), isCardsDetailsRendered && productAccess && productAccess.card && /*#__PURE__*/React.createElement(CardsField, {
@@ -8761,15 +8038,10 @@ var downloadUploadedRecords = function downloadUploadedRecords(type, jobId) {
     });
   };
 };
-var importUploadedRecords = function importUploadedRecords(jobId, canUpdateExistingUsers, sendInvite) {
-  if (sendInvite === void 0) {
-    sendInvite = false;
-  }
+var importUploadedRecords = function importUploadedRecords(jobId, canUpdateExistingUsers) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$8.post(userBulkImport.importRecords() + "?job_id=" + jobId + "&update=" + canUpdateExistingUsers, {
-        should_send_welcome_email: sendInvite
-      }).then(function (res) {
+      api$8.post(userBulkImport.importRecords() + "?job_id=" + jobId + "&update=" + canUpdateExistingUsers).then(function (res) {
         resolve(res);
       })["catch"](function (err) {
         reject(err);
@@ -9030,12 +8302,9 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
   var _useState5 = useState(false),
     canUpdateExistingUsers = _useState5[0],
     setCanUpdateExistingUsers = _useState5[1];
-  var _useState6 = useState(true),
-    sendInvite = _useState6[0],
-    setSendInvite = _useState6[1];
-  var _useState7 = useState(false),
-    isFileDownloading = _useState7[0],
-    setDownlStatus = _useState7[1];
+  var _useState6 = useState(false),
+    isFileDownloading = _useState6[0],
+    setDownlStatus = _useState6[1];
   var _useSelector = useSelector(function (state) {
       return state.common;
     }),
@@ -9143,7 +8412,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
         }
       }
       setImportStatus(1);
-      return Promise.resolve(dispatch(importUploadedRecords(jobId, canUpdateExistingUsers ? 1 : 0, sendInvite))).then(function (res) {
+      return Promise.resolve(dispatch(importUploadedRecords(jobId, canUpdateExistingUsers ? 1 : 0))).then(function (res) {
         var _temp = function () {
           if (res.data.status) {
             return Promise.resolve(dispatch(_executionJob(jobId, 'is_job_completed')).then(function (resp) {
@@ -9174,9 +8443,6 @@ 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, {
@@ -9486,18 +8752,6 @@ 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: {
@@ -10081,7 +9335,7 @@ var BulkDownloadIcon = function BulkDownloadIcon(props) {
   }));
 };
 
-var classes$1 = {"containedBtn":"_2A4_u","customMiniBox":"_QGIKG","muiBtn":"_3iFbO","outlinedBtn":"_3lQYD","menuList":"_1C8bJ","menuListContainer":"_1N83W","menuItemContainer":"_3VtcE","menuItemtext":"_2xqnU","subTxt":"_3CVzX"};
+var classes = {"containedBtn":"_2A4_u","customMiniBox":"_QGIKG","muiBtn":"_3iFbO","outlinedBtn":"_3lQYD","menuList":"_1C8bJ","menuListContainer":"_1N83W","menuItemContainer":"_3VtcE","menuItemtext":"_2xqnU","subTxt":"_3CVzX"};
 
 var DropdownBtn = function DropdownBtn(props) {
   var _clsx;
@@ -10140,7 +9394,7 @@ var DropdownBtn = function DropdownBtn(props) {
   }, [open]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
     endIcon: endIcon,
-    className: clsx(classes$1.muiBtn, className, (_clsx = {}, _clsx[classes$1.outlinedBtn] = outlinedBtn, _clsx)),
+    className: clsx(classes.muiBtn, className, (_clsx = {}, _clsx[classes.outlinedBtn] = outlinedBtn, _clsx)),
     disableRipple: disableRipple,
     variant: "outlined",
     ref: anchorRef,
@@ -10166,13 +9420,13 @@ var DropdownBtn = function DropdownBtn(props) {
         transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
       }
     }), /*#__PURE__*/React.createElement(Paper, {
-      className: classes$1.menuListContainer,
+      className: classes.menuListContainer,
       elevation: 0
     }, /*#__PURE__*/React.createElement(ClickAwayListener, {
       onClickAway: handleClose
     }, /*#__PURE__*/React.createElement(MenuList, {
       autoFocusItem: open,
-      className: clsx(classes$1.menuList, (_clsx2 = {}, _clsx2[classes$1.outlinedBtn] = outlinedBtn, _clsx2), menuListClass),
+      className: clsx(classes.menuList, (_clsx2 = {}, _clsx2[classes.outlinedBtn] = outlinedBtn, _clsx2), menuListClass),
       id: "menu-list-grow",
       onKeyDown: function onKeyDown(e) {
         return handleListKeyDown(e);
@@ -10183,13 +9437,13 @@ var DropdownBtn = function DropdownBtn(props) {
           return handleMenuClick(val);
         },
         key: _i,
-        className: clsx(classes$1.menuItemContainer, val.disable && 'iui__cursor-not-allowed'),
+        className: clsx(classes.menuItemContainer, val.disable && 'iui__cursor-not-allowed'),
         disableRipple: true
       }, /*#__PURE__*/React.createElement(Typography, {
-        className: clsx(classes$1.menuItemtext, val && val.disable && 'iui__opacity--60')
+        className: clsx(classes.menuItemtext, val && val.disable && 'iui__opacity--60')
       }, val.label), val.subText && /*#__PURE__*/React.createElement(IUITypography, {
         variant: "subtitle2",
-        className: clsx(classes$1.menuItemtext, classes$1.subTxt)
+        className: clsx(classes.menuItemtext, classes.subTxt)
       }, val.subText));
     })))));
   }));
@@ -10756,45 +10010,45 @@ var UserList = function UserList(_ref2) {
   var _useState9 = useState(false),
     isFileDownloading = _useState9[0],
     setDownlStatus = _useState9[1];
-  var _useState0 = useState(false),
-    isSortingChange = _useState0[0],
-    setSortingChange = _useState0[1];
-  var _useState1 = useState(false),
-    isSearchingChange = _useState1[0],
-    setSearchingChange = _useState1[1];
   var _useState10 = useState(false),
-    isSortingChangeTemp = _useState10[0],
-    setSortingChangeTemp = _useState10[1];
+    isSortingChange = _useState10[0],
+    setSortingChange = _useState10[1];
   var _useState11 = useState(false),
-    isSearchingChangeTemp = _useState11[0],
-    setSearchingChangeTemp = _useState11[1];
+    isSearchingChange = _useState11[0],
+    setSearchingChange = _useState11[1];
   var _useState12 = useState(false),
-    isApiFetching = _useState12[0],
-    setisApiFetching = _useState12[1];
-  var _useState13 = useState({
+    isSortingChangeTemp = _useState12[0],
+    setSortingChangeTemp = _useState12[1];
+  var _useState13 = useState(false),
+    isSearchingChangeTemp = _useState13[0],
+    setSearchingChangeTemp = _useState13[1];
+  var _useState14 = useState(false),
+    isApiFetching = _useState14[0],
+    setisApiFetching = _useState14[1];
+  var _useState15 = useState({
       value: '',
       label: 'Select approver'
     }),
-    approverRole = _useState13[0],
-    setApproverRole = _useState13[1];
-  var _useState14 = useState(false),
-    showInviteModal = _useState14[0],
-    setToggleInviteModal = _useState14[1];
-  var _useState15 = useState(''),
-    userIds = _useState15[0],
-    setUserIds = _useState15[1];
+    approverRole = _useState15[0],
+    setApproverRole = _useState15[1];
+  var _useState16 = useState(false),
+    showInviteModal = _useState16[0],
+    setToggleInviteModal = _useState16[1];
+  var _useState17 = useState(''),
+    userIds = _useState17[0],
+    setUserIds = _useState17[1];
   var _React$useState9 = React.useState(false),
     overlayMenu = _React$useState9[0],
     setOverlayMenu = _React$useState9[1];
-  var _useState16 = useState(''),
-    userFirstName = _useState16[0],
-    setUserFirstName = _useState16[1];
-  var _useState17 = useState(''),
-    userLastName = _useState17[0],
-    setUserLastName = _useState17[1];
-  var _useState18 = useState(true),
-    isDisabledSubmitBtn = _useState18[0],
-    setIsDisabledSubmitBtn = _useState18[1];
+  var _useState18 = useState(''),
+    userFirstName = _useState18[0],
+    setUserFirstName = _useState18[1];
+  var _useState19 = useState(''),
+    userLastName = _useState19[0],
+    setUserLastName = _useState19[1];
+  var _useState20 = useState(true),
+    isDisabledSubmitBtn = _useState20[0],
+    setIsDisabledSubmitBtn = _useState20[1];
   useScrollPosition(function (_ref3) {
     var prevPos = _ref3.prevPos,
       currPos = _ref3.currPos;
@@ -10815,33 +10069,33 @@ var UserList = function UserList(_ref2) {
       behavior: 'smooth'
     });
   };
-  var _React$useState0 = React.useState(1),
-    signup_page = _React$useState0[0],
-    setSignUpPage = _React$useState0[1];
-  var _useState19 = useState(5),
-    signup_rowsPerPage = _useState19[0],
-    setSignUpRowsPerPage = _useState19[1];
-  var _React$useState1 = React.useState('asc'),
-    signup_order = _React$useState1[0],
-    setSignUpOrder = _React$useState1[1];
-  var _React$useState10 = React.useState('first_name'),
-    signup_orderBy = _React$useState10[0],
-    setSignUpOrderBy = _React$useState10[1];
-  var _useState20 = useState(''),
-    signup_searchValue = _useState20[0],
-    set_signup_SearchValue = _useState20[1];
-  var _useState21 = useState(false),
-    isSignUpSortingChange = _useState21[0],
-    setSignUpSortingChange = _useState21[1];
-  var _useState22 = useState(false),
-    isSignUpSearchingChange = _useState22[0],
-    setSignUpSearchingChange = _useState22[1];
+  var _React$useState10 = React.useState(1),
+    signup_page = _React$useState10[0],
+    setSignUpPage = _React$useState10[1];
+  var _useState21 = useState(5),
+    signup_rowsPerPage = _useState21[0],
+    setSignUpRowsPerPage = _useState21[1];
+  var _React$useState11 = React.useState('asc'),
+    signup_order = _React$useState11[0],
+    setSignUpOrder = _React$useState11[1];
+  var _React$useState12 = React.useState('first_name'),
+    signup_orderBy = _React$useState12[0],
+    setSignUpOrderBy = _React$useState12[1];
+  var _useState22 = useState(''),
+    signup_searchValue = _useState22[0],
+    set_signup_SearchValue = _useState22[1];
   var _useState23 = useState(false),
-    isSignUpSortingChangeTemp = _useState23[0],
-    setSignUpSortingChangeTemp = _useState23[1];
+    isSignUpSortingChange = _useState23[0],
+    setSignUpSortingChange = _useState23[1];
   var _useState24 = useState(false),
-    isSignUpSearchingChangeTemp = _useState24[0],
-    setSignUpSearchingChangeTemp = _useState24[1];
+    isSignUpSearchingChange = _useState24[0],
+    setSignUpSearchingChange = _useState24[1];
+  var _useState25 = useState(false),
+    isSignUpSortingChangeTemp = _useState25[0],
+    setSignUpSortingChangeTemp = _useState25[1];
+  var _useState26 = useState(false),
+    isSignUpSearchingChangeTemp = _useState26[0],
+    setSignUpSearchingChangeTemp = _useState26[1];
   var _useSelector3 = useSelector(function (state) {
       return state.userList;
     }),
@@ -12287,33 +11541,33 @@ var UserPanel = function UserPanel(_ref) {
   var _useState9 = useState(false),
     errorMove = _useState9[0],
     setErrorMove = _useState9[1];
-  var _useState0 = useState([]),
-    dropdownList = _useState0[0],
-    setDropdownList = _useState0[1];
-  var _useState1 = useState(false),
-    alertModal = _useState1[0],
-    setAlertModal = _useState1[1];
+  var _useState10 = useState([]),
+    dropdownList = _useState10[0],
+    setDropdownList = _useState10[1];
+  var _useState11 = useState(false),
+    alertModal = _useState11[0],
+    setAlertModal = _useState11[1];
   var _React$useState = React.useState('asc'),
     order = _React$useState[0],
     setOrder = _React$useState[1];
   var _React$useState2 = React.useState('name'),
     orderBy = _React$useState2[0],
     setOrderBy = _React$useState2[1];
-  var _useState10 = useState(false),
-    isSortingChange = _useState10[0],
-    setSortingChange = _useState10[1];
-  var _useState11 = useState(false),
-    isSortingChangeTemp = _useState11[0],
-    setSortingChangeTemp = _useState11[1];
-  var _useState12 = useState([]),
-    rowData = _useState12[0],
-    setRowData = _useState12[1];
-  var _useState13 = useState(1),
-    page = _useState13[0],
-    setPage = _useState13[1];
-  var _useState14 = useState(5),
-    rowsPerPage = _useState14[0],
-    setRowsPerPage = _useState14[1];
+  var _useState12 = useState(false),
+    isSortingChange = _useState12[0],
+    setSortingChange = _useState12[1];
+  var _useState13 = useState(false),
+    isSortingChangeTemp = _useState13[0],
+    setSortingChangeTemp = _useState13[1];
+  var _useState14 = useState([]),
+    rowData = _useState14[0],
+    setRowData = _useState14[1];
+  var _useState15 = useState(1),
+    page = _useState15[0],
+    setPage = _useState15[1];
+  var _useState16 = useState(5),
+    rowsPerPage = _useState16[0],
+    setRowsPerPage = _useState16[1];
   var orderingParam = orderBy;
   var _useSelector = useSelector(function (state) {
       return state.userPanel;
@@ -12331,9 +11585,9 @@ var UserPanel = function UserPanel(_ref) {
     var validatedValue = _value.replace(/\s+/g, ' ').trim();
     setDataList(validatedValue);
   };
-  var _useState15 = useState(70),
-    maxLengthForModal = _useState15[0],
-    setMaxLengthForModal = _useState15[1];
+  var _useState17 = useState(70),
+    maxLengthForModal = _useState17[0],
+    setMaxLengthForModal = _useState17[1];
   useEffect(function () {
     if (title === 'Business unit') {
       setMaxLengthForModal(150);