@traund/orquezta-widget-calculator 1.0.4 → 1.1.0

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.
Files changed (19) hide show
  1. package/dist/index.js +1176 -978
  2. package/dist/index.js.map +1 -1
  3. package/dist/module.js +1098 -900
  4. package/dist/module.js.map +1 -1
  5. package/package.json +36 -31
  6. package/src/calculatorV2.js +824 -824
  7. package/src/components/disclaimers.jsx +29 -30
  8. package/src/components/fees.jsx +80 -79
  9. package/src/components/inputAmount.js +48 -39
  10. package/src/components/paymentMethodSelector.jsx +4 -4
  11. package/src/components/simulatorStyles.js +5 -2
  12. package/src/components/taxFeeAlert.js +3 -5
  13. package/src/core/signature.js +1 -2
  14. package/src/firebase.config.js +1 -1
  15. package/src/index.js +38 -11
  16. package/src/model/enums.js +0 -1
  17. package/src/simulator.js +49 -35
  18. package/src/theme.js +99 -0
  19. package/src/utils/operationsHelper.js +4 -3
package/dist/index.js CHANGED
@@ -1,19 +1,10 @@
1
1
  var $gXNCa$reactjsxruntime = require("react/jsx-runtime");
2
2
  var $gXNCa$react = require("react");
3
- var $gXNCa$materialuicoreGrid = require("@material-ui/core/Grid");
4
- var $gXNCa$materialuicorePaper = require("@material-ui/core/Paper");
5
- var $gXNCa$materialuicoreTypography = require("@material-ui/core/Typography");
6
- var $gXNCa$materialuicoreNativeSelect = require("@material-ui/core/NativeSelect");
7
- var $gXNCa$materialuicoreInputBase = require("@material-ui/core/InputBase");
8
- var $gXNCa$materialuicoreCircularProgress = require("@material-ui/core/CircularProgress");
9
- var $gXNCa$materialuicoreInputAdornment = require("@material-ui/core/InputAdornment");
10
- var $gXNCa$materialuicoreTextField = require("@material-ui/core/TextField");
11
- var $gXNCa$materialuicoreFormHelperText = require("@material-ui/core/FormHelperText");
12
- var $gXNCa$materialuicoreTooltip = require("@material-ui/core/Tooltip");
13
- var $gXNCa$materialuicoreButton = require("@material-ui/core/Button");
14
- var $gXNCa$materialuicore = require("@material-ui/core");
15
- var $gXNCa$materialuiiconsHighlightOffOutlined = require("@material-ui/icons/HighlightOffOutlined");
16
- var $gXNCa$materialuilab = require("@material-ui/lab");
3
+ var $gXNCa$muimaterialstyles = require("@mui/material/styles");
4
+ var $gXNCa$muimaterialCssBaseline = require("@mui/material/CssBaseline");
5
+ var $gXNCa$muimaterial = require("@mui/material");
6
+ var $gXNCa$muimaterialGrid2 = require("@mui/material/Grid2");
7
+ var $gXNCa$muiiconsmaterial = require("@mui/icons-material");
17
8
  var $gXNCa$matchsorter = require("match-sorter");
18
9
  var $gXNCa$axios = require("axios");
19
10
  var $gXNCa$firebaseapp = require("firebase/app");
@@ -21,35 +12,124 @@ require("firebase/firestore");
21
12
  var $gXNCa$reactcountdown = require("react-countdown");
22
13
  var $gXNCa$reactcircleflags = require("react-circle-flags");
23
14
  var $gXNCa$cryptojs = require("crypto-js");
24
- var $gXNCa$materialuicoreChip = require("@material-ui/core/Chip");
25
15
  var $gXNCa$moment = require("moment");
26
16
  require("aws-sdk");
27
17
  var $gXNCa$dayjs = require("dayjs");
28
18
  var $gXNCa$dayjsbusinesstime = require("dayjs-business-time");
29
19
  require("dayjs/plugin/utc");
30
- var $gXNCa$materialuicoreMenuItem = require("@material-ui/core/MenuItem");
31
20
 
32
21
 
33
- function $parcel$export(e, n, v, s) {
34
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
35
- }
36
-
37
22
  function $parcel$interopDefault(a) {
38
23
  return a && a.__esModule ? a.default : a;
39
24
  }
40
25
 
41
- $parcel$export(module.exports, "WrappedSimulator", () => $4fa36e821943b400$export$d75554d0168fcedc);
42
- $parcel$export(module.exports, "WrappedCalculator", () => $4fa36e821943b400$export$896df779a8e2818);
43
-
44
-
45
-
46
-
26
+ function $parcel$export(e, n, v, s) {
27
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
28
+ }
47
29
 
30
+ $parcel$export(module.exports, "WrappedCalculator", () => $4fa36e821943b400$export$896df779a8e2818);
31
+ $parcel$export(module.exports, "WrappedSimulator", () => $4fa36e821943b400$export$d75554d0168fcedc);
48
32
 
49
33
 
50
34
 
51
35
 
52
36
 
37
+ const $99deb91d93177cc9$var$theme = (0, $gXNCa$muimaterialstyles.createTheme)({
38
+ palette: {
39
+ primary: {
40
+ main: '#1976d2',
41
+ light: '#42a5f5',
42
+ dark: '#1565c0',
43
+ contrastText: '#fff'
44
+ },
45
+ secondary: {
46
+ main: '#9c27b0',
47
+ light: '#ba68c8',
48
+ dark: '#7b1fa2',
49
+ contrastText: '#fff'
50
+ },
51
+ error: {
52
+ main: '#d32f2f',
53
+ light: '#ef5350',
54
+ dark: '#c62828',
55
+ contrastText: '#fff'
56
+ },
57
+ warning: {
58
+ main: '#ed6c02',
59
+ light: '#ff9800',
60
+ dark: '#e65100',
61
+ contrastText: '#fff'
62
+ },
63
+ info: {
64
+ main: '#0288d1',
65
+ light: '#03a9f4',
66
+ dark: '#01579b',
67
+ contrastText: '#fff'
68
+ },
69
+ success: {
70
+ main: '#2e7d32',
71
+ light: '#4caf50',
72
+ dark: '#1b5e20',
73
+ contrastText: '#fff'
74
+ },
75
+ background: {
76
+ default: '#f5f5f5',
77
+ paper: '#fff'
78
+ }
79
+ },
80
+ typography: {
81
+ fontFamily: [
82
+ 'Poppins',
83
+ '-apple-system',
84
+ 'BlinkMacSystemFont',
85
+ '"Segoe UI"',
86
+ 'Roboto',
87
+ '"Helvetica Neue"',
88
+ 'Arial',
89
+ 'sans-serif',
90
+ '"Apple Color Emoji"',
91
+ '"Segoe UI Emoji"',
92
+ '"Segoe UI Symbol"'
93
+ ].join(','),
94
+ h1: {
95
+ fontWeight: 500,
96
+ fontSize: '2.5rem',
97
+ lineHeight: 1.2
98
+ },
99
+ h2: {
100
+ fontWeight: 500,
101
+ fontSize: '2rem',
102
+ lineHeight: 1.2
103
+ },
104
+ button: {
105
+ textTransform: 'none'
106
+ }
107
+ },
108
+ shape: {
109
+ borderRadius: 4
110
+ },
111
+ components: {
112
+ MuiButton: {
113
+ defaultProps: {
114
+ disableElevation: true
115
+ },
116
+ styleOverrides: {
117
+ root: {
118
+ textTransform: 'none',
119
+ fontWeight: 600
120
+ }
121
+ }
122
+ },
123
+ MuiAppBar: {
124
+ styleOverrides: {
125
+ root: {
126
+ boxShadow: 'none'
127
+ }
128
+ }
129
+ }
130
+ }
131
+ });
132
+ var $99deb91d93177cc9$export$2e2bcd8739ae039 = $99deb91d93177cc9$var$theme;
53
133
 
54
134
 
55
135
 
@@ -1005,7 +1085,7 @@ const $9a120cc4db7b0570$var$loadFirebaseDB = (testMode = 'production', externalC
1005
1085
  try {
1006
1086
  let firebaseConfig;
1007
1087
  if (externalConfig && externalConfig.provider) firebaseConfig = externalConfig.provider;
1008
- else return console.error('No Firebase configuration provided');
1088
+ else firebaseConfig = (0, $d122f0ec366574ef$export$7dfd6b97707a3d55)[testMode].FIREBASE;
1009
1089
  if ((0, ($parcel$interopDefault($gXNCa$firebaseapp))).apps.length === 0) (0, ($parcel$interopDefault($gXNCa$firebaseapp))).initializeApp(firebaseConfig);
1010
1090
  } catch (error) {
1011
1091
  if (!/already exist/.test(error.message)) console.error('Firebase initialization error', error.stack);
@@ -2477,9 +2557,8 @@ function $7960feb2a8e3e0c6$export$2afc3ae66aac801c(secretKey, params) {
2477
2557
  timestamp: timestamp
2478
2558
  };
2479
2559
  }
2480
- function $7960feb2a8e3e0c6$export$3db7bf9691bf4b62(method, url, body = null, apikey = null) {
2560
+ function $7960feb2a8e3e0c6$export$3db7bf9691bf4b62(method, url, body = null, apikey = null, secretKey = null) {
2481
2561
  const referenceApiKey = apikey;
2482
- const secretKey = process.env.NEXT_PUBLIC_STAGING_APIKEY;
2483
2562
  const signatureParams = {
2484
2563
  method: method,
2485
2564
  url: url,
@@ -2546,6 +2625,7 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
2546
2625
  isCountryFromPayPal: false,
2547
2626
  onlySimulation: this.props.onlySimulation,
2548
2627
  reference: this.props.reference,
2628
+ secretKey: this.props.secretKey,
2549
2629
  taxSender: 0.00,
2550
2630
  taxReceiver: 0.00
2551
2631
  };
@@ -2783,7 +2863,8 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
2783
2863
  sell: 0
2784
2864
  };
2785
2865
  }
2786
- if (usdRate != "") rates[c].buy = rates[c].sell = parseFloat(c == "SV" ? usdRate.result : usdRate.result.toFixed(2));
2866
+ if (usdRate && typeof usdRate.result === "number") rates[c].buy = rates[c].sell = parseFloat(c == "SV" ? usdRate.result : usdRate.result.toFixed(2));
2867
+ else rates[c].buy = rates[c].sell = 1;
2787
2868
  if (body[country].countryTo[c]) {
2788
2869
  body[country].countryTo[c].usdBuy = rates[c].buy;
2789
2870
  body[country].countryTo[c].usdSell = rates[c].sell;
@@ -2808,7 +2889,8 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
2808
2889
  beforeUnload = async ()=>{
2809
2890
  sessionStorage.removeItem("storeId");
2810
2891
  //if (db) db.clearPersistence();
2811
- const firebase = await (0, $9a120cc4db7b0570$export$2e2bcd8739ae039)(this.state.testMode);
2892
+ //const { db } = await loadFirebaseDB(this.state.testMode, this.state.config);
2893
+ const firebase = await (0, $9a120cc4db7b0570$export$2e2bcd8739ae039)(this.state.testMode, this.state.config);
2812
2894
  const db = firebase.firestore();
2813
2895
  return await db.collection("transactions").doc(`${this.state.storeId}`).delete();
2814
2896
  };
@@ -3027,6 +3109,7 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3027
3109
  couponValue: this.state.couponValue,
3028
3110
  couponRedeemed: false,
3029
3111
  reference: this.state.reference,
3112
+ secretKey: this.state.secretKey,
3030
3113
  plus: 0
3031
3114
  });
3032
3115
  if (this.state.recalc) clearTimeout(this.state.recalc);
@@ -3048,7 +3131,7 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3048
3131
  const url = this.ENDPOINTS.OPERATIONS.calculate(this.state.storeId || sessionStorage.getItem('storeId'), "from");
3049
3132
  const res = await (0, ($parcel$interopDefault($gXNCa$axios))).post(url, model, {
3050
3133
  headers: {
3051
- "x-api-access-sig": (0, $7960feb2a8e3e0c6$export$3db7bf9691bf4b62)('POST', url, model, this.state.reference)
3134
+ "x-api-access-sig": (0, $7960feb2a8e3e0c6$export$3db7bf9691bf4b62)('POST', url, model, this.state.reference, this.state.secretKey)
3052
3135
  }
3053
3136
  });
3054
3137
  if (res) await this.setState({
@@ -3089,7 +3172,7 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3089
3172
  const url = this.ENDPOINTS.OPERATIONS.calculate(this.state.storeId, source);
3090
3173
  const res = await (0, ($parcel$interopDefault($gXNCa$axios))).post(url, model, {
3091
3174
  headers: {
3092
- "x-api-access-sig": (0, $7960feb2a8e3e0c6$export$3db7bf9691bf4b62)('POST', url, model, this.state.reference)
3175
+ "x-api-access-sig": (0, $7960feb2a8e3e0c6$export$3db7bf9691bf4b62)('POST', url, model, this.state.reference, this.state.secretKey)
3093
3176
  }
3094
3177
  });
3095
3178
  if (res) await this.setState({
@@ -3325,7 +3408,7 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3325
3408
  try {
3326
3409
  const response = await (0, ($parcel$interopDefault($gXNCa$axios))).get(url, {
3327
3410
  headers: {
3328
- "x-api-access-sig": (0, $7960feb2a8e3e0c6$export$3db7bf9691bf4b62)('GET', url, null, this.state.reference)
3411
+ "x-api-access-sig": (0, $7960feb2a8e3e0c6$export$3db7bf9691bf4b62)('GET', url, null, this.state.reference, this.state.secretKey)
3329
3412
  }
3330
3413
  });
3331
3414
  return response;
@@ -3545,64 +3628,60 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3545
3628
  href: "https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap",
3546
3629
  rel: "stylesheet"
3547
3630
  }),
3548
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
3549
- style: classes.root,
3550
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3631
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Paper), {
3632
+ sx: classes.root,
3633
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3551
3634
  container: true,
3552
3635
  direction: "column",
3553
3636
  spacing: 0,
3554
3637
  children: [
3555
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3556
- item: true,
3638
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3557
3639
  container: true,
3558
3640
  direction: "column",
3559
3641
  spacing: 0,
3560
3642
  children: [
3561
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3562
- item: true,
3563
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3564
- style: classes.labelAmount,
3643
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3644
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3645
+ sx: classes.labelAmount,
3565
3646
  gutterBottom: true,
3566
3647
  variant: "subtitle1",
3567
3648
  component: "div",
3568
3649
  children: content.landing.send_content
3569
3650
  })
3570
3651
  }),
3571
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3572
- item: true,
3573
- xs: 12,
3652
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3653
+ size: {
3654
+ xs: 12
3655
+ },
3574
3656
  container: true,
3575
3657
  children: [
3576
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3577
- item: true,
3578
- xs: 8,
3579
- md: 9,
3580
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
3581
- style: classes.inputAmount,
3582
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreInputBase))), {
3658
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3659
+ size: {
3660
+ xs: 8,
3661
+ md: 9
3662
+ },
3663
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Paper), {
3664
+ sx: classes.inputAmount,
3665
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.InputBase), {
3583
3666
  id: "send",
3584
- style: classes.inputAmountText,
3667
+ sx: classes.inputAmountText,
3585
3668
  required: true,
3586
3669
  value: sendValue,
3587
3670
  type: "number",
3588
3671
  disabled: loadingFrom || loadingTo,
3589
- startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreInputAdornment))), {
3672
+ startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.InputAdornment), {
3590
3673
  position: "start",
3591
- style: {
3674
+ sx: {
3592
3675
  marginTop: "0px"
3593
3676
  },
3594
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("span", {
3595
- children: [
3596
- " ",
3597
- loadingFrom && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreCircularProgress))), {
3598
- size: 18
3599
- }),
3600
- " "
3601
- ]
3677
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
3678
+ children: loadingFrom && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.CircularProgress), {
3679
+ size: 18
3680
+ })
3602
3681
  })
3603
3682
  }),
3604
- inputprops: {
3605
- inputProps: {
3683
+ slotProps: {
3684
+ input: {
3606
3685
  min: minFromValue,
3607
3686
  max: maxFromValue
3608
3687
  }
@@ -3611,30 +3690,29 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3611
3690
  })
3612
3691
  })
3613
3692
  }),
3614
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3615
- item: true,
3616
- xs: 4,
3617
- md: 3,
3618
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuilab.Autocomplete), {
3693
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3694
+ size: {
3695
+ xs: 4,
3696
+ md: 3
3697
+ },
3698
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Autocomplete), {
3619
3699
  disabled: loadingTo || loadingFrom,
3620
3700
  options: (0, $238b5c7df6f88375$export$e5ad74579c86b003).filter((country)=>{
3621
3701
  if (calculator && calculator[country.code] && calculator[country.code].active) return country;
3622
3702
  }),
3623
- // classes={{
3624
- // option: classes.option,
3625
- // }}
3626
- style: {
3703
+ sx: {
3627
3704
  fontSize: 14,
3628
3705
  "& > span": {
3629
3706
  marginRight: 10,
3630
3707
  fontSize: 18
3631
3708
  }
3632
3709
  },
3633
- filterOptions: this.filterOptions,
3634
3710
  value: (0, $238b5c7df6f88375$export$e5ad74579c86b003).filter((country)=>country.code == fromCountryValue)[0],
3635
3711
  autoHighlight: true,
3636
3712
  getOptionLabel: (option)=>`${option.currency}`,
3637
- renderOption: (option)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$react.Fragment), {
3713
+ renderOption: (props, option)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.Box), {
3714
+ component: "li",
3715
+ ...props,
3638
3716
  children: [
3639
3717
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
3640
3718
  style: {
@@ -3644,26 +3722,27 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3644
3722
  code: option.code == "PE-USD" ? "PE" : option.code
3645
3723
  })
3646
3724
  }),
3647
- " ",
3648
3725
  option.currency
3649
3726
  ]
3650
3727
  }),
3651
3728
  disableClearable: true,
3652
- renderInput: (params)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
3729
+ renderInput: (params)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Paper), {
3653
3730
  variant: "outlined",
3654
- style: classes.rootFlags,
3655
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTextField))), {
3656
- style: {
3731
+ sx: classes.rootFlags,
3732
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.TextField), {
3733
+ sx: {
3657
3734
  fontSize: "15px"
3658
3735
  },
3659
3736
  ...params,
3660
3737
  variant: "standard",
3661
- InputProps: {
3662
- ...params.InputProps,
3663
- startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $0b469f7a35a164ef$export$2e2bcd8739ae039), {
3664
- code: this.state.fromCountryValue == "PE-USD" ? "PE" : this.state.fromCountryValue
3665
- }),
3666
- disableUnderline: true
3738
+ slotProps: {
3739
+ input: {
3740
+ ...params.InputProps,
3741
+ startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $0b469f7a35a164ef$export$2e2bcd8739ae039), {
3742
+ code: this.state.fromCountryValue == "PE-USD" ? "PE" : this.state.fromCountryValue
3743
+ }),
3744
+ disableUnderline: true
3745
+ }
3667
3746
  }
3668
3747
  })
3669
3748
  }),
@@ -3672,12 +3751,13 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3672
3751
  })
3673
3752
  ]
3674
3753
  }),
3675
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3676
- item: true,
3677
- xs: 12,
3754
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3755
+ size: {
3756
+ xs: 12
3757
+ },
3678
3758
  container: true,
3679
- children: !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreFormHelperText))), {
3680
- style: {
3759
+ children: !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.FormHelperText), {
3760
+ sx: {
3681
3761
  color: "red"
3682
3762
  },
3683
3763
  children: sendValue < minFromValue && content.landing.min_value.replace("minValue", minFromValue) || sendValue > maxFromValue && content.landing.max_value.replace("maxValue", maxFromValue)
@@ -3685,64 +3765,69 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3685
3765
  })
3686
3766
  ]
3687
3767
  }),
3688
- !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3689
- item: true,
3690
- xs: 12,
3768
+ !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3769
+ size: {
3770
+ xs: 12
3771
+ },
3691
3772
  container: true,
3692
3773
  direction: "column",
3693
3774
  children: [
3694
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3695
- item: true,
3696
- xs: 12,
3775
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3776
+ size: {
3777
+ xs: 12
3778
+ },
3697
3779
  container: true,
3698
3780
  spacing: 1,
3699
3781
  children: [
3700
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3701
- item: true,
3702
- xs: 1,
3703
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3782
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3783
+ size: {
3784
+ xs: 1
3785
+ },
3786
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3704
3787
  variant: "body2",
3705
3788
  color: "textSecondary"
3706
3789
  })
3707
3790
  }),
3708
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3709
- item: true,
3710
- xs: 3,
3711
- md: 4,
3712
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3791
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3792
+ size: {
3793
+ xs: 3,
3794
+ md: 4
3795
+ },
3796
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3713
3797
  variant: "body2",
3714
3798
  color: "textSecondary",
3715
- style: {
3799
+ sx: {
3716
3800
  textAlign: "right"
3717
3801
  },
3718
3802
  children: traundFee
3719
3803
  })
3720
3804
  }),
3721
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3722
- item: true,
3723
- xs: 1,
3724
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3805
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3806
+ size: {
3807
+ xs: 1
3808
+ },
3809
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3725
3810
  variant: "body2",
3726
3811
  color: "textSecondary",
3727
3812
  children: fromCurrencyValue
3728
3813
  })
3729
3814
  }),
3730
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3731
- item: true,
3732
- xs: 1,
3733
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3815
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3816
+ size: {
3817
+ xs: 1
3818
+ },
3819
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3734
3820
  variant: "body2",
3735
3821
  color: "textSecondary",
3736
3822
  children: " "
3737
3823
  })
3738
3824
  }),
3739
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3740
- item: true,
3741
- xs: true,
3742
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3825
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3826
+ size: "grow",
3827
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3743
3828
  variant: "body2",
3744
3829
  color: "textSecondary",
3745
- style: {
3830
+ sx: {
3746
3831
  fontWeight: "bold",
3747
3832
  textAlign: "left",
3748
3833
  marginLeft: "10px"
@@ -3752,58 +3837,62 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3752
3837
  })
3753
3838
  ]
3754
3839
  }),
3755
- this.state.isCountryFromPayPal && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3756
- item: true,
3757
- xs: 12,
3840
+ this.state.isCountryFromPayPal && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3841
+ size: {
3842
+ xs: 12
3843
+ },
3758
3844
  container: true,
3759
3845
  spacing: 1,
3760
3846
  children: [
3761
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3762
- item: true,
3763
- xs: 1,
3764
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3847
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3848
+ size: {
3849
+ xs: 1
3850
+ },
3851
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3765
3852
  variant: "body2",
3766
3853
  color: "textSecondary"
3767
3854
  })
3768
3855
  }),
3769
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3770
- item: true,
3771
- xs: 3,
3772
- md: 4,
3773
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3856
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3857
+ size: {
3858
+ xs: 3,
3859
+ md: 4
3860
+ },
3861
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3774
3862
  variant: "body2",
3775
3863
  color: "textSecondary",
3776
- style: {
3864
+ sx: {
3777
3865
  textAlign: "right"
3778
3866
  },
3779
3867
  children: paypalFee
3780
3868
  })
3781
3869
  }),
3782
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3783
- item: true,
3784
- xs: 1,
3785
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3870
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3871
+ size: {
3872
+ xs: 1
3873
+ },
3874
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3786
3875
  variant: "body2",
3787
3876
  color: "textSecondary",
3788
3877
  children: fromCurrencyValue
3789
3878
  })
3790
3879
  }),
3791
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3792
- item: true,
3793
- xs: 1,
3794
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3880
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3881
+ size: {
3882
+ xs: 1
3883
+ },
3884
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3795
3885
  variant: "body2",
3796
3886
  color: "textSecondary",
3797
3887
  children: " "
3798
3888
  })
3799
3889
  }),
3800
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3801
- item: true,
3802
- xs: true,
3803
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3890
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3891
+ size: "grow",
3892
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3804
3893
  variant: "body2",
3805
3894
  color: "textSecondary",
3806
- style: {
3895
+ sx: {
3807
3896
  fontWeight: "bold",
3808
3897
  textAlign: "left",
3809
3898
  marginLeft: "10px"
@@ -3813,58 +3902,62 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3813
3902
  })
3814
3903
  ]
3815
3904
  }),
3816
- this.state.isUsdt && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3817
- item: true,
3818
- xs: 12,
3905
+ this.state.isUsdt && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3906
+ size: {
3907
+ xs: 12
3908
+ },
3819
3909
  container: true,
3820
3910
  spacing: 1,
3821
3911
  children: [
3822
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3823
- item: true,
3824
- xs: 1,
3825
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3912
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3913
+ size: {
3914
+ xs: 1
3915
+ },
3916
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3826
3917
  variant: "body2",
3827
3918
  color: "textSecondary"
3828
3919
  })
3829
3920
  }),
3830
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3831
- item: true,
3832
- xs: 3,
3833
- md: 4,
3834
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3921
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3922
+ size: {
3923
+ xs: 3,
3924
+ md: 4
3925
+ },
3926
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3835
3927
  variant: "body2",
3836
3928
  color: "textSecondary",
3837
- style: {
3929
+ sx: {
3838
3930
  textAlign: "right"
3839
3931
  },
3840
3932
  children: networkFee
3841
3933
  })
3842
3934
  }),
3843
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3844
- item: true,
3845
- xs: 1,
3846
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3935
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3936
+ size: {
3937
+ xs: 1
3938
+ },
3939
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3847
3940
  variant: "body2",
3848
3941
  color: "textSecondary",
3849
3942
  children: fromCurrencyValue
3850
3943
  })
3851
3944
  }),
3852
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3853
- item: true,
3854
- xs: 1,
3855
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3945
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3946
+ size: {
3947
+ xs: 1
3948
+ },
3949
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3856
3950
  variant: "body2",
3857
3951
  color: "textSecondary",
3858
3952
  children: " "
3859
3953
  })
3860
3954
  }),
3861
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3862
- item: true,
3863
- xs: true,
3864
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3955
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3956
+ size: "grow",
3957
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3865
3958
  variant: "body2",
3866
3959
  color: "textSecondary",
3867
- style: {
3960
+ sx: {
3868
3961
  fontWeight: "bold",
3869
3962
  textAlign: "left",
3870
3963
  marginLeft: "10px"
@@ -3874,78 +3967,83 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3874
3967
  })
3875
3968
  ]
3876
3969
  }),
3877
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3878
- item: true,
3879
- xs: 10,
3880
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Divider), {
3881
- style: {
3970
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3971
+ size: {
3972
+ xs: 10
3973
+ },
3974
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Divider), {
3975
+ sx: {
3882
3976
  margin: 4
3883
3977
  }
3884
3978
  })
3885
3979
  }),
3886
3980
  taxSender > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactjsxruntime.Fragment), {
3887
3981
  children: [
3888
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3889
- item: true,
3890
- xs: 12,
3982
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3983
+ size: {
3984
+ xs: 12
3985
+ },
3891
3986
  container: true,
3892
3987
  spacing: 1,
3893
3988
  children: [
3894
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3895
- item: true,
3896
- xs: 1,
3897
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3989
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3990
+ size: {
3991
+ xs: 1
3992
+ },
3993
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3898
3994
  variant: "subtitle2",
3899
3995
  color: "textPrimary",
3900
- style: {
3996
+ sx: {
3901
3997
  fontWeight: "bold",
3902
3998
  textAlign: "right"
3903
3999
  },
3904
4000
  children: "-"
3905
4001
  })
3906
4002
  }),
3907
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3908
- item: true,
3909
- xs: 3,
3910
- md: 4,
3911
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4003
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4004
+ size: {
4005
+ xs: 3,
4006
+ md: 4
4007
+ },
4008
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3912
4009
  variant: "subtitle2",
3913
4010
  color: "textPrimary",
3914
- style: {
4011
+ sx: {
3915
4012
  fontWeight: "bold",
3916
4013
  textAlign: "right"
3917
4014
  },
3918
4015
  children: taxSender
3919
4016
  })
3920
4017
  }),
3921
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3922
- item: true,
3923
- xs: 1,
3924
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4018
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4019
+ size: {
4020
+ xs: 1
4021
+ },
4022
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3925
4023
  variant: "subtitle2",
3926
4024
  color: "textPrimary",
3927
- style: {
4025
+ sx: {
3928
4026
  fontWeight: "bold"
3929
4027
  },
3930
4028
  children: fromCurrencyValue
3931
4029
  })
3932
4030
  }),
3933
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3934
- item: true,
3935
- xs: 1,
3936
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4031
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4032
+ size: {
4033
+ xs: 1
4034
+ },
4035
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3937
4036
  variant: "subtitle2",
3938
4037
  color: "textPrimary",
3939
4038
  children: " "
3940
4039
  })
3941
4040
  }),
3942
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3943
- item: true,
3944
- xs: true,
3945
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4041
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4042
+ size: "grow",
4043
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3946
4044
  variant: "subtitle2",
3947
4045
  color: "textPrimary",
3948
- style: {
4046
+ sx: {
3949
4047
  fontWeight: "bold",
3950
4048
  textAlign: "left",
3951
4049
  marginLeft: "10px"
@@ -3955,58 +4053,61 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3955
4053
  })
3956
4054
  ]
3957
4055
  }),
3958
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3959
- item: true,
3960
- xs: 12,
4056
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4057
+ size: {
4058
+ xs: 12
4059
+ },
3961
4060
  container: true,
3962
4061
  spacing: 1,
3963
4062
  children: [
3964
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3965
- item: true,
3966
- xs: 1,
3967
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4063
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4064
+ size: {
4065
+ xs: 1
4066
+ },
4067
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3968
4068
  variant: "subtitle2",
3969
4069
  color: "textPrimary",
3970
- style: {
4070
+ sx: {
3971
4071
  fontWeight: "bold",
3972
4072
  textAlign: "right"
3973
4073
  },
3974
4074
  children: "="
3975
4075
  })
3976
4076
  }),
3977
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3978
- item: true,
3979
- xs: 3,
3980
- md: 4,
3981
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4077
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4078
+ size: {
4079
+ xs: 3,
4080
+ md: 4
4081
+ },
4082
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3982
4083
  variant: "subtitle2",
3983
4084
  color: "textPrimary",
3984
- style: {
4085
+ sx: {
3985
4086
  fontWeight: "bold",
3986
4087
  textAlign: "right"
3987
4088
  },
3988
4089
  children: this.state.isUsdt ? convertValueCrypto : (+convertValue).toFixed(2)
3989
4090
  })
3990
4091
  }),
3991
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3992
- item: true,
3993
- xs: 1,
3994
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4092
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4093
+ size: {
4094
+ xs: 1
4095
+ },
4096
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
3995
4097
  variant: "subtitle2",
3996
4098
  color: "textPrimary",
3997
- style: {
4099
+ sx: {
3998
4100
  fontWeight: "bold"
3999
4101
  },
4000
4102
  children: this.state.isUsdt ? 'USD' : fromCurrencyValue
4001
4103
  })
4002
4104
  }),
4003
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4004
- item: true,
4005
- xs: true,
4006
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4105
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4106
+ size: "grow",
4107
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4007
4108
  variant: "subtitle2",
4008
4109
  color: "textPrimary",
4009
- style: {
4110
+ sx: {
4010
4111
  fontWeight: "bold",
4011
4112
  textAlign: "left",
4012
4113
  marginLeft: "10px"
@@ -4014,13 +4115,12 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4014
4115
  children: content.calculator.receiver
4015
4116
  })
4016
4117
  }),
4017
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4018
- item: true,
4019
- xs: true,
4020
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4118
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4119
+ size: "grow",
4120
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4021
4121
  variant: "subtitle2",
4022
4122
  color: "textPrimary",
4023
- style: {
4123
+ sx: {
4024
4124
  fontWeight: "bold",
4025
4125
  textAlign: "left",
4026
4126
  marginLeft: "10px"
@@ -4032,67 +4132,71 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4032
4132
  })
4033
4133
  ]
4034
4134
  }),
4035
- this.state.showTotalFees && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4036
- item: true,
4037
- xs: 12,
4135
+ this.state.showTotalFees && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4136
+ size: {
4137
+ xs: 12
4138
+ },
4038
4139
  container: true,
4039
4140
  spacing: 1,
4040
4141
  children: [
4041
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4042
- item: true,
4043
- xs: 1,
4044
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4142
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4143
+ size: {
4144
+ xs: 1
4145
+ },
4146
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4045
4147
  variant: "subtitle2",
4046
4148
  color: "textPrimary",
4047
- style: {
4149
+ sx: {
4048
4150
  fontWeight: "bold",
4049
4151
  textAlign: "right"
4050
4152
  },
4051
4153
  children: "-"
4052
4154
  })
4053
4155
  }),
4054
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4055
- item: true,
4056
- xs: 3,
4057
- md: 4,
4058
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4156
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4157
+ size: {
4158
+ xs: 3,
4159
+ md: 4
4160
+ },
4161
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4059
4162
  variant: "subtitle2",
4060
4163
  color: "textPrimary",
4061
- style: {
4164
+ sx: {
4062
4165
  fontWeight: "bold",
4063
4166
  textAlign: "right"
4064
4167
  },
4065
4168
  children: totalFees
4066
4169
  })
4067
4170
  }),
4068
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4069
- item: true,
4070
- xs: 1,
4071
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4171
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4172
+ size: {
4173
+ xs: 1
4174
+ },
4175
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4072
4176
  variant: "subtitle2",
4073
4177
  color: "textPrimary",
4074
- style: {
4178
+ sx: {
4075
4179
  fontWeight: "bold"
4076
4180
  },
4077
4181
  children: fromCurrencyValue
4078
4182
  })
4079
4183
  }),
4080
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4081
- item: true,
4082
- xs: 1,
4083
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4184
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4185
+ size: {
4186
+ xs: 1
4187
+ },
4188
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4084
4189
  variant: "body2",
4085
4190
  color: "textSecondary",
4086
4191
  children: " "
4087
4192
  })
4088
4193
  }),
4089
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4090
- item: true,
4091
- xs: true,
4092
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4194
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4195
+ size: "grow",
4196
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4093
4197
  variant: "subtitle2",
4094
4198
  color: "textPrimary",
4095
- style: {
4199
+ sx: {
4096
4200
  fontWeight: "bold",
4097
4201
  textAlign: "left",
4098
4202
  marginLeft: "10px"
@@ -4102,67 +4206,71 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4102
4206
  })
4103
4207
  ]
4104
4208
  }),
4105
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4106
- item: true,
4107
- xs: 12,
4209
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4210
+ size: {
4211
+ xs: 12
4212
+ },
4108
4213
  container: true,
4109
4214
  spacing: 1,
4110
4215
  children: [
4111
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4112
- item: true,
4113
- xs: 1,
4114
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4216
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4217
+ size: {
4218
+ xs: 1
4219
+ },
4220
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4115
4221
  variant: "subtitle2",
4116
4222
  color: "textPrimary",
4117
- style: {
4223
+ sx: {
4118
4224
  fontWeight: "bold",
4119
4225
  textAlign: "right"
4120
4226
  },
4121
4227
  children: this.state.exchangeRateLabel
4122
4228
  })
4123
4229
  }),
4124
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4125
- item: true,
4126
- xs: 3,
4127
- md: 4,
4128
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4230
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4231
+ size: {
4232
+ xs: 3,
4233
+ md: 4
4234
+ },
4235
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4129
4236
  variant: "subtitle2",
4130
4237
  color: "textPrimary",
4131
- style: {
4238
+ sx: {
4132
4239
  fontWeight: "bold",
4133
4240
  textAlign: "right"
4134
4241
  },
4135
4242
  children: exchangeRate
4136
4243
  })
4137
4244
  }),
4138
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4139
- item: true,
4140
- xs: 1,
4141
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4245
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4246
+ size: {
4247
+ xs: 1
4248
+ },
4249
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4142
4250
  variant: "subtitle2",
4143
4251
  color: "textPrimary",
4144
- style: {
4252
+ sx: {
4145
4253
  fontWeight: "bold"
4146
4254
  },
4147
4255
  children: this.state.isUsdt ? 'USDT' : toCurrencyValue
4148
4256
  })
4149
4257
  }),
4150
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4151
- item: true,
4152
- xs: 1,
4153
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4258
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4259
+ size: {
4260
+ xs: 1
4261
+ },
4262
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4154
4263
  variant: "body2",
4155
4264
  color: "textSecondary",
4156
4265
  children: " "
4157
4266
  })
4158
4267
  }),
4159
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4160
- item: true,
4161
- xs: true,
4162
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4268
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4269
+ size: "grow",
4270
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4163
4271
  variant: "subtitle2",
4164
4272
  color: "textPrimary",
4165
- style: {
4273
+ sx: {
4166
4274
  fontWeight: "bold",
4167
4275
  textAlign: "left",
4168
4276
  marginLeft: "10px"
@@ -4172,67 +4280,71 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4172
4280
  })
4173
4281
  ]
4174
4282
  }),
4175
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4176
- item: true,
4177
- xs: 12,
4283
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4284
+ size: {
4285
+ xs: 12
4286
+ },
4178
4287
  container: true,
4179
4288
  spacing: 1,
4180
4289
  children: [
4181
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4182
- item: true,
4183
- xs: 1,
4184
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4290
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4291
+ size: {
4292
+ xs: 1
4293
+ },
4294
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4185
4295
  variant: "subtitle2",
4186
4296
  color: "textPrimary",
4187
- style: {
4297
+ sx: {
4188
4298
  fontWeight: "bold",
4189
4299
  textAlign: "right"
4190
4300
  },
4191
4301
  children: "="
4192
4302
  })
4193
4303
  }),
4194
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4195
- item: true,
4196
- xs: 3,
4197
- md: 4,
4198
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4304
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4305
+ size: {
4306
+ xs: 3,
4307
+ md: 4
4308
+ },
4309
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4199
4310
  variant: "subtitle2",
4200
4311
  color: "textPrimary",
4201
- style: {
4312
+ sx: {
4202
4313
  fontWeight: "bold",
4203
4314
  textAlign: "right"
4204
4315
  },
4205
4316
  children: this.state.isUsdt ? convertValueCrypto : (+receivedValue + taxReceiver).toFixed(2)
4206
4317
  })
4207
4318
  }),
4208
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4209
- item: true,
4210
- xs: 1,
4211
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4319
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4320
+ size: {
4321
+ xs: 1
4322
+ },
4323
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4212
4324
  variant: "subtitle2",
4213
4325
  color: "textPrimary",
4214
- style: {
4326
+ sx: {
4215
4327
  fontWeight: "bold"
4216
4328
  },
4217
4329
  children: this.state.isUsdt ? 'USD' : toCurrencyValue
4218
4330
  })
4219
4331
  }),
4220
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4221
- item: true,
4222
- xs: 1,
4223
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4332
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4333
+ size: {
4334
+ xs: 1
4335
+ },
4336
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4224
4337
  variant: "body2",
4225
4338
  color: "textSecondary",
4226
4339
  children: " "
4227
4340
  })
4228
4341
  }),
4229
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4230
- item: true,
4231
- xs: true,
4232
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4342
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4343
+ size: "grow",
4344
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4233
4345
  variant: "subtitle2",
4234
4346
  color: "textPrimary",
4235
- style: {
4347
+ sx: {
4236
4348
  fontWeight: "bold",
4237
4349
  textAlign: "left",
4238
4350
  marginLeft: "10px"
@@ -4242,67 +4354,71 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4242
4354
  })
4243
4355
  ]
4244
4356
  }),
4245
- taxReceiver > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4246
- item: true,
4247
- xs: 12,
4357
+ taxReceiver > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4358
+ size: {
4359
+ xs: 12
4360
+ },
4248
4361
  container: true,
4249
4362
  spacing: 1,
4250
4363
  children: [
4251
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4252
- item: true,
4253
- xs: 1,
4254
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4364
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4365
+ size: {
4366
+ xs: 1
4367
+ },
4368
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4255
4369
  variant: "subtitle2",
4256
4370
  color: "textPrimary",
4257
- style: {
4371
+ sx: {
4258
4372
  fontWeight: "bold",
4259
4373
  textAlign: "right"
4260
4374
  },
4261
4375
  children: "-"
4262
4376
  })
4263
4377
  }),
4264
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4265
- item: true,
4266
- xs: 3,
4267
- md: 4,
4268
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4378
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4379
+ size: {
4380
+ xs: 3,
4381
+ md: 4
4382
+ },
4383
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4269
4384
  variant: "subtitle2",
4270
4385
  color: "textPrimary",
4271
- style: {
4386
+ sx: {
4272
4387
  fontWeight: "bold",
4273
4388
  textAlign: "right"
4274
4389
  },
4275
4390
  children: (+taxReceiver).toFixed(2)
4276
4391
  })
4277
4392
  }),
4278
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4279
- item: true,
4280
- xs: 1,
4281
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4393
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4394
+ size: {
4395
+ xs: 1
4396
+ },
4397
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4282
4398
  variant: "subtitle2",
4283
4399
  color: "textPrimary",
4284
- style: {
4400
+ sx: {
4285
4401
  fontWeight: "bold"
4286
4402
  },
4287
4403
  children: toCurrencyValue
4288
4404
  })
4289
4405
  }),
4290
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4291
- item: true,
4292
- xs: 1,
4293
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4406
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4407
+ size: {
4408
+ xs: 1
4409
+ },
4410
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4294
4411
  variant: "body2",
4295
4412
  color: "textSecondary",
4296
4413
  children: " "
4297
4414
  })
4298
4415
  }),
4299
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4300
- item: true,
4301
- xs: true,
4302
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4416
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4417
+ size: "grow",
4418
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4303
4419
  variant: "subtitle2",
4304
4420
  color: "textPrimary",
4305
- style: {
4421
+ sx: {
4306
4422
  fontWeight: "bold",
4307
4423
  textAlign: "left",
4308
4424
  marginLeft: "10px"
@@ -4315,62 +4431,52 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4315
4431
  ]
4316
4432
  }),
4317
4433
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("br", {}),
4318
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4319
- item: true,
4434
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4320
4435
  container: true,
4321
4436
  direction: "column",
4322
4437
  spacing: 0,
4323
- style: {
4324
- marginTop: "20px"
4325
- },
4326
4438
  children: [
4327
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4328
- item: true,
4329
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4330
- style: classes.labelAmount,
4439
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4440
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4441
+ sx: classes.labelAmount,
4331
4442
  gutterBottom: true,
4332
4443
  variant: "subtitle1",
4333
4444
  component: "div",
4334
4445
  children: content.landing.receiver_content
4335
4446
  })
4336
4447
  }),
4337
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4338
- item: true,
4339
- xs: 12,
4448
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4449
+ size: {
4450
+ xs: 12
4451
+ },
4340
4452
  container: true,
4341
4453
  children: [
4342
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4343
- item: true,
4344
- xs: 8,
4345
- md: 9,
4346
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
4347
- style: classes.inputAmount,
4348
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreInputBase))), {
4454
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4455
+ size: {
4456
+ xs: 8,
4457
+ md: 9
4458
+ },
4459
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Paper), {
4460
+ sx: classes.inputAmount,
4461
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.InputBase), {
4349
4462
  id: "receiver",
4350
- style: classes.inputAmountText,
4463
+ sx: classes.inputAmountText,
4351
4464
  type: "number",
4352
4465
  required: true,
4353
4466
  value: receivedValue,
4354
4467
  disabled: true,
4355
- startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreInputAdornment))), {
4468
+ startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.InputAdornment), {
4356
4469
  position: "start",
4357
- style: {
4358
- marginTop: "0px"
4359
- },
4360
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("span", {
4361
- children: [
4362
- " ",
4363
- loadingTo && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreCircularProgress))), {
4364
- size: 18
4365
- }),
4366
- " "
4367
- ]
4470
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
4471
+ children: loadingTo && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.CircularProgress), {
4472
+ size: 18
4473
+ })
4368
4474
  })
4369
4475
  }),
4370
- endAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreInputAdornment))), {
4476
+ endAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.InputAdornment), {
4371
4477
  position: "end",
4372
4478
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
4373
- style: {
4479
+ sx: {
4374
4480
  fontSize: "10px",
4375
4481
  fontWeight: "500",
4376
4482
  paddingTop: "15px",
@@ -4379,8 +4485,8 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4379
4485
  children: toCountryValue == "AR" && paymentMethods.length && paymentMethods[0].isWallet && !loadingTo && !loadingFrom ? `(${paymentMethods[0].amount} ARS)` : ''
4380
4486
  })
4381
4487
  }),
4382
- inputprops: {
4383
- inputProps: {
4488
+ slotProps: {
4489
+ input: {
4384
4490
  min: minFromValue,
4385
4491
  max: maxFromValue
4386
4492
  }
@@ -4389,31 +4495,30 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4389
4495
  })
4390
4496
  })
4391
4497
  }),
4392
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4393
- item: true,
4394
- xs: 4,
4395
- md: 3,
4396
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuilab.Autocomplete), {
4498
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4499
+ size: {
4500
+ xs: 4,
4501
+ md: 3
4502
+ },
4503
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Autocomplete), {
4397
4504
  disabled: loadingTo || loadingFrom,
4398
4505
  options: (0, $238b5c7df6f88375$export$e5ad74579c86b003).filter((country)=>{
4399
4506
  if (calculator && calculator[fromCountryValue] && calculator[fromCountryValue].active && calculator[fromCountryValue].countryTo[country.code] && calculator[fromCountryValue].countryTo[country.code].active) return country;
4400
4507
  }),
4401
- // classes={{
4402
- // option: classes.option,
4403
- // }}
4404
- style: {
4508
+ sx: {
4405
4509
  fontSize: 14,
4406
4510
  "& > span": {
4407
4511
  marginRight: 10,
4408
4512
  fontSize: 18
4409
4513
  }
4410
4514
  },
4411
- filterOptions: this.filterOptions,
4412
4515
  disableClearable: true,
4413
4516
  value: (0, $238b5c7df6f88375$export$e5ad74579c86b003).filter((country)=>country.code == toCountryValue)[0],
4414
4517
  autoHighlight: true,
4415
4518
  getOptionLabel: (option)=>`${option.currency}`,
4416
- renderOption: (option)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$react.Fragment), {
4519
+ renderOption: (props, option)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.Box), {
4520
+ component: "li",
4521
+ ...props,
4417
4522
  children: [
4418
4523
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
4419
4524
  style: {
@@ -4426,18 +4531,20 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4426
4531
  option.currency
4427
4532
  ]
4428
4533
  }),
4429
- renderInput: (params)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
4534
+ renderInput: (params)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Paper), {
4430
4535
  variant: "outlined",
4431
- style: classes.rootFlags,
4432
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTextField))), {
4536
+ sx: classes.rootFlags,
4537
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.TextField), {
4433
4538
  ...params,
4434
4539
  variant: "standard",
4435
- InputProps: {
4436
- ...params.InputProps,
4437
- startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $0b469f7a35a164ef$export$2e2bcd8739ae039), {
4438
- code: this.state.toCountryValue == "PE-USD" ? "PE" : this.state.toCountryValue
4439
- }),
4440
- disableUnderline: true
4540
+ slotProps: {
4541
+ input: {
4542
+ ...params.InputProps,
4543
+ startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $0b469f7a35a164ef$export$2e2bcd8739ae039), {
4544
+ code: this.state.toCountryValue == "PE-USD" ? "PE" : this.state.toCountryValue
4545
+ }),
4546
+ disableUnderline: true
4547
+ }
4441
4548
  }
4442
4549
  })
4443
4550
  }),
@@ -4446,44 +4553,47 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4446
4553
  })
4447
4554
  ]
4448
4555
  }),
4449
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4450
- item: true,
4451
- xs: 12,
4556
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4557
+ size: {
4558
+ xs: 12
4559
+ },
4452
4560
  container: true,
4453
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4454
- item: true,
4455
- xs: 12,
4456
- children: !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreFormHelperText))), {
4457
- style: {
4561
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4562
+ size: {
4563
+ xs: 12
4564
+ },
4565
+ children: !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.FormHelperText), {
4566
+ sx: {
4458
4567
  color: "red"
4459
4568
  },
4460
4569
  children: receivedValue < minToValue && content.landing.min_value.replace("minValue", minToValue) || receivedValue > maxToValue && content.landing.max_value.replace("maxValue", maxToValue)
4461
4570
  })
4462
4571
  })
4463
4572
  }),
4464
- (toCountryValue == "VE" || toCountryValue == "AR") && paymentMethods && !loadingTo && !loadingFrom && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4465
- item: true,
4466
- xs: 12,
4467
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreNativeSelect))), {
4468
- id: "demo-customized-select-native",
4469
- value: "Banks",
4470
- onChange: this.changeBank,
4471
- children: paymentMethods && paymentMethods.map((payment, index)=>{
4472
- if (payment.id == "trc20") return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("option", {
4473
- value: payment.id,
4474
- children: [
4475
- "Tron TRC20 (",
4476
- payment.currency,
4477
- ")"
4478
- ]
4479
- }, payment.name + index);
4480
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("option", {
4481
- value: payment.id,
4482
- children: [
4483
- payment.label,
4484
- " "
4485
- ]
4486
- }, payment.name + index);
4573
+ (toCountryValue == "VE" || toCountryValue == "AR") && paymentMethods && !loadingTo && !loadingFrom && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4574
+ size: {
4575
+ xs: 12
4576
+ },
4577
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.FormControl), {
4578
+ fullWidth: true,
4579
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Select), {
4580
+ id: "demo-customized-select-native",
4581
+ value: "Banks",
4582
+ onChange: this.changeBank,
4583
+ children: paymentMethods && paymentMethods.map((payment, index)=>{
4584
+ if (payment.id == "trc20") return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.MenuItem), {
4585
+ value: payment.id,
4586
+ children: [
4587
+ "Tron TRC20 (",
4588
+ payment.currency,
4589
+ ")"
4590
+ ]
4591
+ }, payment.name + index);
4592
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.MenuItem), {
4593
+ value: payment.id,
4594
+ children: payment.label
4595
+ }, payment.name + index);
4596
+ })
4487
4597
  })
4488
4598
  })
4489
4599
  })
@@ -4492,14 +4602,12 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4492
4602
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("br", {}),
4493
4603
  !onlySimulation && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactjsxruntime.Fragment), {
4494
4604
  children: [
4495
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4496
- item: true,
4605
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4497
4606
  container: true,
4498
4607
  direction: "column",
4499
4608
  spacing: 0,
4500
4609
  children: [
4501
- this.state.hasValidCoupon && plus != null && plus != 'undefined' && plus != 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4502
- item: true,
4610
+ this.state.hasValidCoupon && plus != null && plus != 'undefined' && plus != 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4503
4611
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("p", {
4504
4612
  style: {
4505
4613
  textAlign: "center"
@@ -4507,31 +4615,29 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4507
4615
  children: content.calculator.plus.replace("amount", plus).replace("currency", this.state.isUsdt ? 'USDT' : toCurrencyValue)
4508
4616
  })
4509
4617
  }),
4510
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4511
- item: true,
4512
- style: {
4513
- marginTop: "15px"
4514
- },
4515
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4516
- style: classes.labelCoupon,
4618
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4619
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4620
+ sx: classes.labelCoupon,
4517
4621
  gutterBottom: true,
4518
4622
  variant: "subtitle1",
4519
4623
  component: "div",
4520
4624
  children: content.landing.coupon_content
4521
4625
  })
4522
4626
  }),
4523
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4524
- item: true,
4525
- xs: 12,
4627
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4628
+ size: {
4629
+ xs: 12
4630
+ },
4526
4631
  container: true,
4527
4632
  children: [
4528
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4529
- item: true,
4530
- xs: 5,
4531
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
4532
- style: classes.inputCoupon,
4533
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreInputBase))), {
4534
- style: classes.inputCouponText,
4633
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4634
+ size: {
4635
+ xs: 5
4636
+ },
4637
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Paper), {
4638
+ sx: classes.inputCoupon,
4639
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.InputBase), {
4640
+ sx: classes.inputCouponText,
4535
4641
  value: couponValue,
4536
4642
  disabled: loadingFrom || loadingTo,
4537
4643
  type: "text",
@@ -4539,19 +4645,20 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4539
4645
  })
4540
4646
  })
4541
4647
  }),
4542
- this.state.hasValidCoupon && plus != null && plus != 'undefined' && plus != 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4543
- item: true,
4544
- xs: 2,
4545
- style: {
4648
+ this.state.hasValidCoupon && plus != null && plus != 'undefined' && plus != 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4649
+ size: {
4650
+ xs: 2
4651
+ },
4652
+ sx: {
4546
4653
  paddingLeft: "3px"
4547
4654
  },
4548
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTooltip))), {
4655
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Tooltip), {
4549
4656
  title: content.calculator.remove_coupon,
4550
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreButton))), {
4551
- style: classes.buttonRemoveCoupon,
4657
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Button), {
4658
+ sx: classes.buttonRemoveCoupon,
4552
4659
  onClick: this.removeCoupon,
4553
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuiiconsHighlightOffOutlined))), {
4554
- style: {
4660
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muiiconsmaterial.HighlightOffOutlined), {
4661
+ sx: {
4555
4662
  color: "white"
4556
4663
  }
4557
4664
  })
@@ -4560,15 +4667,15 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4560
4667
  })
4561
4668
  ]
4562
4669
  }),
4563
- !this.state.hasValidCoupon && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4564
- item: true,
4565
- xs: 12,
4566
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4567
- style: {
4670
+ !this.state.hasValidCoupon && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4671
+ size: {
4672
+ xs: 12
4673
+ },
4674
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4675
+ sx: {
4568
4676
  color: "red",
4569
4677
  textAlign: "center",
4570
- maxWidth: "100%",
4571
- paddingTop: "10px"
4678
+ maxWidth: "100%"
4572
4679
  },
4573
4680
  children: this.state.countryError.hasErrors ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactjsxruntime.Fragment), {
4574
4681
  children: [
@@ -4583,20 +4690,21 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4583
4690
  ]
4584
4691
  }),
4585
4692
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("br", {}),
4586
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4587
- item: true,
4588
- xs: 12,
4589
- style: {
4693
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4694
+ size: {
4695
+ xs: 12
4696
+ },
4697
+ sx: {
4590
4698
  marginTop: "20px",
4591
4699
  marginBottom: "10px"
4592
4700
  },
4593
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreButton))), {
4594
- style: startDisabled ? classes.buttonStartDisabled : classes.buttonStart,
4701
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Button), {
4702
+ sx: startDisabled ? classes.buttonStartDisabled : classes.buttonStart,
4595
4703
  variant: "contained",
4596
4704
  disabled: startDisabled,
4597
4705
  onClick: this.handleSubmitForm,
4598
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4599
- style: classes.textButtonStart,
4706
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4707
+ sx: classes.textButtonStart,
4600
4708
  children: content.landing.button_start
4601
4709
  })
4602
4710
  })
@@ -4604,21 +4712,23 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4604
4712
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("br", {})
4605
4713
  ]
4606
4714
  }),
4607
- recalculate && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4608
- item: true,
4609
- xs: 12,
4610
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4611
- style: classes.labelUpdateTC,
4715
+ recalculate && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4716
+ size: {
4717
+ xs: 12
4718
+ },
4719
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4720
+ sx: classes.labelUpdateTC,
4612
4721
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $3641e36ddb9c1c48$export$2e2bcd8739ae039), {
4613
4722
  locale: locale
4614
4723
  })
4615
4724
  })
4616
4725
  }),
4617
- this.state.hasError && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4618
- item: true,
4619
- xs: 12,
4620
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4621
- style: {
4726
+ this.state.hasError && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4727
+ size: {
4728
+ xs: 12
4729
+ },
4730
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4731
+ sx: {
4622
4732
  color: "red",
4623
4733
  textAlign: "center",
4624
4734
  maxWidth: "100%",
@@ -4627,25 +4737,27 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4627
4737
  children: content.error_general
4628
4738
  })
4629
4739
  }),
4630
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4631
- item: true,
4632
- xs: 12,
4633
- style: {
4740
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4741
+ size: {
4742
+ xs: 12
4743
+ },
4744
+ sx: {
4634
4745
  marginTop: "45px"
4635
4746
  },
4636
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Divider), {})
4747
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Divider), {})
4637
4748
  }),
4638
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4639
- item: true,
4640
- xs: 12,
4749
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4750
+ size: {
4751
+ xs: 12
4752
+ },
4641
4753
  container: true,
4642
4754
  direction: "row",
4643
4755
  justifyContent: "center",
4644
4756
  alignItems: "center",
4645
- style: {
4757
+ sx: {
4646
4758
  paddingBottom: "10px"
4647
4759
  },
4648
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4760
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.Typography), {
4649
4761
  variant: "subtitle1",
4650
4762
  children: [
4651
4763
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
@@ -4684,9 +4796,6 @@ var $c530beedeaeedc25$export$2e2bcd8739ae039 = $c530beedeaeedc25$var$Calculator;
4684
4796
 
4685
4797
 
4686
4798
 
4687
-
4688
-
4689
-
4690
4799
  const $ee1f0011b010ab9b$export$1b5eb083c754a86b = Object.freeze({
4691
4800
  COUNTRY: "country",
4692
4801
  WALLET: "wallet",
@@ -5419,9 +5528,10 @@ function $5d6e781e59e50d37$export$354ffc3468f9d23e(calculateType, day) {
5419
5528
 
5420
5529
 
5421
5530
  class $c0c7909cfff012a2$var$OperationsHelper {
5422
- constructor(testMode = 'production', secretKey = null, config = null){
5531
+ constructor(testMode = 'production', apiKey = null, config = null, secretKey = null){
5423
5532
  this.endpoints = new (0, $df8d2892fe6558f0$export$2e2bcd8739ae039)(testMode, config);
5424
- this.reference = secretKey;
5533
+ this.reference = apiKey;
5534
+ this.secretKey = secretKey;
5425
5535
  this.FEES = {
5426
5536
  "ach": {
5427
5537
  type: "A",
@@ -5449,7 +5559,7 @@ class $c0c7909cfff012a2$var$OperationsHelper {
5449
5559
  const url = this.endpoints.OPERATIONS.calculate(storeId, source);
5450
5560
  return await (0, ($parcel$interopDefault($gXNCa$axios))).post(url, body, {
5451
5561
  headers: {
5452
- "x-api-access-sig": (0, $7960feb2a8e3e0c6$export$3db7bf9691bf4b62)('POST', url, body, this.reference)
5562
+ "x-api-access-sig": (0, $7960feb2a8e3e0c6$export$3db7bf9691bf4b62)('POST', url, body, this.reference, this.secretKey)
5453
5563
  }
5454
5564
  });
5455
5565
  }
@@ -5506,13 +5616,6 @@ var $c0c7909cfff012a2$export$2e2bcd8739ae039 = $c0c7909cfff012a2$var$OperationsH
5506
5616
 
5507
5617
 
5508
5618
 
5509
-
5510
-
5511
-
5512
-
5513
-
5514
-
5515
-
5516
5619
  const $57d5e789e3634b87$var$componentStyles = {
5517
5620
  root: {
5518
5621
  fontFamily: "Poppins",
@@ -5654,15 +5757,16 @@ const $25bc95a5aba76853$var$InputAmount = (props)=>{
5654
5757
  "wallet-receiver": content.common.receiver.wallet_action
5655
5758
  };
5656
5759
  return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactjsxruntime.Fragment), {
5657
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
5760
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5658
5761
  container: true,
5659
5762
  direction: "column",
5660
5763
  spacing: 0,
5661
5764
  children: [
5662
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
5663
- item: true,
5664
- xs: 12,
5665
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
5765
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5766
+ size: {
5767
+ xs: 12
5768
+ },
5769
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
5666
5770
  style: classes.labelAmount,
5667
5771
  gutterBottom: true,
5668
5772
  variant: "subtitle1",
@@ -5670,25 +5774,27 @@ const $25bc95a5aba76853$var$InputAmount = (props)=>{
5670
5774
  children: labels[id]
5671
5775
  })
5672
5776
  }),
5673
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
5674
- item: true,
5675
- xs: 12,
5676
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
5777
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5778
+ size: {
5779
+ xs: 12
5780
+ },
5781
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5677
5782
  container: true,
5678
5783
  children: [
5679
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
5680
- item: true,
5681
- xs: 5,
5682
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
5784
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5785
+ size: {
5786
+ xs: 5
5787
+ },
5788
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Paper), {
5683
5789
  style: classes.inputAmount,
5684
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreInputBase))), {
5790
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.InputBase), {
5685
5791
  id: id,
5686
5792
  style: classes.inputAmountText,
5687
5793
  required: true,
5688
5794
  value: user.isLoading || user.isDisabled ? "" : (user.amount > 0 ? user.amount.toString() : "").toString(),
5689
5795
  type: "number",
5690
5796
  disabled: user.isLoading || user.isDisabled || disabled,
5691
- startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreInputAdornment))), {
5797
+ startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.InputAdornment), {
5692
5798
  position: "start",
5693
5799
  style: {
5694
5800
  marginTop: "0px"
@@ -5696,7 +5802,7 @@ const $25bc95a5aba76853$var$InputAmount = (props)=>{
5696
5802
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("span", {
5697
5803
  children: [
5698
5804
  " ",
5699
- user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreCircularProgress))), {
5805
+ user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.CircularProgress), {
5700
5806
  size: 18
5701
5807
  }),
5702
5808
  " "
@@ -5713,10 +5819,11 @@ const $25bc95a5aba76853$var$InputAmount = (props)=>{
5713
5819
  })
5714
5820
  })
5715
5821
  }),
5716
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
5717
- item: true,
5718
- xs: 7,
5719
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuilab.Autocomplete), {
5822
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5823
+ size: {
5824
+ xs: 5
5825
+ },
5826
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Autocomplete), {
5720
5827
  disabled: user.isLoading || user.isDisabled,
5721
5828
  options: transferOptions,
5722
5829
  style: {
@@ -5727,29 +5834,42 @@ const $25bc95a5aba76853$var$InputAmount = (props)=>{
5727
5834
  fontSize: 18
5728
5835
  }
5729
5836
  },
5730
- filterOptions: $25bc95a5aba76853$var$filterOptions,
5731
- value: transferOptions.find((x)=>x.code == selectedOption.code),
5837
+ isOptionEqualToValue: (option, value)=>option.code === value?.code,
5838
+ value: selectedOption ? transferOptions.find((x)=>x.code === selectedOption.code) || null : null,
5732
5839
  autoHighlight: true,
5733
- getOptionLabel: (option)=>`${option?.currency || ""}`,
5734
- renderOption: (option)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$react.Fragment), {
5840
+ getOptionLabel: (option)=>{
5841
+ if (!option) return '';
5842
+ if (typeof option === 'string') return option;
5843
+ if (typeof option.currency === 'string') return option.currency;
5844
+ return '';
5845
+ },
5846
+ renderOption: (props, option)=>{
5847
+ if (!option) return null;
5848
+ const { key: key, ...restProps } = props;
5849
+ const code = option.code || 'unknown';
5850
+ const currency = option.currency || '';
5851
+ const flagCode = code === "PE-USD" ? "PE" : code;
5852
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.Box), {
5853
+ component: "li",
5854
+ ...restProps,
5735
5855
  children: [
5736
5856
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
5737
5857
  style: {
5738
5858
  marginRight: "5px"
5739
5859
  },
5740
5860
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $0b469f7a35a164ef$export$2e2bcd8739ae039), {
5741
- code: option.code == "PE-USD" ? "PE" : option.code
5861
+ code: flagCode
5742
5862
  })
5743
5863
  }),
5744
- " ",
5745
- option?.currency || ""
5864
+ currency
5746
5865
  ]
5747
- }),
5866
+ }, `${code}-${currency}`);
5867
+ },
5748
5868
  disableClearable: true,
5749
- renderInput: (params)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
5869
+ renderInput: (params)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Paper), {
5750
5870
  variant: "outlined",
5751
5871
  style: classes.rootFlags,
5752
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTextField))), {
5872
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.TextField), {
5753
5873
  style: {
5754
5874
  fontSize: "15px"
5755
5875
  },
@@ -5764,16 +5884,17 @@ const $25bc95a5aba76853$var$InputAmount = (props)=>{
5764
5884
  }
5765
5885
  })
5766
5886
  }),
5767
- onChange: onChangeCountry
5887
+ onChange: (event, value)=>onChangeCountry && onChangeCountry(event, value)
5768
5888
  })
5769
5889
  })
5770
5890
  ]
5771
5891
  })
5772
5892
  }),
5773
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
5774
- item: true,
5775
- xs: 12,
5776
- children: !user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreFormHelperText))), {
5893
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5894
+ size: {
5895
+ xs: 12
5896
+ },
5897
+ children: !user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.FormHelperText), {
5777
5898
  style: {
5778
5899
  color: "red"
5779
5900
  },
@@ -5792,6 +5913,7 @@ var $25bc95a5aba76853$export$2e2bcd8739ae039 = $25bc95a5aba76853$var$InputAmount
5792
5913
 
5793
5914
 
5794
5915
 
5916
+
5795
5917
  const $e09238e49cf44303$var$Fees = (props)=>{
5796
5918
  const { content: content, details: details, simulatorMode: simulatorMode, walletName: walletName = "", locale: locale } = props;
5797
5919
  const [isUSDTReceiver, setIsUSDTReceiver] = (0, $gXNCa$react.useState)(false);
@@ -5800,39 +5922,42 @@ const $e09238e49cf44303$var$Fees = (props)=>{
5800
5922
  }, [
5801
5923
  details
5802
5924
  ]);
5803
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
5925
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5804
5926
  container: true,
5805
5927
  direction: "column",
5806
5928
  spacing: 0,
5807
- style: {
5929
+ sx: {
5808
5930
  marginBottom: 15
5809
5931
  },
5810
5932
  children: [
5811
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5812
- item: true,
5813
- xs: 12,
5814
- style: {
5933
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5934
+ size: {
5935
+ xs: 12
5936
+ },
5937
+ sx: {
5815
5938
  display: "contents"
5816
5939
  },
5817
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
5940
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5818
5941
  container: true,
5819
5942
  spacing: 1,
5820
5943
  children: [
5821
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5822
- item: true,
5823
- xs: 1,
5824
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
5944
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5945
+ size: {
5946
+ xs: 1
5947
+ },
5948
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
5825
5949
  variant: "body2",
5826
5950
  color: "textSecondary"
5827
5951
  })
5828
5952
  }),
5829
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5830
- item: true,
5831
- md: 4,
5832
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Typography), {
5953
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5954
+ size: {
5955
+ md: 4
5956
+ },
5957
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.Typography), {
5833
5958
  variant: "body2",
5834
5959
  color: "textSecondary",
5835
- style: {
5960
+ sx: {
5836
5961
  textAlign: "right"
5837
5962
  },
5838
5963
  children: [
@@ -5841,31 +5966,34 @@ const $e09238e49cf44303$var$Fees = (props)=>{
5841
5966
  ]
5842
5967
  })
5843
5968
  }),
5844
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5845
- item: true,
5846
- xs: 1,
5847
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
5969
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5970
+ size: {
5971
+ xs: 1
5972
+ },
5973
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
5848
5974
  variant: "body2",
5849
5975
  color: "textSecondary",
5850
5976
  children: details.currency
5851
5977
  })
5852
5978
  }),
5853
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5854
- item: true,
5855
- xs: 1,
5856
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
5979
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5980
+ size: {
5981
+ xs: 1
5982
+ },
5983
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
5857
5984
  variant: "body2",
5858
5985
  color: "textSecondary",
5859
5986
  children: " "
5860
5987
  })
5861
5988
  }),
5862
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5863
- item: true,
5864
- xs: 5,
5865
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
5989
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5990
+ size: {
5991
+ xs: 5
5992
+ },
5993
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
5866
5994
  variant: "body2",
5867
5995
  color: "textSecondary",
5868
- style: {
5996
+ sx: {
5869
5997
  fontWeight: "bold",
5870
5998
  textAlign: "left",
5871
5999
  marginLeft: "10px"
@@ -5876,61 +6004,67 @@ const $e09238e49cf44303$var$Fees = (props)=>{
5876
6004
  ]
5877
6005
  })
5878
6006
  }),
5879
- walletName?.length > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5880
- item: true,
5881
- xs: 12,
5882
- style: {
6007
+ walletName?.length > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6008
+ size: {
6009
+ xs: 12
6010
+ },
6011
+ sx: {
5883
6012
  display: "contents"
5884
6013
  },
5885
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
6014
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5886
6015
  container: true,
5887
6016
  spacing: 1,
5888
6017
  children: [
5889
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5890
- item: true,
5891
- xs: 1,
5892
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6018
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6019
+ size: {
6020
+ xs: 1
6021
+ },
6022
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
5893
6023
  variant: "body2",
5894
6024
  color: "textSecondary"
5895
6025
  })
5896
6026
  }),
5897
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5898
- item: true,
5899
- md: 4,
5900
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6027
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6028
+ size: {
6029
+ md: 4
6030
+ },
6031
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
5901
6032
  variant: "body2",
5902
6033
  color: "textSecondary",
5903
- style: {
6034
+ sx: {
5904
6035
  textAlign: "right"
5905
6036
  },
5906
6037
  children: (details.fees.payoneer || details.fees.wise || details.fees.deel || details.fees.ontop || 0).toFixed(2)
5907
6038
  })
5908
6039
  }),
5909
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5910
- item: true,
5911
- xs: 1,
5912
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6040
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6041
+ size: {
6042
+ xs: 1
6043
+ },
6044
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
5913
6045
  variant: "body2",
5914
6046
  color: "textSecondary",
5915
6047
  children: details.currency
5916
6048
  })
5917
6049
  }),
5918
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5919
- item: true,
5920
- xs: 1,
5921
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6050
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6051
+ size: {
6052
+ xs: 1
6053
+ },
6054
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
5922
6055
  variant: "body2",
5923
6056
  color: "textSecondary",
5924
6057
  children: " "
5925
6058
  })
5926
6059
  }),
5927
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5928
- item: true,
5929
- xs: 5,
5930
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Typography), {
6060
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6061
+ size: {
6062
+ xs: 5
6063
+ },
6064
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.Typography), {
5931
6065
  variant: "body2",
5932
6066
  color: "textSecondary",
5933
- style: {
6067
+ sx: {
5934
6068
  fontWeight: "bold",
5935
6069
  textAlign: "left",
5936
6070
  marginLeft: "10px"
@@ -5942,7 +6076,7 @@ const $e09238e49cf44303$var$Fees = (props)=>{
5942
6076
  " ",
5943
6077
  walletName[0],
5944
6078
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
5945
- style: {
6079
+ sx: {
5946
6080
  textTransform: 'lowercase'
5947
6081
  },
5948
6082
  children: walletName.slice(1)
@@ -5953,7 +6087,7 @@ const $e09238e49cf44303$var$Fees = (props)=>{
5953
6087
  children: [
5954
6088
  walletName[0],
5955
6089
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
5956
- style: {
6090
+ sx: {
5957
6091
  textTransform: 'lowercase'
5958
6092
  },
5959
6093
  children: walletName.slice(1)
@@ -5968,79 +6102,86 @@ const $e09238e49cf44303$var$Fees = (props)=>{
5968
6102
  ]
5969
6103
  })
5970
6104
  }),
5971
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5972
- item: true,
5973
- xs: 12,
5974
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Divider), {
5975
- style: {
6105
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6106
+ size: {
6107
+ xs: 12
6108
+ },
6109
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Divider), {
6110
+ sx: {
5976
6111
  margin: 4
5977
6112
  }
5978
6113
  })
5979
6114
  }),
5980
- details.showTotalFees && !isUSDTReceiver && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5981
- item: true,
5982
- xs: 12,
5983
- style: {
6115
+ details.showTotalFees && !isUSDTReceiver && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6116
+ size: {
6117
+ xs: 12
6118
+ },
6119
+ sx: {
5984
6120
  display: "contents"
5985
6121
  },
5986
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
6122
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5987
6123
  container: true,
5988
6124
  spacing: 1,
5989
6125
  children: [
5990
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5991
- item: true,
5992
- xs: 1,
5993
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6126
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6127
+ size: {
6128
+ xs: 1
6129
+ },
6130
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
5994
6131
  variant: "subtitle2",
5995
6132
  color: "textPrimary",
5996
- style: {
6133
+ sx: {
5997
6134
  fontWeight: "bold",
5998
6135
  textAlign: "right"
5999
6136
  },
6000
6137
  children: "-"
6001
6138
  })
6002
6139
  }),
6003
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6004
- item: true,
6005
- md: 4,
6006
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6140
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6141
+ size: {
6142
+ md: 4
6143
+ },
6144
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6007
6145
  variant: "subtitle2",
6008
6146
  color: "textPrimary",
6009
- style: {
6147
+ sx: {
6010
6148
  fontWeight: "bold",
6011
6149
  textAlign: "right"
6012
6150
  },
6013
6151
  children: details.totalFees
6014
6152
  })
6015
6153
  }),
6016
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6017
- item: true,
6018
- xs: 1,
6019
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6154
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6155
+ size: {
6156
+ xs: 1
6157
+ },
6158
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6020
6159
  variant: "subtitle2",
6021
6160
  color: "textPrimary",
6022
- style: {
6161
+ sx: {
6023
6162
  fontWeight: "bold"
6024
6163
  },
6025
6164
  children: details.currency
6026
6165
  })
6027
6166
  }),
6028
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6029
- item: true,
6030
- xs: 1,
6031
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6167
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6168
+ size: {
6169
+ xs: 1
6170
+ },
6171
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6032
6172
  variant: "body2",
6033
6173
  color: "textSecondary",
6034
6174
  children: " "
6035
6175
  })
6036
6176
  }),
6037
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6038
- item: true,
6039
- xs: 5,
6040
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6177
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6178
+ size: {
6179
+ xs: 5
6180
+ },
6181
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6041
6182
  variant: "subtitle2",
6042
6183
  color: "textPrimary",
6043
- style: {
6184
+ sx: {
6044
6185
  fontWeight: "bold",
6045
6186
  textAlign: "left",
6046
6187
  marginLeft: "10px"
@@ -6051,57 +6192,63 @@ const $e09238e49cf44303$var$Fees = (props)=>{
6051
6192
  ]
6052
6193
  })
6053
6194
  }),
6054
- isUSDTReceiver && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6055
- item: true,
6056
- xs: 12,
6057
- style: {
6195
+ isUSDTReceiver && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6196
+ size: {
6197
+ xs: 12
6198
+ },
6199
+ sx: {
6058
6200
  display: "contents"
6059
6201
  },
6060
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
6202
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6061
6203
  container: true,
6062
6204
  spacing: 1,
6063
6205
  children: [
6064
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6065
- item: true,
6066
- xs: 1,
6067
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6206
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6207
+ size: {
6208
+ xs: 1
6209
+ },
6210
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6068
6211
  variant: "body2",
6069
6212
  color: "textPrimary"
6070
6213
  })
6071
6214
  }),
6072
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6073
- item: true,
6074
- md: 4,
6075
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6215
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6216
+ size: {
6217
+ md: 4
6218
+ },
6219
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6076
6220
  variant: "body2",
6077
- style: {
6221
+ sx: {
6078
6222
  textAlign: "right"
6079
6223
  },
6080
6224
  children: (details.calculatedAmount + details.fees.network).toFixed(2)
6081
6225
  })
6082
6226
  }),
6083
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6084
- item: true,
6085
- xs: 1,
6086
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6227
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6228
+ size: {
6229
+ xs: 1
6230
+ },
6231
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6087
6232
  variant: "body2",
6088
6233
  children: ` USDT`
6089
6234
  })
6090
6235
  }),
6091
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6092
- item: true,
6093
- xs: 1,
6094
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6236
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6237
+ size: {
6238
+ xs: 1
6239
+ },
6240
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6095
6241
  variant: "body2",
6096
6242
  children: " "
6097
6243
  })
6098
6244
  }),
6099
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6100
- item: true,
6101
- xs: 5,
6102
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6245
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6246
+ size: {
6247
+ xs: 5
6248
+ },
6249
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6103
6250
  variant: "body2",
6104
- style: {
6251
+ sx: {
6105
6252
  fontWeight: "bold",
6106
6253
  textAlign: "left",
6107
6254
  marginLeft: "10px"
@@ -6112,62 +6259,68 @@ const $e09238e49cf44303$var$Fees = (props)=>{
6112
6259
  ]
6113
6260
  })
6114
6261
  }),
6115
- isUSDTReceiver && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6116
- item: true,
6117
- xs: 12,
6118
- style: {
6262
+ isUSDTReceiver && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6263
+ size: {
6264
+ xs: 12
6265
+ },
6266
+ sx: {
6119
6267
  display: "contents"
6120
6268
  },
6121
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
6269
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6122
6270
  container: true,
6123
6271
  spacing: 1,
6124
6272
  children: [
6125
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6126
- item: true,
6127
- xs: 1,
6128
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6273
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6274
+ size: {
6275
+ xs: 1
6276
+ },
6277
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6129
6278
  variant: "body2",
6130
6279
  color: "textPrimary",
6131
- style: {
6280
+ sx: {
6132
6281
  fontWeight: "bold",
6133
6282
  textAlign: "right"
6134
6283
  },
6135
6284
  children: "-"
6136
6285
  })
6137
6286
  }),
6138
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6139
- item: true,
6140
- md: 4,
6141
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6287
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6288
+ size: {
6289
+ md: 4
6290
+ },
6291
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6142
6292
  variant: "body2",
6143
- style: {
6293
+ sx: {
6144
6294
  textAlign: "right"
6145
6295
  },
6146
6296
  children: details.fees.network.toFixed(2)
6147
6297
  })
6148
6298
  }),
6149
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6150
- item: true,
6151
- xs: 1,
6152
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6299
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6300
+ size: {
6301
+ xs: 1
6302
+ },
6303
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6153
6304
  variant: "body2",
6154
6305
  children: ` USDT`
6155
6306
  })
6156
6307
  }),
6157
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6158
- item: true,
6159
- xs: 1,
6160
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6308
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6309
+ size: {
6310
+ xs: 1
6311
+ },
6312
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6161
6313
  variant: "body2",
6162
6314
  children: " "
6163
6315
  })
6164
6316
  }),
6165
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6166
- item: true,
6167
- xs: 5,
6168
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6317
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6318
+ size: {
6319
+ xs: 5
6320
+ },
6321
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6169
6322
  variant: "body2",
6170
- style: {
6323
+ sx: {
6171
6324
  fontWeight: "bold",
6172
6325
  textAlign: "left",
6173
6326
  marginLeft: "10px"
@@ -6178,70 +6331,76 @@ const $e09238e49cf44303$var$Fees = (props)=>{
6178
6331
  ]
6179
6332
  })
6180
6333
  }),
6181
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6182
- item: true,
6183
- xs: 12,
6184
- style: {
6334
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6335
+ size: {
6336
+ xs: 12
6337
+ },
6338
+ sx: {
6185
6339
  display: "contents"
6186
6340
  },
6187
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
6341
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6188
6342
  container: true,
6189
6343
  spacing: 1,
6190
6344
  children: [
6191
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6192
- item: true,
6193
- xs: 1,
6194
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6345
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6346
+ size: {
6347
+ xs: 1
6348
+ },
6349
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6195
6350
  variant: "subtitle2",
6196
6351
  color: "textPrimary",
6197
- style: {
6352
+ sx: {
6198
6353
  fontWeight: "bold",
6199
6354
  textAlign: "right"
6200
6355
  },
6201
6356
  children: "="
6202
6357
  })
6203
6358
  }),
6204
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6205
- item: true,
6206
- md: 4,
6207
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6359
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6360
+ size: {
6361
+ md: 4
6362
+ },
6363
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6208
6364
  variant: "subtitle2",
6209
6365
  color: "textPrimary",
6210
- style: {
6366
+ sx: {
6211
6367
  fontWeight: "bold",
6212
6368
  textAlign: "right"
6213
6369
  },
6214
6370
  children: details.calculatedAmount
6215
6371
  })
6216
6372
  }),
6217
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6218
- item: true,
6219
- xs: 1,
6220
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6373
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6374
+ size: {
6375
+ xs: 1
6376
+ },
6377
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6221
6378
  variant: "subtitle2",
6222
6379
  color: "textPrimary",
6223
- style: {
6380
+ sx: {
6224
6381
  fontWeight: "bold"
6225
6382
  },
6226
6383
  children: isUSDTReceiver ? "USDT" : details.currency
6227
6384
  })
6228
6385
  }),
6229
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6230
- item: true,
6231
- xs: 1,
6232
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6386
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6387
+ size: {
6388
+ xs: 1
6389
+ },
6390
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6233
6391
  variant: "body2",
6234
6392
  color: "textSecondary",
6235
6393
  children: " "
6236
6394
  })
6237
6395
  }),
6238
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6239
- item: true,
6240
- xs: 5,
6241
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6396
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6397
+ size: {
6398
+ xs: 5
6399
+ },
6400
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6242
6401
  variant: "subtitle2",
6243
6402
  color: "textPrimary",
6244
- style: {
6403
+ sx: {
6245
6404
  fontWeight: "bold",
6246
6405
  textAlign: "left",
6247
6406
  marginLeft: "10px"
@@ -6252,70 +6411,76 @@ const $e09238e49cf44303$var$Fees = (props)=>{
6252
6411
  ]
6253
6412
  })
6254
6413
  }),
6255
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6256
- item: true,
6257
- xs: 12,
6258
- style: {
6414
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6415
+ size: {
6416
+ xs: 12
6417
+ },
6418
+ sx: {
6259
6419
  display: "contents"
6260
6420
  },
6261
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
6421
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6262
6422
  container: true,
6263
6423
  spacing: 1,
6264
6424
  children: [
6265
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6266
- item: true,
6267
- xs: 1,
6268
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6425
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6426
+ size: {
6427
+ xs: 1
6428
+ },
6429
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6269
6430
  variant: "subtitle2",
6270
6431
  color: "textPrimary",
6271
- style: {
6432
+ sx: {
6272
6433
  fontWeight: "bold",
6273
6434
  textAlign: "right"
6274
6435
  },
6275
6436
  children: details.exchangeRateLabel
6276
6437
  })
6277
6438
  }),
6278
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6279
- item: true,
6280
- md: 4,
6281
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6439
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6440
+ size: {
6441
+ md: 4
6442
+ },
6443
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6282
6444
  variant: "subtitle2",
6283
6445
  color: "textPrimary",
6284
- style: {
6446
+ sx: {
6285
6447
  fontWeight: "bold",
6286
6448
  textAlign: "right"
6287
6449
  },
6288
6450
  children: details.exchangeRate
6289
6451
  })
6290
6452
  }),
6291
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6292
- item: true,
6293
- xs: 1,
6294
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6453
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6454
+ size: {
6455
+ xs: 1
6456
+ },
6457
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6295
6458
  variant: "subtitle2",
6296
6459
  color: "textPrimary",
6297
- style: {
6460
+ sx: {
6298
6461
  fontWeight: "bold"
6299
6462
  },
6300
6463
  children: isUSDTReceiver ? "USDT" : details.exchangeRateLabel == "x" ? details.currencyReceiver : details.currency
6301
6464
  })
6302
6465
  }),
6303
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6304
- item: true,
6305
- xs: 1,
6306
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6466
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6467
+ size: {
6468
+ xs: 1
6469
+ },
6470
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6307
6471
  variant: "body2",
6308
6472
  color: "textSecondary",
6309
6473
  children: " "
6310
6474
  })
6311
6475
  }),
6312
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6313
- item: true,
6314
- xs: 5,
6315
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6476
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6477
+ size: {
6478
+ xs: 5
6479
+ },
6480
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6316
6481
  variant: "subtitle2",
6317
6482
  color: "textPrimary",
6318
- style: {
6483
+ sx: {
6319
6484
  fontWeight: "bold",
6320
6485
  textAlign: "left",
6321
6486
  marginLeft: "10px"
@@ -6326,70 +6491,76 @@ const $e09238e49cf44303$var$Fees = (props)=>{
6326
6491
  ]
6327
6492
  })
6328
6493
  }),
6329
- details.tax > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6330
- item: true,
6331
- xs: 12,
6332
- style: {
6494
+ details.tax > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6495
+ size: {
6496
+ xs: 12
6497
+ },
6498
+ sx: {
6333
6499
  display: "contents"
6334
6500
  },
6335
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
6501
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6336
6502
  container: true,
6337
6503
  spacing: 1,
6338
6504
  children: [
6339
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6340
- item: true,
6341
- xs: 1,
6342
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6505
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6506
+ size: {
6507
+ xs: 1
6508
+ },
6509
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6343
6510
  variant: "subtitle2",
6344
6511
  color: "textPrimary",
6345
- style: {
6512
+ sx: {
6346
6513
  fontWeight: "bold",
6347
6514
  textAlign: "right"
6348
6515
  },
6349
6516
  children: "-"
6350
6517
  })
6351
6518
  }),
6352
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6353
- item: true,
6354
- md: 4,
6355
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6519
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6520
+ size: {
6521
+ md: 4
6522
+ },
6523
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6356
6524
  variant: "subtitle2",
6357
6525
  color: "textPrimary",
6358
- style: {
6526
+ sx: {
6359
6527
  fontWeight: "bold",
6360
6528
  textAlign: "right"
6361
6529
  },
6362
6530
  children: details.tax
6363
6531
  })
6364
6532
  }),
6365
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6366
- item: true,
6367
- xs: 1,
6368
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6533
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6534
+ size: {
6535
+ xs: 1
6536
+ },
6537
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6369
6538
  variant: "subtitle2",
6370
6539
  color: "textPrimary",
6371
- style: {
6540
+ sx: {
6372
6541
  fontWeight: "bold"
6373
6542
  },
6374
6543
  children: details.currencyReceiver
6375
6544
  })
6376
6545
  }),
6377
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6378
- item: true,
6379
- xs: 1,
6380
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6546
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6547
+ size: {
6548
+ xs: 1
6549
+ },
6550
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6381
6551
  variant: "body2",
6382
6552
  color: "textSecondary",
6383
6553
  children: " "
6384
6554
  })
6385
6555
  }),
6386
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6387
- item: true,
6388
- xs: 5,
6389
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6556
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6557
+ size: {
6558
+ xs: 5
6559
+ },
6560
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6390
6561
  variant: "subtitle2",
6391
6562
  color: "textPrimary",
6392
- style: {
6563
+ sx: {
6393
6564
  fontWeight: "bold",
6394
6565
  textAlign: "left",
6395
6566
  marginLeft: "10px"
@@ -6415,7 +6586,6 @@ var $e09238e49cf44303$export$2e2bcd8739ae039 = $e09238e49cf44303$var$Fees;
6415
6586
 
6416
6587
 
6417
6588
 
6418
-
6419
6589
  const $5bf5c647168de599$var$Disclaimers = (props)=>{
6420
6590
  const disclaimerTypes = {
6421
6591
  send: "send",
@@ -6433,25 +6603,27 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6433
6603
  let __expiration = expiration.charAt(0).toUpperCase() + expiration.slice(1);
6434
6604
  switch(name){
6435
6605
  case disclaimerTypes.send:
6436
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6606
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6437
6607
  container: true,
6438
6608
  spacing: 2,
6439
6609
  children: [
6440
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6441
- item: true,
6442
- xs: 12,
6443
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuilab.Alert), {
6610
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6611
+ size: {
6612
+ xs: 12
6613
+ },
6614
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Alert), {
6444
6615
  severity: "info",
6445
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6616
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6446
6617
  variant: "body2",
6447
6618
  children: content.disclaimers.send
6448
6619
  })
6449
6620
  })
6450
6621
  }),
6451
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6452
- item: true,
6453
- xs: 12,
6454
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Typography), {
6622
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6623
+ size: {
6624
+ xs: 12
6625
+ },
6626
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.Typography), {
6455
6627
  variant: "body2",
6456
6628
  align: "center",
6457
6629
  children: [
@@ -6461,13 +6633,14 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6461
6633
  ]
6462
6634
  })
6463
6635
  }),
6464
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6465
- item: true,
6466
- xs: 12,
6467
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6636
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6637
+ size: {
6638
+ xs: 12
6639
+ },
6640
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6468
6641
  variant: "body2",
6469
6642
  align: "center",
6470
- style: {
6643
+ sx: {
6471
6644
  color: "#666"
6472
6645
  },
6473
6646
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("b", {
@@ -6478,50 +6651,53 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6478
6651
  ]
6479
6652
  });
6480
6653
  case disclaimerTypes.sendWithIntegration:
6481
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6654
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6482
6655
  container: true,
6483
6656
  spacing: 2,
6484
6657
  children: [
6485
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6486
- item: true,
6487
- xs: 12,
6488
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuilab.Alert), {
6658
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6659
+ size: {
6660
+ xs: 12
6661
+ },
6662
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Alert), {
6489
6663
  severity: "info",
6490
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6491
- style: {
6664
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6665
+ sx: {
6492
6666
  fontSize: "0.8rem"
6493
6667
  },
6494
6668
  children: content.disclaimers.send
6495
6669
  })
6496
6670
  })
6497
6671
  }),
6498
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6499
- item: true,
6500
- xs: 12,
6501
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6672
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6673
+ size: {
6674
+ xs: 12
6675
+ },
6676
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6502
6677
  variant: "body2",
6503
6678
  align: "center",
6504
6679
  children: content.disclaimers.sendDescription
6505
6680
  })
6506
6681
  }),
6507
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6508
- item: true,
6509
- xs: 12,
6682
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6683
+ size: {
6684
+ xs: 12
6685
+ },
6510
6686
  children: [
6511
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6687
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6512
6688
  variant: "body2",
6513
6689
  align: "center",
6514
- style: {
6690
+ sx: {
6515
6691
  color: "#666"
6516
6692
  },
6517
6693
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("b", {
6518
6694
  children: __expiration
6519
6695
  })
6520
6696
  }),
6521
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6697
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6522
6698
  variant: "caption",
6523
6699
  align: "justify",
6524
- style: {
6700
+ sx: {
6525
6701
  display: "inline-block",
6526
6702
  color: "#878787",
6527
6703
  lineHeight: "15px",
@@ -6535,38 +6711,41 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6535
6711
  ]
6536
6712
  });
6537
6713
  case disclaimerTypes.receive:
6538
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6714
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6539
6715
  container: true,
6540
6716
  spacing: 2,
6541
6717
  children: [
6542
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6543
- item: true,
6544
- xs: 12,
6545
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuilab.Alert), {
6718
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6719
+ size: {
6720
+ xs: 12
6721
+ },
6722
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Alert), {
6546
6723
  severity: "info",
6547
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6548
- style: {
6724
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6725
+ sx: {
6549
6726
  fontSize: "0.8rem"
6550
6727
  },
6551
6728
  children: content.disclaimers.receive
6552
6729
  })
6553
6730
  })
6554
6731
  }),
6555
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6556
- item: true,
6557
- xs: 12,
6558
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6732
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6733
+ size: {
6734
+ xs: 12
6735
+ },
6736
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6559
6737
  variant: "body2",
6560
6738
  align: "justify",
6561
6739
  children: content.disclaimers.receiveDescription
6562
6740
  })
6563
6741
  }),
6564
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6565
- item: true,
6566
- xs: 12,
6567
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6742
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6743
+ size: {
6744
+ xs: 12
6745
+ },
6746
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6568
6747
  variant: "caption",
6569
- style: {
6748
+ sx: {
6570
6749
  color: "#878787"
6571
6750
  },
6572
6751
  children: simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT && option.code == "US" ? content.disclaimers.receiveZelle : content.disclaimers.receiveBanks
@@ -6575,36 +6754,38 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6575
6754
  ]
6576
6755
  });
6577
6756
  case disclaimerTypes.receiveWithIntegration:
6578
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6757
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6579
6758
  container: true,
6580
6759
  spacing: 2,
6581
6760
  children: [
6582
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6583
- item: true,
6584
- xs: 12,
6585
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuilab.Alert), {
6761
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6762
+ size: {
6763
+ xs: 12
6764
+ },
6765
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Alert), {
6586
6766
  severity: "info",
6587
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6588
- style: {
6767
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6768
+ sx: {
6589
6769
  fontSize: "0.8rem"
6590
6770
  },
6591
6771
  children: content.disclaimers.receive
6592
6772
  })
6593
6773
  })
6594
6774
  }),
6595
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6596
- item: true,
6597
- xs: 12,
6775
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6776
+ size: {
6777
+ xs: 12
6778
+ },
6598
6779
  children: [
6599
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6780
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6600
6781
  variant: "body2",
6601
6782
  align: "justify",
6602
6783
  children: content.disclaimers.receiveDescription
6603
6784
  }),
6604
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6785
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6605
6786
  variant: "caption",
6606
6787
  align: "justify",
6607
- style: {
6788
+ sx: {
6608
6789
  display: "inline-block",
6609
6790
  color: "#878787",
6610
6791
  lineHeight: "15px",
@@ -6613,9 +6794,9 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6613
6794
  },
6614
6795
  children: content.disclaimers.receiveDisclaimer?.replace("{COUNTRY}", optionName)
6615
6796
  }),
6616
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6797
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6617
6798
  variant: "caption",
6618
- style: {
6799
+ sx: {
6619
6800
  color: "#878787"
6620
6801
  },
6621
6802
  children: simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT && option.code == "US" ? content.disclaimers.receiveZelle : content.disclaimers.receiveBanks
@@ -6625,45 +6806,48 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6625
6806
  ]
6626
6807
  });
6627
6808
  case disclaimerTypes.wallet:
6628
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6809
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6629
6810
  container: true,
6630
6811
  spacing: 2,
6631
6812
  children: [
6632
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6633
- item: true,
6634
- xs: 12,
6635
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuilab.Alert), {
6813
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6814
+ size: {
6815
+ xs: 12
6816
+ },
6817
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Alert), {
6636
6818
  severity: "info",
6637
6819
  children: content.disclaimers.wallet
6638
6820
  })
6639
6821
  }),
6640
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6641
- item: true,
6642
- xs: 12,
6643
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6822
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6823
+ size: {
6824
+ xs: 12
6825
+ },
6826
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6644
6827
  variant: "body2",
6645
6828
  align: "center",
6646
6829
  children: content.disclaimers.walletDescription
6647
6830
  })
6648
6831
  }),
6649
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6650
- item: true,
6651
- xs: 12,
6832
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6833
+ size: {
6834
+ xs: 12
6835
+ },
6652
6836
  children: [
6653
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6837
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6654
6838
  variant: "body2",
6655
6839
  align: "center",
6656
- style: {
6840
+ sx: {
6657
6841
  color: "#666"
6658
6842
  },
6659
6843
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("b", {
6660
6844
  children: __expiration
6661
6845
  })
6662
6846
  }),
6663
- option.code == "ACH" ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6847
+ option.code == "ACH" ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6664
6848
  variant: "caption",
6665
6849
  align: "center",
6666
- style: {
6850
+ sx: {
6667
6851
  display: "inline-block",
6668
6852
  color: "#878787",
6669
6853
  lineHeight: "15px",
@@ -6671,10 +6855,10 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6671
6855
  maringBottom: 15
6672
6856
  },
6673
6857
  children: content.disclaimers.walletDisclaimerACH
6674
- }) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6858
+ }) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6675
6859
  variant: "caption",
6676
6860
  align: "center",
6677
- style: {
6861
+ sx: {
6678
6862
  display: "inline-block",
6679
6863
  color: "#878787",
6680
6864
  lineHeight: "15px",
@@ -6688,7 +6872,7 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6688
6872
  ]
6689
6873
  });
6690
6874
  default:
6691
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6875
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6692
6876
  children: " "
6693
6877
  });
6694
6878
  }
@@ -6905,7 +7089,6 @@ const $8e9ca21186f2536d$export$926bfdedbec70796 = (payments)=>{
6905
7089
 
6906
7090
 
6907
7091
 
6908
-
6909
7092
  const $c1882e163bdff66b$var$PaymentMethodSelector = ({ paymentMethods: paymentMethods, onChange: onChange })=>{
6910
7093
  const [selectedItem, setSelectedItem] = (0, $gXNCa$react.useState)(paymentMethods[0]?.id || "");
6911
7094
  const handleOnChange = ({ target: target })=>{
@@ -6917,15 +7100,16 @@ const $c1882e163bdff66b$var$PaymentMethodSelector = ({ paymentMethods: paymentMe
6917
7100
  }, [
6918
7101
  paymentMethods
6919
7102
  ]);
6920
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
7103
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
6921
7104
  container: true,
6922
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6923
- item: true,
6924
- xs: 12,
6925
- children: paymentMethods && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
7105
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7106
+ size: {
7107
+ xs: 12
7108
+ },
7109
+ children: paymentMethods && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
6926
7110
  item: true,
6927
7111
  xs: 12,
6928
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Select), {
7112
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Select), {
6929
7113
  id: "demo-customized-select-native",
6930
7114
  value: selectedItem,
6931
7115
  onChange: handleOnChange,
@@ -6933,12 +7117,9 @@ const $c1882e163bdff66b$var$PaymentMethodSelector = ({ paymentMethods: paymentMe
6933
7117
  minWidth: 300
6934
7118
  },
6935
7119
  fullWidth: true,
6936
- children: paymentMethods && paymentMethods.filter((e)=>e.id != "trc20").map((payment, index)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreMenuItem))), {
7120
+ children: paymentMethods && paymentMethods.filter((e)=>e.id != "trc20").map((payment, index)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.MenuItem), {
6937
7121
  value: payment.id,
6938
- children: [
6939
- payment.label,
6940
- " "
6941
- ]
7122
+ children: payment.label
6942
7123
  }, payment.name + index))
6943
7124
  })
6944
7125
  })
@@ -6949,7 +7130,9 @@ var $c1882e163bdff66b$export$2e2bcd8739ae039 = $c1882e163bdff66b$var$PaymentMeth
6949
7130
 
6950
7131
 
6951
7132
 
6952
- const $946e0543186f7545$export$5ecc5d08426f3213 = (0, $gXNCa$materialuicore.makeStyles)((theme)=>({
7133
+ // Crear un tema para usar con makeStyles
7134
+ const $946e0543186f7545$var$theme = (0, $gXNCa$muimaterialstyles.createTheme)();
7135
+ const $946e0543186f7545$export$5ecc5d08426f3213 = (0, $gXNCa$muimaterialstyles.styled)((theme)=>({
6953
7136
  // 'input[type=number]::-webkit-outer-spin-button': {
6954
7137
  // '-webkit-appearance': 'none',
6955
7138
  // margin: 0
@@ -7023,7 +7206,6 @@ const $946e0543186f7545$export$5ecc5d08426f3213 = (0, $gXNCa$materialuicore.make
7023
7206
 
7024
7207
 
7025
7208
 
7026
-
7027
7209
  const $d3c2b8c012a239f6$var$useStyles = (0, $946e0543186f7545$export$5ecc5d08426f3213);
7028
7210
  function $d3c2b8c012a239f6$var$Simulator(props) {
7029
7211
  /**
@@ -7033,7 +7215,7 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7033
7215
  const classes = $d3c2b8c012a239f6$var$useStyles();
7034
7216
  const __ENDPOINTS = new (0, $df8d2892fe6558f0$export$2e2bcd8739ae039)(props.testMode, props.config);
7035
7217
  const __calculateHelper = new (0, $fe71048abacacae0$export$2e2bcd8739ae039)(props.testMode, props.config);
7036
- const __operationsHelper = new (0, $c0c7909cfff012a2$export$2e2bcd8739ae039)(props.testMode, props.reference, props.config);
7218
+ const __operationsHelper = new (0, $c0c7909cfff012a2$export$2e2bcd8739ae039)(props.testMode, props.reference, props.config, props.secretKey);
7037
7219
  const __firebase = (0, $9a120cc4db7b0570$export$2e2bcd8739ae039)(props.testMode, props.config);
7038
7220
  const [simulatorMode, setSimulatorMode] = (0, $gXNCa$react.useState)((0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).SEND);
7039
7221
  const [suscribedGlobalOptions, setSuscribedGlobalOptions] = (0, $gXNCa$react.useState)(false);
@@ -7664,7 +7846,7 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7664
7846
  }, [
7665
7847
  simulatorMode
7666
7848
  ]);
7667
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("main", {
7849
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$react.Fragment), {
7668
7850
  children: [
7669
7851
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("link", {
7670
7852
  href: "https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap",
@@ -7674,24 +7856,24 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7674
7856
  href: "https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap",
7675
7857
  rel: "stylesheet"
7676
7858
  }),
7677
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
7859
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Paper), {
7678
7860
  className: classes.root,
7679
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7861
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7680
7862
  container: true,
7681
7863
  direction: "column",
7682
7864
  spacing: 0,
7683
7865
  children: [
7684
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7866
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7685
7867
  container: true,
7686
7868
  direction: "row",
7687
7869
  justifyContent: "center",
7688
7870
  alignItems: "center",
7689
- style: {
7871
+ sx: {
7690
7872
  paddingBottom: "10px"
7691
7873
  },
7692
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7693
- item: true,
7694
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
7874
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7875
+ size: "grow",
7876
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
7695
7877
  className: classes.labelAmount,
7696
7878
  gutterBottom: true,
7697
7879
  variant: "subtitle1",
@@ -7700,25 +7882,26 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7700
7882
  })
7701
7883
  })
7702
7884
  }),
7703
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7885
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7704
7886
  container: true,
7705
7887
  direction: "row",
7706
7888
  justifyContent: "center",
7707
7889
  alignItems: "center",
7708
- style: {
7890
+ sx: {
7709
7891
  paddingBottom: "10px"
7710
7892
  },
7711
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7712
- item: true,
7713
- xs: 9,
7714
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7893
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7894
+ size: {
7895
+ xs: 9
7896
+ },
7897
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7715
7898
  container: true,
7716
7899
  spacing: 3,
7717
7900
  justifyContent: "center",
7718
7901
  children: [
7719
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7720
- item: true,
7721
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreChip))), {
7902
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7903
+ size: "grow",
7904
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Chip), {
7722
7905
  className: simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).SEND ? classes.chipOptionChecked : classes.chipOptionUnchecked,
7723
7906
  label: content.simulator.header_chips.option_send,
7724
7907
  variant: "outlined",
@@ -7727,9 +7910,9 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7727
7910
  }
7728
7911
  })
7729
7912
  }),
7730
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7731
- item: true,
7732
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreChip))), {
7913
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7914
+ size: "grow",
7915
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Chip), {
7733
7916
  className: simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT ? classes.chipOptionChecked : classes.chipOptionUnchecked,
7734
7917
  label: content.simulator.header_chips.option_receive,
7735
7918
  variant: "outlined",
@@ -7742,17 +7925,16 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7742
7925
  })
7743
7926
  })
7744
7927
  }),
7745
- simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).SEND ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7746
- item: true,
7747
- xs: 12,
7748
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7928
+ simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).SEND ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7929
+ size: {
7930
+ xs: 12
7931
+ },
7932
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7749
7933
  container: true,
7750
7934
  children: [
7751
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7752
- item: true,
7753
- xs: 12,
7754
- style: {
7755
- paddingBottom: "15px"
7935
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7936
+ size: {
7937
+ xs: 12
7756
7938
  },
7757
7939
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
7758
7940
  id: "transfer-sender",
@@ -7762,9 +7944,10 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7762
7944
  onChangeCountry: handleSendCountry
7763
7945
  })
7764
7946
  }),
7765
- !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7766
- item: true,
7767
- xs: 12,
7947
+ !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7948
+ size: {
7949
+ xs: 12
7950
+ },
7768
7951
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $e09238e49cf44303$export$2e2bcd8739ae039), {
7769
7952
  content: content,
7770
7953
  details: transferDetail,
@@ -7773,11 +7956,9 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7773
7956
  locale: locale
7774
7957
  })
7775
7958
  }),
7776
- sender.selectedOption.type == (0, $ee1f0011b010ab9b$export$1b5eb083c754a86b).COUNTRY ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7777
- item: true,
7778
- xs: 12,
7779
- style: {
7780
- paddingBottom: "15px"
7959
+ sender.selectedOption.type == (0, $ee1f0011b010ab9b$export$1b5eb083c754a86b).COUNTRY ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7960
+ size: {
7961
+ xs: 12
7781
7962
  },
7782
7963
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
7783
7964
  id: "transfer-receiver",
@@ -7787,11 +7968,9 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7787
7968
  onChangeCountry: handleReceiveCountry,
7788
7969
  disabled: true
7789
7970
  })
7790
- }) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7791
- item: true,
7792
- xs: 12,
7793
- style: {
7794
- paddingBottom: "15px"
7971
+ }) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7972
+ size: {
7973
+ xs: 12
7795
7974
  },
7796
7975
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
7797
7976
  id: "wallet-receiver",
@@ -7805,17 +7984,16 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7805
7984
  ]
7806
7985
  })
7807
7986
  }) : "",
7808
- simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7809
- item: true,
7810
- xs: 12,
7811
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7987
+ simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7988
+ size: {
7989
+ xs: 12
7990
+ },
7991
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7812
7992
  container: true,
7813
7993
  children: [
7814
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7815
- item: true,
7816
- xs: 12,
7817
- style: {
7818
- paddingBottom: "15px"
7994
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7995
+ size: {
7996
+ xs: 12
7819
7997
  },
7820
7998
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
7821
7999
  id: "collect-sender",
@@ -7825,9 +8003,10 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7825
8003
  onChangeCountry: handleSendCountry
7826
8004
  })
7827
8005
  }),
7828
- !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7829
- item: true,
7830
- xs: 12,
8006
+ !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8007
+ size: {
8008
+ xs: 12
8009
+ },
7831
8010
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $e09238e49cf44303$export$2e2bcd8739ae039), {
7832
8011
  content: content,
7833
8012
  details: transferDetail,
@@ -7836,11 +8015,9 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7836
8015
  locale: locale
7837
8016
  })
7838
8017
  }),
7839
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7840
- item: true,
7841
- xs: 12,
7842
- style: {
7843
- paddingBottom: "15px"
8018
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8019
+ size: {
8020
+ xs: 12
7844
8021
  },
7845
8022
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
7846
8023
  id: "collect-receiver",
@@ -7857,23 +8034,18 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7857
8034
  [
7858
8035
  "VE",
7859
8036
  "AR"
7860
- ].includes(receiver.selectedOption.code) && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7861
- item: true,
7862
- xs: 12,
7863
- style: {
7864
- marginTop: 15,
7865
- marginBottom: 15
8037
+ ].includes(receiver.selectedOption.code) && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8038
+ size: {
8039
+ xs: 12
7866
8040
  },
7867
8041
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $c1882e163bdff66b$export$2e2bcd8739ae039), {
7868
8042
  paymentMethods: receiver.paymentMethods,
7869
8043
  onChange: handleOnchangePaymentMethod
7870
8044
  })
7871
8045
  }),
7872
- !props.onlyView && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7873
- item: true,
7874
- xs: 12,
7875
- style: {
7876
- marginBottom: 15
8046
+ !props.onlyView && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8047
+ size: {
8048
+ xs: 12
7877
8049
  },
7878
8050
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $5bf5c647168de599$export$2e2bcd8739ae039), {
7879
8051
  simulatorMode: simulatorMode,
@@ -7883,10 +8055,15 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7883
8055
  option: sender.selectedOption
7884
8056
  })
7885
8057
  }),
7886
- !props.onlyView && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7887
- item: true,
7888
- xs: 12,
7889
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreButton))), {
8058
+ !props.onlyView && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8059
+ size: {
8060
+ xs: 12
8061
+ },
8062
+ sx: {
8063
+ marginTop: "15px",
8064
+ marginBottom: "15px"
8065
+ },
8066
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Button), {
7890
8067
  className: classes.button,
7891
8068
  variant: "contained",
7892
8069
  onClick: handleNext,
@@ -7895,54 +8072,56 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7895
8072
  children: content.simulator.footer_action_button
7896
8073
  })
7897
8074
  }),
7898
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7899
- item: true,
7900
- xs: 12,
7901
- style: {
7902
- marginTop: 15,
7903
- marginBottom: 15,
7904
- textAlign: "center"
8075
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8076
+ size: {
8077
+ xs: 12
8078
+ },
8079
+ sx: {
8080
+ textAlign: "center",
8081
+ marginTop: "15px"
7905
8082
  },
7906
8083
  children: recalculate && sender.selectedOption.type != (0, $ee1f0011b010ab9b$export$1b5eb083c754a86b).WALLET && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $3641e36ddb9c1c48$export$2e2bcd8739ae039), {
7907
8084
  onTimeout: calculateAgain,
7908
8085
  locale: locale
7909
8086
  })
7910
8087
  }),
7911
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7912
- item: true,
7913
- xs: 12,
7914
- style: {
7915
- marginTop: "30px"
8088
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8089
+ size: {
8090
+ xs: 12
8091
+ },
8092
+ sx: {
8093
+ marginTop: "60px"
7916
8094
  },
7917
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Divider), {})
8095
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Divider), {})
7918
8096
  }),
7919
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7920
- item: true,
7921
- xs: 12,
8097
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8098
+ size: {
8099
+ xs: 12
8100
+ },
7922
8101
  container: true,
7923
8102
  direction: "row",
7924
8103
  justifyContent: "center",
7925
8104
  alignItems: "center",
7926
- style: {
8105
+ sx: {
7927
8106
  paddingBottom: "10px"
7928
8107
  },
7929
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
8108
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.Typography), {
7930
8109
  variant: "subtitle1",
7931
- style: {
8110
+ sx: {
7932
8111
  display: "flex",
7933
8112
  alignItems: "center",
7934
8113
  textAlign: "center"
7935
8114
  },
7936
8115
  children: [
7937
8116
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
7938
- style: {
8117
+ sx: {
7939
8118
  fontSize: "10px",
7940
8119
  textAlign: "center"
7941
8120
  },
7942
8121
  children: "Powered by\xa0"
7943
8122
  }),
7944
8123
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
7945
- style: {
8124
+ sx: {
7946
8125
  fontWeight: "bold",
7947
8126
  fontSize: "12px",
7948
8127
  textAlign: "center"
@@ -7961,7 +8140,22 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7961
8140
  var $d3c2b8c012a239f6$export$2e2bcd8739ae039 = $d3c2b8c012a239f6$var$Simulator;
7962
8141
 
7963
8142
 
7964
- function $4fa36e821943b400$export$d75554d0168fcedc(props) {
8143
+ //import ModernCalculator from './calculate';
8144
+ // Componente de orden superior para proveer el tema
8145
+ const $4fa36e821943b400$var$withThemeProvider = (WrappedComponent)=>{
8146
+ return function WithThemeProvider(props) {
8147
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterialstyles.ThemeProvider), {
8148
+ theme: (0, $99deb91d93177cc9$export$2e2bcd8739ae039),
8149
+ children: [
8150
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialCssBaseline))), {}),
8151
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)(WrappedComponent, {
8152
+ ...props
8153
+ })
8154
+ ]
8155
+ });
8156
+ };
8157
+ };
8158
+ function $4fa36e821943b400$var$WrappedSimulator(props) {
7965
8159
  return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $d3c2b8c012a239f6$export$2e2bcd8739ae039), {
7966
8160
  testMode: props.testMode,
7967
8161
  locale: props.locale,
@@ -7970,10 +8164,11 @@ function $4fa36e821943b400$export$d75554d0168fcedc(props) {
7970
8164
  onlyView: props.onlyView ?? false,
7971
8165
  initialCountryTo: props.initialCountryTo ?? "PE-USD",
7972
8166
  reference: props.reference || "",
8167
+ secretKey: props.secretKey || "",
7973
8168
  config: props.config
7974
8169
  });
7975
8170
  }
7976
- function $4fa36e821943b400$export$896df779a8e2818(props) {
8171
+ function $4fa36e821943b400$var$WrappedCalculator(props) {
7977
8172
  return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $c530beedeaeedc25$export$2e2bcd8739ae039), {
7978
8173
  testMode: props.testMode,
7979
8174
  locale: props.locale,
@@ -7981,9 +8176,12 @@ function $4fa36e821943b400$export$896df779a8e2818(props) {
7981
8176
  couponCode: props.couponCode || "",
7982
8177
  onlySimulation: props.onlySimulation ?? false,
7983
8178
  reference: props.reference || "",
8179
+ secretKey: props.secretKey || "",
7984
8180
  config: props.config
7985
8181
  });
7986
8182
  }
8183
+ const $4fa36e821943b400$export$896df779a8e2818 = $4fa36e821943b400$var$withThemeProvider($4fa36e821943b400$var$WrappedCalculator);
8184
+ const $4fa36e821943b400$export$d75554d0168fcedc = $4fa36e821943b400$var$withThemeProvider($4fa36e821943b400$var$WrappedSimulator);
7987
8185
 
7988
8186
 
7989
8187
  //# sourceMappingURL=index.js.map