@itilite/iui-user-management 1.4.94 → 1.4.481

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,19 +1,21 @@
1
- import { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIGrid, IUIDivider, IUITypography, IUIRadio, IUIButton, IUIModal, IUISearch, IUICircularProgress, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUICard, IUIBackdrop, IUIBreadCrumb, IUIDropdownButton, IUIDropzone, IUIStepper, IUIIconButton, IUIFormControlLabel, IUICheckBox, IUIPrimaryRadio, IUITable, IUISkeleton, IUIProfileBox, IUIFormGroup, IUITabs } from '@itilite/iuistyles';
2
- import React, { useState, Fragment as Fragment$1, useEffect, memo, useRef } from 'react';
1
+ import { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIDivider, IUIGrid, IUITypography, IUIRadio, IUIButton, IUIModal, IUISearch, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUICard, IUIBackdrop, IUICircularProgress, IUIBreadCrumb, IUIDropzone, IUIStepper, IUIIconButton, IUIFormControlLabel, IUICheckBox, IUIPrimaryRadio, IUITable, IUISkeleton, IUIProfileBox, IUIFormGroup, IUIDropdownButton, IUITabs } from '@itilite/iuistyles';
2
+ import React, { useState, useEffect, memo, useRef, Fragment as Fragment$1 } from 'react';
3
3
  import { configs, services, utilUrls } from '@itilite/utils';
4
4
  import axios from 'axios';
5
- import { IconButton, Menu, MenuItem, Popper, Grow, Paper, ClickAwayListener, MenuList, Typography, Box } from '@material-ui/core';
5
+ import AddIcon$1 from '@material-ui/icons/Add';
6
+ import DeleteIcon from '@material-ui/icons/Delete';
6
7
  import { useDispatch, useSelector, Provider } from 'react-redux';
7
8
  import { combineReducers, createStore, applyMiddleware } from 'redux';
8
9
  import thunk from 'redux-thunk';
9
10
  import moment from 'moment';
10
11
  import { composeWithDevTools } from 'redux-devtools-extension';
11
- import { useParams, useHistory, useLocation } from 'react-router-dom';
12
+ import { useHistory, useLocation } from 'react-router-dom';
12
13
  import { withStyles, makeStyles } from '@material-ui/core/styles';
13
14
  import Tooltip from '@material-ui/core/Tooltip';
14
15
  import Switch from '@material-ui/core/Switch';
15
16
  import MoreHorizIcon from '@material-ui/icons/MoreHoriz';
16
17
  import Button from '@material-ui/core/Button';
18
+ import { Popper, Grow, Paper, ClickAwayListener, MenuList, MenuItem, Typography, Box } from '@material-ui/core';
17
19
  import { useScrollPosition } from '@n8tb1t/use-scroll-position';
18
20
 
19
21
  function _arrayLikeToArray(r, a) {
@@ -182,9 +184,19 @@ function _finallyRethrows(body, finalizer) {
182
184
  return finalizer(false, result);
183
185
  }
184
186
 
185
- var styles = {"UUIUserManagementAddEdit":"_3n-WG","pageHeader":"_3qWcA","buttonWrapper":"_1IP9P","scrolled":"_m8f96","headingButtonWrapper":"_w9z7b","headingButtonWrapperProfile":"_12Wd9","hintText":"_ySdbZ","heading":"_2Y1Aw","headingLarge":"_2K1NF","headingMedium":"_RUuAz","headingSmall":"_23Dye","additionalInfoContainer":"_1Suhw","additionalInfoTitle":"_56iJF","titleContainer":"_H5nfl","expandIconAlign":"_3F4i0","detailsContainer":"_2G0LW","formWrapper":"_2fPRc","sectionWrapper":"_37Gqp","margin":"_2Sdl7","minGridWidth":"_2D7iu","firstRowMargin":"_1BozG","firstChildMargin":"_2C3Mb","paddingTop":"_DBPjV","backGrdColorOnHover":"_5oE6H","fieldMargin":"_RCWjq","productContainerGap":"_tuCbi","containerWidth":"_1oWos","productItemBroder":"_T0Hcd","headingPadding":"_2MFfQ","emptyFieldContainer":"_3VWtw","emptyFieldDescription":"_2jC5u","rowGap":"_1NJFY","formTitle":"_GAKk2","formDescription":"_3TZ6Z","themeLink":"_eJ_1B","dashedLine":"_3ZOs1","dividerColor":"_2pxEJ","errorTextCls":"_27eth","backdrop":"_Pm0Au","inputWidth":"_ajB82","buttonRight":"_1lEyQ","containedDropdownBtn":"_3ymE1"};
187
+ var styles = {"UUIUserManagementAddEdit":"_3n-WG","pageHeader":"_3qWcA","buttonWrapper":"_1IP9P","scrolled":"_m8f96","headingButtonWrapper":"_w9z7b","headingButtonWrapperProfile":"_12Wd9","hintText":"_ySdbZ","heading":"_2Y1Aw","headingLarge":"_2K1NF","headingMedium":"_RUuAz","headingSmall":"_23Dye","additionalInfoContainer":"_1Suhw","additionalInfoTitle":"_56iJF","titleContainer":"_H5nfl","expandIconAlign":"_3F4i0","detailsContainer":"_2G0LW","formWrapper":"_2fPRc","sectionWrapper":"_37Gqp","margin":"_2Sdl7","minGridWidth":"_2D7iu","firstRowMargin":"_1BozG","firstChildMargin":"_2C3Mb","paddingTop":"_DBPjV","backGrdColorOnHover":"_5oE6H","fieldMargin":"_RCWjq","productContainerGap":"_tuCbi","containerWidth":"_1oWos","productItemBroder":"_T0Hcd","headingPadding":"_2MFfQ","emptyFieldContainer":"_3VWtw","emptyFieldDescription":"_2jC5u","rowGap":"_1NJFY","formTitle":"_GAKk2","formDescription":"_3TZ6Z","themeLink":"_eJ_1B","dashedLine":"_3ZOs1","dividerColor":"_2pxEJ","errorTextCls":"_27eth","backdrop":"_Pm0Au","inputWidth":"_ajB82"};
186
188
 
187
- function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
189
+ function r(e) {
190
+ var t,
191
+ f,
192
+ n = "";
193
+ if ("string" == typeof e || "number" == typeof e) n += e;else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);else for (t in e) e[t] && (n && (n += " "), n += t);
194
+ return n;
195
+ }
196
+ function clsx() {
197
+ for (var e, t, f = 0, n = ""; f < arguments.length;) (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
198
+ return n;
199
+ }
188
200
 
189
201
  var GetInputType = React.forwardRef(function (props, ref) {
190
202
  var _p = props._p,
@@ -410,9 +422,6 @@ var userAddEditUrl = {
410
422
  setDefaultCard: function setDefaultCard(pmId, vendorId) {
411
423
  return env.getPaymentUrl() + "/api/v1/card/default";
412
424
  },
413
- disablePaymentCard: function disablePaymentCard() {
414
- return env.getPaymentUrl() + "/api/v1/payment/card-management/card/status";
415
- },
416
425
  verifyUserInfo: function verifyUserInfo(userId) {
417
426
  return "api/v1/onboarding/user-sign-up-info/" + userId + "?company_id=" + IUILocalStorageService.getCompanyId();
418
427
  },
@@ -827,9 +836,7 @@ var UserRole = function UserRole(_ref) {
827
836
  }));
828
837
  };
829
838
 
830
- 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"};
831
-
832
- var classes = {"disabledCard":"_3MVKj","sectionHeader":"_2d_OH","myCardsSection":"_3MNHj","companyCardsSection":"_34lN6","disabledNotice":"_1yV0j","cardsGrid":"_1oHGu","card":"_3ZTQc","moreIcon":"_3utA0","personal":"_duePd","corporate":"_3O33a","company":"_180_L","cardHeader":"_1eF61","cardTitleSection":"_2c40W","cardMaskedNumber":"_2Vlhq","cardName":"_bp-Mt","cardType":"_3l4HZ","menuButton":"_3TTEn","lockIcon":"_1S27X","cardDetails":"_IP2rg","cardNumber":"_7FOPe","cardExpiry":"_CI_p2","cardCvv":"_3Gzqu","cardUnhide":"_ivgBf","cardFooter":"_1WgPL","brandLogo":"_EV0l8","addCardButton":"_1oaCc","plusIcon":"_w9L5L"};
839
+ 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"};
833
840
 
834
841
  var SHOW_LOADER = 'SHOW_LOADER';
835
842
  var STOP_LOADER = 'STOP_LOADER';
@@ -889,9 +896,6 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
889
896
  approvers: {},
890
897
  requested_user_is_admin: payload.isCardsAdmin
891
898
  };
892
- if (payload.send_welcome_email !== undefined) {
893
- res.should_send_welcome_email = payload.send_welcome_email;
894
- }
895
899
  var userTags = [];
896
900
  for (var key in payload.userTagType) {
897
901
  if (Object.hasOwnProperty.call(payload.userTagType, key) && payload.userTagType[key]) {
@@ -933,17 +937,10 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
933
937
  res.membership_info = payload.membershipInfoInput.filter(function (membership) {
934
938
  return !membership.isDeleted;
935
939
  }).map(function (membership) {
936
- var _ref = membership || {},
937
- _ref$iata_code = _ref.iata_code,
938
- iata_code = _ref$iata_code === void 0 ? null : _ref$iata_code,
939
- _ref$loyalty_program_ = _ref.loyalty_program_id,
940
- loyalty_program_id = _ref$loyalty_program_ === void 0 ? null : _ref$loyalty_program_;
941
940
  var res = {
942
941
  membership_type: membership.membership_type,
943
942
  name: membership.name,
944
- number: membership.number,
945
- iata_code: iata_code,
946
- loyalty_program_id: loyalty_program_id
943
+ number: membership.number
947
944
  };
948
945
  return res;
949
946
  });
@@ -1121,18 +1118,11 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
1121
1118
  res.fields.membership_info = payload.membershipInfoInput.filter(function (membership) {
1122
1119
  return !!membership.isEditMode;
1123
1120
  }).map(function (membership) {
1124
- var _ref2 = membership || {},
1125
- _ref2$iata_code = _ref2.iata_code,
1126
- iata_code = _ref2$iata_code === void 0 ? null : _ref2$iata_code,
1127
- _ref2$loyalty_program = _ref2.loyalty_program_id,
1128
- loyalty_program_id = _ref2$loyalty_program === void 0 ? null : _ref2$loyalty_program;
1129
1121
  var res = {
1130
1122
  membership_type: membership.membership_type,
1131
1123
  name: membership.name,
1132
1124
  number: membership.number,
1133
- id: membership.id,
1134
- iata_code: iata_code,
1135
- loyalty_program_id: loyalty_program_id
1125
+ id: membership.id
1136
1126
  };
1137
1127
  return res;
1138
1128
  }).concat(payload.membershipInfoInput.filter(function (membership) {
@@ -1838,13 +1828,13 @@ var setDefaultPaymentCard = function setDefaultPaymentCard(payload) {
1838
1828
  });
1839
1829
  dispatch(setPaymentDetails(_paymentDetails));
1840
1830
  } else {
1841
- var _res$data4;
1842
- IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : _res$data4.message) || 'Opps, Something went wrong.');
1831
+ var _res$data3;
1832
+ IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.message) || 'Opps, Something went wrong.');
1843
1833
  reject(res);
1844
1834
  }
1845
1835
  })["catch"](function (err) {
1846
- var _err$response16, _err$response16$data;
1847
- IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response16 = err.response) === null || _err$response16 === void 0 ? void 0 : (_err$response16$data = _err$response16.data) === null || _err$response16$data === void 0 ? void 0 : _err$response16$data.message) || 'Opps, Something went wrong.');
1836
+ var _err$response15, _err$response15$data;
1837
+ IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response15 = err.response) === null || _err$response15 === void 0 ? void 0 : (_err$response15$data = _err$response15.data) === null || _err$response15$data === void 0 ? void 0 : _err$response15$data.message) || 'Opps, Something went wrong.');
1848
1838
  reject(err);
1849
1839
  })["finally"](function () {
1850
1840
  dispatch(stopLoader());
@@ -1859,16 +1849,16 @@ var verifyUserInfo = function verifyUserInfo(userId) {
1859
1849
  if (res.data.status === 200) {
1860
1850
  resolve(res.data.result);
1861
1851
  } else {
1862
- var _res$data5;
1863
- IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : _res$data5.message) || 'Opps, Unable to fetch user info.');
1852
+ var _res$data4;
1853
+ IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : _res$data4.message) || 'Opps, Unable to fetch user info.');
1864
1854
  setTimeout(function () {
1865
1855
  window.history.back();
1866
1856
  }, 1000);
1867
1857
  reject(res);
1868
1858
  }
1869
1859
  })["catch"](function (err) {
1870
- var _err$response17, _err$response17$data;
1871
- IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response17 = err.response) === null || _err$response17 === void 0 ? void 0 : (_err$response17$data = _err$response17.data) === null || _err$response17$data === void 0 ? void 0 : _err$response17$data.message) || 'Opps, Unable to fetch user info.');
1860
+ var _err$response16, _err$response16$data;
1861
+ IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response16 = err.response) === null || _err$response16 === void 0 ? void 0 : (_err$response16$data = _err$response16.data) === null || _err$response16$data === void 0 ? void 0 : _err$response16$data.message) || 'Opps, Unable to fetch user info.');
1872
1862
  setTimeout(function () {
1873
1863
  window.history.back();
1874
1864
  }, 1000);
@@ -1883,8 +1873,8 @@ var submitAddModalData = function submitAddModalData(tableName, data) {
1883
1873
  api$2.post(tableName === 'department' ? departmentUrl.departmentUrl() : userAddEditUrl.dropdownList() + ("?action=add&table=" + tableName), data).then(function (res) {
1884
1874
  resolve(res);
1885
1875
  })["catch"](function (err) {
1886
- var _err$response18, _err$response18$data;
1887
- IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response18 = err.response) === null || _err$response18 === void 0 ? void 0 : (_err$response18$data = _err$response18.data) === null || _err$response18$data === void 0 ? void 0 : _err$response18$data.message) || 'Opps, Something went wrong.');
1876
+ var _err$response17, _err$response17$data;
1877
+ IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response17 = err.response) === null || _err$response17 === void 0 ? void 0 : (_err$response17$data = _err$response17.data) === null || _err$response17$data === void 0 ? void 0 : _err$response17$data.message) || 'Opps, Something went wrong.');
1888
1878
  dispatch(stopLoader());
1889
1879
  });
1890
1880
  });
@@ -1897,13 +1887,13 @@ var rejectUserVerification = function rejectUserVerification(userId) {
1897
1887
  if (res.data.status === true) {
1898
1888
  resolve(res.data);
1899
1889
  } else {
1900
- var _res$data6;
1901
- IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data6 = res.data) === null || _res$data6 === void 0 ? void 0 : _res$data6.message) || 'Opps, Unable to reject user.');
1890
+ var _res$data5;
1891
+ IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : _res$data5.message) || 'Opps, Unable to reject user.');
1902
1892
  reject(res);
1903
1893
  }
1904
1894
  })["catch"](function (err) {
1905
- var _err$response19, _err$response19$data;
1906
- IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response19 = err.response) === null || _err$response19 === void 0 ? void 0 : (_err$response19$data = _err$response19.data) === null || _err$response19$data === void 0 ? void 0 : _err$response19$data.message) || 'Opps, Unable to reject user.');
1895
+ var _err$response18, _err$response18$data;
1896
+ IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response18 = err.response) === null || _err$response18 === void 0 ? void 0 : (_err$response18$data = _err$response18.data) === null || _err$response18$data === void 0 ? void 0 : _err$response18$data.message) || 'Opps, Unable to reject user.');
1907
1897
  reject(err);
1908
1898
  });
1909
1899
  });
@@ -2238,646 +2228,86 @@ var editCustomFieldLabel = function editCustomFieldLabel(payload) {
2238
2228
  };
2239
2229
  };
2240
2230
 
2241
- function Alipay(props) {
2242
- return /*#__PURE__*/React.createElement("svg", _extends({
2243
- xmlns: "http://www.w3.org/2000/svg",
2244
- xmlSpace: "preserve",
2245
- width: 780,
2246
- height: 500
2247
- }, props), /*#__PURE__*/React.createElement("path", {
2248
- fill: "#fff",
2249
- 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"
2250
- }), /*#__PURE__*/React.createElement("path", {
2251
- fill: "#2BA6DF",
2252
- 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"
2253
- }), /*#__PURE__*/React.createElement("path", {
2254
- fill: "#2BA6DF",
2255
- 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"
2256
- }), /*#__PURE__*/React.createElement("path", {
2257
- fill: "#3F3A39",
2258
- 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"
2259
- }), /*#__PURE__*/React.createElement("ellipse", {
2260
- cx: 433.4,
2261
- cy: 204.1,
2262
- fill: "#2BA6DF",
2263
- rx: 9.602,
2264
- ry: 8.5
2265
- }), /*#__PURE__*/React.createElement("path", {
2266
- fill: "#3F3A39",
2267
- 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"
2268
- }));
2269
- }
2270
-
2271
- function Amex(props) {
2272
- return /*#__PURE__*/React.createElement("svg", _extends({
2273
- xmlns: "http://www.w3.org/2000/svg",
2274
- xmlSpace: "preserve",
2275
- width: 780,
2276
- height: 500
2277
- }, props), /*#__PURE__*/React.createElement("path", {
2278
- fill: "#2557D6",
2279
- 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"
2280
- }), /*#__PURE__*/React.createElement("path", {
2281
- fill: "#fff",
2282
- 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"
2283
- }));
2284
- }
2285
-
2286
- var Diners = function Diners(props) {
2287
- return /*#__PURE__*/React.createElement("svg", _extends({
2288
- xmlns: "http://www.w3.org/2000/svg",
2289
- xmlSpace: "preserve",
2290
- width: 780,
2291
- height: 500,
2292
- viewBox: "0 0 780 500"
2293
- }, props), /*#__PURE__*/React.createElement("path", {
2294
- fill: "#0079BE",
2295
- 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"
2296
- }), /*#__PURE__*/React.createElement("path", {
2297
- fill: "#fff",
2298
- 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"
2299
- }), /*#__PURE__*/React.createElement("path", {
2300
- fill: "#0079BE",
2301
- 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"
2302
- }), /*#__PURE__*/React.createElement("path", {
2303
- fill: "#fff",
2304
- 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"
2305
- }));
2306
- };
2307
-
2308
- var Discover = function Discover(props) {
2309
- return /*#__PURE__*/React.createElement("svg", _extends({
2310
- xmlns: "http://www.w3.org/2000/svg",
2311
- width: 780,
2312
- height: 500,
2313
- viewBox: "0 0 780 501"
2314
- }, props), /*#__PURE__*/React.createElement("g", {
2315
- fillRule: "evenodd"
2316
- }, /*#__PURE__*/React.createElement("path", {
2317
- fill: "#4D4D4D",
2318
- 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"
2319
- }), /*#__PURE__*/React.createElement("path", {
2320
- fill: "#FFF",
2321
- 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"
2322
- }), /*#__PURE__*/React.createElement("path", {
2323
- fill: "#F47216",
2324
- 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"
2325
- })));
2326
- };
2327
-
2328
- var Elo = function Elo(props) {
2329
- return /*#__PURE__*/React.createElement("svg", _extends({
2330
- xmlns: "http://www.w3.org/2000/svg",
2331
- xmlSpace: "preserve",
2332
- width: 780,
2333
- height: 500,
2334
- viewBox: "0 0 780 500"
2335
- }, props), /*#__PURE__*/React.createElement("path", {
2336
- 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"
2337
- }), /*#__PURE__*/React.createElement("path", {
2338
- fill: "#FFF100",
2339
- 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"
2340
- }), /*#__PURE__*/React.createElement("path", {
2341
- fill: "#00A3DF",
2342
- 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"
2343
- }), /*#__PURE__*/React.createElement("path", {
2344
- fill: "#EE4023",
2345
- 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"
2346
- }), /*#__PURE__*/React.createElement("path", {
2347
- fill: "#fff",
2348
- 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"
2349
- }));
2350
- };
2351
-
2352
- var Generic = function Generic(props) {
2353
- return /*#__PURE__*/React.createElement("svg", _extends({
2354
- xmlns: "http://www.w3.org/2000/svg",
2355
- xmlSpace: "preserve",
2356
- width: 780,
2357
- height: 500
2358
- }, props), /*#__PURE__*/React.createElement("path", {
2359
- fill: "#000C9D",
2360
- 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"
2361
- }), /*#__PURE__*/React.createElement("path", {
2362
- fill: "#9D9400",
2363
- d: "M66.908 106.91h110.32v99.679H66.908z"
2364
- }), /*#__PURE__*/React.createElement("path", {
2365
- fill: "#fff",
2366
- 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"
2367
- }), /*#__PURE__*/React.createElement("path", {
2368
- fill: "#fff",
2369
- fillOpacity: 0.784,
2370
- 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"
2371
- }));
2372
- };
2373
-
2374
- var Hiper = function Hiper(props) {
2375
- return /*#__PURE__*/React.createElement("svg", _extends({
2376
- xmlns: "http://www.w3.org/2000/svg",
2377
- xmlSpace: "preserve",
2378
- viewBox: "0 0 780 500"
2379
- }, props), /*#__PURE__*/React.createElement("style", null, ".hiper_svg__st1{fill:#fff}"), /*#__PURE__*/React.createElement("path", {
2380
- 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",
2381
- fill: "#f37421"
2382
- }), /*#__PURE__*/React.createElement("path", {
2383
- className: "hiper_svg__st1",
2384
- 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"
2385
- }), /*#__PURE__*/React.createElement("path", {
2386
- 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",
2387
- fill: "#ffe700",
2388
- fillRule: "evenodd",
2389
- clipRule: "evenodd"
2390
- }), /*#__PURE__*/React.createElement("path", {
2391
- 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",
2392
- fill: "#fff",
2393
- fillRule: "evenodd",
2394
- clipRule: "evenodd"
2395
- }));
2396
- };
2397
-
2398
- var Hipercard = function Hipercard(props) {
2399
- return /*#__PURE__*/React.createElement("svg", _extends({
2400
- xmlns: "http://www.w3.org/2000/svg",
2401
- xmlSpace: "preserve",
2402
- viewBox: "0 0 780 500"
2403
- }, props), /*#__PURE__*/React.createElement("path", {
2404
- 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",
2405
- fill: "#fff"
2406
- }), /*#__PURE__*/React.createElement("path", {
2407
- fill: "#B3131B",
2408
- className: "hiper_svg__st1",
2409
- 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"
2410
- }));
2411
- };
2412
-
2413
- var Jcb = function Jcb(props) {
2414
- return /*#__PURE__*/React.createElement("svg", _extends({
2415
- xmlns: "http://www.w3.org/2000/svg",
2416
- viewBox: "0 0 780 500"
2417
- }, props), /*#__PURE__*/React.createElement("path", {
2418
- fill: "#0E4C96",
2419
- 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"
2420
- }), /*#__PURE__*/React.createElement("path", {
2421
- fill: "#fff",
2422
- 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"
2423
- }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
2424
- id: "jcb-a",
2425
- x1: "0",
2426
- x2: "1"
2427
- }, /*#__PURE__*/React.createElement("stop", {
2428
- offset: "0",
2429
- stopColor: "#007B40"
2430
- }), /*#__PURE__*/React.createElement("stop", {
2431
- offset: "1",
2432
- stopColor: "#55B330"
2433
- })), /*#__PURE__*/React.createElement("linearGradient", {
2434
- id: "jcb-b",
2435
- x1: "0",
2436
- x2: "1"
2437
- }, /*#__PURE__*/React.createElement("stop", {
2438
- offset: "0",
2439
- stopColor: "#1D2970"
2440
- }), /*#__PURE__*/React.createElement("stop", {
2441
- offset: "1",
2442
- stopColor: "#006DBA"
2443
- })), /*#__PURE__*/React.createElement("linearGradient", {
2444
- id: "jcb-d",
2445
- x1: "0",
2446
- x2: "1"
2447
- }, /*#__PURE__*/React.createElement("stop", {
2448
- offset: "0",
2449
- stopColor: "#6E2B2F"
2450
- }), /*#__PURE__*/React.createElement("stop", {
2451
- offset: "1",
2452
- stopColor: "#E30138"
2453
- }))), /*#__PURE__*/React.createElement("path", {
2454
- fill: "url(#jcb-a)",
2455
- d: "M498.86 256.54c11.684.253 23.437-.516 35.076.4..."
2456
- }), /*#__PURE__*/React.createElement("path", {
2457
- fill: "url(#jcb-b)",
2458
- d: "M174.74 139.54c.674-27.163 24.889-50.611..."
2459
- }), /*#__PURE__*/React.createElement("path", {
2460
- fill: "url(#jcb-d)",
2461
- d: "M324.72 211.89c-2.434.517-.489-8.301..."
2462
- }));
2463
- };
2464
-
2465
- var Maestro = function Maestro(props) {
2466
- return /*#__PURE__*/React.createElement("svg", _extends({
2467
- xmlns: "http://www.w3.org/2000/svg",
2468
- viewBox: "0 0 780 500"
2469
- }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
2470
- id: "maestro-clip"
2471
- }, /*#__PURE__*/React.createElement("rect", {
2472
- width: "780",
2473
- height: "500"
2474
- }))), /*#__PURE__*/React.createElement("g", {
2475
- clipPath: "url(#maestro-clip)"
2476
- }, /*#__PURE__*/React.createElement("path", {
2477
- fill: "#000",
2478
- 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"
2479
- }), /*#__PURE__*/React.createElement("path", {
2480
- fill: "#7673C0",
2481
- d: "M465.769 69.048H314.195V341.45h151.574z"
2482
- }), /*#__PURE__*/React.createElement("path", {
2483
- fill: "#EB001B",
2484
- 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"
2485
- }), /*#__PURE__*/React.createElement("path", {
2486
- fill: "#00A1DF",
2487
- 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"
2488
- })));
2489
- };
2490
-
2491
- var Mastercard = function Mastercard(props) {
2492
- return /*#__PURE__*/React.createElement("svg", _extends({
2493
- xmlns: "http://www.w3.org/2000/svg",
2494
- width: 780,
2495
- height: 500,
2496
- fill: "none"
2497
- }, props), /*#__PURE__*/React.createElement("g", {
2498
- clipPath: "url(#mastercard_svg__a)"
2499
- }, /*#__PURE__*/React.createElement("path", {
2500
- fill: "#253747",
2501
- 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"
2502
- }), /*#__PURE__*/React.createElement("path", {
2503
- fill: "#fff",
2504
- 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"
2505
- }), /*#__PURE__*/React.createElement("path", {
2506
- fill: "#FF5A00",
2507
- d: "M465.738 69.139H313.812v272.949h151.926z"
2508
- }), /*#__PURE__*/React.createElement("path", {
2509
- fill: "#EB001B",
2510
- 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"
2511
- }), /*#__PURE__*/React.createElement("path", {
2512
- fill: "#F79E1B",
2513
- 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"
2514
- })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
2515
- id: "mastercard_svg__a"
2516
- }, /*#__PURE__*/React.createElement("path", {
2517
- fill: "#fff",
2518
- d: "M0 0h780v500H0z"
2519
- }))));
2520
- };
2521
-
2522
- var Mir = function Mir(props) {
2523
- return /*#__PURE__*/React.createElement("svg", _extends({
2524
- xmlns: "http://www.w3.org/2000/svg",
2525
- viewBox: "0 0 780 500"
2526
- }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
2527
- id: "mir-gradient",
2528
- x1: "0",
2529
- y1: "0",
2530
- x2: "1",
2531
- y2: "0",
2532
- gradientUnits: "userSpaceOnUse",
2533
- gradientTransform: "matrix(201.7633 0 0 -79 0 0)"
2534
- }, /*#__PURE__*/React.createElement("stop", {
2535
- offset: "0",
2536
- stopColor: "#00a0e5"
2537
- }), /*#__PURE__*/React.createElement("stop", {
2538
- offset: "1",
2539
- stopColor: "#0077c3"
2540
- }))), /*#__PURE__*/React.createElement("path", {
2541
- fill: "#fff",
2542
- 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"
2543
- }), /*#__PURE__*/React.createElement("path", {
2544
- fill: "#37a72e",
2545
- d: "M544.1 240.5v108h60v-64h68c28.6-.2 52.9-18.5 62.1-44z"
2546
- }), /*#__PURE__*/React.createElement("path", {
2547
- fill: "url(#mir-gradient)",
2548
- 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"
2549
- }), /*#__PURE__*/React.createElement("path", {
2550
- fill: "#37a72e",
2551
- 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"
2552
- }), /*#__PURE__*/React.createElement("path", {
2553
- fill: "#37a72e",
2554
- 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"
2555
- }));
2556
- };
2557
-
2558
- var Paypal = function Paypal(props) {
2559
- return /*#__PURE__*/React.createElement("svg", _extends({
2560
- xmlns: "http://www.w3.org/2000/svg",
2561
- viewBox: "0 0 780 500"
2562
- }, props), /*#__PURE__*/React.createElement("path", {
2563
- fill: "#fff",
2564
- 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"
2565
- }), /*#__PURE__*/React.createElement("path", {
2566
- fill: "#003087",
2567
- 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"
2568
- }), /*#__PURE__*/React.createElement("path", {
2569
- fill: "#009CDE",
2570
- 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"
2571
- }), /*#__PURE__*/React.createElement("path", {
2572
- fill: "#003087",
2573
- 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"
2574
- }), /*#__PURE__*/React.createElement("path", {
2575
- fill: "#009CDE",
2576
- 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"
2577
- }));
2578
- };
2579
-
2580
- var Unionpay = function Unionpay(props) {
2581
- return /*#__PURE__*/React.createElement("svg", _extends({
2582
- xmlns: "http://www.w3.org/2000/svg",
2583
- xmlSpace: "preserve",
2584
- width: 780,
2585
- height: 500,
2586
- viewBox: "0 0 780 500"
2587
- }, props), /*#__PURE__*/React.createElement("path", {
2588
- fill: "#fff",
2589
- 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"
2590
- }), /*#__PURE__*/React.createElement("path", {
2591
- fill: "#D10429",
2592
- 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"
2593
- }), /*#__PURE__*/React.createElement("path", {
2594
- fill: "#022E64",
2595
- 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"
2596
- }), /*#__PURE__*/React.createElement("path", {
2597
- fill: "#076F74",
2598
- 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"
2599
- }), /*#__PURE__*/React.createElement("path", {
2600
- fill: "#FEFEFE",
2601
- 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"
2602
- }), /*#__PURE__*/React.createElement("path", {
2603
- fill: "#FEFEFE",
2604
- 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"
2605
- }), /*#__PURE__*/React.createElement("path", {
2606
- fill: "#FEFEFE",
2607
- 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"
2608
- }), /*#__PURE__*/React.createElement("path", {
2609
- fill: "#FEFEFE",
2610
- 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"
2611
- }), /*#__PURE__*/React.createElement("path", {
2612
- fill: "#FEFEFE",
2613
- 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"
2614
- }));
2615
- };
2616
-
2617
- var Visa = function Visa(props) {
2618
- return /*#__PURE__*/React.createElement("svg", _extends({
2619
- xmlns: "http://www.w3.org/2000/svg",
2620
- width: 40,
2621
- height: 25.64,
2622
- viewBox: "0 0 780 500",
2623
- fill: "none"
2624
- }, props), /*#__PURE__*/React.createElement("g", {
2625
- clipPath: "url(#visa_svg__a)"
2626
- }, /*#__PURE__*/React.createElement("path", {
2627
- fill: "#1434CB",
2628
- 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"
2629
- }), /*#__PURE__*/React.createElement("path", {
2630
- fill: "#fff",
2631
- 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"
2632
- })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
2633
- id: "visa_svg__a"
2634
- }, /*#__PURE__*/React.createElement("path", {
2635
- fill: "#fff",
2636
- d: "M0 0h780v500H0z"
2637
- }))));
2638
- };
2639
-
2640
2231
  var IUILocalStorageService$4 = services.IUILocalStorageService;
2641
2232
  var env$3 = configs.env;
2642
- var CardsManagement = function CardsManagement(_ref) {
2643
- var _selectedCard$metadat, _pg$gateway;
2644
- var _ref$paymentDetails = _ref.paymentDetails,
2645
- paymentDetails = _ref$paymentDetails === void 0 ? {} : _ref$paymentDetails,
2646
- _ref$paymentMethod = _ref.paymentMethod,
2647
- paymentMethod = _ref$paymentMethod === void 0 ? null : _ref$paymentMethod,
2648
- _ref$sendLog = _ref.sendLog,
2649
- sendLog = _ref$sendLog === void 0 ? function () {} : _ref$sendLog;
2233
+ var CreditCard = function CreditCard(_ref) {
2234
+ var cardId = _ref.cardId,
2235
+ lastDigit = _ref.lastDigit,
2236
+ expMonth = _ref.expMonth,
2237
+ expYear = _ref.expYear,
2238
+ cardBrand = _ref.cardBrand,
2239
+ _ref$isDefaultCard = _ref.isDefaultCard,
2240
+ isDefaultCard = _ref$isDefaultCard === void 0 ? false : _ref$isDefaultCard,
2241
+ pg = _ref.pg;
2650
2242
  var dispatch = useDispatch();
2651
- var _ref2 = paymentDetails || {},
2652
- _ref2$pg = _ref2.pg,
2653
- pg = _ref2$pg === void 0 ? null : _ref2$pg,
2654
- _ref2$cards = _ref2.cards,
2655
- cards = _ref2$cards === void 0 ? null : _ref2$cards;
2656
- var _useState = useState(null),
2657
- anchorEl = _useState[0],
2658
- setAnchorEl = _useState[1];
2659
- var _useState2 = useState(null),
2660
- selectedCard = _useState2[0],
2661
- setSelectedCard = _useState2[1];
2662
- var handleMenuClick = function handleMenuClick(event, card) {
2663
- setAnchorEl(event.currentTarget);
2664
- setSelectedCard(card);
2665
- };
2666
- var handleMenuClose = function handleMenuClose() {
2667
- setAnchorEl(null);
2668
- setSelectedCard(null);
2669
- };
2670
- var handleMarkAsDefault = function handleMarkAsDefault() {
2671
- var _selectedCard$card;
2672
- if (!pg || !selectedCard) return;
2673
- sendLog({
2674
- eventName: 'edit_card_clicked',
2675
- customProperties: {
2676
- action_type: 'Make default',
2677
- card_last4: (selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$card = selectedCard.card) === null || _selectedCard$card === void 0 ? void 0 : _selectedCard$card.last4) || ''
2678
- },
2679
- logImpression: true
2680
- });
2681
- dispatch(setDefaultPaymentCard({
2682
- user_id: +pg.user_id,
2683
- method_id: selectedCard.id,
2684
- vendor_id: +pg.vendor_id,
2685
- app_type: 1
2686
- }));
2687
- handleMenuClose();
2688
- };
2689
- var handleDeleteCard = function handleDeleteCard() {
2690
- var _selectedCard$card2;
2691
- sendLog({
2692
- eventName: 'edit_card_clicked',
2693
- customProperties: {
2694
- action_type: 'Delete',
2695
- card_last4: (selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$card2 = selectedCard.card) === null || _selectedCard$card2 === void 0 ? void 0 : _selectedCard$card2.last4) || ''
2696
- },
2697
- logImpression: true
2698
- });
2243
+ var handleCardDelete = function handleCardDelete() {
2699
2244
  dispatch(deletePaymentCard({
2700
- pmId: selectedCard.id,
2245
+ pmId: cardId,
2701
2246
  vendorId: pg.vendor_id
2702
2247
  }));
2703
- handleMenuClose();
2704
- };
2705
- var getBrandLogo = function getBrandLogo(brand) {
2706
- var width = 40;
2707
- var aspectRatio = 780 / 500;
2708
- var defaultType = 'generic';
2709
- var formatedType = brand || defaultType;
2710
- var sanitizedType = (formatedType || brand).replace(/[-_]/g, '');
2711
- var cardProvider = sanitizedType.charAt(0).toUpperCase() + sanitizedType.slice(1);
2712
- var cardComponents = {
2713
- Alipay: Alipay,
2714
- Amex: Amex,
2715
- Diners: Diners,
2716
- Discover: Discover,
2717
- Elo: Elo,
2718
- Generic: Generic,
2719
- Hiper: Hiper,
2720
- Hipercard: Hipercard,
2721
- Jcb: Jcb,
2722
- Maestro: Maestro,
2723
- Mastercard: Mastercard,
2724
- Mir: Mir,
2725
- Paypal: Paypal,
2726
- Unionpay: Unionpay,
2727
- Visa: Visa
2728
- };
2729
- var CardComponent = cardComponents[cardProvider] || Generic;
2730
- return /*#__PURE__*/React.createElement(CardComponent, {
2731
- width: width,
2732
- height: width / aspectRatio,
2733
- viewBox: "0 0 780 500"
2734
- });
2735
- };
2736
- var getCardTypeClass = function getCardTypeClass(category) {
2737
- return category === 'Corporate' ? 'corporate' : category === 'Company' ? 'company' : 'personal';
2738
- };
2739
- var getCardTypeLabel = function getCardTypeLabel(category) {
2740
- return category === 'Corporate' ? 'CORPORATE' : category === 'Company' ? 'COMPANY' : 'PERSONAL';
2741
- };
2742
- var MoreIcon = function MoreIcon(_ref3) {
2743
- var _ref3$color = _ref3.color,
2744
- color = _ref3$color === void 0 ? '#3D89FF' : _ref3$color,
2745
- className = _ref3.className;
2746
- return /*#__PURE__*/React.createElement("svg", {
2747
- width: "16",
2748
- height: "16",
2749
- viewBox: "0 0 16 16",
2750
- fill: "none",
2751
- className: className
2752
- }, /*#__PURE__*/React.createElement("path", {
2753
- 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",
2754
- stroke: color,
2755
- strokeLinecap: "round",
2756
- strokeLinejoin: "round"
2757
- }), /*#__PURE__*/React.createElement("path", {
2758
- 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",
2759
- stroke: color,
2760
- strokeLinecap: "round",
2761
- strokeLinejoin: "round"
2762
- }), /*#__PURE__*/React.createElement("path", {
2763
- 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",
2764
- stroke: color,
2765
- strokeLinecap: "round",
2766
- strokeLinejoin: "round"
2767
- }));
2768
2248
  };
2769
- var LockIcon = function LockIcon(_ref4) {
2770
- return /*#__PURE__*/React.createElement("svg", {
2771
- xmlns: "http://www.w3.org/2000/svg",
2772
- width: "16",
2773
- height: "16",
2774
- viewBox: "0 0 16 16",
2775
- fill: "none"
2776
- }, /*#__PURE__*/React.createElement("path", {
2777
- 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",
2778
- fill: "#2EA363"
2249
+ var setDefaultCard = function setDefaultCard() {
2250
+ dispatch(setDefaultPaymentCard({
2251
+ user_id: +pg.user_id,
2252
+ method_id: cardId,
2253
+ vendor_id: +pg.vendor_id,
2254
+ app_type: 1
2779
2255
  }));
2780
2256
  };
2781
- var personalCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
2782
- return (card === null || card === void 0 ? void 0 : card.category) === 'Personal';
2783
- });
2784
- var corporateCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
2785
- return (card === null || card === void 0 ? void 0 : card.category) === 'Corporate';
2786
- });
2787
- var companyCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
2788
- return (card === null || card === void 0 ? void 0 : card.category) === 'Company';
2789
- });
2790
- var cardsCount = (personalCards === null || personalCards === void 0 ? void 0 : personalCards.length) + (corporateCards === null || corporateCards === void 0 ? void 0 : corporateCards.length);
2791
- var renderCard = function renderCard(card) {
2792
- var _card$metadata, _card$metadata2, _clsx, _card$card, _card$card2, _card$card3, _card$card4;
2793
- console.log('_paymentDetails2', card, cards);
2794
- var isCompanyCard = (card === null || card === void 0 ? void 0 : card.category) === 'Company';
2795
- var cardClass = getCardTypeClass(card === null || card === void 0 ? void 0 : card.category);
2796
- var isDefaultCard = !!+(card === null || card === void 0 ? void 0 : (_card$metadata = card.metadata) === null || _card$metadata === void 0 ? void 0 : _card$metadata.default_card);
2797
- var isDisabled = (card === null || card === void 0 ? void 0 : (_card$metadata2 = card.metadata) === null || _card$metadata2 === void 0 ? void 0 : _card$metadata2.is_enabled) === '0';
2798
- var showMenuButton = cardsCount === 1 || cardsCount > 1 && !isDefaultCard;
2799
- return /*#__PURE__*/React.createElement("div", {
2800
- key: card.id,
2801
- className: clsx(classes.card, classes[cardClass], (_clsx = {}, _clsx[classes.disabledCard] = isDisabled, _clsx))
2802
- }, /*#__PURE__*/React.createElement("div", {
2803
- className: classes.cardHeader
2804
- }, /*#__PURE__*/React.createElement("div", {
2805
- className: classes.cardTitleSection
2806
- }, /*#__PURE__*/React.createElement("h3", {
2807
- className: classes.cardName
2808
- }, card === null || card === void 0 ? void 0 : card.alias), /*#__PURE__*/React.createElement("span", {
2809
- className: classes.cardType
2810
- }, getCardTypeLabel(card.category), isDefaultCard && /*#__PURE__*/React.createElement("span", null, ' (Default)'))), isCompanyCard ? /*#__PURE__*/React.createElement(LockIcon, {
2811
- className: classes.lockIcon
2812
- }) : showMenuButton ? /*#__PURE__*/React.createElement(IconButton, {
2813
- size: "small",
2814
- onClick: function onClick(e) {
2815
- return handleMenuClick(e, card);
2816
- },
2817
- className: classes.menuButton
2818
- }, /*#__PURE__*/React.createElement(MoreIcon, {
2819
- className: clsx(classes.moreIcon, classes[cardClass]),
2820
- color: isCompanyCard ? '#2EA363' : '#3D89FF'
2821
- })) : null), /*#__PURE__*/React.createElement("div", {
2822
- className: classes.cardDetails
2823
- }, /*#__PURE__*/React.createElement("div", {
2824
- className: classes.cardNumber
2825
- }, /*#__PURE__*/React.createElement("span", {
2826
- className: classes.cardMaskedNumber
2827
- }, "\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", {
2828
- className: classes.cardExpiry
2829
- }, "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", {
2830
- className: classes.cardCvv
2831
- }, "CVV \u2022\u2022\u2022")), /*#__PURE__*/React.createElement("div", {
2832
- className: classes.cardFooter
2833
- }, /*#__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)));
2834
- };
2835
- var _url = env$3.getPaymentUrl() + ("/api/v1/auth/" + IUILocalStorageService$4.getAccessToken() + "/1/" + pg.entity_id + "/0/" + pg.vendor_id + "/1");
2836
- var showMenuButton = cardsCount === 1 || cardsCount > 1 && !+(selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$metadat = selectedCard.metadata) === null || _selectedCard$metadat === void 0 ? void 0 : _selectedCard$metadat.default_card);
2837
2257
  return /*#__PURE__*/React.createElement("div", {
2838
- style: {
2839
- marginBottom: -20
2840
- }
2841
- }, /*#__PURE__*/React.createElement(IUIGrid, {
2842
- container: true,
2843
- className: clsx(styles$1.sectionWrapper)
2844
- }, /*#__PURE__*/React.createElement(IUIGrid, {
2845
- item: true,
2846
- sm: 12,
2847
- md: 4
2848
- }, /*#__PURE__*/React.createElement(IUILabel, {
2849
- label: "My cards",
2850
- headerType: true,
2851
- description: "These are personal & company issued cards owned by you."
2852
- })), /*#__PURE__*/React.createElement(IUIGrid, {
2853
- item: true,
2854
- sm: 12,
2855
- md: 8,
2856
- lg: 8,
2857
- xl: 6
2858
- }, /*#__PURE__*/React.createElement(IUIGrid, {
2859
- container: true,
2860
- className: styles$1.formFieldsWrapper
2861
- }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, paymentMethod === 2 && /*#__PURE__*/React.createElement("div", {
2862
- className: classes.disabledNotice
2863
- }, "Company has disabled usage of your personal cards, please reach out to your admin"), /*#__PURE__*/React.createElement("div", {
2864
- className: classes.cardsGrid
2865
- }, personalCards.length !== 0 ? personalCards === null || personalCards === void 0 ? void 0 : personalCards.map(function (card) {
2866
- return renderCard(card);
2867
- }) : null, corporateCards.length !== 0 ? corporateCards === null || corporateCards === void 0 ? void 0 : corporateCards.map(function (card) {
2868
- return renderCard(card);
2869
- }) : 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", {
2870
- className: classes.addCardButton,
2871
- onClick: function onClick() {
2872
- sendLog({
2873
- eventName: 'add_user_card_clicked',
2874
- logImpression: true
2875
- });
2876
- window.location.assign(_url);
2877
- }
2258
+ className: styles$1.card
2259
+ }, /*#__PURE__*/React.createElement("div", {
2260
+ className: styles$1.cardLabel
2261
+ }, isDefaultCard ? /*#__PURE__*/React.createElement("span", {
2262
+ className: styles$1.defaultLabel
2263
+ }, "Default Card") : /*#__PURE__*/React.createElement("button", {
2264
+ type: "button",
2265
+ onClick: setDefaultCard,
2266
+ className: styles$1.defaultBtn
2267
+ }, "Make This Default")), !isDefaultCard && /*#__PURE__*/React.createElement("div", {
2268
+ className: styles$1.cardDeleteBtn
2269
+ }, /*#__PURE__*/React.createElement("button", {
2270
+ type: "button",
2271
+ onClick: handleCardDelete
2272
+ }, /*#__PURE__*/React.createElement(DeleteIcon, {
2273
+ width: "10",
2274
+ height: "10"
2275
+ }))), /*#__PURE__*/React.createElement("div", {
2276
+ className: styles$1.cardNumber
2878
2277
  }, /*#__PURE__*/React.createElement("span", {
2879
- className: classes.plusIcon
2880
- }, "+"), " Add card")))))), (companyCards === null || companyCards === void 0 ? void 0 : companyCards.length) !== 0 && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(IUIDivider, {
2278
+ className: styles$1.cardDigit
2279
+ }, "XXXX"), /*#__PURE__*/React.createElement("span", {
2280
+ className: styles$1.cardDigit
2281
+ }, "XXXX"), /*#__PURE__*/React.createElement("span", {
2282
+ className: styles$1.cardDigit
2283
+ }, "XXXX"), /*#__PURE__*/React.createElement("span", {
2284
+ className: styles$1.cardDigit
2285
+ }, lastDigit)), /*#__PURE__*/React.createElement("div", {
2286
+ className: styles$1.expiryDate
2287
+ }, expMonth, " / ", expYear), /*#__PURE__*/React.createElement("div", {
2288
+ className: clsx(styles$1.cardImage, styles$1[cardBrand])
2289
+ }));
2290
+ };
2291
+ var AddCard = function AddCard(_ref2) {
2292
+ var pg = _ref2.pg;
2293
+ var _url = env$3.getPaymentUrl() + ("/api/v1/auth/" + IUILocalStorageService$4.getAccessToken() + "/1/" + pg.entity_id + "/0/" + pg.vendor_id + "/1");
2294
+ var handleAddCard = function handleAddCard() {
2295
+ window.location.assign(_url);
2296
+ };
2297
+ return /*#__PURE__*/React.createElement("div", {
2298
+ className: clsx(styles$1.card, styles$1.cursonPointer),
2299
+ onClick: handleAddCard
2300
+ }, /*#__PURE__*/React.createElement("div", {
2301
+ className: styles$1.addCard
2302
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(AddIcon$1, null)), /*#__PURE__*/React.createElement("div", null, "Add New Card")));
2303
+ };
2304
+ var PaymentCards = function PaymentCards(_ref3) {
2305
+ var _paymentDetails$pg, _paymentDetails$pg2;
2306
+ var paymentDetails = _ref3.paymentDetails;
2307
+ 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)) {
2308
+ return /*#__PURE__*/React.createElement(React.Fragment, null);
2309
+ }
2310
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIDivider, {
2881
2311
  className: styles$1.dividerColor
2882
2312
  }), /*#__PURE__*/React.createElement(IUIGrid, {
2883
2313
  container: true,
@@ -2887,9 +2317,9 @@ var CardsManagement = function CardsManagement(_ref) {
2887
2317
  sm: 12,
2888
2318
  md: 4
2889
2319
  }, /*#__PURE__*/React.createElement(IUILabel, {
2890
- label: "Company cards",
2891
- description: "These are the centralized cards owned by your company.",
2892
- headerType: true
2320
+ label: "Card Details",
2321
+ headerType: true,
2322
+ description: ""
2893
2323
  })), /*#__PURE__*/React.createElement(IUIGrid, {
2894
2324
  item: true,
2895
2325
  sm: 12,
@@ -2899,50 +2329,20 @@ var CardsManagement = function CardsManagement(_ref) {
2899
2329
  }, /*#__PURE__*/React.createElement(IUIGrid, {
2900
2330
  container: true,
2901
2331
  className: styles$1.formFieldsWrapper
2902
- }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
2903
- className: classes.cardsGrid
2904
- }, companyCards === null || companyCards === void 0 ? void 0 : companyCards.map(function (card) {
2905
- return renderCard(card);
2906
- }))))))), showMenuButton && /*#__PURE__*/React.createElement(Menu, {
2907
- anchorEl: anchorEl,
2908
- open: Boolean(anchorEl),
2909
- onClose: handleMenuClose,
2910
- anchorOrigin: {
2911
- vertical: 'top',
2912
- horizontal: 'right'
2913
- },
2914
- transformOrigin: {
2915
- vertical: 'top',
2916
- horizontal: 'right'
2917
- }
2918
- }, selectedCard && !+selectedCard.metadata.default_card && /*#__PURE__*/React.createElement(MenuItem, {
2919
- onClick: handleMarkAsDefault
2920
- }, "Mark as default"), showMenuButton && /*#__PURE__*/React.createElement(MenuItem, {
2921
- onClick: handleDeleteCard,
2922
- style: {
2923
- color: '#ff4444'
2924
- }
2925
- }, "Delete card")));
2926
- };
2927
-
2928
- var PaymentCards = function PaymentCards(_ref) {
2929
- var _Object$keys, _paymentDetails$cards, _paymentDetails$pg, _paymentDetails$pg2;
2930
- var _ref$paymentDetails = _ref.paymentDetails,
2931
- paymentDetails = _ref$paymentDetails === void 0 ? {} : _ref$paymentDetails,
2932
- _ref$paymentMethod = _ref.paymentMethod,
2933
- paymentMethod = _ref$paymentMethod === void 0 ? null : _ref$paymentMethod,
2934
- _ref$sendLog = _ref.sendLog,
2935
- sendLog = _ref$sendLog === void 0 ? function () {} : _ref$sendLog;
2936
- 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)) {
2937
- return /*#__PURE__*/React.createElement(React.Fragment, null);
2938
- }
2939
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIDivider, {
2940
- className: styles$1.dividerColor
2941
- }), /*#__PURE__*/React.createElement(CardsManagement, {
2942
- paymentDetails: paymentDetails,
2943
- paymentMethod: paymentMethod,
2944
- sendLog: sendLog
2945
- }));
2332
+ }, /*#__PURE__*/React.createElement(React.Fragment, null, paymentDetails.cards && paymentDetails.cards.map(function (card) {
2333
+ return /*#__PURE__*/React.createElement(CreditCard, {
2334
+ key: card.id,
2335
+ cardId: card.id,
2336
+ lastDigit: card.card.last4,
2337
+ expMonth: card.card.exp_month,
2338
+ expYear: card.card.exp_year,
2339
+ cardBrand: card.card.brand,
2340
+ isDefaultCard: !!+card.metadata.default_card,
2341
+ pg: paymentDetails.pg
2342
+ });
2343
+ }), (!paymentDetails.cards || paymentDetails.cards.length < 10) && paymentDetails.pg.gateway.toLowerCase() === 'stripe' && paymentDetails.pg.save_card_enable === 1 && /*#__PURE__*/React.createElement(AddCard, {
2344
+ pg: paymentDetails.pg
2345
+ }))))));
2946
2346
  };
2947
2347
 
2948
2348
  function AddIcon(props) {
@@ -3015,11 +2415,7 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
3015
2415
  _props$editUserId = props.editUserId,
3016
2416
  editUserId = _props$editUserId === void 0 ? null : _props$editUserId,
3017
2417
  _props$roles = props.roles,
3018
- roles = _props$roles === void 0 ? [] : _props$roles,
3019
- _props$paymentMethod = props.paymentMethod,
3020
- paymentMethod = _props$paymentMethod === void 0 ? null : _props$paymentMethod,
3021
- _props$sendLog = props.sendLog,
3022
- sendLog = _props$sendLog === void 0 ? function () {} : _props$sendLog;
2418
+ roles = _props$roles === void 0 ? [] : _props$roles;
3023
2419
  var _useState = useState({
3024
2420
  product: '',
3025
2421
  approvers: []
@@ -3315,10 +2711,8 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
3315
2711
  isError: !!errMsg[i],
3316
2712
  placeholder: "Example label - \u201CManager\u201D"
3317
2713
  }));
3318
- })))), type === 'travel' && paymentDetails && isProfile && /*#__PURE__*/React.createElement(PaymentCards, {
3319
- paymentDetails: paymentDetails,
3320
- paymentMethod: paymentMethod,
3321
- sendLog: sendLog
2714
+ })))), type === 'travel' && isProfile && paymentDetails && /*#__PURE__*/React.createElement(PaymentCards, {
2715
+ paymentDetails: paymentDetails
3322
2716
  }));
3323
2717
  };
3324
2718
 
@@ -4073,17 +3467,6 @@ var cardsConstants = {
4073
3467
  fullWidth: false,
4074
3468
  visibility: true,
4075
3469
  disableText: 'Please get in touch with your administrator to change this value.'
4076
- }, {
4077
- id: 3,
4078
- label: 'Bookkeeper',
4079
- description: 'This role is capable of reading all the action for own and other card employees',
4080
- value: '',
4081
- name: '',
4082
- type: 'radio',
4083
- isAssigned: false,
4084
- fullWidth: false,
4085
- visibility: true,
4086
- disableText: 'Please get in touch with your administrator to change this value.'
4087
3470
  }]
4088
3471
  };
4089
3472
  var passportInfo = [{
@@ -5077,7 +4460,6 @@ function withStore(Component) {
5077
4460
  }
5078
4461
 
5079
4462
  var ExpandMoreIcon = function ExpandMoreIcon(props) {
5080
- var fillColor = props.fillColor || '#6B7280';
5081
4463
  return /*#__PURE__*/React.createElement("svg", {
5082
4464
  xmlns: "http://www.w3.org/2000/svg",
5083
4465
  width: props.width,
@@ -5085,7 +4467,7 @@ var ExpandMoreIcon = function ExpandMoreIcon(props) {
5085
4467
  fill: "none",
5086
4468
  viewBox: "0 0 12 7"
5087
4469
  }, /*#__PURE__*/React.createElement("path", {
5088
- fill: fillColor,
4470
+ fill: "#6B7280",
5089
4471
  d: "M.293.294a1 1 0 011.414 0L6 4.587 10.293.294a1 1 0 111.414 1.414l-5 5a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414z"
5090
4472
  }));
5091
4473
  };
@@ -5103,11 +4485,9 @@ var ExpandLessIcon = function ExpandLessIcon(props) {
5103
4485
  }));
5104
4486
  };
5105
4487
 
5106
- var styles$3 = {"loyaltymodal":"_2LnGt","membershipDeleteModal":"_2LdH8","loyaltyList":"_r0C_N","divider":"_3v2HU","selectSearchBox":"_1bAuu","chevronIcon":"_33J5X","selectWrapper":"_AJzhr","membershipList":"_u-SZq","list":"_2GyN2","memberItem":"_2d9GY","membershipDetails":"_194K1","title":"_l3kQ9","subtitle":"_33IR-","saveMembership":"_35aiF","newMembershipIcon":"_2d5UD","loading":"_1quY2","searchInput":"_1oiP4","membershipChainInfo":"_10Fx3","addNewMembership":"_3Y8Dj","savedMembership":"_2cSoW","iconWrapper":"_1Thb8","iconPar":"_O51oP","icon":"_3CdwB","number":"_1eJyq","actions":"_f_N1r"};
4488
+ var styles$3 = {"divider":"_3v2HU","selectSearchBox":"_1bAuu","chevronIcon":"_33J5X","selectWrapper":"_AJzhr","membershipList":"_u-SZq","memberItem":"_2d9GY","membershipDetails":"_194K1","title":"_l3kQ9","subtitle":"_33IR-","saveMembership":"_35aiF","newMembershipIcon":"_2d5UD","loading":"_1quY2","searchInput":"_1oiP4","membershipChainInfo":"_10Fx3","addNewMembership":"_3Y8Dj","savedMembership":"_2cSoW","iconWrapper":"_1Thb8","icon":"_3CdwB","number":"_1eJyq","actions":"_f_N1r"};
5107
4489
 
5108
- var ChevronNext = function ChevronNext(_ref) {
5109
- var _ref$color = _ref.color,
5110
- color = _ref$color === void 0 ? '#9CA3AF' : _ref$color;
4490
+ var ChevronNext = function ChevronNext() {
5111
4491
  return /*#__PURE__*/React.createElement("svg", {
5112
4492
  xmlns: "http://www.w3.org/2000/svg",
5113
4493
  width: "8",
@@ -5115,111 +4495,13 @@ var ChevronNext = function ChevronNext(_ref) {
5115
4495
  fill: "none",
5116
4496
  viewBox: "0 0 8 16"
5117
4497
  }, /*#__PURE__*/React.createElement("path", {
5118
- stroke: color,
4498
+ stroke: "#9CA3AF",
5119
4499
  strokeLinecap: "round",
5120
4500
  strokeLinejoin: "round",
5121
4501
  d: "M2 4l4 4-4 4"
5122
4502
  }));
5123
4503
  };
5124
4504
 
5125
- var sixteenDigitNumber = /^\d{16}$/;
5126
- var MembershipForm = function MembershipForm(_ref) {
5127
- var selectedMembershipChain = _ref.selectedMembershipChain,
5128
- isOtherMembership = _ref.isOtherMembership,
5129
- membershipName = _ref.membershipName,
5130
- membershipNumber = _ref.membershipNumber,
5131
- setMembershipName = _ref.setMembershipName,
5132
- setMembershipNumber = _ref.setMembershipNumber,
5133
- type = _ref.type,
5134
- isEdit = _ref.isEdit,
5135
- _ref$isAAAloyaltySele = _ref.isAAAloyaltySelected,
5136
- isAAAloyaltySelected = _ref$isAAAloyaltySele === void 0 ? false : _ref$isAAAloyaltySele;
5137
- var FallbackIcon = function FallbackIcon() {
5138
- var url = '';
5139
- if (type === 'flight') {
5140
- url = 'https://d2n81k4sk1bpk1.cloudfront.net/dashboard/flightmemfallback.png';
5141
- } else if (type === 'hotel') {
5142
- url = 'https://d2n81k4sk1bpk1.cloudfront.net/dashboard/hotelmemfallback.png';
5143
- } else {
5144
- url = 'https://d2n81k4sk1bpk1.cloudfront.net/dashboard/carmemfallback.png';
5145
- }
5146
- return /*#__PURE__*/React.createElement("div", {
5147
- className: styles$3.newMembershipIcon
5148
- }, /*#__PURE__*/React.createElement("img", {
5149
- src: url
5150
- }));
5151
- };
5152
- var placeholder = 'e.g. SkyMiles';
5153
- if (type === 'hotel') {
5154
- placeholder = 'e.g. Best Western';
5155
- }
5156
- if (type === 'rental_car') {
5157
- placeholder = 'e.g. Firefly Car Rental';
5158
- }
5159
- return /*#__PURE__*/React.createElement("div", {
5160
- className: styles$3.saveMembership
5161
- }, isOtherMembership ? /*#__PURE__*/React.createElement("div", {
5162
- className: styles$3.addNewMembership
5163
- }, /*#__PURE__*/React.createElement("div", {
5164
- className: styles$3.membershipChainInfo
5165
- }, /*#__PURE__*/React.createElement(FallbackIcon, null), /*#__PURE__*/React.createElement("p", null, isEdit ? 'Edit' : 'Add new', " membership")), /*#__PURE__*/React.createElement(IUILabel, {
5166
- label: "Membership name",
5167
- required: true
5168
- }), /*#__PURE__*/React.createElement(IUISearch, {
5169
- placeholder: placeholder,
5170
- value: membershipName,
5171
- onChangeHandler: function onChangeHandler(e) {
5172
- var inputValue = e.target.value;
5173
- if ((inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) <= 50) {
5174
- setMembershipName(inputValue);
5175
- }
5176
- },
5177
- iconComponent: null,
5178
- style: {
5179
- width: '100%',
5180
- paddingLeft: 0,
5181
- borderRadius: 6
5182
- }
5183
- })) : /*#__PURE__*/React.createElement("div", {
5184
- className: styles$3.membershipChainInfo
5185
- }, selectedMembershipChain !== null && selectedMembershipChain !== void 0 && selectedMembershipChain.loyalty_program_image_url ? /*#__PURE__*/React.createElement("img", {
5186
- src: selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_image_url,
5187
- alt: selectedMembershipChain.program_name,
5188
- onError: function onError(e) {
5189
- e.target.style.display = 'none';
5190
- var fallbackContainer = e.target.nextElementSibling;
5191
- if (fallbackContainer) fallbackContainer.style.display = 'block';
5192
- }
5193
- }) : /*#__PURE__*/React.createElement(FallbackIcon, null), /*#__PURE__*/React.createElement("div", {
5194
- style: {
5195
- display: 'none'
5196
- }
5197
- }, /*#__PURE__*/React.createElement(FallbackIcon, null)), /*#__PURE__*/React.createElement("p", null, isEdit ? 'Edit' : 'Add', ' ', (selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_name) || (selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.program_name))), /*#__PURE__*/React.createElement(IUILabel, {
5198
- label: "Membership number",
5199
- required: true
5200
- }), /*#__PURE__*/React.createElement(IUISearch, {
5201
- placeholder: isAAAloyaltySelected ? 'Enter 16-digit AAA membership ID' : 'e.g. ABCD1234',
5202
- value: membershipNumber,
5203
- onChangeHandler: function onChangeHandler(e) {
5204
- var inputValue = e.target.value;
5205
- if ((inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) <= 50) {
5206
- setMembershipNumber(inputValue);
5207
- }
5208
- },
5209
- iconComponent: null,
5210
- style: {
5211
- width: '100%',
5212
- paddingLeft: 0,
5213
- borderRadius: 6
5214
- }
5215
- }), isAAAloyaltySelected && membershipNumber && !sixteenDigitNumber.test(membershipNumber) && /*#__PURE__*/React.createElement("div", {
5216
- style: {
5217
- color: '#cf2231',
5218
- marginTop: 5
5219
- }
5220
- }, "Enter a valid 16-digit AAA membership ID"));
5221
- };
5222
-
5223
4505
  var TravelModeIcon = function TravelModeIcon(_ref) {
5224
4506
  var type = _ref.type;
5225
4507
  var FlightIcon = memo(function () {
@@ -5276,16 +4558,71 @@ var TravelModeIcon = function TravelModeIcon(_ref) {
5276
4558
  return null;
5277
4559
  };
5278
4560
 
5279
- var Loader = function Loader() {
5280
- return /*#__PURE__*/React.createElement(IUICircularProgress, {
5281
- color: "inherit",
5282
- size: 25,
4561
+ var MembershipForm = function MembershipForm(_ref) {
4562
+ var selectedMembershipChain = _ref.selectedMembershipChain,
4563
+ isOtherMembership = _ref.isOtherMembership,
4564
+ membershipName = _ref.membershipName,
4565
+ membershipNumber = _ref.membershipNumber,
4566
+ setMembershipName = _ref.setMembershipName,
4567
+ setMembershipNumber = _ref.setMembershipNumber,
4568
+ type = _ref.type,
4569
+ isEdit = _ref.isEdit;
4570
+ var FallbackIcon = function FallbackIcon() {
4571
+ return /*#__PURE__*/React.createElement("div", {
4572
+ className: styles$3.newMembershipIcon
4573
+ }, /*#__PURE__*/React.createElement(TravelModeIcon, {
4574
+ type: type
4575
+ }));
4576
+ };
4577
+ return /*#__PURE__*/React.createElement("div", {
4578
+ className: styles$3.saveMembership
4579
+ }, isOtherMembership ? /*#__PURE__*/React.createElement("div", {
4580
+ className: styles$3.addNewMembership
4581
+ }, /*#__PURE__*/React.createElement("p", null, isEdit ? 'Edit' : 'Add new', " membership"), /*#__PURE__*/React.createElement(IUILabel, {
4582
+ label: "Membership name",
4583
+ required: true
4584
+ }), /*#__PURE__*/React.createElement(IUISearch, {
4585
+ placeholder: "",
4586
+ value: membershipName,
4587
+ onChangeHandler: function onChangeHandler(e) {
4588
+ return setMembershipName(e.target.value);
4589
+ },
4590
+ iconComponent: null,
5283
4591
  style: {
5284
- color: '#EC5D25'
4592
+ width: '50%',
4593
+ paddingLeft: 0
5285
4594
  }
5286
- });
4595
+ })) : /*#__PURE__*/React.createElement("div", {
4596
+ className: styles$3.membershipChainInfo
4597
+ }, selectedMembershipChain !== null && selectedMembershipChain !== void 0 && selectedMembershipChain.loyalty_program_image_url ? /*#__PURE__*/React.createElement("img", {
4598
+ src: selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_image_url,
4599
+ alt: selectedMembershipChain.program_name,
4600
+ onError: function onError(e) {
4601
+ e.target.style.display = 'none';
4602
+ var fallbackContainer = e.target.nextElementSibling;
4603
+ if (fallbackContainer) fallbackContainer.style.display = 'block';
4604
+ }
4605
+ }) : /*#__PURE__*/React.createElement(FallbackIcon, null), /*#__PURE__*/React.createElement("p", null, isEdit ? 'Edit' : 'Add', ' ', (selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_name) || (selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.program_name))), /*#__PURE__*/React.createElement(IUILabel, {
4606
+ label: "Membership number",
4607
+ required: true
4608
+ }), /*#__PURE__*/React.createElement(IUISearch, {
4609
+ placeholder: "",
4610
+ value: membershipNumber,
4611
+ onChangeHandler: function onChangeHandler(e) {
4612
+ var value = e.target.value;
4613
+ if (/^\d*$/.test(value)) {
4614
+ setMembershipNumber(value);
4615
+ }
4616
+ },
4617
+ iconComponent: null,
4618
+ style: {
4619
+ width: '50%',
4620
+ paddingLeft: 0
4621
+ }
4622
+ }));
5287
4623
  };
5288
- var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
4624
+
4625
+ var RenderList = function RenderList(_ref) {
5289
4626
  var items = _ref.items,
5290
4627
  handleSelect = _ref.handleSelect,
5291
4628
  loading = _ref.loading,
@@ -5294,15 +4631,13 @@ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
5294
4631
  fetchItems = _ref.fetchItems,
5295
4632
  type = _ref.type,
5296
4633
  _ref$nextPageAvailabl = _ref.nextPageAvailable,
5297
- nextPageAvailable = _ref$nextPageAvailabl === void 0 ? false : _ref$nextPageAvailabl,
5298
- page = _ref.page;
4634
+ nextPageAvailable = _ref$nextPageAvailabl === void 0 ? false : _ref$nextPageAvailabl;
5299
4635
  var observerRef = useRef(null);
5300
- var delayTimeoutRef = useRef(null);
5301
4636
  useEffect(function () {
5302
4637
  if (!nextPageAvailable || loading) return;
5303
4638
  var observer = new IntersectionObserver(function (entries) {
5304
4639
  if (entries[0].isIntersecting) {
5305
- if (nextPageAvailable) fetchItems(searchQuery);
4640
+ fetchItems(searchQuery);
5306
4641
  }
5307
4642
  }, {
5308
4643
  threshold: 0.5
@@ -5315,9 +4650,6 @@ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
5315
4650
  if (target) {
5316
4651
  observer.unobserve(target);
5317
4652
  }
5318
- if (delayTimeoutRef.current) {
5319
- clearTimeout(delayTimeoutRef.current);
5320
- }
5321
4653
  };
5322
4654
  }, [loading, nextPageAvailable, searchQuery, fetchItems]);
5323
4655
  var FallbackIcon = function FallbackIcon() {
@@ -5329,9 +4661,8 @@ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
5329
4661
  };
5330
4662
  return /*#__PURE__*/React.createElement("div", {
5331
4663
  className: styles$3.list
5332
- }, page === 1 && loading ? null : items.map(function (item) {
5333
- var _item$associated_name, _item$associated_name2;
5334
- var associatedList = (item === null || item === void 0 ? void 0 : item.program_name) === 'Other' ? 'Add new membership program' : type === 'rental_car' ? item === null || item === void 0 ? void 0 : item.program_name : item !== null && item !== void 0 && (_item$associated_name = item.associated_names) !== null && _item$associated_name !== void 0 && _item$associated_name.length ? item === null || item === void 0 ? void 0 : (_item$associated_name2 = item.associated_names) === null || _item$associated_name2 === void 0 ? void 0 : _item$associated_name2.join(', ') : '';
4664
+ }, items.map(function (item) {
4665
+ var _item$associated_name;
5335
4666
  return /*#__PURE__*/React.createElement("div", {
5336
4667
  onClick: function onClick() {
5337
4668
  handleSelect(item);
@@ -5341,18 +4672,7 @@ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
5341
4672
  },
5342
4673
  key: item.id,
5343
4674
  className: styles$3.memberItem
5344
- }, item !== null && item !== void 0 && item.loyalty_program_image_url ? /*#__PURE__*/React.createElement("div", {
5345
- style: {
5346
- background: "url(" + (item === null || item === void 0 ? void 0 : item.loyalty_program_image_url) + ")",
5347
- backgroundSize: 600,
5348
- borderRadius: 6,
5349
- border: '1px solid #F1F3F5',
5350
- backgroundPosition: 'top',
5351
- height: 40,
5352
- display: 'flex',
5353
- alignItems: 'center'
5354
- }
5355
- }, /*#__PURE__*/React.createElement("img", {
4675
+ }, item !== null && item !== void 0 && item.loyalty_program_image_url ? /*#__PURE__*/React.createElement("img", {
5356
4676
  src: item === null || item === void 0 ? void 0 : item.loyalty_program_image_url,
5357
4677
  alt: item.title,
5358
4678
  onError: function onError(e) {
@@ -5360,7 +4680,7 @@ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
5360
4680
  var fallbackContainer = e.target.nextElementSibling;
5361
4681
  if (fallbackContainer) fallbackContainer.style.display = 'block';
5362
4682
  }
5363
- })) : /*#__PURE__*/React.createElement("div", {
4683
+ }) : /*#__PURE__*/React.createElement("div", {
5364
4684
  className: styles$3.newMembershipIcon
5365
4685
  }, /*#__PURE__*/React.createElement(FallbackIcon, null)), /*#__PURE__*/React.createElement("div", {
5366
4686
  className: styles$3.newMembershipIcon,
@@ -5372,52 +4692,14 @@ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
5372
4692
  }, /*#__PURE__*/React.createElement("div", {
5373
4693
  className: styles$3.title
5374
4694
  }, item === null || item === void 0 ? void 0 : item.program_name), /*#__PURE__*/React.createElement("div", {
5375
- className: styles$3.subtitle,
5376
- title: associatedList
5377
- }, associatedList)));
4695
+ className: styles$3.subtitle
4696
+ }, item.program_name === 'Other' ? 'Add new membership program' : item === null || item === void 0 ? void 0 : (_item$associated_name = item.associated_names) === null || _item$associated_name === void 0 ? void 0 : _item$associated_name.join(' '))));
5378
4697
  }), loading && /*#__PURE__*/React.createElement("div", {
5379
4698
  className: styles$3.loading
5380
- }, /*#__PURE__*/React.createElement(Loader, null)), !loading && nextPageAvailable && /*#__PURE__*/React.createElement("div", {
4699
+ }, "Loading..."), !loading && nextPageAvailable && /*#__PURE__*/React.createElement("div", {
5381
4700
  ref: observerRef,
5382
4701
  className: styles$3.loading
5383
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Loader, null))));
5384
- };
5385
-
5386
- var EditIcon = function EditIcon() {
5387
- return /*#__PURE__*/React.createElement("svg", {
5388
- width: "16",
5389
- height: "16",
5390
- viewBox: "0 0 16 16",
5391
- fill: "none",
5392
- xmlns: "http://www.w3.org/2000/svg"
5393
- }, /*#__PURE__*/React.createElement("g", {
5394
- clipPath: "url(#clip0_13010_74651)"
5395
- }, /*#__PURE__*/React.createElement("path", {
5396
- d: "M10.7197 1.72376C11.7029 0.740515 13.2971 0.740516 14.2803 1.72377C15.2636 2.70701 15.2636 4.30118 14.2803 5.28443L5.14645 14.4183C4.77137 14.7934 4.26267 15.0041 3.73223 15.0041H2C1.44772 15.0041 1 14.5564 1 14.0041V12.2719C1 11.7414 1.21071 11.2327 1.58579 10.8576L10.7197 1.72376ZM13.2197 2.78443C12.8222 2.38696 12.1778 2.38696 11.7803 2.78443L11.0607 3.5041L12.5 4.94344L13.2197 4.22376C13.6171 3.8263 13.6171 3.18189 13.2197 2.78443ZM11.4393 6.0041L10 4.56476L2.64645 11.9183C2.55268 12.0121 2.5 12.1393 2.5 12.2719V13.5041H3.73223C3.86484 13.5041 3.99202 13.4514 4.08579 13.3576L11.4393 6.0041Z",
5397
- fill: "#EC5D25"
5398
- })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
5399
- id: "clip0_13010_74651"
5400
- }, /*#__PURE__*/React.createElement("rect", {
5401
- width: "16",
5402
- height: "16",
5403
- fill: "white",
5404
- transform: "translate(0 0.00390625)"
5405
- }))));
5406
- };
5407
-
5408
- var DeleteIcon = function DeleteIcon() {
5409
- return /*#__PURE__*/React.createElement("svg", {
5410
- width: "16",
5411
- height: "16",
5412
- viewBox: "0 0 16 16",
5413
- fill: "none",
5414
- xmlns: "http://www.w3.org/2000/svg"
5415
- }, /*#__PURE__*/React.createElement("path", {
5416
- fillRule: "evenodd",
5417
- clipRule: "evenodd",
5418
- d: "M7.33333 2.33716C7.14924 2.33716 7 2.4864 7 2.67049V3.33716H9V2.67049C9 2.4864 8.85076 2.33716 8.66667 2.33716H7.33333ZM10 3.33716V2.67049C10 1.93411 9.40305 1.33716 8.66667 1.33716H7.33333C6.59695 1.33716 6 1.93411 6 2.67049V3.33716H2.5C2.22386 3.33716 2 3.56102 2 3.83716C2 4.1133 2.22386 4.33716 2.5 4.33716H3.03122L3.57716 12.7993C3.64506 13.8516 4.51843 14.6705 5.57301 14.6705H10.427C11.4816 14.6705 12.3549 13.8516 12.4228 12.7993L12.9688 4.33716H13.5C13.7761 4.33716 14 4.1133 14 3.83716C14 3.56102 13.7761 3.33716 13.5 3.33716H10ZM11.9667 4.33716H4.0333L4.57509 12.7349C4.60903 13.2611 5.04572 13.6705 5.57301 13.6705H10.427C10.9543 13.6705 11.391 13.2611 11.4249 12.7349L11.9667 4.33716ZM6.5 6.00383C6.77614 6.00383 7 6.22768 7 6.50383V11.5038C7 11.78 6.77614 12.0038 6.5 12.0038C6.22386 12.0038 6 11.78 6 11.5038V6.50383C6 6.22768 6.22386 6.00383 6.5 6.00383ZM9.5 6.00383C9.77614 6.00383 10 6.22768 10 6.50383V11.5038C10 11.78 9.77614 12.0038 9.5 12.0038C9.22386 12.0038 9 11.78 9 11.5038V6.50383C9 6.22768 9.22386 6.00383 9.5 6.00383Z",
5419
- fill: "#CF2231"
5420
- }));
4702
+ }, /*#__PURE__*/React.createElement("div", null, "Loading...")));
5421
4703
  };
5422
4704
 
5423
4705
  var _excluded = ["ind"];
@@ -5430,9 +4712,7 @@ var SavedMemberships = function SavedMemberships(_ref) {
5430
4712
  _ref$updateList = _ref.updateList,
5431
4713
  updateList = _ref$updateList === void 0 ? function () {} : _ref$updateList,
5432
4714
  _ref$handleEdit = _ref.handleEdit,
5433
- handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit,
5434
- _ref$isProfile = _ref.isProfile,
5435
- isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
4715
+ handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit;
5436
4716
  var _useState = useState(false),
5437
4717
  open = _useState[0],
5438
4718
  setOpen = _useState[1];
@@ -5445,10 +4725,42 @@ var SavedMemberships = function SavedMemberships(_ref) {
5445
4725
  var _useSelector = useSelector(function (state) {
5446
4726
  return state.common;
5447
4727
  }),
5448
- id = _useSelector.id;
5449
- var _useParams = useParams(),
5450
- editUserId = _useParams.userId;
5451
- var userID = isProfile ? id : editUserId;
4728
+ userID = _useSelector.id;
4729
+ var DeleteIcon = function DeleteIcon() {
4730
+ return /*#__PURE__*/React.createElement("svg", {
4731
+ width: "16",
4732
+ height: "16",
4733
+ viewBox: "0 0 16 16",
4734
+ fill: "none",
4735
+ xmlns: "http://www.w3.org/2000/svg"
4736
+ }, /*#__PURE__*/React.createElement("path", {
4737
+ fillRule: "evenodd",
4738
+ clipRule: "evenodd",
4739
+ d: "M7.33333 2.33716C7.14924 2.33716 7 2.4864 7 2.67049V3.33716H9V2.67049C9 2.4864 8.85076 2.33716 8.66667 2.33716H7.33333ZM10 3.33716V2.67049C10 1.93411 9.40305 1.33716 8.66667 1.33716H7.33333C6.59695 1.33716 6 1.93411 6 2.67049V3.33716H2.5C2.22386 3.33716 2 3.56102 2 3.83716C2 4.1133 2.22386 4.33716 2.5 4.33716H3.03122L3.57716 12.7993C3.64506 13.8516 4.51843 14.6705 5.57301 14.6705H10.427C11.4816 14.6705 12.3549 13.8516 12.4228 12.7993L12.9688 4.33716H13.5C13.7761 4.33716 14 4.1133 14 3.83716C14 3.56102 13.7761 3.33716 13.5 3.33716H10ZM11.9667 4.33716H4.0333L4.57509 12.7349C4.60903 13.2611 5.04572 13.6705 5.57301 13.6705H10.427C10.9543 13.6705 11.391 13.2611 11.4249 12.7349L11.9667 4.33716ZM6.5 6.00383C6.77614 6.00383 7 6.22768 7 6.50383V11.5038C7 11.78 6.77614 12.0038 6.5 12.0038C6.22386 12.0038 6 11.78 6 11.5038V6.50383C6 6.22768 6.22386 6.00383 6.5 6.00383ZM9.5 6.00383C9.77614 6.00383 10 6.22768 10 6.50383V11.5038C10 11.78 9.77614 12.0038 9.5 12.0038C9.22386 12.0038 9 11.78 9 11.5038V6.50383C9 6.22768 9.22386 6.00383 9.5 6.00383Z",
4740
+ fill: "#CF2231"
4741
+ }));
4742
+ };
4743
+ var EditIcon = function EditIcon() {
4744
+ return /*#__PURE__*/React.createElement("svg", {
4745
+ width: "16",
4746
+ height: "16",
4747
+ viewBox: "0 0 16 16",
4748
+ fill: "none",
4749
+ xmlns: "http://www.w3.org/2000/svg"
4750
+ }, /*#__PURE__*/React.createElement("g", {
4751
+ clipPath: "url(#clip0_13010_74651)"
4752
+ }, /*#__PURE__*/React.createElement("path", {
4753
+ d: "M10.7197 1.72376C11.7029 0.740515 13.2971 0.740516 14.2803 1.72377C15.2636 2.70701 15.2636 4.30118 14.2803 5.28443L5.14645 14.4183C4.77137 14.7934 4.26267 15.0041 3.73223 15.0041H2C1.44772 15.0041 1 14.5564 1 14.0041V12.2719C1 11.7414 1.21071 11.2327 1.58579 10.8576L10.7197 1.72376ZM13.2197 2.78443C12.8222 2.38696 12.1778 2.38696 11.7803 2.78443L11.0607 3.5041L12.5 4.94344L13.2197 4.22376C13.6171 3.8263 13.6171 3.18189 13.2197 2.78443ZM11.4393 6.0041L10 4.56476L2.64645 11.9183C2.55268 12.0121 2.5 12.1393 2.5 12.2719V13.5041H3.73223C3.86484 13.5041 3.99202 13.4514 4.08579 13.3576L11.4393 6.0041Z",
4754
+ fill: "#EC5D25"
4755
+ })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
4756
+ id: "clip0_13010_74651"
4757
+ }, /*#__PURE__*/React.createElement("rect", {
4758
+ width: "16",
4759
+ height: "16",
4760
+ fill: "white",
4761
+ transform: "translate(0 0.00390625)"
4762
+ }))));
4763
+ };
5452
4764
  var handleClose = function handleClose() {
5453
4765
  setOpen(false);
5454
4766
  setDeleteItemData(null);
@@ -5501,14 +4813,6 @@ var SavedMemberships = function SavedMemberships(_ref) {
5501
4813
  type: type
5502
4814
  }));
5503
4815
  };
5504
- var _ref3 = deleteItemData || {},
5505
- _ref3$name = _ref3.name,
5506
- name = _ref3$name === void 0 ? '' : _ref3$name,
5507
- _ref3$program_name = _ref3.program_name,
5508
- program_name = _ref3$program_name === void 0 ? '' : _ref3$program_name,
5509
- _ref3$loyalty_program = _ref3.loyalty_program_name,
5510
- loyalty_program_name = _ref3$loyalty_program === void 0 ? '' : _ref3$loyalty_program;
5511
- var deleteMembershipName = loyalty_program_name === 'Other' ? name || loyalty_program_name || program_name : loyalty_program_name || program_name || name;
5512
4816
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IUIModal, {
5513
4817
  isOpen: open,
5514
4818
  closeHandler: handleClose,
@@ -5521,60 +4825,39 @@ var SavedMemberships = function SavedMemberships(_ref) {
5521
4825
  borderBottom: '1px solid #E5E7EB'
5522
4826
  },
5523
4827
  isDisabledSubmitBtn: isDeleting,
5524
- headerText: "Delete " + deleteMembershipName,
5525
- width: "640px",
5526
- modalClass: styles$3.membershipDeleteModal
4828
+ headerText: "Delete " + ((deleteItemData === null || deleteItemData === void 0 ? void 0 : deleteItemData.loyalty_program_name) || (deleteItemData === null || deleteItemData === void 0 ? void 0 : deleteItemData.name)),
4829
+ width: "640px"
5527
4830
  }, /*#__PURE__*/React.createElement("p", {
5528
4831
  style: {
5529
4832
  marginTop: 0,
5530
4833
  color: '#6B7280'
5531
4834
  }
5532
- }, "Are you sure you want to delete ", deleteMembershipName, "? This change is not reversible.")), list.map(function (mem, ind) {
5533
- var _ref4 = mem || {},
5534
- _ref4$name = _ref4.name,
5535
- name = _ref4$name === void 0 ? '' : _ref4$name,
5536
- _ref4$number = _ref4.number,
5537
- number = _ref4$number === void 0 ? '' : _ref4$number,
5538
- _ref4$program_name = _ref4.program_name,
5539
- program_name = _ref4$program_name === void 0 ? '' : _ref4$program_name,
5540
- _ref4$loyalty_program = _ref4.loyalty_program_image_url,
5541
- loyalty_program_image_url = _ref4$loyalty_program === void 0 ? null : _ref4$loyalty_program,
5542
- _ref4$loyalty_program2 = _ref4.loyalty_program_name,
5543
- loyalty_program_name = _ref4$loyalty_program2 === void 0 ? '' : _ref4$loyalty_program2;
5544
- var isOther = (loyalty_program_name || program_name) === 'Other';
4835
+ }, "Are you sure you want to delete", ' ', (deleteItemData === null || deleteItemData === void 0 ? void 0 : deleteItemData.loyalty_program_name) || (deleteItemData === null || deleteItemData === void 0 ? void 0 : deleteItemData.name), "? This change is not reversible.")), list.map(function (mem, ind) {
4836
+ var _ref3 = mem || {},
4837
+ _ref3$name = _ref3.name,
4838
+ name = _ref3$name === void 0 ? '' : _ref3$name,
4839
+ _ref3$number = _ref3.number,
4840
+ number = _ref3$number === void 0 ? '' : _ref3$number,
4841
+ _ref3$program_name = _ref3.program_name,
4842
+ program_name = _ref3$program_name === void 0 ? '' : _ref3$program_name,
4843
+ _ref3$loyalty_program = _ref3.loyalty_program_image_url,
4844
+ loyalty_program_image_url = _ref3$loyalty_program === void 0 ? null : _ref3$loyalty_program,
4845
+ _ref3$loyalty_program2 = _ref3.loyalty_program_name,
4846
+ loyalty_program_name = _ref3$loyalty_program2 === void 0 ? '' : _ref3$loyalty_program2;
4847
+ var isOther = !!name;
5545
4848
  return /*#__PURE__*/React.createElement("div", {
5546
4849
  className: styles$3.savedMembership,
5547
4850
  key: ind
5548
4851
  }, /*#__PURE__*/React.createElement("div", {
5549
4852
  className: styles$3.iconWrapper
5550
4853
  }, loyalty_program_image_url ? /*#__PURE__*/React.createElement("div", {
5551
- className: styles$3.iconPar,
5552
- style: {
5553
- background: "url(" + loyalty_program_image_url + ")",
5554
- backgroundSize: 600,
5555
- borderRadius: 6,
5556
- border: '1px solid #F1F3F5',
5557
- backgroundPosition: 'top'
5558
- }
4854
+ className: styles$3.icon
5559
4855
  }, /*#__PURE__*/React.createElement("img", {
5560
4856
  src: loyalty_program_image_url,
5561
- alt: name,
5562
- className: styles$3.icon,
5563
- onError: function onError(e) {
5564
- e.target.style.display = 'none';
5565
- var fallbackContainer = e.target.nextElementSibling;
5566
- if (fallbackContainer) fallbackContainer.style.display = 'block';
5567
- }
4857
+ alt: name
5568
4858
  })) : /*#__PURE__*/React.createElement(FallbackIcon, {
5569
4859
  type: type
5570
- }), /*#__PURE__*/React.createElement("div", {
5571
- className: styles$3.newMembershipIcon,
5572
- style: {
5573
- display: 'none'
5574
- }
5575
- }, /*#__PURE__*/React.createElement(FallbackIcon, {
5576
- type: type
5577
- })), /*#__PURE__*/React.createElement("p", null, (loyalty_program_name || program_name) === 'Other' ? name || loyalty_program_name || program_name : loyalty_program_name || program_name || name)), /*#__PURE__*/React.createElement("div", {
4860
+ }), /*#__PURE__*/React.createElement("p", null, loyalty_program_name === 'Other' ? name || loyalty_program_name || program_name : loyalty_program_name || program_name || name)), /*#__PURE__*/React.createElement("div", {
5578
4861
  className: styles$3.number
5579
4862
  }, number), /*#__PURE__*/React.createElement("div", {
5580
4863
  className: styles$3.actions
@@ -5613,9 +4896,7 @@ var AddMembershipButton = memo(function (_ref) {
5613
4896
  _ref$updateList = _ref.updateList,
5614
4897
  updateList = _ref$updateList === void 0 ? function () {} : _ref$updateList,
5615
4898
  _ref$handleEdit = _ref.handleEdit,
5616
- handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit,
5617
- _ref$isProfile = _ref.isProfile,
5618
- isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
4899
+ handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit;
5619
4900
  var handleAddMembership = function handleAddMembership(type) {
5620
4901
  var currentModalState = _extends({}, modalState);
5621
4902
  currentModalState.open = true;
@@ -5648,8 +4929,7 @@ var AddMembershipButton = memo(function (_ref) {
5648
4929
  list: list,
5649
4930
  type: type,
5650
4931
  updateList: updateList,
5651
- handleEdit: handleEdit,
5652
- isProfile: isProfile
4932
+ handleEdit: handleEdit
5653
4933
  }), /*#__PURE__*/React.createElement(IUIButton, {
5654
4934
  buttonText: "Add membership",
5655
4935
  type: "text",
@@ -5666,29 +4946,21 @@ var AddMembershipButton = memo(function (_ref) {
5666
4946
 
5667
4947
  var IUIToastMessageService$5 = services.IUIToastMessageService;
5668
4948
  var api$7 = configs.api;
5669
- var sixteenDigitNumber$1 = /^\d{16}$/;
5670
4949
  var Membership = function Membership(_ref) {
5671
- var _clsx;
5672
4950
  var _ref$membershipInfoIn = _ref.membershipInfoInput,
5673
4951
  membershipInfoInput = _ref$membershipInfoIn === void 0 ? [] : _ref$membershipInfoIn,
5674
4952
  _ref$setMembershipInf = _ref.setMembershipInfoInput,
5675
- setMembershipInfoInput = _ref$setMembershipInf === void 0 ? function () {} : _ref$setMembershipInf,
5676
- _ref$isProfile = _ref.isProfile,
5677
- isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
5678
- var _useParams = useParams(),
5679
- editUserId = _useParams.userId;
4953
+ setMembershipInfoInput = _ref$setMembershipInf === void 0 ? function () {} : _ref$setMembershipInf;
5680
4954
  var _useSelector = useSelector(function (state) {
5681
4955
  return state.common;
5682
4956
  }),
5683
- id = _useSelector.id;
5684
- var userID = isProfile ? id : editUserId;
4957
+ userID = _useSelector.id;
5685
4958
  var _useState = useState(membershipInfoInput),
5686
4959
  savedMemberships = _useState[0],
5687
4960
  setSavedMemberships = _useState[1];
5688
4961
  var groupedMembershipData = savedMemberships.reduce(function (acc, item) {
5689
- var _acc$item$membership_;
5690
- acc[item === null || item === void 0 ? void 0 : item.membership_type] = (acc === null || acc === void 0 ? void 0 : acc[item === null || item === void 0 ? void 0 : item.membership_type]) || [];
5691
- acc === null || acc === void 0 ? void 0 : (_acc$item$membership_ = acc[item === null || item === void 0 ? void 0 : item.membership_type]) === null || _acc$item$membership_ === void 0 ? void 0 : _acc$item$membership_.push(item);
4962
+ acc[item.membership_type] = acc[item.membership_type] || [];
4963
+ acc[item.membership_type].push(item);
5692
4964
  return acc;
5693
4965
  }, {
5694
4966
  flight: [],
@@ -5747,8 +5019,6 @@ var Membership = function Membership(_ref) {
5747
5019
  setMembershipNumber = _useState14[1];
5748
5020
  var wrapperRef = useRef(null);
5749
5021
  var nextRef = useRef(null);
5750
- var isEditing = editIndex !== null;
5751
- 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';
5752
5022
  var fetchItems = function fetchItems(query, reset) {
5753
5023
  if (query === void 0) {
5754
5024
  query = '';
@@ -5757,34 +5027,33 @@ var Membership = function Membership(_ref) {
5757
5027
  reset = false;
5758
5028
  }
5759
5029
  try {
5760
- nextRef.current = null;
5761
- var pageNo = reset ? 1 : page + 1;
5762
5030
  setLoading(true);
5763
- var url = 'api/v1/user-management/loyalty-program/' + ("?page=" + pageNo + "&travel_type=" + type);
5031
+ var url = 'api/v1/user-management/loyalty-program/' + ("?page=" + page + "&travel_type=" + type);
5764
5032
  if (query) {
5765
- url += "&search_term=" + query.toLowerCase();
5033
+ url += "&search_term=" + query;
5766
5034
  }
5767
- if (reset) setPage(1);else setPage(function (prevPage) {
5768
- return prevPage + 1;
5769
- });
5770
- var _temp = _catch(function () {
5771
- return Promise.resolve(api$7.get(url).then(function (res) {
5772
- return res;
5773
- })).then(function (response) {
5774
- var _response$data, _response$data2;
5775
- var list = response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.results;
5776
- nextRef.current = response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.next;
5777
- setItems(function (prevItems) {
5778
- return reset ? list : [].concat(prevItems, list);
5035
+ var _temp = _finallyRethrows(function () {
5036
+ return _catch(function () {
5037
+ return Promise.resolve(api$7.get(url).then(function (res) {
5038
+ return res;
5039
+ })).then(function (response) {
5040
+ var _response$data, _response$data2;
5041
+ var list = response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.results;
5042
+ nextRef.current = response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.next;
5043
+ setItems(function (prevItems) {
5044
+ return reset ? list : [].concat(prevItems, list);
5045
+ });
5046
+ if (reset) setPage(1);else setPage(function (prevPage) {
5047
+ return prevPage + 1;
5048
+ });
5779
5049
  });
5780
- setLoading(false);
5050
+ }, function (error) {
5051
+ console.error('Error fetching data:', error);
5781
5052
  });
5782
- }, function (error) {
5783
- nextRef.current = null;
5784
- IUIToastMessageService$5.warningNotify('Something went wrong');
5785
- setIsInputFocused(false);
5053
+ }, function (_wasThrown, _result) {
5786
5054
  setLoading(false);
5787
- console.error('Error fetching data:', error);
5055
+ if (_wasThrown) throw _result;
5056
+ return _result;
5788
5057
  });
5789
5058
  return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
5790
5059
  } catch (e) {
@@ -5818,16 +5087,8 @@ var Membership = function Membership(_ref) {
5818
5087
  };
5819
5088
  }, [searchQuery]);
5820
5089
  useEffect(function () {
5821
- if (isInputFocused) fetchItems(debouncedQuery, true);else {
5822
- setSearchQuery('');
5823
- setItems([]);
5824
- }
5090
+ if (isInputFocused) fetchItems(debouncedQuery, true);
5825
5091
  }, [isInputFocused, debouncedQuery]);
5826
- useEffect(function () {
5827
- if (!(modalState !== null && modalState !== void 0 && modalState.open)) {
5828
- setIsInputFocused(false);
5829
- }
5830
- }, [modalState]);
5831
5092
  var handleClose = function handleClose() {
5832
5093
  setIsUpdating(false);
5833
5094
  setIsOtherMembership(false);
@@ -5854,7 +5115,7 @@ var Membership = function Membership(_ref) {
5854
5115
  return;
5855
5116
  }
5856
5117
  if (item) {
5857
- if (isEditing) {
5118
+ if (index) {
5858
5119
  groupedMembershipData[type][index] = _extends({}, groupedMembershipData[type][index], {
5859
5120
  number: item.number,
5860
5121
  name: item.name
@@ -5862,12 +5123,11 @@ var Membership = function Membership(_ref) {
5862
5123
  } else groupedMembershipData[type] = [].concat(groupedMembershipData[type], [item]);
5863
5124
  }
5864
5125
  if (index !== null && !item) {
5865
- var _groupedMembershipDat, _groupedMembershipDat2;
5866
- if (index < 0 || index >= (groupedMembershipData === null || groupedMembershipData === void 0 ? void 0 : (_groupedMembershipDat = groupedMembershipData[type]) === null || _groupedMembershipDat === void 0 ? void 0 : _groupedMembershipDat.length)) {
5126
+ if (index < 0 || index >= groupedMembershipData[type].length) {
5867
5127
  console.error("Invalid index: " + index);
5868
5128
  return;
5869
5129
  }
5870
- groupedMembershipData[type] = [].concat(groupedMembershipData === null || groupedMembershipData === void 0 ? void 0 : (_groupedMembershipDat2 = groupedMembershipData[type]) === null || _groupedMembershipDat2 === void 0 ? void 0 : _groupedMembershipDat2.slice(0, index), groupedMembershipData[type].slice(index + 1));
5130
+ groupedMembershipData[type] = [].concat(groupedMembershipData[type].slice(0, index), groupedMembershipData[type].slice(index + 1));
5871
5131
  }
5872
5132
  var flight = groupedMembershipData.flight,
5873
5133
  hotel = groupedMembershipData.hotel,
@@ -5877,65 +5137,41 @@ var Membership = function Membership(_ref) {
5877
5137
  };
5878
5138
  var handleSubmit = function handleSubmit() {
5879
5139
  try {
5880
- var _ref2, _ref3;
5881
- if (isAAAloyaltySelected && !sixteenDigitNumber$1.test(membershipNumber)) {
5882
- IUIToastMessageService$5.warningNotify('Enter 16-digit AAA membership ID');
5883
- return Promise.resolve();
5884
- }
5885
5140
  var url = "/api/v1/user-management/users/" + userID + "/membership";
5886
- var payload = isEditing ? _extends({}, selectedMembershipChain, {
5887
- number: membershipNumber === null || membershipNumber === void 0 ? void 0 : membershipNumber.trim(),
5888
- name: (_ref2 = membershipName || '') === null || _ref2 === void 0 ? void 0 : _ref2.trim()
5141
+ var payload = editIndex ? _extends({}, selectedMembershipChain, {
5142
+ number: membershipNumber
5889
5143
  }) : {
5890
5144
  membership_type: type,
5891
- number: membershipNumber === null || membershipNumber === void 0 ? void 0 : membershipNumber.trim(),
5145
+ number: membershipNumber,
5892
5146
  iata_code: null,
5893
5147
  user: userID,
5894
5148
  loyalty_program_id: selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_id,
5895
- name: (_ref3 = membershipName || '') === null || _ref3 === void 0 ? void 0 : _ref3.trim()
5149
+ name: membershipName || ''
5896
5150
  };
5897
5151
  setIsUpdating(true);
5898
- var _temp4 = _finallyRethrows(function () {
5152
+ var _temp2 = _finallyRethrows(function () {
5899
5153
  return _catch(function () {
5900
- function _temp3() {
5901
- var _response, _response2;
5902
- if (((_response = response) === null || _response === void 0 ? void 0 : _response.status) === 201 || ((_response2 = response) === null || _response2 === void 0 ? void 0 : _response2.status) === 200) {
5903
- var _response3;
5904
- var updatedResponse = (_response3 = response) === null || _response3 === void 0 ? void 0 : _response3.data;
5154
+ return Promise.resolve(editIndex ? api$7.put(url, payload) : api$7.post(url, payload)).then(function (response) {
5155
+ if ((response === null || response === void 0 ? void 0 : response.status) === 201 || (response === null || response === void 0 ? void 0 : response.status) === 200) {
5156
+ var _response$data3;
5157
+ var updatedResponse = response === null || response === void 0 ? void 0 : response.data;
5905
5158
  updatedResponse.program_name = selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.program_name;
5906
- updatedResponse.loyalty_program_image_url = selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_image_url;
5907
- if (isOtherMembership) updatedResponse.loyalty_program_name = 'Other';
5908
- updateList(type, editIndex, updatedResponse);
5909
- if (userID) IUIToastMessageService$5.sNotify(isEditing ? "Membership updated." : "New membership added.");
5159
+ 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);
5160
+ IUIToastMessageService$5.notify(editIndex ? "Membership updated." : "New membership added.");
5910
5161
  } else {
5911
5162
  IUIToastMessageService$5.warningNotify('Failed to save membership');
5912
5163
  }
5913
- }
5914
- var response = {};
5915
- var _temp2 = function () {
5916
- if (userID) {
5917
- return Promise.resolve(isEditing ? api$7.put(url, payload) : api$7.post(url, payload)).then(function (_api$put) {
5918
- response = _api$put;
5919
- });
5920
- } else {
5921
- delete payload.user;
5922
- response = {
5923
- data: payload,
5924
- status: 200
5925
- };
5926
- }
5927
- }();
5928
- return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
5164
+ });
5929
5165
  }, function (error) {
5930
5166
  console.error(error);
5931
5167
  IUIToastMessageService$5.warningNotify('Something went wrong!');
5932
5168
  });
5933
- }, function (_wasThrown, _result) {
5169
+ }, function (_wasThrown2, _result2) {
5934
5170
  handleClose();
5935
- if (_wasThrown) throw _result;
5936
- return _result;
5171
+ if (_wasThrown2) throw _result2;
5172
+ return _result2;
5937
5173
  });
5938
- return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
5174
+ return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
5939
5175
  } catch (e) {
5940
5176
  return Promise.reject(e);
5941
5177
  }
@@ -5958,19 +5194,17 @@ var Membership = function Membership(_ref) {
5958
5194
  }, /*#__PURE__*/React.createElement(IUIModal, {
5959
5195
  isOpen: open,
5960
5196
  closeHandler: handleClose,
5961
- modalClass: clsx(styles$3.loyaltymodal, (_clsx = {}, _clsx[styles$3.loyaltyList] = !selectedMembershipChain, _clsx)),
5962
5197
  cancelLabel: selectedMembershipChain ? 'Cancel' : '',
5963
- submitLabel: selectedMembershipChain ? isUpdating ? 'Saving...' : isEditing ? 'Save' : 'Add' : '',
5198
+ submitLabel: selectedMembershipChain ? isUpdating ? 'Saving...' : editIndex ? 'Save' : 'Add' : '',
5964
5199
  submitHandler: handleSubmit,
5965
- isDisabledSubmitBtn: isUpdating || !membershipNumber || isOtherMembership && !membershipName || isAAAloyaltySelected && !sixteenDigitNumber$1.test(membershipNumber),
5966
- width: selectedMembershipChain ? '480px' : '640px',
5200
+ isDisabledSubmitBtn: isUpdating || !membershipNumber,
5201
+ width: "640px",
5967
5202
  headerText: selectedMembershipChain ? '' : title,
5968
5203
  subHanderText: selectedMembershipChain ? '' : subtitle,
5969
5204
  modalBodyStyle: {
5970
- padding: selectedMembershipChain ? '0px 24px 25px' : '24px 24px 0px',
5205
+ padding: selectedMembershipChain ? '0px 24px 25px' : '10px 24px 0px',
5971
5206
  minHeight: selectedMembershipChain ? 120 : 80,
5972
- borderBottom: selectedMembershipChain && '1px solid #E5E7EB',
5973
- marginBottom: selectedMembershipChain ? 0 : -18
5207
+ borderBottom: selectedMembershipChain && '1px solid #E5E7EB'
5974
5208
  }
5975
5209
  }, /*#__PURE__*/React.createElement(Fragment$1, null, selectedMembershipChain ? /*#__PURE__*/React.createElement(MembershipForm, {
5976
5210
  selectedMembershipChain: selectedMembershipChain,
@@ -5980,18 +5214,8 @@ var Membership = function Membership(_ref) {
5980
5214
  setMembershipName: setMembershipName,
5981
5215
  setMembershipNumber: setMembershipNumber,
5982
5216
  type: type,
5983
- isEdit: isEditing,
5984
- isAAAloyaltySelected: isAAAloyaltySelected
5985
- }) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
5986
- style: {
5987
- color: '#374151',
5988
- fontWeight: 500
5989
- }
5990
- }, "Loyalty program"), ' ', /*#__PURE__*/React.createElement("span", {
5991
- style: {
5992
- color: '#6B7280'
5993
- }
5994
- }, "*")), /*#__PURE__*/React.createElement("div", {
5217
+ isEdit: !!editIndex
5218
+ }) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "Loyalty program *"), /*#__PURE__*/React.createElement("div", {
5995
5219
  className: styles$3.selectWrapper,
5996
5220
  ref: wrapperRef
5997
5221
  }, /*#__PURE__*/React.createElement("div", {
@@ -6002,23 +5226,14 @@ var Membership = function Membership(_ref) {
6002
5226
  onFocus: function onFocus() {
6003
5227
  return setIsInputFocused(true);
6004
5228
  },
6005
- onClick: function onClick() {
6006
- return setIsInputFocused(true);
6007
- },
6008
5229
  onChange: function onChange(e) {
6009
- if (!isInputFocused) {
6010
- setIsInputFocused(true);
6011
- }
6012
- setSearchQuery(e.target.value);
6013
- },
6014
- value: searchQuery
5230
+ return setSearchQuery(e.target.value);
5231
+ }
6015
5232
  }), /*#__PURE__*/React.createElement("div", {
6016
5233
  className: styles$3.chevronIcon
6017
- }, /*#__PURE__*/React.createElement(ChevronNext, {
6018
- color: "#6B7280"
6019
- }))), isInputFocused && /*#__PURE__*/React.createElement("div", {
5234
+ }, /*#__PURE__*/React.createElement(ChevronNext, null))), isInputFocused && /*#__PURE__*/React.createElement("div", {
6020
5235
  className: styles$3.membershipList
6021
- }, /*#__PURE__*/React.createElement(LoyaltyPrograms, {
5236
+ }, /*#__PURE__*/React.createElement(RenderList, {
6022
5237
  items: items,
6023
5238
  handleSelect: handleSelect,
6024
5239
  loading: loading,
@@ -6027,8 +5242,7 @@ var Membership = function Membership(_ref) {
6027
5242
  searchQuery: searchQuery,
6028
5243
  fetchItems: fetchItems,
6029
5244
  type: type,
6030
- nextPageAvailable: nextRef === null || nextRef === void 0 ? void 0 : nextRef.current,
6031
- page: page
5245
+ nextPageAvailable: nextRef === null || nextRef === void 0 ? void 0 : nextRef.current
6032
5246
  })))))), /*#__PURE__*/React.createElement("div", {
6033
5247
  style: {
6034
5248
  width: '100%'
@@ -6042,8 +5256,7 @@ var Membership = function Membership(_ref) {
6042
5256
  modalState: modalState,
6043
5257
  list: groupedMembershipData[memType],
6044
5258
  updateList: updateList,
6045
- handleEdit: handleEdit,
6046
- isProfile: isProfile
5259
+ handleEdit: handleEdit
6047
5260
  }), ind < 2 && /*#__PURE__*/React.createElement(IUIDivider, {
6048
5261
  className: styles$3.divider
6049
5262
  }));
@@ -6053,6 +5266,7 @@ var Membership = function Membership(_ref) {
6053
5266
  var AdditionalInfo = function AdditionalInfo(_ref) {
6054
5267
  var _clsx;
6055
5268
  var membershipInfoInput = _ref.membershipInfoInput,
5269
+ addMemInfoInput = _ref.addMemInfoInput,
6056
5270
  travelPreferenceInfo = _ref.travelPreferenceInfo,
6057
5271
  _ref$travelPreference = _ref.travelPreferenceOnChange,
6058
5272
  travelPreferenceOnChange = _ref$travelPreference === void 0 ? function () {} : _ref$travelPreference,
@@ -6072,9 +5286,7 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
6072
5286
  _ref$setAdditionalInf = _ref.setAdditionalInfoFlag,
6073
5287
  setAdditionalInfoFlag = _ref$setAdditionalInf === void 0 ? function () {} : _ref$setAdditionalInf,
6074
5288
  _ref$setMembershipInf = _ref.setMembershipInfoInput,
6075
- setMembershipInfoInput = _ref$setMembershipInf === void 0 ? function () {} : _ref$setMembershipInf,
6076
- _ref$isProfile = _ref.isProfile,
6077
- isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
5289
+ setMembershipInfoInput = _ref$setMembershipInf === void 0 ? function () {} : _ref$setMembershipInf;
6078
5290
  var handleChange = function handleChange(panel) {
6079
5291
  return function (event, defaultExpand) {
6080
5292
  setAdditionalInfoFlag(defaultExpand ? panel : false);
@@ -6086,6 +5298,10 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
6086
5298
  passportInfo = _useSelector.passportInfo,
6087
5299
  secureTravelInfo = _useSelector.secureTravelInfo,
6088
5300
  travelPreference = _useSelector.travelPreference;
5301
+ var _useSelector2 = useSelector(function (state) {
5302
+ return state.userAddEdit;
5303
+ }),
5304
+ maxMembershipInput = _useSelector2.maxMembershipInput;
6089
5305
  var dropdownList = useSelector(function (state) {
6090
5306
  return state.userAddEdit.dropdownList;
6091
5307
  });
@@ -6170,7 +5386,8 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
6170
5386
  md: 4
6171
5387
  }, /*#__PURE__*/React.createElement(IUILabel, {
6172
5388
  label: "Membership information",
6173
- headerType: true
5389
+ headerType: true,
5390
+ description: "You can add up to " + maxMembershipInput + " membership details"
6174
5391
  })), /*#__PURE__*/React.createElement(IUIGrid, {
6175
5392
  item: true,
6176
5393
  sm: 12,
@@ -6180,10 +5397,52 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
6180
5397
  }, /*#__PURE__*/React.createElement(IUIGrid, {
6181
5398
  container: true,
6182
5399
  className: styles.formFieldsWrapper
6183
- }, /*#__PURE__*/React.createElement(Membership, {
5400
+ }, membershipInfoInput.length === 0 && /*#__PURE__*/React.createElement(IUIBox, {
5401
+ className: styles.emptyFieldContainer
5402
+ }, /*#__PURE__*/React.createElement(IUITypography, {
5403
+ className: styles.emptyFieldDescription
5404
+ }, "No membership details added yet"), /*#__PURE__*/React.createElement(IUIBox, {
5405
+ className: clsx(styles.emptyFieldBtnContainer, styles.rowGap),
5406
+ display: "flex"
5407
+ }, /*#__PURE__*/React.createElement(IUIButton, {
5408
+ buttonText: "Add airline",
5409
+ type: "text",
5410
+ startIcon: /*#__PURE__*/React.createElement(AddIcon, {
5411
+ width: "10",
5412
+ height: "10",
5413
+ color: "#EC5D25"
5414
+ }),
5415
+ className: styles.paddingTop,
5416
+ onClick: function onClick(e) {
5417
+ return addMemInfoInput('flight');
5418
+ }
5419
+ }), /*#__PURE__*/React.createElement(IUIButton, {
5420
+ buttonText: "Add hotel",
5421
+ type: "text",
5422
+ startIcon: /*#__PURE__*/React.createElement(AddIcon, {
5423
+ width: "10",
5424
+ height: "10",
5425
+ color: "#EC5D25"
5426
+ }),
5427
+ className: styles.paddingTop,
5428
+ onClick: function onClick(e) {
5429
+ return addMemInfoInput('hotel');
5430
+ }
5431
+ }), /*#__PURE__*/React.createElement(IUIButton, {
5432
+ buttonText: "Add car rental",
5433
+ type: "text",
5434
+ startIcon: /*#__PURE__*/React.createElement(AddIcon, {
5435
+ width: "10",
5436
+ height: "10",
5437
+ color: "#EC5D25"
5438
+ }),
5439
+ className: styles.paddingTop,
5440
+ onClick: function onClick(e) {
5441
+ return addMemInfoInput('rental_car');
5442
+ }
5443
+ }))), /*#__PURE__*/React.createElement(Membership, {
6184
5444
  membershipInfoInput: membershipInfoInput,
6185
- setMembershipInfoInput: setMembershipInfoInput,
6186
- isProfile: isProfile
5445
+ setMembershipInfoInput: setMembershipInfoInput
6187
5446
  })))), /*#__PURE__*/React.createElement(IUIDivider, {
6188
5447
  className: styles.dividerColor
6189
5448
  }), /*#__PURE__*/React.createElement(IUIGrid, {
@@ -6451,11 +5710,7 @@ var UserAddEdit = function UserAddEdit(props) {
6451
5710
  editUserId = props.editUserId,
6452
5711
  config = props.config,
6453
5712
  _props$isProfile = props.isProfile,
6454
- isProfile = _props$isProfile === void 0 ? false : _props$isProfile,
6455
- _props$paymentMethod = props.paymentMethod,
6456
- paymentMethod = _props$paymentMethod === void 0 ? null : _props$paymentMethod,
6457
- _props$sendLog = props.sendLog,
6458
- sendLog = _props$sendLog === void 0 ? function () {} : _props$sendLog;
5713
+ isProfile = _props$isProfile === void 0 ? false : _props$isProfile;
6459
5714
  env$4.init(config, isProfile);
6460
5715
  var queryParams = new URLSearchParams(window.location.search);
6461
5716
  var verifyUserId = Number(queryParams.get(config.routes.users.add.queryParamKeys.verifyUserId));
@@ -6876,20 +6131,13 @@ var UserAddEdit = function UserAddEdit(props) {
6876
6131
  }
6877
6132
  } else if (isCardsDetailsRendered && isProfile && productAccess.card) {
6878
6133
  var targetRole = isCardsAdmin ? 'card-admin' : 'card-holder';
6879
- var _selectedRole = cardsDetails.cardsRoles.find(function (role) {
6880
- return role.isAssigned;
6881
- });
6882
- if (_selectedRole) {
6883
- setCardsRole(_selectedRole.value);
6884
- } else {
6885
- for (var _iterator = _createForOfIteratorHelperLoose(cardsDetails.cardsRoles), _step; !(_step = _iterator()).done;) {
6886
- var role = _step.value;
6887
- var splitRoleVal = role.value.split(':');
6888
- var profileRole = splitRoleVal[2];
6889
- if (profileRole === targetRole) {
6890
- setCardsRole(role.value);
6891
- break;
6892
- }
6134
+ for (var _iterator = _createForOfIteratorHelperLoose(cardsDetails.cardsRoles), _step; !(_step = _iterator()).done;) {
6135
+ var role = _step.value;
6136
+ var splitRoleVal = role.value.split(':');
6137
+ var profileRole = splitRoleVal[2];
6138
+ if (profileRole === targetRole) {
6139
+ setCardsRole(role.value);
6140
+ break;
6893
6141
  }
6894
6142
  }
6895
6143
  }
@@ -7399,13 +6647,8 @@ var UserAddEdit = function UserAddEdit(props) {
7399
6647
  useEffect(function () {
7400
6648
  if (isRendered === true) {
7401
6649
  renderFields === null || renderFields === void 0 ? void 0 : renderFields.products.forEach(function (prod) {
7402
- console.log(prod, isProfile, editUserId, id, 'card check');
7403
6650
  if ((prod === null || prod === void 0 ? void 0 : prod.name) === 'card') {
7404
- if (isProfile || editUserId) {
7405
- fetchEditUserCardsDetails(isProfile ? id : editUserId);
7406
- } else {
7407
- fetchLoggedUserCardsDetails();
7408
- }
6651
+ editUserId ? fetchEditUserCardsDetails(editUserId) : fetchLoggedUserCardsDetails();
7409
6652
  }
7410
6653
  });
7411
6654
  setPersonalInfoInput(_extends({}, personalInfoInput, {
@@ -7734,10 +6977,7 @@ var UserAddEdit = function UserAddEdit(props) {
7734
6977
  return Promise.reject(e);
7735
6978
  }
7736
6979
  };
7737
- var formSubmitHandler = function formSubmitHandler(send_welcome_email) {
7738
- if (send_welcome_email === void 0) {
7739
- send_welcome_email = false;
7740
- }
6980
+ var formSubmitHandler = function formSubmitHandler() {
7741
6981
  try {
7742
6982
  var checkAnyError = doesFormHasError();
7743
6983
  if (checkAnyError) {
@@ -7775,9 +7015,6 @@ var UserAddEdit = function UserAddEdit(props) {
7775
7015
  cardsRole: cardsRole,
7776
7016
  isCardsAdmin: isCardsAdmin
7777
7017
  };
7778
- if (!isEditMode && !isProfile) {
7779
- payload.send_welcome_email = send_welcome_email;
7780
- }
7781
7018
  if (verifyUserId) {
7782
7019
  payload.verifyUserId = verifyUserId;
7783
7020
  }
@@ -8114,6 +7351,32 @@ var UserAddEdit = function UserAddEdit(props) {
8114
7351
  }()
8115
7352
  });
8116
7353
  });
7354
+ if (res.client_admin) {
7355
+ setTravelApproversInput(function (prevState) {
7356
+ var nextState = _extends({}, prevState);
7357
+ for (var key in nextState) {
7358
+ if (Object.hasOwnProperty.call(nextState, key)) {
7359
+ nextState[key] = {
7360
+ value: res.client_admin,
7361
+ label: res.client_admin
7362
+ };
7363
+ }
7364
+ }
7365
+ return nextState;
7366
+ });
7367
+ setExpenseApproversInput(function (prevState) {
7368
+ var nextState = _extends({}, prevState);
7369
+ for (var key in nextState) {
7370
+ if (Object.hasOwnProperty.call(nextState, key)) {
7371
+ nextState[key] = {
7372
+ value: res.client_admin,
7373
+ label: res.client_admin
7374
+ };
7375
+ }
7376
+ }
7377
+ return nextState;
7378
+ });
7379
+ }
8117
7380
  })["catch"](function (err) {
8118
7381
  console.log(err);
8119
7382
  })["finally"](function () {
@@ -8166,34 +7429,12 @@ var UserAddEdit = function UserAddEdit(props) {
8166
7429
  onClick: handleCancelNavigation
8167
7430
  })), /*#__PURE__*/React.createElement(IUIBox, {
8168
7431
  component: "div",
8169
- className: clsx('pageHeader--button-single', styles.buttonRight)
8170
- }, isEditMode || isProfile ? /*#__PURE__*/React.createElement(IUIButton, {
7432
+ className: "pageHeader--button-single button-right"
7433
+ }, /*#__PURE__*/React.createElement(IUIButton, {
8171
7434
  buttonText: "Save",
8172
7435
  type: "contained",
8173
7436
  onClick: formSubmitHandler,
8174
7437
  disabled: isPageLoading || productAccess.travel === false && productAccess.expense === false || !!doesFormHasError()
8175
- }) : /*#__PURE__*/React.createElement(IUIDropdownButton, {
8176
- buttonText: "Create user",
8177
- outlinedBtn: false,
8178
- className: styles.containedDropdownBtn,
8179
- placement: "bottom-end",
8180
- endIcon: /*#__PURE__*/React.createElement(ExpandMoreIcon, {
8181
- fillColor: "white",
8182
- width: "10",
8183
- height: "10",
8184
- fill: true
8185
- }),
8186
- menuListInfo: [{
8187
- label: 'Send email invite',
8188
- handler: function handler() {
8189
- return formSubmitHandler(true);
8190
- }
8191
- }, {
8192
- label: 'Do not send email',
8193
- handler: function handler() {
8194
- return formSubmitHandler(false);
8195
- }
8196
- }]
8197
7438
  }))))), /*#__PURE__*/React.createElement(IUIBox, {
8198
7439
  component: "div",
8199
7440
  marginTop: "8rem",
@@ -8406,9 +7647,9 @@ var UserAddEdit = function UserAddEdit(props) {
8406
7647
  maxApprovers: maxTravelApprovers,
8407
7648
  isProfile: isProfile,
8408
7649
  editUserId: editUserId,
8409
- roles: renderFields.travelRoles,
8410
- paymentMethod: paymentMethod,
8411
- sendLog: sendLog
7650
+ roles: renderFields.travelRoles
7651
+ }), /*#__PURE__*/React.createElement(IUIDivider, {
7652
+ className: styles.dividerColor
8412
7653
  }), /*#__PURE__*/React.createElement(AdditionalInfo, {
8413
7654
  membershipInfoInput: membershipInfoInput,
8414
7655
  onMemInfoInputChange: onMemInfoInputChange,
@@ -8425,8 +7666,7 @@ var UserAddEdit = function UserAddEdit(props) {
8425
7666
  dateFormat: dateFormat,
8426
7667
  defaultExpand: isAdditionalInfoExpanded,
8427
7668
  setAdditionalInfoFlag: setAdditionalInfoFlag,
8428
- setMembershipInfoInput: setMembershipInfoInput,
8429
- isProfile: isProfile
7669
+ setMembershipInfoInput: setMembershipInfoInput
8430
7670
  })), /*#__PURE__*/React.createElement(IUIDivider, {
8431
7671
  className: styles.dividerColor
8432
7672
  }), productAccess && productAccess.expense && /*#__PURE__*/React.createElement(TravelExpenseFields, {
@@ -8452,9 +7692,7 @@ var UserAddEdit = function UserAddEdit(props) {
8452
7692
  maxApprovers: maxExpenseApprovers,
8453
7693
  isProfile: isProfile,
8454
7694
  editUserId: editUserId,
8455
- roles: renderFields.expenseRoles,
8456
- paymentMethod: paymentMethod,
8457
- sendLog: sendLog
7695
+ roles: renderFields.expenseRoles
8458
7696
  }), /*#__PURE__*/React.createElement(IUIDivider, {
8459
7697
  className: styles.dividerColor
8460
7698
  }), isCardsDetailsRendered && productAccess && productAccess.card && /*#__PURE__*/React.createElement(CardsField, {
@@ -8705,15 +7943,10 @@ var downloadUploadedRecords = function downloadUploadedRecords(type, jobId) {
8705
7943
  });
8706
7944
  };
8707
7945
  };
8708
- var importUploadedRecords = function importUploadedRecords(jobId, canUpdateExistingUsers, sendInvite) {
8709
- if (sendInvite === void 0) {
8710
- sendInvite = false;
8711
- }
7946
+ var importUploadedRecords = function importUploadedRecords(jobId, canUpdateExistingUsers) {
8712
7947
  return function (dispatch) {
8713
7948
  return new Promise(function (resolve, reject) {
8714
- api$8.post(userBulkImport.importRecords() + "?job_id=" + jobId + "&update=" + canUpdateExistingUsers, {
8715
- should_send_welcome_email: sendInvite
8716
- }).then(function (res) {
7949
+ api$8.post(userBulkImport.importRecords() + "?job_id=" + jobId + "&update=" + canUpdateExistingUsers).then(function (res) {
8717
7950
  resolve(res);
8718
7951
  })["catch"](function (err) {
8719
7952
  reject(err);
@@ -8974,12 +8207,9 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
8974
8207
  var _useState5 = useState(false),
8975
8208
  canUpdateExistingUsers = _useState5[0],
8976
8209
  setCanUpdateExistingUsers = _useState5[1];
8977
- var _useState6 = useState(true),
8978
- sendInvite = _useState6[0],
8979
- setSendInvite = _useState6[1];
8980
- var _useState7 = useState(false),
8981
- isFileDownloading = _useState7[0],
8982
- setDownlStatus = _useState7[1];
8210
+ var _useState6 = useState(false),
8211
+ isFileDownloading = _useState6[0],
8212
+ setDownlStatus = _useState6[1];
8983
8213
  var _useSelector = useSelector(function (state) {
8984
8214
  return state.common;
8985
8215
  }),
@@ -9087,7 +8317,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
9087
8317
  }
9088
8318
  }
9089
8319
  setImportStatus(1);
9090
- return Promise.resolve(dispatch(importUploadedRecords(jobId, canUpdateExistingUsers ? 1 : 0, sendInvite))).then(function (res) {
8320
+ return Promise.resolve(dispatch(importUploadedRecords(jobId, canUpdateExistingUsers ? 1 : 0))).then(function (res) {
9091
8321
  var _temp = function () {
9092
8322
  if (res.data.status) {
9093
8323
  return Promise.resolve(dispatch(_executionJob(jobId, 'is_job_completed')).then(function (resp) {
@@ -9118,9 +8348,6 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
9118
8348
  var handleExistingUserUpdation = function handleExistingUserUpdation(event) {
9119
8349
  setCanUpdateExistingUsers(!canUpdateExistingUsers);
9120
8350
  };
9121
- var handleSendInvite = function handleSendInvite() {
9122
- setSendInvite(!sendInvite);
9123
- };
9124
8351
  var CustomStepIcon = function CustomStepIcon(step) {
9125
8352
  if ((importStatus === 1 || importStatus === 2 || importStatus === 4) && step === Number(activeStep)) {
9126
8353
  return /*#__PURE__*/React.createElement(IUIPrimaryRadio, {
@@ -9430,18 +8657,6 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
9430
8657
  label: "Update any existing users",
9431
8658
  className: clsx(styles$5.checkboxlabel, (_clsx5 = {}, _clsx5[styles$5.disabledText] = +userBulkImportInfo.exist_users === 0, _clsx5)),
9432
8659
  disabled: +userBulkImportInfo.exist_users === 0
9433
- })), /*#__PURE__*/React.createElement(IUIBox, {
9434
- display: "flex",
9435
- style: {
9436
- paddingLeft: '28px'
9437
- }
9438
- }, /*#__PURE__*/React.createElement(IUIFormControlLabel, {
9439
- control: /*#__PURE__*/React.createElement(IUICheckBox, {
9440
- handleCheckBoxHandler: handleSendInvite,
9441
- checked: sendInvite
9442
- }),
9443
- label: "Send invitation emails to new users who have not logged into the platform.",
9444
- className: clsx(styles$5.checkboxlabel)
9445
8660
  })), /*#__PURE__*/React.createElement(IUIBox, {
9446
8661
  display: "flex",
9447
8662
  style: {
@@ -10025,7 +9240,7 @@ var BulkDownloadIcon = function BulkDownloadIcon(props) {
10025
9240
  }));
10026
9241
  };
10027
9242
 
10028
- var classes$1 = {"containedBtn":"_2A4_u","customMiniBox":"_QGIKG","muiBtn":"_3iFbO","outlinedBtn":"_3lQYD","menuList":"_1C8bJ","menuListContainer":"_1N83W","menuItemContainer":"_3VtcE","menuItemtext":"_2xqnU","subTxt":"_3CVzX"};
9243
+ var classes = {"containedBtn":"_2A4_u","customMiniBox":"_QGIKG","muiBtn":"_3iFbO","outlinedBtn":"_3lQYD","menuList":"_1C8bJ","menuListContainer":"_1N83W","menuItemContainer":"_3VtcE","menuItemtext":"_2xqnU","subTxt":"_3CVzX"};
10029
9244
 
10030
9245
  var DropdownBtn = function DropdownBtn(props) {
10031
9246
  var _clsx;
@@ -10084,7 +9299,7 @@ var DropdownBtn = function DropdownBtn(props) {
10084
9299
  }, [open]);
10085
9300
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
10086
9301
  endIcon: endIcon,
10087
- className: clsx(classes$1.muiBtn, className, (_clsx = {}, _clsx[classes$1.outlinedBtn] = outlinedBtn, _clsx)),
9302
+ className: clsx(classes.muiBtn, className, (_clsx = {}, _clsx[classes.outlinedBtn] = outlinedBtn, _clsx)),
10088
9303
  disableRipple: disableRipple,
10089
9304
  variant: "outlined",
10090
9305
  ref: anchorRef,
@@ -10110,13 +9325,13 @@ var DropdownBtn = function DropdownBtn(props) {
10110
9325
  transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
10111
9326
  }
10112
9327
  }), /*#__PURE__*/React.createElement(Paper, {
10113
- className: classes$1.menuListContainer,
9328
+ className: classes.menuListContainer,
10114
9329
  elevation: 0
10115
9330
  }, /*#__PURE__*/React.createElement(ClickAwayListener, {
10116
9331
  onClickAway: handleClose
10117
9332
  }, /*#__PURE__*/React.createElement(MenuList, {
10118
9333
  autoFocusItem: open,
10119
- className: clsx(classes$1.menuList, (_clsx2 = {}, _clsx2[classes$1.outlinedBtn] = outlinedBtn, _clsx2), menuListClass),
9334
+ className: clsx(classes.menuList, (_clsx2 = {}, _clsx2[classes.outlinedBtn] = outlinedBtn, _clsx2), menuListClass),
10120
9335
  id: "menu-list-grow",
10121
9336
  onKeyDown: function onKeyDown(e) {
10122
9337
  return handleListKeyDown(e);
@@ -10127,13 +9342,13 @@ var DropdownBtn = function DropdownBtn(props) {
10127
9342
  return handleMenuClick(val);
10128
9343
  },
10129
9344
  key: _i,
10130
- className: clsx(classes$1.menuItemContainer, val.disable && 'iui__cursor-not-allowed'),
9345
+ className: clsx(classes.menuItemContainer, val.disable && 'iui__cursor-not-allowed'),
10131
9346
  disableRipple: true
10132
9347
  }, /*#__PURE__*/React.createElement(Typography, {
10133
- className: clsx(classes$1.menuItemtext, val && val.disable && 'iui__opacity--60')
9348
+ className: clsx(classes.menuItemtext, val && val.disable && 'iui__opacity--60')
10134
9349
  }, val.label), val.subText && /*#__PURE__*/React.createElement(IUITypography, {
10135
9350
  variant: "subtitle2",
10136
- className: clsx(classes$1.menuItemtext, classes$1.subTxt)
9351
+ className: clsx(classes.menuItemtext, classes.subTxt)
10137
9352
  }, val.subText));
10138
9353
  })))));
10139
9354
  }));