@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.
package/dist/index.js CHANGED
@@ -5,7 +5,8 @@ var React = require('react');
5
5
  var React__default = _interopDefault(React);
6
6
  var utils = require('@itilite/utils');
7
7
  var axios = _interopDefault(require('axios'));
8
- var core = require('@material-ui/core');
8
+ var AddIcon$1 = _interopDefault(require('@material-ui/icons/Add'));
9
+ var DeleteIcon = _interopDefault(require('@material-ui/icons/Delete'));
9
10
  var reactRedux = require('react-redux');
10
11
  var redux = require('redux');
11
12
  var thunk = _interopDefault(require('redux-thunk'));
@@ -17,6 +18,7 @@ var Tooltip = _interopDefault(require('@material-ui/core/Tooltip'));
17
18
  var Switch = _interopDefault(require('@material-ui/core/Switch'));
18
19
  var MoreHorizIcon = _interopDefault(require('@material-ui/icons/MoreHoriz'));
19
20
  var Button = _interopDefault(require('@material-ui/core/Button'));
21
+ var core = require('@material-ui/core');
20
22
  var useScrollPosition = require('@n8tb1t/use-scroll-position');
21
23
 
22
24
  function _arrayLikeToArray(r, a) {
@@ -185,9 +187,19 @@ function _finallyRethrows(body, finalizer) {
185
187
  return finalizer(false, result);
186
188
  }
187
189
 
188
- 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"};
190
+ 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"};
189
191
 
190
- 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}
192
+ function r(e) {
193
+ var t,
194
+ f,
195
+ n = "";
196
+ 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);
197
+ return n;
198
+ }
199
+ function clsx() {
200
+ for (var e, t, f = 0, n = ""; f < arguments.length;) (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
201
+ return n;
202
+ }
191
203
 
192
204
  var GetInputType = React__default.forwardRef(function (props, ref) {
193
205
  var _p = props._p,
@@ -413,9 +425,6 @@ var userAddEditUrl = {
413
425
  setDefaultCard: function setDefaultCard(pmId, vendorId) {
414
426
  return env.getPaymentUrl() + "/api/v1/card/default";
415
427
  },
416
- disablePaymentCard: function disablePaymentCard() {
417
- return env.getPaymentUrl() + "/api/v1/payment/card-management/card/status";
418
- },
419
428
  verifyUserInfo: function verifyUserInfo(userId) {
420
429
  return "api/v1/onboarding/user-sign-up-info/" + userId + "?company_id=" + IUILocalStorageService.getCompanyId();
421
430
  },
@@ -830,9 +839,7 @@ var UserRole = function UserRole(_ref) {
830
839
  }));
831
840
  };
832
841
 
833
- 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"};
834
-
835
- 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"};
842
+ 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"};
836
843
 
837
844
  var SHOW_LOADER = 'SHOW_LOADER';
838
845
  var STOP_LOADER = 'STOP_LOADER';
@@ -892,9 +899,6 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
892
899
  approvers: {},
893
900
  requested_user_is_admin: payload.isCardsAdmin
894
901
  };
895
- if (payload.send_welcome_email !== undefined) {
896
- res.should_send_welcome_email = payload.send_welcome_email;
897
- }
898
902
  var userTags = [];
899
903
  for (var key in payload.userTagType) {
900
904
  if (Object.hasOwnProperty.call(payload.userTagType, key) && payload.userTagType[key]) {
@@ -936,17 +940,10 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
936
940
  res.membership_info = payload.membershipInfoInput.filter(function (membership) {
937
941
  return !membership.isDeleted;
938
942
  }).map(function (membership) {
939
- var _ref = membership || {},
940
- _ref$iata_code = _ref.iata_code,
941
- iata_code = _ref$iata_code === void 0 ? null : _ref$iata_code,
942
- _ref$loyalty_program_ = _ref.loyalty_program_id,
943
- loyalty_program_id = _ref$loyalty_program_ === void 0 ? null : _ref$loyalty_program_;
944
943
  var res = {
945
944
  membership_type: membership.membership_type,
946
945
  name: membership.name,
947
- number: membership.number,
948
- iata_code: iata_code,
949
- loyalty_program_id: loyalty_program_id
946
+ number: membership.number
950
947
  };
951
948
  return res;
952
949
  });
@@ -1124,18 +1121,11 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
1124
1121
  res.fields.membership_info = payload.membershipInfoInput.filter(function (membership) {
1125
1122
  return !!membership.isEditMode;
1126
1123
  }).map(function (membership) {
1127
- var _ref2 = membership || {},
1128
- _ref2$iata_code = _ref2.iata_code,
1129
- iata_code = _ref2$iata_code === void 0 ? null : _ref2$iata_code,
1130
- _ref2$loyalty_program = _ref2.loyalty_program_id,
1131
- loyalty_program_id = _ref2$loyalty_program === void 0 ? null : _ref2$loyalty_program;
1132
1124
  var res = {
1133
1125
  membership_type: membership.membership_type,
1134
1126
  name: membership.name,
1135
1127
  number: membership.number,
1136
- id: membership.id,
1137
- iata_code: iata_code,
1138
- loyalty_program_id: loyalty_program_id
1128
+ id: membership.id
1139
1129
  };
1140
1130
  return res;
1141
1131
  }).concat(payload.membershipInfoInput.filter(function (membership) {
@@ -1841,13 +1831,13 @@ var setDefaultPaymentCard = function setDefaultPaymentCard(payload) {
1841
1831
  });
1842
1832
  dispatch(setPaymentDetails(_paymentDetails));
1843
1833
  } else {
1844
- var _res$data4;
1845
- 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.');
1834
+ var _res$data3;
1835
+ 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.');
1846
1836
  reject(res);
1847
1837
  }
1848
1838
  })["catch"](function (err) {
1849
- var _err$response16, _err$response16$data;
1850
- 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.');
1839
+ var _err$response15, _err$response15$data;
1840
+ 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.');
1851
1841
  reject(err);
1852
1842
  })["finally"](function () {
1853
1843
  dispatch(stopLoader());
@@ -1862,16 +1852,16 @@ var verifyUserInfo = function verifyUserInfo(userId) {
1862
1852
  if (res.data.status === 200) {
1863
1853
  resolve(res.data.result);
1864
1854
  } else {
1865
- var _res$data5;
1866
- 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.');
1855
+ var _res$data4;
1856
+ 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.');
1867
1857
  setTimeout(function () {
1868
1858
  window.history.back();
1869
1859
  }, 1000);
1870
1860
  reject(res);
1871
1861
  }
1872
1862
  })["catch"](function (err) {
1873
- var _err$response17, _err$response17$data;
1874
- 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.');
1863
+ var _err$response16, _err$response16$data;
1864
+ 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.');
1875
1865
  setTimeout(function () {
1876
1866
  window.history.back();
1877
1867
  }, 1000);
@@ -1886,8 +1876,8 @@ var submitAddModalData = function submitAddModalData(tableName, data) {
1886
1876
  api$2.post(tableName === 'department' ? departmentUrl.departmentUrl() : userAddEditUrl.dropdownList() + ("?action=add&table=" + tableName), data).then(function (res) {
1887
1877
  resolve(res);
1888
1878
  })["catch"](function (err) {
1889
- var _err$response18, _err$response18$data;
1890
- 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.');
1879
+ var _err$response17, _err$response17$data;
1880
+ 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.');
1891
1881
  dispatch(stopLoader());
1892
1882
  });
1893
1883
  });
@@ -1900,13 +1890,13 @@ var rejectUserVerification = function rejectUserVerification(userId) {
1900
1890
  if (res.data.status === true) {
1901
1891
  resolve(res.data);
1902
1892
  } else {
1903
- var _res$data6;
1904
- 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.');
1893
+ var _res$data5;
1894
+ 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.');
1905
1895
  reject(res);
1906
1896
  }
1907
1897
  })["catch"](function (err) {
1908
- var _err$response19, _err$response19$data;
1909
- 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.');
1898
+ var _err$response18, _err$response18$data;
1899
+ 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.');
1910
1900
  reject(err);
1911
1901
  });
1912
1902
  });
@@ -2241,646 +2231,86 @@ var editCustomFieldLabel = function editCustomFieldLabel(payload) {
2241
2231
  };
2242
2232
  };
2243
2233
 
2244
- function Alipay(props) {
2245
- return /*#__PURE__*/React__default.createElement("svg", _extends({
2246
- xmlns: "http://www.w3.org/2000/svg",
2247
- xmlSpace: "preserve",
2248
- width: 780,
2249
- height: 500
2250
- }, props), /*#__PURE__*/React__default.createElement("path", {
2251
- fill: "#fff",
2252
- 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"
2253
- }), /*#__PURE__*/React__default.createElement("path", {
2254
- fill: "#2BA6DF",
2255
- 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"
2256
- }), /*#__PURE__*/React__default.createElement("path", {
2257
- fill: "#2BA6DF",
2258
- 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"
2259
- }), /*#__PURE__*/React__default.createElement("path", {
2260
- fill: "#3F3A39",
2261
- 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"
2262
- }), /*#__PURE__*/React__default.createElement("ellipse", {
2263
- cx: 433.4,
2264
- cy: 204.1,
2265
- fill: "#2BA6DF",
2266
- rx: 9.602,
2267
- ry: 8.5
2268
- }), /*#__PURE__*/React__default.createElement("path", {
2269
- fill: "#3F3A39",
2270
- 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"
2271
- }));
2272
- }
2273
-
2274
- function Amex(props) {
2275
- return /*#__PURE__*/React__default.createElement("svg", _extends({
2276
- xmlns: "http://www.w3.org/2000/svg",
2277
- xmlSpace: "preserve",
2278
- width: 780,
2279
- height: 500
2280
- }, props), /*#__PURE__*/React__default.createElement("path", {
2281
- fill: "#2557D6",
2282
- 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"
2283
- }), /*#__PURE__*/React__default.createElement("path", {
2284
- fill: "#fff",
2285
- 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"
2286
- }));
2287
- }
2288
-
2289
- var Diners = function Diners(props) {
2290
- return /*#__PURE__*/React__default.createElement("svg", _extends({
2291
- xmlns: "http://www.w3.org/2000/svg",
2292
- xmlSpace: "preserve",
2293
- width: 780,
2294
- height: 500,
2295
- viewBox: "0 0 780 500"
2296
- }, props), /*#__PURE__*/React__default.createElement("path", {
2297
- fill: "#0079BE",
2298
- 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"
2299
- }), /*#__PURE__*/React__default.createElement("path", {
2300
- fill: "#fff",
2301
- 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"
2302
- }), /*#__PURE__*/React__default.createElement("path", {
2303
- fill: "#0079BE",
2304
- 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"
2305
- }), /*#__PURE__*/React__default.createElement("path", {
2306
- fill: "#fff",
2307
- 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"
2308
- }));
2309
- };
2310
-
2311
- var Discover = function Discover(props) {
2312
- return /*#__PURE__*/React__default.createElement("svg", _extends({
2313
- xmlns: "http://www.w3.org/2000/svg",
2314
- width: 780,
2315
- height: 500,
2316
- viewBox: "0 0 780 501"
2317
- }, props), /*#__PURE__*/React__default.createElement("g", {
2318
- fillRule: "evenodd"
2319
- }, /*#__PURE__*/React__default.createElement("path", {
2320
- fill: "#4D4D4D",
2321
- 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"
2322
- }), /*#__PURE__*/React__default.createElement("path", {
2323
- fill: "#FFF",
2324
- 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"
2325
- }), /*#__PURE__*/React__default.createElement("path", {
2326
- fill: "#F47216",
2327
- 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"
2328
- })));
2329
- };
2330
-
2331
- var Elo = function Elo(props) {
2332
- return /*#__PURE__*/React__default.createElement("svg", _extends({
2333
- xmlns: "http://www.w3.org/2000/svg",
2334
- xmlSpace: "preserve",
2335
- width: 780,
2336
- height: 500,
2337
- viewBox: "0 0 780 500"
2338
- }, props), /*#__PURE__*/React__default.createElement("path", {
2339
- 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"
2340
- }), /*#__PURE__*/React__default.createElement("path", {
2341
- fill: "#FFF100",
2342
- 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"
2343
- }), /*#__PURE__*/React__default.createElement("path", {
2344
- fill: "#00A3DF",
2345
- 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"
2346
- }), /*#__PURE__*/React__default.createElement("path", {
2347
- fill: "#EE4023",
2348
- 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"
2349
- }), /*#__PURE__*/React__default.createElement("path", {
2350
- fill: "#fff",
2351
- 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"
2352
- }));
2353
- };
2354
-
2355
- var Generic = function Generic(props) {
2356
- return /*#__PURE__*/React__default.createElement("svg", _extends({
2357
- xmlns: "http://www.w3.org/2000/svg",
2358
- xmlSpace: "preserve",
2359
- width: 780,
2360
- height: 500
2361
- }, props), /*#__PURE__*/React__default.createElement("path", {
2362
- fill: "#000C9D",
2363
- 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"
2364
- }), /*#__PURE__*/React__default.createElement("path", {
2365
- fill: "#9D9400",
2366
- d: "M66.908 106.91h110.32v99.679H66.908z"
2367
- }), /*#__PURE__*/React__default.createElement("path", {
2368
- fill: "#fff",
2369
- 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"
2370
- }), /*#__PURE__*/React__default.createElement("path", {
2371
- fill: "#fff",
2372
- fillOpacity: 0.784,
2373
- 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"
2374
- }));
2375
- };
2376
-
2377
- var Hiper = function Hiper(props) {
2378
- return /*#__PURE__*/React__default.createElement("svg", _extends({
2379
- xmlns: "http://www.w3.org/2000/svg",
2380
- xmlSpace: "preserve",
2381
- viewBox: "0 0 780 500"
2382
- }, props), /*#__PURE__*/React__default.createElement("style", null, ".hiper_svg__st1{fill:#fff}"), /*#__PURE__*/React__default.createElement("path", {
2383
- 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",
2384
- fill: "#f37421"
2385
- }), /*#__PURE__*/React__default.createElement("path", {
2386
- className: "hiper_svg__st1",
2387
- 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"
2388
- }), /*#__PURE__*/React__default.createElement("path", {
2389
- 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",
2390
- fill: "#ffe700",
2391
- fillRule: "evenodd",
2392
- clipRule: "evenodd"
2393
- }), /*#__PURE__*/React__default.createElement("path", {
2394
- 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",
2395
- fill: "#fff",
2396
- fillRule: "evenodd",
2397
- clipRule: "evenodd"
2398
- }));
2399
- };
2400
-
2401
- var Hipercard = function Hipercard(props) {
2402
- return /*#__PURE__*/React__default.createElement("svg", _extends({
2403
- xmlns: "http://www.w3.org/2000/svg",
2404
- xmlSpace: "preserve",
2405
- viewBox: "0 0 780 500"
2406
- }, props), /*#__PURE__*/React__default.createElement("path", {
2407
- 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",
2408
- fill: "#fff"
2409
- }), /*#__PURE__*/React__default.createElement("path", {
2410
- fill: "#B3131B",
2411
- className: "hiper_svg__st1",
2412
- 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"
2413
- }));
2414
- };
2415
-
2416
- var Jcb = function Jcb(props) {
2417
- return /*#__PURE__*/React__default.createElement("svg", _extends({
2418
- xmlns: "http://www.w3.org/2000/svg",
2419
- viewBox: "0 0 780 500"
2420
- }, props), /*#__PURE__*/React__default.createElement("path", {
2421
- fill: "#0E4C96",
2422
- 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"
2423
- }), /*#__PURE__*/React__default.createElement("path", {
2424
- fill: "#fff",
2425
- 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"
2426
- }), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("linearGradient", {
2427
- id: "jcb-a",
2428
- x1: "0",
2429
- x2: "1"
2430
- }, /*#__PURE__*/React__default.createElement("stop", {
2431
- offset: "0",
2432
- stopColor: "#007B40"
2433
- }), /*#__PURE__*/React__default.createElement("stop", {
2434
- offset: "1",
2435
- stopColor: "#55B330"
2436
- })), /*#__PURE__*/React__default.createElement("linearGradient", {
2437
- id: "jcb-b",
2438
- x1: "0",
2439
- x2: "1"
2440
- }, /*#__PURE__*/React__default.createElement("stop", {
2441
- offset: "0",
2442
- stopColor: "#1D2970"
2443
- }), /*#__PURE__*/React__default.createElement("stop", {
2444
- offset: "1",
2445
- stopColor: "#006DBA"
2446
- })), /*#__PURE__*/React__default.createElement("linearGradient", {
2447
- id: "jcb-d",
2448
- x1: "0",
2449
- x2: "1"
2450
- }, /*#__PURE__*/React__default.createElement("stop", {
2451
- offset: "0",
2452
- stopColor: "#6E2B2F"
2453
- }), /*#__PURE__*/React__default.createElement("stop", {
2454
- offset: "1",
2455
- stopColor: "#E30138"
2456
- }))), /*#__PURE__*/React__default.createElement("path", {
2457
- fill: "url(#jcb-a)",
2458
- d: "M498.86 256.54c11.684.253 23.437-.516 35.076.4..."
2459
- }), /*#__PURE__*/React__default.createElement("path", {
2460
- fill: "url(#jcb-b)",
2461
- d: "M174.74 139.54c.674-27.163 24.889-50.611..."
2462
- }), /*#__PURE__*/React__default.createElement("path", {
2463
- fill: "url(#jcb-d)",
2464
- d: "M324.72 211.89c-2.434.517-.489-8.301..."
2465
- }));
2466
- };
2467
-
2468
- var Maestro = function Maestro(props) {
2469
- return /*#__PURE__*/React__default.createElement("svg", _extends({
2470
- xmlns: "http://www.w3.org/2000/svg",
2471
- viewBox: "0 0 780 500"
2472
- }, props), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
2473
- id: "maestro-clip"
2474
- }, /*#__PURE__*/React__default.createElement("rect", {
2475
- width: "780",
2476
- height: "500"
2477
- }))), /*#__PURE__*/React__default.createElement("g", {
2478
- clipPath: "url(#maestro-clip)"
2479
- }, /*#__PURE__*/React__default.createElement("path", {
2480
- fill: "#000",
2481
- 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"
2482
- }), /*#__PURE__*/React__default.createElement("path", {
2483
- fill: "#7673C0",
2484
- d: "M465.769 69.048H314.195V341.45h151.574z"
2485
- }), /*#__PURE__*/React__default.createElement("path", {
2486
- fill: "#EB001B",
2487
- 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"
2488
- }), /*#__PURE__*/React__default.createElement("path", {
2489
- fill: "#00A1DF",
2490
- 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"
2491
- })));
2492
- };
2493
-
2494
- var Mastercard = function Mastercard(props) {
2495
- return /*#__PURE__*/React__default.createElement("svg", _extends({
2496
- xmlns: "http://www.w3.org/2000/svg",
2497
- width: 780,
2498
- height: 500,
2499
- fill: "none"
2500
- }, props), /*#__PURE__*/React__default.createElement("g", {
2501
- clipPath: "url(#mastercard_svg__a)"
2502
- }, /*#__PURE__*/React__default.createElement("path", {
2503
- fill: "#253747",
2504
- 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"
2505
- }), /*#__PURE__*/React__default.createElement("path", {
2506
- fill: "#fff",
2507
- 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"
2508
- }), /*#__PURE__*/React__default.createElement("path", {
2509
- fill: "#FF5A00",
2510
- d: "M465.738 69.139H313.812v272.949h151.926z"
2511
- }), /*#__PURE__*/React__default.createElement("path", {
2512
- fill: "#EB001B",
2513
- 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"
2514
- }), /*#__PURE__*/React__default.createElement("path", {
2515
- fill: "#F79E1B",
2516
- 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"
2517
- })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
2518
- id: "mastercard_svg__a"
2519
- }, /*#__PURE__*/React__default.createElement("path", {
2520
- fill: "#fff",
2521
- d: "M0 0h780v500H0z"
2522
- }))));
2523
- };
2524
-
2525
- var Mir = function Mir(props) {
2526
- return /*#__PURE__*/React__default.createElement("svg", _extends({
2527
- xmlns: "http://www.w3.org/2000/svg",
2528
- viewBox: "0 0 780 500"
2529
- }, props), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("linearGradient", {
2530
- id: "mir-gradient",
2531
- x1: "0",
2532
- y1: "0",
2533
- x2: "1",
2534
- y2: "0",
2535
- gradientUnits: "userSpaceOnUse",
2536
- gradientTransform: "matrix(201.7633 0 0 -79 0 0)"
2537
- }, /*#__PURE__*/React__default.createElement("stop", {
2538
- offset: "0",
2539
- stopColor: "#00a0e5"
2540
- }), /*#__PURE__*/React__default.createElement("stop", {
2541
- offset: "1",
2542
- stopColor: "#0077c3"
2543
- }))), /*#__PURE__*/React__default.createElement("path", {
2544
- fill: "#fff",
2545
- 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"
2546
- }), /*#__PURE__*/React__default.createElement("path", {
2547
- fill: "#37a72e",
2548
- d: "M544.1 240.5v108h60v-64h68c28.6-.2 52.9-18.5 62.1-44z"
2549
- }), /*#__PURE__*/React__default.createElement("path", {
2550
- fill: "url(#mir-gradient)",
2551
- 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"
2552
- }), /*#__PURE__*/React__default.createElement("path", {
2553
- fill: "#37a72e",
2554
- 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"
2555
- }), /*#__PURE__*/React__default.createElement("path", {
2556
- fill: "#37a72e",
2557
- 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"
2558
- }));
2559
- };
2560
-
2561
- var Paypal = function Paypal(props) {
2562
- return /*#__PURE__*/React__default.createElement("svg", _extends({
2563
- xmlns: "http://www.w3.org/2000/svg",
2564
- viewBox: "0 0 780 500"
2565
- }, props), /*#__PURE__*/React__default.createElement("path", {
2566
- fill: "#fff",
2567
- 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"
2568
- }), /*#__PURE__*/React__default.createElement("path", {
2569
- fill: "#003087",
2570
- 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"
2571
- }), /*#__PURE__*/React__default.createElement("path", {
2572
- fill: "#009CDE",
2573
- 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"
2574
- }), /*#__PURE__*/React__default.createElement("path", {
2575
- fill: "#003087",
2576
- 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"
2577
- }), /*#__PURE__*/React__default.createElement("path", {
2578
- fill: "#009CDE",
2579
- 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"
2580
- }));
2581
- };
2582
-
2583
- var Unionpay = function Unionpay(props) {
2584
- return /*#__PURE__*/React__default.createElement("svg", _extends({
2585
- xmlns: "http://www.w3.org/2000/svg",
2586
- xmlSpace: "preserve",
2587
- width: 780,
2588
- height: 500,
2589
- viewBox: "0 0 780 500"
2590
- }, props), /*#__PURE__*/React__default.createElement("path", {
2591
- fill: "#fff",
2592
- 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"
2593
- }), /*#__PURE__*/React__default.createElement("path", {
2594
- fill: "#D10429",
2595
- 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"
2596
- }), /*#__PURE__*/React__default.createElement("path", {
2597
- fill: "#022E64",
2598
- 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"
2599
- }), /*#__PURE__*/React__default.createElement("path", {
2600
- fill: "#076F74",
2601
- 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"
2602
- }), /*#__PURE__*/React__default.createElement("path", {
2603
- fill: "#FEFEFE",
2604
- 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"
2605
- }), /*#__PURE__*/React__default.createElement("path", {
2606
- fill: "#FEFEFE",
2607
- 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"
2608
- }), /*#__PURE__*/React__default.createElement("path", {
2609
- fill: "#FEFEFE",
2610
- 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"
2611
- }), /*#__PURE__*/React__default.createElement("path", {
2612
- fill: "#FEFEFE",
2613
- 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"
2614
- }), /*#__PURE__*/React__default.createElement("path", {
2615
- fill: "#FEFEFE",
2616
- 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"
2617
- }));
2618
- };
2619
-
2620
- var Visa = function Visa(props) {
2621
- return /*#__PURE__*/React__default.createElement("svg", _extends({
2622
- xmlns: "http://www.w3.org/2000/svg",
2623
- width: 40,
2624
- height: 25.64,
2625
- viewBox: "0 0 780 500",
2626
- fill: "none"
2627
- }, props), /*#__PURE__*/React__default.createElement("g", {
2628
- clipPath: "url(#visa_svg__a)"
2629
- }, /*#__PURE__*/React__default.createElement("path", {
2630
- fill: "#1434CB",
2631
- 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"
2632
- }), /*#__PURE__*/React__default.createElement("path", {
2633
- fill: "#fff",
2634
- 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"
2635
- })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
2636
- id: "visa_svg__a"
2637
- }, /*#__PURE__*/React__default.createElement("path", {
2638
- fill: "#fff",
2639
- d: "M0 0h780v500H0z"
2640
- }))));
2641
- };
2642
-
2643
2234
  var IUILocalStorageService$4 = utils.services.IUILocalStorageService;
2644
2235
  var env$3 = utils.configs.env;
2645
- var CardsManagement = function CardsManagement(_ref) {
2646
- var _selectedCard$metadat, _pg$gateway;
2647
- var _ref$paymentDetails = _ref.paymentDetails,
2648
- paymentDetails = _ref$paymentDetails === void 0 ? {} : _ref$paymentDetails,
2649
- _ref$paymentMethod = _ref.paymentMethod,
2650
- paymentMethod = _ref$paymentMethod === void 0 ? null : _ref$paymentMethod,
2651
- _ref$sendLog = _ref.sendLog,
2652
- sendLog = _ref$sendLog === void 0 ? function () {} : _ref$sendLog;
2236
+ var CreditCard = function CreditCard(_ref) {
2237
+ var cardId = _ref.cardId,
2238
+ lastDigit = _ref.lastDigit,
2239
+ expMonth = _ref.expMonth,
2240
+ expYear = _ref.expYear,
2241
+ cardBrand = _ref.cardBrand,
2242
+ _ref$isDefaultCard = _ref.isDefaultCard,
2243
+ isDefaultCard = _ref$isDefaultCard === void 0 ? false : _ref$isDefaultCard,
2244
+ pg = _ref.pg;
2653
2245
  var dispatch = reactRedux.useDispatch();
2654
- var _ref2 = paymentDetails || {},
2655
- _ref2$pg = _ref2.pg,
2656
- pg = _ref2$pg === void 0 ? null : _ref2$pg,
2657
- _ref2$cards = _ref2.cards,
2658
- cards = _ref2$cards === void 0 ? null : _ref2$cards;
2659
- var _useState = React.useState(null),
2660
- anchorEl = _useState[0],
2661
- setAnchorEl = _useState[1];
2662
- var _useState2 = React.useState(null),
2663
- selectedCard = _useState2[0],
2664
- setSelectedCard = _useState2[1];
2665
- var handleMenuClick = function handleMenuClick(event, card) {
2666
- setAnchorEl(event.currentTarget);
2667
- setSelectedCard(card);
2668
- };
2669
- var handleMenuClose = function handleMenuClose() {
2670
- setAnchorEl(null);
2671
- setSelectedCard(null);
2672
- };
2673
- var handleMarkAsDefault = function handleMarkAsDefault() {
2674
- var _selectedCard$card;
2675
- if (!pg || !selectedCard) return;
2676
- sendLog({
2677
- eventName: 'edit_card_clicked',
2678
- customProperties: {
2679
- action_type: 'Make default',
2680
- card_last4: (selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$card = selectedCard.card) === null || _selectedCard$card === void 0 ? void 0 : _selectedCard$card.last4) || ''
2681
- },
2682
- logImpression: true
2683
- });
2684
- dispatch(setDefaultPaymentCard({
2685
- user_id: +pg.user_id,
2686
- method_id: selectedCard.id,
2687
- vendor_id: +pg.vendor_id,
2688
- app_type: 1
2689
- }));
2690
- handleMenuClose();
2691
- };
2692
- var handleDeleteCard = function handleDeleteCard() {
2693
- var _selectedCard$card2;
2694
- sendLog({
2695
- eventName: 'edit_card_clicked',
2696
- customProperties: {
2697
- action_type: 'Delete',
2698
- card_last4: (selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$card2 = selectedCard.card) === null || _selectedCard$card2 === void 0 ? void 0 : _selectedCard$card2.last4) || ''
2699
- },
2700
- logImpression: true
2701
- });
2246
+ var handleCardDelete = function handleCardDelete() {
2702
2247
  dispatch(deletePaymentCard({
2703
- pmId: selectedCard.id,
2248
+ pmId: cardId,
2704
2249
  vendorId: pg.vendor_id
2705
2250
  }));
2706
- handleMenuClose();
2707
- };
2708
- var getBrandLogo = function getBrandLogo(brand) {
2709
- var width = 40;
2710
- var aspectRatio = 780 / 500;
2711
- var defaultType = 'generic';
2712
- var formatedType = brand || defaultType;
2713
- var sanitizedType = (formatedType || brand).replace(/[-_]/g, '');
2714
- var cardProvider = sanitizedType.charAt(0).toUpperCase() + sanitizedType.slice(1);
2715
- var cardComponents = {
2716
- Alipay: Alipay,
2717
- Amex: Amex,
2718
- Diners: Diners,
2719
- Discover: Discover,
2720
- Elo: Elo,
2721
- Generic: Generic,
2722
- Hiper: Hiper,
2723
- Hipercard: Hipercard,
2724
- Jcb: Jcb,
2725
- Maestro: Maestro,
2726
- Mastercard: Mastercard,
2727
- Mir: Mir,
2728
- Paypal: Paypal,
2729
- Unionpay: Unionpay,
2730
- Visa: Visa
2731
- };
2732
- var CardComponent = cardComponents[cardProvider] || Generic;
2733
- return /*#__PURE__*/React__default.createElement(CardComponent, {
2734
- width: width,
2735
- height: width / aspectRatio,
2736
- viewBox: "0 0 780 500"
2737
- });
2738
- };
2739
- var getCardTypeClass = function getCardTypeClass(category) {
2740
- return category === 'Corporate' ? 'corporate' : category === 'Company' ? 'company' : 'personal';
2741
- };
2742
- var getCardTypeLabel = function getCardTypeLabel(category) {
2743
- return category === 'Corporate' ? 'CORPORATE' : category === 'Company' ? 'COMPANY' : 'PERSONAL';
2744
- };
2745
- var MoreIcon = function MoreIcon(_ref3) {
2746
- var _ref3$color = _ref3.color,
2747
- color = _ref3$color === void 0 ? '#3D89FF' : _ref3$color,
2748
- className = _ref3.className;
2749
- return /*#__PURE__*/React__default.createElement("svg", {
2750
- width: "16",
2751
- height: "16",
2752
- viewBox: "0 0 16 16",
2753
- fill: "none",
2754
- className: className
2755
- }, /*#__PURE__*/React__default.createElement("path", {
2756
- 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",
2757
- stroke: color,
2758
- strokeLinecap: "round",
2759
- strokeLinejoin: "round"
2760
- }), /*#__PURE__*/React__default.createElement("path", {
2761
- 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",
2762
- stroke: color,
2763
- strokeLinecap: "round",
2764
- strokeLinejoin: "round"
2765
- }), /*#__PURE__*/React__default.createElement("path", {
2766
- 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",
2767
- stroke: color,
2768
- strokeLinecap: "round",
2769
- strokeLinejoin: "round"
2770
- }));
2771
2251
  };
2772
- var LockIcon = function LockIcon(_ref4) {
2773
- return /*#__PURE__*/React__default.createElement("svg", {
2774
- xmlns: "http://www.w3.org/2000/svg",
2775
- width: "16",
2776
- height: "16",
2777
- viewBox: "0 0 16 16",
2778
- fill: "none"
2779
- }, /*#__PURE__*/React__default.createElement("path", {
2780
- 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",
2781
- fill: "#2EA363"
2252
+ var setDefaultCard = function setDefaultCard() {
2253
+ dispatch(setDefaultPaymentCard({
2254
+ user_id: +pg.user_id,
2255
+ method_id: cardId,
2256
+ vendor_id: +pg.vendor_id,
2257
+ app_type: 1
2782
2258
  }));
2783
2259
  };
2784
- var personalCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
2785
- return (card === null || card === void 0 ? void 0 : card.category) === 'Personal';
2786
- });
2787
- var corporateCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
2788
- return (card === null || card === void 0 ? void 0 : card.category) === 'Corporate';
2789
- });
2790
- var companyCards = cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
2791
- return (card === null || card === void 0 ? void 0 : card.category) === 'Company';
2792
- });
2793
- var cardsCount = (personalCards === null || personalCards === void 0 ? void 0 : personalCards.length) + (corporateCards === null || corporateCards === void 0 ? void 0 : corporateCards.length);
2794
- var renderCard = function renderCard(card) {
2795
- var _card$metadata, _card$metadata2, _clsx, _card$card, _card$card2, _card$card3, _card$card4;
2796
- console.log('_paymentDetails2', card, cards);
2797
- var isCompanyCard = (card === null || card === void 0 ? void 0 : card.category) === 'Company';
2798
- var cardClass = getCardTypeClass(card === null || card === void 0 ? void 0 : card.category);
2799
- var isDefaultCard = !!+(card === null || card === void 0 ? void 0 : (_card$metadata = card.metadata) === null || _card$metadata === void 0 ? void 0 : _card$metadata.default_card);
2800
- 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';
2801
- var showMenuButton = cardsCount === 1 || cardsCount > 1 && !isDefaultCard;
2802
- return /*#__PURE__*/React__default.createElement("div", {
2803
- key: card.id,
2804
- className: clsx(classes.card, classes[cardClass], (_clsx = {}, _clsx[classes.disabledCard] = isDisabled, _clsx))
2805
- }, /*#__PURE__*/React__default.createElement("div", {
2806
- className: classes.cardHeader
2807
- }, /*#__PURE__*/React__default.createElement("div", {
2808
- className: classes.cardTitleSection
2809
- }, /*#__PURE__*/React__default.createElement("h3", {
2810
- className: classes.cardName
2811
- }, card === null || card === void 0 ? void 0 : card.alias), /*#__PURE__*/React__default.createElement("span", {
2812
- className: classes.cardType
2813
- }, getCardTypeLabel(card.category), isDefaultCard && /*#__PURE__*/React__default.createElement("span", null, ' (Default)'))), isCompanyCard ? /*#__PURE__*/React__default.createElement(LockIcon, {
2814
- className: classes.lockIcon
2815
- }) : showMenuButton ? /*#__PURE__*/React__default.createElement(core.IconButton, {
2816
- size: "small",
2817
- onClick: function onClick(e) {
2818
- return handleMenuClick(e, card);
2819
- },
2820
- className: classes.menuButton
2821
- }, /*#__PURE__*/React__default.createElement(MoreIcon, {
2822
- className: clsx(classes.moreIcon, classes[cardClass]),
2823
- color: isCompanyCard ? '#2EA363' : '#3D89FF'
2824
- })) : null), /*#__PURE__*/React__default.createElement("div", {
2825
- className: classes.cardDetails
2826
- }, /*#__PURE__*/React__default.createElement("div", {
2827
- className: classes.cardNumber
2828
- }, /*#__PURE__*/React__default.createElement("span", {
2829
- className: classes.cardMaskedNumber
2830
- }, "\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__default.createElement("div", {
2831
- className: classes.cardExpiry
2832
- }, "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__default.createElement("div", {
2833
- className: classes.cardCvv
2834
- }, "CVV \u2022\u2022\u2022")), /*#__PURE__*/React__default.createElement("div", {
2835
- className: classes.cardFooter
2836
- }, /*#__PURE__*/React__default.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)));
2837
- };
2838
- var _url = env$3.getPaymentUrl() + ("/api/v1/auth/" + IUILocalStorageService$4.getAccessToken() + "/1/" + pg.entity_id + "/0/" + pg.vendor_id + "/1");
2839
- 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);
2840
2260
  return /*#__PURE__*/React__default.createElement("div", {
2841
- style: {
2842
- marginBottom: -20
2843
- }
2844
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
2845
- container: true,
2846
- className: clsx(styles$1.sectionWrapper)
2847
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
2848
- item: true,
2849
- sm: 12,
2850
- md: 4
2851
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
2852
- label: "My cards",
2853
- headerType: true,
2854
- description: "These are personal & company issued cards owned by you."
2855
- })), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
2856
- item: true,
2857
- sm: 12,
2858
- md: 8,
2859
- lg: 8,
2860
- xl: 6
2861
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
2862
- container: true,
2863
- className: styles$1.formFieldsWrapper
2864
- }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, paymentMethod === 2 && /*#__PURE__*/React__default.createElement("div", {
2865
- className: classes.disabledNotice
2866
- }, "Company has disabled usage of your personal cards, please reach out to your admin"), /*#__PURE__*/React__default.createElement("div", {
2867
- className: classes.cardsGrid
2868
- }, personalCards.length !== 0 ? personalCards === null || personalCards === void 0 ? void 0 : personalCards.map(function (card) {
2869
- return renderCard(card);
2870
- }) : null, corporateCards.length !== 0 ? corporateCards === null || corporateCards === void 0 ? void 0 : corporateCards.map(function (card) {
2871
- return renderCard(card);
2872
- }) : 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__default.createElement("button", {
2873
- className: classes.addCardButton,
2874
- onClick: function onClick() {
2875
- sendLog({
2876
- eventName: 'add_user_card_clicked',
2877
- logImpression: true
2878
- });
2879
- window.location.assign(_url);
2880
- }
2261
+ className: styles$1.card
2262
+ }, /*#__PURE__*/React__default.createElement("div", {
2263
+ className: styles$1.cardLabel
2264
+ }, isDefaultCard ? /*#__PURE__*/React__default.createElement("span", {
2265
+ className: styles$1.defaultLabel
2266
+ }, "Default Card") : /*#__PURE__*/React__default.createElement("button", {
2267
+ type: "button",
2268
+ onClick: setDefaultCard,
2269
+ className: styles$1.defaultBtn
2270
+ }, "Make This Default")), !isDefaultCard && /*#__PURE__*/React__default.createElement("div", {
2271
+ className: styles$1.cardDeleteBtn
2272
+ }, /*#__PURE__*/React__default.createElement("button", {
2273
+ type: "button",
2274
+ onClick: handleCardDelete
2275
+ }, /*#__PURE__*/React__default.createElement(DeleteIcon, {
2276
+ width: "10",
2277
+ height: "10"
2278
+ }))), /*#__PURE__*/React__default.createElement("div", {
2279
+ className: styles$1.cardNumber
2881
2280
  }, /*#__PURE__*/React__default.createElement("span", {
2882
- className: classes.plusIcon
2883
- }, "+"), " Add card")))))), (companyCards === null || companyCards === void 0 ? void 0 : companyCards.length) !== 0 && /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
2281
+ className: styles$1.cardDigit
2282
+ }, "XXXX"), /*#__PURE__*/React__default.createElement("span", {
2283
+ className: styles$1.cardDigit
2284
+ }, "XXXX"), /*#__PURE__*/React__default.createElement("span", {
2285
+ className: styles$1.cardDigit
2286
+ }, "XXXX"), /*#__PURE__*/React__default.createElement("span", {
2287
+ className: styles$1.cardDigit
2288
+ }, lastDigit)), /*#__PURE__*/React__default.createElement("div", {
2289
+ className: styles$1.expiryDate
2290
+ }, expMonth, " / ", expYear), /*#__PURE__*/React__default.createElement("div", {
2291
+ className: clsx(styles$1.cardImage, styles$1[cardBrand])
2292
+ }));
2293
+ };
2294
+ var AddCard = function AddCard(_ref2) {
2295
+ var pg = _ref2.pg;
2296
+ var _url = env$3.getPaymentUrl() + ("/api/v1/auth/" + IUILocalStorageService$4.getAccessToken() + "/1/" + pg.entity_id + "/0/" + pg.vendor_id + "/1");
2297
+ var handleAddCard = function handleAddCard() {
2298
+ window.location.assign(_url);
2299
+ };
2300
+ return /*#__PURE__*/React__default.createElement("div", {
2301
+ className: clsx(styles$1.card, styles$1.cursonPointer),
2302
+ onClick: handleAddCard
2303
+ }, /*#__PURE__*/React__default.createElement("div", {
2304
+ className: styles$1.addCard
2305
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(AddIcon$1, null)), /*#__PURE__*/React__default.createElement("div", null, "Add New Card")));
2306
+ };
2307
+ var PaymentCards = function PaymentCards(_ref3) {
2308
+ var _paymentDetails$pg, _paymentDetails$pg2;
2309
+ var paymentDetails = _ref3.paymentDetails;
2310
+ 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)) {
2311
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
2312
+ }
2313
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
2884
2314
  className: styles$1.dividerColor
2885
2315
  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
2886
2316
  container: true,
@@ -2890,9 +2320,9 @@ var CardsManagement = function CardsManagement(_ref) {
2890
2320
  sm: 12,
2891
2321
  md: 4
2892
2322
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
2893
- label: "Company cards",
2894
- description: "These are the centralized cards owned by your company.",
2895
- headerType: true
2323
+ label: "Card Details",
2324
+ headerType: true,
2325
+ description: ""
2896
2326
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
2897
2327
  item: true,
2898
2328
  sm: 12,
@@ -2902,50 +2332,20 @@ var CardsManagement = function CardsManagement(_ref) {
2902
2332
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
2903
2333
  container: true,
2904
2334
  className: styles$1.formFieldsWrapper
2905
- }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
2906
- className: classes.cardsGrid
2907
- }, companyCards === null || companyCards === void 0 ? void 0 : companyCards.map(function (card) {
2908
- return renderCard(card);
2909
- }))))))), showMenuButton && /*#__PURE__*/React__default.createElement(core.Menu, {
2910
- anchorEl: anchorEl,
2911
- open: Boolean(anchorEl),
2912
- onClose: handleMenuClose,
2913
- anchorOrigin: {
2914
- vertical: 'top',
2915
- horizontal: 'right'
2916
- },
2917
- transformOrigin: {
2918
- vertical: 'top',
2919
- horizontal: 'right'
2920
- }
2921
- }, selectedCard && !+selectedCard.metadata.default_card && /*#__PURE__*/React__default.createElement(core.MenuItem, {
2922
- onClick: handleMarkAsDefault
2923
- }, "Mark as default"), showMenuButton && /*#__PURE__*/React__default.createElement(core.MenuItem, {
2924
- onClick: handleDeleteCard,
2925
- style: {
2926
- color: '#ff4444'
2927
- }
2928
- }, "Delete card")));
2929
- };
2930
-
2931
- var PaymentCards = function PaymentCards(_ref) {
2932
- var _Object$keys, _paymentDetails$cards, _paymentDetails$pg, _paymentDetails$pg2;
2933
- var _ref$paymentDetails = _ref.paymentDetails,
2934
- paymentDetails = _ref$paymentDetails === void 0 ? {} : _ref$paymentDetails,
2935
- _ref$paymentMethod = _ref.paymentMethod,
2936
- paymentMethod = _ref$paymentMethod === void 0 ? null : _ref$paymentMethod,
2937
- _ref$sendLog = _ref.sendLog,
2938
- sendLog = _ref$sendLog === void 0 ? function () {} : _ref$sendLog;
2939
- 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)) {
2940
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
2941
- }
2942
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
2943
- className: styles$1.dividerColor
2944
- }), /*#__PURE__*/React__default.createElement(CardsManagement, {
2945
- paymentDetails: paymentDetails,
2946
- paymentMethod: paymentMethod,
2947
- sendLog: sendLog
2948
- }));
2335
+ }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, paymentDetails.cards && paymentDetails.cards.map(function (card) {
2336
+ return /*#__PURE__*/React__default.createElement(CreditCard, {
2337
+ key: card.id,
2338
+ cardId: card.id,
2339
+ lastDigit: card.card.last4,
2340
+ expMonth: card.card.exp_month,
2341
+ expYear: card.card.exp_year,
2342
+ cardBrand: card.card.brand,
2343
+ isDefaultCard: !!+card.metadata.default_card,
2344
+ pg: paymentDetails.pg
2345
+ });
2346
+ }), (!paymentDetails.cards || paymentDetails.cards.length < 10) && paymentDetails.pg.gateway.toLowerCase() === 'stripe' && paymentDetails.pg.save_card_enable === 1 && /*#__PURE__*/React__default.createElement(AddCard, {
2347
+ pg: paymentDetails.pg
2348
+ }))))));
2949
2349
  };
2950
2350
 
2951
2351
  function AddIcon(props) {
@@ -3018,11 +2418,7 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
3018
2418
  _props$editUserId = props.editUserId,
3019
2419
  editUserId = _props$editUserId === void 0 ? null : _props$editUserId,
3020
2420
  _props$roles = props.roles,
3021
- roles = _props$roles === void 0 ? [] : _props$roles,
3022
- _props$paymentMethod = props.paymentMethod,
3023
- paymentMethod = _props$paymentMethod === void 0 ? null : _props$paymentMethod,
3024
- _props$sendLog = props.sendLog,
3025
- sendLog = _props$sendLog === void 0 ? function () {} : _props$sendLog;
2421
+ roles = _props$roles === void 0 ? [] : _props$roles;
3026
2422
  var _useState = React.useState({
3027
2423
  product: '',
3028
2424
  approvers: []
@@ -3318,10 +2714,8 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
3318
2714
  isError: !!errMsg[i],
3319
2715
  placeholder: "Example label - \u201CManager\u201D"
3320
2716
  }));
3321
- })))), type === 'travel' && paymentDetails && isProfile && /*#__PURE__*/React__default.createElement(PaymentCards, {
3322
- paymentDetails: paymentDetails,
3323
- paymentMethod: paymentMethod,
3324
- sendLog: sendLog
2717
+ })))), type === 'travel' && isProfile && paymentDetails && /*#__PURE__*/React__default.createElement(PaymentCards, {
2718
+ paymentDetails: paymentDetails
3325
2719
  }));
3326
2720
  };
3327
2721
 
@@ -4076,17 +3470,6 @@ var cardsConstants = {
4076
3470
  fullWidth: false,
4077
3471
  visibility: true,
4078
3472
  disableText: 'Please get in touch with your administrator to change this value.'
4079
- }, {
4080
- id: 3,
4081
- label: 'Bookkeeper',
4082
- description: 'This role is capable of reading all the action for own and other card employees',
4083
- value: '',
4084
- name: '',
4085
- type: 'radio',
4086
- isAssigned: false,
4087
- fullWidth: false,
4088
- visibility: true,
4089
- disableText: 'Please get in touch with your administrator to change this value.'
4090
3473
  }]
4091
3474
  };
4092
3475
  var passportInfo = [{
@@ -5080,7 +4463,6 @@ function withStore(Component) {
5080
4463
  }
5081
4464
 
5082
4465
  var ExpandMoreIcon = function ExpandMoreIcon(props) {
5083
- var fillColor = props.fillColor || '#6B7280';
5084
4466
  return /*#__PURE__*/React__default.createElement("svg", {
5085
4467
  xmlns: "http://www.w3.org/2000/svg",
5086
4468
  width: props.width,
@@ -5088,7 +4470,7 @@ var ExpandMoreIcon = function ExpandMoreIcon(props) {
5088
4470
  fill: "none",
5089
4471
  viewBox: "0 0 12 7"
5090
4472
  }, /*#__PURE__*/React__default.createElement("path", {
5091
- fill: fillColor,
4473
+ fill: "#6B7280",
5092
4474
  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"
5093
4475
  }));
5094
4476
  };
@@ -5106,11 +4488,9 @@ var ExpandLessIcon = function ExpandLessIcon(props) {
5106
4488
  }));
5107
4489
  };
5108
4490
 
5109
- 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"};
4491
+ 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"};
5110
4492
 
5111
- var ChevronNext = function ChevronNext(_ref) {
5112
- var _ref$color = _ref.color,
5113
- color = _ref$color === void 0 ? '#9CA3AF' : _ref$color;
4493
+ var ChevronNext = function ChevronNext() {
5114
4494
  return /*#__PURE__*/React__default.createElement("svg", {
5115
4495
  xmlns: "http://www.w3.org/2000/svg",
5116
4496
  width: "8",
@@ -5118,111 +4498,13 @@ var ChevronNext = function ChevronNext(_ref) {
5118
4498
  fill: "none",
5119
4499
  viewBox: "0 0 8 16"
5120
4500
  }, /*#__PURE__*/React__default.createElement("path", {
5121
- stroke: color,
4501
+ stroke: "#9CA3AF",
5122
4502
  strokeLinecap: "round",
5123
4503
  strokeLinejoin: "round",
5124
4504
  d: "M2 4l4 4-4 4"
5125
4505
  }));
5126
4506
  };
5127
4507
 
5128
- var sixteenDigitNumber = /^\d{16}$/;
5129
- var MembershipForm = function MembershipForm(_ref) {
5130
- var selectedMembershipChain = _ref.selectedMembershipChain,
5131
- isOtherMembership = _ref.isOtherMembership,
5132
- membershipName = _ref.membershipName,
5133
- membershipNumber = _ref.membershipNumber,
5134
- setMembershipName = _ref.setMembershipName,
5135
- setMembershipNumber = _ref.setMembershipNumber,
5136
- type = _ref.type,
5137
- isEdit = _ref.isEdit,
5138
- _ref$isAAAloyaltySele = _ref.isAAAloyaltySelected,
5139
- isAAAloyaltySelected = _ref$isAAAloyaltySele === void 0 ? false : _ref$isAAAloyaltySele;
5140
- var FallbackIcon = function FallbackIcon() {
5141
- var url = '';
5142
- if (type === 'flight') {
5143
- url = 'https://d2n81k4sk1bpk1.cloudfront.net/dashboard/flightmemfallback.png';
5144
- } else if (type === 'hotel') {
5145
- url = 'https://d2n81k4sk1bpk1.cloudfront.net/dashboard/hotelmemfallback.png';
5146
- } else {
5147
- url = 'https://d2n81k4sk1bpk1.cloudfront.net/dashboard/carmemfallback.png';
5148
- }
5149
- return /*#__PURE__*/React__default.createElement("div", {
5150
- className: styles$3.newMembershipIcon
5151
- }, /*#__PURE__*/React__default.createElement("img", {
5152
- src: url
5153
- }));
5154
- };
5155
- var placeholder = 'e.g. SkyMiles';
5156
- if (type === 'hotel') {
5157
- placeholder = 'e.g. Best Western';
5158
- }
5159
- if (type === 'rental_car') {
5160
- placeholder = 'e.g. Firefly Car Rental';
5161
- }
5162
- return /*#__PURE__*/React__default.createElement("div", {
5163
- className: styles$3.saveMembership
5164
- }, isOtherMembership ? /*#__PURE__*/React__default.createElement("div", {
5165
- className: styles$3.addNewMembership
5166
- }, /*#__PURE__*/React__default.createElement("div", {
5167
- className: styles$3.membershipChainInfo
5168
- }, /*#__PURE__*/React__default.createElement(FallbackIcon, null), /*#__PURE__*/React__default.createElement("p", null, isEdit ? 'Edit' : 'Add new', " membership")), /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
5169
- label: "Membership name",
5170
- required: true
5171
- }), /*#__PURE__*/React__default.createElement(iuistyles.IUISearch, {
5172
- placeholder: placeholder,
5173
- value: membershipName,
5174
- onChangeHandler: function onChangeHandler(e) {
5175
- var inputValue = e.target.value;
5176
- if ((inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) <= 50) {
5177
- setMembershipName(inputValue);
5178
- }
5179
- },
5180
- iconComponent: null,
5181
- style: {
5182
- width: '100%',
5183
- paddingLeft: 0,
5184
- borderRadius: 6
5185
- }
5186
- })) : /*#__PURE__*/React__default.createElement("div", {
5187
- className: styles$3.membershipChainInfo
5188
- }, selectedMembershipChain !== null && selectedMembershipChain !== void 0 && selectedMembershipChain.loyalty_program_image_url ? /*#__PURE__*/React__default.createElement("img", {
5189
- src: selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_image_url,
5190
- alt: selectedMembershipChain.program_name,
5191
- onError: function onError(e) {
5192
- e.target.style.display = 'none';
5193
- var fallbackContainer = e.target.nextElementSibling;
5194
- if (fallbackContainer) fallbackContainer.style.display = 'block';
5195
- }
5196
- }) : /*#__PURE__*/React__default.createElement(FallbackIcon, null), /*#__PURE__*/React__default.createElement("div", {
5197
- style: {
5198
- display: 'none'
5199
- }
5200
- }, /*#__PURE__*/React__default.createElement(FallbackIcon, null)), /*#__PURE__*/React__default.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__default.createElement(iuistyles.IUILabel, {
5201
- label: "Membership number",
5202
- required: true
5203
- }), /*#__PURE__*/React__default.createElement(iuistyles.IUISearch, {
5204
- placeholder: isAAAloyaltySelected ? 'Enter 16-digit AAA membership ID' : 'e.g. ABCD1234',
5205
- value: membershipNumber,
5206
- onChangeHandler: function onChangeHandler(e) {
5207
- var inputValue = e.target.value;
5208
- if ((inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) <= 50) {
5209
- setMembershipNumber(inputValue);
5210
- }
5211
- },
5212
- iconComponent: null,
5213
- style: {
5214
- width: '100%',
5215
- paddingLeft: 0,
5216
- borderRadius: 6
5217
- }
5218
- }), isAAAloyaltySelected && membershipNumber && !sixteenDigitNumber.test(membershipNumber) && /*#__PURE__*/React__default.createElement("div", {
5219
- style: {
5220
- color: '#cf2231',
5221
- marginTop: 5
5222
- }
5223
- }, "Enter a valid 16-digit AAA membership ID"));
5224
- };
5225
-
5226
4508
  var TravelModeIcon = function TravelModeIcon(_ref) {
5227
4509
  var type = _ref.type;
5228
4510
  var FlightIcon = React.memo(function () {
@@ -5279,16 +4561,71 @@ var TravelModeIcon = function TravelModeIcon(_ref) {
5279
4561
  return null;
5280
4562
  };
5281
4563
 
5282
- var Loader = function Loader() {
5283
- return /*#__PURE__*/React__default.createElement(iuistyles.IUICircularProgress, {
5284
- color: "inherit",
5285
- size: 25,
4564
+ var MembershipForm = function MembershipForm(_ref) {
4565
+ var selectedMembershipChain = _ref.selectedMembershipChain,
4566
+ isOtherMembership = _ref.isOtherMembership,
4567
+ membershipName = _ref.membershipName,
4568
+ membershipNumber = _ref.membershipNumber,
4569
+ setMembershipName = _ref.setMembershipName,
4570
+ setMembershipNumber = _ref.setMembershipNumber,
4571
+ type = _ref.type,
4572
+ isEdit = _ref.isEdit;
4573
+ var FallbackIcon = function FallbackIcon() {
4574
+ return /*#__PURE__*/React__default.createElement("div", {
4575
+ className: styles$3.newMembershipIcon
4576
+ }, /*#__PURE__*/React__default.createElement(TravelModeIcon, {
4577
+ type: type
4578
+ }));
4579
+ };
4580
+ return /*#__PURE__*/React__default.createElement("div", {
4581
+ className: styles$3.saveMembership
4582
+ }, isOtherMembership ? /*#__PURE__*/React__default.createElement("div", {
4583
+ className: styles$3.addNewMembership
4584
+ }, /*#__PURE__*/React__default.createElement("p", null, isEdit ? 'Edit' : 'Add new', " membership"), /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
4585
+ label: "Membership name",
4586
+ required: true
4587
+ }), /*#__PURE__*/React__default.createElement(iuistyles.IUISearch, {
4588
+ placeholder: "",
4589
+ value: membershipName,
4590
+ onChangeHandler: function onChangeHandler(e) {
4591
+ return setMembershipName(e.target.value);
4592
+ },
4593
+ iconComponent: null,
5286
4594
  style: {
5287
- color: '#EC5D25'
4595
+ width: '50%',
4596
+ paddingLeft: 0
5288
4597
  }
5289
- });
4598
+ })) : /*#__PURE__*/React__default.createElement("div", {
4599
+ className: styles$3.membershipChainInfo
4600
+ }, selectedMembershipChain !== null && selectedMembershipChain !== void 0 && selectedMembershipChain.loyalty_program_image_url ? /*#__PURE__*/React__default.createElement("img", {
4601
+ src: selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_image_url,
4602
+ alt: selectedMembershipChain.program_name,
4603
+ onError: function onError(e) {
4604
+ e.target.style.display = 'none';
4605
+ var fallbackContainer = e.target.nextElementSibling;
4606
+ if (fallbackContainer) fallbackContainer.style.display = 'block';
4607
+ }
4608
+ }) : /*#__PURE__*/React__default.createElement(FallbackIcon, null), /*#__PURE__*/React__default.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__default.createElement(iuistyles.IUILabel, {
4609
+ label: "Membership number",
4610
+ required: true
4611
+ }), /*#__PURE__*/React__default.createElement(iuistyles.IUISearch, {
4612
+ placeholder: "",
4613
+ value: membershipNumber,
4614
+ onChangeHandler: function onChangeHandler(e) {
4615
+ var value = e.target.value;
4616
+ if (/^\d*$/.test(value)) {
4617
+ setMembershipNumber(value);
4618
+ }
4619
+ },
4620
+ iconComponent: null,
4621
+ style: {
4622
+ width: '50%',
4623
+ paddingLeft: 0
4624
+ }
4625
+ }));
5290
4626
  };
5291
- var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
4627
+
4628
+ var RenderList = function RenderList(_ref) {
5292
4629
  var items = _ref.items,
5293
4630
  handleSelect = _ref.handleSelect,
5294
4631
  loading = _ref.loading,
@@ -5297,15 +4634,13 @@ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
5297
4634
  fetchItems = _ref.fetchItems,
5298
4635
  type = _ref.type,
5299
4636
  _ref$nextPageAvailabl = _ref.nextPageAvailable,
5300
- nextPageAvailable = _ref$nextPageAvailabl === void 0 ? false : _ref$nextPageAvailabl,
5301
- page = _ref.page;
4637
+ nextPageAvailable = _ref$nextPageAvailabl === void 0 ? false : _ref$nextPageAvailabl;
5302
4638
  var observerRef = React.useRef(null);
5303
- var delayTimeoutRef = React.useRef(null);
5304
4639
  React.useEffect(function () {
5305
4640
  if (!nextPageAvailable || loading) return;
5306
4641
  var observer = new IntersectionObserver(function (entries) {
5307
4642
  if (entries[0].isIntersecting) {
5308
- if (nextPageAvailable) fetchItems(searchQuery);
4643
+ fetchItems(searchQuery);
5309
4644
  }
5310
4645
  }, {
5311
4646
  threshold: 0.5
@@ -5318,9 +4653,6 @@ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
5318
4653
  if (target) {
5319
4654
  observer.unobserve(target);
5320
4655
  }
5321
- if (delayTimeoutRef.current) {
5322
- clearTimeout(delayTimeoutRef.current);
5323
- }
5324
4656
  };
5325
4657
  }, [loading, nextPageAvailable, searchQuery, fetchItems]);
5326
4658
  var FallbackIcon = function FallbackIcon() {
@@ -5332,9 +4664,8 @@ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
5332
4664
  };
5333
4665
  return /*#__PURE__*/React__default.createElement("div", {
5334
4666
  className: styles$3.list
5335
- }, page === 1 && loading ? null : items.map(function (item) {
5336
- var _item$associated_name, _item$associated_name2;
5337
- 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(', ') : '';
4667
+ }, items.map(function (item) {
4668
+ var _item$associated_name;
5338
4669
  return /*#__PURE__*/React__default.createElement("div", {
5339
4670
  onClick: function onClick() {
5340
4671
  handleSelect(item);
@@ -5344,18 +4675,7 @@ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
5344
4675
  },
5345
4676
  key: item.id,
5346
4677
  className: styles$3.memberItem
5347
- }, item !== null && item !== void 0 && item.loyalty_program_image_url ? /*#__PURE__*/React__default.createElement("div", {
5348
- style: {
5349
- background: "url(" + (item === null || item === void 0 ? void 0 : item.loyalty_program_image_url) + ")",
5350
- backgroundSize: 600,
5351
- borderRadius: 6,
5352
- border: '1px solid #F1F3F5',
5353
- backgroundPosition: 'top',
5354
- height: 40,
5355
- display: 'flex',
5356
- alignItems: 'center'
5357
- }
5358
- }, /*#__PURE__*/React__default.createElement("img", {
4678
+ }, item !== null && item !== void 0 && item.loyalty_program_image_url ? /*#__PURE__*/React__default.createElement("img", {
5359
4679
  src: item === null || item === void 0 ? void 0 : item.loyalty_program_image_url,
5360
4680
  alt: item.title,
5361
4681
  onError: function onError(e) {
@@ -5363,7 +4683,7 @@ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
5363
4683
  var fallbackContainer = e.target.nextElementSibling;
5364
4684
  if (fallbackContainer) fallbackContainer.style.display = 'block';
5365
4685
  }
5366
- })) : /*#__PURE__*/React__default.createElement("div", {
4686
+ }) : /*#__PURE__*/React__default.createElement("div", {
5367
4687
  className: styles$3.newMembershipIcon
5368
4688
  }, /*#__PURE__*/React__default.createElement(FallbackIcon, null)), /*#__PURE__*/React__default.createElement("div", {
5369
4689
  className: styles$3.newMembershipIcon,
@@ -5375,52 +4695,14 @@ var LoyaltyPrograms = function LoyaltyPrograms(_ref) {
5375
4695
  }, /*#__PURE__*/React__default.createElement("div", {
5376
4696
  className: styles$3.title
5377
4697
  }, item === null || item === void 0 ? void 0 : item.program_name), /*#__PURE__*/React__default.createElement("div", {
5378
- className: styles$3.subtitle,
5379
- title: associatedList
5380
- }, associatedList)));
4698
+ className: styles$3.subtitle
4699
+ }, 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(' '))));
5381
4700
  }), loading && /*#__PURE__*/React__default.createElement("div", {
5382
4701
  className: styles$3.loading
5383
- }, /*#__PURE__*/React__default.createElement(Loader, null)), !loading && nextPageAvailable && /*#__PURE__*/React__default.createElement("div", {
4702
+ }, "Loading..."), !loading && nextPageAvailable && /*#__PURE__*/React__default.createElement("div", {
5384
4703
  ref: observerRef,
5385
4704
  className: styles$3.loading
5386
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Loader, null))));
5387
- };
5388
-
5389
- var EditIcon = function EditIcon() {
5390
- return /*#__PURE__*/React__default.createElement("svg", {
5391
- width: "16",
5392
- height: "16",
5393
- viewBox: "0 0 16 16",
5394
- fill: "none",
5395
- xmlns: "http://www.w3.org/2000/svg"
5396
- }, /*#__PURE__*/React__default.createElement("g", {
5397
- clipPath: "url(#clip0_13010_74651)"
5398
- }, /*#__PURE__*/React__default.createElement("path", {
5399
- 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",
5400
- fill: "#EC5D25"
5401
- })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
5402
- id: "clip0_13010_74651"
5403
- }, /*#__PURE__*/React__default.createElement("rect", {
5404
- width: "16",
5405
- height: "16",
5406
- fill: "white",
5407
- transform: "translate(0 0.00390625)"
5408
- }))));
5409
- };
5410
-
5411
- var DeleteIcon = function DeleteIcon() {
5412
- return /*#__PURE__*/React__default.createElement("svg", {
5413
- width: "16",
5414
- height: "16",
5415
- viewBox: "0 0 16 16",
5416
- fill: "none",
5417
- xmlns: "http://www.w3.org/2000/svg"
5418
- }, /*#__PURE__*/React__default.createElement("path", {
5419
- fillRule: "evenodd",
5420
- clipRule: "evenodd",
5421
- 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",
5422
- fill: "#CF2231"
5423
- }));
4705
+ }, /*#__PURE__*/React__default.createElement("div", null, "Loading...")));
5424
4706
  };
5425
4707
 
5426
4708
  var _excluded = ["ind"];
@@ -5433,9 +4715,7 @@ var SavedMemberships = function SavedMemberships(_ref) {
5433
4715
  _ref$updateList = _ref.updateList,
5434
4716
  updateList = _ref$updateList === void 0 ? function () {} : _ref$updateList,
5435
4717
  _ref$handleEdit = _ref.handleEdit,
5436
- handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit,
5437
- _ref$isProfile = _ref.isProfile,
5438
- isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
4718
+ handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit;
5439
4719
  var _useState = React.useState(false),
5440
4720
  open = _useState[0],
5441
4721
  setOpen = _useState[1];
@@ -5448,10 +4728,42 @@ var SavedMemberships = function SavedMemberships(_ref) {
5448
4728
  var _useSelector = reactRedux.useSelector(function (state) {
5449
4729
  return state.common;
5450
4730
  }),
5451
- id = _useSelector.id;
5452
- var _useParams = reactRouterDom.useParams(),
5453
- editUserId = _useParams.userId;
5454
- var userID = isProfile ? id : editUserId;
4731
+ userID = _useSelector.id;
4732
+ var DeleteIcon = function DeleteIcon() {
4733
+ return /*#__PURE__*/React__default.createElement("svg", {
4734
+ width: "16",
4735
+ height: "16",
4736
+ viewBox: "0 0 16 16",
4737
+ fill: "none",
4738
+ xmlns: "http://www.w3.org/2000/svg"
4739
+ }, /*#__PURE__*/React__default.createElement("path", {
4740
+ fillRule: "evenodd",
4741
+ clipRule: "evenodd",
4742
+ 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",
4743
+ fill: "#CF2231"
4744
+ }));
4745
+ };
4746
+ var EditIcon = function EditIcon() {
4747
+ return /*#__PURE__*/React__default.createElement("svg", {
4748
+ width: "16",
4749
+ height: "16",
4750
+ viewBox: "0 0 16 16",
4751
+ fill: "none",
4752
+ xmlns: "http://www.w3.org/2000/svg"
4753
+ }, /*#__PURE__*/React__default.createElement("g", {
4754
+ clipPath: "url(#clip0_13010_74651)"
4755
+ }, /*#__PURE__*/React__default.createElement("path", {
4756
+ 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",
4757
+ fill: "#EC5D25"
4758
+ })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
4759
+ id: "clip0_13010_74651"
4760
+ }, /*#__PURE__*/React__default.createElement("rect", {
4761
+ width: "16",
4762
+ height: "16",
4763
+ fill: "white",
4764
+ transform: "translate(0 0.00390625)"
4765
+ }))));
4766
+ };
5455
4767
  var handleClose = function handleClose() {
5456
4768
  setOpen(false);
5457
4769
  setDeleteItemData(null);
@@ -5504,14 +4816,6 @@ var SavedMemberships = function SavedMemberships(_ref) {
5504
4816
  type: type
5505
4817
  }));
5506
4818
  };
5507
- var _ref3 = deleteItemData || {},
5508
- _ref3$name = _ref3.name,
5509
- name = _ref3$name === void 0 ? '' : _ref3$name,
5510
- _ref3$program_name = _ref3.program_name,
5511
- program_name = _ref3$program_name === void 0 ? '' : _ref3$program_name,
5512
- _ref3$loyalty_program = _ref3.loyalty_program_name,
5513
- loyalty_program_name = _ref3$loyalty_program === void 0 ? '' : _ref3$loyalty_program;
5514
- var deleteMembershipName = loyalty_program_name === 'Other' ? name || loyalty_program_name || program_name : loyalty_program_name || program_name || name;
5515
4819
  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(iuistyles.IUIModal, {
5516
4820
  isOpen: open,
5517
4821
  closeHandler: handleClose,
@@ -5524,60 +4828,39 @@ var SavedMemberships = function SavedMemberships(_ref) {
5524
4828
  borderBottom: '1px solid #E5E7EB'
5525
4829
  },
5526
4830
  isDisabledSubmitBtn: isDeleting,
5527
- headerText: "Delete " + deleteMembershipName,
5528
- width: "640px",
5529
- modalClass: styles$3.membershipDeleteModal
4831
+ headerText: "Delete " + ((deleteItemData === null || deleteItemData === void 0 ? void 0 : deleteItemData.loyalty_program_name) || (deleteItemData === null || deleteItemData === void 0 ? void 0 : deleteItemData.name)),
4832
+ width: "640px"
5530
4833
  }, /*#__PURE__*/React__default.createElement("p", {
5531
4834
  style: {
5532
4835
  marginTop: 0,
5533
4836
  color: '#6B7280'
5534
4837
  }
5535
- }, "Are you sure you want to delete ", deleteMembershipName, "? This change is not reversible.")), list.map(function (mem, ind) {
5536
- var _ref4 = mem || {},
5537
- _ref4$name = _ref4.name,
5538
- name = _ref4$name === void 0 ? '' : _ref4$name,
5539
- _ref4$number = _ref4.number,
5540
- number = _ref4$number === void 0 ? '' : _ref4$number,
5541
- _ref4$program_name = _ref4.program_name,
5542
- program_name = _ref4$program_name === void 0 ? '' : _ref4$program_name,
5543
- _ref4$loyalty_program = _ref4.loyalty_program_image_url,
5544
- loyalty_program_image_url = _ref4$loyalty_program === void 0 ? null : _ref4$loyalty_program,
5545
- _ref4$loyalty_program2 = _ref4.loyalty_program_name,
5546
- loyalty_program_name = _ref4$loyalty_program2 === void 0 ? '' : _ref4$loyalty_program2;
5547
- var isOther = (loyalty_program_name || program_name) === 'Other';
4838
+ }, "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) {
4839
+ var _ref3 = mem || {},
4840
+ _ref3$name = _ref3.name,
4841
+ name = _ref3$name === void 0 ? '' : _ref3$name,
4842
+ _ref3$number = _ref3.number,
4843
+ number = _ref3$number === void 0 ? '' : _ref3$number,
4844
+ _ref3$program_name = _ref3.program_name,
4845
+ program_name = _ref3$program_name === void 0 ? '' : _ref3$program_name,
4846
+ _ref3$loyalty_program = _ref3.loyalty_program_image_url,
4847
+ loyalty_program_image_url = _ref3$loyalty_program === void 0 ? null : _ref3$loyalty_program,
4848
+ _ref3$loyalty_program2 = _ref3.loyalty_program_name,
4849
+ loyalty_program_name = _ref3$loyalty_program2 === void 0 ? '' : _ref3$loyalty_program2;
4850
+ var isOther = !!name;
5548
4851
  return /*#__PURE__*/React__default.createElement("div", {
5549
4852
  className: styles$3.savedMembership,
5550
4853
  key: ind
5551
4854
  }, /*#__PURE__*/React__default.createElement("div", {
5552
4855
  className: styles$3.iconWrapper
5553
4856
  }, loyalty_program_image_url ? /*#__PURE__*/React__default.createElement("div", {
5554
- className: styles$3.iconPar,
5555
- style: {
5556
- background: "url(" + loyalty_program_image_url + ")",
5557
- backgroundSize: 600,
5558
- borderRadius: 6,
5559
- border: '1px solid #F1F3F5',
5560
- backgroundPosition: 'top'
5561
- }
4857
+ className: styles$3.icon
5562
4858
  }, /*#__PURE__*/React__default.createElement("img", {
5563
4859
  src: loyalty_program_image_url,
5564
- alt: name,
5565
- className: styles$3.icon,
5566
- onError: function onError(e) {
5567
- e.target.style.display = 'none';
5568
- var fallbackContainer = e.target.nextElementSibling;
5569
- if (fallbackContainer) fallbackContainer.style.display = 'block';
5570
- }
4860
+ alt: name
5571
4861
  })) : /*#__PURE__*/React__default.createElement(FallbackIcon, {
5572
4862
  type: type
5573
- }), /*#__PURE__*/React__default.createElement("div", {
5574
- className: styles$3.newMembershipIcon,
5575
- style: {
5576
- display: 'none'
5577
- }
5578
- }, /*#__PURE__*/React__default.createElement(FallbackIcon, {
5579
- type: type
5580
- })), /*#__PURE__*/React__default.createElement("p", null, (loyalty_program_name || program_name) === 'Other' ? name || loyalty_program_name || program_name : loyalty_program_name || program_name || name)), /*#__PURE__*/React__default.createElement("div", {
4863
+ }), /*#__PURE__*/React__default.createElement("p", null, loyalty_program_name === 'Other' ? name || loyalty_program_name || program_name : loyalty_program_name || program_name || name)), /*#__PURE__*/React__default.createElement("div", {
5581
4864
  className: styles$3.number
5582
4865
  }, number), /*#__PURE__*/React__default.createElement("div", {
5583
4866
  className: styles$3.actions
@@ -5616,9 +4899,7 @@ var AddMembershipButton = React.memo(function (_ref) {
5616
4899
  _ref$updateList = _ref.updateList,
5617
4900
  updateList = _ref$updateList === void 0 ? function () {} : _ref$updateList,
5618
4901
  _ref$handleEdit = _ref.handleEdit,
5619
- handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit,
5620
- _ref$isProfile = _ref.isProfile,
5621
- isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
4902
+ handleEdit = _ref$handleEdit === void 0 ? function () {} : _ref$handleEdit;
5622
4903
  var handleAddMembership = function handleAddMembership(type) {
5623
4904
  var currentModalState = _extends({}, modalState);
5624
4905
  currentModalState.open = true;
@@ -5651,8 +4932,7 @@ var AddMembershipButton = React.memo(function (_ref) {
5651
4932
  list: list,
5652
4933
  type: type,
5653
4934
  updateList: updateList,
5654
- handleEdit: handleEdit,
5655
- isProfile: isProfile
4935
+ handleEdit: handleEdit
5656
4936
  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
5657
4937
  buttonText: "Add membership",
5658
4938
  type: "text",
@@ -5669,29 +4949,21 @@ var AddMembershipButton = React.memo(function (_ref) {
5669
4949
 
5670
4950
  var IUIToastMessageService$5 = utils.services.IUIToastMessageService;
5671
4951
  var api$7 = utils.configs.api;
5672
- var sixteenDigitNumber$1 = /^\d{16}$/;
5673
4952
  var Membership = function Membership(_ref) {
5674
- var _clsx;
5675
4953
  var _ref$membershipInfoIn = _ref.membershipInfoInput,
5676
4954
  membershipInfoInput = _ref$membershipInfoIn === void 0 ? [] : _ref$membershipInfoIn,
5677
4955
  _ref$setMembershipInf = _ref.setMembershipInfoInput,
5678
- setMembershipInfoInput = _ref$setMembershipInf === void 0 ? function () {} : _ref$setMembershipInf,
5679
- _ref$isProfile = _ref.isProfile,
5680
- isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
5681
- var _useParams = reactRouterDom.useParams(),
5682
- editUserId = _useParams.userId;
4956
+ setMembershipInfoInput = _ref$setMembershipInf === void 0 ? function () {} : _ref$setMembershipInf;
5683
4957
  var _useSelector = reactRedux.useSelector(function (state) {
5684
4958
  return state.common;
5685
4959
  }),
5686
- id = _useSelector.id;
5687
- var userID = isProfile ? id : editUserId;
4960
+ userID = _useSelector.id;
5688
4961
  var _useState = React.useState(membershipInfoInput),
5689
4962
  savedMemberships = _useState[0],
5690
4963
  setSavedMemberships = _useState[1];
5691
4964
  var groupedMembershipData = savedMemberships.reduce(function (acc, item) {
5692
- var _acc$item$membership_;
5693
- 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]) || [];
5694
- 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);
4965
+ acc[item.membership_type] = acc[item.membership_type] || [];
4966
+ acc[item.membership_type].push(item);
5695
4967
  return acc;
5696
4968
  }, {
5697
4969
  flight: [],
@@ -5750,8 +5022,6 @@ var Membership = function Membership(_ref) {
5750
5022
  setMembershipNumber = _useState14[1];
5751
5023
  var wrapperRef = React.useRef(null);
5752
5024
  var nextRef = React.useRef(null);
5753
- var isEditing = editIndex !== null;
5754
- 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';
5755
5025
  var fetchItems = function fetchItems(query, reset) {
5756
5026
  if (query === void 0) {
5757
5027
  query = '';
@@ -5760,34 +5030,33 @@ var Membership = function Membership(_ref) {
5760
5030
  reset = false;
5761
5031
  }
5762
5032
  try {
5763
- nextRef.current = null;
5764
- var pageNo = reset ? 1 : page + 1;
5765
5033
  setLoading(true);
5766
- var url = 'api/v1/user-management/loyalty-program/' + ("?page=" + pageNo + "&travel_type=" + type);
5034
+ var url = 'api/v1/user-management/loyalty-program/' + ("?page=" + page + "&travel_type=" + type);
5767
5035
  if (query) {
5768
- url += "&search_term=" + query.toLowerCase();
5036
+ url += "&search_term=" + query;
5769
5037
  }
5770
- if (reset) setPage(1);else setPage(function (prevPage) {
5771
- return prevPage + 1;
5772
- });
5773
- var _temp = _catch(function () {
5774
- return Promise.resolve(api$7.get(url).then(function (res) {
5775
- return res;
5776
- })).then(function (response) {
5777
- var _response$data, _response$data2;
5778
- var list = response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.results;
5779
- nextRef.current = response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.next;
5780
- setItems(function (prevItems) {
5781
- return reset ? list : [].concat(prevItems, list);
5038
+ var _temp = _finallyRethrows(function () {
5039
+ return _catch(function () {
5040
+ return Promise.resolve(api$7.get(url).then(function (res) {
5041
+ return res;
5042
+ })).then(function (response) {
5043
+ var _response$data, _response$data2;
5044
+ var list = response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.results;
5045
+ nextRef.current = response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.next;
5046
+ setItems(function (prevItems) {
5047
+ return reset ? list : [].concat(prevItems, list);
5048
+ });
5049
+ if (reset) setPage(1);else setPage(function (prevPage) {
5050
+ return prevPage + 1;
5051
+ });
5782
5052
  });
5783
- setLoading(false);
5053
+ }, function (error) {
5054
+ console.error('Error fetching data:', error);
5784
5055
  });
5785
- }, function (error) {
5786
- nextRef.current = null;
5787
- IUIToastMessageService$5.warningNotify('Something went wrong');
5788
- setIsInputFocused(false);
5056
+ }, function (_wasThrown, _result) {
5789
5057
  setLoading(false);
5790
- console.error('Error fetching data:', error);
5058
+ if (_wasThrown) throw _result;
5059
+ return _result;
5791
5060
  });
5792
5061
  return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
5793
5062
  } catch (e) {
@@ -5821,16 +5090,8 @@ var Membership = function Membership(_ref) {
5821
5090
  };
5822
5091
  }, [searchQuery]);
5823
5092
  React.useEffect(function () {
5824
- if (isInputFocused) fetchItems(debouncedQuery, true);else {
5825
- setSearchQuery('');
5826
- setItems([]);
5827
- }
5093
+ if (isInputFocused) fetchItems(debouncedQuery, true);
5828
5094
  }, [isInputFocused, debouncedQuery]);
5829
- React.useEffect(function () {
5830
- if (!(modalState !== null && modalState !== void 0 && modalState.open)) {
5831
- setIsInputFocused(false);
5832
- }
5833
- }, [modalState]);
5834
5095
  var handleClose = function handleClose() {
5835
5096
  setIsUpdating(false);
5836
5097
  setIsOtherMembership(false);
@@ -5857,7 +5118,7 @@ var Membership = function Membership(_ref) {
5857
5118
  return;
5858
5119
  }
5859
5120
  if (item) {
5860
- if (isEditing) {
5121
+ if (index) {
5861
5122
  groupedMembershipData[type][index] = _extends({}, groupedMembershipData[type][index], {
5862
5123
  number: item.number,
5863
5124
  name: item.name
@@ -5865,12 +5126,11 @@ var Membership = function Membership(_ref) {
5865
5126
  } else groupedMembershipData[type] = [].concat(groupedMembershipData[type], [item]);
5866
5127
  }
5867
5128
  if (index !== null && !item) {
5868
- var _groupedMembershipDat, _groupedMembershipDat2;
5869
- if (index < 0 || index >= (groupedMembershipData === null || groupedMembershipData === void 0 ? void 0 : (_groupedMembershipDat = groupedMembershipData[type]) === null || _groupedMembershipDat === void 0 ? void 0 : _groupedMembershipDat.length)) {
5129
+ if (index < 0 || index >= groupedMembershipData[type].length) {
5870
5130
  console.error("Invalid index: " + index);
5871
5131
  return;
5872
5132
  }
5873
- 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));
5133
+ groupedMembershipData[type] = [].concat(groupedMembershipData[type].slice(0, index), groupedMembershipData[type].slice(index + 1));
5874
5134
  }
5875
5135
  var flight = groupedMembershipData.flight,
5876
5136
  hotel = groupedMembershipData.hotel,
@@ -5880,65 +5140,41 @@ var Membership = function Membership(_ref) {
5880
5140
  };
5881
5141
  var handleSubmit = function handleSubmit() {
5882
5142
  try {
5883
- var _ref2, _ref3;
5884
- if (isAAAloyaltySelected && !sixteenDigitNumber$1.test(membershipNumber)) {
5885
- IUIToastMessageService$5.warningNotify('Enter 16-digit AAA membership ID');
5886
- return Promise.resolve();
5887
- }
5888
5143
  var url = "/api/v1/user-management/users/" + userID + "/membership";
5889
- var payload = isEditing ? _extends({}, selectedMembershipChain, {
5890
- number: membershipNumber === null || membershipNumber === void 0 ? void 0 : membershipNumber.trim(),
5891
- name: (_ref2 = membershipName || '') === null || _ref2 === void 0 ? void 0 : _ref2.trim()
5144
+ var payload = editIndex ? _extends({}, selectedMembershipChain, {
5145
+ number: membershipNumber
5892
5146
  }) : {
5893
5147
  membership_type: type,
5894
- number: membershipNumber === null || membershipNumber === void 0 ? void 0 : membershipNumber.trim(),
5148
+ number: membershipNumber,
5895
5149
  iata_code: null,
5896
5150
  user: userID,
5897
5151
  loyalty_program_id: selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_id,
5898
- name: (_ref3 = membershipName || '') === null || _ref3 === void 0 ? void 0 : _ref3.trim()
5152
+ name: membershipName || ''
5899
5153
  };
5900
5154
  setIsUpdating(true);
5901
- var _temp4 = _finallyRethrows(function () {
5155
+ var _temp2 = _finallyRethrows(function () {
5902
5156
  return _catch(function () {
5903
- function _temp3() {
5904
- var _response, _response2;
5905
- if (((_response = response) === null || _response === void 0 ? void 0 : _response.status) === 201 || ((_response2 = response) === null || _response2 === void 0 ? void 0 : _response2.status) === 200) {
5906
- var _response3;
5907
- var updatedResponse = (_response3 = response) === null || _response3 === void 0 ? void 0 : _response3.data;
5157
+ return Promise.resolve(editIndex ? api$7.put(url, payload) : api$7.post(url, payload)).then(function (response) {
5158
+ if ((response === null || response === void 0 ? void 0 : response.status) === 201 || (response === null || response === void 0 ? void 0 : response.status) === 200) {
5159
+ var _response$data3;
5160
+ var updatedResponse = response === null || response === void 0 ? void 0 : response.data;
5908
5161
  updatedResponse.program_name = selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.program_name;
5909
- updatedResponse.loyalty_program_image_url = selectedMembershipChain === null || selectedMembershipChain === void 0 ? void 0 : selectedMembershipChain.loyalty_program_image_url;
5910
- if (isOtherMembership) updatedResponse.loyalty_program_name = 'Other';
5911
- updateList(type, editIndex, updatedResponse);
5912
- if (userID) IUIToastMessageService$5.sNotify(isEditing ? "Membership updated." : "New membership added.");
5162
+ 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);
5163
+ IUIToastMessageService$5.notify(editIndex ? "Membership updated." : "New membership added.");
5913
5164
  } else {
5914
5165
  IUIToastMessageService$5.warningNotify('Failed to save membership');
5915
5166
  }
5916
- }
5917
- var response = {};
5918
- var _temp2 = function () {
5919
- if (userID) {
5920
- return Promise.resolve(isEditing ? api$7.put(url, payload) : api$7.post(url, payload)).then(function (_api$put) {
5921
- response = _api$put;
5922
- });
5923
- } else {
5924
- delete payload.user;
5925
- response = {
5926
- data: payload,
5927
- status: 200
5928
- };
5929
- }
5930
- }();
5931
- return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
5167
+ });
5932
5168
  }, function (error) {
5933
5169
  console.error(error);
5934
5170
  IUIToastMessageService$5.warningNotify('Something went wrong!');
5935
5171
  });
5936
- }, function (_wasThrown, _result) {
5172
+ }, function (_wasThrown2, _result2) {
5937
5173
  handleClose();
5938
- if (_wasThrown) throw _result;
5939
- return _result;
5174
+ if (_wasThrown2) throw _result2;
5175
+ return _result2;
5940
5176
  });
5941
- return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
5177
+ return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
5942
5178
  } catch (e) {
5943
5179
  return Promise.reject(e);
5944
5180
  }
@@ -5961,19 +5197,17 @@ var Membership = function Membership(_ref) {
5961
5197
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIModal, {
5962
5198
  isOpen: open,
5963
5199
  closeHandler: handleClose,
5964
- modalClass: clsx(styles$3.loyaltymodal, (_clsx = {}, _clsx[styles$3.loyaltyList] = !selectedMembershipChain, _clsx)),
5965
5200
  cancelLabel: selectedMembershipChain ? 'Cancel' : '',
5966
- submitLabel: selectedMembershipChain ? isUpdating ? 'Saving...' : isEditing ? 'Save' : 'Add' : '',
5201
+ submitLabel: selectedMembershipChain ? isUpdating ? 'Saving...' : editIndex ? 'Save' : 'Add' : '',
5967
5202
  submitHandler: handleSubmit,
5968
- isDisabledSubmitBtn: isUpdating || !membershipNumber || isOtherMembership && !membershipName || isAAAloyaltySelected && !sixteenDigitNumber$1.test(membershipNumber),
5969
- width: selectedMembershipChain ? '480px' : '640px',
5203
+ isDisabledSubmitBtn: isUpdating || !membershipNumber,
5204
+ width: "640px",
5970
5205
  headerText: selectedMembershipChain ? '' : title,
5971
5206
  subHanderText: selectedMembershipChain ? '' : subtitle,
5972
5207
  modalBodyStyle: {
5973
- padding: selectedMembershipChain ? '0px 24px 25px' : '24px 24px 0px',
5208
+ padding: selectedMembershipChain ? '0px 24px 25px' : '10px 24px 0px',
5974
5209
  minHeight: selectedMembershipChain ? 120 : 80,
5975
- borderBottom: selectedMembershipChain && '1px solid #E5E7EB',
5976
- marginBottom: selectedMembershipChain ? 0 : -18
5210
+ borderBottom: selectedMembershipChain && '1px solid #E5E7EB'
5977
5211
  }
5978
5212
  }, /*#__PURE__*/React__default.createElement(React.Fragment, null, selectedMembershipChain ? /*#__PURE__*/React__default.createElement(MembershipForm, {
5979
5213
  selectedMembershipChain: selectedMembershipChain,
@@ -5983,18 +5217,8 @@ var Membership = function Membership(_ref) {
5983
5217
  setMembershipName: setMembershipName,
5984
5218
  setMembershipNumber: setMembershipNumber,
5985
5219
  type: type,
5986
- isEdit: isEditing,
5987
- isAAAloyaltySelected: isAAAloyaltySelected
5988
- }) : /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("span", {
5989
- style: {
5990
- color: '#374151',
5991
- fontWeight: 500
5992
- }
5993
- }, "Loyalty program"), ' ', /*#__PURE__*/React__default.createElement("span", {
5994
- style: {
5995
- color: '#6B7280'
5996
- }
5997
- }, "*")), /*#__PURE__*/React__default.createElement("div", {
5220
+ isEdit: !!editIndex
5221
+ }) : /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", null, "Loyalty program *"), /*#__PURE__*/React__default.createElement("div", {
5998
5222
  className: styles$3.selectWrapper,
5999
5223
  ref: wrapperRef
6000
5224
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -6005,23 +5229,14 @@ var Membership = function Membership(_ref) {
6005
5229
  onFocus: function onFocus() {
6006
5230
  return setIsInputFocused(true);
6007
5231
  },
6008
- onClick: function onClick() {
6009
- return setIsInputFocused(true);
6010
- },
6011
5232
  onChange: function onChange(e) {
6012
- if (!isInputFocused) {
6013
- setIsInputFocused(true);
6014
- }
6015
- setSearchQuery(e.target.value);
6016
- },
6017
- value: searchQuery
5233
+ return setSearchQuery(e.target.value);
5234
+ }
6018
5235
  }), /*#__PURE__*/React__default.createElement("div", {
6019
5236
  className: styles$3.chevronIcon
6020
- }, /*#__PURE__*/React__default.createElement(ChevronNext, {
6021
- color: "#6B7280"
6022
- }))), isInputFocused && /*#__PURE__*/React__default.createElement("div", {
5237
+ }, /*#__PURE__*/React__default.createElement(ChevronNext, null))), isInputFocused && /*#__PURE__*/React__default.createElement("div", {
6023
5238
  className: styles$3.membershipList
6024
- }, /*#__PURE__*/React__default.createElement(LoyaltyPrograms, {
5239
+ }, /*#__PURE__*/React__default.createElement(RenderList, {
6025
5240
  items: items,
6026
5241
  handleSelect: handleSelect,
6027
5242
  loading: loading,
@@ -6030,8 +5245,7 @@ var Membership = function Membership(_ref) {
6030
5245
  searchQuery: searchQuery,
6031
5246
  fetchItems: fetchItems,
6032
5247
  type: type,
6033
- nextPageAvailable: nextRef === null || nextRef === void 0 ? void 0 : nextRef.current,
6034
- page: page
5248
+ nextPageAvailable: nextRef === null || nextRef === void 0 ? void 0 : nextRef.current
6035
5249
  })))))), /*#__PURE__*/React__default.createElement("div", {
6036
5250
  style: {
6037
5251
  width: '100%'
@@ -6045,8 +5259,7 @@ var Membership = function Membership(_ref) {
6045
5259
  modalState: modalState,
6046
5260
  list: groupedMembershipData[memType],
6047
5261
  updateList: updateList,
6048
- handleEdit: handleEdit,
6049
- isProfile: isProfile
5262
+ handleEdit: handleEdit
6050
5263
  }), ind < 2 && /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
6051
5264
  className: styles$3.divider
6052
5265
  }));
@@ -6056,6 +5269,7 @@ var Membership = function Membership(_ref) {
6056
5269
  var AdditionalInfo = function AdditionalInfo(_ref) {
6057
5270
  var _clsx;
6058
5271
  var membershipInfoInput = _ref.membershipInfoInput,
5272
+ addMemInfoInput = _ref.addMemInfoInput,
6059
5273
  travelPreferenceInfo = _ref.travelPreferenceInfo,
6060
5274
  _ref$travelPreference = _ref.travelPreferenceOnChange,
6061
5275
  travelPreferenceOnChange = _ref$travelPreference === void 0 ? function () {} : _ref$travelPreference,
@@ -6075,9 +5289,7 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
6075
5289
  _ref$setAdditionalInf = _ref.setAdditionalInfoFlag,
6076
5290
  setAdditionalInfoFlag = _ref$setAdditionalInf === void 0 ? function () {} : _ref$setAdditionalInf,
6077
5291
  _ref$setMembershipInf = _ref.setMembershipInfoInput,
6078
- setMembershipInfoInput = _ref$setMembershipInf === void 0 ? function () {} : _ref$setMembershipInf,
6079
- _ref$isProfile = _ref.isProfile,
6080
- isProfile = _ref$isProfile === void 0 ? false : _ref$isProfile;
5292
+ setMembershipInfoInput = _ref$setMembershipInf === void 0 ? function () {} : _ref$setMembershipInf;
6081
5293
  var handleChange = function handleChange(panel) {
6082
5294
  return function (event, defaultExpand) {
6083
5295
  setAdditionalInfoFlag(defaultExpand ? panel : false);
@@ -6089,6 +5301,10 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
6089
5301
  passportInfo = _useSelector.passportInfo,
6090
5302
  secureTravelInfo = _useSelector.secureTravelInfo,
6091
5303
  travelPreference = _useSelector.travelPreference;
5304
+ var _useSelector2 = reactRedux.useSelector(function (state) {
5305
+ return state.userAddEdit;
5306
+ }),
5307
+ maxMembershipInput = _useSelector2.maxMembershipInput;
6092
5308
  var dropdownList = reactRedux.useSelector(function (state) {
6093
5309
  return state.userAddEdit.dropdownList;
6094
5310
  });
@@ -6173,7 +5389,8 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
6173
5389
  md: 4
6174
5390
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
6175
5391
  label: "Membership information",
6176
- headerType: true
5392
+ headerType: true,
5393
+ description: "You can add up to " + maxMembershipInput + " membership details"
6177
5394
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
6178
5395
  item: true,
6179
5396
  sm: 12,
@@ -6183,10 +5400,52 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
6183
5400
  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
6184
5401
  container: true,
6185
5402
  className: styles.formFieldsWrapper
6186
- }, /*#__PURE__*/React__default.createElement(Membership, {
5403
+ }, membershipInfoInput.length === 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
5404
+ className: styles.emptyFieldContainer
5405
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
5406
+ className: styles.emptyFieldDescription
5407
+ }, "No membership details added yet"), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
5408
+ className: clsx(styles.emptyFieldBtnContainer, styles.rowGap),
5409
+ display: "flex"
5410
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
5411
+ buttonText: "Add airline",
5412
+ type: "text",
5413
+ startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
5414
+ width: "10",
5415
+ height: "10",
5416
+ color: "#EC5D25"
5417
+ }),
5418
+ className: styles.paddingTop,
5419
+ onClick: function onClick(e) {
5420
+ return addMemInfoInput('flight');
5421
+ }
5422
+ }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
5423
+ buttonText: "Add hotel",
5424
+ type: "text",
5425
+ startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
5426
+ width: "10",
5427
+ height: "10",
5428
+ color: "#EC5D25"
5429
+ }),
5430
+ className: styles.paddingTop,
5431
+ onClick: function onClick(e) {
5432
+ return addMemInfoInput('hotel');
5433
+ }
5434
+ }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
5435
+ buttonText: "Add car rental",
5436
+ type: "text",
5437
+ startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
5438
+ width: "10",
5439
+ height: "10",
5440
+ color: "#EC5D25"
5441
+ }),
5442
+ className: styles.paddingTop,
5443
+ onClick: function onClick(e) {
5444
+ return addMemInfoInput('rental_car');
5445
+ }
5446
+ }))), /*#__PURE__*/React__default.createElement(Membership, {
6187
5447
  membershipInfoInput: membershipInfoInput,
6188
- setMembershipInfoInput: setMembershipInfoInput,
6189
- isProfile: isProfile
5448
+ setMembershipInfoInput: setMembershipInfoInput
6190
5449
  })))), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
6191
5450
  className: styles.dividerColor
6192
5451
  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
@@ -6454,11 +5713,7 @@ var UserAddEdit = function UserAddEdit(props) {
6454
5713
  editUserId = props.editUserId,
6455
5714
  config = props.config,
6456
5715
  _props$isProfile = props.isProfile,
6457
- isProfile = _props$isProfile === void 0 ? false : _props$isProfile,
6458
- _props$paymentMethod = props.paymentMethod,
6459
- paymentMethod = _props$paymentMethod === void 0 ? null : _props$paymentMethod,
6460
- _props$sendLog = props.sendLog,
6461
- sendLog = _props$sendLog === void 0 ? function () {} : _props$sendLog;
5716
+ isProfile = _props$isProfile === void 0 ? false : _props$isProfile;
6462
5717
  env$4.init(config, isProfile);
6463
5718
  var queryParams = new URLSearchParams(window.location.search);
6464
5719
  var verifyUserId = Number(queryParams.get(config.routes.users.add.queryParamKeys.verifyUserId));
@@ -6879,20 +6134,13 @@ var UserAddEdit = function UserAddEdit(props) {
6879
6134
  }
6880
6135
  } else if (isCardsDetailsRendered && isProfile && productAccess.card) {
6881
6136
  var targetRole = isCardsAdmin ? 'card-admin' : 'card-holder';
6882
- var _selectedRole = cardsDetails.cardsRoles.find(function (role) {
6883
- return role.isAssigned;
6884
- });
6885
- if (_selectedRole) {
6886
- setCardsRole(_selectedRole.value);
6887
- } else {
6888
- for (var _iterator = _createForOfIteratorHelperLoose(cardsDetails.cardsRoles), _step; !(_step = _iterator()).done;) {
6889
- var role = _step.value;
6890
- var splitRoleVal = role.value.split(':');
6891
- var profileRole = splitRoleVal[2];
6892
- if (profileRole === targetRole) {
6893
- setCardsRole(role.value);
6894
- break;
6895
- }
6137
+ for (var _iterator = _createForOfIteratorHelperLoose(cardsDetails.cardsRoles), _step; !(_step = _iterator()).done;) {
6138
+ var role = _step.value;
6139
+ var splitRoleVal = role.value.split(':');
6140
+ var profileRole = splitRoleVal[2];
6141
+ if (profileRole === targetRole) {
6142
+ setCardsRole(role.value);
6143
+ break;
6896
6144
  }
6897
6145
  }
6898
6146
  }
@@ -7402,13 +6650,8 @@ var UserAddEdit = function UserAddEdit(props) {
7402
6650
  React.useEffect(function () {
7403
6651
  if (isRendered === true) {
7404
6652
  renderFields === null || renderFields === void 0 ? void 0 : renderFields.products.forEach(function (prod) {
7405
- console.log(prod, isProfile, editUserId, id, 'card check');
7406
6653
  if ((prod === null || prod === void 0 ? void 0 : prod.name) === 'card') {
7407
- if (isProfile || editUserId) {
7408
- fetchEditUserCardsDetails(isProfile ? id : editUserId);
7409
- } else {
7410
- fetchLoggedUserCardsDetails();
7411
- }
6654
+ editUserId ? fetchEditUserCardsDetails(editUserId) : fetchLoggedUserCardsDetails();
7412
6655
  }
7413
6656
  });
7414
6657
  setPersonalInfoInput(_extends({}, personalInfoInput, {
@@ -7737,10 +6980,7 @@ var UserAddEdit = function UserAddEdit(props) {
7737
6980
  return Promise.reject(e);
7738
6981
  }
7739
6982
  };
7740
- var formSubmitHandler = function formSubmitHandler(send_welcome_email) {
7741
- if (send_welcome_email === void 0) {
7742
- send_welcome_email = false;
7743
- }
6983
+ var formSubmitHandler = function formSubmitHandler() {
7744
6984
  try {
7745
6985
  var checkAnyError = doesFormHasError();
7746
6986
  if (checkAnyError) {
@@ -7778,9 +7018,6 @@ var UserAddEdit = function UserAddEdit(props) {
7778
7018
  cardsRole: cardsRole,
7779
7019
  isCardsAdmin: isCardsAdmin
7780
7020
  };
7781
- if (!isEditMode && !isProfile) {
7782
- payload.send_welcome_email = send_welcome_email;
7783
- }
7784
7021
  if (verifyUserId) {
7785
7022
  payload.verifyUserId = verifyUserId;
7786
7023
  }
@@ -8117,6 +7354,32 @@ var UserAddEdit = function UserAddEdit(props) {
8117
7354
  }()
8118
7355
  });
8119
7356
  });
7357
+ if (res.client_admin) {
7358
+ setTravelApproversInput(function (prevState) {
7359
+ var nextState = _extends({}, prevState);
7360
+ for (var key in nextState) {
7361
+ if (Object.hasOwnProperty.call(nextState, key)) {
7362
+ nextState[key] = {
7363
+ value: res.client_admin,
7364
+ label: res.client_admin
7365
+ };
7366
+ }
7367
+ }
7368
+ return nextState;
7369
+ });
7370
+ setExpenseApproversInput(function (prevState) {
7371
+ var nextState = _extends({}, prevState);
7372
+ for (var key in nextState) {
7373
+ if (Object.hasOwnProperty.call(nextState, key)) {
7374
+ nextState[key] = {
7375
+ value: res.client_admin,
7376
+ label: res.client_admin
7377
+ };
7378
+ }
7379
+ }
7380
+ return nextState;
7381
+ });
7382
+ }
8120
7383
  })["catch"](function (err) {
8121
7384
  console.log(err);
8122
7385
  })["finally"](function () {
@@ -8169,34 +7432,12 @@ var UserAddEdit = function UserAddEdit(props) {
8169
7432
  onClick: handleCancelNavigation
8170
7433
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8171
7434
  component: "div",
8172
- className: clsx('pageHeader--button-single', styles.buttonRight)
8173
- }, isEditMode || isProfile ? /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
7435
+ className: "pageHeader--button-single button-right"
7436
+ }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
8174
7437
  buttonText: "Save",
8175
7438
  type: "contained",
8176
7439
  onClick: formSubmitHandler,
8177
7440
  disabled: isPageLoading || productAccess.travel === false && productAccess.expense === false || !!doesFormHasError()
8178
- }) : /*#__PURE__*/React__default.createElement(iuistyles.IUIDropdownButton, {
8179
- buttonText: "Create user",
8180
- outlinedBtn: false,
8181
- className: styles.containedDropdownBtn,
8182
- placement: "bottom-end",
8183
- endIcon: /*#__PURE__*/React__default.createElement(ExpandMoreIcon, {
8184
- fillColor: "white",
8185
- width: "10",
8186
- height: "10",
8187
- fill: true
8188
- }),
8189
- menuListInfo: [{
8190
- label: 'Send email invite',
8191
- handler: function handler() {
8192
- return formSubmitHandler(true);
8193
- }
8194
- }, {
8195
- label: 'Do not send email',
8196
- handler: function handler() {
8197
- return formSubmitHandler(false);
8198
- }
8199
- }]
8200
7441
  }))))), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
8201
7442
  component: "div",
8202
7443
  marginTop: "8rem",
@@ -8409,9 +7650,9 @@ var UserAddEdit = function UserAddEdit(props) {
8409
7650
  maxApprovers: maxTravelApprovers,
8410
7651
  isProfile: isProfile,
8411
7652
  editUserId: editUserId,
8412
- roles: renderFields.travelRoles,
8413
- paymentMethod: paymentMethod,
8414
- sendLog: sendLog
7653
+ roles: renderFields.travelRoles
7654
+ }), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
7655
+ className: styles.dividerColor
8415
7656
  }), /*#__PURE__*/React__default.createElement(AdditionalInfo, {
8416
7657
  membershipInfoInput: membershipInfoInput,
8417
7658
  onMemInfoInputChange: onMemInfoInputChange,
@@ -8428,8 +7669,7 @@ var UserAddEdit = function UserAddEdit(props) {
8428
7669
  dateFormat: dateFormat,
8429
7670
  defaultExpand: isAdditionalInfoExpanded,
8430
7671
  setAdditionalInfoFlag: setAdditionalInfoFlag,
8431
- setMembershipInfoInput: setMembershipInfoInput,
8432
- isProfile: isProfile
7672
+ setMembershipInfoInput: setMembershipInfoInput
8433
7673
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
8434
7674
  className: styles.dividerColor
8435
7675
  }), productAccess && productAccess.expense && /*#__PURE__*/React__default.createElement(TravelExpenseFields, {
@@ -8455,9 +7695,7 @@ var UserAddEdit = function UserAddEdit(props) {
8455
7695
  maxApprovers: maxExpenseApprovers,
8456
7696
  isProfile: isProfile,
8457
7697
  editUserId: editUserId,
8458
- roles: renderFields.expenseRoles,
8459
- paymentMethod: paymentMethod,
8460
- sendLog: sendLog
7698
+ roles: renderFields.expenseRoles
8461
7699
  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
8462
7700
  className: styles.dividerColor
8463
7701
  }), isCardsDetailsRendered && productAccess && productAccess.card && /*#__PURE__*/React__default.createElement(CardsField, {
@@ -8708,15 +7946,10 @@ var downloadUploadedRecords = function downloadUploadedRecords(type, jobId) {
8708
7946
  });
8709
7947
  };
8710
7948
  };
8711
- var importUploadedRecords = function importUploadedRecords(jobId, canUpdateExistingUsers, sendInvite) {
8712
- if (sendInvite === void 0) {
8713
- sendInvite = false;
8714
- }
7949
+ var importUploadedRecords = function importUploadedRecords(jobId, canUpdateExistingUsers) {
8715
7950
  return function (dispatch) {
8716
7951
  return new Promise(function (resolve, reject) {
8717
- api$8.post(userBulkImport.importRecords() + "?job_id=" + jobId + "&update=" + canUpdateExistingUsers, {
8718
- should_send_welcome_email: sendInvite
8719
- }).then(function (res) {
7952
+ api$8.post(userBulkImport.importRecords() + "?job_id=" + jobId + "&update=" + canUpdateExistingUsers).then(function (res) {
8720
7953
  resolve(res);
8721
7954
  })["catch"](function (err) {
8722
7955
  reject(err);
@@ -8977,12 +8210,9 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
8977
8210
  var _useState5 = React.useState(false),
8978
8211
  canUpdateExistingUsers = _useState5[0],
8979
8212
  setCanUpdateExistingUsers = _useState5[1];
8980
- var _useState6 = React.useState(true),
8981
- sendInvite = _useState6[0],
8982
- setSendInvite = _useState6[1];
8983
- var _useState7 = React.useState(false),
8984
- isFileDownloading = _useState7[0],
8985
- setDownlStatus = _useState7[1];
8213
+ var _useState6 = React.useState(false),
8214
+ isFileDownloading = _useState6[0],
8215
+ setDownlStatus = _useState6[1];
8986
8216
  var _useSelector = reactRedux.useSelector(function (state) {
8987
8217
  return state.common;
8988
8218
  }),
@@ -9090,7 +8320,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
9090
8320
  }
9091
8321
  }
9092
8322
  setImportStatus(1);
9093
- return Promise.resolve(dispatch(importUploadedRecords(jobId, canUpdateExistingUsers ? 1 : 0, sendInvite))).then(function (res) {
8323
+ return Promise.resolve(dispatch(importUploadedRecords(jobId, canUpdateExistingUsers ? 1 : 0))).then(function (res) {
9094
8324
  var _temp = function () {
9095
8325
  if (res.data.status) {
9096
8326
  return Promise.resolve(dispatch(_executionJob(jobId, 'is_job_completed')).then(function (resp) {
@@ -9121,9 +8351,6 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
9121
8351
  var handleExistingUserUpdation = function handleExistingUserUpdation(event) {
9122
8352
  setCanUpdateExistingUsers(!canUpdateExistingUsers);
9123
8353
  };
9124
- var handleSendInvite = function handleSendInvite() {
9125
- setSendInvite(!sendInvite);
9126
- };
9127
8354
  var CustomStepIcon = function CustomStepIcon(step) {
9128
8355
  if ((importStatus === 1 || importStatus === 2 || importStatus === 4) && step === Number(activeStep)) {
9129
8356
  return /*#__PURE__*/React__default.createElement(iuistyles.IUIPrimaryRadio, {
@@ -9433,18 +8660,6 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
9433
8660
  label: "Update any existing users",
9434
8661
  className: clsx(styles$5.checkboxlabel, (_clsx5 = {}, _clsx5[styles$5.disabledText] = +userBulkImportInfo.exist_users === 0, _clsx5)),
9435
8662
  disabled: +userBulkImportInfo.exist_users === 0
9436
- })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9437
- display: "flex",
9438
- style: {
9439
- paddingLeft: '28px'
9440
- }
9441
- }, /*#__PURE__*/React__default.createElement(iuistyles.IUIFormControlLabel, {
9442
- control: /*#__PURE__*/React__default.createElement(iuistyles.IUICheckBox, {
9443
- handleCheckBoxHandler: handleSendInvite,
9444
- checked: sendInvite
9445
- }),
9446
- label: "Send invitation emails to new users who have not logged into the platform.",
9447
- className: clsx(styles$5.checkboxlabel)
9448
8663
  })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
9449
8664
  display: "flex",
9450
8665
  style: {
@@ -10028,7 +9243,7 @@ var BulkDownloadIcon = function BulkDownloadIcon(props) {
10028
9243
  }));
10029
9244
  };
10030
9245
 
10031
- var classes$1 = {"containedBtn":"_2A4_u","customMiniBox":"_QGIKG","muiBtn":"_3iFbO","outlinedBtn":"_3lQYD","menuList":"_1C8bJ","menuListContainer":"_1N83W","menuItemContainer":"_3VtcE","menuItemtext":"_2xqnU","subTxt":"_3CVzX"};
9246
+ var classes = {"containedBtn":"_2A4_u","customMiniBox":"_QGIKG","muiBtn":"_3iFbO","outlinedBtn":"_3lQYD","menuList":"_1C8bJ","menuListContainer":"_1N83W","menuItemContainer":"_3VtcE","menuItemtext":"_2xqnU","subTxt":"_3CVzX"};
10032
9247
 
10033
9248
  var DropdownBtn = function DropdownBtn(props) {
10034
9249
  var _clsx;
@@ -10087,7 +9302,7 @@ var DropdownBtn = function DropdownBtn(props) {
10087
9302
  }, [open]);
10088
9303
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
10089
9304
  endIcon: endIcon,
10090
- className: clsx(classes$1.muiBtn, className, (_clsx = {}, _clsx[classes$1.outlinedBtn] = outlinedBtn, _clsx)),
9305
+ className: clsx(classes.muiBtn, className, (_clsx = {}, _clsx[classes.outlinedBtn] = outlinedBtn, _clsx)),
10091
9306
  disableRipple: disableRipple,
10092
9307
  variant: "outlined",
10093
9308
  ref: anchorRef,
@@ -10113,13 +9328,13 @@ var DropdownBtn = function DropdownBtn(props) {
10113
9328
  transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
10114
9329
  }
10115
9330
  }), /*#__PURE__*/React__default.createElement(core.Paper, {
10116
- className: classes$1.menuListContainer,
9331
+ className: classes.menuListContainer,
10117
9332
  elevation: 0
10118
9333
  }, /*#__PURE__*/React__default.createElement(core.ClickAwayListener, {
10119
9334
  onClickAway: handleClose
10120
9335
  }, /*#__PURE__*/React__default.createElement(core.MenuList, {
10121
9336
  autoFocusItem: open,
10122
- className: clsx(classes$1.menuList, (_clsx2 = {}, _clsx2[classes$1.outlinedBtn] = outlinedBtn, _clsx2), menuListClass),
9337
+ className: clsx(classes.menuList, (_clsx2 = {}, _clsx2[classes.outlinedBtn] = outlinedBtn, _clsx2), menuListClass),
10123
9338
  id: "menu-list-grow",
10124
9339
  onKeyDown: function onKeyDown(e) {
10125
9340
  return handleListKeyDown(e);
@@ -10130,13 +9345,13 @@ var DropdownBtn = function DropdownBtn(props) {
10130
9345
  return handleMenuClick(val);
10131
9346
  },
10132
9347
  key: _i,
10133
- className: clsx(classes$1.menuItemContainer, val.disable && 'iui__cursor-not-allowed'),
9348
+ className: clsx(classes.menuItemContainer, val.disable && 'iui__cursor-not-allowed'),
10134
9349
  disableRipple: true
10135
9350
  }, /*#__PURE__*/React__default.createElement(core.Typography, {
10136
- className: clsx(classes$1.menuItemtext, val && val.disable && 'iui__opacity--60')
9351
+ className: clsx(classes.menuItemtext, val && val.disable && 'iui__opacity--60')
10137
9352
  }, val.label), val.subText && /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
10138
9353
  variant: "subtitle2",
10139
- className: clsx(classes$1.menuItemtext, classes$1.subTxt)
9354
+ className: clsx(classes.menuItemtext, classes.subTxt)
10140
9355
  }, val.subText));
10141
9356
  })))));
10142
9357
  }));