@itilite/iui-user-management 1.4.49991 → 1.4.77341

package/dist/index.modern.js

@@ -1,9 +1,8 @@
-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 { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIGrid, IUIDivider, IUITypography, IUIRadio, IUIButton, IUIModal, IUISearch, IUICircularProgress, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUICard, IUIBackdrop, IUIBreadCrumb, IUIDropzone, IUIStepper, IUIIconButton, IUIFormControlLabel, IUICheckBox, IUIPrimaryRadio, IUITable, IUISkeleton, IUIProfileBox, IUIFormGroup, IUIDropdownButton, IUITabs } from '@itilite/iuistyles';
+import React, { useState, Fragment as Fragment$1, useEffect, memo, useRef } from 'react';
 import { configs, services, utilUrls } from '@itilite/utils';
 import axios from 'axios';
-import AddIcon$1 from '@material-ui/icons/Add';
-import DeleteIcon$1 from '@material-ui/icons/Delete';
+import { IconButton, Menu, MenuItem, Popper, Grow, Paper, ClickAwayListener, MenuList, Typography, Box } from '@material-ui/core';
 import { useDispatch, useSelector, Provider } from 'react-redux';
 import { combineReducers, createStore, applyMiddleware } from 'redux';
 import thunk from 'redux-thunk';
@@ -15,7 +14,6 @@ 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) {
@@ -836,7 +834,9 @@ var UserRole = function UserRole(_ref) {
   }));
 };
 
-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 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 = {"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 SHOW_LOADER = 'SHOW_LOADER';
 var STOP_LOADER = 'STOP_LOADER';
@@ -937,10 +937,17 @@ 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: membership.name,
-          number: membership.number
+          number: membership.number,
+          iata_code: iata_code,
+          loyalty_program_id: loyalty_program_id
         };
         return res;
       });
@@ -1118,11 +1125,18 @@ 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: membership.name,
           number: membership.number,
-          id: membership.id
+          id: membership.id,
+          iata_code: iata_code,
+          loyalty_program_id: loyalty_program_id
         };
         return res;
       }).concat(payload.membershipInfoInput.filter(function (membership) {
@@ -2228,86 +2242,620 @@ 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 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 CardsManagement = function CardsManagement(_ref) {
+  var _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;
   var dispatch = useDispatch();
-  var handleCardDelete = function handleCardDelete() {
-    dispatch(deletePaymentCard({
-      pmId: cardId,
-      vendorId: pg.vendor_id
-    }));
-  };
-  var setDefaultCard = function setDefaultCard() {
+  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() {
+    console.log('Mark as default:', selectedCard);
+    if (!pg || !selectedCard) return;
     dispatch(setDefaultPaymentCard({
       user_id: +pg.user_id,
-      method_id: cardId,
+      method_id: selectedCard.id,
       vendor_id: +pg.vendor_id,
       app_type: 1
     }));
+    handleMenuClose();
   };
-  return /*#__PURE__*/React.createElement("div", {
-    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$1, {
-    width: "10",
-    height: "10"
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: styles$1.cardNumber
-  }, /*#__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
-  }, "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);
+  var handleDeleteCard = function handleDeleteCard() {
+    dispatch(deletePaymentCard({
+      pmId: selectedCard.id,
+      vendorId: pg.vendor_id
+    }));
+    handleMenuClose();
+  };
+  console.log('test mudu 22');
+  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 renderCard = function renderCard(card) {
+    var _card$metadata, _card$card, _card$card2, _card$card3, _card$card4;
+    var isCompanyCard = (card === null || card === void 0 ? void 0 : card.category) === 'Company';
+    var cardClass = getCardTypeClass(card === null || card === void 0 ? void 0 : card.category);
+    var isDefaultCard = !!+(card === null || card === void 0 ? void 0 : (_card$metadata = card.metadata) === null || _card$metadata === void 0 ? void 0 : _card$metadata.default_card);
+    return /*#__PURE__*/React.createElement("div", {
+      key: card.id,
+      className: clsx(classes.card, classes[cardClass])
+    }, /*#__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
+    }) : /*#__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'
+    }))), /*#__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 personalCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
+    return (card === null || card === void 0 ? void 0 : card.category) === 'Personal';
+  });
+  var corporateCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
+    return (card === null || card === void 0 ? void 0 : card.category) === 'Corporate';
+  });
+  var companyCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
+    return (card === null || card === void 0 ? void 0 : card.category) === 'Company';
+  });
+  var cardsCount = (personalCards === null || personalCards === void 0 ? void 0 : personalCards.length) + (corporateCards === null || corporateCards === void 0 ? void 0 : corporateCards.length);
+  var _url = env$3.getPaymentUrl() + ("/api/v1/auth/" + IUILocalStorageService$4.getAccessToken() + "/1/" + pg.entity_id + "/0/" + pg.vendor_id + "/1");
   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, {
+    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() {
+      return window.location.assign(_url);
+    }
+  }, /*#__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.dividerColor
   }), /*#__PURE__*/React.createElement(IUIGrid, {
     container: true,
@@ -2317,9 +2865,9 @@ var PaymentCards = function PaymentCards(_ref3) {
     sm: 12,
     md: 4
   }, /*#__PURE__*/React.createElement(IUILabel, {
-    label: "Card Details",
-    headerType: true,
-    description: ""
+    label: "Company cards",
+    description: "These are the centralized cards owned by your company.",
+    headerType: true
   })), /*#__PURE__*/React.createElement(IUIGrid, {
     item: true,
     sm: 12,
@@ -2329,20 +2877,47 @@ var PaymentCards = function PaymentCards(_ref3) {
   }, /*#__PURE__*/React.createElement(IUIGrid, {
     container: true,
     className: styles$1.formFieldsWrapper
-  }, /*#__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
-  }))))));
+  }, /*#__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);
+  }))))))), /*#__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"), /*#__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;
+  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
+  }));
 };
 
 function AddIcon(props) {
@@ -2415,7 +2990,9 @@ 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;
+    roles = _props$roles === void 0 ? [] : _props$roles,
+    _props$paymentMethod = props.paymentMethod,
+    paymentMethod = _props$paymentMethod === void 0 ? null : _props$paymentMethod;
   var _useState = useState({
       product: '',
       approvers: []
@@ -2711,8 +3288,9 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
       isError: !!errMsg[i],
       placeholder: "Example label - \u201CManager\u201D"
     }));
-  })))), type === 'travel' && isProfile && paymentDetails && /*#__PURE__*/React.createElement(PaymentCards, {
-    paymentDetails: paymentDetails
+  })))), type === 'travel' && paymentDetails && /*#__PURE__*/React.createElement(PaymentCards, {
+    paymentDetails: paymentDetails,
+    paymentMethod: paymentMethod
   }));
 };
 
@@ -3467,6 +4045,17 @@ 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 = [{
@@ -4504,6 +5093,7 @@ var ChevronNext = function ChevronNext(_ref) {
   }));
 };
 
+var sixteenDigitNumber = /^\d{16}$/;
 var MembershipForm = function MembershipForm(_ref) {
   var selectedMembershipChain = _ref.selectedMembershipChain,
     isOtherMembership = _ref.isOtherMembership,
@@ -4512,7 +5102,9 @@ var MembershipForm = function MembershipForm(_ref) {
     setMembershipName = _ref.setMembershipName,
     setMembershipNumber = _ref.setMembershipNumber,
     type = _ref.type,
-    isEdit = _ref.isEdit;
+    isEdit = _ref.isEdit,
+    _ref$isAAAloyaltySele = _ref.isAAAloyaltySelected,
+    isAAAloyaltySelected = _ref$isAAAloyaltySele === void 0 ? false : _ref$isAAAloyaltySele;
   var FallbackIcon = function FallbackIcon() {
     var url = '';
     if (type === 'flight') {
@@ -4555,7 +5147,7 @@ var MembershipForm = function MembershipForm(_ref) {
     },
     iconComponent: null,
     style: {
-      width: '50%',
+      width: '100%',
       paddingLeft: 0,
       borderRadius: 6
     }
@@ -4577,7 +5169,7 @@ var MembershipForm = function MembershipForm(_ref) {
     label: "Membership number",
     required: true
   }), /*#__PURE__*/React.createElement(IUISearch, {
-    placeholder: "e.g. ABCD1234",
+    placeholder: isAAAloyaltySelected ? 'Enter 16-digit AAA membership ID' : 'e.g. ABCD1234',
     value: membershipNumber,
     onChangeHandler: function onChangeHandler(e) {
       var inputValue = e.target.value;
@@ -4587,11 +5179,16 @@ var MembershipForm = function MembershipForm(_ref) {
     },
     iconComponent: null,
     style: {
-      width: '50%',
+      width: '100%',
       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) {
@@ -4804,7 +5401,9 @@ 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;
+    handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit,
+    _ref$isProfile = _ref.isProfile,
+    isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
   var _useState = useState(false),
     open = _useState[0],
     setOpen = _useState[1];
@@ -4817,7 +5416,10 @@ var SavedMemberships = function SavedMemberships(_ref) {
   var _useSelector = useSelector(function (state) {
       return state.common;
     }),
-    userID = _useSelector.id;
+    id = _useSelector.id;
+  var _useParams = useParams(),
+    editUserId = _useParams.userId;
+  var userID = isProfile ? id : editUserId;
   var handleClose = function handleClose() {
     setOpen(false);
     setDeleteItemData(null);
@@ -4982,7 +5584,9 @@ 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;
+    handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit,
+    _ref$isProfile = _ref.isProfile,
+    isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
   var handleAddMembership = function handleAddMembership(type) {
     var currentModalState = _extends({}, modalState);
     currentModalState.open = true;
@@ -5015,7 +5619,8 @@ var AddMembershipButton = memo(function (_ref) {
     list: list,
     type: type,
     updateList: updateList,
-    handleEdit: handleEdit
+    handleEdit: handleEdit,
+    isProfile: isProfile
   }), /*#__PURE__*/React.createElement(IUIButton, {
     buttonText: "Add membership",
     type: "text",
@@ -5032,6 +5637,7 @@ var AddMembershipButton = memo(function (_ref) {
 
 var IUIToastMessageService$5 = services.IUIToastMessageService;
 var api$7 = configs.api;
+var sixteenDigitNumber$1 = /^\d{16}$/;
 var Membership = function Membership(_ref) {
   var _clsx;
   var _ref$membershipInfoIn = _ref.membershipInfoInput,
@@ -5112,6 +5718,8 @@ var Membership = function Membership(_ref) {
     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 = '';
@@ -5217,7 +5825,7 @@ var Membership = function Membership(_ref) {
       return;
     }
     if (item) {
-      if (index) {
+      if (isEditing) {
         groupedMembershipData[type][index] = _extends({}, groupedMembershipData[type][index], {
           number: item.number,
           name: item.name
@@ -5240,34 +5848,55 @@ var Membership = function Membership(_ref) {
   };
   var handleSubmit = function handleSubmit() {
     try {
+      var _ref2, _ref3;
+      if (isAAAloyaltySelected && !sixteenDigitNumber$1.test(membershipNumber)) {
+        IUIToastMessageService$5.warningNotify('Enter 16-digit AAA membership ID');
+        return Promise.resolve();
+      }
       var url = "/api/v1/user-management/users/" + userID + "/membership";
-      var payload = editIndex ? _extends({}, selectedMembershipChain, {
-        number: membershipNumber,
-        name: membershipName || ''
+      var payload = isEditing ? _extends({}, selectedMembershipChain, {
+        number: membershipNumber === null || membershipNumber === void 0 ? void 0 : membershipNumber.trim(),
+        name: (_ref2 = membershipName || '') === null || _ref2 === void 0 ? void 0 : _ref2.trim()
       }) : {
         membership_type: type,
-        number: membershipNumber,
+        number: membershipNumber === null || membershipNumber === void 0 ? void 0 : membershipNumber.trim(),
         iata_code: null,
         user: userID,
         loyalty_program_id: selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_id,
-        name: membershipName || ''
+        name: (_ref3 = membershipName || '') === null || _ref3 === void 0 ? void 0 : _ref3.trim()
       };
       setIsUpdating(true);
-      var _temp2 = _finallyRethrows(function () {
+      var _temp4 = _finallyRethrows(function () {
         return _catch(function () {
-          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;
+          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;
               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(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.");
+              updateList(type, editIndex, updatedResponse);
+              if (userID) IUIToastMessageService$5.sNotify(isEditing ? "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!');
@@ -5277,7 +5906,7 @@ var Membership = function Membership(_ref) {
         if (_wasThrown) throw _result;
         return _result;
       });
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5302,10 +5931,10 @@ var Membership = function Membership(_ref) {
     closeHandler: handleClose,
     modalClass: clsx(styles$3.loyaltymodal, (_clsx = {}, _clsx[styles$3.loyaltyList] = !selectedMembershipChain, _clsx)),
     cancelLabel: selectedMembershipChain ? 'Cancel' : '',
-    submitLabel: selectedMembershipChain ? isUpdating ? 'Saving...' : editIndex ? 'Save' : 'Add' : '',
+    submitLabel: selectedMembershipChain ? isUpdating ? 'Saving...' : isEditing ? 'Save' : 'Add' : '',
     submitHandler: handleSubmit,
-    isDisabledSubmitBtn: isUpdating || !membershipNumber || isOtherMembership && !membershipName,
-    width: "640px",
+    isDisabledSubmitBtn: isUpdating || !membershipNumber || isOtherMembership && !membershipName || isAAAloyaltySelected && !sixteenDigitNumber$1.test(membershipNumber),
+    width: selectedMembershipChain ? '480px' : '640px',
     headerText: selectedMembershipChain ? '' : title,
     subHanderText: selectedMembershipChain ? '' : subtitle,
     modalBodyStyle: {
@@ -5322,7 +5951,8 @@ var Membership = function Membership(_ref) {
     setMembershipName: setMembershipName,
     setMembershipNumber: setMembershipNumber,
     type: type,
-    isEdit: !!editIndex
+    isEdit: isEditing,
+    isAAAloyaltySelected: isAAAloyaltySelected
   }) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
     style: {
       color: '#374151',
@@ -5383,7 +6013,8 @@ var Membership = function Membership(_ref) {
       modalState: modalState,
       list: groupedMembershipData[memType],
       updateList: updateList,
-      handleEdit: handleEdit
+      handleEdit: handleEdit,
+      isProfile: isProfile
     }), ind < 2 && /*#__PURE__*/React.createElement(IUIDivider, {
       className: styles$3.divider
     }));
@@ -5791,7 +6422,9 @@ var UserAddEdit = function UserAddEdit(props) {
     editUserId = props.editUserId,
     config = props.config,
     _props$isProfile = props.isProfile,
-    isProfile = _props$isProfile === void 0 ? false : _props$isProfile;
+    isProfile = _props$isProfile === void 0 ? false : _props$isProfile,
+    _props$paymentMethod = props.paymentMethod,
+    paymentMethod = _props$paymentMethod === void 0 ? null : _props$paymentMethod;
   env$4.init(config, isProfile);
   var queryParams = new URLSearchParams(window.location.search);
   var verifyUserId = Number(queryParams.get(config.routes.users.add.queryParamKeys.verifyUserId));
@@ -6000,7 +6633,7 @@ var UserAddEdit = function UserAddEdit(props) {
       method: 'GET',
       headers: {
         'Content-Type': 'application/json',
-        'authorization': "Bearer " + IUILocalStorageService$5.getAccessToken()
+        authorization: "Bearer " + IUILocalStorageService$5.getAccessToken()
       }
     }).then(function (response) {
       return response.json();
@@ -6012,27 +6645,7 @@ var UserAddEdit = function UserAddEdit(props) {
         IUIToastMessageService$6.warningNotify('Opps, Something went wrong.');
       }
     })["catch"](function (error) {
-      console.log("errorrr", error);
-    });
-  };
-  var fetchLoggedUserCardsDetails = function fetchLoggedUserCardsDetails() {
-    fetch(userAddEditUrl.cardsAddUsersDetails(), {
-      method: 'GET',
-      headers: {
-        'Content-Type': 'application/json',
-        'authorization': "Bearer " + IUILocalStorageService$5.getAccessToken()
-      }
-    }).then(function (response) {
-      return response.json();
-    }).then(function (res) {
-      var _res$roles2;
-      if (res !== null && res !== void 0 && (_res$roles2 = res.roles) !== null && _res$roles2 !== void 0 && _res$roles2.length) {
-        dispatch(setCardsDetails(res));
-      } else {
-        IUIToastMessageService$6.warningNotify('Opps, Something went wrong.');
-      }
-    })["catch"](function (error) {
-      console.log("errorrr", error);
+      console.log('errorrr', error);
     });
   };
   useEffect(function () {
@@ -6212,13 +6825,20 @@ var UserAddEdit = function UserAddEdit(props) {
       }
     } else if (isCardsDetailsRendered && isProfile && productAccess.card) {
       var targetRole = isCardsAdmin ? 'card-admin' : 'card-holder';
-      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;
+      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;
+          }
         }
       }
     }
@@ -6728,8 +7348,9 @@ 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') {
-          editUserId ? fetchEditUserCardsDetails(editUserId) : fetchLoggedUserCardsDetails();
+          fetchEditUserCardsDetails(isProfile ? id : editUserId);
         }
       });
       setPersonalInfoInput(_extends({}, personalInfoInput, {
@@ -7072,7 +7693,7 @@ var UserAddEdit = function UserAddEdit(props) {
         employeeInfoInput.skip_manager_id = employeeInfoInput.skip_manager.value;
       }
       var cardsPayload = {
-        "roles": [cardsRole]
+        roles: [cardsRole]
       };
       var payload = {
         personalInfoInput: personalInfoInput,
@@ -7258,7 +7879,7 @@ var UserAddEdit = function UserAddEdit(props) {
               body: JSON.stringify(cardsPayload),
               headers: {
                 'Content-Type': 'application/json',
-                'authorization': "Bearer " + IUILocalStorageService$5.getAccessToken()
+                authorization: "Bearer " + IUILocalStorageService$5.getAccessToken()
               }
             }).then(function (response) {
               if (response.status === 200) {
@@ -7267,7 +7888,7 @@ var UserAddEdit = function UserAddEdit(props) {
                 IUIToastMessageService$6.warningNotify('Opps, Something went wrong.');
               }
             })["catch"](function (error) {
-              console.log("errorrr", error);
+              console.log('errorrr', error);
             })["finally"](function () {
               dispatch(stopLoader());
             });
@@ -7285,14 +7906,14 @@ var UserAddEdit = function UserAddEdit(props) {
                   body: JSON.stringify(cardsPayload),
                   headers: {
                     'Content-Type': 'application/json',
-                    'authorization': "Bearer " + IUILocalStorageService$5.getAccessToken()
+                    authorization: "Bearer " + IUILocalStorageService$5.getAccessToken()
                   }
                 }).then(function (response) {
                   if (response.status !== 200) {
                     IUIToastMessageService$6.warningNotify('Opps, Something went wrong.');
                   }
                 })["catch"](function (error) {
-                  console.log("errorrr", error);
+                  console.log('errorrr', error);
                 });
               }
               (config === null || config === void 0 ? void 0 : (_config$routes4 = config.routes) === null || _config$routes4 === void 0 ? void 0 : (_config$routes4$users = _config$routes4.users) === null || _config$routes4$users === void 0 ? void 0 : (_config$routes4$users2 = _config$routes4$users.list) === null || _config$routes4$users2 === void 0 ? void 0 : _config$routes4$users2.path) && history.push(config.routes.users.list.path);
@@ -7432,32 +8053,6 @@ 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 () {
@@ -7728,9 +8323,8 @@ var UserAddEdit = function UserAddEdit(props) {
     maxApprovers: maxTravelApprovers,
     isProfile: isProfile,
     editUserId: editUserId,
-    roles: renderFields.travelRoles
-  }), /*#__PURE__*/React.createElement(IUIDivider, {
-    className: styles.dividerColor
+    roles: renderFields.travelRoles,
+    paymentMethod: paymentMethod
   }), /*#__PURE__*/React.createElement(AdditionalInfo, {
     membershipInfoInput: membershipInfoInput,
     onMemInfoInputChange: onMemInfoInputChange,
@@ -7774,7 +8368,8 @@ var UserAddEdit = function UserAddEdit(props) {
     maxApprovers: maxExpenseApprovers,
     isProfile: isProfile,
     editUserId: editUserId,
-    roles: renderFields.expenseRoles
+    roles: renderFields.expenseRoles,
+    paymentMethod: paymentMethod
   }), /*#__PURE__*/React.createElement(IUIDivider, {
     className: styles.dividerColor
   }), isCardsDetailsRendered && productAccess && productAccess.card && /*#__PURE__*/React.createElement(CardsField, {
@@ -9322,7 +9917,7 @@ var BulkDownloadIcon = function BulkDownloadIcon(props) {
   }));
 };
 
-var classes = {"containedBtn":"_2A4_u","customMiniBox":"_QGIKG","muiBtn":"_3iFbO","outlinedBtn":"_3lQYD","menuList":"_1C8bJ","menuListContainer":"_1N83W","menuItemContainer":"_3VtcE","menuItemtext":"_2xqnU","subTxt":"_3CVzX"};
+var classes$1 = {"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;
@@ -9381,7 +9976,7 @@ var DropdownBtn = function DropdownBtn(props) {
   }, [open]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
     endIcon: endIcon,
-    className: clsx(classes.muiBtn, className, (_clsx = {}, _clsx[classes.outlinedBtn] = outlinedBtn, _clsx)),
+    className: clsx(classes$1.muiBtn, className, (_clsx = {}, _clsx[classes$1.outlinedBtn] = outlinedBtn, _clsx)),
     disableRipple: disableRipple,
     variant: "outlined",
     ref: anchorRef,
@@ -9407,13 +10002,13 @@ var DropdownBtn = function DropdownBtn(props) {
         transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
       }
     }), /*#__PURE__*/React.createElement(Paper, {
-      className: classes.menuListContainer,
+      className: classes$1.menuListContainer,
       elevation: 0
     }, /*#__PURE__*/React.createElement(ClickAwayListener, {
       onClickAway: handleClose
     }, /*#__PURE__*/React.createElement(MenuList, {
       autoFocusItem: open,
-      className: clsx(classes.menuList, (_clsx2 = {}, _clsx2[classes.outlinedBtn] = outlinedBtn, _clsx2), menuListClass),
+      className: clsx(classes$1.menuList, (_clsx2 = {}, _clsx2[classes$1.outlinedBtn] = outlinedBtn, _clsx2), menuListClass),
       id: "menu-list-grow",
       onKeyDown: function onKeyDown(e) {
         return handleListKeyDown(e);
@@ -9424,13 +10019,13 @@ var DropdownBtn = function DropdownBtn(props) {
           return handleMenuClick(val);
         },
         key: _i,
-        className: clsx(classes.menuItemContainer, val.disable && 'iui__cursor-not-allowed'),
+        className: clsx(classes$1.menuItemContainer, val.disable && 'iui__cursor-not-allowed'),
         disableRipple: true
       }, /*#__PURE__*/React.createElement(Typography, {
-        className: clsx(classes.menuItemtext, val && val.disable && 'iui__opacity--60')
+        className: clsx(classes$1.menuItemtext, val && val.disable && 'iui__opacity--60')
       }, val.label), val.subText && /*#__PURE__*/React.createElement(IUITypography, {
         variant: "subtitle2",
-        className: clsx(classes.menuItemtext, classes.subTxt)
+        className: clsx(classes$1.menuItemtext, classes$1.subTxt)
       }, val.subText));
     })))));
   }));